*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--sun: #ffd24d;--sun-hi: #ffe795;--sun-lo: #ffbe2e;--sun-edge: #cf9214;--sun-ink: #4a3204;--coral: #ff7a7a;--coral-hi: #ffa8a8;--coral-edge: #cf4f5c;--mint: #69db7c;--mint-hi: #a6f2b2;--mint-edge: #2b9450;--sky: #4dabf7;--sky-hi: #8fd0ff;--sky-edge: #1f6fbf;--lav: #9775fa;--lav-hi: #c2b0ff;--outline: #24195c;--night-0: #060a20;--night-1: #0d1438;--night-2: #182061;--night-3: #2a2b78;--text: #f4f6ff;--muted: #aeb8e6;--dim: #7d88c0;--glass-top: rgba(48, 56, 132, .74);--glass-bot: rgba(22, 28, 80, .84);--glass-line: rgba(255, 255, 255, .14);--hud-bg: rgba(12, 16, 50, .66);--font-display: "Fredoka", "Baloo 2", ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--font-body: "Nunito", ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif;--pop: cubic-bezier(.34, 1.56, .64, 1);--accent: var(--sun);--accent2: var(--sky)}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 520px at 50% 118%,rgba(151,117,250,.42),transparent 62%),radial-gradient(900px 480px at 88% -12%,rgba(77,171,247,.2),transparent 60%),radial-gradient(700px 420px at 6% 8%,rgba(255,122,122,.1),transparent 60%),linear-gradient(180deg,var(--night-0) 0%,var(--night-1) 38%,var(--night-2) 78%,var(--night-3) 100%);background-color:var(--night-1)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 22px 34px,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 140px 90px,rgba(255,255,255,.85) 50%,transparent 52%),radial-gradient(2px 2px at 260px 210px,rgba(255,240,200,.9) 50%,transparent 52%),radial-gradient(1.3px 1.3px at 80px 260px,rgba(255,255,255,.7) 50%,transparent 52%),radial-gradient(1.1px 1.1px at 330px 40px,rgba(200,220,255,.8) 50%,transparent 52%),radial-gradient(1.5px 1.5px at 190px 330px,rgba(255,255,255,.75) 50%,transparent 52%);background-size:360px 360px;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 55%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 55%,transparent 90%);opacity:.7}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>.hud{pointer-events:none}input,textarea{-webkit-user-select:text;user-select:text}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}b,strong{font-weight:800;color:#fff}.ico{display:inline-block;margin-right:.3em;font-weight:400}kbd{display:inline-block;min-width:1.9em;padding:.12em .48em .16em;margin:0 .08em;border-radius:.42em;font:800 .8em/1.3 var(--font-body);color:#262c5c;text-align:center;white-space:nowrap;vertical-align:.06em;background:linear-gradient(180deg,#fff,#dde3f6);box-shadow:0 .16em #959fc8,0 .24em .42em #00000052}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow-x:hidden;overflow-y:auto}.screen-inner{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px}.screen-home{background:radial-gradient(ellipse 60% 64% at 50% 52%,rgba(6,8,32,.42),transparent 72%)}.panel{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 28px;border-radius:30px;background:linear-gradient(180deg,var(--glass-top),var(--glass-bot));border:1.5px solid var(--glass-line);box-shadow:inset 0 2px #ffffff1a,inset 0 -4px #00000029,0 32px 64px -20px #020416cc,0 0 0 6px #ffffff06;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}.panel:before{content:"";position:absolute;left:30px;right:30px;top:-1.5px;height:5px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,var(--coral),var(--sun),var(--mint),var(--sky),var(--lav));opacity:.9}.panel h2{font:600 22px/1.2 var(--font-display);color:var(--sun);text-align:center}.row{display:flex;gap:10px;align-items:center}.grow{flex:1}.logo{position:relative;display:inline-flex;align-items:flex-end;font:700 clamp(60px,8.6vw,108px)/1 var(--font-display);letter-spacing:.015em;padding:0 .2em .14em;isolation:isolate}.logo-gap{width:.28em}.logo-ch{position:relative;display:inline-block;color:#f2a01d;-webkit-text-stroke:.12em var(--outline);text-shadow:0 .05em 0 var(--outline),0 .1em 0 var(--outline),0 .18em .26em rgba(3,4,26,.55);animation:letter-bob 3s ease-in-out infinite;animation-delay:calc(var(--i) * -.2s)}.logo-ch:after{content:attr(data-ch);position:absolute;left:0;top:0;-webkit-text-stroke:0;text-shadow:none;background:linear-gradient(180deg,#fffbe6 6%,#ffe36e 40%,#ffcb3b 68%,#ffa526);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.logo-flag{position:absolute;right:-.12em;top:-.32em;font-size:.4em;transform-origin:12% 92%;animation:flag-wave 2.6s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.logo-sub{font:800 13px/1 var(--font-body);letter-spacing:.32em;text-transform:uppercase;color:#cfd7ff;text-shadow:0 2px 10px rgba(0,0,0,.6);margin-top:-4px}.logo-sm-wrap .logo{font-size:42px}.logo-sm-wrap .logo-flag{display:none}:where(button){--t: var(--sun-hi);--b: var(--sun-lo);--e: var(--sun-edge);--ink: var(--sun-ink);position:relative;font:600 17px/1.15 var(--font-display);letter-spacing:.01em;color:var(--ink);background:linear-gradient(180deg,var(--t),var(--b));border:0;border-radius:16px;padding:13px 22px;cursor:pointer;box-shadow:inset 0 2px #ffffff80,inset 0 -3px #0000000f,0 5px 0 var(--e),0 11px 18px -6px #00000080;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease,background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}:where(button):after{content:"";position:absolute;left:9px;right:9px;top:4px;height:40%;border-radius:12px 12px 40px 40px/10px 10px 18px 18px;background:linear-gradient(180deg,#ffffff6b,#fff0);pointer-events:none}:where(button:hover){transform:translateY(-2px);filter:brightness(1.05);box-shadow:inset 0 2px #ffffff80,inset 0 -3px #0000000f,0 7px 0 var(--e),0 15px 22px -6px #0000008c}:where(button:active){transform:translateY(4px);box-shadow:inset 0 2px #fff6,inset 0 -2px #0000000f,0 1px 0 var(--e),0 4px 8px -2px #00000080}:where(button:focus-visible){outline:3px solid var(--sky-hi);outline-offset:3px}:where(button:disabled){cursor:not-allowed;transform:none;filter:grayscale(.85) brightness(.7);box-shadow:inset 0 2px #fff3,0 5px #0000004d}:where(button.big){font-size:19px;padding:15px 24px;border-radius:18px}:where(button.small){font-size:14.5px;padding:9px 14px;border-radius:13px}:where(button.sky){--t: var(--sky-hi);--b: var(--sky);--e: var(--sky-edge);--ink: #04223f}:where(button.mint){--t: var(--mint-hi);--b: #58cf6d;--e: var(--mint-edge);--ink: #0b361a}:where(button.coral){--t: var(--coral-hi);--b: var(--coral);--e: var(--coral-edge);--ink: #4a0d16}:where(button.secondary){--t: rgba(255, 255, 255, .17);--b: rgba(255, 255, 255, .07);--e: rgba(0, 0, 0, .32);--ink: var(--text);box-shadow:inset 0 0 0 1.5px #ffffff29,inset 0 2px #ffffff1a,0 4px 0 var(--e),0 10px 18px -6px #00000080}:where(button.secondary):after{opacity:.35}:where(button.secondary.active){--ink: var(--sun);box-shadow:inset 0 0 0 1.5px #ffd24d8c,0 4px 0 var(--e)}:where(button.ghost){color:var(--muted);background:transparent;box-shadow:inset 0 0 0 1.5px #ffffff29}:where(button.ghost):after{display:none}:where(button.ghost:hover){color:var(--text);background:#ffffff0f;transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px #ffffff52;filter:none}:where(button.ghost:active){transform:translateY(1px);box-shadow:inset 0 0 0 1.5px #ffffff52}:where(button.ghost.danger),:where(button.ghost.armed){color:var(--coral-hi);box-shadow:inset 0 0 0 1.5px #ff7a7a59}:where(button.ghost.danger:hover){color:#fff;background:#ff7a7a29;box-shadow:inset 0 0 0 1.5px #ff7a7a99}:where(button.ghost.armed){background:#ff7a7a29;color:#fff;animation:armed-pulse 1s ease-in-out infinite}.btn-emoji{display:inline-block;transition:transform .25s var(--pop)}button:hover .btn-emoji{transform:translate(3px) rotate(14deg) scale(1.1)}input[type=text]{width:100%;font:700 16.5px/1.2 var(--font-body);color:var(--text);background:#06092480;border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 16px;outline:none;box-shadow:inset 0 3px #0003;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input[type=text]::placeholder{color:#7682b9;font-weight:700}input[type=text]:hover{border-color:#fff3}input[type=text]:focus{border-color:var(--sky);background:#0609249e;box-shadow:inset 0 3px #0003,0 0 0 4px #4dabf740}input.code{font:600 21px/1.1 var(--font-display);letter-spacing:.42em;text-indent:.42em;text-align:center;text-transform:uppercase}input.code::placeholder{letter-spacing:.32em}.shake{animation:shake .42s ease}.field-label,.picker-label,.col-label{font:800 11.5px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.ui-toast{position:absolute;top:22px;left:50%;z-index:60;max-width:min(520px,calc(100vw - 32px));padding:12px 22px;border-radius:999px;font:800 15px/1.3 var(--font-body);text-align:center;color:#fff;box-shadow:0 5px #00000038,0 14px 30px -8px #0009;transform:translate(-50%);animation:toast-drop .38s var(--pop);transition:opacity .35s ease,transform .35s ease}.ui-toast.error{background:linear-gradient(180deg,#ff8a8a,#e85a66);color:#3d0710}.ui-toast.info{background:linear-gradient(180deg,#2f3a96,#222a74);border:1.5px solid rgba(143,208,255,.5)}.ui-toast.out{opacity:0;transform:translate(-50%,-10px)}.mini-bean{--bean: #888;position:relative;display:inline-block;flex-shrink:0;font-size:10px;width:2.6em;height:3.2em;border-radius:50% 50% 44% 44%/58% 58% 42% 42%;background:var(--bean);box-shadow:inset -.3em -.4em #0000002e,inset .22em .3em #ffffff4d,0 .2em .4em #00000059}.mini-bean.lg{font-size:14px}.mini-bean .eye{position:absolute;top:.95em;width:.72em;height:.82em;border-radius:50%;background:radial-gradient(circle at 52% 58%,#1f2125 0,#1f2125 32%,#fff 35%)}.mini-bean .eye:first-child{left:.42em}.mini-bean .eye:last-child{right:.42em}.mini-bean[data-eyes="1"] .eye{top:1.12em;height:.42em;background:none;border:.17em solid #1f2125;border-bottom:0;border-radius:.5em .5em 0 0}.mini-bean[data-eyes="2"] .eye{background:linear-gradient(180deg,var(--bean) 0 46%,rgba(0,0,0,.35) 46% 54%,transparent 54%),radial-gradient(circle at 52% 64%,#1f2125 0,#1f2125 30%,#fff 33%)}.mini-bean:before,.mini-bean:after{position:absolute;left:50%;transform:translate(-50%)}.mini-bean[data-hat="1"]:before{content:"";top:-.3em;width:2.1em;height:1.1em;border-radius:1.05em 1.05em .2em .2em;background:#e05d5d;box-shadow:inset -.2em -.15em #00000029}.mini-bean[data-hat="1"]:after{content:"";top:.58em;left:1.5em;width:1.5em;height:.34em;transform:none;border-radius:.3em;background:#c94848}.mini-bean[data-hat="2"]:before{content:"";top:-1.4em;width:1.8em;height:1.8em;background:linear-gradient(180deg,#ff7b29 0,#ff7b29 36%,#fff 36%,#fff 58%,#ff7b29 58%);clip-path:polygon(50% 0,100% 100%,0 100%)}.mini-bean[data-hat="3"]:before{content:"";top:-.78em;width:2em;height:1.05em;background:linear-gradient(180deg,#fff0a8,#e1b23c 60%,#b98a1c);clip-path:polygon(0 100%,0 18%,20% 58%,35% 0,50% 55%,65% 0,80% 58%,100% 18%,100% 100%)}.mini-bean[data-hat="4"]:before{content:"";top:-1.25em;width:2.1em;height:1.65em;border-radius:1em 1em .25em .25em;background:#fff;box-shadow:inset 0 -.35em #e3e7f3,0 .1em .2em #0003}.mini-bean[data-hat="5"]:before{content:"";top:-.85em;width:2em;height:.6em;border:.2em solid #ffe066;border-radius:50%;box-shadow:0 0 .6em #ffd24de6}.mini-bean.ghost{background:transparent;box-shadow:none;border:2px dashed rgba(255,255,255,.2)}.home-hero{display:flex;flex-direction:column;align-items:center;gap:12px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font:800 13px/1 var(--font-body);color:#e3e9ff;background:#141a4a99;border:1.5px solid rgba(255,255,255,.13);box-shadow:0 3px #0003}.tag-pill b{font-weight:400}.panel-home{width:min(420px,100%)}.name-row{display:flex;align-items:center;gap:12px;margin-top:-4px}.name-row .mini-bean{margin-top:4px;animation:bean-idle 3.2s ease-in-out infinite}.panel-home>button{width:100%}.or-split{display:flex;align-items:center;gap:12px;color:var(--dim);font:800 11.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase}.or-split:before,.or-split:after{content:"";flex:1;height:2px;border-radius:2px;background:#ffffff1a}.home-links{display:flex;gap:10px}.home-links button{flex:1}.blurb{max-width:520px;font:700 14.5px/1.65 var(--font-body);color:#c3cbef;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.75)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px 16px;background:#05071aa3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .18s ease}.modal{width:min(780px,100%);max-height:min(88vh,780px);display:flex;flex-direction:column;padding:0;gap:0;animation:modal-in .36s var(--pop)}.modal.panel{padding:0}.modal-board{width:min(640px,100%)}.modal-howto{height:min(88vh,680px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px 12px}.modal-head h2{font-size:28px;text-align:left}.modal-x{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font:800 16px/1 var(--font-body);color:var(--muted);background:#ffffff14;box-shadow:inset 0 0 0 1.5px #ffffff24;padding:0;cursor:pointer;transition:background .15s ease,color .15s ease,transform .2s var(--pop)}.modal-x:after{display:none}.modal-x:hover{background:#ffffff29;color:#fff;transform:rotate(90deg)}.modal-body{padding:6px 24px 22px;overflow-y:auto;min-height:0}.modal-foot{padding:4px 24px 24px;display:flex;justify-content:center}.modal-foot button{min-width:260px}.board-loading,.empty-note{display:flex;align-items:center;justify-content:center;gap:10px;padding:34px 12px;color:var(--muted);font-weight:700;text-align:center}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--sun);animation:spin .8s linear infinite}.tabs{display:flex;gap:6px;padding:5px;margin-bottom:16px;border-radius:999px;background:#04061c61;box-shadow:inset 0 2px #0003}.tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:999px;font:600 15.5px/1 var(--font-display);color:var(--muted);background:transparent;box-shadow:none;cursor:pointer;transition:background .15s ease,color .15s ease}.tab:after{display:none}.tab:hover{color:#fff;background:#ffffff12;transform:none;filter:none;box-shadow:none}.tab:active{transform:scale(.97);box-shadow:none}.tab.sel{color:var(--sun-ink);background:linear-gradient(180deg,var(--sun-hi),var(--sun-lo));box-shadow:inset 0 2px #ffffff80,0 3px 0 var(--sun-edge)}.tab-panel{animation:fade-up .25s ease}.tab-panel[hidden]{display:none}.goal-hero{display:flex;align-items:center;gap:18px;padding:18px 20px;margin-bottom:14px;border-radius:22px;background:linear-gradient(120deg,#ffd24d3d,#ffd24d0d 70%);border:1.5px solid rgba(255,210,77,.4)}.goal-flag{flex:0 0 auto;width:74px;height:74px;display:grid;place-items:center;font-size:40px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#ffd24d8c,#ffd24d1a 70%);box-shadow:0 0 0 3px #ffd24d4d;animation:bean-idle 3s ease-in-out infinite}.goal-hero h3{font:600 23px/1.2 var(--font-display);color:var(--sun);margin-bottom:5px}.goal-hero p{font:700 15px/1.5 var(--font-body);color:#dde3ff}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-card{--tone: 255, 210, 77;display:flex;gap:13px;align-items:flex-start;padding:14px 15px;border-radius:20px;background:#ffffff0e;border:1.5px solid rgba(255,255,255,.08)}.info-icon{flex:0 0 48px;height:48px;display:grid;place-items:center;font-size:25px;border-radius:15px;background:rgba(var(--tone),.2);box-shadow:inset 0 0 0 1.5px rgba(var(--tone),.4),inset 0 -3px #0000001f}.info-text h4{font:600 17px/1.25 var(--font-display);color:#fff;margin-bottom:3px}.info-text p{font:700 13.5px/1.48 var(--font-body);color:var(--muted)}.tone-sun{--tone: 255, 210, 77}.tone-coral{--tone: 255, 122, 122}.tone-mint{--tone: 105, 219, 124}.tone-sky{--tone: 77, 171, 247}.tone-lav{--tone: 151, 117, 250}.badge-duo{display:inline-block;vertical-align:.12em;padding:2px 8px;margin-left:4px;border-radius:999px;font:900 10.5px/1.3 var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:#1e1050;background:var(--lav-hi)}.modal-note{margin-top:14px;text-align:center;font:700 13.5px/1.5 var(--font-body);color:var(--muted)}.controls-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.controls-sheet[hidden]{display:none}.ctrl-group{display:flex;flex-direction:column;gap:8px;min-width:0;padding:13px 15px 14px;border-radius:18px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.08)}.ctrl-group h3{display:flex;align-items:center;gap:7px;font:600 16px/1 var(--font-display);color:var(--sun);margin-bottom:2px}.ctrl-icon{font-size:15px}.ctrl-row{display:flex;align-items:center;gap:10px;min-width:0}.ctrl-keys{display:flex;align-items:center;gap:1px;flex:0 0 auto;font-size:14px}.ctrl-label{font:700 13.5px/1.3 var(--font-body);color:#d3dbfa;min-width:0}.kbd-or{color:var(--dim);font-weight:800;font-size:12px;margin:0 1px}.lobby-head{width:min(900px,100%);display:flex;align-items:center;justify-content:space-between;gap:16px}.lobby-head .logo{font-size:40px}.code-block{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:14px;row-gap:3px;align-items:center;padding:10px 14px 12px 18px;border-radius:22px;color:var(--text);background:#0e133c99;box-shadow:inset 0 0 0 1.5px #ffffff1f,0 10px 24px -10px #0009;cursor:pointer;text-align:right;transition:transform .2s var(--pop),box-shadow .15s ease}.code-block:after{display:none}.code-block:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px #ffd24d73,0 14px 28px -10px #0009;filter:none}.code-block:active{transform:scale(.98);box-shadow:inset 0 0 0 1.5px #ffd24d73}.code-label{grid-column:1;grid-row:1;align-self:end;font:800 11.5px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.code-hint{grid-column:1;grid-row:2;align-self:start;font:700 12px/1.2 var(--font-body);color:var(--dim);white-space:nowrap}.code-tiles{grid-column:2;grid-row:1 / span 2;display:flex;gap:7px}.code-tile{width:46px;height:56px;display:grid;place-items:center;font:700 32px/1 var(--font-display);color:var(--sun-ink);border-radius:13px;background:linear-gradient(180deg,var(--sun-hi),var(--sun-lo));box-shadow:inset 0 2px #fff9,0 4px 0 var(--sun-edge),0 10px 16px -6px #00000080;animation:tile-drop .5s var(--pop) backwards;animation-delay:calc(var(--i) * .07s + .1s);transition:transform .2s var(--pop)}.code-block:hover .code-tile{transform:translateY(-3px) rotate(-3deg)}.code-block:hover .code-tile:nth-child(2n){transform:translateY(-3px) rotate(3deg)}.code-block.copied .code-tile{animation:tile-hop .45s var(--pop) both;animation-delay:calc(var(--i) * .05s)}.panel-lobby{width:min(900px,100%);padding:22px}.lobby-cols{display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px;align-items:stretch}.lobby-col{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border-radius:22px;background:#04061e38;box-shadow:inset 0 0 0 1.5px #ffffff0f}.col-label{display:flex;align-items:center;justify-content:space-between}.crew-count{padding:3px 9px;border-radius:999px;font:600 13px/1 var(--font-display);letter-spacing:.04em;color:var(--sun);background:#ffd24d24}.preview-stage{position:relative;display:grid;place-items:center;margin:-4px 0 -2px;border-radius:20px;background:radial-gradient(ellipse 55% 60% at 50% 38%,rgba(151,117,250,.42),transparent 72%),radial-gradient(ellipse 60% 22% at 50% 88%,rgba(255,210,77,.22),transparent 72%),#04061e4d;box-shadow:inset 0 2px 14px #00000059;overflow:hidden}#preview-canvas{width:100%;max-width:320px;height:236px;display:block;cursor:grab;touch-action:none}#preview-canvas:active{cursor:grabbing}.preview-hint{position:absolute;right:12px;top:11px;font:800 10px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#ffffff57;pointer-events:none}.picker{display:flex;flex-direction:column;gap:7px}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:30px;height:30px;padding:0;border-radius:50%;background:var(--sw);box-shadow:inset -2px -3px #0003,inset 2px 2px #ffffff4d,0 3px #00000040;cursor:pointer;transition:transform .18s var(--pop),box-shadow .15s ease}.swatch:after{display:none}.swatch:hover{transform:scale(1.16) rotate(-8deg);filter:none;box-shadow:inset -2px -3px #0003,inset 2px 2px #ffffff4d,0 5px #00000040}.swatch:active{transform:scale(.94)}.swatch.sel{transform:scale(1.1);box-shadow:inset -2px -3px #0003,inset 2px 2px #ffffff4d,0 0 0 3px var(--night-1),0 0 0 6px #fff}.chip-row{display:flex;flex-wrap:wrap;gap:4px}.chip{padding:7px 9px;border-radius:999px;font:800 13px/1 var(--font-body);color:#dfe5ff;background:#ffffff14;box-shadow:inset 0 0 0 1.5px #ffffff1f;cursor:pointer;transition:transform .15s var(--pop),background .15s ease,color .15s ease}.chip:after{display:none}.chip:hover{transform:translateY(-2px);background:#ffffff24;filter:none;box-shadow:inset 0 0 0 1.5px #fff3}.chip:active{transform:translateY(1px);box-shadow:inset 0 0 0 1.5px #fff3}.chip.sel{color:var(--sun-ink);background:linear-gradient(180deg,var(--sun-hi),var(--sun-lo));box-shadow:inset 0 2px #ffffff80,0 3px 0 var(--sun-edge)}.player-list{display:flex;flex-direction:column;gap:8px}.player-card{display:flex;align-items:center;gap:12px;min-height:54px;padding:9px 12px 9px 14px;border-radius:17px;background:#ffffff12;box-shadow:inset 0 0 0 1.5px #ffffff14,0 3px #00000029;transition:background .2s ease,box-shadow .2s ease}.player-card.enter{animation:card-in .35s var(--pop) backwards}.player-card .mini-bean{margin-top:4px}.player-card.me{background:#ffd24d1c;box-shadow:inset 0 0 0 1.5px #ffd24d66,0 3px #00000029}.player-card.is-ready{box-shadow:inset 0 0 0 1.5px #69db7c80,0 3px #00000029}.player-card.empty{background:transparent;box-shadow:inset 0 0 0 1.5px #ffffff0f}.player-card.empty .who{color:var(--dim);font-weight:700;font-style:italic}.who{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font:800 15.5px/1.2 var(--font-body)}.who-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{flex:0 0 auto;padding:2px 8px;border-radius:999px;font:900 10.5px/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--sun-ink);background:var(--sun)}.status{flex:0 0 auto;padding:5px 11px;border-radius:999px;font:600 13px/1 var(--font-display);letter-spacing:.02em}.status.host{color:var(--sun-ink);background:linear-gradient(180deg,var(--sun-hi),var(--sun-lo));box-shadow:0 2px 0 var(--sun-edge)}.status.ready{color:#0b361a;background:linear-gradient(180deg,var(--mint-hi),var(--mint));box-shadow:0 2px 0 var(--mint-edge)}.status.ready.enter{animation:pop-in .35s var(--pop)}.status.waiting{color:var(--muted);background:#ffffff12}.status.waiting i{font-style:normal;animation:dot-blink 1.4s infinite}.status.waiting i:nth-child(2){animation-delay:.2s}.status.waiting i:nth-child(3){animation-delay:.4s}.seed-row{display:flex;align-items:center;gap:10px}.seed-row[hidden]{display:none}.seed-row label{flex:0 0 auto;font:600 15px/1 var(--font-display);color:var(--muted)}.seed-row input[type=text]{padding:9px 13px;font-size:15px;border-radius:13px}.crew>button{width:100%}.crew>button[hidden]{display:none}.waitmsg{font:700 13.5px/1.5 var(--font-body);color:var(--muted);text-align:center}.waitmsg.solo{padding:10px 14px;border-radius:16px;color:#ddd3ff;background:#9775fa29;box-shadow:inset 0 0 0 1.5px #9775fa59}.screen-loading{background:radial-gradient(900px 500px at 50% 110%,rgba(151,117,250,.4),transparent 62%),linear-gradient(180deg,var(--night-0) 0%,var(--night-1) 45%,var(--night-2) 100%)}.screen-loading .screen-inner{gap:22px}.loader{position:relative;display:flex;align-items:flex-end;gap:22px;height:120px;padding:0 14px 12px;margin-top:10px}.hop{display:block;animation:hop 1.3s cubic-bezier(.33,0,.3,1) infinite;animation-delay:calc(var(--i) * .16s)}.hop .mini-bean{font-size:17px;transform-origin:50% 100%;animation:squash 1.3s ease infinite;animation-delay:calc(var(--i) * .16s)}.loader-floor{position:absolute;left:0;right:0;bottom:0;height:12px;border-radius:999px;background:#ffffff14;box-shadow:inset 0 2px #ffffff0f}.loading-text{font:600 30px/1.2 var(--font-display);color:#fff;text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.3)}.tip-card{display:flex;align-items:center;gap:12px;width:min(580px,100%);min-height:62px;padding:12px 18px 12px 12px;border-radius:22px;background:#161c50b3;box-shadow:inset 0 0 0 1.5px #ffffff1a,0 14px 30px -14px #000000b3}.tip-label{flex:0 0 auto;padding:6px 10px;border-radius:12px;font:600 13px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--sun-ink);background:linear-gradient(180deg,var(--sun-hi),var(--sun-lo));box-shadow:0 3px 0 var(--sun-edge)}.tip-text{font:700 15px/1.45 var(--font-body);color:#e2e7ff}.tip-text.in{animation:fade-up .4s ease}.screen-results{background:radial-gradient(ellipse 70% 55% at 50% 26%,rgba(255,210,77,.22),transparent 70%),#06081ebd}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-24px;left:var(--x);width:var(--w);height:calc(var(--w) * 1.6);border-radius:2px;background:var(--c);opacity:.92;animation:confetti-fall var(--d) linear var(--delay) 3 both}.confetti i.round{height:var(--w);border-radius:50%}.panel-results{width:min(660px,100%);align-items:center;text-align:center;gap:10px;padding:24px 28px 22px;animation:modal-in .5s var(--pop)}.results-kicker{padding:6px 14px;border-radius:999px;font:900 12px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--sun-ink);background:var(--sun);box-shadow:0 3px 0 var(--sun-edge)}.results-title{font:600 32px/1.15 var(--font-display);color:#fff}.results-title span{color:var(--sun)}.big-time{font:700 76px/1 var(--font-display);color:var(--sun);letter-spacing:.01em;text-shadow:0 4px 0 var(--sun-edge),0 7px 0 var(--outline),0 16px 30px rgba(0,0,0,.45);animation:time-pop .7s var(--pop) .15s backwards}.rank-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;font:700 15px/1 var(--font-body);color:#e6f3ff;background:linear-gradient(180deg,#4dabf759,#4dabf72e);box-shadow:inset 0 0 0 1.5px #8fd0ff80,0 3px #0003;animation:pop-in .5s var(--pop) .4s backwards}.rank-badge b{font:700 18px/1 var(--font-display);color:#fff}.rank-badge.r1{color:#4a3204;background:linear-gradient(180deg,#fff1a6,#ffc53a);box-shadow:0 3px #c08a10,0 0 24px #ffd24d80}.rank-badge.r2{color:#2b3245;background:linear-gradient(180deg,#fff,#c5cde0);box-shadow:0 3px #8a93ab}.rank-badge.r3{color:#3e1f06;background:linear-gradient(180deg,#ffcf9e,#d98a4a);box-shadow:0 3px #9c5a24}.rank-badge.r1 b,.rank-badge.r2 b,.rank-badge.r3 b{color:inherit}.crew-results{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:4px 0 2px}.crew-card{--c: #fff;display:flex;flex-direction:column;align-items:center;gap:5px;width:136px;padding:10px 10px 11px;border-radius:20px;background:#ffffff12;box-shadow:inset 0 3px 0 var(--c),inset 0 0 0 1.5px #ffffff14,0 4px #0000002e;animation:card-in .45s var(--pop) backwards}.crew-card:nth-child(2){animation-delay:.08s}.crew-card:nth-child(3){animation-delay:.16s}.crew-card:nth-child(4){animation-delay:.24s}.crew-card .mini-bean{margin:8px 0 0}.crew-name{max-width:100%;font:800 15px/1.2 var(--font-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-falls{font:700 12.5px/1.2 var(--font-body);color:var(--muted)}.award{margin-top:2px;padding:3px 8px;border-radius:999px;font:800 11px/1.3 var(--font-body);color:#e6ddff;background:#9775fa40}.board-head{align-self:stretch;margin-top:6px;font:600 18px/1 var(--font-display);color:var(--sun);text-align:left}.board-scroll{align-self:stretch;max-height:28vh;overflow-y:auto;border-radius:16px;background:#04061e47;box-shadow:inset 0 0 0 1.5px #ffffff0f}.panel-results>button{min-width:260px;margin-top:4px}.board-table{width:100%;border-collapse:separate;border-spacing:0;font:700 14px/1.3 var(--font-body);text-align:left}.board-table th{position:sticky;top:0;z-index:1;padding:10px 12px 8px;font:800 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:#141a4af5}.board-table td{padding:9px 12px;border-top:1px solid rgba(255,255,255,.06);vertical-align:middle}.board-table tbody tr:hover td{background:#ffffff08}.board-table .t-time{font:600 15.5px/1 var(--font-display);color:#fff;white-space:nowrap;text-align:right}.board-table th.t-time{text-align:right;font:800 11px/1 var(--font-body);color:var(--dim)}.board-table .t-seed{color:var(--dim);font-size:12.5px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-table .t-crew{color:#e1e6ff;word-break:break-word}.board-table .sep{color:var(--dim);margin:0 6px}.board-table tr.you td{background:#ffd24d24;color:#fff}.board-table tr.you td:first-child{box-shadow:inset 4px 0 0 var(--sun)}.board-table tr.you .t-time{color:var(--sun)}.you-tag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font:900 10px/1.3 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--sun-ink);background:var(--sun)}.medal,.rank-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font:700 13px/1 var(--font-display)}.rank-num{color:var(--muted)}.medal.m1{color:#4a3204;background:linear-gradient(180deg,#fff1a6,#f5b829);box-shadow:0 2px #b07a10}.medal.m2{color:#2b3245;background:linear-gradient(180deg,#fff,#bfc8dc);box-shadow:0 2px #848ea8}.medal.m3{color:#3e1f06;background:linear-gradient(180deg,#ffcf9e,#d4843f);box-shadow:0 2px #95531f}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;font-family:var(--font-body)}.hud-zonebox{position:absolute;left:18px;top:16px;min-width:176px;padding:10px 16px 12px;border-radius:18px;background:var(--hud-bg);border:1.5px solid rgba(255,255,255,.12);box-shadow:0 4px #0000002e,0 12px 24px -10px #0000008c}.hud-zone{font:600 19px/1.15 var(--font-display);color:var(--sun);text-shadow:0 2px 0 rgba(0,0,0,.3);max-width:260px}.hud-height{display:flex;align-items:baseline;gap:2px;margin-top:4px}.hud-h-now{font:700 28px/1 var(--font-display);color:#fff}.hud-h-unit{font:800 14px/1 var(--font-body);color:#fff;margin-right:6px}.hud-h-total{font:800 13px/1 var(--font-body);color:var(--muted)}.hud-gravity{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:3px 9px 3px 7px;border-radius:999px;font:800 11.5px/1.3 var(--font-body);color:#e1d8ff;background:#9775fa47;box-shadow:inset 0 0 0 1px #c2b0ff66}.hud-gravity[hidden]{display:none}.hud-timer{position:absolute;top:14px;left:50%;display:flex;align-items:center;gap:8px;padding:7px 20px 8px 14px;border-radius:999px;background:linear-gradient(180deg,#222868e0,#0e1238e0);border:2px solid rgba(255,210,77,.4);box-shadow:0 5px #00000040,0 14px 26px -10px #0009;transform:translate(-50%)}.hud-timer-icon{font-size:19px}.hud-timer-digits{display:flex;align-items:baseline;font:700 34px/1 var(--font-display);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3)}.hud-timer-digits .td{display:inline-block;width:.6em;text-align:center}.hud-timer-digits .tp{display:inline-block;width:.28em;text-align:center}.hud-timer-digits .tcs{font-size:.6em;color:var(--sun)}.hud-team{position:absolute;top:16px;right:18px;display:flex;flex-direction:column;gap:6px;min-width:210px;max-width:290px}.hud-mate{--c: #fff;position:relative;display:flex;align-items:center;gap:8px;padding:7px 12px 10px 10px;border-radius:14px;overflow:hidden;font:800 13.5px/1.2 var(--font-body);color:#fff;background:var(--hud-bg);border:1.5px solid rgba(255,255,255,.1);box-shadow:0 3px #0000002e}.hud-mate.me{border-color:#ffd24d80}.hud-mate.done{background:#1a4630b8;border-color:#69db7c80}.mate-dot{flex:0 0 auto;width:13px;height:13px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #ffffffd9,inset -2px -2px #0003}.mate-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mate-you,.mate-flag{display:none;flex:0 0 auto}.mate-you{padding:1px 6px;border-radius:999px;font:900 9.5px/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--sun-ink);background:var(--sun)}.hud-mate.me .mate-you{display:inline-block}.hud-mate.done .mate-flag{display:inline}.mate-falls{flex:0 0 auto;font-size:12px;color:#ffd0d0;display:inline-block}.mate-falls.bump{animation:bump .5s var(--pop)}.mate-height{flex:0 0 auto;min-width:42px;text-align:right;font:600 14px/1 var(--font-display)}.mate-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff12}.mate-bar>span{display:block;height:100%;background:var(--c);transform-origin:0 50%;transform:scaleX(0);transition:transform .3s linear}.hud-alt{position:absolute;left:32px;top:168px;bottom:150px;width:14px;isolation:isolate}.hud-alt[hidden]{display:none}.alt-flag{position:absolute;left:1px;top:-32px;font-size:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));transform-origin:10% 90%;animation:flag-wave 2.6s ease-in-out infinite}.alt-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#0a0e2e9e;border:2px solid rgba(255,255,255,.16);box-shadow:inset 0 2px 6px #00000073,0 4px 14px -4px #00000080}.alt-fill{position:absolute;left:2px;right:2px;top:2px;bottom:2px;border-radius:999px;background:linear-gradient(0deg,var(--sky),var(--lav) 55%,var(--sun));opacity:.8;transform-origin:50% 100%;transform:scaleY(0)}.alt-ticks,.alt-players{position:absolute;top:0;right:0;bottom:0;left:0}.alt-tick{position:absolute;left:-6px;right:-6px;height:3px;margin-bottom:-1.5px;border-radius:2px;background:#ffffff52;transition:background .3s ease,box-shadow .3s ease}.alt-tick.on{background:var(--sun);box-shadow:0 0 8px #ffd24de6}.alt-next{position:absolute;left:22px;transform:translateY(50%);padding:2px 8px 3px;border-radius:999px;white-space:nowrap;font:800 10.5px/1.2 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1;background:#0a0e2ea8;box-shadow:inset 0 0 0 1px #ffffff24}.alt-next:before{content:"▲ ";color:var(--sun);font-size:8px;vertical-align:.1em}.alt-next[hidden]{display:none}.alt-player{--c: #fff;position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.alt-dot{position:absolute;left:50%;bottom:0;width:12px;height:12px;margin:0 0 -6px -6px;border-radius:50%;background:var(--c);border:2px solid #fff;box-shadow:0 1px 4px #0000008c}.alt-player.me{z-index:2}.alt-player.me .alt-dot{width:20px;height:20px;margin:0 0 -10px -10px;border:3px solid var(--sun);box-shadow:0 0 0 3px #ffd24d47,0 2px 6px #0009}.alt-player.me .alt-dot:after{content:"";position:absolute;left:calc(100% + 4px);top:50%;border:6px solid transparent;border-right:8px solid var(--sun);border-left:0;transform:translateY(-50%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.alt-player.done .alt-dot{border-color:var(--mint)}.hud-markers{position:absolute;top:0;right:0;bottom:0;left:0}.hud-marker{--c: #fff;position:absolute;left:0;top:0;will-change:transform}.hud-marker[data-mode=none]{display:none}.mk-edge{display:none;position:absolute;left:-19px;top:-19px;width:38px;height:38px}.hud-marker[data-mode=edge] .mk-edge{display:block}.mk-initial{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:50%;font:700 17px/1 var(--font-display);color:#1b1f45;background:var(--c);border:3px solid #fff;box-shadow:0 3px #00000040,0 6px 16px #00000073}.mk-arrow{position:absolute;top:0;right:0;bottom:0;left:0}.mk-arrow i{position:absolute;left:calc(100% + 2px);top:50%;margin-top:-8px;border:8px solid transparent;border-left:11px solid #fff;border-right:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.mk-tag{position:absolute;left:0;top:26px;display:flex;align-items:center;gap:6px;padding:3px 10px 4px;border-radius:999px;white-space:nowrap;font:800 12px/1.2 var(--font-body);color:#fff;background:#0a0e2ed1;box-shadow:inset 0 0 0 1.5px var(--c),0 3px 8px #0006;transform:translate(-50%)}.hud-marker.flip .mk-tag{top:auto;bottom:26px}.mk-name{max-width:110px;overflow:hidden;text-overflow:ellipsis}.mk-dist{color:var(--c);font:600 12.5px/1 var(--font-display)}.hud-marker[data-mode=far] .mk-tag{top:0;bottom:auto;transform:translate(-50%,-50%);padding:3px 9px 3px 7px;gap:5px;opacity:.9}.hud-marker[data-mode=far] .mk-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}.hud-marker[data-mode=far] .mk-name{display:none}.hud-marker[data-mode=far] .mk-dist{color:#fff}.hud-crosshair{position:absolute;left:50%;top:50%;width:0;height:0;--ch: #fff}.ch-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--ch);box-shadow:0 0 0 1.5px #00000073;opacity:0;transition:opacity .15s ease,background .15s ease}.ch-ring{position:absolute;left:-19px;top:-19px;width:38px;height:38px;border-radius:50%;border:2.5px solid var(--ch);box-shadow:0 0 0 1.5px #0000004d,inset 0 0 0 1.5px #00000040;opacity:0;transform:scale(1.5) rotate(-45deg);transition:opacity .15s ease,transform .25s var(--pop),border-color .15s ease}.ch-ring i{position:absolute;left:50%;top:-12px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--ch);box-shadow:0 0 0 1px #0000004d;transform-origin:50% 28.5px}.ch-ring i:nth-child(2){transform:rotate(90deg)}.ch-ring i:nth-child(3){transform:rotate(180deg)}.ch-ring i:nth-child(4){transform:rotate(270deg)}.hud-crosshair[data-mode=dot] .ch-dot{opacity:.8}.hud-crosshair[data-mode=aim-ok]{--ch: var(--sun)}.hud-crosshair[data-mode=aim-ok] .ch-dot{opacity:1}.hud-crosshair[data-mode=aim-ok] .ch-ring{opacity:1;transform:scale(1) rotate(0);filter:drop-shadow(0 0 6px rgba(255,210,77,.7))}.hud-crosshair[data-mode=aim-bad]{--ch: var(--coral)}.hud-crosshair[data-mode=aim-bad] .ch-dot{opacity:.6}.hud-crosshair[data-mode=aim-bad] .ch-ring{opacity:.5;transform:scale(.88) rotate(0)}.hud-prompt{position:absolute;left:50%;bottom:36px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:7px 18px 7px 8px;border-radius:999px;font:800 15px/1.2 var(--font-body);color:#fff;white-space:nowrap;background:#0c1032d1;border:1.5px solid rgba(255,255,255,.18);box-shadow:0 4px #00000038,0 12px 26px -10px #0009;opacity:0;transform:translate(-50%,12px) scale(.94);transition:opacity .18s ease,transform .25s var(--pop),bottom .25s ease}.hud-prompt.show{opacity:1;transform:translate(-50%) scale(1)}.hud.has-item .hud-prompt{bottom:124px}.prompt-key{font-size:14px;padding:.3em .7em .34em;border-radius:.6em}.prompt-text{overflow:hidden;text-overflow:ellipsis}.hud-hang{--hc: var(--sky);position:absolute;left:50%;top:63%;display:flex;align-items:center;gap:12px;padding:7px 20px 7px 7px;border-radius:999px;background:linear-gradient(180deg,#222868e6,#0e1238e6);border:2px solid var(--hc);box-shadow:0 5px #00000040,0 14px 30px -10px #000000a6;opacity:0;visibility:hidden;transform:translate(-50%,10px) scale(.85);transition:opacity .15s ease,visibility .15s,transform .25s var(--pop),border-color .2s ease}.hud-hang.show{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.hud-hang.urgent{--hc: var(--coral);animation:hang-pulse .5s ease-in-out infinite}.hang-ring{position:relative;width:54px;height:54px;flex:0 0 auto}.hang-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.hang-ring circle{fill:none;stroke-width:6}.hang-track{stroke:#ffffff1f}.hang-arc{stroke:var(--hc);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke .2s ease}.hang-secs{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:700 18px/1 var(--font-display);color:#fff}.hang-label{font:600 20px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#fff}.hang-label span{color:var(--hc)}.hud-hang.urgent .hang-secs{color:var(--coral-hi)}@keyframes hang-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.07);box-shadow:0 5px #00000040,0 0 26px #ff7a7a8c}}.hud-item{position:absolute;left:50%;bottom:20px;display:flex;align-items:center;gap:13px;padding:10px 20px 10px 10px;border-radius:24px;background:linear-gradient(180deg,#262c70e6,#10143ee6);border:2px solid rgba(255,210,77,.42);box-shadow:0 5px #00000040,0 16px 30px -12px #000000a6;opacity:0;visibility:hidden;transform:translate(-50%,24px);transition:opacity .2s ease,transform .3s var(--pop),visibility .2s}.hud-item.show{opacity:1;visibility:visible;transform:translate(-50%)}.item-icon{flex:0 0 auto;width:60px;height:60px;display:grid;place-items:center;font-size:34px;border-radius:18px;background:radial-gradient(circle at 50% 36%,#ffd24d80,#ffd24d14 72%);box-shadow:inset 0 0 0 2px #ffd24d61,inset 0 -4px #00000026}.hud-item.pop .item-icon{animation:item-pop .6s var(--pop)}.item-name{font:600 18px/1.15 var(--font-display);color:var(--sun)}.item-desc{font:700 12.5px/1.3 var(--font-body);color:var(--muted)}.item-keys{display:flex;gap:12px;margin-top:6px;font:800 12px/1 var(--font-body);color:#e3e8ff}.item-keys kbd{margin-right:5px;font-size:11px}.hud-toasts{position:absolute;top:76px;left:50%;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(620px,calc(100vw - 32px));transform:translate(-50%)}.hud-toast{display:flex;align-items:center;gap:9px;max-width:100%;padding:8px 16px 9px;border-radius:20px;font:800 14px/1.3 var(--font-body);color:#fff;text-align:center;background:#0c1032d6;border:1.5px solid rgba(255,255,255,.14);box-shadow:0 4px #0003,0 10px 20px -8px #0000008c;animation:toast-in .34s var(--pop);transition:opacity .3s ease,transform .3s ease}.hud-toast.good{background:linear-gradient(180deg,#1e5638eb,#123824eb);border-color:#69db7ca6}.hud-toast.bad{background:linear-gradient(180deg,#681e2eeb,#461220eb);border-color:#ff7a7aa6}.hud-toast.good:before,.hud-toast.bad:before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.hud-toast.bad:before{background:var(--coral);box-shadow:0 0 8px var(--coral)}.hud-toast.out{opacity:0;transform:translateY(-8px) scale(.96)}.toast-count{flex:0 0 auto;padding:1px 7px;border-radius:999px;font:900 11px/1.4 var(--font-body);color:var(--sun-ink);background:var(--sun)}.toast-count.bump{animation:bump .4s var(--pop)}.hud-center{position:absolute;z-index:3;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center}.countdown{--o: var(--outline);font:700 180px/1 var(--font-display);color:var(--sun);text-shadow:5px 5px 0 var(--o),-5px 5px 0 var(--o),5px -5px 0 var(--o),-5px -5px 0 var(--o),0 7px 0 var(--o),0 -7px 0 var(--o),7px 0 0 var(--o),-7px 0 0 var(--o),0 15px 0 var(--o),0 26px 40px rgba(0,0,0,.5);animation:count-pop .95s var(--pop) both}.countdown.n3{color:var(--coral)}.countdown.n2{color:var(--sun)}.countdown.n1{color:var(--sky)}.countdown.go{color:var(--mint);font-size:200px;animation:go-pop 1s var(--pop) both}.hud-banner{position:absolute;z-index:2;left:50%;top:36%;width:max-content;max-width:calc(100vw - 40px);text-align:center;opacity:0;visibility:hidden;transform:translate(-50%,-50%)}.hud-banner.show{visibility:visible;animation:banner 2.8s ease both}.zb-num{display:inline-block;padding:6px 16px 6px calc(16px + .32em);border-radius:999px;font:900 15px/1 var(--font-body);letter-spacing:.32em;color:var(--sun-ink);background:linear-gradient(180deg,var(--sun-hi),var(--sun-lo));box-shadow:0 4px 0 var(--sun-edge),0 10px 20px -6px #00000080}.zb-label{--o: var(--outline);margin-top:10px;font:700 clamp(48px,7vw,92px)/1.02 var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:3px 3px 0 var(--o),-3px 3px 0 var(--o),3px -3px 0 var(--o),-3px -3px 0 var(--o),0 4px 0 var(--o),0 -4px 0 var(--o),4px 0 0 var(--o),-4px 0 0 var(--o),0 9px 0 var(--o),0 18px 34px rgba(0,0,0,.5)}.zb-flavor{margin-top:10px;font:800 italic 19px/1.3 var(--font-body);color:#e8ecff;text-shadow:0 2px 0 var(--outline),0 3px 14px rgba(0,0,0,.8)}.zb-flavor[hidden]{display:none}.hud-banner.show .zb-num{animation:zb-drop .5s var(--pop) .05s both}.hud-banner.show .zb-flavor{animation:fade-up .5s ease .35s both}.hud-flash{--fc: 105, 219, 124;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse 75% 70% at 50% 50%,transparent 52%,rgba(var(--fc),.28) 78%,rgba(var(--fc),.62) 100%)}.hud-flash[data-kind=bad]{--fc: 255, 84, 96}.hud-flash[data-kind=launch]{--fc: 255, 238, 180}.hud-flash.go{animation:flash .6s ease-out}.hud-flash.go[data-kind=launch]{animation:flash .8s ease-out}.click-to-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18vh;background:radial-gradient(ellipse at center,#06081e2e,#06081e8c);cursor:pointer;pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}.click-to-play.show{opacity:1;visibility:visible}.ctp-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 34px 20px;border-radius:28px;background:linear-gradient(180deg,#283078e6,#121642e6);border:2px solid rgba(255,255,255,.16);box-shadow:0 6px #00000040,0 24px 50px -16px #000000b3;animation:bean-idle 2.8s ease-in-out infinite;transition:transform .2s var(--pop)}.click-to-play:hover .ctp-card{transform:scale(1.04)}.ctp-mouse{position:relative;width:30px;height:44px;border:3px solid #fff;border-radius:16px}.ctp-mouse span{position:absolute;left:50%;top:7px;width:4px;height:9px;margin-left:-2px;border-radius:2px;background:var(--sun);animation:wheel 1.5s ease-in-out infinite}.ctp-title{font:600 25px/1.1 var(--font-display);color:#fff}.ctp-sub{font:700 13.5px/1.2 var(--font-body);color:var(--muted)}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:#06081e9e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s}.pause-overlay.show{opacity:1;visibility:visible}.pause-panel{position:relative;display:flex;flex-direction:column;gap:18px;width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:26px 28px;border-radius:30px;background:linear-gradient(180deg,var(--glass-top),var(--glass-bot));border:1.5px solid var(--glass-line);box-shadow:inset 0 2px #ffffff1a,0 32px 64px -20px #020416d9;transform:scale(.94) translateY(8px);transition:transform .3s var(--pop)}.pause-overlay.show .pause-panel{transform:none}.pause-head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.pause-title{font:700 44px/1 var(--font-display);letter-spacing:.14em;color:var(--sun);text-shadow:0 4px 0 var(--sun-edge),0 7px 0 var(--outline),0 14px 26px rgba(0,0,0,.4)}.pause-sub{font:700 14px/1.3 var(--font-body);color:var(--muted)}.pause-buttons{display:flex;flex-direction:column;gap:11px}.pause-buttons button{width:100%}.pause-panel .controls-sheet{padding-top:4px;animation:fade-up .2s ease}.hud.paused .hud-crosshair,.hud.paused .hud-prompt,.hud.paused .hud-markers{opacity:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes toast-drop{0%{opacity:0;transform:translate(-50%,-16px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:none}}@keyframes letter-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes flag-wave{0%,to{transform:rotate(8deg)}50%{transform:rotate(-6deg) scaleX(.92)}}@keyframes bean-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes tile-drop{0%{opacity:0;transform:translateY(-30px) rotate(-10deg)}to{opacity:1;transform:none}}@keyframes tile-hop{0%,to{transform:none}45%{transform:translateY(-10px) rotate(-6deg) scale(1.06)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dot-blink{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes armed-pulse{0%,to{box-shadow:inset 0 0 0 1.5px #ff7a7a80}50%{box-shadow:inset 0 0 0 1.5px #ff7a7af2,0 0 16px #ff7a7a66}}@keyframes hop{0%,to{transform:translateY(0)}12%{transform:translateY(0)}42%{transform:translateY(-54px)}68%{transform:translateY(0)}}@keyframes squash{0%,to{transform:scale(1)}8%{transform:scale(1.16,.84)}20%{transform:scale(.9,1.12)}42%{transform:scale(1)}66%{transform:scaleY(1.04)}72%{transform:scale(1.18,.82)}84%{transform:scale(1)}}@keyframes confetti-fall{0%{transform:translate3d(0,-24px,0) rotate(0)}to{transform:translate3d(var(--drift),106vh,0) rotate(var(--r))}}@keyframes time-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.5) rotate(-8deg)}to{transform:scale(1)}}@keyframes item-pop{0%{transform:scale(.3) rotate(-25deg)}60%{transform:scale(1.15) rotate(6deg)}to{transform:scale(1) rotate(0)}}@keyframes count-pop{0%{opacity:0;transform:scale(2.4)}22%{opacity:1;transform:scale(.92)}34%{transform:scale(1.04)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes go-pop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}25%{opacity:1;transform:scale(1.15) rotate(3deg)}40%{transform:scale(1) rotate(0)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}9%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}15%{transform:translate(-50%,-50%) scale(1)}82%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-62%) scale(.98)}}@keyframes zb-drop{0%{opacity:0;transform:translateY(-16px) scale(.8)}to{opacity:1;transform:none}}@keyframes flash{0%{opacity:0}14%{opacity:1}to{opacity:0}}@keyframes wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:0}}@media (min-width: 1600px) and (min-height: 940px){.screen-inner>:not(.confetti),.modal,.pause-panel{zoom:1.18}}@media (max-width: 860px){.lobby-head{flex-direction:column;justify-content:center}.lobby-cols{grid-template-columns:1fr}.dressing-room{align-items:stretch}.info-grid,.controls-sheet{grid-template-columns:1fr}.hud-team{min-width:0;max-width:200px}.mate-height{min-width:0}}@media (max-width: 560px){.screen-inner{gap:14px;padding:18px 12px}.panel{padding:22px 18px;border-radius:26px}.panel-lobby{padding:14px}.lobby-col{padding:14px 12px}.code-block{grid-template-columns:1fr;text-align:center;justify-items:center}.code-label,.code-hint,.code-tiles{grid-column:1;grid-row:auto}.code-hint{max-width:none}.code-tile{width:40px;height:48px;font-size:26px}.tabs{flex-wrap:wrap;border-radius:22px}.tab{flex:1 1 40%}.goal-hero{flex-direction:column;text-align:center}.modal-head h2{font-size:23px}.modal-foot button,.panel-results>button{min-width:0;width:100%}.big-time{font-size:60px}.results-title{font-size:26px}.board-table .t-seed{display:none}.hud-timer{top:10px;padding:5px 14px 6px 10px}.hud-timer-digits{font-size:24px}.hud-zonebox{left:10px;top:62px;min-width:0;padding:7px 12px 9px}.hud-zone{font-size:15px}.hud-h-now{font-size:20px}.hud-team{top:62px;right:10px;max-width:150px}.mate-falls,.mate-height{display:none}.hud-alt{left:18px;top:220px;bottom:140px}.alt-next{display:none}.countdown{font-size:120px}.countdown.go{font-size:130px}.item-desc{display:none}}@media (max-height: 640px){.logo{font-size:56px}.screen-inner{gap:12px;padding-top:14px;padding-bottom:14px}.hud-alt{top:150px;bottom:120px}}@media (prefers-reduced-motion: reduce){.logo-ch,.logo-flag,.alt-flag,.name-row .mini-bean,.goal-flag,.ctp-card,.hop,.hop .mini-bean,.code-tile,.player-card.enter,.crew-card,.status.ready.enter,.mate-falls.bump,.toast-count.bump,.hud-item.pop .item-icon,.code-block.copied .code-tile,.ctp-mouse span,:where(button.ghost.armed),.hud-hang.urgent{animation:none}.confetti{display:none}:where(button:hover),:where(button:active),.chip:hover,.swatch:hover,.code-block:hover,.code-block:hover .code-tile,.modal-x:hover,.click-to-play:hover .ctp-card{transform:none}button:hover .btn-emoji{transform:none}.modal,.modal-backdrop,.panel-results,.big-time,.rank-badge,.tab-panel,.tip-text.in,.ui-toast,.hud-toast,.countdown,.countdown.go,.hud-banner.show .zb-num,.hud-banner.show .zb-flavor{animation-name:fade-in}.hud-banner.show{animation-name:fade-hold}.hud-prompt,.hud-item,.pause-panel,.hud-hang{transition-property:opacity,visibility,border-color}.shake{animation:none}}@keyframes fade-hold{0%{opacity:0}10%,85%{opacity:1}to{opacity:0}}