:root{--navy:#003e63;--ether:#0069a7;--aqua:#60cbca;--sky:#dff4f4;--nectar:#fae086;--sun:#fc0;--amber:#de8136;--cream:#f6f0dc;--coral:#e45656;--berry:#5a3db0;--ink:#0e2233;--display:"Sansita", "Arial Black", system-ui, sans-serif;--body:"Sansita", "Avenir Next", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:radial-gradient(120% 90% at 50% 0%, #0a5687 0%, var(--navy) 55%, #002741 100%);height:100%;color:var(--ink);font-family:var(--body);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;overflow:hidden}body{position:fixed;top:0;bottom:0;left:0;right:0}#app{justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#stage{width:min(100vw,62vh);height:100vh;background:var(--sky);contain:layout paint;width:min(100vw,62dvh);height:100dvh;position:relative;overflow:hidden}@media (min-width:700px) and (pointer:fine){#stage{border-radius:22px;width:min(100vw,min(100dvh,960px)/1.78571);height:min(100dvh,960px);box-shadow:0 30px 80px #00000073}}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;font-family:var(--body);position:absolute;top:0;bottom:0;left:0;right:0}#ui button,#ui a,#ui input,#ui .tap{pointer-events:auto}.screen{padding:calc(12px + var(--safe-t)) calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l));pointer-events:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.screen.hidden,.hidden{display:none!important}.screen.dim{color:var(--sky);background:linear-gradient(#002741db 0%,#003e63e6 100%)}.screen.light{color:var(--navy);background:linear-gradient(#dff4f4fa,#f6f0dcfa)}.screen.transparent{color:#fff;background:0 0;justify-content:flex-start}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reduced .screen{animation:none}h1,h2,h3{font-family:var(--display);letter-spacing:.2px;margin:0;font-weight:800}h1{font-size:40px;line-height:.95}h2{font-size:26px;line-height:1.02}h3{font-size:18px}p{margin:6px 0;line-height:1.35}.muted{opacity:.78}.small{font-size:13px}.center{text-align:center}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.col{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:340px;display:flex}.col.wide{max-width:380px}.spacer{flex:1;min-height:6px}.btn{-webkit-appearance:none;appearance:none;font:800 18px/1 var(--display);color:var(--navy);background:var(--cream);cursor:pointer;text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 20px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;box-shadow:0 4px #00274159,0 8px 18px #0000001f}.btn:active{transform:translateY(3px);box-shadow:0 1px #00274159}.btn:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.btn.hero{background:var(--amber);color:#fff;min-height:54px;padding:15px 24px;font-size:21px}.btn.hero.stack{flex-direction:column;gap:2px}.btn-sub{opacity:.92;font-size:13px;font-family:var(--body);margin-top:2px;font-weight:700;display:block}.btn.sun{background:var(--nectar);color:var(--navy)}.btn.ghost{color:inherit;background:#ffffff24;box-shadow:inset 0 0 0 2px #ffffff73}.light .btn.ghost{background:#003e630f;box-shadow:inset 0 0 0 2px #003e6359}.btn.small{min-height:38px;padding:9px 14px;font-size:15px}.btn[disabled]{filter:grayscale(.8);opacity:.55;pointer-events:none}.icon-btn{color:#fff;cursor:pointer;background:#0027418c;border:0;border-radius:14px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-btn svg{width:24px;height:24px}.light .icon-btn{background:var(--navy)}.links{opacity:.85;justify-content:center;gap:14px;margin-top:10px;font-size:13px;display:flex}.links a{color:inherit}.chip{color:#fff;font:800 14px var(--display);background:#0027418c;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.light .chip{background:var(--navy)}.title-top{justify-content:flex-end;width:100%;display:flex}.game-title{text-align:center;margin:4px 0 0;line-height:.86;transform:rotate(-3deg)}.game-title .t1{font:900 italic 42px/1 var(--display);color:#fff;text-shadow:0 4px 0 var(--navy), 0 8px 22px #00000059;display:block}.game-title .t2{font:900 italic 58px/.92 var(--display);color:var(--nectar);letter-spacing:2px;text-shadow:0 5px 0 var(--amber), 0 10px 0 var(--navy), 0 14px 28px #0006;display:block}.free-line{font:800 14px var(--display);color:var(--navy);background:var(--nectar);border-radius:99px;margin:0 0 8px;padding:4px 12px;box-shadow:0 3px #00274159}.menu-grid{grid-template-columns:1fr 1fr;gap:9px;width:100%;display:grid}.menu-grid .btn{flex-wrap:wrap;gap:5px;min-height:44px;padding:10px 8px;font-size:15px}.lock-note{opacity:.85;font-size:13px}.topbar{top:calc(-12px - var(--safe-t));z-index:3;align-items:center;gap:10px;width:100%;padding:6px 0 10px;display:flex;position:sticky}.topbar h2{text-align:center;flex:1}.light .topbar{padding:calc(12px + var(--safe-t)) 14px 14px;width:calc(100% + 28px);top:calc(-12px - var(--safe-t));margin:0 -14px;margin-top:calc(-12px - var(--safe-t));background:linear-gradient(#dff4f4 70%,#dff4f400)}.card{width:100%;max-width:360px;color:var(--navy);background:#fff;border-radius:22px;padding:15px;box-shadow:0 6px #00274126,0 14px 40px #00000029}.dim .card{background:#fffffff7}.card+.card{margin-top:10px}.pill{font:800 11px var(--display);letter-spacing:1px;background:var(--sky);color:var(--navy);border-radius:99px;padding:4px 9px;display:inline-block}.tip{align-items:flex-start;gap:8px;margin-top:10px;font-size:14px;display:flex}.tip svg{color:var(--amber);flex:none;margin-top:2px}.set-row{border-bottom:1px solid #003e631a;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.set-row:last-child{border-bottom:0}.set-row label{font-weight:800}.set-row input[type=range]{width:130px;accent-color:var(--amber)}.switch{flex:0 0 52px;width:52px;height:30px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.switch span{background:#c9d6de;border-radius:99px;transition:background .15s;position:absolute;top:0;bottom:0;left:0;right:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+span{background:var(--amber)}.switch input:checked+span:after{transform:translate(22px)}.seg{background:var(--sky);border-radius:12px;gap:2px;padding:3px;display:flex}.seg button{font:800 14px var(--display);color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 10px}.seg button.on{background:#fff;box-shadow:0 1px 3px #00000026}.initials-input{text-align:center;width:86px;font:800 20px var(--display);letter-spacing:6px;text-transform:uppercase;border:2px solid var(--navy);color:var(--navy);-webkit-user-select:text;user-select:text;background:#fff;border-radius:12px;padding:6px}.howto-card{grid-template-columns:50px 1fr;align-items:center;gap:12px;display:grid}.howto-card .ic{background:var(--sky);border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}#rotate{z-index:100;background:var(--navy);color:var(--sky);text-align:center;font:800 20px var(--display);justify-content:center;align-items:center;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#rotate .rotate-card{flex-direction:column;align-items:center;gap:10px;display:flex}@media (orientation:landscape) and (max-height:520px) and (pointer:coarse){#rotate{display:flex}}.world-isle{width:100%;max-width:380px;margin-bottom:0}.isle-stage{height:300px;position:relative}.isle-art{filter:drop-shadow(0 10px 14px #0027412e);background-position:50% 60%;background-repeat:no-repeat;background-size:contain,0 0;position:absolute;top:6px;bottom:0;left:0;right:0}.isle-path{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.isle-path polyline{fill:none;stroke:#003e638c;stroke-width:1.4px;stroke-dasharray:2.2 2.4;stroke-linecap:round;vector-effect:non-scaling-stroke}.isle-link{width:100%;height:46px;display:block}.isle-link path{fill:none;stroke:#003e6366;stroke-width:3px;stroke-dasharray:6 7;stroke-linecap:round;vector-effect:non-scaling-stroke}.node.cap{color:#fff;background:radial-gradient(circle at 34% 28%,#ffffff8c 0 14%,#fff0 15%),radial-gradient(circle,#0b5f93 0 58%,#003e63 60%);border:4px dashed #ffffffbf;border-radius:50%;justify-content:center;gap:0;width:58px;height:58px;min-height:0;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px #00274159,0 0 0 2px #003e63}.node.cap b{font:800 18px/1 var(--display);text-shadow:0 2px #00000040}.node.cap .node-stars{background:#ffffffeb;border-radius:999px;padding:1px 5px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%);box-shadow:0 2px #00274126}.node.cap.done{color:#5a3a00;background:radial-gradient(circle at 34% 28%,#fff9 0 14%,#fff0 15%),radial-gradient(circle,#f2c84b 0 58%,#c9921f 60%);box-shadow:0 4px #78500059,0 0 0 2px #b8862b}.node.cap.boss{background:radial-gradient(circle,#ff8a5c 0 58%,#c2452d 60%);width:74px;height:74px;box-shadow:0 5px #781e0a59,0 0 0 2px #a8432c}.node.cap.boss .node-boss{filter:drop-shadow(0 2px 2px #0000004d);height:40px;position:absolute;top:-26px}.node.cap.boss b{margin-top:10px}.node.cap.locked{background:radial-gradient(circle,#b9c3cc 0 58%,#8a96a1 60%);box-shadow:0 3px #0003,0 0 0 2px #8a96a1}.isle-head{justify-content:space-between;align-items:center;margin:6px 2px 2px;display:flex}.isle-head b{font:800 17px var(--display)}.wstars{font:800 13px var(--display);align-items:center;gap:4px;display:inline-flex}.world-isle.locked .isle-art{filter:grayscale(.7)brightness(.8)}.world-isle.locked .isle-head{opacity:.6}.node-path{background:#fff;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:6px;padding:8px;display:grid;box-shadow:0 6px #0027411a}.node{background:var(--sky);color:var(--navy);cursor:pointer;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-height:60px;padding:6px 2px;display:flex;position:relative}.node b{font:800 16px/1 var(--display)}.node-stars{gap:0;display:inline-flex}.node.boss{background:#ffe9e2}.node-boss{object-fit:contain;width:auto;height:28px}.node.next{box-shadow:0 0 0 3px var(--amber);animation:1.6s ease-in-out infinite nextPulse}@keyframes nextPulse{50%{box-shadow:0 0 0 5px #de813673}}.reduced .node.next{animation:none}.node.locked{opacity:.5;filter:grayscale(.8);cursor:default}.level-card{text-align:center}.level-card h2{margin-top:6px}.goal-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.goal-ic{font:800 12px var(--display);flex-direction:column;align-items:center;gap:2px;display:flex}.goal-ic img{object-fit:contain;width:34px;height:34px}.goal-ic.boss img{width:44px;height:44px}.lineup-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.lineup-slot{align-items:flex-end;width:36px;height:56px;display:flex;position:relative}.lineup-slot img{object-fit:contain;width:100%;height:auto}.lineup-slot.bomb img{filter:drop-shadow(0 0 7px var(--berry))}.bomb-badge{background:var(--berry);color:#fff;font:800 10.5px var(--display);text-align:center;z-index:2;border-radius:99px;min-width:16px;height:16px;line-height:16px;position:absolute;top:-4px;right:-4px}.bomb-line{font:800 13px var(--display);color:var(--berry);margin:2px 0}.goals{text-align:left;gap:5px;margin-top:10px;display:grid}.goals div{align-items:center;gap:8px;font-size:14px;display:flex}.challenge-line{font:800 14px var(--display);color:var(--ether)}.draft-hint{color:var(--amber);align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.draft-budget{font:800 13px var(--display)}.draft-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;display:grid}.draft-card{background:var(--sky);cursor:pointer;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;display:flex;position:relative}.draft-card img{object-fit:contain;width:28px;height:44px}.draft-card b{font:800 10.5px var(--display);margin-top:2px}.draft-card small{opacity:.8;font-size:9.5px}.draft-card.picked{background:var(--nectar);box-shadow:0 0 0 2px var(--amber)}.pick-badge{background:var(--navy);color:#fff;font:800 9.5px var(--display);text-align:center;border-radius:99px;min-width:14px;height:14px;line-height:14px;position:absolute;top:2px;left:2px}.pause-title{color:#fff}.pause-score{font:800 18px var(--display);color:var(--nectar)}.promo-card{flex-direction:column;align-items:stretch;gap:8px;margin-top:14px;padding:12px;display:flex}#end{justify-content:flex-start}.end-head{flex-direction:column;align-items:center;width:100%;max-width:360px;display:flex}.end-actions{margin-top:10px}.kill-tip{color:#8a2a2a;text-align:left;background:#ffe9e2;border-radius:14px;align-items:flex-start;gap:8px;margin:6px 0 2px;padding:9px 11px;font-size:14px;line-height:1.3;display:flex}.kill-tip svg{flex:none;margin-top:1px}.result h1,.end-head h1{text-align:center;margin-bottom:0;font-size:32px}.end-head .lvl{text-align:center;opacity:.8;margin:2px 0;font-weight:800}.end-stars{justify-content:center;gap:6px;margin:6px 0 2px;display:flex}.end-stars .es{opacity:.4;animation:.4s ease-out forwards starIn;display:inline-flex;transform:scale(.4)}.end-stars .es.on{opacity:1}@keyframes starIn{to{transform:scale(1)}}.reduced .end-stars .es{animation:none;transform:none}.score-line{text-align:center;font:800 26px var(--display);margin:2px 0 4px}.score-line .newbest,.score-line .muted{font:800 13px var(--display);margin-top:2px;display:block}.newbest{background:var(--sun);color:var(--navy);font:800 12px var(--display);border-radius:99px;padding:3px 8px;display:inline-block}.vs-note{font:800 15px var(--display);color:var(--ether);margin:2px 0}.unlocked{flex-direction:column;gap:6px;width:100%;max-width:360px;margin-top:6px;display:flex}.unlock-chip{background:var(--sky);font:800 13.5px var(--display);color:var(--navy);text-align:center;border-radius:14px;padding:7px 12px}.btn.cta2{color:var(--navy);box-shadow:inset 0 0 0 2px var(--amber), 0 4px 0 #00274133;background:#fff;font-size:16px}.cta-bottle{object-fit:contain;width:18px;height:36px}.promo-line{text-align:center;font:400 14px/1.3 var(--body);color:var(--navy);margin:-2px 0 2px}.dim .promo-line{color:var(--navy)}.promo-line b{font:800 15px var(--display);letter-spacing:.6px;color:var(--navy);background:var(--nectar);white-space:nowrap;border-radius:8px;padding:1px 7px}.promo-line.amb b{background:var(--sky);box-shadow:inset 0 0 0 2px var(--ether)}.challenge-card h2{color:var(--ether);font-size:22px}.toast{left:50%;top:calc(70px + var(--safe-t));background:var(--navy);color:#fff;font:800 15px var(--display);pointer-events:none;z-index:50;white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;animation:2.6s forwards toast;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}@keyframes toast{0%{opacity:0;transform:translate(-50%,-12px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.book-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:380px;padding-bottom:8px;display:grid}.book-card{text-align:center;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:3px;padding:10px;display:flex;box-shadow:0 4px #003e6326}.book-card img{object-fit:contain;filter:drop-shadow(0 3px 4px #0000002e);width:auto;height:72px}.book-card.silhouette img{filter:brightness(0)opacity(.55)}.book-card b{font:800 14px/1.1 var(--display)}.book-card .nick{font:800 11.5px var(--display);color:var(--amber)}.book-card p{opacity:.85;min-height:28px;margin:2px 0;font-size:11.5px;line-height:1.25}.book-card .debut{font:800 10.5px var(--display);color:var(--ether);margin-top:2px}.skin-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:380px;padding-bottom:12px;display:grid}.skin-card{cursor:pointer;background:#fff;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;display:flex;box-shadow:0 4px #003e631f}.skin-card.sel{box-shadow:0 0 0 3px var(--amber), 0 4px 0 #003e631f}.skin-card.locked{opacity:.6;cursor:default}.skin-swatch{color:#fff;background:linear-gradient(145deg,#e0c389,#8a5a2c);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.skin-pennant{background:linear-gradient(145deg,#de8136,#8a3a16)}.skin-clip{background:linear-gradient(145deg,#c9d6de,#6f7d89)}.skin-spork{background:linear-gradient(145deg,#fffbe8,#c9b98a)}.skin-pencil{background:linear-gradient(145deg,#fae086,#de8136)}.skin-gold{background:linear-gradient(145deg,#ffe27a,#c9771f)}.skin-sunrise{background:linear-gradient(145deg,#fae086,#e5484d)}.skin-card b{font:800 12px var(--display)}.skin-card small{opacity:.8;font-size:11px}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#hud button,#hud .tap{pointer-events:auto}.hud-top{top:calc(6px + var(--safe-t));left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));flex-direction:column;gap:5px;display:flex;position:absolute}.hud-row{align-items:center;gap:8px;display:flex}.hud-mid{text-align:center;color:#fff;text-shadow:0 2px #002741a6,0 0 10px #00274180;flex:1;min-width:0}.hud-lvl{font:800 14px/1.1 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud-score{font:900 italic 18px/1.1 var(--display);color:var(--nectar)}.hud-status{font:400 12px/1.2 var(--body);opacity:.95}.hud-bombs{color:#fff;background:#0027418c;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;display:flex}.bomb-pips{gap:3px;display:flex}.bomb-pips i{background:#ffffff40;border-radius:50%;width:10px;height:10px;display:block;box-shadow:inset 0 0 0 1px #fff6}.bomb-pips i.lit{background:var(--berry);box-shadow:0 0 0 2px #8a7be099}#hud-bomb-n{font:800 11px var(--display)}.hud-boss{color:#fff;background:#00274199;border-radius:14px;align-items:center;gap:8px;padding:6px 10px;display:flex}.hud-boss b{font:800 13px var(--display);white-space:nowrap}.bossbar{background:#fff3;border-radius:99px;flex:1;height:9px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff4d}.bossbar i{transform-origin:0;background:linear-gradient(90deg,#ff9a3c,#e5484d);border-radius:99px;width:100%;height:100%;transition:transform .25s ease-out;display:block}.hud-boss .chip{background:#fff3;font-size:11px}.hud-bottom{left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));bottom:calc(6px + var(--safe-b));align-items:flex-end;gap:8px;height:76px;display:flex;position:absolute}.tray{scrollbar-width:none;flex:1;align-items:flex-end;gap:5px;padding:2px;display:flex;overflow-x:auto}.tray::-webkit-scrollbar{display:none}.tray-slot{opacity:.85;flex:none;align-items:flex-end;width:34px;height:56px;display:flex;position:relative}.tray-slot img{object-fit:contain;width:100%;height:auto}.tray-slot.pouch{opacity:1;width:46px;height:72px}.tray-slot.bomb img{filter:drop-shadow(0 0 6px var(--berry))}.look{background:#0027418c}.look.on{background:var(--amber)}.ff{pointer-events:auto;right:calc(10px + var(--safe-r));bottom:calc(110px + var(--safe-b));color:#fff;font:900 italic 16px var(--display);cursor:pointer;background:#002741b8;border:0;border-radius:99px;padding:8px 14px;position:absolute;box-shadow:0 3px #00000040}.readout-chip{left:50%;top:calc(var(--safe-t) + 96px);color:#fff;font:800 15px var(--display);pointer-events:none;white-space:nowrap;background:#002741c7;border-radius:99px;padding:6px 14px;position:absolute;transform:translate(-50%)}.cancel-chip{left:50%;top:calc(var(--safe-t) + 132px);background:var(--coral);color:#fff;font:800 13px var(--display);pointer-events:none;border-radius:99px;padding:4px 12px;position:absolute;transform:translate(-50%)}.tap-bubble{pointer-events:none;opacity:0;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.5);box-shadow:0 10px 30px #0000004d}.tap-bubble.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.tap-bubble img{object-fit:contain;width:auto;height:36px}.tap-bubble b{font:900 italic 20px var(--display);color:var(--amber)}.tap-bubble span{font:800 13px var(--display);color:var(--navy)}.ghost-hand{pointer-events:none;filter:drop-shadow(0 6px 10px #00000059);width:64px;height:64px;margin:-32px 0 0 -32px;animation:1.8s ease-in-out infinite ghostDrag;position:absolute;top:48%;left:50%}@keyframes ghostDrag{0%,15%{opacity:1;transform:translate(0)}60%{opacity:1;transform:translate(-64px,64px)}75%,to{opacity:0;transform:translate(-64px,64px)}}.reduced .ghost-hand{opacity:.8;animation:none}.teammate-card{pointer-events:none;opacity:0;background:#fff;border-radius:18px;align-items:center;gap:10px;max-width:300px;padding:10px 16px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-12px);box-shadow:0 10px 30px #0000004d}.teammate-card.show{opacity:1;transform:translate(-50%)}.teammate-card img{object-fit:contain;width:auto;height:44px}.teammate-card span{font:800 13.5px/1.25 var(--display);color:var(--navy);text-align:left}.banner{left:50%;top:calc(var(--safe-t) + 168px);text-align:center;color:#fff;pointer-events:none;opacity:0;background:#002741cc;border-radius:16px;max-width:90%;padding:7px 16px 8px;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,-8px);box-shadow:0 6px 18px #00000040}.banner.show{opacity:1;transform:translate(-50%)}.banner b{font:900 italic 18px/1.15 var(--display);display:block}.banner small{font:400 12.5px/1.25 var(--body);opacity:.9;margin-top:1px;display:block}.banner.boss{background:#7a1e28e0}.banner.good{background:#2f7a3ae6}