.ui-root{z-index:4;pointer-events:none;font-family:var(--body);font-size:var(--ui-fs);color:#fff;--ui-panel:color-mix(in srgb, var(--ui-stroke) 72%, #000 28%);--ui-slotbg:color-mix(in srgb, var(--ui-primary) 20%, var(--ui-panel));--ui-danger:#ff4f6d;--ui-success:#4fe39a;--r-win:calc(var(--ui-radius) * 1.5);--r-btn:var(--ui-radius);--r-slot:calc(var(--ui-radius) * .75);--r-chip:calc(var(--ui-radius) * .5 + 4px);position:absolute;inset:0}.ui-root>*{pointer-events:auto}.ui-root .ui-toasts{pointer-events:none}.ui-btn{--bg:var(--ui-primary);--fg:var(--ui-text);appearance:none;cursor:pointer;font-family:var(--ui-font);letter-spacing:.03em;border-radius:var(--r-btn);border:var(--ui-border) solid var(--ui-stroke);background:var(--bg);color:var(--fg);box-shadow:0 var(--ui-shadow) 0 var(--ui-stroke);white-space:nowrap;justify-content:center;align-items:center;gap:.4em;padding:.6em 1.1em;font-size:1.05em;line-height:1.1;transition:transform .12s,box-shadow .12s,filter .2s,opacity .2s;display:inline-flex}.ui-btn:active:not(:disabled){transform:translateY(var(--ui-shadow));box-shadow:0 0 0 var(--ui-stroke)}.ui-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.ui-secondary{--bg:var(--ui-secondary);--fg:var(--ui-stroke)}.ui-ghost{--bg:color-mix(in srgb, #fff 10%, var(--ui-panel));--fg:#fff}.ui-danger{--bg:var(--ui-danger);--fg:#fff}.ui-sm{padding:.45em .8em;font-size:.9em}.ui-lg{padding:.7em 1.4em;font-size:1.25em}.ui-wide{width:100%}.h-bounce:hover:not(:disabled){transform:translateY(-3px)scale(1.04)}.h-glow:hover:not(:disabled){filter:brightness(1.15) drop-shadow(0 0 8px var(--ui-secondary))}.h-wiggle:hover:not(:disabled){animation:.4s ease-in-out wiggle}.ui-shake{animation:.35s linear ui-shake}@keyframes ui-shake{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.ui-backdrop{background:color-mix(in srgb, var(--ui-stroke) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:0}.ui-window{background:color-mix(in srgb, var(--ui-panel) 94%, transparent);border:var(--ui-border) solid var(--ui-stroke);border-radius:var(--r-win);width:min(66%,46em);max-height:92%;box-shadow:0 var(--ui-shadow) 0 var(--ui-stroke), 0 1.5em 3em #00000073;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.ui-window.wide{width:min(92%,64em);height:92%}.ui-titlebar{background:var(--ui-primary);border-bottom:var(--ui-border) solid var(--ui-stroke);align-items:center;gap:.6em;padding:.6em .7em;display:flex}.ui-title{font-family:var(--ui-font);color:var(--ui-text);text-transform:uppercase;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:.4em;min-width:0;font-size:1.35em;display:flex;overflow:hidden}.ui-titlebar-right{align-items:center;gap:.5em;display:flex}.ui-x{padding:.35em .6em}.ui-body{scrollbar-width:thin;flex-direction:column;flex:1;gap:.8em;min-height:0;padding:.9em;display:flex;overflow:auto}.ui-tabs{padding-bottom:calc(var(--ui-shadow) + 2px);scrollbar-width:none;flex-shrink:0;gap:.4em;display:flex;overflow-x:auto}.ui-tabpanel{flex:1;min-height:0}.ui-split{flex:1;grid-template-columns:1.4fr 1fr;gap:.9em;min-height:0;display:grid}.ui-root *{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ui-primary) 70%, transparent) transparent}.ui-root ::-webkit-scrollbar{width:6px;height:6px}.ui-root ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--ui-primary) 70%, transparent);border-radius:6px}.ui-root ::-webkit-scrollbar-track{background:0 0;display:none}.ui-root ::-webkit-scrollbar-button{background:0 0;display:none}.ui-root .ui-tabs{scrollbar-width:none}.ui-root .ui-tabs::-webkit-scrollbar{display:none}.ui-grid{grid-template-columns:repeat(6,1fr);align-content:start;gap:.55em;padding:.3em;display:grid;overflow:auto}.ui-slot{aspect-ratio:1;border-radius:var(--r-slot);border:max(2px, var(--ui-border)) solid var(--rar);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rar) 35%, transparent), var(--ui-slotbg) 70%);box-shadow:0 calc(var(--ui-shadow) * .6) 0 var(--ui-stroke);cursor:pointer;place-items:center;transition:box-shadow .15s,filter .15s;display:grid;position:relative}.ui-slot:hover{box-shadow:0 calc(var(--ui-shadow) * .6) 0 var(--ui-stroke), 0 0 14px -2px var(--rar)}.ui-slot-ic{filter:drop-shadow(0 2px #0006);font-size:2em}.ui-slot.locked{border-color:color-mix(in srgb, #fff 18%, var(--ui-panel));background:var(--ui-slotbg);filter:grayscale(.8)}.ui-slot.locked .ui-slot-ic{opacity:.55;font-size:1.3em}.ui-slot.selected{outline-offset:2px;outline:3px solid #fff}.ui-slot.mythic{background:linear-gradient(var(--ui-slotbg), var(--ui-slotbg)) padding-box, linear-gradient(135deg, #ff4fd8, #ffc531, #2ee6d6, #8b5cf6) border-box;border-color:#0000;animation:2s linear infinite mythic-glow}@keyframes mythic-glow{50%{filter:hue-rotate(60deg)brightness(1.15)}}.ui-slot-badge{background:var(--ui-secondary);min-width:1.5em;height:1.5em;color:var(--ui-stroke);border:2px solid var(--ui-stroke);font-family:var(--ui-font);border-radius:50%;place-items:center;font-size:.85em;display:grid;position:absolute;top:-.4em;left:-.4em}.ui-slot-check{width:1.4em;height:1.4em;color:var(--ui-stroke);background:#fff;border-radius:50%;place-items:center;font-size:.85em;font-weight:900;display:grid;position:absolute;bottom:-.35em;right:-.35em}.ui-detail{border-radius:var(--r-slot);background:var(--ui-slotbg);border:var(--ui-border) solid color-mix(in srgb, var(--rar,#fff) 60%, var(--ui-stroke));text-align:center;flex-direction:column;align-items:center;gap:.6em;padding:.9em;display:flex;overflow:auto}.ui-detail-empty{color:#fff9;border-style:dashed;justify-content:center;font-weight:800}.ui-detail-ic{background:radial-gradient(circle, color-mix(in srgb, var(--rar) 55%, transparent), transparent 70%);border-radius:50%;place-items:center;width:1.6em;height:1.6em;font-size:3.4em;animation:2.2s ease-in-out infinite float;display:grid}.ui-detail-ic.mythic{animation:2.2s ease-in-out infinite float,2s linear infinite mythic-glow}@keyframes float{50%{transform:translateY(-5px)}}.ui-detail-name{font-family:var(--ui-font);text-transform:uppercase;font-size:1.4em;line-height:1.05}.ui-chips{flex-wrap:wrap;justify-content:center;gap:.35em;display:flex}.ui-chip{border-radius:var(--r-chip);white-space:nowrap;color:#fff;background:#00000040;border:1.5px solid #ffffff40;align-items:center;gap:.3em;padding:.25em .6em;font-size:.8em;font-weight:900;display:inline-flex}.ui-chip.ok{color:var(--ui-success);border-color:var(--ui-success)}.ui-abil{text-align:left;gap:.3em;width:100%;font-size:.92em;font-weight:800;display:grid}.ui-abil kbd,.ui-hk b{border-radius:calc(var(--r-chip) * .8);width:1.7em;height:1.7em;color:var(--ui-stroke);font-family:var(--ui-font);background:#fff;place-items:center;margin-right:.3em;font-size:.9em;display:inline-grid}.ui-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.7em;font-size:1.1em;font-weight:900;display:flex}.ui-empty-ic{font-size:3em}.ui-shop-big{grid-template-columns:1fr 1fr;gap:.8em;display:grid}.ui-shop-grid{grid-template-columns:repeat(5,1fr);gap:.6em;display:grid}.ui-shop-grid.three{grid-template-columns:repeat(3,1fr)}.ui-card{border-radius:var(--r-slot);background:var(--ui-slotbg);border:var(--ui-border) solid var(--ui-stroke);box-shadow:0 calc(var(--ui-shadow) * .6) 0 var(--ui-stroke);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.45em;padding:.9em .7em;transition:transform .15s,filter .2s;display:flex;position:relative}.ui-card.small{padding:.6em .4em}.ui-card.worn{outline:3px solid var(--ui-success);outline-offset:2px}.ui-card-ic{font-size:2.6em;animation:2.4s ease-in-out infinite float}.ui-card-title{font-family:var(--ui-font);font-size:1.05em;line-height:1.1}.ui-card-desc{color:#ffffffb8;font-size:.82em;font-weight:700;line-height:1.3}.ui-swatch{border-radius:var(--r-slot);border:2px solid var(--ui-stroke);place-items:center;width:3em;height:3em;font-size:1.2em;display:grid}.ui-swatch.big{width:2.6em;height:2.6em;font-size:1.6em}.ui-price{white-space:nowrap;font-weight:900}.ui-currency{gap:.4em;display:flex}.ui-cur{border-radius:var(--r-chip);white-space:nowrap;background:#0006;border:1.5px solid #fff3;align-items:center;gap:.35em;padding:.25em .3em .25em .6em;font-weight:900;display:inline-flex;position:relative}.ui-cur-plus{background:var(--ui-secondary);width:1.4em;height:1.4em;color:var(--ui-stroke);cursor:pointer;border:0;border-radius:50%;font-size:.9em;font-weight:900;line-height:1}.ui-cur-delta{pointer-events:none;font-size:.9em;font-weight:900;position:absolute;top:100%;right:.4em}.ui-cur-delta.plus{color:var(--ui-success)}.ui-cur-delta.minus{color:var(--ui-danger)}.ui-rows{gap:.55em;display:grid}.ui-row{border-radius:var(--r-slot);background:var(--ui-slotbg);justify-content:space-between;align-items:center;gap:.8em;padding:.5em .7em;font-weight:900;display:flex}.ui-seg{padding-bottom:calc(var(--ui-shadow) * .5);gap:.3em;display:flex}.ui-toggle{border:var(--ui-border) solid var(--ui-stroke);background:color-mix(in srgb, #fff 12%, var(--ui-panel));cursor:pointer;border-radius:99px;flex-shrink:0;justify-content:flex-start;width:3.2em;height:1.7em;padding:.18em;display:flex;position:relative}.ui-toggle.on{background:var(--ui-secondary);justify-content:flex-end}.ui-toggle i{aspect-ratio:1;background:#fff;border-radius:50%;height:100%;display:block;box-shadow:0 2px #0000004d}.ui-slider{align-items:center;gap:.6em;min-width:45%;display:flex}.ui-slider input{appearance:none;background:linear-gradient(90deg, var(--ui-secondary) var(--pct), color-mix(in srgb, #fff 12%, var(--ui-panel)) var(--pct));border:1.5px solid var(--ui-stroke);cursor:pointer;border-radius:99px;flex:1;height:.6em}.ui-slider input::-webkit-slider-thumb{-webkit-appearance:none;border:var(--ui-border) solid var(--ui-stroke);background:#fff;border-radius:50%;width:1.3em;height:1.3em}.ui-slider input::-moz-range-thumb{border:var(--ui-border) solid var(--ui-stroke);background:#fff;border-radius:50%;width:1.1em;height:1.1em}.ui-slider b{font-family:var(--ui-font);text-align:right;min-width:2em}.ui-footer{padding-bottom:var(--ui-shadow);justify-content:space-between;gap:.6em;margin-top:.3em;display:flex}.ui-footer>:only-child{min-width:40%;margin:0 auto}.ui-col{padding:.3em .3em calc(var(--ui-shadow) + .3em);gap:.7em;display:grid}.ui-modal-bg{z-index:10;background:color-mix(in srgb, var(--ui-stroke) 60%, transparent);position:absolute;inset:0}.ui-window.ui-modal{text-align:center;align-items:center;gap:.5em;width:min(70%,26em);height:auto;padding:1.1em}.ui-modal-ic{font-size:3em;line-height:1.1}.ui-modal-ic.big{font-size:4em}.ui-modal-title{font-family:var(--ui-font);text-transform:uppercase;font-size:1.5em}.ui-modal-title.ok{color:var(--ui-success)}.ui-modal-text{color:#fffc;font-size:.95em;font-weight:700}.ui-modal-price{border-radius:var(--r-chip);background:#0000004d;padding:.25em .8em;font-size:1.3em}.ui-modal-price.err{color:var(--ui-danger)}.ui-err-text{color:var(--ui-danger);font-size:.9em;font-weight:900}.ui-window.ui-modal .ui-footer{width:100%}.ui-window.ui-modal .ui-detail{background:0 0;border:0;width:100%;padding:0}.ui-spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ui-result{place-items:center;display:grid;position:relative}.ui-burst{pointer-events:none;position:absolute;top:50%;left:50%}.ui-burst i{border-radius:2px;width:.6em;height:.6em;margin:-.3em;position:absolute}.ui-toasts{z-index:20;flex-direction:column;align-items:center;gap:.4em;width:90%;display:flex;position:absolute;bottom:6%;left:50%;translate:-50%}.ui-toast{border-radius:var(--r-chip);background:var(--ui-panel);border:var(--ui-border) solid var(--ui-stroke);box-shadow:0 calc(var(--ui-shadow) * .6) 0 var(--ui-stroke);text-align:center;padding:.55em 1em;font-weight:900}.ui-toast.ok{border-color:var(--ui-success)}.ui-toast.err{border-color:var(--ui-danger)}.ui-full{flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:1em;display:flex;position:absolute;inset:0}.ui-full-top{position:absolute;top:.8em;left:.8em}.ui-side{background:radial-gradient(circle at 50% 60%, transparent, color-mix(in srgb, var(--ui-stroke) 70%, transparent) 80%)}.ui-h1{font-family:var(--ui-font);text-transform:uppercase;-webkit-text-stroke:max(1px, var(--ui-border)) var(--ui-stroke);paint-order:stroke fill;text-shadow:0 var(--ui-shadow) 0 var(--ui-stroke);text-align:center;font-size:2.2em}.ui-sides{gap:3em;display:flex;position:relative}.ui-sidecard{border-radius:var(--r-win);background:color-mix(in srgb, var(--ui-panel) 92%, transparent);border:var(--ui-border) solid var(--ui-stroke);width:13em;box-shadow:0 var(--ui-shadow) 0 var(--ui-stroke);cursor:pointer;flex-direction:column;align-items:center;gap:.5em;padding:1em;transition:opacity .25s,filter .25s;display:flex}.ui-sidecard.dim{opacity:.6;filter:saturate(.6)}.ui-sidecard-ic{font-size:3em}.ui-sidecard-title{font-family:var(--ui-font);text-transform:uppercase;font-size:1.5em}.ui-sidecard ul{text-align:center;gap:.2em;margin:0;padding:0;font-size:.85em;font-weight:800;list-style:none;display:grid}.ui-vs{width:2.4em;height:2.4em;color:var(--ui-stroke);font-family:var(--ui-font);border:var(--ui-border) solid var(--ui-stroke);pointer-events:none;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.ui-loading{background:linear-gradient(180deg, var(--ui-stroke), color-mix(in srgb, var(--ui-primary) 55%, var(--ui-stroke)))}.ui-load-logo{font-family:var(--ui-font);text-align:center;-webkit-text-stroke:max(1px, var(--ui-border)) var(--ui-stroke);paint-order:stroke fill;text-shadow:0 var(--ui-shadow) 0 #0006;font-size:3em;line-height:1}.ui-load-bar{width:60%}.ui-progress{border:var(--ui-border) solid #000;background:#0006;border-radius:99px;height:1.7em;position:relative;overflow:hidden}.ui-progress i{background:linear-gradient(180deg, color-mix(in srgb, var(--ui-secondary) 70%, #fff), var(--ui-secondary));transition:width .15s;position:absolute;inset:0 auto 0 0}.ui-progress span{font-family:var(--ui-font);text-shadow:0 1px #000,0 0 4px #000;place-items:center;font-size:.9em;display:grid;position:absolute;inset:0}.ui-tip{color:#ffffffd9;text-align:center;max-width:80%;font-size:.95em;font-weight:800}.ui-flash{background:var(--ui-secondary);pointer-events:none;position:absolute;inset:0}.ui-hud{position:absolute;inset:0}.ui-hud-tl{align-items:flex-start;gap:.5em;display:flex;position:absolute;top:.8em;left:.8em}.ui-avatar{border-radius:var(--r-slot);background:var(--ui-primary);border:var(--ui-border) solid var(--ui-stroke);place-items:center;width:2.6em;height:2.6em;font-size:1.3em;display:grid}.ui-bars{justify-items:start;gap:.3em;display:grid}.ui-bar{background:#00000080;border:1.5px solid #000;border-radius:99px;width:11em;height:1.2em;position:relative;overflow:hidden}.ui-bar i{transition:width .25s;position:absolute;inset:0 auto 0 0}.ui-bar-hp i{background:linear-gradient(180deg, #ff8a9b, var(--ui-danger))}.ui-bar-en i{background:linear-gradient(180deg, color-mix(in srgb, var(--ui-secondary) 60%, #fff), var(--ui-secondary))}.ui-bar span{text-shadow:0 1px #000;font-size:.75em;font-weight:900;position:absolute;top:50%;left:.5em;translate:0 -50%}.ui-hud-tr{padding-bottom:var(--ui-shadow);align-items:center;gap:.4em;display:flex;position:absolute;top:.8em;right:.8em}.ui-minimap{border:var(--ui-border) solid var(--ui-stroke);background:radial-gradient(circle,#3fa7ff,#1f4fb0);border-radius:50%;width:5.5em;height:5.5em;position:absolute;top:3.6em;right:.8em;overflow:hidden}.ui-minimap i{border:2px solid #ffffffb3;border-radius:50%;width:1.4em;height:1.4em;position:absolute}.ui-minimap .b1{background:#ffd59a;top:50%;left:15%}.ui-minimap .b2{background:#bfe6ff;top:25%;left:45%}.ui-minimap .b3{background:#d6a8ff;top:58%;left:62%}.ui-minimap b{background:#fff;border-radius:50%;width:.5em;height:.5em;animation:1.4s infinite pulse-dot;position:absolute;top:56%;left:22%;box-shadow:0 0 #fff}@keyframes pulse-dot{to{box-shadow:0 0 0 .6em #fff0}}.ui-boosts{gap:.3em;display:grid;position:absolute;top:4.8em;left:.8em}.ui-hotbar{gap:.4em;display:flex;position:absolute;bottom:.8em;left:50%;translate:-50%}.ui-hk{border-radius:var(--r-slot);background:color-mix(in srgb, var(--ui-panel) 90%, transparent);border:var(--ui-border) solid var(--ui-stroke);width:4.6em;box-shadow:0 calc(var(--ui-shadow) * .6) 0 var(--ui-stroke);color:#fff;cursor:pointer;flex-direction:column;align-items:center;gap:.25em;padding:.4em .3em;transition:transform .1s;display:flex;position:relative;overflow:hidden}.ui-hk:active{transform:translateY(calc(var(--ui-shadow) * .6))}.ui-hk b{margin:0}.ui-hk span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.62em;font-weight:900;line-height:1.1;overflow:hidden}.ui-hk.ult{border-color:#ffc531}.ui-hk.ult b{color:#fff;background:linear-gradient(135deg,#ffc531,#ff4fd8)}.ui-hk .cd{pointer-events:none;background:conic-gradient(#0a061ebf var(--cdp), transparent 0);animation:linear forwards cd;position:absolute;inset:0}.ui-hotbar-empty{border-radius:var(--r-chip);background:#00000080;padding:.6em 1em;font-weight:900}.ui-hud-br{padding-bottom:var(--ui-shadow);position:absolute;bottom:.8em;right:.8em}.ui-hud-bl{opacity:.75;text-shadow:0 1px #000;font-size:.75em;font-weight:900;position:absolute;bottom:.8em;left:.8em}.ui-hud-call{font-family:var(--ui-font);text-transform:uppercase;white-space:nowrap;-webkit-text-stroke:4px var(--ui-stroke);paint-order:stroke fill;pointer-events:none;font-size:2em;position:absolute;top:30%;left:50%}.ui-hud-hit{font-family:var(--ui-font);color:#ffc531;-webkit-text-stroke:3px #000;paint-order:stroke fill;pointer-events:none;font-size:1.6em;position:absolute;top:45%;left:50%}.ui-eq-chip{cursor:pointer;pointer-events:auto;margin-top:1.2cqw;font-size:max(9px,1.3cqw)}.ui-root.phone .ui-window,.ui-root.phone .ui-window.wide{border-width:0;border-radius:0;width:100%;height:100%;max-height:100%}.ui-root.phone .ui-window.ui-modal{border-radius:var(--r-win);border-width:var(--ui-border);width:88%;height:auto}.ui-root.phone .ui-split{grid-template-columns:1fr}.ui-root.phone .ui-grid{grid-template-columns:repeat(3,1fr)}.ui-root.phone .ui-shop-big,.ui-root.phone .ui-shop-grid,.ui-root.phone .ui-shop-grid.three{grid-template-columns:1fr 1fr}.ui-root.phone .ui-hide-phone{display:none}.ui-root.phone .ui-sides{flex-direction:column;gap:1.2em}.ui-root.phone .ui-sidecard{width:15em}.ui-root.phone .ui-row{flex-wrap:wrap}.ui-root.phone .ui-hotbar{gap:.25em;bottom:3.6em}.ui-root.phone .ui-hk{width:3.6em}.ui-root.phone .ui-hk span{display:none}.ui-root.phone .ui-bar{width:7em}.ui-root.phone .ui-hud-tr .ui-currency{flex-direction:column;align-items:flex-end}.ui-root.phone .ui-minimap{top:6.4em}.ui-root.phone .ui-hud-bl{display:none}.ui-root.phone .ui-load-bar{width:85%}:root{--bg:#120a2a;--bg2:#1b1040;--card:#22144ec7;--card-solid:#22144e;--line:#ffffff1f;--violet:#8b5cf6;--violet-d:#5b2fd1;--teal:#2ee6d6;--gold:#ffc531;--orange:#ff8a3d;--pink:#ff5fa2;--text:#f6f1ff;--muted:#b8aad8;--shadow:0 6px 0 #00000059;--radius:20px;--display:"Unbounded", "Nunito", system-ui, sans-serif;--body:"Nunito", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}body,main{overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}button{font:inherit;color:inherit}img{max-width:100%}::selection{background:var(--violet);color:#fff}.gl{pointer-events:none;z-index:2;inset:0;width:100vw!important;height:100vh!important;position:fixed!important}.view{position:absolute;inset:0}.scrolly{position:relative;overflow-x:clip}.layer{height:100svh;position:sticky;top:0;overflow:hidden}.layer+.layer{margin-top:-100svh}.layer.fg{z-index:3;pointer-events:none}.layer.fg .card,.layer.fg button,.layer.fg .seg,.layer.fg .logo,.layer.fg a{pointer-events:auto}.above{z-index:3;position:relative}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=640px){.container{padding:0 16px}}.h-display{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-weight:900;line-height:.95}.kicker{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--teal);background:#2ee6d61a;border:1.5px solid #2ee6d659;border-radius:999px;align-items:center;gap:10px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.kicker b{color:var(--gold)}.section-head{text-align:center;flex-direction:column;align-items:center;gap:18px;margin-bottom:40px;display:flex}.section-head h2{text-shadow:0 5px 0 var(--violet-d), 0 10px 30px #8b5cf673;font-size:clamp(28px,6vw,72px)}.section-head p{max-width:620px;color:var(--muted);margin:0;font-size:clamp(16px,1.6vw,19px);font-weight:600;line-height:1.5}.btn{--c:var(--violet);--cd:var(--violet-d);appearance:none;cursor:pointer;font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;color:#fff;background:var(--c);box-shadow:0 6px 0 var(--cd), 0 10px 24px #0000004d;white-space:nowrap;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .2s;display:inline-flex}.btn:hover{filter:brightness(1.1);box-shadow:0 8px 0 var(--cd), 0 14px 28px #00000059;transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--cd), 0 4px 10px #0000004d;transform:translateY(5px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.gold{--c:var(--gold);--cd:#b9820a;color:#2a1600}.btn.teal{--c:var(--teal);--cd:#109a8e;color:#062a27}.btn.orange{--c:var(--orange);--cd:#b6501a}.btn.ghost{--c:#ffffff14;--cd:#00000059;border:1.5px solid var(--line)}.btn.small{box-shadow:0 4px 0 var(--cd);border-radius:12px;padding:9px 14px;font-size:12px}.btn.big{border-radius:20px;padding:18px 32px;font-size:18px}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px)}.chip{letter-spacing:.04em;text-transform:uppercase;border:1.5px solid var(--line);white-space:nowrap;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.nav{z-index:50;padding:14px 0;transition:background .3s,padding .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1.5px solid var(--line);background:#120a2ad1;padding:8px 0}.nav-inner{align-items:center;gap:18px;display:flex}.nav-logo{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:22px}.nav-links{gap:4px;margin-left:auto;display:flex}.nav-links button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:800;transition:color .2s,background .2s}.nav-links button:hover{color:#fff;background:#ffffff14}.sound-btn{border:1.5px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.sound-btn.on{background:var(--violet);border-color:var(--violet)}.music-btn{position:relative}.music-btn.on{background:linear-gradient(135deg, var(--violet), var(--pink));border-color:#0000}.music-btn.loading{animation:.8s infinite blink}.music-btn .eq{align-items:flex-end;gap:1.5px;height:9px;display:flex;position:absolute;bottom:6px;right:5px}.music-btn .eq i{background:#fff;border-radius:1px;width:2.5px;animation:.6s ease-in-out infinite alternate eq}.music-btn .eq i:nth-child(2){animation-delay:.2s}.music-btn .eq i:nth-child(3){animation-delay:.4s}@keyframes eq{0%{height:2px}to{height:9px}}.track-chip{color:var(--muted);white-space:nowrap;border:1.5px solid var(--line);background:#ffffff0f;border-radius:99px;padding:6px 10px;font-size:12px;font-weight:800}@media (width<=1180px){.track-chip{display:none}}@media (width<=900px){.nav-links{display:none}.music-btn{margin-left:auto}}.logo{color:#fff;text-align:center;white-space:nowrap;font-weight:400;line-height:.9;display:inline-block;position:relative}.logo .logo-text{background:linear-gradient(#fff6c9 0%,#ffd23f 45%,#ff9a1f 100%);color:#0000;-webkit-text-stroke:.06em #2a1460;paint-order:stroke fill;filter:drop-shadow(0 .08em #2a1460)drop-shadow(0 .14em .2em #00000059);-webkit-background-clip:text;background-clip:text;padding:.05em .12em;display:inline-block;position:relative}.logo.unknown .logo-text{background:linear-gradient(90deg,#b8aad8,#fff,#b8aad8) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite shimmer}.logo .ears{width:.7em;height:.4em;position:absolute;top:-.32em;left:.1em}@keyframes shimmer{to{background-position:-200% 0}}.hero{background:linear-gradient(#2a1470 0%,#6a2fb0 30%,#e0569b 58%,#ffaa6b 78%,#ffd59a 100%);height:230vh}.hero-sun{filter:blur(2px);background:radial-gradient(circle,#fff3c4 0%,#ffd23f 35%,#ff8c5073 60%,#ff787800 72%);border-radius:50%;width:46vmin;height:46vmin;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.hero-stars{opacity:.7;background-image:radial-gradient(2px 2px at 10% 20%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 30% 8%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 70% 14%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 88% 26%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 52% 4%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 18% 34%,#fff 50%,#0000 51%);position:absolute;inset:0}.hero-overlay{pointer-events:none;flex-direction:column;align-items:center;padding-top:max(96px,13vh);display:flex;position:absolute;inset:0}.hero-overlay>*{pointer-events:auto}.hero-badge{margin-bottom:18px}.hero .logo{font-size:clamp(54px,11vw,150px)}.hero-tag{font-family:var(--display);text-align:center;text-shadow:0 2px #2a1460cc;margin-top:16px;padding:0 16px;font-size:clamp(14px,1.8vw,20px);font-weight:700}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px;display:flex}.hero-cards{pointer-events:none;justify-content:space-between;padding:0 4vw;display:flex;position:absolute;bottom:6vh;left:0;right:0}.hero-card{pointer-events:auto;min-width:190px;padding:14px 18px}.hero-card .lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.hero-card .val{font-family:var(--display);margin-top:4px;font-size:20px;font-weight:900}.hero-card .row+.row{margin-top:10px}.scroll-hint{letter-spacing:.25em;opacity:.8;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:900;display:flex;position:absolute;bottom:2.4vh;left:50%;transform:translate(-50%)}.scroll-hint span{animation:1.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(6px)}}@media (width<=760px){.hero-cards{gap:10px;padding:0 16px;bottom:8vh}.hero-card{flex:1;min-width:0;padding:10px 12px}.hero-card .val{font-size:15px}.hero-card .row:nth-child(2){display:none}}.section{padding:120px 0;position:relative}@media (width<=640px){.section{padding:80px 0}}.namegen{background:radial-gradient(1200px 500px at 50% 0%, #ffd59a40, transparent 70%), linear-gradient(180deg, #ffd59a 0%, #3b1d84 18%, var(--bg) 60%)}.slot{background:linear-gradient(#2c1a66,#1c1045);border:3px solid #4a2fa0;border-radius:32px;max-width:920px;margin:0 auto;padding:28px;position:relative;box-shadow:0 10px #0c0620,0 30px 80px #8b5cf659,inset 0 2px #ffffff1a}.slot-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.slot-lights{gap:8px;display:flex}.slot-lights i{background:var(--gold);width:12px;height:12px;box-shadow:0 0 12px var(--gold);border-radius:50%;animation:1s infinite blink}.slot-lights i:nth-child(2n){background:var(--pink);box-shadow:0 0 12px var(--pink);animation-delay:.5s}@keyframes blink{50%{opacity:.25}}.seg{border:1.5px solid var(--line);background:#0000004d;border-radius:14px;padding:4px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:900}.seg button.on{background:var(--violet);color:#fff;box-shadow:0 3px 0 var(--violet-d)}.reels{grid-template-columns:1fr 1fr .7fr;gap:14px;display:grid}.reel{--h:84px;height:var(--h);background:linear-gradient(#0d0724,#241452 50%,#0d0724);border:3px solid #5a3cc0;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 8px 16px #0009,inset 0 -8px 16px #0009}.reel.locked{border-color:var(--gold);box-shadow:inset 0 8px 16px #0009,0 0 0 3px #ffc53140}.reel-strip{will-change:transform}.reel-item{height:var(--h);font-family:var(--display);text-transform:uppercase;text-align:center;white-space:nowrap;place-items:center;padding:0 8px;font-size:clamp(18px,3vw,32px);font-weight:900;display:grid}.reel-item.empty{color:#ffffff40}.reel-lock{width:100%;margin-top:10px}.reel-col{flex-direction:column;display:flex}.slot-result{text-align:center;place-items:center;min-height:112px;margin:26px 0 8px;display:grid}.slot-result .logo{font-size:clamp(34px,6vw,64px)}.slot-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.namegen-extra{grid-template-columns:1fr 1fr;gap:18px;max-width:920px;margin:28px auto 0;display:grid}.namegen-extra .card{padding:20px}.namegen-extra h4{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:14px}.fav-list{flex-wrap:wrap;gap:8px;display:flex}.fav-list .chip{cursor:pointer;text-transform:none;padding:7px 12px;font-size:14px}.fav-list .chip:hover{border-color:var(--gold)}.fav-list .chip .x{opacity:.5;margin-left:4px}.input-row{gap:10px;display:flex}.input{border:2px solid var(--line);color:#fff;min-width:0;font:800 16px var(--body);background:#0000004d;border-radius:12px;outline:none;flex:1;padding:12px 14px}.input:focus{border-color:var(--violet)}.current-name{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:14px;font-weight:700;display:flex}.current-name b{color:var(--gold)}@media (width<=760px){.slot{border-radius:24px;padding:18px}.reels{grid-template-columns:1fr 1fr}.reel-col:nth-child(3){grid-column:span 2}.reel{--h:64px}.namegen-extra{grid-template-columns:minmax(0,1fr)}}.toast{z-index:80;background:var(--gold);color:#2a1600;white-space:nowrap;border-radius:16px;padding:14px 22px;font-weight:900;position:fixed;bottom:28px;left:50%;box-shadow:0 6px #b9820a,0 20px 40px #0006}.confetti{pointer-events:none;z-index:79;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:12px;height:12px;position:absolute;top:-20px}.sides{touch-action:pan-y;cursor:ew-resize;height:100vh;min-height:680px;position:relative;overflow:hidden}.sides-bg,.sides-bg .cat-bg,.sides-bg .dog-bg{position:absolute;inset:0}.sides-bg .cat-bg{background:radial-gradient(600px 500px at 25% 60%,#2ee6d640,#0000 70%),linear-gradient(135deg,#3a1a8a,#6b2fd1 60%,#8b5cf6)}.sides-bg .dog-bg{background:radial-gradient(600px 500px at 75% 60%,#ffe78c59,#0000 70%),linear-gradient(225deg,#ff6a3d,#ff8a3d 50%,#c2410c)}.sides-divider{z-index:3;background:#fff;width:6px;margin-left:-3px;position:absolute;top:0;bottom:0;box-shadow:0 0 30px #fffc}.sides-divider .vs{width:78px;height:78px;color:var(--bg);font-family:var(--display);background:#fff;border-radius:50%;place-items:center;font-size:24px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px #0000004d,0 0 0 8px #ffffff40}.sides-head{text-align:center;z-index:3;pointer-events:none;position:absolute;top:90px;left:0;right:0}.sides-head h2{text-shadow:0 5px #00000040;font-size:clamp(30px,5vw,60px)}.side-info{z-index:3;width:min(360px,42vw);padding:20px;transition:opacity .4s,transform .4s;position:absolute;bottom:6vh}.side-info.cat{left:4vw}.side-info.dog{right:4vw}.side-info.dim{opacity:.45;transform:scale(.95)}.side-info h3{font-family:var(--display);text-transform:uppercase;margin:0;font-size:30px;font-weight:900}.side-info .motto{color:#ffffffd9;margin:6px 0 12px;font-weight:800}.side-info ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.side-info li{align-items:center;gap:8px;font-weight:700;display:flex}.side-info li:before{content:"";background:var(--gold);border-radius:3px;flex-shrink:0;width:10px;height:10px}.side-info .pick{margin-top:14px}@media (width<=760px){.side-info{width:calc(50vw - 24px);padding:12px;bottom:3vh}.side-info.cat{left:12px}.side-info.dog{right:12px}.side-info h3{font-size:18px}.side-info .motto,.side-info li{font-size:12px}.side-info li:nth-child(n+3){display:none}.sides-divider .vs{width:56px;height:56px;font-size:18px}}.treats{background:radial-gradient(900px 700px at 30% 55%, #8b5cf659, transparent 70%), var(--bg)}.treats-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;height:100%;display:grid;position:relative}.treats-stage{height:72vh;position:relative}.treats-head{z-index:3;position:absolute;top:88px;left:0;right:0}.treat-card{padding:28px;position:relative;overflow:hidden}.treat-card .glowbar{height:5px;position:absolute;inset:0 0 auto}.treat-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.treat-card h3{font-family:var(--display);text-transform:uppercase;margin:0 0 10px;font-size:clamp(26px,3.2vw,42px);font-weight:900;line-height:1}.treat-card p{color:var(--muted);margin:0 0 18px;font-size:17px;font-weight:700;line-height:1.45}.abilities{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ability{border:1.5px solid var(--line);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border-bottom-width:4px;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:800;transition:transform .1s,background .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.ability:hover{border-color:var(--acc);box-shadow:0 0 18px -4px var(--acc);background:#ffffff1c;transform:translateY(-2px)}.ability:active,.ability.pressed{box-shadow:0 0 26px -2px var(--acc);background:#ffffff2e;border-bottom-width:1.5px;transform:translateY(2px)scale(.97)}.ability.ult{background:linear-gradient(90deg,#ff4fd829,#ffc53129);border-color:#ffc53199}.ability.ult kbd{color:#fff;background:linear-gradient(135deg,#ffc531,#ff4fd8)}.ability.cooling{cursor:not-allowed}.ability.cooling kbd{color:#2a1460;background:#6b6290}@property --cdp{syntax:"<percentage>";inherits:false;initial-value:100%}.ability .cd{pointer-events:none;background:conic-gradient(#0a061eb8 var(--cdp), transparent 0);animation:linear forwards cd;position:absolute;inset:0}@keyframes cd{0%{--cdp:100%}to{--cdp:0%}}.ability-hint{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:14px;font-size:13px;font-weight:800;display:flex}.ability-hint kbd{border:1px solid var(--line);min-width:22px;height:22px;font-family:var(--display);color:#fff;background:#ffffff1f;border-bottom-width:3px;border-radius:6px;place-items:center;font-size:11px;display:inline-grid}.fx-overlay{pointer-events:none;position:absolute;inset:0}.fx-pop{font-family:var(--display);color:#fff;white-space:nowrap;-webkit-text-stroke:5px #1a0b3a;paint-order:stroke fill;text-shadow:0 4px #1a0b3a;font-size:26px;font-weight:900;position:absolute}.fx-pop.crit{color:#ffc531;font-size:36px}.fx-pop.ult{color:#ff4fd8;font-size:50px}.fx-pop.buff{color:#6dffb4;font-size:24px}.fx-pop.heart{-webkit-text-stroke:0;text-shadow:0 0 12px #ff4f7a;font-size:30px}.fx-callout{font-family:var(--display);text-transform:uppercase;white-space:nowrap;-webkit-text-stroke:6px #1a0b3a;paint-order:stroke fill;text-shadow:0 5px #1a0b3a;font-size:clamp(22px,3vw,36px);font-weight:900;position:absolute;bottom:6%;left:50%}.fx-callout.ult{-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(0 4px #1a0b3a);font-size:clamp(30px,4.4vw,54px)}.fx-combo{font-family:var(--display);color:#fff;-webkit-text-stroke:4px #1a0b3a;paint-order:stroke fill;font-size:18px;font-weight:900;position:absolute;top:32%;right:4%}.fx-combo b{color:#ffc531;font-size:34px}.fx-flash{pointer-events:none;z-index:10;background:#fff;position:fixed;inset:0}.ability kbd{width:32px;height:32px;font-family:var(--display);color:var(--bg);background:#fff;border-radius:9px;flex-shrink:0;place-items:center;font-size:14px;font-weight:900;display:grid;box-shadow:0 3px #0006}.treat-dots{z-index:3;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 16px;display:flex;position:absolute;bottom:4vh;left:0;right:0}.treat-dot{border:2px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;transition:transform .2s,border-color .2s,background .2s;display:grid}.treat-dot.on{background:#ffffff26;transform:translateY(-4px)scale(1.1)}.treat-counter{font-family:var(--display);color:var(--muted);letter-spacing:.1em;margin-bottom:10px;font-size:13px;font-weight:900}@media (width<=860px){.treats-grid{grid-template-rows:30vh auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:0;padding-top:150px}.treats-stage{height:30vh}.treats-head{top:72px}.treats-head .h-display{font-size:28px!important}.treat-card{padding:16px}.treat-card p{display:none}.treat-card h3{font-size:24px}.ability-hint{margin-top:8px;font-size:11px}.fx-pop{font-size:20px}.fx-pop.crit{font-size:26px}.fx-pop.ult{font-size:34px}.abilities{gap:6px}.ability{padding:6px 8px;font-size:12px}.ability kbd{width:24px;height:24px;font-size:11px}.treat-dot{border-radius:8px;width:26px;height:26px;font-size:12px}.treat-dots{gap:5px;bottom:2vh}}.gacha{background:radial-gradient(800px 600px at 30% 50%, #ff4fd838, transparent 70%), linear-gradient(180deg, var(--bg), #1d0f45 50%, var(--bg))}.gacha-grid{grid-template-columns:1.1fr 1fr;align-items:stretch;gap:28px;display:grid}.gacha-stage{background:radial-gradient(circle at 50% 60%,#3a1f86,#160b36 70%);border:3px solid #4a2fa0;border-radius:28px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 10px #0c0620}.gacha-banner{text-align:center;z-index:3;pointer-events:none;position:absolute;top:24px;left:0;right:0}.gacha-banner .rar{font-family:var(--display);text-transform:uppercase;text-shadow:0 4px #0006;font-size:clamp(26px,4vw,44px);font-weight:900}.gacha-banner .nm{margin-top:6px;font-size:20px;font-weight:900}.rainbow{background:linear-gradient(90deg,#ff4fd8,#ffc531,#2ee6d6,#8b5cf6,#ff4fd8) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.5s linear infinite shimmer}.gacha-bottom{z-index:3;justify-content:center;display:flex;position:absolute;bottom:24px;left:0;right:0}.gacha-side{flex-direction:column;gap:18px;display:flex}.gacha-side .card{padding:22px}.gacha-side h4{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin:0 0 14px;font-size:14px;display:flex}.odds{gap:8px;display:grid}.odd{grid-template-columns:110px 1fr 44px;align-items:center;gap:10px;font-size:14px;font-weight:800;display:grid}.odd .bar{background:#ffffff14;border-radius:99px;height:10px;overflow:hidden}.odd .bar i{border-radius:99px;height:100%;display:block}.collection{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.slotc{aspect-ratio:1;border:2px solid var(--line);color:#fff3;background:#00000040;border-radius:12px;place-items:center;font-size:20px;font-weight:900;display:grid;position:relative}.slotc.got{color:#fff}.slotc .tip{white-space:nowrap;opacity:0;pointer-events:none;background:#000;border-radius:8px;padding:4px 8px;font-size:11px;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px)}.slotc:hover .tip{opacity:1}@media (width<=860px){.gacha-grid{grid-template-columns:minmax(0,1fr)}.gacha-stage{min-height:440px}.odd{grid-template-columns:96px 1fr 40px;font-size:12px}}.power{background:radial-gradient(700px 600px at 50% 60%, #ffc5312e, transparent 70%), linear-gradient(180deg, var(--bg), #21104f)}.power-head{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:84px;left:0;right:0}.power-head h2{text-shadow:0 5px 0 var(--violet-d);font-size:clamp(22px,4.6vw,56px)}.power-steps{z-index:3;gap:12px;display:grid;position:absolute;top:50%;left:4vw;transform:translateY(-50%)}.power-step{border:2px solid var(--line);opacity:.45;background:#ffffff0d;border-radius:16px;align-items:center;gap:12px;min-width:250px;padding:12px 16px;font-weight:900;transition:all .3s;display:flex}.power-step b{width:32px;height:32px;font-family:var(--display);background:#ffffff1a;border-radius:10px;place-items:center;display:grid}.power-step.on{opacity:1;border-color:var(--gold);background:#ffc5311f;transform:translate(10px)}.power-step.on b{background:var(--gold);color:#2a1600}.power-final{z-index:3;text-align:right;position:absolute;top:50%;right:4vw;transform:translateY(-50%)}.power-final .big{font-family:var(--display);text-transform:uppercase;font-size:clamp(30px,5vw,64px);font-weight:900;line-height:.95}.turn-surface{pointer-events:auto;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:22% 22% 4%}.turn-surface.grabbing{cursor:grabbing}.turn-hint{white-space:nowrap;pointer-events:none;background:#120a2abf;border:1.5px solid #ffffff40;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:900;transition:opacity .5s,transform .5s;animation:2s ease-in-out infinite hint-bob;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.turn-hint .arr{color:var(--gold);font-size:18px}.turn-hint.hide{opacity:0;animation:none;transform:translate(-50%)translateY(10px)}@keyframes hint-bob{50%{transform:translate(-50%)translateY(-5px)}}@media (width<=860px){.turn-surface{inset:24% 0 22%}.turn-hint{bottom:2%}}.flash{opacity:0;z-index:4;pointer-events:none;background:#fff;position:absolute;inset:0}@media (width<=860px){.power-steps{grid-template-columns:1fr 1fr;gap:6px;inset:auto 12px 3vh;transform:none}.power-step{gap:6px;min-width:0;padding:8px;font-size:12px}.power-step.on{transform:none}.power-step b{width:24px;height:24px;font-size:12px}.power-final{text-align:center;inset:auto 0 22vh;transform:none}}.world{background:linear-gradient(#21104f 0%,#2b5bb8 45%,#7fd3ff 100%)}.world-head{z-index:3;position:absolute;top:84px;left:0;right:0}.sea-card{z-index:3;width:min(400px,100vw - 32px);padding:22px;position:absolute;bottom:6vh;left:4vw}.sea-card .num{font-family:var(--display);letter-spacing:.15em;color:var(--teal);font-size:13px;font-weight:900}.sea-card h3{font-family:var(--display);text-transform:uppercase;margin:6px 0 2px;font-size:32px;font-weight:900}.sea-card .sub{color:var(--muted);font-weight:800}.sea-card ul{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.sea-progress{z-index:3;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:6vh;right:4vw}.sea-progress button{border:2px solid var(--line);cursor:pointer;text-align:left;background:#120a2a99;border-radius:12px;padding:8px 14px;font-weight:900;transition:all .3s}.sea-progress button.on{border-color:var(--gold);background:#ffc53133}.island-tag{font-family:var(--display);white-space:nowrap;color:#fff;pointer-events:none;background:#120a2acc;border:1.5px solid #ffffff4d;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700;transform:translateY(-10px)}@media (width<=760px){.sea-progress{display:none}.sea-card{padding:16px;left:16px}.sea-card h3{font-size:24px}.sea-card ul{display:none}}.bosses{background:radial-gradient(800px 600px at 35% 50%, #e8344e47, transparent 70%), linear-gradient(180deg, #21104f, #0b0618 40%, #0b0618 80%, var(--bg));overflow:hidden}.boss-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:28px;display:grid}.boss-stage{height:560px;position:relative}.boss-card{border-color:#e8344e73;padding:26px}.boss-card .where{color:#ff8fa0;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.boss-card h3{font-family:var(--display);text-transform:uppercase;margin:8px 0 16px;font-size:clamp(28px,3.4vw,44px);font-weight:900;line-height:1}.hp{background:#2a0b14;border:2.5px solid #000;border-radius:10px;height:30px;margin-bottom:16px;position:relative;overflow:hidden}.hp i{transform-origin:0;background:linear-gradient(#ff6b7d,#e8344e 50%,#b3122a);position:absolute;inset:0}.hp span{font-family:var(--display);text-shadow:0 2px #000;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;inset:0}.boss-card p{color:var(--muted);margin:0 0 14px;font-weight:700;line-height:1.5}.boss-list{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.boss-btn{border:2px solid var(--line);cursor:pointer;text-align:center;background:#ffffff0d;border-radius:14px;padding:12px 8px;font-size:12px;font-weight:900;transition:all .2s}.boss-btn .ic{margin-bottom:4px;font-size:24px;display:block}.boss-btn.on{background:#e8344e2e;border-color:#e8344e}@media (width<=860px){.boss-grid{grid-template-columns:minmax(0,1fr)}.boss-stage{height:380px}.boss-btn{padding:8px 4px;font-size:10px}}.lab{background:linear-gradient(180deg, var(--bg), #1a0e40 50%, var(--bg))}.lab-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:24px;display:grid}.lab-preview{position:sticky;top:90px}.device-bar{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:14px;display:flex}.frame-wrap{justify-content:center;display:flex}.device{background:#0a0618;border:2px solid #3a2a6a;border-radius:26px;padding:12px;transition:width .5s cubic-bezier(.2,.9,.3,1.2);position:relative;box-shadow:0 10px #05030d,0 30px 80px #00000080}.screen{border-radius:16px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.screen canvas{display:block}.lab-canvas{inset:0;position:absolute!important}.mm{z-index:2;pointer-events:none;padding:5cqw;display:flex;position:absolute;inset:0}.mm.left{flex-direction:column;justify-content:center;align-items:flex-start}.mm.center{flex-direction:column;justify-content:center;align-items:center}.mm.bottom{flex-direction:column;justify-content:space-between;align-items:center}.mm-logo{text-align:center;margin-bottom:4cqw;line-height:.95}.mm.left .mm-logo{text-align:left}.mm-buttons{pointer-events:auto;flex-direction:column;gap:1.6cqw;display:flex}.mm.bottom .mm-buttons{flex-flow:wrap;justify-content:center}.mm-btn{cursor:pointer;text-align:center;letter-spacing:.03em;border:0;min-width:9.5em;padding:.8em 1.6em;transition:transform .15s,filter .2s}.mm.bottom .mm-btn{min-width:0}.mm-btn.h-bounce:hover{transform:translateY(-4px)scale(1.06)}.mm-btn.h-glow:hover{filter:brightness(1.2) drop-shadow(0 0 12px var(--mm-sec))}.mm-btn.h-wiggle:hover{animation:.4s ease-in-out wiggle}@keyframes wiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.mm-hud{z-index:3;gap:1.5cqw;display:flex;position:absolute;top:3cqw;right:3cqw}.mm-hud span,.mm-lvl{color:#fff;font-size:max(9px,1.6cqw);font-weight:900;font-family:var(--body);background:#00000073;border-radius:99px;padding:.5em .9em}.mm-lvl{z-index:3;position:absolute;bottom:3cqw;left:3cqw}.mm-particles{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mm-particles i{border-radius:2px;animation:linear infinite rise;position:absolute;bottom:-10px}@keyframes rise{to{transform:translateY(-110cqh)rotate(360deg)}}.lab-controls{gap:18px;padding:20px;display:grid}.ctrl label,.ctrl .lbl{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:900;display:flex}.ctrl label b{color:#fff}.ctrl input[type=range]{width:100%;accent-color:var(--violet);height:24px}.swatches{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;border:3px solid #0000;border-radius:12px;position:relative;overflow:hidden}.swatch.on{border-color:#fff;transform:scale(1.06)}.fonts{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.font-btn{border:2px solid var(--line);cursor:pointer;text-align:left;background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:10px;font-size:16px;display:flex}.font-btn small{font-family:var(--body);color:var(--teal);font-size:10px;font-weight:900}.font-btn.on{border-color:var(--violet);background:#8b5cf633}.opts{flex-wrap:wrap;gap:6px;display:flex}.opts button{border:2px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:800}.opts button.on{border-color:var(--violet);background:#8b5cf640}.ctrl-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.spec{margin-top:18px;padding:18px}.spec h4{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:13px;display:flex}.spec pre{white-space:pre-wrap;color:#d9ceff;margin:0;font:600 12.5px/1.7 ui-monospace,Cascadia Code,Consolas,monospace}.spec .sw{vertical-align:-1px;border:1px solid #ffffff4d;border-radius:3px;width:11px;height:11px;margin-right:4px;display:inline-block}@media (width<=1000px){.lab-grid{grid-template-columns:minmax(0,1fr)}.lab-preview{position:relative;top:0}}.stats{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:90px;display:grid}.stat{text-align:center;padding:22px 12px}.stat .n{font-family:var(--display);background:linear-gradient(#fff6c9,#ffc531);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,4vw,54px);font-weight:900;line-height:1}.stat .l{color:var(--muted);margin-top:8px;font-size:14px;font-weight:800}@media (width<=860px){.stats{grid-template-columns:repeat(3,1fr)}}.road{max-width:860px;margin:0 auto;padding-left:54px;position:relative}.road-line{background:#ffffff14;border-radius:99px;width:6px;position:absolute;top:10px;bottom:10px;left:18px;overflow:hidden}.road-line i{transform-origin:top;background:linear-gradient(180deg, var(--teal), var(--violet), var(--pink));position:absolute;inset:0}.phase{margin-bottom:18px;padding:22px;position:relative}.phase:before{content:"";background:var(--bg);border:4px solid #ffffff40;border-radius:7px;width:22px;height:22px;position:absolute;top:26px;left:-46px}.phase.done:before{background:var(--teal);border-color:var(--teal)}.phase.wip:before{background:var(--gold);border-color:var(--gold);animation:1.6s infinite pulse;box-shadow:0 0 #ffc53199}@keyframes pulse{to{box-shadow:0 0 0 16px #ffc53100}}.phase-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.phase-top .ph{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:900}.phase h3{font-family:var(--display);text-transform:uppercase;margin:0 0 12px;font-size:24px;font-weight:900}.phase ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.phase li{background:#ffffff0f;border-radius:10px;padding:6px 12px;font-size:14px;font-weight:700}.st-done{color:var(--teal);background:#2ee6d626;border-color:#2ee6d680}.st-wip{color:var(--gold);background:#ffc53126;border-color:#ffc53180}.final{text-align:center;background:radial-gradient(900px 500px at 50% 30%, #8b5cf659, transparent 70%), var(--bg);padding:140px 0 60px;position:relative;overflow:hidden}.final .logo{cursor:pointer;font-size:clamp(48px,9vw,120px)}.final-sub{font-family:var(--display);color:var(--muted);margin:22px 0 30px;font-size:clamp(16px,2vw,22px);font-weight:700}.roblox-btn{align-items:center;gap:14px;display:inline-flex}.roblox-btn .sq{background:#fff;border-radius:4px;place-items:center;width:26px;height:26px;display:grid;transform:rotate(15deg)}.roblox-btn .sq:after{content:"";background:var(--violet);width:8px;height:8px}.footer{border-top:1.5px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:90px;padding-top:26px;font-size:13px;font-weight:700;display:flex}.fish-rain{pointer-events:none;z-index:90;position:fixed;inset:0;overflow:hidden}.fish-rain span{font-size:34px;position:absolute;top:-60px}.meow-bubble{z-index:91;font-family:var(--display);color:#fff;text-shadow:0 6px 0 var(--violet-d), 0 0 40px var(--pink);pointer-events:none;font-size:clamp(50px,10vw,120px);font-weight:900;position:fixed;top:40%;left:50%}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--hud-h:64px}.hud{z-index:50;height:var(--hud-h);background:#140b31;border-bottom:2px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;transition:box-shadow .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 6px 24px #00000059}.hud .pop{animation:.6s ease-out hud-pop}@keyframes hud-pop{0%{color:#fff;text-shadow:0 0 10px #fff, 0 0 18px var(--gold)}to{text-shadow:none}}.hud.lvlup{border-bottom-color:var(--gold);box-shadow:0 6px 30px #ffc53173}.hud-left,.hud-right{align-items:center;gap:10px;min-width:0;display:flex}.hud-logo{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:20px}.hud-player{align-items:center;gap:10px;display:flex}.hud-ava{border:2.5px solid #fff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:22px;display:grid;position:relative;box-shadow:inset 0 -4px #0003}.hud-lvl{background:var(--gold);color:#2a1600;min-width:22px;height:22px;font-family:var(--display);border:2px solid #2a1600;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:-7px;right:-9px}.hud-xp{width:170px}.hud-xp-top{height:17px;color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.hud-xp-top b{font-family:var(--display);color:#fff;white-space:nowrap;font-size:13px;display:block}.hud-xp-top b.hud-flash.xp{color:#7cfff3}.hud-xp-top b.hud-flash.level{color:var(--gold)}.hud-xp-bar{background:#00000073;border:2px solid #ffffff29;border-radius:999px;height:10px;overflow:hidden}.hud-xp-bar i{background:linear-gradient(90deg, var(--teal), #7cfff3);border-radius:999px;height:100%;transition:width .15s linear;display:block}.hud.lvlup .hud-xp-bar i{background:linear-gradient(90deg, var(--gold), #fff2b0)}.hud-cur{background:#ffffff0f;border:2px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:16px;transition:border-color .2s,background .2s;display:flex}.hud-cur.gain{border-color:var(--gold);background:#ffc53124}.hud-cur b{font-family:var(--display);min-width:2ch;font-size:14px;display:inline-block}.hud .sound-btn{background:#ffffff0f;border-width:2px;border-radius:12px;width:40px;height:40px}.hud .sound-btn.on{background:var(--violet)}.hud .music-btn.on{background:linear-gradient(135deg, var(--violet), var(--pink))}.hud-log-btn{position:relative}.hud-badge{background:var(--gold);color:#2a1600;border:2px solid #2a1600;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:900;line-height:1.2;position:absolute;bottom:-7px;right:-7px}.quest-log{width:min(340px,100vw - 24px);max-height:calc(100vh - var(--hud-h) - 20px);transform-origin:100% 0;background:#180e38fa;border:2.5px solid #ffffff2e;border-radius:20px;padding:14px;position:absolute;top:calc(100% + 6px);right:12px;overflow:auto;box-shadow:0 8px #0006,0 20px 50px #00000080}.ql-head{font-family:var(--display);justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.ql-head span{color:var(--gold);font-weight:800}.ql-list{flex-direction:column;gap:5px;display:flex}.ql-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:800;display:flex}.ql-item:hover{background:#ffffff1a}.ql-item.now{border-color:var(--gold);background:#ffc5311f}.ql-item.ok{color:var(--muted)}.ql-item.extra{background:0 0;margin-top:2px}.ql-mark{background:#ffffff1a;border-radius:8px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.ql-item.ok .ql-mark{color:#062a14;background:#2ecf6b}.ql-item.now .ql-mark{background:var(--gold);color:#2a1600}.ql-title{flex:1}.ql-rew{color:var(--teal);font-size:11px}.ql-reset{width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:2px dashed #fff3;border-radius:12px;margin-top:12px;padding:9px;font-size:13px;font-weight:800}.ql-reset.sure{color:#ff8a9a;background:#e8344e1f;border-style:solid;border-color:#e8344e}.ql-sound{gap:8px;margin-bottom:12px;display:flex}.ql-sound button{border:2px solid var(--line);height:40px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0f;border-radius:12px;flex:1;font-size:13px;font-weight:800}.ql-sound button.on{background:var(--violet);border-color:var(--violet)}.quest-card{text-align:left;pointer-events:auto;width:min(560px,100%);margin:0 auto}.qc{background:#120a2af0;border:2px solid #ffc5318c;border-radius:18px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;box-shadow:0 4px #0000004d}.qc-ava{background:linear-gradient(#3fb0ff,#1f6fd0);border:2px solid #fff;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:26px;display:grid;position:relative}.qc-ava small{font-size:15px;position:absolute;top:-9px;right:-8px}.qc-ava.sm{border-width:1.5px;border-radius:9px;width:28px;height:28px;font-size:16px}.qc-body{flex:1;min-width:0}.qc-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.qc-name{font-family:var(--display);color:#7cc4ff;font-size:13px}.qc-k{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);white-space:nowrap;font-size:10px;font-weight:900}.qc-say{color:var(--text);margin:4px 0 8px;font-size:14px;font-weight:700;line-height:1.4}.qc-goal{color:var(--gold);flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:13px;font-weight:900;display:flex}.qc-rew{color:var(--teal);white-space:nowrap;font-size:12px;font-weight:900}.qc-prog{background:#00000073;border:1.5px solid #ffffff26;border-radius:999px;flex-shrink:0;width:120px;height:18px;position:relative;overflow:hidden}.qc-prog.wide{width:100%;margin-top:8px;display:block}.qc-prog i{background:linear-gradient(90deg, var(--gold), #ffe48a);transition:width .3s;position:absolute;inset:0 auto 0 0}.qc-prog em{color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid;position:absolute;inset:0}.qc.compact{border-radius:999px;align-items:center;gap:10px;padding:7px 10px}.qc-main{flex:1;min-width:0;font-size:13px;font-weight:800;line-height:1.3}.qc.compact .qc-main .qc-k{margin-right:4px}.qc-check{color:#062a14;background:#2ecf6b;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:grid}.qc-done{color:#8dffb0;background:#12281eb3;border-color:#2ecf6b99;border-radius:999px;align-items:center;width:fit-content;margin:0 auto;padding:5px 14px 5px 6px}.qc-fresh{background:#144628eb;border-color:#5dff9a;align-items:center;box-shadow:0 4px #0000004d,0 0 30px #5dff9a59}.qc-fresh .qc-main b{font-family:var(--display)}.qc-fresh .qc-rew{color:var(--gold);font-size:13px}@media (width<=760px),(height<=500px){:root{--hud-h:54px}.hud{gap:6px;padding:0 10px}.hud-logo{display:none}.hud:not(.on) .hud-logo{display:block}.hud.on .hud-sound{display:none}.hud-ava{border-radius:10px;width:36px;height:36px;font-size:19px}.hud-xp{width:96px}.hud-xp-top span{display:none}.hud-xp-top b{font-size:12px}.hud-cur{height:36px;padding:0 9px;font-size:14px}.hud-cur b{font-size:12px}.hud .sound-btn{width:36px;height:36px;font-size:16px}.hud-right{gap:6px}.qc{border-radius:16px;gap:10px;padding:10px 12px}.qc-ava{border-radius:12px;width:38px;height:38px;font-size:21px}.qc-say{margin:3px 0 6px;font-size:13px}.qc-goal{font-size:12px}.qc.compact{padding:6px 8px}.qc.compact .qc-main{font-size:12px}.qc.compact .qc-main .qc-k{display:none}.qc-prog{width:92px}}@media (width<=380px){.hud-xp{width:74px}.hud-cur{gap:3px;padding:0 7px}}.play-btn{padding:20px 46px;font-size:22px;animation:1.6s ease-in-out infinite play-pulse}@keyframes play-pulse{0%,to{box-shadow:0 6px 0 var(--cd), 0 0 0 0 #ffc5318c}50%{box-shadow:0 6px 0 var(--cd), 0 0 0 14px #ffc53100}}.side-quest,.treats-quest,.world-quest{margin-top:14px}@media (width>=861px){.treats-grid{box-sizing:border-box;padding:190px 0 80px}.treats-stage{height:min(100%,72vh)}}@media (width>=861px) and (height<=820px){.treat-card{padding:20px}.treat-card p,.side-info ul{display:none}}.side-join{margin-top:12px}.join-ok{color:#5dff9a;background:#2ecf6b29}.side-info.mine{box-shadow:0 6px #00000059,0 0 30px #ffffff1f}.gacha-bottom{flex-wrap:wrap;gap:12px;padding:0 12px}.gacha-bottom .btn.broke{filter:grayscale(.5)}.gacha-broke{z-index:3;text-align:center;background:#000000b3;border:2px solid #e8344e;border-radius:12px;width:max-content;max-width:calc(100% - 24px);margin:0 auto;padding:8px 14px;font-size:13px;font-weight:800;position:absolute;bottom:100px;left:0;right:0}.link-btn{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.slotc{position:relative}.slotc.eq{box-shadow:0 0 0 3px var(--teal), 0 0 16px #2ee6d699}.slot-eq{font-size:14px;position:absolute;top:-8px;right:-6px}.power-who{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 10px;display:flex}.chip.power-example{cursor:pointer;color:var(--gold);text-transform:none;white-space:normal;text-align:center;background:#00000073;max-width:100%}.sea-lock{color:#ff9aa8;align-items:baseline;gap:10px;margin:8px 0 4px;font-weight:900;display:flex}.sea-lock small{color:var(--muted);font-weight:800}.sea-here{color:var(--gold);margin:8px 0 4px;font-weight:900}.sea-card .chip.home{border-color:var(--gold);color:var(--gold)}.boss-stage.arena{background:radial-gradient(circle at 50% 70%,#3a1030,#12061e 75%);border:3px solid #5a1a3a;border-radius:28px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 10px #0c0620}.boss-stage.arena.warn{box-shadow:0 10px #0c0620,inset 0 0 60px #ff22448c}.fight-ui{z-index:3;pointer-events:none;position:absolute;inset:0}.fight-ui button{pointer-events:auto}.fight-boss{width:min(420px,100% - 28px);position:absolute;top:14px;left:50%;transform:translate(-50%)}.fb-name{text-align:center;font-family:var(--display);text-shadow:0 2px #000;margin-bottom:6px;font-size:15px;font-weight:900}.fb-name span{color:#ff8fa0;font-size:12px}.fight-boss .hp{height:26px}.fight-pops{position:absolute;inset:0}.fight-warn{color:#fff;width:46px;height:46px;font-family:var(--display);background:#f24;border:3px solid #fff;border-radius:50%;place-items:center;margin:-70px 0 0 -23px;font-size:30px;font-weight:900;display:grid;position:absolute;box-shadow:0 0 24px #f24}.fx-pop.hurt{color:#f46;font-size:30px}.fx-pop.miss{color:#5dff9a;font-size:28px}.fight-bottom{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.fight-me{align-items:center;gap:8px;width:min(260px,100%);display:flex}.fm-ava{background:#00000080;border:2px solid #fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.fm-hp{background:#0000008c;border:2px solid #ffffff4d;border-radius:999px;flex:1;height:18px;position:relative;overflow:hidden}.fm-hp i{background:linear-gradient(90deg,#2ecf6b,#8dff9a);height:100%;transition:width .25s;display:block}.fm-hp span{text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;inset:0}.fight-bar{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;display:grid}.fight-ab{background:#0a061ed1;padding:7px 9px;font-size:12px}.fight-ab kbd{width:26px;height:26px;font-size:12px}.fight-ab.locked{opacity:.55;cursor:not-allowed}.fight-ab.dodge{border-color:#5dff9a99}.fight-panel{text-align:center;pointer-events:auto;background:#120824e6;border:2.5px solid #e8344e99;border-radius:20px;width:min(440px,100% - 24px);margin:0 auto;padding:16px 18px;position:absolute;bottom:18px;left:0;right:0;box-shadow:0 6px #00000073}.fight-panel.won{border-color:var(--gold)}.fp-title{font-family:var(--display);font-size:20px;font-weight:900}.fp-title.win{font-family:"Luckiest Guy", var(--display);color:var(--gold);-webkit-text-stroke:5px #5a2a00;paint-order:stroke fill;letter-spacing:.04em;font-size:48px}.fp-title.lose{color:#ff8fa0}.fp-text{color:var(--muted);margin:8px 0 12px;font-size:14px;font-weight:700;line-height:1.5}.fp-text b{color:#fff}.fp-hint{color:var(--muted);margin-top:10px;font-size:12px;font-weight:800}.fp-loot{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0 14px;display:flex}.fp-loot span{color:var(--teal);background:#ffffff1a;border:2px solid #fff3;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:900}.fp-loot span.rare{color:#3fb0ff;border-color:#3fb0ff}.boss-lock{color:#ff9aa8;font-weight:900}.boss-status{color:var(--gold);font-weight:900}.boss-status.ok{color:#5dff9a}.boss-btn{position:relative}.boss-btn.lock{opacity:.6}.boss-ok{color:#5dff9a;position:absolute;top:4px;right:6px}.summary{text-align:left;border-color:#ffc53180;width:min(560px,100%);margin:26px auto 30px;padding:22px}.sum-kicker{letter-spacing:.16em;color:var(--gold);margin-bottom:14px;font-size:11px;font-weight:900}.sum-top{align-items:center;gap:16px;display:flex}.sum-ava{border:3px solid #fff;border-radius:18px;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:34px;display:grid;position:relative}.sum-lv{flex-direction:column;flex:1;gap:6px;font-weight:800;display:flex}.sum-lv b{font-family:var(--display)}.sum-lv small{color:var(--muted);font-weight:700}.sum-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.sum-stat{border:1.5px solid var(--line);background:#00000040;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.sum-stat span{color:var(--muted);font-size:12px;font-weight:800}.sum-stat b{font-family:var(--display);font-size:18px}.sum-eq{color:var(--muted);margin-top:14px;font-weight:800}.sum-eq b{color:#fff}.sum-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.btn.danger{color:#ff8a9a;border-color:#e8344e}@media (width<=860px){.boss-stage.arena{height:460px}.fight-bar{grid-template-columns:repeat(3,1fr)}.fight-ab span{font-size:10px}.fp-title.win{font-size:38px}.sum-grid{grid-template-columns:repeat(2,1fr)}.play-btn{padding:16px 34px;font-size:18px}}@media (width<=760px){.side-join .btn,.side-info .chip{white-space:normal;text-align:left;max-width:100%}.side-join .btn{justify-content:center;width:100%;padding:10px;font-size:12px}.section-head{gap:12px;margin-bottom:22px}.section-head p{font-size:14px;line-height:1.45}.slot{padding:14px}.slot-top{margin-bottom:12px}.reels{grid-template-columns:1fr 1fr .8fr;gap:8px}.reel-col:nth-child(3){grid-column:auto}.reel-col{position:relative}.reel{--h:54px;border-radius:14px}.reel-item{padding:0 4px;font-size:14px}.reel-lock{border-radius:50%;width:30px;height:30px;margin:0;padding:0;font-size:13px;position:absolute;top:-8px;right:-6px}.lock-txt,.fav-txt{display:none}.slot-result{min-height:74px;margin:14px 0 4px}.slot-result .logo{font-size:30px}.slot-actions{flex-wrap:nowrap;gap:8px;margin-top:10px}.slot-actions .btn.big{flex:1;padding:13px 10px;font-size:14px}.slot-actions .fav-btn{flex:0 0 52px}.gacha-stage{min-height:0;height:min(440px, calc(100svh - var(--hud-h) - 40px))}.boss-stage.arena{height:clamp(380px, calc(100svh - var(--hud-h) - 24px), 560px)}.hero-badge{letter-spacing:.1em;padding:6px 12px;font-size:10px}.hero-cards,.side-info ul,.side-info .chip.pick{display:none}.side-info .motto{margin-bottom:4px}.gacha-side>.card:last-child{order:-1}.gacha-bottom .btn.big{padding:14px 18px;font-size:15px}.power-steps{justify-content:center;gap:8px;display:flex;inset:auto 0 2.5vh;transform:none}.power-step,.power-step.on{background:0 0;border:0;min-width:0;padding:0;font-size:0}.power-step b{border:2px solid #ffffff40;border-radius:50%;width:28px;height:28px;font-size:12px}.power-final{bottom:calc(2.5vh + 44px)}.power-final .big{font-size:34px}.turn-hint{bottom:24%}.fight-panel{padding:12px;bottom:10px}.fp-title{font-size:16px}.fp-text{margin:6px 0 10px;font-size:12px}.fp-text small,.fp-hint{display:none}.fight-panel .btn.big{padding:12px 28px;font-size:16px}.sides-head{top:calc(var(--hud-h) + 16px)}.fight-bar{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:5px}.fight-ab{flex-direction:column;justify-content:center;gap:3px;min-height:58px;padding:6px 3px}.fight-ab kbd{width:28px;height:28px}.fight-ab span{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.1;display:-webkit-box;overflow:hidden}.fight-ab.dodge{background:#2ecf6b40}.spec{margin-top:12px;padding:12px 14px}.spec h4{align-items:center;margin:0}.spec pre{display:none}.lab .device{max-width:250px}}@media (height<=500px){.boss-stage.arena{height:max(280px, calc(100svh - var(--hud-h) - 24px))}.fight-bar{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:5px}.fight-ab{min-height:0;padding:5px 8px}.fight-ab kbd{width:24px;height:24px}.fight-bottom{gap:5px;bottom:8px}.fight-boss{top:8px}}
