/* Max Adventures · side-scrolling beat'em up. Landscape frame 16:9, HUD and touch controls over the canvas. */
html, body { height:100%; overflow:hidden; }
body { background:#0b0620; touch-action:none; }
body::before { display:none; }
#stage { position:fixed; inset:0; display:grid; place-items:center; background:#0b0620; }
#cv { display:block; background:#1a0c45; image-rendering:auto; }
#frame { position:absolute; left:0; top:0; width:100px; height:100px; pointer-events:none; }

/* HUD inside the frame */
#hud { position:absolute; inset:0; pointer-events:none; font:700 16px/1 Fredoka,sans-serif; color:#fff; }
#hud > * { position:absolute; }
#hpbox { left:2%; top:4%; width:34%; }
#hpname { display:flex; align-items:center; gap:8px; font-size:clamp(12px,2.6vmin,20px); letter-spacing:.06em; text-shadow:0 2px 0 #2a0f6b,0 0 10px rgba(0,0,0,.6); }
#hpname img { height:clamp(22px,5vmin,40px); width:auto; filter:drop-shadow(0 2px 2px rgba(0,0,0,.5)); }
#hp { margin-top:5px; height:clamp(10px,2.4vmin,18px); border-radius:999px; background:rgba(13,6,48,.75); border:2px solid #34107f; box-shadow:0 3px 0 #2a0f6b; overflow:hidden; }
#hpf { height:100%; width:100%; background:linear-gradient(180deg,#f0ff9a,#42e22b); transition:width .15s; }
#hpf.low { background:linear-gradient(180deg,#ffb3cf,#ff2d7a); }
#boss { left:28%; right:28%; top:3%; display:none; text-align:center; }
#boss .n { display:inline-block; font-size:clamp(12px,2.4vmin,18px); letter-spacing:.1em; text-shadow:0 2px 0 #4a0020; color:#ffd1e3; padding:.3em .9em; border-radius:999px; background:rgba(40,0,20,.6); }
#boss .b { margin-top:4px; height:clamp(8px,2vmin,14px); border-radius:999px; background:rgba(40,0,20,.8); border:2px solid #7a1040; overflow:hidden; } #boss .b i { display:block; height:100%; width:100%; background:linear-gradient(180deg,#ff9ad0,#d8126a); transition:width .12s; }
#right { right:2%; top:4%; display:flex; align-items:center; gap:8px; }
.chip2 { display:inline-flex; align-items:center; gap:6px; padding:.5em .9em; border-radius:999px; background:linear-gradient(180deg,#7a43e6,#3f1a99); border:2px solid #34107f; box-shadow:0 3px 0 #2a0f6b,inset 0 2px 0 rgba(255,255,255,.4); font-size:clamp(12px,2.6vmin,20px); text-shadow:0 2px 0 #2a0f6b; white-space:nowrap; font-variant-numeric:tabular-nums; }
.chip2.gold { background:linear-gradient(180deg,#fff2b8,#ffd84a); color:#4a3100; text-shadow:none; }
#chest { width:clamp(40px,9vmin,72px); height:clamp(40px,9vmin,72px); pointer-events:auto; }
#beat { width:clamp(28px,6vmin,48px); height:clamp(28px,6vmin,48px); }
#lvl { left:50%; top:4%; transform:translateX(-50%); font-size:clamp(11px,2.2vmin,16px); letter-spacing:.14em; color:#fff; text-shadow:0 2px 0 #2a0f6b; padding:.45em 1em; border-radius:999px; background:rgba(13,6,48,.62); white-space:nowrap; }
#pauseb { right:2%; bottom:4%; pointer-events:auto; }
#go { right:4%; top:46%; font-size:clamp(28px,8vmin,64px); color:#ffd84a; text-shadow:0 4px 0 #7a4d00,0 0 20px rgba(255,216,74,.7); animation:gob .5s steps(2) infinite; display:none; }
@keyframes gob { to { opacity:.2; } }
#combo { left:50%; top:26%; transform:translateX(-50%); font-size:clamp(20px,6vmin,46px); color:#4efa50; text-shadow:0 4px 0 #0d5a12,0 0 16px rgba(78,250,80,.6); opacity:0; transition:opacity .2s,transform .2s; }
#combo.on { opacity:1; transform:translateX(-50%) scale(1.1); }
.msg { top:14%; }
#helpb { left:2%; bottom:4%; pointer-events:auto; display:none; }
.rb2 { width:clamp(44px,10vmin,64px); height:clamp(44px,10vmin,64px); border-radius:50%; border:3px solid #34107f; background:radial-gradient(120% 120% at 30% 18%,#e6c6ff 0%,#a45cff 42%,#6428d6 100%); box-shadow:0 4px 0 #2a0f6b,inset 0 3px 0 rgba(255,255,255,.6); display:grid; place-items:center; font-size:clamp(18px,4vmin,28px); }
.rb2 img { height:70%; width:auto; }
.rb2.cd { filter:grayscale(1) brightness(.6); }
.rb2:active { transform:translateY(3px); }

/* touch controls */
#touch { position:absolute; inset:0; pointer-events:none; display:none; }
#touch.on { display:block; }
body.scr #touch, body.scr #hud { display:none; }
#stick { position:absolute; left:0; top:28%; width:44%; height:72%; pointer-events:auto; }
#stickv { position:absolute; width:clamp(90px,24vmin,150px); height:clamp(90px,24vmin,150px); border-radius:50%; border:3px solid rgba(255,255,255,.35); background:rgba(13,6,48,.3); transform:translate(-50%,-50%); display:none; }
#stickv i { position:absolute; left:50%; top:50%; width:44%; height:44%; border-radius:50%; background:radial-gradient(120% 120% at 30% 18%,#e6c6ff 0%,#a45cff 42%,#6428d6 100%); border:3px solid #34107f; transform:translate(-50%,-50%); }
#btns { position:absolute; right:3%; bottom:6%; width:clamp(150px,36vmin,240px); height:clamp(150px,36vmin,240px); pointer-events:none; }
#btns button { position:absolute; width:38%; height:38%; border-radius:50%; border:3px solid #34107f; box-shadow:0 5px 0 #2a0f6b,inset 0 3px 0 rgba(255,255,255,.6); font:700 clamp(16px,4.6vmin,28px)/1 Fredoka,sans-serif; letter-spacing:.04em; text-shadow:0 2px 0 rgba(0,0,0,.35); pointer-events:auto; touch-action:none; -webkit-user-select:none; user-select:none; opacity:.78; }
#btns button:active, #btns button.dn { transform:translateY(4px); box-shadow:0 1px 0 #2a0f6b,inset 0 3px 0 rgba(255,255,255,.6); }
#bPU { left:0; bottom:8%; background:linear-gradient(180deg,#ffb08a,#ff7a45 50%,#b8431a); color:#fff; }
#bTS { left:31%; bottom:50%; background:linear-gradient(180deg,#fff2b8,#ffd84a 50%,#e0a800); color:#4a3100; }
#bKE { right:0; bottom:28%; background:linear-gradient(180deg,#ffb3d5,#ec4899 50%,#9d1a5c); color:#fff; }
#bJ { left:34%; bottom:-6%; width:34%; height:34%; background:linear-gradient(180deg,#f0ff9a,#a6ff4a 40%,#42e22b); color:#1b0a55; font-size:clamp(12px,3.4vmin,20px); }

/* screens (on top of arcade.css .screen) */
.screen { gap:12px; }
.screen h1.ttl { font-size:clamp(40px,9vmin,84px); line-height:.9; color:#fff; }
.screen h1.ttl em { color:#ffd84a; font-style:normal; display:block; font-size:.62em; letter-spacing:.08em; -webkit-text-stroke:0; }
.heroes { display:flex; gap:clamp(6px,2vmin,18px); align-items:flex-end; justify-content:center; }
.heroes img { height:clamp(80px,22vmin,170px); width:auto; filter:drop-shadow(0 10px 14px rgba(0,0,0,.55)); animation:floatS 4s ease-in-out infinite; }
.heroes img:nth-child(2) { animation-delay:-1s; } .heroes img:nth-child(3) { animation-delay:-2s; } .heroes img:nth-child(4) { animation-delay:-3s; height:clamp(60px,16vmin,120px); }
.chars { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.chars button { display:flex; flex-direction:column; align-items:center; gap:4px; padding:8px 10px 6px; border-radius:18px; border:3px solid #34107f; background:rgba(13,6,48,.55); color:#d9ceff; font:600 14px Fredoka,sans-serif; min-width:84px; }
.chars button img { height:clamp(44px,10vmin,72px); width:auto; }
.chars button.sel { background:linear-gradient(180deg,#5b2fc4,#2f1380); color:#fff; box-shadow:0 0 0 3px #4efa50; }
.chars button.lock { opacity:.5; filter:grayscale(.7); }
.chars button.lock::after { content:'🔒'; font-size:12px; }
.rowb { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.hint { font-size:clamp(13px,3vmin,16px); color:#d9ceff; }
#rotate { position:fixed; inset:0; z-index:30; display:none; place-items:center; background:#140838; color:#fff; text-align:center; font:700 22px/1.3 Fredoka,sans-serif; padding:20px; }
#rotate .ph { width:60px; height:100px; border:4px solid #fff; border-radius:12px; margin:0 auto 16px; animation:rot 1.6s ease-in-out infinite; }
@keyframes rot { 0%,20% { transform:rotate(0); } 60%,100% { transform:rotate(90deg); } }

/* level clear: chest + crystal + reward cards */
#chestbig { width:min(46vmin,260px); height:min(46vmin,260px); }
.cards { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.card { width:min(150px,28vw); padding:12px 8px; border-radius:20px; border:3px solid #34107f; background:linear-gradient(180deg,#5b2fc4,#2f1380); box-shadow:0 6px 0 #2a0f6b; color:#fff; font:600 clamp(12px,2.8vmin,15px)/1.25 Fredoka,sans-serif; display:flex; flex-direction:column; align-items:center; gap:6px; }
.card .ic { font-size:clamp(26px,7vmin,40px); line-height:1; filter:drop-shadow(0 4px 4px rgba(0,0,0,.4)); } .card .ic img { height:clamp(36px,9vmin,60px); width:auto; }
.card b { color:#ffd84a; font-size:1.1em; } .card:active { transform:translateY(4px); box-shadow:0 2px 0 #2a0f6b; }
.ships { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; width:min(92vw,620px); }
.ships button { padding:10px 6px; border-radius:16px; border:3px solid #34107f; background:linear-gradient(180deg,#5b2fc4,#2f1380); color:#fff; font:600 clamp(11px,2.6vmin,14px)/1.2 Fredoka,sans-serif; box-shadow:0 4px 0 #2a0f6b; display:flex; flex-direction:column; gap:4px; align-items:center; }
.ships button i { font-style:normal; font-size:clamp(18px,5vmin,28px); } .ships button small { color:#d9ceff; font-size:.8em; }
.ships button.lock { opacity:.45; filter:grayscale(.8); } .ships button.done { box-shadow:0 4px 0 #2a0f6b,0 0 0 3px #4efa50; }
.shop { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; width:min(92vw,520px); }
.shop button { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; border:3px solid #34107f; background:linear-gradient(180deg,#dcb1ff,#9d52ff 44%,#6a2bd9); color:#fff; font:700 clamp(12px,2.8vmin,16px) Fredoka,sans-serif; text-shadow:0 2px 0 #2a0f6b; box-shadow:0 4px 0 #2a0f6b; }
.shop button b { background:#ffd84a; color:#4a3100; text-shadow:none; border-radius:999px; padding:3px 10px; font-size:.85em; } .shop button.off { opacity:.5; }
.flash { position:fixed; inset:0; pointer-events:none; background:#fff; opacity:0; z-index:9; }
@media (prefers-reduced-motion:reduce) { .heroes img, #rotate .ph, #go { animation:none; } }

/* phone in landscape: the start screen must fit without scrolling */
@media (max-height:460px) { .screen { gap:8px; padding:12px 16px; } .screen h1.ttl { font-size:clamp(28px,8vmin,44px); } .heroes img { height:clamp(50px,16vmin,80px); } .heroes img:nth-child(4) { height:clamp(40px,12vmin,60px); } .screen p { font-size:clamp(12px,3.2vmin,15px); max-width:560px; } .chars button img { height:34px; } .chars button { padding:4px 8px 3px; min-width:64px; font-size:12px; } .pill.g.big { padding:10px 28px; font-size:clamp(18px,5vmin,24px); } #chestbig { width:min(30vmin,160px); height:min(30vmin,160px); } .screen .wm { font-size:1.1rem; } .card { padding:6px 6px; gap:3px; } .card .ic { font-size:22px; } .card .ic img { height:30px; } .screen h1 { font-size:clamp(28px,9vmin,44px); } .stats { gap:6px; } .stats div { padding:4px 10px; min-width:64px; border-radius:12px; } .stats b { font-size:clamp(16px,5vmin,22px); } .stats span { font-size:10px; } #clearMsg { margin:0; } .screen .mas { height:clamp(60px,18vmin,90px); } .ships button { padding:6px 4px; } .ships button i { font-size:16px; } }

/* screens: centred when they fit, scroll from the very top when they do not (justify-content:center would cut the top off) */
.screen { justify-content:flex-start; }
.screen::before, .screen::after { content:''; flex:1 1 0; min-height:0; }
@media (max-height:400px) { .screen .wm { display:none; } .heroes img { height:48px; } .heroes img:nth-child(4) { height:40px; } .screen h1.ttl { font-size:30px; } #startHint, #start p[data-i18n="intro"] { display:none; } .screen p { font-size:12px; } .chars button img { height:28px; } }

/* phone held upright (portrait): game field on top, controls below it */
body.portrait #stage { place-items:start center; padding-top:var(--gap,0px); }
body.portrait #touch { position:fixed; left:0; right:0; bottom:0; top:var(--tt,260px); }
body.portrait #stick { top:0; width:52%; height:100%; }
body.portrait #stickv { width:128px; height:128px; }
body.portrait #btns { right:4%; bottom:9%; width:min(58vw,250px); height:min(58vw,250px); }
body.portrait #btns button { font-size:clamp(18px,6vw,28px); }
body.portrait #hpname { font-size:12px; } body.portrait #hpname img { height:24px; }
body.portrait #lvl { font-size:10px; padding:.35em .8em; }
body.portrait #hp { height:10px; }
body.portrait .chip2 { font-size:12px; padding:.35em .7em; }
body.portrait #chest { width:40px; height:40px; } body.portrait #beat { width:28px; height:28px; }
body.portrait #pauseb { right:2%; bottom:3%; width:40px; height:40px; }
body.portrait #helpb { left:2%; bottom:3%; width:44px; height:44px; }
body.portrait #stick::before { content:''; position:absolute; left:16%; bottom:16%; width:128px; height:128px; border-radius:50%; border:3px dashed rgba(255,255,255,.28); pointer-events:none; }
body.portrait #lvl { top:17%; }

/* v9: arrow pad instead of the floating stick; glossy action buttons */
#stick, #stickv { display:none !important; }
#dpad { position:absolute; left:2.6%; bottom:5%; width:clamp(170px,40vmin,250px); height:clamp(150px,36vmin,220px); pointer-events:none; }
#dpad button { position:absolute; width:clamp(62px,17vmin,92px); height:clamp(62px,17vmin,92px); border-radius:50%; border:3px solid #34107f; background:radial-gradient(120% 120% at 30% 16%,#e9d6ff 0%,#a45cff 40%,#5b22c4 100%); box-shadow:0 6px 0 #2a0f6b,inset 0 4px 0 rgba(255,255,255,.55),0 14px 20px -8px rgba(0,0,0,.6); display:grid; place-items:center; pointer-events:auto; touch-action:none; -webkit-tap-highlight-color:transparent; }
#dpad button svg { width:52%; height:52%; filter:drop-shadow(0 2px 0 rgba(42,15,107,.9)); }
#dL { left:0; bottom:0; } #dR { right:0; bottom:0; }
#dD { left:50%; bottom:calc(clamp(62px,17vmin,92px) * .78); width:clamp(54px,14vmin,78px); height:clamp(54px,14vmin,78px); transform:translateX(-50%); background:radial-gradient(120% 120% at 30% 16%,#cdeaff 0%,#4d9bff 42%,#1f4fc4 100%) !important; }
#dpad button:active, #dpad button.dn { box-shadow:0 1px 0 #2a0f6b,inset 0 4px 0 rgba(255,255,255,.45); margin-top:5px; filter:brightness(1.12); }
#dD:active, #dD.dn { transform:translateX(-50%); }
#btns button { box-shadow:0 6px 0 #2a0f6b,inset 0 4px 0 rgba(255,255,255,.6),0 14px 20px -8px rgba(0,0,0,.6) !important; }
body.portrait #dpad { left:4%; bottom:9%; width:min(46vw,210px); height:min(40vw,190px); }
body.portrait #dpad button { width:min(19vw,78px); height:min(19vw,78px); } body.portrait #dD { width:min(16vw,66px); height:min(16vw,66px); bottom:calc(min(19vw,78px) * .8); }
body.portrait #dpad { left:3%; bottom:8%; width:41vw; height:34vw; }
body.portrait #dpad button { width:min(15.5vw,66px); height:min(15.5vw,66px); } body.portrait #dD { width:min(13.5vw,58px); height:min(13.5vw,58px); bottom:calc(min(15.5vw,66px) * .78); }
body.portrait #btns { right:2.5%; bottom:6%; width:min(47vw,215px); height:min(47vw,215px); }

/* v12: PlayStation-style controls (same size, cross on the left, diamond on the right), hearts and lives from the generated UI set */
:root { --bs:clamp(44px,10.5vmin,60px); }
#dpad, #btns, #pad, #face { display:none !important; } #stick { display:block !important; left:0; top:20%; width:56%; height:80%; } #stickv { display:none; }
.cluster { position:absolute; bottom:5%; display:grid; grid-template-columns:repeat(3,var(--bs)); grid-template-rows:repeat(3,var(--bs)); gap:2px; pointer-events:none; }
.cluster button { width:var(--bs); height:var(--bs); padding:0; border:0; background:none; pointer-events:auto; touch-action:none; -webkit-tap-highlight-color:transparent; transition:transform .06s,filter .06s; }
.cluster button img { width:100%; height:100%; display:block; pointer-events:none; filter:drop-shadow(0 4px 4px rgba(0,0,0,.45)); }
.cluster button:active, .cluster button.dn { transform:scale(.9); filter:brightness(1.18); }
#pad { left:3%; } #face { right:3%; }
#dU { grid-column:2; grid-row:1; } #dL { grid-column:1; grid-row:2; } #dR { grid-column:3; grid-row:2; } #dD { grid-column:2; grid-row:3; }
#bTS { grid-column:2; grid-row:1; } #bPU { grid-column:1; grid-row:2; } #bKE { grid-column:3; grid-row:2; } #bST { grid-column:2; grid-row:3; }
#bST.cd { filter:grayscale(1) brightness(.6); }
body.portrait { --bs:min(15.5vw,60px); } body.portrait #pad { left:5%; bottom:10%; } body.portrait #face { right:5%; bottom:10%; }
#hpbox { width:auto; display:flex; flex-direction:column; gap:4px; align-items:flex-start; }
#lifebox { display:flex; align-items:center; gap:6px; } #lifebox img { height:clamp(26px,6vmin,40px); width:auto; filter:drop-shadow(0 3px 3px rgba(0,0,0,.5)); }
#lives { font:700 clamp(14px,3vmin,22px)/1 Fredoka,sans-serif; color:#fff; text-shadow:0 2px 0 #2a0f6b,0 0 8px rgba(0,0,0,.6); }
#hearts { display:flex; gap:3px; } #hearts img { height:clamp(22px,5vmin,34px); width:auto; filter:drop-shadow(0 3px 3px rgba(0,0,0,.5)); } #hearts.low img:first-child { animation:hbeat .5s ease-in-out infinite; } @keyframes hbeat { 50% { transform:scale(1.15); } }
#pauseb { background:none !important; border:0 !important; box-shadow:none !important; width:clamp(34px,8vmin,46px) !important; height:clamp(34px,8vmin,46px) !important; padding:0; } #pauseb img { width:100%; height:100%; filter:drop-shadow(0 3px 3px rgba(0,0,0,.5)); }
#chars { display:none !important; }

/* v13: kill old per-button colours/sizes, all eight control buttons identical */
.cluster button, #dU, #dD, #dL, #dR, #bPU, #bTS, #bKE, #bST { width:var(--bs) !important; height:var(--bs) !important; min-width:0 !important; background:none !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; position:relative !important; transform:none; font-size:0 !important; }
.cluster button:active, .cluster button.dn { transform:scale(.9) !important; }
#touch .cluster { display:grid !important; }
body.portrait { --bs:min(13vw,52px); } body.portrait #pad { left:4%; bottom:9%; } body.portrait #face { right:4%; bottom:9%; }
body.portrait #lvl { top:auto !important; bottom:3%; left:50%; transform:translateX(-50%); }

/* v15: floating round joystick (left half, appears under the finger) + one big combo button */
#stick::before { content:''; position:absolute; left:18%; bottom:10%; width:clamp(92px,24vmin,136px); aspect-ratio:1; border-radius:50%; border:3px dashed rgba(255,255,255,.28); background:rgba(40,20,100,.14); opacity:.9; transition:opacity .15s; } #stick.on::before { opacity:0; }
#stickv { width:clamp(96px,26vmin,140px) !important; height:clamp(96px,26vmin,140px) !important; border:4px solid rgba(255,255,255,.55) !important; background:radial-gradient(closest-side,rgba(60,30,150,.28),rgba(30,14,90,.5)) !important; box-shadow:0 0 0 3px rgba(42,15,107,.55),inset 0 0 18px rgba(0,0,0,.35); }
#stickv i { width:46% !important; height:46% !important; background:radial-gradient(120% 120% at 30% 16%,#e9d6ff 0%,#a45cff 42%,#5b22c4 100%) !important; border:3px solid #34107f !important; box-shadow:0 4px 0 #2a0f6b,inset 0 3px 0 rgba(255,255,255,.55); }
#atk { position:absolute; right:3.5%; bottom:6%; display:flex; flex-direction:column; align-items:center; gap:10px; pointer-events:none; }
#atk button { padding:0; border:0; background:none; pointer-events:auto; touch-action:none; -webkit-tap-highlight-color:transparent; position:relative; transition:transform .06s,filter .06s; }
#atk img { display:block; width:100%; height:100%; pointer-events:none; filter:drop-shadow(0 5px 5px rgba(0,0,0,.5)); }
#bAtk { width:calc(var(--bs) * 1.95); height:calc(var(--bs) * 1.95); } #bST { width:calc(var(--bs) * .8); height:calc(var(--bs) * .8); align-self:flex-start; }
#atk button:active, #atk button.dn { transform:scale(.92); filter:brightness(1.15); } #bST.cd { filter:grayscale(1) brightness(.6); }
.pips { position:absolute; left:50%; bottom:-14px; transform:translateX(-50%); display:flex; gap:5px; } .pips s { width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.3); border:1.5px solid rgba(42,15,107,.9); } .pips s.on { background:#ffd84a; box-shadow:0 0 8px #ffd84a; }
body.portrait #stick { top:0; width:58%; height:100%; } body.portrait #atk { right:5%; bottom:10%; } body.portrait { --bs:min(15vw,58px); }
#pauseb { bottom:auto !important; top:24% !important; right:2% !important; }
body.portrait #pauseb { top:auto !important; bottom:3% !important; }

/* start screen: Max gameplay banner */
.scene { width:min(92vw,760px); border-radius:26px; overflow:hidden; border:3px solid rgba(167,139,250,.55); box-shadow:0 14px 40px -10px rgba(0,0,0,.6),0 0 0 4px rgba(20,8,55,.55); line-height:0; background:#1a0c45; }
.scene img { width:100%; height:auto; display:block; animation:sceneZoom 9s ease-in-out infinite alternate; transform-origin:45% 60%; }
@keyframes sceneZoom { from{transform:scale(1)} to{transform:scale(1.045)} }
@media (max-height:460px) { .scene { width:auto; height:clamp(90px,34vmin,150px); } .scene img { height:100%; width:auto; } }
@media (max-height:400px) { .scene { height:84px; } }
@media (prefers-reduced-motion:reduce) { .scene img { animation:none; } }