:root{--bg-0:#04061a;--bg-1:#0a1338;--ink:#eef3ff;--ink-dim:#9fb0d8;--accent:#28e7ff;--gold:#ffd24a;--danger:#ff5c7a;--panel:#08102cd1;--stroke:#8cafff38;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 700px at 50% -10%, #17306e 0%, transparent 60%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 70%);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;overflow-x:hidden}kbd{border:1px solid var(--stroke);font:inherit;letter-spacing:.02em;background:#ffffff12;border-bottom-width:2px;border-radius:6px;padding:.12em .45em;font-size:.86em;font-weight:700;display:inline-block}.app{flex-direction:column;align-items:center;gap:14px;min-height:100%;padding:14px clamp(10px,3vw,28px) 22px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1080px;display:flex}.topbar__brand{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-size:clamp(16px,2.4vw,22px);font-weight:800;display:flex}.topbar__dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 14px var(--accent);border-radius:50%}.topbar__actions{gap:8px;display:flex}.chip{border:1px solid var(--stroke);color:var(--ink-dim);letter-spacing:.08em;cursor:pointer;background:#ffffff0d;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:700;transition:color .15s,border-color .15s,background .15s}.chip:hover{color:var(--ink);border-color:var(--accent);background:#28e7ff1a}.stage-wrap{flex-direction:column;gap:14px;width:100%;max-width:1080px;display:flex}.stage{aspect-ratio:2;border-radius:var(--radius);border:1px solid var(--stroke);background:#050a1c;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 70px #000828bf,inset 0 0 0 1px #ffffff08;container-type:inline-size}.stage__canvas{touch-action:manipulation;width:100%;height:100%;display:block}.stage__overlay{pointer-events:none;font-size:1.5cqw;position:absolute;inset:0}.stage__overlay button,.stage__overlay .hud__pause{pointer-events:auto}.hud{grid-template-columns:1fr auto 1fr;align-items:start;gap:1cqw;padding:1.6cqw 2cqw;display:grid;position:absolute;inset:0}.hud__left{text-shadow:0 2px 8px #000c;flex-direction:column;gap:.4cqw;display:flex}.hud__score{align-items:baseline;gap:.7cqw;display:flex}.hud__score-label{letter-spacing:.18em;color:var(--ink-dim);font-size:max(1.1cqw,10px);font-weight:700}.hud__score-value{font-variant-numeric:tabular-nums;font-size:3.4cqw;font-weight:900;line-height:1}.hud__best{letter-spacing:.12em;color:var(--ink-dim);font-size:max(1.1cqw,10px);font-weight:700}.hud__hearts{gap:.35cqw;margin-top:.3cqw;font-size:2cqw;line-height:1;display:flex}.heart.is-on{color:var(--danger);text-shadow:0 0 10px #ff5c7acc}.heart.is-off{color:#ffffff2e}.hud__center{flex-direction:column;align-items:center;gap:.5cqw;min-width:26cqw;display:flex}.belt-tag{border:1px solid var(--stroke);letter-spacing:.14em;white-space:nowrap;background:#040a1eb8;border-radius:999px;align-items:center;gap:.6cqw;padding:.5cqw 1.2cqw;font-size:1.5cqw;font-weight:800;display:inline-flex}.belt-tag__swatch{background:var(--belt);border:1px solid #ffffff59;border-radius:2px;width:1.6cqw;height:.7cqw}.belt-tag.is-flashing{border-color:var(--gold);animation:.5s ease-out beltPop;box-shadow:0 0 24px #ffd24a8c}@keyframes beltPop{0%{transform:scale(1.25)}to{transform:scale(1)}}.belt-progress{border:1px solid var(--stroke);background:#00000080;border-radius:999px;width:24cqw;height:.9cqw;overflow:hidden}.belt-progress__fill{border-radius:999px;height:100%;transition:width .25s ease-out}.belt-progress__label{letter-spacing:.12em;color:var(--ink-dim);font-size:max(1cqw,10px);font-weight:700}.hud__right{flex-direction:column;align-items:flex-end;gap:.7cqw;display:flex}.hud__pause{border:1px solid var(--stroke);color:var(--ink);cursor:pointer;background:#040a1eb3;border-radius:10px;place-items:center;width:3.4cqw;min-width:30px;height:3.4cqw;min-height:30px;font-size:max(1.2cqw,11px);display:grid}.hud__pause:hover{border-color:var(--accent);color:var(--accent)}.combo{background:#ffd24a24;border:1px solid #ffd24a80;border-radius:10px;flex-direction:column;align-items:flex-end;padding:.4cqw .9cqw;animation:.3s ease-out comboIn;display:flex}@keyframes comboIn{0%{opacity:.4;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.combo__mult{color:var(--gold);font-size:2.2cqw;font-weight:900;line-height:1}.combo__count{letter-spacing:.1em;color:var(--ink-dim);font-size:max(.95cqw,9px);font-weight:700}.hud__meters{flex-wrap:wrap;grid-column:1/-1;align-self:end;gap:1.2cqw;display:flex}.meter{width:16cqw;min-width:110px}.meter__head{letter-spacing:.14em;color:var(--ink-dim);justify-content:space-between;margin-bottom:.25cqw;font-size:max(.95cqw,9px);font-weight:800;display:flex}.meter__hint{color:var(--accent)}.meter__track{border:1px solid var(--stroke);background:#0000008c;border-radius:999px;height:.85cqw;min-height:7px;position:relative;overflow:hidden}.meter__fill{border-radius:999px;height:100%;transition:width .12s linear}.meter__overlay{opacity:.85;mix-blend-mode:screen;border-radius:999px;transition:width 60ms linear;position:absolute;inset:0 auto 0 0}.meter.is-low .meter__fill{animation:.5s ease-in-out infinite meterBlink}@keyframes meterBlink{0%,to{filter:brightness()}50%{filter:brightness(1.8)saturate(1.4)}}.meter__hint.is-mid{color:var(--gold)}.meter__hint.is-max{color:#fff;text-shadow:0 0 10px #fff;animation:.35s ease-in-out infinite pulse}.meter__hint.is-warn{color:var(--danger)}.status-tag{color:#7cffb2;letter-spacing:.18em;background:#7cffb224;border:1px solid #7cffb28c;border-radius:999px;padding:.35cqw .9cqw;font-size:max(.95cqw,9px);font-weight:800;animation:.2s ease-out comboIn}.status-tag--warn{color:#ffb3c1;background:#ff5c7a29;border-color:#ff5c7a99}.status-tag--fly{color:var(--accent);background:#28e7ff24;border-color:#28e7ff8c}.status-tag--bell{color:var(--gold);background:#ffd24a24;border-color:#ffd24a99}.status-tag--round{color:#ffb3c1;font-variant-numeric:tabular-nums;background:#ff5c7a1f;border-color:#ff5c7a80}.status-tag.is-ending{animation:.5s steps(2,end) infinite tagBlink}@keyframes tagBlink{to{opacity:.35}}.screen{text-align:center;pointer-events:auto;background:radial-gradient(60% 60% at 50% 45%,#060c248c,#030614e6);flex-direction:column;justify-content:center;align-items:center;gap:1.6cqw;padding:2cqw;animation:.25s ease-out fadeIn;display:flex;position:absolute;inset:0;overflow:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logo{flex-direction:column;align-items:center;line-height:.95;display:flex}.logo__oss{letter-spacing:-.02em;background:linear-gradient(#fff,#9ec9ff 60%,#4b8dff);color:#0000;filter:drop-shadow(0 6px 22px #1e78ff8c);-webkit-background-clip:text;background-clip:text;font-size:9cqw;font-weight:900}.logo__sub{letter-spacing:.42em;color:var(--ink);margin-left:.42em;font-size:2.6cqw;font-weight:800}.logo__tag{letter-spacing:.4em;color:var(--gold);margin-top:.6cqw;font-size:max(1.1cqw,10px);font-weight:700}.belt-track{gap:.8cqw;display:flex}.belt-track__item{opacity:.35;flex-direction:column;align-items:center;gap:.35cqw;transition:opacity .2s;display:flex}.belt-track__item.is-earned{opacity:1}.belt-track__bar{border:1px solid #ffffff59;border-radius:3px;width:6cqw;height:1cqw}.belt-track__name{letter-spacing:.1em;color:var(--ink-dim);font-size:max(.95cqw,9px);font-weight:700}.controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4cqw 2.4cqw;max-width:66cqw;display:grid}.controls__row{color:var(--ink-dim);align-items:center;gap:.8cqw;font-size:max(1.15cqw,11px);display:flex}.controls__keys{justify-content:flex-end;gap:.3cqw;min-width:9cqw;display:flex}.controls__desc{text-align:left}.btn{border:1px solid var(--stroke);color:var(--ink);letter-spacing:.16em;cursor:pointer;background:#ffffff0f;border-radius:12px;padding:1cqw 2.4cqw;font-size:max(1.4cqw,12px);font-weight:800;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s}.btn:hover{border-color:var(--accent);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:linear-gradient(#2fa3ff,#1655d8);border-color:#8cd2ffb3;box-shadow:0 10px 26px #145adc73}.btn--primary:hover{box-shadow:0 14px 34px #28a0ff99}.btn--hot{background:linear-gradient(#ff5a4d,#c1121f);border-color:#ffaa96b3;box-shadow:0 10px 26px #c8281e73}.btn--hot:hover{border-color:#ffc8b4e6;box-shadow:0 14px 34px #ff5a4699}.btn--ghost{color:var(--ink-dim);background:0 0}.btn--small{letter-spacing:.12em;padding:.7cqw 1.8cqw;font-size:max(1.15cqw,11px)}.icon-btn{border:1px solid var(--stroke);width:3cqw;min-width:30px;height:3cqw;min-height:30px;color:var(--ink-dim);font:inherit;cursor:pointer;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;font-size:max(1.5cqw,13px);font-weight:900;line-height:1;transition:color .15s,border-color .15s,background .15s;display:flex}.icon-btn:hover{color:var(--ink);border-color:var(--accent);background:#28e7ff1f}.screen__buttons{flex-wrap:wrap;justify-content:center;gap:1cqw;display:flex}.screen__stats{letter-spacing:.12em;color:var(--ink-dim);gap:2.2cqw;font-size:max(1.05cqw,10px);font-weight:700;display:flex}.screen__stats strong{color:var(--ink)}.screen__title{letter-spacing:.12em;font-size:5cqw;font-weight:900}.screen__title--danger{color:var(--danger);text-shadow:0 0 30px #ff5c7a80}.screen__sub{color:var(--ink-dim);letter-spacing:.1em;font-size:max(1.4cqw,12px)}.screen__hint{color:var(--ink-dim);letter-spacing:.14em;font-size:max(1cqw,10px)}.record-tag{border:1px solid var(--gold);color:var(--gold);letter-spacing:.24em;background:#ffd24a26;border-radius:999px;padding:.4cqw 1.4cqw;font-size:max(1.1cqw,10px);font-weight:800;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.result{border-radius:var(--radius);background:var(--panel);border:1px solid var(--stroke);flex-direction:column;align-items:center;gap:1.2cqw;padding:1.6cqw 3cqw;display:flex}.result__label{letter-spacing:.24em;color:var(--ink-dim);font-size:max(1cqw,10px);font-weight:700}.result__value{font-variant-numeric:tabular-nums;font-size:5.4cqw;font-weight:900;line-height:1;display:block}.result__grid{flex-wrap:wrap;justify-content:center;gap:2cqw;display:flex}.result__grid div{flex-direction:column;gap:.2cqw;display:flex}.result__grid span{letter-spacing:.14em;color:var(--ink-dim);font-size:.9cqw;font-weight:700}.result__grid strong{font-size:1.7cqw;font-weight:800}.touchpad{--pad-scale:1;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.touchpad--canhoto{flex-direction:row-reverse}.touchpad__stick{width:calc(220px * var(--pad-scale,1));height:calc(170px * var(--pad-scale,1));touch-action:none;position:relative}.joystick{touch-action:none;position:relative}.joystick__ghost,.joystick__base{width:calc(var(--stick-r) * 2);height:calc(var(--stick-r) * 2);pointer-events:none;border-radius:50%;position:absolute;translate:-50% -50%}.joystick__ghost{border:2px dashed #c9d2e361;transition:opacity .15s;top:58%;left:45%}.touchpad--canhoto .joystick__ghost{left:55%}.joystick.is-active .joystick__ghost{opacity:0}.joystick__base{opacity:0;box-shadow:0 0 0 calc(var(--stick-r) * .35) #040a1e24;background:#040a1e59;border:2px solid #ffc93c99;transition:opacity .12s}.joystick.is-active .joystick__base{opacity:1}.joystick__knob{width:calc(var(--stick-r) * .9);height:calc(var(--stick-r) * .9);margin:calc(var(--stick-r) * -.45) 0 0 calc(var(--stick-r) * -.45);will-change:transform;background:radial-gradient(circle at 35% 30%,#fff,#c9d2e3 70%);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 3px 10px #00000073}.touchpad__actions{width:calc(208px * var(--pad-scale,1));height:calc(160px * var(--pad-scale,1));touch-action:none;position:relative}.pad-btn{border:1px solid var(--stroke);color:var(--ink);font-size:calc(13px * var(--pad-scale,1));letter-spacing:.08em;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);background:#040a1e8c;border-radius:50%;place-items:center;padding:0;font-weight:800;transition:background .1s,scale 80ms,box-shadow .15s;display:grid;position:absolute}.pad-btn:active{scale:.93}.pad-btn--dash{width:calc(56px * var(--pad-scale,1));height:calc(56px * var(--pad-scale,1));left:calc(76px * var(--pad-scale,1));color:#ffb36b;border-color:#ffb36b73;top:0}.pad-btn--dash.is-ready{box-shadow:inset 0 0 16px #ff8a2b59}.pad-btn--dash:active{background:#ff8a2b4d}.pad-btn--guard{width:calc(62px * var(--pad-scale,1));height:calc(62px * var(--pad-scale,1));left:0;top:calc(49px * var(--pad-scale,1));color:#7cffb2;border-color:#7cffb273}.pad-btn--guard:active{background:#2ecc714d}.pad-btn--beam{width:calc(62px * var(--pad-scale,1));height:calc(62px * var(--pad-scale,1));right:0;top:calc(49px * var(--pad-scale,1));color:var(--accent);border-color:#28e7ff73}.pad-btn--beam.is-ready{box-shadow:inset 0 0 16px #28e7ff59}.pad-btn--beam:active{background:#28e7ff4d}.pad-btn--jump{width:calc(78px * var(--pad-scale,1));height:calc(78px * var(--pad-scale,1));left:calc(65px * var(--pad-scale,1));font-size:calc(14px * var(--pad-scale,1));color:#fff;background:linear-gradient(#2fa3ffe6,#1655d8e6);border-color:#8cd2ffb3;bottom:0}.pad-btn--jump:active{background:linear-gradient(#2fa3ff,#1655d8)}@media (prefers-reduced-motion:reduce){.joystick__ghost,.joystick__base,.pad-btn{transition:none}}.footer{letter-spacing:.06em;width:100%;max-width:1080px;color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}.footer__lore{opacity:.75;font-style:italic}@media (width<=680px){.controls{grid-template-columns:1fr;max-width:88cqw}.screen{gap:2.2cqw}.footer{text-align:center;justify-content:center}.hud__meters{gap:2cqw}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chip--user{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;max-width:260px;display:inline-flex;overflow:hidden}.chip__avatar,.user-card__avatar,.lb__avatar{width:22px;height:22px;color:var(--accent);background:#28e7ff2e;border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:900;display:inline-grid;overflow:hidden}.chip__avatar img,.user-card__avatar img,.lb__avatar img{object-fit:cover;width:100%;height:100%}.chip__coins{color:var(--gold)}.user-card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--stroke);align-items:center;gap:1.2cqw;max-width:70cqw;padding:.9cqw 1.6cqw;display:flex}.user-card__avatar{width:4.2cqw;min-width:34px;height:4.2cqw;min-height:34px;box-shadow:0 0 0 .3cqw var(--belt,#fff);font-size:max(1.4cqw,12px)}.user-card__info{text-align:left;flex-direction:column;align-items:flex-start;gap:.2cqw;min-width:0;display:flex}.user-card__info strong{letter-spacing:.04em;font-size:1.5cqw}.user-card__info span{color:var(--ink-dim);letter-spacing:.08em;font-size:max(1.05cqw,10px)}.user-card__actions{gap:1cqw;margin-left:.6cqw;display:flex}.link-btn{color:var(--accent);letter-spacing:.16em;cursor:pointer;background:0 0;border:0;padding:.3cqw .4cqw;font-size:max(1.05cqw,10px);font-weight:800}.link-btn:hover{text-decoration:underline}.btn:disabled{opacity:.55;cursor:wait;transform:none}.form,.lb{border-radius:var(--radius);background:var(--panel);border:1px solid var(--stroke);text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:1cqw;width:min(46cqw,460px);min-width:260px;padding:1.8cqw 2.2cqw;display:flex}.form__head{justify-content:space-between;align-items:center;gap:1cqw;display:flex}.form__title{letter-spacing:.14em;font-size:2.2cqw;font-weight:900}.form__close{border:1px solid var(--stroke);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:8px;width:2.8cqw;min-width:28px;height:2.8cqw;min-height:28px;font-size:max(1.1cqw,12px)}.form__close:hover{color:var(--ink);border-color:var(--accent)}.form__note{color:var(--ink-dim);letter-spacing:.04em;font-size:max(1.05cqw,11px)}.form__row{flex-direction:column;gap:.35cqw;display:flex}.form__row span{letter-spacing:.16em;color:var(--ink-dim);font-size:max(.95cqw,10px);font-weight:800}.input{border:1px solid var(--stroke);width:100%;color:var(--ink);font:inherit;background:#00000059;border-radius:10px;outline:none;padding:.8cqw 1cqw;font-size:max(1.3cqw,16px);transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #28e7ff2e}.form__submit{width:100%;margin-top:.4cqw}.form__links{flex-wrap:wrap;justify-content:center;gap:.6cqw 1.4cqw;display:flex}.form__error,.form__ok{letter-spacing:.02em;border-radius:8px;padding:.6cqw .9cqw;font-size:max(1.05cqw,11px)}.form__error{color:#ffb3c1;background:#ff5c7a24;border:1px solid #ff5c7a66}.form__ok{color:#b8ffd6;background:#2ecc7124;border:1px solid #7cffb266}.lb{width:min(60cqw,600px);max-height:88cqh}.tabs{flex-wrap:wrap;align-items:center;gap:.5cqw;display:flex}.tabs__gap{flex:1}.tab{border:1px solid var(--stroke);color:var(--ink-dim);letter-spacing:.12em;cursor:pointer;background:0 0;border-radius:999px;padding:.5cqw 1.1cqw;font-size:max(.95cqw,10px);font-weight:800}.tab--small{padding:.35cqw .8cqw;font-size:max(.85cqw,9px)}.tab.is-active{color:var(--ink);border-color:var(--accent);background:#28e7ff1f}.lb__list{flex-direction:column;gap:.35cqw;max-height:52cqh;padding-right:.3cqw;list-style:none;display:flex;overflow:auto}.lb__row{background:#ffffff0a;border:1px solid #0000;border-radius:10px;grid-template-columns:2.6cqw 3cqw 1fr auto auto;align-items:center;gap:.9cqw;padding:.55cqw .9cqw;display:grid}.lb__row.is-me{border-color:var(--gold);background:#ffd24a1a}.lb__row:first-child .lb__pos{color:var(--gold)}.lb__row:nth-child(2) .lb__pos{color:#d7dce6}.lb__row:nth-child(3) .lb__pos{color:#d29a5a}.lb__pos{text-align:center;font-variant-numeric:tabular-nums;font-size:max(1.2cqw,12px);font-weight:900}.lb__avatar{width:2.8cqw;min-width:24px;height:2.8cqw;min-height:24px;font-size:max(.9cqw,9px)}.lb__name{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;min-width:0;font-size:max(1.15cqw,12px);font-weight:700;display:flex;overflow:hidden}.lb__name small{color:var(--ink-dim);letter-spacing:.06em;font-size:max(.85cqw,9px);font-weight:600}.lb__belt{border:1px solid #ffffff59;border-radius:2px;width:2.2cqw;min-width:18px;height:.7cqw;min-height:6px}.lb__score{font-variant-numeric:tabular-nums;text-align:right;min-width:4cqw;font-size:max(1.4cqw,13px);font-weight:900}.lb__loading,.lb__empty{color:var(--ink-dim);text-align:center;letter-spacing:.06em;padding:1.4cqw 0;font-size:max(1.1cqw,11px)}.lb__empty{flex-direction:column;align-items:center;gap:1cqw;display:flex}.cloud{letter-spacing:.1em;color:var(--ink-dim);font-size:max(.95cqw,10px);font-weight:700}.cloud--ok{color:#7cffb2}.cloud--err{color:#ffb3c1}.cloud--guest{color:var(--accent)}.btn__sub{letter-spacing:.1em;opacity:.75;margin-top:.2cqw;font-size:max(.8cqw,9px);font-weight:700;display:block}.screen__title--gold{color:var(--gold);text-shadow:0 0 30px #ffd24a80}.graus{vertical-align:middle;gap:.35cqw;display:inline-flex}.graus__dot{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:2px;width:1.1cqw;min-width:8px;height:1.1cqw;min-height:8px}.graus__dot.is-on{background:#fff;box-shadow:0 0 8px #fffc}.graus--big .graus__dot{width:1.5cqw;height:1.5cqw}.chip__packs{color:#ffb3c1}.cards-panel{border-radius:var(--radius);background:var(--panel);border:1px solid var(--stroke);text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:1cqw;width:min(84cqw,900px);max-height:92cqh;padding:1.6cqw 2cqw;display:flex;overflow:auto}.cards-panel__wallet{letter-spacing:.06em;gap:1.2cqw;margin-left:auto;margin-right:1cqw;font-size:max(1.05cqw,11px);font-weight:800;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(12.5cqw,128px),1fr));gap:.9cqw;display:grid}.card{--r:#fff;--r-dark:#ccc;color:var(--ink);perspective:900px;aspect-ratio:5/7;text-align:left;width:100%;font:inherit;background:0 0;border:0;padding:0;position:relative}.card--lg{flex-shrink:0;width:min(30cqw,300px)}.card.is-clickable{cursor:pointer}.card.is-clickable:hover .card__inner{transform:translateY(-3px)rotateX(3deg)}.card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:relative}.opening__slot .card:not(.is-flipped) .card__inner{transform:rotateY(180deg)}.card__face,.card__back{backface-visibility:hidden;border-radius:10px;position:absolute;inset:0;overflow:hidden}.card__back{background:repeating-linear-gradient(45deg,#ffffff0d 0 6px,#0000 6px 12px),linear-gradient(160deg,#0f1f4f,#05081c);border:2px solid #8cafff59;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.card__back-logo{background:linear-gradient(#fff,#9ec9ff 60%,#4b8dff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:max(2.4cqw,22px);font-weight:900}.card__back-sub{letter-spacing:.4em;color:var(--ink-dim);font-size:max(.7cqw,8px)}.card__face{border:2px solid var(--r);box-shadow:0 0 0 1px var(--r-dark) inset, 0 10px 24px #00000080;background:linear-gradient(170deg,#ffffff1a,#00000059),#0b1638;flex-direction:column;gap:.35cqw;padding:.6cqw;display:flex}.card--r4 .card__face{border-color:#c41e1e;box-shadow:inset 0 0 0 1px #111,0 0 22px #c41e1e73}.card--r3 .card__face{box-shadow:0 0 0 1px var(--r-dark) inset, 0 0 18px #6b3e1e80}.card--r2 .card__face{box-shadow:0 0 0 1px var(--r-dark) inset, 0 0 18px #6a21c980}.card--r1 .card__face{box-shadow:0 0 0 1px var(--r-dark) inset, 0 0 14px #1f5fd073}.card__head{letter-spacing:.18em;color:var(--r);justify-content:space-between;font-size:max(.7cqw,8px);font-weight:900;display:flex}.card--r0 .card__head{color:#e8edf7}.card--r4 .card__head{color:#ff6b6b}.card__serial{color:var(--ink-dim)}.card__art{color:#ffffffd9;background:radial-gradient(80% 80% at 50% 30%,#78a0ff59,#040818e6);border-radius:6px;flex:1;place-items:center;min-height:0;font-size:max(2.2cqw,20px);font-weight:900;display:grid;position:relative;overflow:hidden}.card__art img{object-fit:cover;width:100%;height:100%}.card__new,.card__foil-tag{letter-spacing:.14em;border-radius:999px;padding:2px 6px;font-size:max(.65cqw,8px);font-weight:900;position:absolute;top:4px}.card__new{background:var(--gold);color:#3a2a00;animation:.9s ease-in-out infinite pulse;left:4px}.card__foil-tag{color:#101010;background:linear-gradient(90deg,#ff6b6b,#ffd24a,#7cffb2,#7df3ff,#b36bff);right:4px}.card__name{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:max(.95cqw,10px);font-weight:900;overflow:hidden}.card__belt{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4cqw;font-size:max(.7cqw,8px);display:flex;overflow:hidden}.card__belt-swatch{background:var(--r);border:1px solid #fff6;border-radius:2px;flex-shrink:0;width:1.4cqw;min-width:12px;height:.55cqw;min-height:5px}.card__stats{letter-spacing:.1em;flex-direction:column;gap:.25cqw;font-size:max(.75cqw,8px);font-weight:800;list-style:none;display:flex}.card__stats li{grid-template-columns:6.5cqw 1fr 2.2cqw;align-items:center;gap:.5cqw;display:grid}.card__stats i{background:#00000073;border-radius:999px;height:.6cqw;min-height:5px;display:block;overflow:hidden}.card__stats b{background:linear-gradient(90deg, var(--r-dark), var(--r));border-radius:999px;height:100%;display:block}.card--r0 .card__stats b{background:linear-gradient(90deg,#9fb0d8,#fff)}.card--r4 .card__stats b{background:linear-gradient(90deg,#c41e1e,#ff8a8a)}.card__stats strong{text-align:right;font-variant-numeric:tabular-nums}.card__effect{border-top:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;gap:.3cqw .6cqw;padding-top:.4cqw;font-size:max(.72cqw,8px);display:flex}.card__effect-name{color:var(--gold);font-weight:900}.card__effect-desc{color:var(--ink-dim);flex-basis:100%;line-height:1.3}.card__weight{color:var(--ink-dim);margin-left:auto;font-weight:800}.card.is-unowned .card__face{filter:grayscale()brightness(.55)}.card.is-selected .card__face{outline:3px solid var(--accent);outline-offset:2px}.card.is-foil .card__face:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 20%,#ff6b6b40 35%,#ffd24a40 45%,#7cffb240 55%,#7df3ff40 65%,#0000 80%) 0 0/250% 250%;animation:3.5s linear infinite holo;position:absolute;inset:0}@keyframes holo{0%{background-position:0 0}to{background-position:100% 100%}}.opening{flex-direction:column;align-items:center;gap:1.2cqw;display:flex}.opening__cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9cqw;width:100%;display:grid}.opening__slot{animation:.4s ease-out both dealIn;animation-delay:calc(var(--i) * .1s)}@keyframes dealIn{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:none}}.opening__foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2cqw;display:flex}.packs{flex-direction:column;align-items:center;gap:1.2cqw;display:flex}.pack{aspect-ratio:5/7;background:repeating-linear-gradient(-45deg,#ffffff0f 0 8px,#0000 8px 16px),linear-gradient(160deg,#2fa3ff,#1655d8 60%,#0a1d4d);border:2px solid #8cd2ffb3;border-radius:12px;place-items:center;width:14cqw;min-width:110px;animation:2.4s ease-in-out infinite packFloat;display:grid;position:relative;box-shadow:0 16px 34px #145adc73}@keyframes packFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.pack__logo{color:#fff;text-shadow:0 4px 16px #00000080;font-size:max(2.6cqw,22px);font-weight:900}.pack__n{background:var(--gold);color:#3a2a00;text-align:center;border-radius:999px;min-width:2.6cqw;padding:.3cqw .6cqw;font-size:max(1.1cqw,12px);font-weight:900;position:absolute;top:-.8cqw;right:-.8cqw}.packs__actions{flex-wrap:wrap;justify-content:center;gap:1cqw;display:flex}.packs__how{color:var(--ink-dim);flex-direction:column;gap:.35cqw;font-size:max(.95cqw,10px);list-style:none;display:flex}.deck-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:1cqw;display:grid}.deck-slot{flex-direction:column;gap:.4cqw;display:flex}.deck-slot__fx{color:var(--ink-dim);font-size:max(.8cqw,9px);line-height:1.3}.deck-slot--empty{aspect-ratio:5/7;border:2px dashed var(--stroke);color:var(--ink-dim);letter-spacing:.2em;text-transform:uppercase;border-radius:10px;place-items:center;font-size:max(.9cqw,10px);display:grid}.is-warn{color:var(--danger)}.detail{flex-wrap:wrap;align-items:flex-start;gap:1.6cqw;display:flex}.detail__side{flex-direction:column;flex:1;gap:.8cqw;min-width:220px;display:flex}.consent{flex-direction:column;gap:.8cqw;display:flex}.check{cursor:pointer;align-items:flex-start;gap:.7cqw;font-size:max(1cqw,11px);display:flex}.check input{width:1.4cqw;min-width:14px;height:1.4cqw;min-height:14px;accent-color:var(--accent);margin-top:.2cqw}body{overscroll-behavior:none}.app.is-touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app.is-touch .stage__canvas{touch-action:none}.rotate-hint{color:var(--accent);letter-spacing:.08em;background:#28e7ff1f;border:1px solid #28e7ff66;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.rotate-hint__icon{animation:1.6s ease-in-out infinite rotatePhone;display:inline-block}@keyframes rotatePhone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (orientation:landscape) and (height<=600px){.app.is-touch{justify-content:center;gap:0;height:100dvh;min-height:0;padding:0;overflow:hidden}.app.is-touch .topbar{top:max(6px, env(safe-area-inset-top,0px));left:max(6px, env(safe-area-inset-left,0px));z-index:6;width:auto;position:fixed}.app.is-touch .topbar__brand,.app.is-touch .footer,.app.is-touch .rotate-hint{display:none}.app.is-touch .chip{background:#040a1ea6;padding:5px 10px;font-size:10px}.app.is-touch .chip--user{max-width:160px}.app.is-touch.is-playing .topbar{display:none}.app.is-touch .stage-wrap{flex-direction:row;justify-content:center;align-items:center;gap:0;width:auto;max-width:none;height:100dvh}.app.is-touch .stage{aspect-ratio:2;width:min(100vw,200dvh);height:100dvh;box-shadow:none;border:0;border-radius:0}.app.is-touch .hud{align-content:start;padding-bottom:2cqw}.app.is-touch .hud__meters{justify-content:center;align-self:start;margin-top:.4cqw}.app.is-touch .meter{width:15cqw;min-width:96px}.app.is-touch .meter__hint{white-space:nowrap;text-overflow:ellipsis;max-width:60%;overflow:hidden}.app.is-touch .touchpad{z-index:5;pointer-events:none;position:fixed;inset:0}.app.is-touch .touchpad__stick{pointer-events:auto;width:42%;height:62%;position:absolute;bottom:0;left:0}.app.is-touch .touchpad--canhoto .touchpad__stick{left:auto;right:0}.app.is-touch .joystick__ghost{top:78%;left:26%}.app.is-touch .touchpad--canhoto .joystick__ghost{left:74%}.app.is-touch .touchpad__actions{right:max(12px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));pointer-events:auto;position:absolute}.app.is-touch .touchpad--canhoto .touchpad__actions{right:auto;left:max(12px, env(safe-area-inset-left,0px))}.app.is-touch .screen{gap:1cqw;padding:1.2cqw}.app.is-touch .controls{gap:.2cqw 1.6cqw;font-size:max(1cqw,10px)}.app.is-touch .logo__oss{font-size:6cqw}.app.is-touch .cards-panel,.app.is-touch .lb,.app.is-touch .form{max-height:94cqh}}@media (orientation:portrait) and (pointer:coarse){.app.is-touch .controls{grid-template-columns:1fr;max-width:92cqw}}.boss-card{text-align:center;background:#040a1ed1;border:1px solid #ff5c7a8c;border-radius:14px;flex-direction:column;align-items:center;gap:.3cqw;padding:1cqw 2.4cqw;animation:.35s cubic-bezier(.2,.9,.3,1.2) bossCardIn;display:flex;box-shadow:0 0 32px #ff2d5540}.boss-card__eyebrow{letter-spacing:.24em;color:#ff5c7a;font-size:max(.9cqw,9px);font-weight:800}.boss-card__name{letter-spacing:.12em;color:#fff;text-shadow:0 0 18px #ff5c7a99;font-size:max(2.6cqw,18px);font-weight:900}.boss-card__hint{max-width:44cqw;color:var(--ink-dim);font-size:max(1.05cqw,10px);font-style:italic}@keyframes bossCardIn{0%{opacity:0;transform:translateY(-10px)scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.boss-card{animation:none}}.touch-intro{z-index:7;pointer-events:auto;background:#030614eb;place-items:center;padding:2cqw;animation:.25s ease-out fadeIn;display:grid;position:absolute;inset:0}.touch-intro__panel{text-align:center;flex-direction:column;align-items:center;gap:1.4cqw;max-width:92cqw;display:flex}.touch-intro__title{letter-spacing:.2em;color:var(--accent);margin:0;font-size:max(2cqw,15px)}.touch-intro__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6cqw;width:100%;display:grid}.touch-intro__card{border:1px solid var(--stroke);background:#ffffff0a;border-radius:14px;flex-direction:column;align-items:center;gap:.5cqw;padding:1.2cqw 1cqw;display:flex}.touch-intro__card strong{letter-spacing:.08em;font-size:max(1.2cqw,12px)}.touch-intro__card span{color:var(--ink-dim);font-size:max(1cqw,10px)}.touch-intro__stick{background:#040a1e59;border:2px solid #ffc93c99;border-radius:50%;width:64px;height:64px;position:relative}.touch-intro__knob{background:radial-gradient(circle at 35% 30%,#fff,#c9d2e3 70%);border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:1.8s ease-in-out infinite introKnob;position:absolute;top:50%;left:50%}@keyframes introKnob{0%,to{transform:translate(0)}30%{transform:translate(-16px)}60%{transform:translate(14px,4px)}}.touch-intro__diamond{width:104px;height:80px;position:relative}.touch-intro__btn{border:1px solid var(--stroke);letter-spacing:.06em;background:#040a1e8c;border-radius:50%;place-items:center;font:800 8px/1 system-ui,sans-serif;display:grid;position:absolute}.touch-intro__btn--dash{color:#ffb36b;width:28px;height:28px;top:0;left:38px}.touch-intro__btn--def{color:#7cffb2;width:31px;height:31px;top:24px;left:0}.touch-intro__btn--oss{width:31px;height:31px;color:var(--accent);top:24px;right:0}.touch-intro__btn--jump{color:#fff;background:linear-gradient(#2fa3ff,#1655d8);width:39px;height:39px;bottom:0;left:32px}.touch-intro__phone{font-size:44px;line-height:64px;animation:1.6s ease-in-out infinite rotatePhone}@media (prefers-reduced-motion:reduce){.touch-intro__knob,.touch-intro__phone{animation:none}}@media (orientation:portrait){.touch-intro__cards{grid-template-columns:1fr}}.world-clear{grid-template-columns:minmax(0,34cqw) minmax(0,1fr);align-items:center;gap:2cqw;width:min(92cqw,900px);display:grid}.world-clear__poster{aspect-ratio:1;border:1px solid var(--stroke);object-fit:cover;background:#0a1030;border-radius:14px;width:100%;box-shadow:0 12px 40px #00000080}.world-clear__poster--wait{color:var(--ink-dim);place-items:center;font-size:max(1cqw,10px);display:grid}.world-clear__side{text-align:left;flex-direction:column;gap:1cqw;display:flex}.result__grid--tight{grid-template-columns:repeat(3,minmax(0,1fr))}.screen--world .screen__buttons a.btn{align-items:center;text-decoration:none;display:inline-flex}@media (orientation:portrait){.world-clear{grid-template-columns:1fr}.world-clear__poster{max-width:60cqw;margin:0 auto}}.loading-world{z-index:6;color:var(--accent);letter-spacing:.22em;pointer-events:auto;background:#030614c7;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;font-size:max(1.3cqw,12px);font-weight:800;animation:.2s ease-out fadeIn;display:flex;position:absolute;inset:0}.loading-world__belt{border:4px solid #ffc93c40;border-top-color:#ffc93c;border-radius:50%;width:max(4cqw,36px);height:max(4cqw,36px);animation:.9s linear infinite beltSpin}@keyframes beltSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-world__belt{border-top-color:#ffc93c99;animation:none}}.insignias{justify-content:center;gap:.8cqw;margin:-.4cqw 0 .6cqw;display:flex}.insignia{border:2px solid var(--belt,#fff);filter:grayscale();opacity:.35;background:#ffffff0a;border-radius:50%;place-items:center;width:max(2.6cqw,26px);height:max(2.6cqw,26px);font-size:max(1.2cqw,12px);display:grid}.insignia.is-on{filter:none;opacity:1;box-shadow:0 0 12px var(--belt,#fff)}.map-world--locked{opacity:.55}.map-world--locked .map-world__prog{color:var(--gold)}.deck-slot .card{max-width:min(16cqw,160px)}.deck-slot{text-align:center;align-items:center}.opt{flex-direction:column;gap:.2cqw;display:flex}.opt__row{border-bottom:1px solid #8cafff1a;justify-content:space-between;align-items:center;gap:1cqw;padding:.55cqw 0;display:flex}label.opt__row{cursor:pointer}.opt__label{letter-spacing:.04em;flex-direction:column;flex:1;gap:.15cqw;min-width:0;font-size:max(1.05cqw,11px);font-weight:700;display:flex}.opt__label small{letter-spacing:.02em;color:var(--ink-dim);font-size:max(.9cqw,10px);font-weight:500}.opt__switch{width:1.8cqw;min-width:18px;height:1.8cqw;min-height:18px;accent-color:var(--accent);cursor:pointer}.opt__seg,.opt__keys{flex-shrink:0;gap:.4cqw;display:flex}.opt__value{text-align:right;min-width:4cqw;color:var(--ink-dim);font-size:max(1cqw,11px);font-weight:800}.slider{width:min(20cqw,200px);accent-color:var(--accent);cursor:pointer}.keycap{border:1px solid var(--stroke);min-width:5cqw;color:var(--ink);font:inherit;letter-spacing:.06em;cursor:pointer;background:#ffffff12;border-bottom-width:2px;border-radius:8px;padding:.4cqw .7cqw;font-size:max(1cqw,11px);font-weight:800}.keycap:hover{border-color:var(--accent)}.keycap--empty{color:var(--ink-dim);background:0 0}.keycap.is-capturing{border-color:var(--gold);color:var(--gold);animation:.7s infinite meterBlink}.cue{border:1px solid var(--gold);color:var(--gold);letter-spacing:.12em;white-space:nowrap;pointer-events:none;background:#040818d9;border-radius:999px;align-items:center;gap:.6cqw;padding:.6cqw 1.4cqw;font-size:max(1.2cqw,12px);font-weight:800;animation:.12s ease-out fadeIn;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.cue__icon{font-size:1.3em}.hold-btn{position:relative;overflow:hidden}.hold-btn:after{content:"";background:var(--accent);width:0;height:3px;position:absolute;bottom:0;left:0}.hold-btn.is-holding:after{width:100%;transition:width var(--hold-ms,.7s) linear}.app.is-contrast{--ink-dim:#cfdaf5;--panel:#020512f2;--stroke:#b4d4ff8c}.app.is-contrast .screen{background:#020512e0}.app.is-contrast .footer__lore{opacity:1}.screen--map{gap:0;padding:0}.ow{background:var(--panel);text-align:left;flex-direction:column;display:flex;position:absolute;inset:0}.ow__head{border-bottom:1px solid var(--stroke);align-items:center;gap:1cqw;padding:.7cqw 1.6cqw;display:flex}.ow__head .form__title{margin-right:auto;font-size:max(1.6cqw,13px)}.ow__head .insignias{margin:0}.ow__scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:1;min-height:0;display:flex;overflow:auto hidden}.ow-region{background:linear-gradient(180deg, var(--sky-0), var(--sky-1) 55%, var(--sky-2));border-right:1px solid #ffffff14;flex:none;height:100%;position:relative;overflow:hidden}.ow-region:before{content:"";background:var(--ow-art) center bottom / auto 100% repeat-x;opacity:.5;height:72%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:auto 0 0}.ow-region:after{content:"";pointer-events:none;background:radial-gradient(70% 70% at 50% 45%,#0000,#00000059);position:absolute;inset:0}.ow-region__head{z-index:2;letter-spacing:.12em;text-shadow:0 1px 4px #000000d9;align-items:center;gap:.6cqw;font-size:max(1cqw,10px);font-weight:800;display:flex;position:absolute;top:.8cqw;left:1.2cqw}.ow-region__head em{color:var(--ink-dim);font-style:normal;font-weight:700}.ow-region--coral .ow-region__head strong{color:#e0453a}.ow-region--locked{filter:saturate(.4);justify-content:center;align-items:center;display:flex}.ow-region__lock{z-index:2;color:var(--ink-dim);text-align:center;text-shadow:0 1px 4px #000000d9;flex-direction:column;align-items:center;gap:.4cqw;padding:0 1.2cqw;font-size:max(1cqw,10px);font-weight:700;display:flex}.ow-region__lock-icon{font-size:28px}.ow-path{z-index:1;width:100%;height:100%;position:absolute;inset:0}.ow-path__seg,.ow-path__branch{fill:none;stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.ow-path__seg.is-cleared{stroke:var(--gold)}.ow-path__seg.is-open{stroke:var(--accent);stroke-dasharray:10 8}.ow-path__seg.is-locked,.ow-path__branch.is-locked{stroke:#fff3;stroke-dasharray:4 8}.ow-path__branch{stroke-width:3px;stroke-dasharray:6 6}.ow-path__branch.is-open{stroke:var(--accent)}.ow-path__branch.is-cleared{stroke:var(--gold)}.ow-node{z-index:3;width:100px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.3cqw;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.ow-node__disc{background:#060c24db;border:3px solid #ffffff59;border-radius:50%;place-items:center;width:52px;height:52px;font-size:20px;font-weight:900;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;box-shadow:0 4px 14px #00000073}.ow-node--castle .ow-node__disc{border-style:double;border-width:5px;border-radius:14px}.ow-node--secret .ow-node__disc,.ow-node--dojo .ow-node__disc,.ow-node--ghost .ow-node__disc{width:42px;height:42px;font-size:16px}.ow-node--dojo .ow-node__disc{border-color:#7da6ffb3}.ow-node--ghost .ow-node__disc{background:#061e18db;border-color:#7cffb299}.ow-node.is-open .ow-node__disc{border-color:var(--accent);box-shadow:0 0 18px #28e7ff59}.ow-node.is-cleared .ow-node__disc{border-color:var(--gold);background:#503700cc}.ow-node.is-locked{opacity:.45;cursor:not-allowed}.ow-node.is-selected .ow-node__disc{border-color:#fff;transform:scale(1.14);box-shadow:0 0 26px #ffffff80}.ow-node__name{letter-spacing:.06em;text-align:center;text-shadow:0 1px 4px #000000e6;max-width:100px;font-size:max(.85cqw,9px);font-weight:800;line-height:1.1}.ow-marker{height:46px;image-rendering:pixelated;filter:drop-shadow(0 4px 4px #0009);pointer-events:none;animation:.8s ease-in-out infinite owBob;position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%)}@keyframes owBob{50%{transform:translate(-50%)translateY(-4px)}}.ow__foot{border-top:1px solid var(--stroke);align-items:center;gap:1.4cqw;padding:.6cqw 1.6cqw;display:flex}.ow-card{grid-template-rows:auto auto auto;grid-template-columns:auto auto;align-items:center;gap:.1cqw 1.4cqw;display:grid}.ow-card__kind{letter-spacing:.2em;color:var(--accent);grid-column:1;font-size:max(.8cqw,9px);font-weight:800}.ow-card__name{letter-spacing:.06em;grid-column:1;font-size:max(1.3cqw,12px)}.ow-card__meta{color:var(--ink-dim);grid-column:1;font-size:max(.9cqw,10px);font-weight:700}.ow-card__enter{grid-area:1/2/span 3;min-width:9cqw}.ow__stats{color:var(--ink-dim);flex-wrap:wrap;justify-content:flex-end;gap:1.2cqw;margin-left:auto;font-size:max(.95cqw,10px);font-weight:700;display:flex}.ow__hint{opacity:.7}.app.is-touch .ow__hint{display:none}@media (orientation:landscape) and (height<=600px){.app.is-touch .ow__head{padding-left:44cqw}.app.is-touch .ow__head .form__title{display:none}}.screen--tv{background:radial-gradient(70% 70% at 50% 30%, #17306e 0%, var(--bg-0) 70%);padding:0}.lb--tv{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:1.4cqw;width:auto;max-height:none;padding:2cqw 6cqw;position:absolute;inset:0}.lb--tv .form__title{letter-spacing:.16em;font-size:3.2cqw}.lb__tv-label{letter-spacing:.14em;color:var(--accent);font-size:2cqw;font-weight:900;animation:.6s ease-out fadeIn}.lb--tv .lb__list{gap:.6cqw}.lb--tv .lb__row{border-radius:14px;grid-template-columns:4cqw 4.4cqw 1fr auto auto;padding:.7cqw 1.6cqw}.lb--tv .lb__pos{font-size:2.2cqw}.lb--tv .lb__avatar{width:4cqw;height:4cqw;font-size:1.5cqw}.lb--tv .lb__name{font-size:2cqw}.lb--tv .lb__name small{font-size:1.1cqw}.lb--tv .lb__belt{width:3.6cqw;height:1cqw}.lb--tv .lb__score{min-width:8cqw;font-size:2.6cqw}.lb--tv .lb__loading{font-size:1.8cqw}.lb__tv-foot{letter-spacing:.1em;color:var(--ink-dim);text-align:center;margin-top:auto;font-size:1.2cqw;font-weight:700}@media (orientation:landscape) and (height<=600px){.app.is-touch .lb--tv{padding-top:6cqw}}.screen--roster{justify-content:flex-start;gap:2cqw;padding-top:3cqw}.roster__head{text-align:left;justify-content:space-between;align-items:flex-start;gap:2cqw;width:min(72cqw,900px);display:flex}.roster{flex-wrap:wrap;justify-content:center;gap:1.6cqw;display:flex}.roster__card{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--panel);width:min(22cqw,230px);color:var(--ink);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:.7cqw;padding:1.4cqw 1.2cqw;transition:border-color .15s,transform .15s;display:flex}.roster__card:hover{border-color:var(--accent);transform:translateY(-2px)}.roster__card.is-on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 10px 34px #ffd24a2e}.roster__art{background:radial-gradient(70% 70% at 50% 80%,#28e7ff24,#04061a99);border-radius:10px;justify-content:center;align-items:flex-end;width:100%;height:16cqw;min-height:150px;display:flex;overflow:hidden}.roster__art img{height:92%;image-rendering:pixelated;filter:drop-shadow(0 6px 14px #0000008c)}.roster__name{letter-spacing:.08em;font-size:max(1.6cqw,14px)}.roster__lore{min-height:2.6em;color:var(--ink-dim);font-size:max(1.05cqw,11px);line-height:1.3}.roster__tag{letter-spacing:.2em;color:var(--ink-dim);font-size:max(.95cqw,10px);font-weight:800}.roster__card.is-on .roster__tag{color:var(--gold)}@media (orientation:landscape) and (height<=600px){.app.is-touch .screen--roster{gap:1.2cqw;padding-top:1.5cqw}.app.is-touch .roster__art{height:11cqw;min-height:90px}.app.is-touch .roster__lore{display:none}}.screen--title{gap:2.4cqw}.logo--big .logo__oss{font-size:13cqw}.logo--big .logo__sub{font-size:3.6cqw}.title__start{border:2px solid var(--accent);color:var(--ink);font:inherit;letter-spacing:.3em;text-indent:.3em;cursor:pointer;background:#28e7ff1a;border-radius:999px;padding:1.1cqw 6cqw;font-size:max(3cqw,20px);font-weight:900;animation:1.1s step-end infinite startBlink;box-shadow:0 0 40px #28e7ff47}.title__start:hover:not(:disabled){background:#28e7ff33}.title__start:disabled{border-color:var(--stroke);color:var(--ink-dim);box-shadow:none;cursor:default;letter-spacing:.16em;animation:none}.title__start.is-still{animation:none}@media (prefers-reduced-motion:reduce){.title__start{animation:none}}@keyframes startBlink{0%,55%{opacity:1}56%,to{opacity:.28}}.title__hint{letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;font-size:max(1.1cqw,10px)}.title__foot{align-items:center;gap:2.4cqw;margin-top:1.6cqw;display:flex}.screen--help{justify-content:flex-start;gap:1.8cqw;padding-top:3cqw}.help__head{text-align:left;justify-content:space-between;align-items:flex-start;gap:2cqw;width:min(72cqw,900px);display:flex}.help__lore{text-align:left;max-width:66cqw;color:var(--ink-dim);flex-direction:column;gap:.5cqw;font-size:max(1.1cqw,11px);line-height:1.45;display:flex}.help__lore strong{color:var(--gold)}@media (orientation:landscape) and (height<=600px){.app.is-touch .screen--title{gap:1.2cqw}.app.is-touch .screen--help{gap:1cqw;padding-top:2.4cqw}.app.is-touch .help__lore{display:none}.app.is-touch .screen--help .screen__title,.app.is-touch .screen--roster .screen__title{font-size:3.2cqw}}.screen--start{justify-content:center;gap:0;padding:2.2cqw}.menu__top{justify-content:space-between;align-items:flex-start;gap:1.6cqw;display:flex;position:absolute;top:1.8cqw;left:1.8cqw;right:1.8cqw}.menu__center{flex-direction:column;align-items:center;gap:1.4cqw;display:flex}.menu__row{flex-wrap:wrap;justify-content:center;gap:1cqw;display:flex}.menu__row--play{gap:1.4cqw;margin-top:.8cqw}.menu__foot{justify-content:space-between;align-items:flex-end;gap:1.6cqw;display:flex;position:absolute;bottom:1.4cqw;left:1.8cqw;right:1.8cqw}.belt-track--mini{gap:.5cqw}.belt-track--mini .belt-track__bar{width:4cqw;height:.7cqw}@media (orientation:landscape) and (height<=600px){.app.is-touch .screen--start{padding:1.2cqw}.app.is-touch .menu__top{top:5.2cqw}.app.is-touch .menu__center{gap:.9cqw}.app.is-touch .menu__foot .belt-track,.app.is-touch .user-card__actions{display:none}}@media (orientation:portrait),(width<=680px){.screen--start{justify-content:flex-start;gap:1.4cqw}.menu__top,.menu__foot{width:100%;position:static}.menu__foot{flex-direction:column;align-items:center;gap:.8cqw}}.status-tag--grab{color:#fff;background:#ffffff1f;border-color:#ffffff8c}.status-tag--grab.is-ready{border-color:var(--gold);color:var(--gold);background:#ffd24a2e}.screen--story{justify-content:center;gap:2cqw}.story-card{background:#040a1edb;border:1px solid #ffd24a73;border-radius:16px;align-items:flex-start;gap:2.4cqw;width:min(72cqw,720px);padding:2.2cqw 2.6cqw;animation:.4s cubic-bezier(.2,.9,.3,1.2) bossCardIn;display:flex;box-shadow:0 0 40px #ffd24a1f}.story-card__portrait{image-rendering:pixelated;image-rendering:crisp-edges;background-color:#ffffff0f;background-repeat:no-repeat;border-radius:12px;flex:none;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff1f}.story-card__portrait--none{text-align:center;width:96px;height:96px;font-size:56px;line-height:96px}.story-card__body{flex-direction:column;gap:.7cqw;min-width:0;display:flex}.story-card__eyebrow{letter-spacing:.24em;color:var(--gold);font-size:max(.9cqw,9px);font-weight:800}.story-card__title{letter-spacing:.12em;color:#fff;text-shadow:0 0 18px #ffd24a59;margin:0;font-size:max(2.6cqw,18px);font-weight:900}.story-card__role{color:var(--ink-dim);margin:0 0 .4cqw;font-size:max(1.05cqw,10px);font-style:italic}.story-card__line{color:#f2f4fa;margin:0;font-size:max(1.35cqw,13px);line-height:1.5}.story-after{border-left:3px solid var(--gold);background:#040a1e99;align-items:center;gap:1.4cqw;width:min(72cqw,720px);padding:1cqw 1.6cqw;display:flex}.story-after__text{color:#f2f4fa;margin:0;font-size:max(1.15cqw,11px);font-style:italic;line-height:1.45}@media (prefers-reduced-motion:reduce){.story-card{animation:none}}.btn--weekly{color:var(--gold);background:linear-gradient(#ffd24a29,#ffd24a0f);border-color:#ffd24a8c}.btn--weekly:hover,.btn--weekly:focus-visible{background:linear-gradient(#ffd24a47,#ffd24a1f)}.screen--status .cards-panel{width:min(92cqw,1080px)}.gear{--r:#c9cfda;--r-dark:#6c7488;border:1px solid color-mix(in srgb, var(--r) 55%, transparent);border-left:3px solid var(--r);background:linear-gradient(180deg, color-mix(in srgb, var(--r) 14%, #060c22e6), #060c22e6);color:var(--ink);font:inherit;text-align:left;border-radius:8px;flex-direction:column;gap:.15cqw;padding:.6cqw .7cqw;display:flex;position:relative}.gear.is-clickable{cursor:pointer}.gear.is-clickable:hover,.gear.is-clickable:focus-visible{border-color:var(--r);background:linear-gradient(180deg, color-mix(in srgb, var(--r) 28%, #060c22e6), #060c22e6)}.gear:disabled{cursor:default}.gear.is-selected{outline:2px solid var(--accent);outline-offset:1px}.gear.is-legendary{box-shadow:0 0 14px color-mix(in srgb, var(--r) 45%, transparent)}.gear--empty{border-left-color:var(--stroke);color:var(--ink-dim);background:#060c228c;border-style:dashed}.gear__slot{letter-spacing:.1em;color:var(--ink-dim);justify-content:space-between;gap:.5cqw;font-size:max(.72cqw,8px);font-weight:800;display:flex}.gear__rarity{color:var(--r);font-style:normal}.gear__name{font-size:max(.95cqw,10px);font-weight:700;line-height:1.2}.gear__stats{color:var(--ink-dim);font-size:max(.78cqw,9px)}.gear__legend{color:var(--gold);font-size:max(.78cqw,9px);font-weight:700}.gear__qty{background:#0000008c;border-radius:6px;padding:0 .35cqw;font-size:max(.75cqw,9px);font-weight:800;position:absolute;bottom:.3cqw;right:.4cqw}.gear--line{flex-direction:row;align-items:baseline;gap:.8cqw}.gear-grid{grid-template-columns:repeat(auto-fill,minmax(min(15cqw,190px),1fr));gap:.7cqw;max-height:34cqh;display:grid;overflow:auto}.ficha{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.6fr);align-items:start;gap:1.2cqw;display:grid}.ficha--guest{grid-template-columns:minmax(0,.8fr) minmax(0,2fr)}.ficha__slots{flex-direction:column;gap:.5cqw;display:flex}.ficha__slot{flex-direction:column;gap:.15cqw;display:flex}.ficha__slot.is-cursor .gear{outline:2px dashed var(--gold);outline-offset:2px}.ficha__slot .link-btn{align-self:flex-end;font-size:max(.7cqw,8px)}.ficha__body{flex-direction:column;align-items:center;gap:.6cqw;display:flex}.ficha__puppet{aspect-ratio:154/160;border:1px solid var(--stroke);border-radius:var(--radius);background:radial-gradient(60% 60% at 50% 40%,#28e7ff1f,#0000 70%),#040a1e99;place-items:center;width:min(14cqw,170px);display:grid;position:relative}.ficha__puppet canvas{width:100%;height:100%;image-rendering:pixelated}.ficha__puppet-fallback{font-size:3cqw;position:absolute}.patch-row{gap:.35cqw;display:flex}.patch{--r:var(--stroke);aspect-ratio:1;border:1px solid color-mix(in srgb, var(--r) 60%, transparent);width:2cqw;min-width:20px;color:var(--r);cursor:pointer;background:#040a1e99;border-radius:5px;padding:0;font-size:max(1cqw,12px);line-height:1}.patch.is-on{background:color-mix(in srgb, var(--r) 22%, #040a1e99);box-shadow:0 0 8px color-mix(in srgb, var(--r) 40%, transparent)}.patch.is-cursor{outline:2px dashed var(--gold);outline-offset:2px}.ficha__hint{color:var(--ink-dim);margin:0;font-size:max(.75cqw,9px)}.ficha__side{flex-direction:column;gap:.8cqw;display:flex}.statbars{flex-direction:column;gap:.45cqw;list-style:none;display:flex}.statbar{grid-template-columns:7.5cqw 1fr 2.4cqw;align-items:center;gap:.5cqw;display:grid}.statbar__name{letter-spacing:.05em;color:var(--ink-dim);font-size:max(.78cqw,9px);font-weight:800}.statbar__track{background:#8cafff24;border-radius:999px;height:.75cqw;min-height:8px;display:flex;overflow:hidden}.statbar__seg{height:100%}.statbar__seg--base{background:#6c7488}.statbar__seg--pecas{background:var(--accent)}.statbar__seg--patches{background:#c6a6ff}.statbar__seg--conjunto{background:var(--gold)}.statbar__total{text-align:right;font-size:max(.95cqw,11px)}.statbar__from{color:var(--ink-dim);grid-column:2/4;font-size:max(.68cqw,8px)}.ficha__practice h3{letter-spacing:.14em;color:var(--gold);font-size:max(.8cqw,9px)}.ficha__practice ul{grid-template-columns:repeat(auto-fill,minmax(min(13cqw,160px),1fr));gap:.15cqw .8cqw;margin-top:.35cqw;list-style:none;display:grid}.ficha__practice li{color:var(--ink-dim);justify-content:space-between;gap:.4cqw;font-size:max(.78cqw,9px);display:flex}.ficha__practice strong{color:var(--ink)}.ficha__foot{border-top:1px solid var(--stroke);grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1cqw;padding-top:.6cqw;display:grid}.ficha__foot h4{letter-spacing:.14em;color:var(--ink-dim);font-size:max(.75cqw,9px)}.ficha__foot .is-on{color:var(--gold)}.sets{grid-template-columns:repeat(auto-fill,minmax(min(24cqw,300px),1fr));gap:.8cqw;max-height:60cqh;display:grid;overflow:auto}.set{border:1px solid var(--stroke);border-radius:var(--radius);background:#040a1e80;flex-direction:column;gap:.35cqw;padding:.8cqw;display:flex}.set.is-on{border-color:#28e7ff73}.set.is-full{border-color:#ffd24a99}.set__head{justify-content:space-between;gap:.5cqw;font-size:max(.9cqw,10px);display:flex}.set__lore{color:var(--ink-dim);font-size:max(.75cqw,9px);font-style:italic}.set__pieces{gap:.3cqw;display:flex}.set__piece{--r:var(--stroke);border:1px dashed var(--stroke);letter-spacing:.05em;text-align:center;color:var(--ink-dim);border-radius:6px;flex:1;padding:.25cqw;font-size:max(.65cqw,8px);font-weight:800}.set__piece.is-owned{border-style:solid;border-color:var(--r);color:var(--r)}.set__piece.is-worn{background:color-mix(in srgb, var(--r) 22%, transparent);color:var(--ink)}.set__bonus{color:var(--ink-dim);flex-direction:column;gap:.2cqw;font-size:max(.75cqw,9px);list-style:none;display:flex}.set__bonus li{gap:.5cqw;display:flex}.set__bonus b{min-width:4.5cqw;color:var(--accent);flex:none}.set__bonus li.is-on{color:var(--ink)}.chest{border-radius:var(--radius);background:linear-gradient(#ffd24a1a,#0000);border:1px solid #ffd24a59;justify-content:space-between;align-items:center;gap:1cqw;padding:.7cqw .9cqw;display:flex}.chest__result{cursor:pointer;align-items:center;gap:.8cqw;display:flex}.drop{align-items:center;gap:.6cqw;margin-top:.4cqw;display:flex}.drop__label{letter-spacing:.14em;color:var(--gold);font-size:max(.75cqw,9px);font-weight:800}.tabs--filters{flex-wrap:wrap}@media (width<=900px){.ficha{grid-template-columns:1fr}.ficha__slots{grid-template-columns:repeat(2,1fr);display:grid}}.gear-cell{flex-direction:column;gap:.1cqw;display:flex}.gear-cell .link-btn{letter-spacing:.08em;text-align:right;align-self:stretch;padding:.1cqw 0;font-size:max(.66cqw,8px)}.quiz{min-height:100dvh;padding:14px clamp(10px, 3vw, 28px) max(22px, env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:14px;display:flex}.quiz-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;max-width:640px;display:grid}.quiz-top>:last-child{justify-self:end}.quiz-top__brand{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.quiz-main{flex-direction:column;flex:1;gap:14px;width:100%;max-width:640px;display:flex}.quiz-foot{text-align:center;justify-content:center;max-width:640px}.quiz-home,.quiz-result{flex-direction:column;gap:14px;display:flex}.quiz-panel{border-radius:var(--radius);background:var(--panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:12px;padding:20px 22px;animation:.25s ease-out fadeIn;display:flex}.quiz-panel--hero{text-align:center;background:radial-gradient(70% 90% at 50% 0%, #2878ff38, transparent 70%), var(--panel);align-items:center;padding:26px 22px}.quiz-eyebrow{letter-spacing:.26em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.quiz-title{letter-spacing:.02em;font-size:clamp(20px,5vw,28px);font-weight:900;line-height:1.15}.quiz-desc{color:var(--ink-dim);max-width:46ch;font-size:14px;line-height:1.45}.quiz-muted{color:var(--ink-dim);letter-spacing:.03em;max-width:48ch;font-size:13px;line-height:1.45}.quiz-muted--small{font-size:11px}.quiz-error{color:#ffb3c1;background:#ff5c7a24;border:1px solid #ff5c7a66;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.4}.quiz-facts{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.quiz-chip{border:1px solid var(--stroke);color:var(--ink-dim);letter-spacing:.08em;background:#ffffff0d;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700}.quiz-chip--gold{color:var(--gold);background:#ffd24a1a;border-color:#ffd24a80}.quiz-btn{border:1px solid var(--stroke);color:var(--ink);font:inherit;letter-spacing:.16em;cursor:pointer;background:#ffffff0f;border-radius:12px;min-width:200px;padding:13px 22px;font-size:13px;font-weight:800;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s,opacity .15s}.quiz-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.quiz-btn:active{transform:translateY(0)}.quiz-btn:disabled{opacity:.6;cursor:default;transform:none}.quiz-btn--primary{background:linear-gradient(#2fa3ff,#1655d8);border-color:#8cd2ffb3;box-shadow:0 10px 26px #145adc73}.quiz-btn--primary:hover{box-shadow:0 14px 34px #28a0ff99}.quiz-btn--outline{border:2px solid var(--accent);color:var(--accent);background:0 0}.quiz-btn--ghost{color:var(--ink-dim);background:0 0}.quiz-link{color:var(--ink-dim);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px 16px;font-size:11px}.quiz-link:hover{color:var(--ink)}.btn--quiz{color:#d9c4ff;background:linear-gradient(#a064ff33,#a064ff0f);border-color:#be8cff8c}.btn--quiz:hover,.btn--quiz:focus-visible{border-color:#dcbeffe6;box-shadow:0 10px 26px #8c50ff59}.quiz-auth{border-radius:var(--radius);border:1px solid var(--stroke);background:#050a1c;min-height:460px;position:relative;overflow:hidden;container-type:inline-size}.quiz-auth .screen{padding:16px;font-size:14px;position:absolute}.quiz-auth .form{width:min(92cqw,420px)}.quiz-run{flex-direction:column;gap:12px;display:flex}.quiz-run__meta{justify-content:space-between;align-items:flex-end;display:flex}.quiz-timer{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.08em;background:#28e7ff1a;border:1px solid #28e7ff4d;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:800;transition:color .2s,border-color .2s,background .2s}.quiz-timer.is-low{color:var(--danger);background:#ff5c7a1f;border-color:#ff5c7a80;animation:.6s ease-in-out infinite pulse}.quiz-timer.is-off{color:var(--ink-dim);border-color:var(--stroke);background:#ffffff0a;animation:none}.quiz-progress{background:#ffffff14;border-radius:999px;width:100%;height:8px;overflow:hidden}.quiz-progress>span{background:linear-gradient(90deg, var(--accent), #2fa3ff 60%, #9a6bff);border-radius:999px;height:100%;transition:width .3s ease-out;display:block}.quiz-progress--big{max-width:320px;height:10px}.quiz-card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--stroke);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:22px 20px;animation:.22s ease-out quizSlideIn;display:flex}@keyframes quizSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.quiz-card__eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#28e7ffb3;font-size:10px;font-weight:800}.quiz-card__question{font-size:clamp(17px,4.4vw,21px);font-weight:800;line-height:1.3}.quiz-card__image{aspect-ratio:16/9;border:1px solid var(--stroke);border-radius:10px;width:100%;margin-top:6px;overflow:hidden}.quiz-card__image img{object-fit:cover;width:100%;height:100%}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option{border:1px solid var(--stroke);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border-radius:12px;align-items:center;gap:14px;padding:13px 16px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,opacity .2s,transform .12s;display:flex}.quiz-option:hover:not(:disabled){border-color:#8cafff8c}.quiz-option:active:not(:disabled){transform:scale(.985)}.quiz-option:disabled{cursor:default}.quiz-option__letter{color:#ffffff4d;min-width:18px;font-size:18px;font-style:italic;font-weight:900}.quiz-option__text{flex:1}.quiz-option__mark{font-size:18px;font-weight:900}.quiz-option.is-picked{border-color:var(--accent);background:#28e7ff1f}.quiz-option.is-picked .quiz-option__letter{color:var(--accent)}.quiz-option.is-correct{background:#3ddc8429;border-color:#3ddc84;animation:.4s ease-out quizPop}.quiz-option.is-correct .quiz-option__letter,.quiz-option.is-correct .quiz-option__mark{color:#7dffb3}.quiz-option.is-wrong{border-color:var(--danger);background:#ff5c7a24}.quiz-option.is-wrong .quiz-option__letter,.quiz-option.is-wrong .quiz-option__mark{color:#ffb3c1}.quiz-option.is-dim{opacity:.4}@keyframes quizPop{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.quiz-stamp{color:#04120a;letter-spacing:.14em;background:#22c55e;border-radius:999px;align-self:center;padding:8px 18px;font-size:13px;font-weight:900;animation:.35s cubic-bezier(.2,.9,.3,1.25) quizStamp;box-shadow:0 10px 28px #22c55e73}.quiz-stamp--time{color:var(--ink-dim);box-shadow:none;border:1px solid var(--stroke);background:#ffffff1a}@keyframes quizStamp{0%{opacity:0;transform:scale(.4)rotate(-6deg)}to{opacity:1;transform:none}}.quiz-explain{border:1px solid var(--stroke);color:#d5deff;background:#08102c99;border-radius:10px;gap:8px;padding:12px 14px;font-size:13px;line-height:1.45;animation:.25s ease-out fadeIn;display:flex}.quiz-explain>span{color:var(--accent);font-weight:900}.quiz-actions{padding:10px 0 max(10px, env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, transparent, var(--bg-0) 35%);flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:sticky;bottom:0}.quiz-actions .quiz-btn{flex:1;min-width:150px}.quiz-badge{color:#7dffb3;letter-spacing:.14em;text-transform:uppercase;background:#3ddc841f;border:1px solid #3ddc8466;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800}.quiz-badge--warn{color:var(--gold);background:#ffd24a1f;border-color:#ffd24a80}.quiz-numbers{justify-content:center;gap:36px;padding:6px 0;display:flex}.quiz-numbers>div{flex-direction:column;align-items:center;gap:4px;display:flex}.quiz-numbers strong{font-variant-numeric:tabular-nums;font-size:44px;font-weight:900;line-height:1}.quiz-numbers strong small{color:var(--ink-dim);font-size:18px;font-weight:700}.quiz-numbers strong.is-gold{color:var(--gold)}.quiz-numbers span{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;font-weight:700}.quiz-verdict{font-size:17px;font-weight:800}.quiz-sendfail{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.quiz-spinner{border:3px solid #28e7ff40;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite quizSpin}@keyframes quizSpin{to{transform:rotate(360deg)}}.quiz-result__foot{align-self:center}.quiz-review{gap:8px}.quiz-review__item{border:1px solid;border-radius:10px;gap:10px;padding:12px 14px;display:flex}.quiz-review__item.is-ok{background:#3ddc840d;border-color:#3ddc844d}.quiz-review__item.is-bad{background:#ff5c7a0d;border-color:#ff5c7a4d}.quiz-review__tag{white-space:nowrap;margin-top:2px;font-size:12px;font-weight:900}.is-ok>.quiz-review__tag{color:#7dffb3}.is-bad>.quiz-review__tag{color:#ffb3c1}.quiz-review__body{flex-direction:column;gap:3px;min-width:0;display:flex}.quiz-review__q{font-size:14px;font-weight:700;line-height:1.35}.quiz-review__hl{color:var(--ink-dim);font-size:12px;font-style:italic}.quiz-review__a{color:var(--ink-dim);font-size:12px}.quiz-review__a b.is-ok{color:#7dffb3}.quiz-review__a b.is-bad{color:#ffb3c1}.quiz-review__why{color:var(--ink-dim);margin-top:3px;font-size:12px;line-height:1.4}.quiz-lb{border-radius:var(--radius);background:var(--panel);border:1px solid var(--stroke);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.quiz-lb__head{flex-direction:column;gap:8px;display:flex}.quiz-tabs{flex-wrap:wrap;gap:6px;display:flex}.quiz-tab{border:1px solid var(--stroke);color:var(--ink-dim);font:inherit;letter-spacing:.12em;cursor:pointer;background:0 0;border-radius:999px;padding:5px 11px;font-size:10px;font-weight:800}.quiz-tab.is-active{color:var(--ink);border-color:var(--accent);background:#28e7ff1f}.quiz-lb__list{flex-direction:column;gap:5px;max-height:60vh;list-style:none;display:flex;overflow:auto}.quiz-lb__row{background:#ffffff0a;border:1px solid #0000;border-radius:10px;grid-template-columns:30px 30px 1fr auto auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.quiz-lb__row.is-me{border-color:var(--gold);background:#ffd24a1a}.quiz-lb__list>.quiz-lb__row:first-child .quiz-lb__pos{color:var(--gold)}.quiz-lb__list>.quiz-lb__row:nth-child(2) .quiz-lb__pos{color:#d7dce6}.quiz-lb__list>.quiz-lb__row:nth-child(3) .quiz-lb__pos{color:#d29a5a}.quiz-lb__pos{text-align:center;font-variant-numeric:tabular-nums;font-size:13px;font-weight:900}.quiz-lb__avatar{width:30px;height:30px;color:var(--accent);background:#28e7ff2e;border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:inline-grid;overflow:hidden}.quiz-lb__avatar img{object-fit:cover;width:100%;height:100%}.quiz-lb__name{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;min-width:0;font-size:13px;font-weight:700;display:flex;overflow:hidden}.quiz-lb__name em{background:var(--gold);color:#2a1e00;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:9px;font-style:normal;font-weight:900;display:inline-block}.quiz-lb__name small{color:var(--ink-dim);letter-spacing:.06em;font-size:10px;font-weight:600}.quiz-lb__belt{border:1px solid #ffffff59;border-radius:2px;width:20px;height:7px}.quiz-lb__pts{font-variant-numeric:tabular-nums;color:var(--gold);text-align:right;font-size:15px;font-weight:900}.quiz-lb__pts small{color:var(--ink-dim);font-size:10px;font-weight:700}.quiz-lb__gap{text-align:center;color:var(--ink-dim);font-size:12px;line-height:1}@media (width<=480px){.quiz-top{grid-template-columns:auto 1fr}.quiz-top__brand{display:none}.quiz-numbers{gap:24px}.quiz-numbers strong{font-size:36px}.quiz-btn{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.quiz-card,.quiz-option.is-correct,.quiz-stamp,.quiz-panel,.quiz-explain,.quiz-timer.is-low{animation:none}}