*{box-sizing:border-box}:root{--panel:#12172a;--panel-hi:#1c2342;--ink:#05070f;--edge:#ffffff17;--pxfont:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--displayfont:"Blobfall", ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--t-hero:clamp(38px, 9vw, 64px);--t-title:clamp(24px, 6vw, 34px);--t-button:17px;--t-body:15px;--t-caption:12.5px;--t-micro:11px;--dur-tap:90ms;--dur-fast:.16s;--dur-screen:.26s;--dur-hero:.42s;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, .61, .36, 1);--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)}@media (prefers-reduced-motion:reduce){:root{--dur-tap:1ms;--dur-fast:1ms;--dur-screen:1ms;--dur-hero:1ms}.menu-box>*,.overlay--title,.menu-box{animation-duration:1ms!important}}html,body{-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;background:#1a2033;height:100%;margin:0;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}canvas#game{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;-webkit-user-select:none;user-select:none;display:block}#loader{z-index:100;background:radial-gradient(120% 90% at 50% 30%,#1b2140 0%,#0c1022 70%);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:0}#loader-logo{color:#fff;letter-spacing:1px;text-shadow:0 4px #e0559a,0 8px 24px #0006;font-size:clamp(38px,11vw,76px);font-weight:900;animation:1.6s ease-in-out infinite loaderPulse}@keyframes loaderPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}#loader-track{background:#ffffff1f;border-radius:999px;width:min(70vw,300px);height:14px;overflow:hidden;box-shadow:inset 0 2px 6px #00000073}#loader-bar{background:linear-gradient(90deg,#8fd0ff,#4aa6ff);border-radius:999px;width:0%;height:100%;transition:width .2s;box-shadow:0 0 12px #4aa6ff99}#loader-hint{color:#ffffff8c;letter-spacing:.3px;font-size:14px;font-weight:700}#loader.done{opacity:0;pointer-events:none;transition:opacity .4s}.lobby-colors{justify-content:center;align-items:center;gap:8px;margin:2px 0 4px;display:flex}.lobby-colors-lbl{color:#fff9;margin-right:2px;font-size:12px;font-weight:700}.lobby-swatch{background:var(--sw);cursor:pointer;border:3px solid #ffffff4d;border-radius:50%;width:44px;height:44px;padding:0;transition:transform .1s,border-color .1s,box-shadow .1s}.lobby-swatch:hover{transform:scale(1.1)}.lobby-swatch.picked{box-shadow:0 0 12px var(--sw);border-color:#fff;transform:scale(1.12)}#menu-btn{top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:6;border:2px solid var(--ink);cursor:pointer;color:#fff;text-shadow:0 2px 3px #0006;background:linear-gradient(180deg, var(--panel-hi), var(--panel));width:44px;height:44px;box-shadow:inset 0 1px 0 var(--edge);border-radius:6px;font-size:22px;font-weight:900;transition:transform 80ms,background .15s;position:fixed}#menu-btn:hover{background:#10162ccc}#menu-btn:active{transform:scale(.92)}#abilities{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:6;gap:8px;display:flex;position:fixed;transform:translate(-50%)}#ability{cursor:pointer;background:#0e1226b8;border:3px solid #ffffff38;border-radius:15px;place-items:center;width:60px;height:60px;padding:0;transition:transform .12s,box-shadow .2s,border-color .2s,filter .2s;display:grid;position:relative}#ability:active{transform:scale(.92)}.ability-cube{width:42px;height:42px;image-rendering:pixelated;object-fit:contain}.ability-t{color:#fff;text-shadow:0 1px 3px #000;font-size:15px;font-weight:800;position:absolute;bottom:2px;right:5px}#ability.ready{border-color:var(--pc,#fff);box-shadow:0 0 16px 3px var(--pc,#fff);animation:1.1s ease-in-out infinite abilityPulse}@keyframes abilityPulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}#ability.mine{border-color:var(--pc);box-shadow:0 0 20px 4px var(--pc)}#ability.locked{filter:grayscale(.75)brightness(.65)}#chips{top:calc(env(safe-area-inset-top,0px) + 8px);pointer-events:none;z-index:5;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 6px;display:flex;position:fixed;left:0;right:0}.chip{background:linear-gradient(180deg, var(--panel-hi), var(--panel));border:2px solid var(--pc);color:#fff;min-height:26px;box-shadow:0 0 0 2px var(--ink), inset 0 1px 0 var(--edge);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:800;display:flex}.chip.dead{opacity:.45;filter:grayscale(.7)}.chip .dot{background:var(--pc);border-radius:50%;flex:none;width:10px;height:10px}.chip .cname{color:var(--pc);font-family:var(--pxfont);letter-spacing:.04em;font-weight:400}.chip .hearts{letter-spacing:-2px}.chip .wins{color:#ffd23f}#banner{text-align:center;width:100%;font-family:var(--pxfont);letter-spacing:.03em;color:#fff;pointer-events:none;opacity:0;z-index:6;padding:0 16px;font-size:22px;font-weight:400;position:fixed;top:24%}#banner.big{font-size:32px}.banner-in{border:3px solid var(--ink);max-width:min(92vw,720px);box-shadow:inset 0 2px 0 var(--edge), 0 4px 0 #00000059;text-shadow:0 2px #00000080;background:linear-gradient(#1c2342f0,#12172af0);border-radius:6px;padding:8px 16px;line-height:1.3;display:inline-block}#banner.pop{animation:1.2s ease-out bannerPop}@keyframes bannerPop{0%{opacity:0;transform:scale(.6)}12%{opacity:1;transform:scale(1.15)}22%{transform:scale(1)}80%{opacity:1}to{opacity:0}}#controls{bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:7;pointer-events:none;justify-content:space-between;padding:0 12px;display:flex;position:fixed;left:0;right:0}.pad{align-items:flex-end;gap:8px;display:flex}.ctl{pointer-events:auto;touch-action:none;color:#fff;-webkit-backdrop-filter:blur(2px);background:#1920378c;border:3px solid #ffffff80;border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;font-weight:900;display:flex}.ctl:active{background:#ffffff59;transform:scale(.94)}.ctl-big{width:66px;height:66px}.ctl-small{width:46px;height:46px;font-size:18px}#punchstick{pointer-events:auto;touch-action:none;background:#ff78962e;border:3px dashed #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;display:flex;position:relative}#punchstick.active{background:#ff789652;border-style:solid}#punchknob{will-change:transform;background:#ff7bace6;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}@media (hover:hover) and (pointer:fine){.ctl,#punchstick{opacity:.4}}#inv{top:calc(env(safe-area-inset-top,0px) + 44px);z-index:5;pointer-events:none;align-items:center;gap:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}#inv .pow{color:#ffe89a;letter-spacing:-1px;background:#141a2ecc;border:2px solid #ffd23f;border-radius:10px;padding:4px 9px;font-size:12px;font-weight:800}#inv .pow b{color:#fff;letter-spacing:0;margin-right:3px;font-size:14px}#inv .slot{background:#141a2ecc;border:2px solid #ffffff59;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex;position:relative}#inv .slot.empty{opacity:.32}#inv .slot .ct{color:#fff;text-align:center;background:#ff4d6d;border-radius:8px;min-width:16px;padding:0 3px;font-size:11px;font-weight:900;position:absolute;bottom:-6px;right:-4px}#inv .slot.empty .ct{background:#556}.menu-box.draft-box{max-width:min(94vw,700px)}.draft-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.draft-card{border:3px solid var(--ink);cursor:pointer;color:#fff;text-shadow:0 2px 3px #00000059;background:linear-gradient(180deg, var(--hi) 0%, var(--lo) 100%);width:min(28vw,172px);min-width:138px;box-shadow:0 6px 0 var(--lip), 0 12px 22px #00000061, inset 0 1px 0 #ffffff8c;border-radius:10px;flex-direction:column;align-items:center;gap:7px;padding:16px 12px 14px;font-family:inherit;transition:transform 90ms,filter .15s,box-shadow 90ms;animation:.3s cubic-bezier(.34,1.56,.64,1) backwards draft-pop;display:flex}.draft-card:nth-child(2){animation-delay:80ms}.draft-card:nth-child(3){animation-delay:.16s}@keyframes draft-pop{0%{opacity:0;transform:scale(.55)translateY(22px)}}.draft-card:hover{filter:brightness(1.08)saturate(1.06);transform:translateY(-4px)scale(1.03)}.draft-card:active{box-shadow:0 2px 0 var(--lip), 0 4px 10px #00000052, inset 0 1px 0 #ffffff73;transform:translateY(2px)}.draft-ico{background:#0c102052;border-radius:18px;place-items:center;width:100px;height:100px;display:grid;box-shadow:inset 0 2px 8px #00000059}.draft-ico img{width:88px;height:88px;image-rendering:pixelated;filter:drop-shadow(0 4px 6px #00000059)}.draft-name{letter-spacing:.5px;font-size:16px;font-weight:900}.draft-desc{opacity:.92;font-size:12px;font-weight:700;line-height:1.25}.map-box{padding-top:18px}.map-frame{border:3px solid #ffffff29;border-radius:18px;width:min(80vw,300px);position:relative;overflow:hidden;box-shadow:0 12px 34px #00000080}.map-art{object-fit:cover;object-position:top;width:100%;max-height:52vh;display:block}.map-fog{pointer-events:none;position:absolute;inset:0}.map-marker{pointer-events:none;border-top:2px dashed #ffffff8c;position:absolute;left:0;right:0}.map-marker span{color:#fff;letter-spacing:.5px;background:#101428bf;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:900;position:absolute;top:-9px;right:6px}.map-marker.unknown{opacity:.65;border-top-style:dotted}.map-marker.left span{left:6px;right:auto}.map-you{width:16px;height:16px;image-rendering:pixelated;filter:drop-shadow(0 0 4px #ff96c8e6);margin-top:-8px;position:absolute;left:8px}.chip-heart{vertical-align:-3px;gap:1px;display:inline-flex}.chip-heart img{width:14px;height:14px;image-rendering:pixelated}.chip-heart .hg{filter:grayscale()brightness(.45);opacity:.8}#depth{top:calc(env(safe-area-inset-top,0px) + 8px);font-family:var(--pxfont);text-transform:uppercase;letter-spacing:.04em;color:#fff;text-shadow:0 2px #00000080;background:linear-gradient(180deg, var(--panel-hi), var(--panel));border:2px solid var(--ink);box-shadow:inset 0 1px 0 var(--edge);z-index:5;pointer-events:none;border-radius:6px;padding:6px 16px;font-size:18px;font-weight:400;position:fixed;left:50%;transform:translate(-50%)}#depth .tries{letter-spacing:.06em;color:var(--good,#8fe388);margin-top:3px;font-size:11px;display:block}#depth .tries.last{color:#ff6b6b}#buffs{top:calc(env(safe-area-inset-top,0px) + 62px);z-index:5;pointer-events:none;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.buffchip{background:linear-gradient(180deg, var(--panel-hi), var(--panel));border:2px solid var(--ink);box-shadow:inset 0 1px 0 var(--edge);color:#fff;text-shadow:0 1px #0006;border-radius:4px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:13px;font-weight:900;display:inline-flex}.buffchip img{width:26px;height:26px;image-rendering:pixelated}.overlay{-webkit-backdrop-filter:blur(6px);z-index:10;text-align:center;background:#10162c8c;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}.overlay--title{-webkit-backdrop-filter:none;background-color:#0c1022;background-position:50%;background-repeat:no-repeat;background-size:cover}.reel{flex-direction:column;align-items:center;gap:9px;display:flex}.reel-label{text-align:center;line-height:1.15}.reel-label b{letter-spacing:.06em;color:#ffd23f;text-shadow:0 2px 10px #0000008c;font-size:clamp(15px,3.6vw,23px);display:block}.reel-label span{color:#ffffffb8;font-size:clamp(11px,2.4vw,13px)}.title-reel{aspect-ratio:16/9;object-fit:cover;background:#0e122699;border:3px solid #ffffff2e;border-radius:20px;width:min(92vw,480px);max-height:30vh;box-shadow:0 14px 40px #00000073}.reel-dots{gap:7px;display:flex}.reel-dot{cursor:pointer;background:0 0;border:none;border-radius:50%;width:24px;height:24px;padding:0;position:relative}.reel-dot:after{content:"";width:9px;height:9px;transition:background var(--dur-fast), transform var(--dur-fast);background:#ffffff47;border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute;inset:50%}.reel-dot.on:after{background:#ffd23f;transform:scale(1.3)}.menu-box{align-items:center;gap:var(--s3);padding:var(--s5) 28px var(--s5);-webkit-backdrop-filter:blur(8px);border:3px solid var(--ink);box-shadow:inset 0 2px 0 var(--edge), 0 18px 50px #00000080;max-width:min(92vw,480px);animation:menu-in var(--dur-screen) var(--ease-pop) backwards;background:linear-gradient(#1c2342e0,#0e1226e0);border-radius:12px;flex-direction:column;display:flex}@keyframes menu-in{0%{opacity:0;transform:scale(.96)translateY(8px)}}@keyframes menu-row-in{0%{opacity:0;transform:translateY(10px)}}.menu-box>*{animation:menu-row-in var(--dur-screen) var(--ease-out) backwards}.menu-box>:first-child{animation-delay:30ms}.menu-box>:nth-child(2){animation-delay:60ms}.menu-box>:nth-child(3){animation-delay:90ms}.menu-box>:nth-child(4){animation-delay:.12s}.menu-box>:nth-child(5){animation-delay:.15s}.menu-box>:nth-child(6){animation-delay:.18s}.menu-box>:nth-child(7){animation-delay:.21s}.menu-box>:nth-child(8){animation-delay:.24s}.menu-box>:nth-child(9){animation-delay:.26s}.menu-box>:nth-child(n+10){animation-delay:.28s}.overlay h1{font-family:var(--pxfont);color:#fff;text-shadow:0 4px #e0559a,0 8px 24px #00000059;letter-spacing:.04em;margin:0;font-size:clamp(32px,8.5vw,60px);font-weight:400}.overlay .sub{color:#fffffff2;max-width:420px;margin:0;font-size:17px;font-weight:700}.overlay .sub.small{opacity:.85;font-size:14px}.bigbtn{isolation:isolate;font-family:var(--pxfont);font-size:var(--t-button);letter-spacing:.05em;text-transform:uppercase;border:3px solid var(--ink);cursor:pointer;color:#fff;text-shadow:0 2px #00000059;background:linear-gradient(180deg, var(--hi) 0%, var(--lo) 100%);width:min(78vw,320px);min-height:55px;box-shadow:0 5px 0 var(--lip), 0 10px 20px #00000061, inset 0 2px 0 #ffffff59;border-radius:10px;padding:14px 28px;font-weight:400;transition:transform 60ms,box-shadow 60ms,filter .15s;position:relative}.bigbtn:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#ffffff38,#fff0);border-radius:6px;position:absolute;inset:3px 4px 68%}.bigbtn:hover{filter:brightness(1.07)saturate(1.05)}.bigbtn:active{box-shadow:0 1px 0 var(--lip), 0 3px 8px #00000052, inset 0 2px 0 #ffffff47;transform:translateY(4px)}.bigbtn:focus-visible,.textbtn:focus-visible,.spell-tab:focus-visible,.mp-card:focus-visible,.mp-size-opt:focus-visible,.reel-dot:focus-visible,.lobby-swatch:focus-visible,.togglerow:focus-visible{outline-offset:2px;outline:2px solid #ffe23a}.bigbtn.btn-sec{--hi:#263050;--lo:#161c34;--lip:#05070f;border-color:var(--ink);color:#eef1fa}.bigbtn.btn-sec:after{content:"";background:var(--acc,#4aa6ff);width:5px;box-shadow:0 0 8px color-mix(in srgb, var(--acc,#4aa6ff) 55%, transparent);pointer-events:none;border-radius:3px;position:absolute;top:8px;bottom:8px;left:6px}.bigbtn.btn-sec:hover{filter:brightness(1.12)}.textbtn.btn-danger{color:#ff8d80}.textbtn.btn-danger:hover{color:#ffb0a6}.btn-pink{--hi:#ff9bc4;--lo:#ff5f9e;--lip:#b93064}.btn-blue{--hi:#8fd0ff;--lo:#4aa6ff;--lip:#205fa6}.btn-purple{--hi:#cfa4ff;--lo:#a45cff;--lip:#6a2fa8}.btn-yellow{--hi:#ffe89a;--lo:#ffc93a;--lip:#a87a10}.btn-lab{--hi:#8ff0e2;--lo:#22b8a2;--lip:#147264}.btn-book{--hi:#c9a6ff;--lo:#7b4fd0;--lip:#4b2c88}.btn-gold{--hi:#ffe23a;--lo:#e0a41f;--lip:#8f6410}.btn-meltdown{--hi:#ffb14a;--lo:#e0341c;--lip:#8e1c0c}.menu-box.champ-box{max-width:min(94vw,760px)}.champ-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.champ-card{aspect-ratio:1;cursor:pointer;color:#fff;text-shadow:0 2px 3px #0000008c;background:linear-gradient(180deg, var(--hi) 0%, var(--lo) 100%);width:min(23vw,156px);min-width:120px;box-shadow:0 6px 0 var(--lip), 0 12px 22px #00000061, inset 0 1px 0 #ffffff8c;border:3px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 8px 12px;font-family:inherit;transition:transform .12s,filter .15s,box-shadow .12s;animation:.3s cubic-bezier(.34,1.56,.64,1) backwards draft-pop;display:flex}.champ-card:nth-child(2){animation-delay:70ms}.champ-card:nth-child(3){animation-delay:.14s}.champ-card:nth-child(4){animation-delay:.21s}.champ-card:hover{filter:brightness(1.1)saturate(1.08);transform:translateY(-6px)scale(1.05)}.champ-row--solo .champ-card{width:min(52vw,240px);min-width:180px}.champ-row--solo .champ-img{width:220px;height:220px;margin:-20px -24px -12px}.champ-card.selected{border-color:#ffe23a;box-shadow:0 0 24px #ffe23a99,0 12px 22px #00000061}.champ-img{width:150px;height:150px;image-rendering:pixelated;filter:drop-shadow(0 6px 8px #00000059);margin:-14px -18px -8px}.champ-name{letter-spacing:.6px;font-size:17px;font-weight:900}.hint{color:#ffffffd9;margin:0;font-size:13px;font-weight:700}#lobby-code{letter-spacing:8px;color:#ffe23a;text-shadow:0 3px #0000004d;min-height:8px;font-size:44px;font-weight:900}.joinrow{align-items:center;gap:8px;display:flex}#join-code{text-align:center;letter-spacing:6px;text-transform:uppercase;color:#fff;background:#141a2eb3;border:3px solid #ffffff80;border-radius:14px;width:120px;padding:12px 8px;font-family:inherit;font-size:24px;font-weight:900}.textbtn{color:#ffffffb8;cursor:pointer;min-height:44px;padding:var(--s2) var(--s4);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:9px;margin-top:0;font-family:inherit;font-size:16px;font-weight:700}.textbtn:hover{color:#fff;background:#ffffff12}.textbtn:active{transform:translateY(2px)}.book-overlay{background:#0e1328bd}.book{background:linear-gradient(#6f4726 0%,#4d3016 100%);border:3px solid #2c1a0a;border-radius:18px;flex-direction:column;width:min(94vw,720px);max-height:88vh;padding:14px;animation:.28s cubic-bezier(.34,1.56,.64,1) book-in;display:flex;box-shadow:0 26px 64px #0009,inset 0 0 0 3px #ffc8821f}@keyframes book-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.book-head{text-align:center;color:#ffe9c2;padding:4px 44px 12px;position:relative}.book-title{color:#ffd23f;letter-spacing:1px;text-shadow:0 3px #7a4a12,0 6px 14px #00000080;margin:0;font-size:clamp(23px,6vw,38px)}.book-sub{color:#f0d6a8;opacity:.9;margin:3px 0 0;font-size:13px;font-weight:700}.book-count{color:#fff;margin-top:7px;font-size:15px;font-weight:900}.book-count b{color:#6be675}.book-close{cursor:pointer;color:#ffe9c2;background:#00000052;border:none;border-radius:50%;width:38px;height:38px;font-family:inherit;font-size:19px;font-weight:900;position:absolute;top:0;right:0}.book-close:hover{background:#00000080}.book-pages{background:radial-gradient(125% 100% at 50% 0,#fbeecb 0%,#f0dcb0 68%,#e6cf9c 100%);border-radius:10px;padding:16px;position:relative;overflow-y:auto;box-shadow:inset 0 2px 12px #5a3c1459,inset 0 0 0 2px #78552840}.book-pages:before{content:"";pointer-events:none;background:linear-gradient(90deg,#78552800 0%,#78552833 50%,#78552800 100%);width:16px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.bomb-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=560px){.bomb-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=380px){.bomb-grid{grid-template-columns:repeat(2,1fr)}}.bomb-slot{aspect-ratio:1;background:linear-gradient(#fffaf0,#f3e5c6);border:3px solid #c9a86a;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;padding:8px 4px;display:flex;position:relative;box-shadow:inset 0 1px #ffffffb3,0 3px #a0783c4d}.bomb-slot.got{animation:.3s cubic-bezier(.34,1.56,.64,1) backwards draft-pop}.bomb-img{aspect-ratio:1;object-fit:contain;width:64%;max-width:78px;image-rendering:pixelated;filter:drop-shadow(0 3px 4px #0000004d)}.bomb-img.sil{filter:brightness(0)opacity(.8)}.bomb-name{letter-spacing:.4px;color:#5a3b16;font-size:12px;font-weight:900}.bomb-slot.locked{background:linear-gradient(#ece0c8,#dbc8a0)}.bomb-slot.locked .bomb-name{color:#9a7b46}.bomb-lock{opacity:.5;font-size:12px;position:absolute;top:5px;right:7px}.bomb-slot.r-rare{border-color:#6fb0ff}.bomb-slot.r-epic{border-color:#c078ff}.bomb-slot.r-legend{border-color:#ffcf3a;box-shadow:inset 0 1px #ffffffb3,0 0 15px #ffcf3a8c}.rarity-tag{letter-spacing:.5px;color:#fff;background:#b59b6a;border-radius:6px;padding:1px 5px;font-size:9px;font-weight:900;position:absolute;top:5px;left:7px}.bomb-slot.r-rare .rarity-tag{background:#3d86e0}.bomb-slot.r-epic .rarity-tag{background:#9a4fe0}.bomb-slot.r-legend .rarity-tag{background:#e0a81f}#cj-code{text-align:center;letter-spacing:8px;text-transform:uppercase;color:#fff;background:#141a2eb3;border:3px solid #ffffff80;border-radius:14px;width:132px;padding:14px 8px;font-family:inherit;font-size:26px;font-weight:900}.joinrow{flex-wrap:wrap;justify-content:center}.joinrow .bigbtn{width:auto;min-width:116px;padding:14px 24px}.board-lobby .party-code{letter-spacing:.12em;color:#ffe23a;text-shadow:0 5px #00000059,0 0 34px #ffd23c80;margin:6px 0 2px;font-size:clamp(56px,16vw,128px);font-weight:900;line-height:1}.party-players{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:40px;display:flex}.pp-empty{color:#ffffffa6;font-weight:700}.pp-chip{letter-spacing:.04em;color:#fff;border:2px solid color-mix(in srgb, var(--pc) 70%, transparent);background:#00000052;border-radius:999px;align-items:center;gap:7px;padding:7px 14px 7px 10px;font-size:15px;font-weight:900;display:inline-flex}.pp-dot{background:var(--pc);width:15px;height:15px;box-shadow:0 0 12px var(--pc), inset 0 -3px 0 #00000047;border-radius:50%}.controller{z-index:60;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:calc(env(safe-area-inset-top,0px) + 6px) calc(env(safe-area-inset-right,0px) + 10px) calc(env(safe-area-inset-bottom,0px) + 14px) calc(env(safe-area-inset-left,0px) + 10px);color:#fff;background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--pc) 34%, #10142c) 0%, #0b0e20 70%), #0b0e20;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.controller *{touch-action:none}.ctl-top{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:2px 6px;display:flex}.ctl-who{letter-spacing:.03em;text-shadow:0 2px #0006;align-items:center;gap:9px;font-size:clamp(13px,3.6vw,18px);font-weight:900;display:flex}.ctl-blob{background:radial-gradient(circle at 35% 30%, var(--pl), var(--pc) 60%, var(--pd));width:20px;height:20px;box-shadow:0 0 14px var(--pc), inset 0 -3px 0 #0000004d;border-radius:50%}.ctl-status{color:#ffffffbf;text-align:right;font-size:clamp(11px,3vw,15px);font-weight:800}.ctl-pads{z-index:1;flex:auto;justify-content:space-between;align-items:flex-end;gap:12px;min-height:0;display:flex}.ctl-brand{text-align:center;pointer-events:none;z-index:0;position:absolute;top:44%;left:0;right:0;transform:translateY(-50%)}.ctl-brand-blob{aspect-ratio:1;background:radial-gradient(circle at 38% 32%, var(--pl), var(--pc) 58%, var(--pd));width:min(44vw,180px);box-shadow:0 0 60px color-mix(in srgb, var(--pc) 55%, transparent), inset 0 -10px 0 #00000038;opacity:.42;border-radius:50%;margin:0 auto 12px}.ctl-brand-hint{letter-spacing:.2em;color:#fff6;font-size:clamp(12px,3.4vw,17px);font-weight:900}.ctl-dpad{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:6px;width:min(42vw,244px);display:grid}.dbtn{color:#ffffffeb;background:linear-gradient(#2b3358 0%,#1a2040 100%);border:none;border-radius:16px;justify-content:center;align-items:center;font-family:inherit;font-size:clamp(18px,5vw,30px);font-weight:900;transition:transform 40ms,box-shadow 40ms,background 60ms;display:flex;box-shadow:0 5px #0d1128,inset 0 2px #ffffff1f}.dbtn.up{grid-area:1/2/2/3}.dbtn.left{grid-area:2/1/3/2}.dbtn.right{grid-area:2/3/3/4}.dbtn.down{grid-area:3/2/4/3}.dpad-hub{background:radial-gradient(circle at 50% 40%,#ffffff24,#ffffff08);border-radius:12px;grid-area:2/2/3/3}.dbtn.down{background:linear-gradient(180deg, color-mix(in srgb, var(--pc) 55%, #2b3358) 0%, color-mix(in srgb, var(--pc) 30%, #1a2040) 100%)}.dbtn.down:after{content:"dig ↓";opacity:0;font-size:9px;position:absolute}.dbtn.down{position:relative}.ctl-actions{aspect-ratio:3/2;grid-template-rows:.8fr 1fr;grid-template-columns:repeat(3,1fr);place-items:center;gap:8px;width:min(52vw,300px);display:grid}.abtn{color:#fff;letter-spacing:.02em;aspect-ratio:1;text-align:center;background:linear-gradient(#3a4372 0%,#232a4e 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:88px;font-family:inherit;font-size:clamp(11px,2.9vw,15px);font-weight:900;transition:transform 40ms,box-shadow 40ms,filter 60ms;display:flex;box-shadow:0 6px #0d1128,inset 0 3px #ffffff24}.abtn.ability{grid-area:1/2/2/3;max-width:66px;font-size:clamp(9px,2.4vw,13px)}.abtn.jump{grid-area:2/1/3/2}.abtn.bomb{grid-area:2/3/3/4}.abtn.dig{z-index:1;background:linear-gradient(180deg, var(--pl) 0%, var(--pc) 55%, var(--psh) 100%);max-width:116px;box-shadow:0 7px 0 var(--pd), inset 0 3px 0 #ffffff59;color:#16182e;text-shadow:0 1px #ffffff59;grid-area:2/2/3/3;font-size:clamp(14px,4vw,22px);transform:scale(1.28)}.abtn.jump{background:linear-gradient(#7fe0b0 0%,#33b784 100%);box-shadow:0 6px #14603f,inset 0 3px #ffffff40}.abtn.bomb{background:linear-gradient(#ff9a6a 0%,#f0662f 100%);box-shadow:0 6px #8e3510,inset 0 3px #ffffff38}.dbtn.down,.abtn.down{filter:brightness(1.18)saturate(1.1);transform:translateY(4px)}.dbtn.down{box-shadow:0 1px #0d1128,inset 0 2px 6px #0006}.abtn.down{box-shadow:0 2px #0d1128,inset 0 3px 8px #00000059}.ctl-flash{text-align:center;letter-spacing:.02em;color:var(--pl);text-shadow:0 4px 0 #0006, 0 0 30px var(--pc);pointer-events:none;opacity:0;z-index:3;font-size:clamp(30px,12vw,72px);font-weight:900;position:absolute;top:32%;left:0;right:0;transform:scale(.6)}.ctl-flash.show{animation:.5s ease-out forwards ctlflash}@keyframes ctlflash{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(1.08)}80%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(1)}}@media (orientation:landscape) and (height<=560px){.ctl-dpad{width:min(34vw,220px)}.ctl-actions{width:min(36vw,232px)}.ctl-flash{top:24%}}.menu-box.lab-builder{flex-direction:column;gap:8px;max-width:min(94vw,470px);max-height:88vh;display:flex}.lab-presets{flex:none;justify-content:center;gap:6px;display:flex}.lab-presets button{color:#fff;cursor:pointer;background:#141a2e99;border:2px solid #ffffff38;border-radius:999px;padding:6px 13px;font-family:inherit;font-size:12px;font-weight:800}.lab-presets button:hover{border-color:#ffffff8c}.lab-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:5px;min-height:0;padding:2px 4px;display:flex;overflow-y:auto}.lab-sec{letter-spacing:.14em;color:#ffd23f;text-align:left;text-transform:uppercase;margin-top:9px;font-size:12px;font-weight:900}.lab-sec-toggle{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:0;font-family:inherit;display:flex}.lab-sec-toggle .lab-caret{color:#8ff0e2;margin-left:auto;font-size:14px}.lab-tune-bandhd{color:#fff9;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:11px;font-weight:800;display:flex}.lab-tune-bandhd button{color:#8ff0e2;cursor:pointer;background:#8ff0e21f;border:1.5px solid #8ff0e266;border-radius:8px;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:800}.lab-tune-band{color:#ffffffa6;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.lab-tune-band input{text-align:center;color:#fff;background:#ffffff14;border:1.5px solid #ffffff2e;border-radius:7px;width:46px;padding:3px 2px;font-family:inherit;font-size:12px;font-weight:800}.lab-tune-band .b-freq{width:38px}.lab-tune-band .b-del{color:#ff7b6a;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-weight:900}.lab-sec span{letter-spacing:0;color:#ffffff80;text-transform:none;font-weight:700}.lab-chips{flex-direction:column;gap:5px;display:flex}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:7px;display:grid}.lab-tile{aspect-ratio:1;cursor:pointer;filter:grayscale(.65)brightness(.62);opacity:.75;background:#0c101e80;border:2px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:5px;transition:border-color .1s,box-shadow .1s,filter .1s,transform 60ms;display:flex;position:relative}.lab-tile img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.lab-tile:hover{border-color:#ffffff59;transform:translateY(-2px)}.lab-tile.on{border-color:var(--cc,#8ff0e2);background:color-mix(in srgb, var(--cc,#8ff0e2) 14%, #0c101eb3);filter:none;opacity:1;box-shadow:0 0 12px color-mix(in srgb, var(--cc,#8ff0e2) 45%, transparent)}.lab-tile.on:after{content:"✓";background:var(--cc,#22b8a2);color:#10142a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 3px #00000073}.lab-tip{text-align:center;border:1px solid var(--cc,#ffffff4d);z-index:40;pointer-events:none;background:#080a16f7;border-radius:9px;flex-direction:column;gap:2px;width:max-content;max-width:190px;padding:7px 10px;display:none;position:fixed;box-shadow:0 6px 18px #00000080}.lab-tip b{letter-spacing:.03em;color:var(--cc,#fff);font-size:12px;font-weight:900}.lab-tip span{color:#ffffffd1;font-size:11px;line-height:1.25}.lab-chip{text-align:left;cursor:pointer;color:#ffffff8c;background:#10142680;border:2px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;transition:border-color .1s,background .1s,color .1s;display:flex}.lab-chip.on{border-color:var(--cc,#8ff0e2);background:color-mix(in srgb, var(--cc,#8ff0e2) 16%, #101426b8);color:#fff}.lab-sw{background:#ffffff26;border-radius:999px;flex:none;width:34px;height:20px;transition:background .1s;position:relative}.lab-sw:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px}.lab-chip.on .lab-sw{background:var(--cc,#22b8a2)}.lab-chip.on .lab-sw:after{transform:translate(14px)}.lab-chip-txt{flex-direction:column;line-height:1.15;display:flex}.lab-chip-txt b{font-size:14px;font-weight:900}.lab-chip-txt small{color:#ffffff80;font-size:11px}.lab-chip.on .lab-chip-txt small{color:#ffffffb8}.lab-seedrow{margin-top:6px}.lab-seedrow #lab-seed{text-align:center;letter-spacing:2px;color:#fff;background:#141a2eb3;border:3px solid #fff6;border-radius:12px;flex:1;min-width:0;padding:12px 8px;font-family:inherit;font-size:18px;font-weight:800}.lab-seedrow #lab-reseed{width:auto;min-width:0;padding:12px 16px}.lab-eventrow{margin-top:6px}.lab-evt{color:#ffd23f;flex:1;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.mp-modes{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.mp-card{border:2.5px solid color-mix(in srgb, var(--cc) 55%, transparent);background:color-mix(in srgb, var(--cc) 12%, #0a0c18d9);color:#fff;cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;font-family:inherit;transition:transform 80ms,box-shadow .1s,border-color .1s;display:flex}.mp-card:hover{transform:translateY(-2px)}.mp-card.sel{border-color:var(--cc)}.mp-card.queued{box-shadow:0 0 16px var(--cc);border-color:#fff}.mp-card.queued:after{content:"IN QUEUE — tap to cancel";letter-spacing:.08em;color:var(--cc);font-size:9px;font-weight:900}.mp-card b{font-size:15px;font-weight:900}.mp-card small{color:#ffffffb3;font-size:10.5px;font-weight:600}.mp-card .mp-q{font-size:var(--t-caption);color:#ffffff8c;font-weight:800}.mp-card .mp-q.hot{color:var(--cc,#7bffb0);filter:brightness(1.35)}.mp-card .mp-q.hot:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:5px;animation:1.4s ease-in-out infinite qpulse;display:inline-block}@keyframes qpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.mp-size{flex-direction:column;gap:5px;width:100%;margin-top:8px;display:flex}.mp-size-lbl{letter-spacing:.1em;color:#ffffff8c;text-align:center;font-size:10px;font-weight:900}.mp-size-opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mp-size-opt{color:#fff9;cursor:pointer;background:#0a0c1899;border:2.5px solid #ffffff24;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;font-family:inherit;transition:border-color .1s,background .1s,color .1s;display:flex}.mp-size-opt b{font-size:13px;font-weight:900}.mp-size-opt small{color:#ffffff73;font-size:9.5px;font-weight:600}.mp-size-opt.on{color:#fff;background:#ffd23f29;border-color:#ffd23f;box-shadow:0 0 12px #ffd23f59}.mp-size-opt.on small{color:#ffffffd9}.lab-evt-btn{cursor:pointer;background:#ffffff0f;border:2px solid #ffd23f59;border-radius:12px;flex-wrap:wrap;padding:8px 12px;font-family:inherit}.lab-evt-btn b{color:#8ff0e2}.lab-evt-btn small{color:#ffffff8c;text-align:left;flex-basis:100%;font-size:11px;font-weight:600}.lab-evt input{text-align:center;letter-spacing:1px;color:#fff;background:#141a2eb3;border:3px solid #ffd23f66;border-radius:12px;width:84px;padding:10px 6px;font-family:inherit;font-size:17px;font-weight:800}.lab-tune-btn{color:#ffffffe6;cursor:pointer;z-index:3;pointer-events:auto;background:#080a16eb;border:1.5px solid #ffffff59;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;line-height:1;transition:transform 80ms,border-color .1s,background .1s;display:none}.lab-tile .lab-tune-btn{position:absolute;top:-6px;left:-6px}.lab-chip .lab-tune-btn{margin-left:auto}.lab-tile.on .lab-tune-btn,.lab-chip.on .lab-tune-btn{display:flex}.lab-tune-btn:hover{border-color:var(--cc,#8ff0e2);transform:rotate(35deg)}.lab-tile.tuned .lab-tune-btn,.lab-chip.tuned .lab-tune-btn{background:var(--cc,#22b8a2);color:#10142a;border-color:#fff}.lab-tune{z-index:50;color:#fff;background:#080a16fa;border:1px solid #8cf0e266;border-radius:12px;flex-direction:column;gap:9px;width:228px;padding:12px 13px 13px;position:fixed;box-shadow:0 8px 24px #0009}.lab-tune-hd{justify-content:space-between;align-items:center;display:flex}.lab-tune-name{letter-spacing:.04em;color:#8ff0e2;font-size:13px;font-weight:900}.lab-tune-x{color:#fff9;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:15px}.lab-tune-row{color:#ffffffe6;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.lab-tune-start,.lab-tune-stop{text-align:center;color:#fff;background:#141a2ecc;border:2px solid #ffffff38;border-radius:8px;width:56px;margin-left:auto;padding:5px 4px;font-family:inherit;font-size:15px;font-weight:800}.lab-tune-u{color:#ffffff8c;flex:none;font-size:12px}.lab-tune-stopwrap{align-items:center;gap:6px;display:flex}.lab-tune-stopwrap input{accent-color:#8ff0e2;width:15px;height:15px}.lab-tune-freqrow{justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.lab-tune-modes{gap:4px;display:flex}.lab-tune-mode{color:#ffffffb3;cursor:pointer;background:#141a2eb3;border:1.5px solid #fff3;border-radius:7px;padding:4px 7px;font-family:inherit;font-size:11px;font-weight:800}.lab-tune-mode.on{color:#fff;background:#375762c4;border-color:#8ff0e2}.lab-tune-set{align-items:center;gap:9px;display:flex}.lab-tune-set input[type=range]{accent-color:#8ff0e2;flex:1}.lab-tune-slv{color:#8ff0e2;text-align:right;min-width:44px;font-size:13px;font-weight:800}.uiico{width:auto;height:1.1em;image-rendering:pixelated;vertical-align:-.18em;display:inline-block}.uimono{vertical-align:-.3em;border:2px solid var(--mc,#8ff0e2);background:color-mix(in srgb, var(--mc,#8ff0e2) 24%, var(--panel));width:1.35em;height:1.35em;color:var(--mc,#8ff0e2);font-family:var(--pxfont);letter-spacing:0;text-shadow:none;border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:.58em;font-weight:400;line-height:1;display:inline-flex}.uiico.hico{vertical-align:-.14em;height:1.15em}.uiico.chipico{vertical-align:-.3em;height:1.25em}#banner .uiico{height:1.05em}#menu-btn .uiico{vertical-align:-.32em;height:1.3em}.meltdown-over .md-score{flex-direction:column;align-items:center;gap:2px;margin:8px 0 4px;display:flex}.md-score-label{letter-spacing:.28em;color:#ffca4a;text-transform:uppercase;font-size:13px;font-weight:900}.md-score-val{color:#ffd23f;text-shadow:0 4px #00000052,0 0 34px #ff8a1a8c;font-variant-numeric:tabular-nums;font-size:clamp(46px,13vw,84px);font-weight:900;line-height:1}.bench-ov,.pick-ov{--r-common:#9aa6b8;--r-rare:#4aa6ff;--r-epic:#ffd23f}.bench-ov{background:#080812f5;flex-direction:column;justify-content:flex-start;align-items:stretch}.bench-hd{z-index:2;background:#0e0c1eeb;border-bottom:2px solid #ffd23f40;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.bench-hd>b{font-family:var(--pxfont);letter-spacing:.06em;color:#ffd23f;font-size:clamp(16px,4.4vw,21px);font-weight:400}.bench-bal{color:#8ff0e2;white-space:nowrap;margin-left:auto;font-size:clamp(14px,4vw,18px);font-weight:900}.bench-pick{letter-spacing:.04em;color:#8ff0e2;cursor:pointer;white-space:nowrap;background:linear-gradient(#1c3e42f2,#0e2228f2);border:2px solid #8ff0e299;border-radius:12px;padding:9px 13px;font-family:inherit;font-size:clamp(11px,3.2vw,14px);font-weight:900}.bench-pick:active{transform:scale(.96)}.bench-pick-price{color:#fff}.bench-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:2px 8px;font-family:inherit;font-size:22px}.bench-scroll{box-sizing:border-box;flex:1;width:100%;max-width:900px;margin:0 auto;padding:14px clamp(10px,3vw,26px) 40px;overflow-y:auto}.bench-sec-label{font-family:var(--pxfont);letter-spacing:.1em;color:#ffffffd9;align-items:center;gap:7px;margin:18px 2px 8px;font-size:clamp(12px,3.4vw,15px);font-weight:400;display:flex}.bench-sec-label span{color:#ffffff6b;letter-spacing:.04em;font-size:.82em;font-weight:800}.bench-rar-epic{color:var(--r-epic);background:linear-gradient(90deg, color-mix(in srgb, var(--r-epic) 22%, transparent), transparent 72%);border-radius:10px;padding:5px 10px}.bench-rar-rare{color:var(--r-rare);background:linear-gradient(90deg, color-mix(in srgb, var(--r-rare) 20%, transparent), transparent 72%);border-radius:10px;padding:5px 10px}.bench-rar-common{color:var(--r-common);background:linear-gradient(90deg, color-mix(in srgb, var(--r-common) 16%, transparent), transparent 72%);border-radius:10px;padding:5px 10px}.bench-slots{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;display:grid}.bench-slot{letter-spacing:.04em;text-align:center;color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:128px;padding:10px 6px;font-family:inherit;font-size:11px;font-weight:900;display:flex;position:relative}.bench-slot img{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;pointer-events:none}.bench-slot.filled{cursor:pointer;border:3px solid var(--r-common);box-shadow:0 0 12px color-mix(in srgb, var(--r-common) 40%, transparent);background:linear-gradient(#2a2842f2,#171528f2)}.bench-slot.filled.rare{border-color:var(--r-rare);box-shadow:0 0 14px color-mix(in srgb, var(--r-rare) 45%, transparent)}.bench-slot.filled.epic{border-color:var(--r-epic);box-shadow:0 0 16px color-mix(in srgb, var(--r-epic) 50%, transparent)}.bench-slot.filled:active{transform:scale(.96)}.bench-slot.bench-pop{animation:.42s cubic-bezier(.2,1.6,.4,1) benchPop}@keyframes benchPop{0%{filter:brightness(2.2);transform:scale(.55)}60%{transform:scale(1.1)}to{filter:brightness();transform:scale(1)}}.bench-slot-off{color:#ffffff73;letter-spacing:.08em;font-size:8px}.bench-slot.empty{color:#ffffff8c;background:#ffffff08;border:3px dashed #ffffff47}.bench-slot-plus{color:#ffffff59;font-size:30px;line-height:1}.bench-slot-hint{color:#ffffff59;letter-spacing:.06em;font-size:8px;font-weight:800}.bench-slot.locked{color:#ffffff80;background:#00000073;border:3px solid #ffffff1f;font-size:10px}.bench-slot.locked .uiico{opacity:.6;width:20px;height:20px}.bench-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px;display:grid}.bench-card{text-align:center;cursor:pointer;border:2.5px solid var(--r-common);color:#fff;background:linear-gradient(#26243cf2,#151324f2);border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-height:128px;padding:12px 8px 10px;font-family:inherit;display:flex;position:relative}.bench-card.rare{border-color:var(--r-rare)}.bench-card.epic{border-color:var(--r-epic);background:linear-gradient(#382c16f2,#1c160cf2)}.bench-card.epic.owned{animation:2.6s ease-in-out infinite epicBreathe}@keyframes epicBreathe{0%,to{box-shadow:0 0 8px #ffd23f59}50%{box-shadow:0 0 20px #ffd23fbf}}.bench-card.epic:before{content:"✦";color:var(--r-epic);pointer-events:none;font-size:11px;animation:1.7s ease-in-out infinite twinkle;position:absolute;top:4px;left:8px}.bench-card.epic:after{content:"✦";color:var(--r-epic);pointer-events:none;font-size:9px;animation:1.7s ease-in-out .85s infinite twinkle;position:absolute;bottom:6px;right:8px}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.bench-card-art{place-items:center;width:52px;height:52px;display:grid}.bench-card-art img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.bench-card>b{letter-spacing:.04em;font-size:11.5px;font-weight:900;line-height:1.15}.bench-card-desc{color:#ffffffb8;font-size:9.5px;font-weight:700;line-height:1.3}.bench-card-tier{letter-spacing:2px;color:#fff6;font-size:7px}.bench-card.owned:active{transform:scale(.95)}.bench-card.mystery{filter:saturate(.25);border-color:color-mix(in srgb, var(--r-common) 40%, transparent);color:#ffffff80;background:#0a0a14d9}.bench-card.mystery.rare{border-color:color-mix(in srgb, var(--r-rare) 45%, transparent)}.bench-card.mystery.epic{border-color:color-mix(in srgb, var(--r-epic) 50%, transparent);filter:saturate(.45)}.bench-card.mystery .bench-card-art img{filter:brightness(0)opacity(.75)}.bench-card.mystery .bench-card-desc{color:#ffffff52}.bench-card.on{box-shadow:0 0 0 3px #7be04a8c,0 0 14px #7be04a59}.bench-on{color:#123008;letter-spacing:.08em;background:#7be04a;border-radius:8px;padding:3px 8px;font-size:9px;font-weight:900;position:absolute;top:-8px;right:-6px;box-shadow:0 2px #00000059}.bench-shake{animation:.32s ease-in-out benchShake}@keyframes benchShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.level-title{z-index:58;pointer-events:none;background:radial-gradient(#0608128c,#06081226);flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:2.4s ease-in-out forwards levelTitle;display:flex;position:fixed;inset:0}.level-title b{font-family:var(--displayfont);letter-spacing:.06em;color:#fff;text-shadow:0 5px #0000008c,0 10px 40px #00000080;font-size:clamp(44px,12vw,92px);font-weight:400}.level-title span{font-family:var(--pxfont);letter-spacing:.34em;text-indent:.34em;color:#ffffffd1;text-shadow:0 2px #00000080;font-size:clamp(14px,3.6vw,22px);font-weight:800}@keyframes levelTitle{0%{opacity:0;transform:scale(1.04)}14%{opacity:1;transform:scale(1)}78%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.level-title{animation:2.4s ease-in-out forwards levelTitleFade}@keyframes levelTitleFade{0%{opacity:0}14%,78%{opacity:1}to{opacity:0}}}.pick-ov{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06060ee6;overflow:hidden}.pick-ov:before,.pick-ov:after{content:"";pointer-events:none;z-index:0;opacity:.7;background-image:radial-gradient(2px 2px at 12% 18%,#ffebaacc,#0000 60%),radial-gradient(2px 2px at 34% 62%,#ffffff8c,#0000 60%),radial-gradient(3px 3px at 58% 30%,#ffd23f99,#0000 60%),radial-gradient(2px 2px at 76% 74%,#ffffff73,#0000 60%),radial-gradient(2px 2px at 90% 42%,#ffd678a6,#0000 60%),radial-gradient(2px 2px at 22% 88%,#fff6,#0000 60%);background-size:340px 340px;width:100%;height:120vh;animation:14s linear infinite pickStars;position:absolute;top:-10vh;left:0}.pick-ov:after{opacity:.45;background-size:520px 520px;animation-duration:23s;animation-direction:reverse}@keyframes pickStars{0%{transform:translateY(0)}to{transform:translateY(-340px)}}@media (prefers-reduced-motion:reduce){.pick-ov:before,.pick-ov:after{animation:none}}.pick-box{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:640px;padding:18px;display:flex}.pick-title{font-family:var(--pxfont);letter-spacing:.05em;color:#ffd23f;text-align:center;text-shadow:0 3px #0006;align-items:center;gap:8px;font-size:clamp(17px,5vw,26px);font-weight:400;display:flex}.pick-sub{letter-spacing:.06em;color:#ffffffa6;text-align:center;font-size:clamp(10px,3vw,13px);font-weight:800}.pick-odds{letter-spacing:.08em;color:#ffffff73;text-align:center;margin-bottom:12px;font-size:clamp(9px,2.6vw,11px);font-weight:800}.pick-odds b{font-weight:900}.pick-cards{grid-template-columns:repeat(3,1fr);gap:clamp(8px,2.4vw,16px);width:100%;display:grid}@media (width<=460px){.pick-cards{grid-template-columns:1fr}}.pick-card{text-align:center;cursor:pointer;color:#fff;background:linear-gradient(180deg, var(--panel-hi), var(--panel));box-shadow:inset 0 2px 0 var(--edge);animation:pickLand .45s var(--ease-pop) backwards;animation-delay:calc(var(--i) * .15s);pointer-events:none;transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out), background .25s var(--ease-out);border:3px solid #3a4568;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;font-family:inherit;display:flex;position:relative}.pick-card.revealed{pointer-events:auto}@keyframes pickLand{0%{opacity:0;transform:translateY(-36px)scale(.6)}to{opacity:1;transform:translateY(0)scale(1)}}.pick-card>*{animation:.25s ease-out both pickFaceIn;animation-delay:calc(1.4s + var(--i) * .26s)}@keyframes pickFaceIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pick-card:after{content:"";z-index:2;pointer-events:none;animation:.6s ease-in-out both pickSweep,.3s ease-in forwards pickReveal;animation-delay:.8s, calc(1.38s + var(--i) * .26s);background:linear-gradient(105deg,#0000 42%,#ffffff52 50%,#0000 58%) 130% 0/240% 100% no-repeat,repeating-linear-gradient(45deg,#1d2444 0 9px,#161c34 9px 18px);border-radius:5px;position:absolute;inset:0}@keyframes pickSweep{0%{background-position:130% 0,0 0}to{background-position:-30% 0,0 0}}@keyframes pickReveal{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(.06)}}@media (prefers-reduced-motion:reduce){.pick-card:after{display:none}.pick-card>*{animation:none}}.pick-card.revealed.common{border-color:var(--r-common)}.pick-card.revealed.rare{border-color:var(--r-rare);animation:pickGlowRare .5s var(--ease-out);box-shadow:0 0 14px #4aa6ff73}@keyframes pickGlowRare{40%{box-shadow:0 0 30px #4aa6ffd9}}.pick-card.revealed.epic{border-color:var(--r-epic);animation:pickGlowEpic .6s var(--ease-pop);background:linear-gradient(#423416fa,#20190cfa);box-shadow:0 0 22px #ffd23f8c}@keyframes pickGlowEpic{35%{transform:scale(1.08)rotate(1deg);box-shadow:0 0 40px #ffd23fe6}}.pick-card.revealed.epic:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffd64080 0%,#ffd64000 65%);border-radius:50%;animation:1s ease-out backwards pickBurst;position:absolute;inset:-26px}@keyframes pickBurst{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.25)}to{opacity:.55;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pick-card.revealed.rare,.pick-card.revealed.epic{animation:none}}.pick-rar{letter-spacing:.14em;color:var(--r-common);align-items:center;gap:4px;font-size:10px;font-weight:900;display:flex}.pick-card.rare .pick-rar{color:var(--r-rare)}.pick-card.epic .pick-rar{color:var(--r-epic);animation:1.4s ease-in-out infinite twinkle}.pick-rar .uiico{width:12px;height:12px}.pick-art{place-items:center;width:76px;height:76px;display:grid}.pick-art img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.pick-card>b{letter-spacing:.04em;font-size:clamp(12px,3.4vw,15px);font-weight:900;line-height:1.15}.pick-desc{color:#ffffffc7;font-size:clamp(9.5px,2.8vw,11.5px);font-weight:700;line-height:1.35}.pick-tier{letter-spacing:2px;color:#fff6;font-size:7px}.pick-card:hover{filter:brightness(1.12)}.pick-card:active{transform:scale(.96)}.pick-ov.picked .pick-card{pointer-events:none;opacity:.15;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);transform:translateY(16px)rotate(1.5deg)scale(.94)}.pick-ov.picked .pick-card:first-child{transform:translateY(16px)rotate(-2deg)scale(.94)}.pick-ov.picked .pick-card.chosen{opacity:1;animation:pickChosen .45s var(--ease-pop);transform:scale(1.1)}@keyframes pickChosen{0%{transform:scale(1)}55%{transform:scale(1.16)}to{transform:scale(1.1)}}.pick-ov.picked .pick-card.chosen:after{opacity:1;background:0 0;border:3px solid #ffffffe6;border-radius:12px;animation:.55s ease-out forwards pickRing;inset:-6px}@keyframes pickRing{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.pick-ov.picked .pick-card.chosen,.pick-ov.picked .pick-card.chosen:after{animation:none}}.waiting-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;background:#060810b8}.waiting-box{align-items:center;gap:10px}.waiting-box h2{letter-spacing:.04em;font-size:clamp(18px,4.5vw,28px);font-weight:900}.waiting-spin{border:4px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite waitspin}@keyframes waitspin{to{transform:rotate(360deg)}}.mp-search{text-align:left;background:#5ab1ff21;border:1px solid #5ab1ff66;border-radius:13px;align-items:center;gap:11px;max-width:360px;margin:12px auto 4px;padding:11px 14px;animation:.25s ease-out mpSearchIn;display:flex}.mp-search[hidden]{display:none}.mp-search-spin{border-width:3px;border-top-color:#5ab1ff;flex:none;width:22px;height:22px}.mp-search-txt{flex-direction:column;gap:1px;min-width:0;display:flex}.mp-search-txt b{letter-spacing:.01em;font-size:15px;font-weight:800}.mp-search-txt small{opacity:.72;font-size:12px}.mp-search.found{background:#4dd0a526;border-color:#4dd0a573}.mp-search.found .mp-search-spin{border-top-color:#4dd0a5}.mp-search .dots:after{content:"";animation:1.4s step-end infinite mpDots}@keyframes mpDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes mpSearchIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#ability.zap .ability-bolt{filter:drop-shadow(0 1px 2px #00000080);font-size:26px;line-height:1}#ability.zap.locked{opacity:.5}#ability.zap.ready{animation:.7s ease-in-out infinite zapready}@keyframes zapready{0%,to{box-shadow:0 0 0 var(--pc)}50%{box-shadow:0 0 14px var(--pc)}}@keyframes blockcard-in{0%{opacity:0;transform:scale(.86)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.block-card-overlay>div{animation:none!important}}#alert-banner{text-align:center;width:100%;font-family:var(--displayfont);letter-spacing:.03em;color:#ffe9a8;opacity:0;pointer-events:none;z-index:6;padding:0 16px;font-size:18px;font-weight:400;position:fixed;top:14%}#alert-banner.big{font-size:26px}#alert-banner.pop{animation:1.4s ease-out bannerPop}#alert-banner .banner-in{border-color:var(--ink);box-shadow:inset 0 2px #ffd23f2e,0 4px #00000059}.ctrl-card{text-align:center;background:linear-gradient(#1c2342,#12172a);border:3px solid #5fd66a;border-radius:10px;flex-direction:column;align-items:center;gap:8px;max-width:min(92vw,420px);max-height:88vh;padding:18px 20px;animation:.22s cubic-bezier(.2,1.3,.4,1) blockcard-in;display:flex;overflow-y:auto;box-shadow:inset 0 2px #ffffff17,0 6px #00000059,0 10px 40px #00000080}.ctrl-kicker{font-family:var(--pxfont);letter-spacing:2px;font-size:11px}.ctrl-title{font-family:var(--pxfont);font-size:20px}.ctrl-rows{flex-direction:column;gap:6px;width:100%;display:flex}.ctrl-row{background:#ffffff0b;border-radius:8px;grid-template-columns:92px 44px 1fr;align-items:center;gap:10px;padding:5px 8px;display:grid}.ctrl-keys{justify-content:flex-end;align-items:center;gap:3px;display:flex}.ctrl-plus{color:#ffffff73;font-size:10px}.keycap{color:#101018;min-width:26px;height:26px;font-family:var(--pxfont);background:linear-gradient(#f2f4fb,#c4cadb);border:2px solid #05070f;border-bottom-width:4px;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;line-height:1;display:inline-flex}.keycap.wide{min-width:62px;font-size:10px}.ctrl-art{justify-content:center;align-items:center;height:40px;display:flex}.ctrl-art img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated}.ctrl-label{text-align:left;color:#e8e8f0;font-size:12px;font-weight:700;line-height:1.25}.ctrl-zones{border:2px dashed #ffffff38;border-radius:10px;flex-direction:column;gap:4px;width:100%;padding:6px;display:flex}.ctrl-zones .cz-row{gap:4px;display:flex}.ctrl-zones .cz{color:#ffffffd9;border-radius:7px;flex:1;padding:8px 6px;font-size:10px;line-height:1.3}.ctrl-zones .cz b{font-family:var(--pxfont);letter-spacing:1px;margin-bottom:2px;font-size:11px;display:block}.ctrl-zones .cz-pinch{background:#ffe23a29;border:1px solid #ffe23a73;padding:4px}.ctrl-zones .cz-left{background:#5ad1ff29;border:1px solid #5ad1ff80}.ctrl-zones .cz-right{background:#ff7bac29;border:1px solid #ff7bac80}.lab-tip img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated;align-self:center}.menu-box.spell-box{flex-direction:column;gap:8px;width:100%;max-width:min(96vw,860px);max-height:min(92vh,900px);display:flex}.spell-tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.spell-tab{letter-spacing:.04em;color:#fff9;cursor:pointer;background:#101426a8;border:2px solid #ffffff1f;border-radius:9px;min-height:38px;padding:7px 13px;font:900 12px Nunito,system-ui,sans-serif}.spell-tab em{opacity:.65;margin-left:4px;font-size:10px;font-style:normal}.spell-tab.on{color:#fff;background:#3c375ad6;border-color:#c9a6ff}.spell-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:2px 4px 6px;overflow-y:auto}.spell-sec{letter-spacing:.1em;color:#ffe9b0;text-align:left;margin:14px 2px 6px;font:900 11px Nunito,system-ui,sans-serif}.spell-sec span{letter-spacing:.02em;color:#ffffff73;font-weight:700}.spell-note{color:#ffffff8c;text-align:left;margin:2px 2px 8px;font:700 11px Nunito,system-ui,sans-serif}.spell-grid{grid-template-columns:1fr;gap:7px;display:grid}@media (width>=560px){.spell-grid{grid-template-columns:1fr 1fr}}.spell-card{text-align:left;border:2px solid color-mix(in srgb, var(--cc,#8ff0e2) 55%, #05070f);background:linear-gradient(#1c2342,#12172a);border-radius:10px;align-items:center;gap:9px;padding:7px 9px;display:flex;box-shadow:inset 0 1px #ffffff12,0 2px #00000059}.spell-card.dim{opacity:.72}.spell-card.locked{background:#080a14b3;border-color:#ffffff1a}.spell-card.locked .spell-art img,.spell-card.locked .spell-art .spell-pennant{filter:brightness(0)invert()opacity(.2)}.spell-card.locked .spell-txt b{color:#fff6}.spell-art{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.spell-art img{max-width:44px;max-height:44px;image-rendering:pixelated}.spell-glyph img,.spell-glyph .uiico{image-rendering:pixelated;width:34px!important;height:34px!important}.spell-pennant{background:#efe9f6;width:4px;height:34px;display:block;position:relative}.spell-pennant:after{content:"";border:7px solid #0000;border-left:15px solid #5fd66a;border-right-width:0;position:absolute;top:3px;left:4px}.spell-txt{flex-direction:column;gap:1px;min-width:0;display:flex}.spell-txt b{letter-spacing:.03em;color:var(--cc,#fff);font:900 12px Nunito,system-ui,sans-serif}.spell-txt i{letter-spacing:.12em;color:color-mix(in srgb, var(--cc,#fff) 78%, #fff);opacity:.85;font:900 8px Nunito,system-ui,sans-serif}.spell-txt span{color:#ffffffc7;font:700 11px/1.3 Nunito,system-ui,sans-serif}.togglerow{justify-content:space-between;align-items:center;gap:var(--s3);width:min(78vw,320px);min-height:44px;padding:var(--s1) var(--s3);color:#ffffffd9;font:700 var(--t-caption) var(--pxfont);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:#ffffff0d;border:none;border-radius:9px;display:flex}.togglerow:hover{background:#ffffff17}.togglerow:active{transform:translateY(1px)}.togglerow .tgl-val{color:#ffe23a;font-weight:900}.togglerow .tgl-pill{border:2px solid var(--ink);width:44px;height:24px;transition:background var(--dur-fast) var(--ease-out);background:#2a3050;border-radius:999px;flex:none;position:relative}.togglerow .tgl-pill:after{content:"";width:18px;height:18px;transition:transform var(--dur-fast) var(--ease-pop), background var(--dur-fast);background:#cfd6ea;border-radius:50%;position:absolute;top:1px;left:1px;box-shadow:0 1px #0006}.togglerow.on .tgl-pill{background:#2f9e57}.togglerow.on .tgl-pill:after{background:#fff;transform:translate(20px)}.stats-row{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.stats-row .stat{min-width:76px;padding:var(--s2) var(--s3);border:2px solid var(--ink);background:linear-gradient(180deg, var(--panel-hi), var(--panel));box-shadow:inset 0 1px 0 var(--edge);border-radius:9px;flex-direction:column;gap:2px;display:flex}.stats-row .stat b{font:900 18px var(--pxfont);color:#fff}.stats-row .stat span{font:800 10px var(--pxfont);letter-spacing:.1em;color:#ffffff8c;text-transform:uppercase}.tries-pips{font:800 var(--t-micro) var(--pxfont);letter-spacing:.08em;color:#fff9;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;display:flex}.tries-pips i{border:2px solid var(--ink);background:#39406a;border-radius:50%;width:12px;height:12px}.tries-pips i.on{background:#5fd66a;box-shadow:0 0 8px #5fd66a80}.btn-caption{font:700 var(--t-caption) var(--pxfont);color:#ffffff9e;max-width:320px;margin:-6px 0 0}.overlay.death-ov{animation:death-dim var(--dur-hero) var(--ease-out) backwards;background:#04050cc7}@keyframes death-dim{0%{background:#04050c00}}.overlay.death-ov .menu-box{animation:menu-in var(--dur-hero) var(--ease-pop) .5s backwards}.overlay.death-ov .menu-box>*{animation-delay:.56s}@media (prefers-reduced-motion:reduce){.overlay.death-ov .menu-box,.overlay.death-ov .menu-box>*{animation-delay:0s}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{opacity:.9;width:10px;height:14px;animation:confetti-fall 2.6s var(--ease-out) infinite;border-radius:2px;position:absolute;top:-4vh}@keyframes confetti-fall{to{opacity:.5;transform:translateY(110vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.confetti i{animation:none;display:none}}.build-tag{right:calc(var(--safe-r) + var(--s2));bottom:calc(var(--safe-b) + var(--s1));font:700 var(--t-micro) var(--pxfont);color:#ffffff59;pointer-events:none;z-index:11;position:fixed}.hero-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.hero-card{align-items:center;gap:var(--s1);padding:var(--s3) var(--s2);border:2px solid var(--ink);background:linear-gradient(180deg, var(--panel-hi), var(--panel));box-shadow:inset 0 1px 0 var(--edge), 0 3px 0 #00000059;color:#fff;border-radius:12px;flex-direction:column;display:flex;position:relative}.hero-card img{width:84px;height:84px;image-rendering:pixelated;filter:drop-shadow(0 4px 6px #0006)}.hero-card.locked img{filter:brightness(0)opacity(.55)}.hero-card b{font:900 13px var(--pxfont);letter-spacing:.06em}.hero-card .hero-path{font:700 var(--t-micro) var(--pxfont);color:#fff9;min-height:26px;line-height:1.3}.hero-card .hero-tag{font:900 9px var(--pxfont);letter-spacing:.08em;color:#101018;background:#8a8f99;border-radius:5px;padding:2px 7px;position:absolute;top:8px;right:8px}.hero-card .hero-tag.own{background:#5fd66a}.hero-card .hero-tag.bp{background:#ffd23f}.hero-card.locked{opacity:.9}.spell-card.locked{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px}.spell-card.locked .spell-txt span{display:none}.spell-card.locked .spell-txt b{font-size:11px}.spell-grid.spell-grid--cells{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.spell-progress{border:2px solid var(--ink);background:#ffffff14;border-radius:999px;height:10px;margin:2px 2px 6px;overflow:hidden}.spell-progress i{height:100%;transition:width var(--dur-hero) var(--ease-out);background:linear-gradient(90deg,#8fd0ff,#4aa6ff);border-radius:999px;display:block}#teach-toasts{left:calc(var(--safe-l) + var(--s3));bottom:calc(var(--safe-b) + var(--s7) + var(--s5));z-index:55;gap:var(--s2);pointer-events:none;flex-direction:column;max-width:min(78vw,300px);display:flex;position:fixed}.teach-toast{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:2px solid var(--cc,#5fd66a);background:linear-gradient(180deg, var(--panel-hi), var(--panel));box-shadow:inset 0 1px 0 var(--edge), 0 4px 0 #00000059;animation:menu-in var(--dur-screen) var(--ease-pop) backwards;text-align:left;border-radius:9px;display:flex}.teach-toast.out{transition:opacity var(--dur-screen) var(--ease-out), transform var(--dur-screen) var(--ease-out);opacity:0;transform:translateY(8px)}.teach-toast img{width:34px;height:34px;image-rendering:pixelated;flex:none}.teach-toast .tt-txt{flex-direction:column;gap:1px;min-width:0;display:flex}.teach-toast .tt-txt i{font:800 9px var(--pxfont);letter-spacing:.16em;color:var(--cc,#5fd66a);font-style:normal}.teach-toast .tt-txt b{font:900 13px var(--pxfont);color:#fff}.teach-toast .tt-txt span{font:700 var(--t-micro) var(--pxfont);color:#ffffffc7;line-height:1.3}.shop-coach{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:58;background:#060810c7}.coach-kicker{align-items:center;gap:var(--s2);font:800 var(--t-micro) var(--pxfont);letter-spacing:.2em;color:#8ff0e2;display:inline-flex}.coach-rows{gap:var(--s2);width:100%;margin:var(--s2) 0 var(--s3);flex-direction:column;display:flex}.coach-row{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);text-align:left;background:#ffffff0d;border-radius:9px;display:flex}.coach-row .coach-ico{border:2px solid var(--ink);background:linear-gradient(180deg, var(--panel-hi), var(--panel));width:40px;height:40px;box-shadow:inset 0 1px 0 var(--edge);border-radius:8px;flex:none;place-items:center;display:grid}.coach-row .coach-ico .uiico{width:24px;height:24px}.coach-row b{font:800 var(--t-caption) var(--pxfont);letter-spacing:.08em;color:#fff;display:block}.coach-row span:not(.coach-ico){font-size:var(--t-caption);color:#ffffffc7;font-weight:700;line-height:1.35}.connect-stage{background:radial-gradient(120% 90% at 50% 18%, color-mix(in srgb, var(--cc,#ff7bac) 26%, #0d0f1e) 0%, #0d0f1eee 62%, #0a0c18f5 100%);animation:menu-in var(--dur-screen) var(--ease-out);z-index:60;justify-content:center;align-items:center;display:flex}.cs-inner{align-items:center;gap:var(--s3);text-align:center;padding:var(--s5);flex-direction:column;max-width:420px;display:flex}.cs-blob{width:84px;height:84px;image-rendering:pixelated;animation:cs-bounce .9s var(--ease-pop) infinite;filter:drop-shadow(0 10px 14px #0008)}@keyframes cs-bounce{0%,to{transform:translateY(0)scaleY(1)}35%{transform:translateY(-22px)scaleY(1.06)}62%{transform:translateY(0)scaleY(.9)}78%{transform:translateY(0)scaleY(1.03)}}.cs-title{font-size:var(--t-h1);letter-spacing:.06em;text-shadow:0 3px #0006;margin:0}.cs-sub{font-size:var(--t-body);opacity:.85;min-height:1.4em;margin:0}.cs-slots{gap:var(--s2);min-height:18px;display:flex}.cs-slot{width:16px;height:16px;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-pop);background:#fff2;border:2px solid #ffffff2e;border-radius:5px}.cs-slot.on{background:var(--cc,#ff7bac);border-color:color-mix(in srgb, var(--cc,#ff7bac) 60%, #fff);transform:scale(1.15)}.cs-mode{font-size:var(--t-label);letter-spacing:.14em;color:var(--cc,#ff7bac);margin:var(--s2) 0 0;font-weight:800}.cs-tip{font-size:var(--t-small);opacity:.7;max-width:34ch;min-height:2.4em;margin:0}.cs-tip-in{animation:menu-row-in var(--dur-screen) var(--ease-out)}.cs-cancel{margin-top:var(--s3)}.connect-stage.cs-hot .cs-blob{animation-duration:.55s}.countdown-stage{pointer-events:none;z-index:80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cd-inner{text-align:center;animation:cd-pop .6s var(--ease-pop)}.cd-inner small{color:#fff;font-size:var(--t-label);letter-spacing:.14em;opacity:.9;text-shadow:0 2px #0008;display:block}.cd-inner b{color:#fff;text-shadow:0 6px #0009,0 0 34px #0006;font-size:clamp(72px,22vw,150px);line-height:1;display:block}.cd-inner b.cd-go{font-family:var(--displayfont,inherit);color:#ffe23a}@keyframes cd-pop{0%{opacity:0;transform:scale(1.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.cs-blob,.cd-inner{animation:none}}.cs-curtain .cs-title{color:var(--cc)}.cs-curtain .cs-blob{filter:drop-shadow(0 10px 14px #0008)saturate(.75);animation-duration:1.3s}#join-code{text-transform:uppercase;letter-spacing:.42em;text-align:center;font-weight:900;font-size:var(--t-h2,22px);background-image:repeating-linear-gradient(90deg,#0000 0 .82em,#ffffff26 .82em .9em);background-position:.28em 100%;background-repeat:repeat-x;background-size:100% 3px}#join-code::placeholder{letter-spacing:.2em;font-weight:700}
