:root{--black:#0b0b0d;--gold:#fcd116;--red:#ce1126;--green:#006b3f;--cream:#f4e9d3;--laterite:#b5532a;--panel:#100c0adb;--line:#fcd11659;--display:"Anton", Impact, "Arial Narrow Bold", sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--black);height:100%;color:var(--cream);font-family:var(--body);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.small{opacity:.75;font-size:12px}.screen{z-index:10;display:none;position:fixed;inset:0}.screen.show{display:flex}.logo{font-family:var(--display);letter-spacing:.08em;color:var(--gold);text-shadow:3px 3px 0 var(--red), 6px 6px 0 #0009;font-size:44px}.tag{font-family:var(--display);letter-spacing:.35em;text-transform:uppercase;color:var(--cream);font-size:14px}#trainHud{pointer-events:none;z-index:7;position:fixed;inset:0}.train-bar{top:calc(84px + env(safe-area-inset-top,0px));white-space:nowrap;pointer-events:auto;-webkit-backdrop-filter:blur(10px);background:#0c0a0a9e;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.train-tag{font:800 10px var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);padding:0 6px 0 10px}.tb-sep{background:#ffffff1f;width:1px;height:20px;margin:0 4px}.train-label{font:700 9px var(--body);letter-spacing:.2em;text-transform:uppercase;color:#f4e9d380;padding:0 4px 0 2px}.tr-seg{background:#ffffff0d;border-radius:10px;gap:2px;padding:2px;display:flex}.tr-seg button,.tr-btn{cursor:pointer;color:#f4e9d3b8;height:30px;font:700 12px var(--body);background:0 0;border:0;border-radius:8px;outline:none;align-items:center;gap:6px;padding:0 10px;transition:background .2s,color .2s;display:inline-flex}.tr-seg button:hover,.tr-btn:hover{color:#fff;background:#ffffff14}.tr-seg button:focus-visible,.tr-btn:focus-visible{box-shadow:0 0 0 2px var(--gold)}.tr-seg button.on{background:var(--gold);color:#1c1304}.tr-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.tr-btn.gold{color:var(--gold)}.train-bar kbd{min-width:16px;height:16px;font:700 9px var(--body);color:inherit;opacity:.75;background:#ffffff1a;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.tr-seg button.on kbd{background:#00000024}.train-stats{top:calc(132px + env(safe-area-inset-top,0px));white-space:nowrap;-webkit-backdrop-filter:blur(8px);background:#0c0a0a80;border-radius:12px;padding:3px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.train-stats span{align-items:baseline;gap:6px;padding:4px 12px;display:flex}.train-stats span+span{border-left:1px solid #ffffff1a}.train-stats i{font:700 9px var(--body);letter-spacing:.18em;text-transform:uppercase;color:#f4e9d38c;font-style:normal}.train-stats b{font:400 17px/1 var(--display);letter-spacing:.02em;color:var(--gold)}.train-stats em{font:600 10px var(--body);color:#f4e9d399;font-style:normal}.chip{font:700 11px var(--body);color:var(--cream);cursor:pointer;background:#ffffff14;border:0;border-radius:8px;padding:6px 11px;transition:background .2s}.chip:hover{background:#ffffff29}.chip.on{background:var(--gold);color:#1c1304}.input-log{left:calc(14px + var(--safe-l));top:calc(118px + env(safe-area-inset-top,0px));font:700 13px var(--body);flex-direction:column;gap:2px;display:flex;position:absolute}.input-log div{background:#0b0b0d8c;border-radius:3px;align-items:center;gap:4px;min-width:70px;padding:1px 6px;display:flex}.input-log div:first-child{background:#3c2814cc}.input-log .f{opacity:.6;text-align:right;width:20px;font-size:11px}.input-log .a{text-align:center;width:18px;color:var(--cream);font-size:15px}.input-log i{color:#111;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-style:normal;display:grid}.input-log .bL,.cap.bL{--c:#7cc7ff}.input-log .bM,.cap.bM{--c:#fcd116}.input-log .bH,.cap.bH{--c:#ff6b5e}.input-log .bT,.cap.bT{--c:#4cd38a}.cap.bS{--c:#c79bff}.input-log i{background:var(--c)}body.training .timer{visibility:hidden}body.touch .input-log{display:none}#lesson{left:0;right:0;top:calc(132px + env(safe-area-inset-top,0px));z-index:7;pointer-events:none;justify-content:center;display:flex;position:fixed}body.lesson .train-stats{display:none}.lesson-card{pointer-events:auto;border:2px solid var(--gold);background:linear-gradient(#1a120ce6,#0b0b0de6);border-radius:10px;width:min(720px,94vw);padding:6px 12px 0;overflow:hidden;box-shadow:0 8px 30px #00000080}.lesson-card.ping{animation:.45s lessonFlash}@keyframes lessonFlash{0%{box-shadow:0 0 #fcd116e6}to{box-shadow:0 0 0 18px #fcd11600}}.lesson-card.done{border-color:#4cd38a}.lesson-head{align-items:center;gap:10px;display:flex}.lesson-head span{font:800 10px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.lesson-head b{font-family:var(--display);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:20px;font-weight:400;overflow:hidden}.lesson-row{flex-wrap:wrap;align-items:center;gap:4px 14px;margin:4px 0 2px;display:flex}.lesson-keys,.lesson-simple{--gs:30px;flex-wrap:wrap;align-items:center;gap:5px;display:flex}.lesson-simple{--gs:24px}.lesson-simple>span:first-child{font:800 9px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--faint,#f4e9d38c);margin-right:2px}.lesson-dev{font:800 9px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:#fcd1161a;border:1px solid #fcd11659;border-radius:999px;align-items:center;gap:4px;margin-right:4px;padding:3px 8px 3px 6px;display:inline-flex}.lesson-dev svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.g-step{align-items:center;gap:2px;display:inline-flex}.g-mo{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.g-keys{font:700 9px var(--body);letter-spacing:.04em;color:var(--faint,#f4e9d38c)}.cap{border:2px solid var(--c,var(--line));min-width:40px;line-height:1;font:400 22px var(--display);color:var(--cream);background:#1c1410;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;padding:4px 7px 3px;display:inline-flex;box-shadow:0 3px #0009}.cap.dir{--c:#f4e9d373}.cap small{font:700 8px var(--body);letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin-top:2px}.lesson-hint{opacity:.9;margin:3px 0 6px;font-size:12px;line-height:1.35}.lesson-pips{gap:5px;display:flex}.lesson-pips i{border:2px solid var(--gold);width:13px;height:13px;transform:rotate(45deg)}.lesson-pips i.on{background:var(--gold);box-shadow:0 0 10px var(--gold)}.lesson-actions{gap:4px;display:flex}.lesson-actions .chip{padding:3px 8px;font-size:11px}.lesson-bar{background:#ffffff14;height:3px;margin:0 -12px}.lesson-bar i{background:linear-gradient(90deg, var(--red), var(--gold), var(--green));width:0;height:100%;transition:width .3s;display:block}body.touch .lesson-card{transform-origin:top;transform:scale(.8)}.training-only{display:none}body.training .training-only{display:block}#hud{pointer-events:none;z-index:5;font-family:var(--display);position:fixed;inset:0}.hud-top{top:max(10px, env(safe-area-inset-top));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));align-items:flex-start;gap:10px;display:flex;position:absolute}.pbar{flex:1;align-items:flex-start;gap:8px;display:flex}.pbar.p2{flex-direction:row-reverse}.pbar .face{border:2px solid var(--gold);background:#222 50% 15%/cover;border-radius:6px;flex:none;width:54px;height:54px}.pbar .col{flex-direction:column;flex:1;gap:3px;display:flex}.pbar.p2 .col{align-items:flex-end}.pbar .name{letter-spacing:.05em;color:var(--cream);text-shadow:2px 2px #000;font-size:15px}.hp{outline:1px solid var(--line);background:linear-gradient(#0b0604,#24150e);border:2px solid #000;width:100%;height:18px;position:relative;overflow:hidden;transform:skew(-12deg);box-shadow:inset 0 2px 5px #000000b3}.pbar.p2 .hp{transform:skew(12deg)}.hp i{width:100%;position:absolute;top:0;bottom:0;left:0}.pbar.p2 .hp i{left:auto;right:0}.hp .lag{background:linear-gradient(#fff,#ffd2c2);transition:width .5s .25s}.hp .cur{--hp-a:#e97c00;--hp-b:#ffc21a;--hp-c:#fff2a0;--hp-dir:90deg;background:linear-gradient(180deg, #ffffff80 0%, #ffffff1a 40%, #fff0 52%, #00000038 100%), linear-gradient(var(--hp-dir), var(--hp-a), var(--hp-b) 60%, var(--hp-c))}.pbar.p2 .hp .cur{--hp-dir:270deg}.hp.mid .cur{--hp-a:#c9400a;--hp-b:#ff7a12;--hp-c:#ffc04d}.hp.low .cur{--hp-a:#8f0d0b;--hp-b:#e2281a;--hp-c:#ff7440;animation:.5s infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.6)saturate(1.4)}}.wins{gap:4px;display:flex}.wins b{border:2px solid var(--gold);width:12px;height:12px;margin:2px;transform:rotate(45deg)}.wins b.on{background:var(--gold);box-shadow:0 0 8px var(--gold)}.timer{text-align:center;width:64px;color:var(--cream);text-shadow:3px 3px 0 var(--red);padding-top:4px;font-size:40px;line-height:1}.hud-bottom{bottom:max(10px, env(safe-area-inset-bottom));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));justify-content:space-between;display:flex;position:absolute}.meter{align-items:center;gap:8px;display:flex}.gauge{gap:3px;display:flex}.gauge i{border:1px solid var(--line);background:#1a120c;width:54px;height:12px;position:relative;overflow:hidden;transform:skew(-20deg)}.gauge i:after{content:"";width:var(--f,0%);background:linear-gradient(90deg, #b8860b, var(--gold));position:absolute;inset:0}.gauge i.full:after{box-shadow:0 0 10px var(--gold);animation:.6s infinite alternate pulse}.lvl{color:var(--gold);text-shadow:2px 2px #000;width:16px;font-size:22px}.res{font-family:var(--body);align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.res .musket{color:#aaa;background:#333;border-radius:3px;padding:2px 6px}.res .musket.on{background:var(--laterite);color:#fff}.res .bead{border:2px solid var(--gold);border-radius:50%;width:11px;height:11px}.res .bead.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.res .beat{border:2px solid var(--gold);opacity:.55;border-radius:50%;width:9px;height:9px;transition:background 50ms}.res .beat.on{background:var(--gold);box-shadow:0 0 8px var(--gold);opacity:1}.res .lull{background:#ffffff1f;border-radius:4px;width:56px;height:7px;overflow:hidden}.res .lull i{background:linear-gradient(90deg,#6f86d6,#c9d6ff);height:100%;display:block}.res .lull.full i{background:#c9d6ff;animation:.8s ease-in-out infinite alternate lullGlow;box-shadow:0 0 8px #9db4ff}.res .lull.lock{opacity:.4}@keyframes lullGlow{0%{opacity:.7}to{opacity:1}}.combo{color:var(--gold);text-shadow:3px 3px 0 var(--red), 5px 5px 0 #000;opacity:0;font-size:34px;line-height:1;transition:opacity .2s;position:absolute;top:30%}.combo small{color:var(--cream);font-size:16px;display:block}.combo.p1{left:calc(24px + var(--safe-l))}.combo.p2{right:calc(24px + var(--safe-r));text-align:right}.combo.show{opacity:1}.notice{color:var(--cream);border-left:4px solid var(--gold);opacity:0;white-space:nowrap;pointer-events:none;background:#0b0b0db8;padding:4px 12px;font-size:20px;transition:opacity .15s,transform .15s;position:absolute;top:calc(19% + 40px);transform:translateY(6px)}.notice b{color:var(--gold);font-weight:400}.notice.p1{left:calc(24px + var(--safe-l))}.notice.p2{right:calc(24px + var(--safe-r));border-left:0;border-right:4px solid var(--gold)}.notice.show{opacity:1;transform:none}.banner{text-align:center;color:var(--gold);text-shadow:4px 4px 0 var(--red), 8px 8px 0 #000;letter-spacing:.04em;opacity:0;font-size:clamp(48px,10vw,110px);transition:opacity .15s,transform .2s;position:absolute;top:38%;left:0;right:0;transform:scale(1.4)}.banner.show{opacity:1;transform:scale(1)}.banner small{color:var(--cream);letter-spacing:.2em;font-size:.32em;display:block}.cutin{border-top:4px solid var(--gold);border-bottom:4px solid var(--gold);background:linear-gradient(90deg,#ce1126e6,#0b0b0de6);align-items:center;gap:20px;height:26%;padding:0 6vw;transition:transform .18s ease-out;display:flex;position:absolute;top:22%;left:0;right:0;transform:translate(-110%)skewY(-4deg)}.cutin.right{background:linear-gradient(-90deg,#ce1126e6,#0b0b0de6);flex-direction:row-reverse;transform:translate(110%)skewY(4deg)}.cutin.show{transform:translate(0)skewY(-4deg)}.cutin.right.show{transform:translate(0)skewY(4deg)}.cut-face{aspect-ratio:3/4;border:3px solid var(--gold);background:50% 15%/cover;height:140%}.cut-text b{color:var(--gold);text-shadow:3px 3px #000;font-size:clamp(28px,6vw,64px);font-weight:400;display:block}.cut-text span{font-family:var(--body);letter-spacing:.2em;text-transform:uppercase;font-size:13px;font-weight:800}.pause-btn{pointer-events:auto;top:calc(70px + env(safe-area-inset-top));cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0c0a0a8c;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;transition:background .2s,border-color .2s;display:grid;position:absolute;left:50%;transform:translate(-50%)}.pause-btn svg{width:14px;height:14px;fill:var(--cream)}.pause-btn:hover{border-color:var(--gold);background:#fcd1162e}body.training .pause-btn{top:calc(14px + env(safe-area-inset-top,0px))}#touch{z-index:6;pointer-events:none;position:fixed;inset:0}.stick-zone{pointer-events:auto;width:45%;height:70%;position:absolute;bottom:0;left:0}.stick-base{width:130px;height:130px;left:calc(40px + var(--safe-l));background:#00000040;border:2px solid #fcd11659;border-radius:50%;position:absolute;bottom:50px}.stick-knob{border:2px solid var(--gold);background:#fcd1168c;border-radius:50%;width:58px;height:58px;margin:-29px;position:absolute;top:50%;left:50%}.buttons{right:calc(18px + var(--safe-r));pointer-events:auto;grid-template-columns:repeat(3,62px);gap:10px;display:grid;position:absolute;bottom:46px}.tb{width:62px;height:62px;color:var(--cream);font-family:var(--display);touch-action:none;background:#140e0a99;border:2px solid #f4e9d399;border-radius:50%;font-size:20px}.tb.down{background:var(--gold);color:#111}.tb.sp{border-color:var(--red)}.tb.t{border-color:var(--green)}.tb.super{border-color:var(--gold);color:var(--gold)}kbd{border:1px solid var(--line);background:#2a2018;border-radius:3px;padding:0 5px;font-size:12px}#results{background:radial-gradient(circle at 30%,#3a2414,#0b0b0d 70%);justify-content:center;align-items:center;gap:28px;padding:16px}#poster{aspect-ratio:4/5;border-radius:8px;width:auto;height:min(86vh,640px);box-shadow:0 10px 40px #0009}.results-side{flex-direction:column;gap:6px;max-width:380px;display:flex}.result-text{font-size:15px}.history-note{opacity:.85;border-left:3px solid var(--green);padding-left:10px;font-size:12px;line-height:1.45}.rotate{z-index:50;background:var(--black);font-family:var(--display);color:var(--gold);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:24px;display:none;position:fixed;inset:0}@media (orientation:portrait) and (max-width:820px){body.playing.touch .rotate{display:flex}}.flash{opacity:0;pointer-events:none;z-index:8;background:#fff;transition:opacity .25s;position:fixed;inset:0}@media (max-height:500px){.pbar .face{width:40px;height:40px}.timer{font-size:30px}}@media (prefers-reduced-motion:reduce){.banner,.cutin{transition:none}}body.touch .hud-bottom{bottom:auto;top:calc(66px + env(safe-area-inset-top,0px))}body.touch .pause-btn{top:calc(58px + env(safe-area-inset-top,0px))}body.touch .combo{top:38%}body.touch .notice{font-size:15px;top:31%}.subs{left:0;right:0;bottom:calc(52px + env(safe-area-inset-bottom,0px));padding:0 calc(24px + var(--safe-l));pointer-events:none;justify-content:space-between;gap:24px;display:flex;position:absolute}.sub{max-width:42%;font-family:var(--body);border-left:3px solid var(--gold);opacity:0;background:#0b0b0db8;border-radius:4px;padding:8px 12px;transition:opacity .2s,transform .2s;transform:translateY(8px)}.sub.s1{border-left:0;border-right:3px solid var(--gold);text-align:right;margin-left:auto}.sub.s2{text-align:center;border:0;position:absolute;bottom:0;left:50%;transform:translate(-50%,8px)}.sub.show{opacity:1;transform:translateY(0)}.sub.s2.show{transform:translate(-50%)}.sub b{font-family:var(--display);letter-spacing:.06em;color:var(--gold);font-size:13px;font-weight:400;display:block}.sub span{color:var(--cream);font-size:16px;font-weight:600;display:block}.sub i{color:#d9ccb3;font-size:13px;display:block}body.touch .subs{bottom:auto;top:calc(120px + env(safe-area-inset-top,0px))}.toast{z-index:60;border:1px solid var(--gold);color:var(--cream);font:600 14px var(--body);opacity:0;pointer-events:none;background:#0b0b0de6;border-radius:999px;padding:10px 16px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}body.touch .hud-top{top:calc(4px + env(safe-area-inset-top,0px));left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));gap:6px}body.touch .pbar{gap:5px}body.touch .pbar .face{border-width:1.5px;border-radius:4px;width:28px;height:28px}body.touch .pbar .col{gap:2px}body.touch .pbar .name{letter-spacing:.04em;text-shadow:1px 1px #000;font-size:11px}body.touch .hp{border-width:1px;height:9px}body.touch .wins{gap:2px}body.touch .wins b{border-width:1.5px;width:7px;height:7px;margin:1px}body.touch .timer{width:40px;text-shadow:2px 2px 0 var(--red);padding-top:0;font-size:22px}body.touch .hud-bottom{top:calc(38px + env(safe-area-inset-top,0px));left:calc(41px + var(--safe-l));right:calc(41px + var(--safe-r))}body.touch .meter{gap:4px}body.touch .gauge{gap:2px}body.touch .gauge i{width:26px;height:6px}body.touch .lvl{width:10px;font-size:13px}body.touch .res{gap:3px;font-size:8px}body.touch .res .musket{padding:1px 4px}body.touch .res .bead,body.touch .res .beat{border-width:1.5px;width:7px;height:7px}body.touch .res .lull{width:36px;height:5px}body.touch .pause-btn{top:calc(30px + env(safe-area-inset-top,0px));width:24px;height:24px}body.touch .pause-btn svg{width:10px;height:10px}body.touch.training .pause-btn{top:calc(5px + env(safe-area-inset-top,0px))}body.touch .combo{font-size:24px;top:24%}body.touch .combo small{font-size:12px}body.touch .notice{padding:3px 8px;font-size:12px;top:19%}body.touch .banner{text-shadow:3px 3px 0 var(--red), 5px 5px 0 #000;font-size:clamp(34px,9vw,72px);top:30%}body.touch .cutin{height:30%;top:18%}body.touch .cut-text b{font-size:clamp(22px,5vw,40px)}body.touch .cut-text span{font-size:10px}body.touch .subs{top:calc(54px + env(safe-area-inset-top,0px));height:0;padding:0;bottom:auto}body.touch .sub{text-align:center;border:0;border-top:2px solid var(--gold);width:max-content;max-width:min(58vw,460px);margin:0;padding:4px 10px;position:absolute;top:0;left:50%;transform:translate(-50%,6px)}body.touch .sub.s1{margin:0;top:46px}body.touch .sub.s2{top:92px}body.touch .sub.show{transform:translate(-50%)}body.touch .sub b{font-size:10px}body.touch .sub span{font-size:12px;line-height:1.25}body.touch .sub i{font-size:10px}body.touch .stick-base{width:104px;height:104px;left:calc(22px + var(--safe-l));bottom:calc(14px + env(safe-area-inset-bottom,0px));background:#00000029}body.touch .stick-knob{background:#fcd1166b;width:46px;height:46px;margin:-23px}body.touch .buttons{right:calc(12px + var(--safe-r));bottom:calc(12px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(3,50px);gap:7px}body.touch .tb{background:#140e0a6b;border-color:#f4e9d373;width:50px;height:50px;font-size:16px}body.touch .tb.down{background:var(--gold)}body.touch .train-bar{top:calc(50px + env(safe-area-inset-top,0px));border-radius:11px;gap:2px;padding:3px}body.touch .train-bar kbd,body.touch .train-label,body.touch .train-tag,body.touch .train-tag+.tb-sep,body[data-input=gamepad] .train-bar kbd{display:none}body.touch .tr-seg button,body.touch .tr-btn{gap:5px;height:26px;padding:0 8px;font-size:10.5px}body.touch .tr-btn svg{width:13px;height:13px}body.touch .tb-sep{height:16px;margin:0 2px}body.touch .train-stats{top:calc(88px + env(safe-area-inset-top,0px));padding:2px}body.touch .train-stats span{gap:5px;padding:2px 9px}body.touch .train-stats b{font-size:13px}body.touch .train-stats i{font-size:8px}body.touch #lesson{top:calc(52px + env(safe-area-inset-top,0px))}body.touch.lesson .train-bar{display:none}body.touch .lesson-card{transform-origin:top;padding-top:4px;transform:scale(.72)}body.touch .lesson-head b{font-size:18px}body.touch .lesson-row{margin:2px 0 1px}body.touch .lesson-hint{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 5px;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.rotate{flex-direction:column;gap:16px}.rotate .phone{border:3px solid var(--gold);border-radius:9px;width:44px;height:76px;animation:1.8s ease-in-out infinite rotatePhone;position:relative}.rotate .phone:after{content:"";background:var(--gold);border-radius:2px;width:12px;height:3px;margin-left:-6px;position:absolute;bottom:5px;left:50%}.rotate small{font-family:var(--body);color:var(--cream);opacity:.8;letter-spacing:.02em;font-size:13px}@keyframes rotatePhone{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (orientation:portrait) and (max-width:820px){body.touch .rotate{display:flex}}.fs-btn{z-index:15;top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + var(--safe-r));border:1px solid var(--line);width:34px;height:34px;color:var(--gold);cursor:pointer;background:#0b0b0d99;border-radius:8px;font-size:16px;line-height:1;display:none;position:fixed}body.touch.fs-ok.on-title .fs-btn{display:block}.a2hs{z-index:55;padding:12px calc(16px + var(--safe-r)) 12px calc(16px + var(--safe-l));-webkit-backdrop-filter:blur(6px);background:#060504c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.a2hs-card{border:1px solid var(--line);text-align:left;background:linear-gradient(#1d1611,#0f0c0a);border-radius:14px;width:min(460px,100%);max-height:100%;padding:16px 18px;overflow-y:auto;box-shadow:0 20px 60px #0009}.a2hs-card h3{font:400 22px/1.1 var(--display);letter-spacing:.05em;color:var(--gold);margin:0 0 4px}.a2hs-card p{opacity:.85;margin:0 0 10px;font-size:12.5px;line-height:1.4}.a2hs-card ol{gap:7px;margin:0 0 12px;padding:0;list-style:none;display:grid}.a2hs-card li{align-items:center;gap:10px;font-size:13px;line-height:1.3;display:flex}.a2hs-card li i{color:#4ea1ff;background:#ffffff14;border:1px solid #ffffff24;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.a2hs-card li i svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.a2hs-card li i.app{border-color:var(--line);overflow:hidden}.a2hs-card li i.app img{object-fit:cover;width:100%;height:100%;display:block}.a2hs-card .btn{width:100%;padding:10px 14px;font-size:18px}@media (max-height:420px){.a2hs-card{padding:12px 16px}.a2hs-card p{margin-bottom:8px}.a2hs-card ol{gap:5px;margin-bottom:10px}.a2hs-card li i{width:28px;height:28px}}@media (max-height:500px){#results{padding:calc(8px + env(safe-area-inset-top,0px)) calc(16px + var(--safe-r)) 8px calc(16px + var(--safe-l));gap:18px;overflow-y:auto}#results .logo{font-size:30px;line-height:1}.results-side{gap:5px}.result-text{font-size:13px}.history-note{font-size:11px;line-height:1.35}#results .menu{gap:5px;margin-top:2px}#results .btn{padding:7px 14px;font-size:15px}}:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--text:#f6eedf;--muted:#f6eedfa8;--faint:#f6eedf6b;--glass:#100d0d9e;--stroke:#ffffff14;--stroke-2:#ffffff29;--p1:#ec3446;--p2:#1fb873;--gs:30px}.screen.modal{z-index:20}.screen.show{animation:scrIn .45s var(--ease-out) backwards}.screen.leaving{pointer-events:none;animation:scrOut .4s var(--ease-in) forwards;display:flex}@keyframes scrIn{0%{opacity:0}}@keyframes scrOut{to{opacity:0}}.screen.show .a-in{animation:aIn .6s var(--ease-out) backwards;animation-delay:calc(90ms + var(--i,0) * 60ms)}.screen.leaving .a-in{animation:aOut .3s var(--ease-in) forwards;animation-delay:calc(var(--i,0) * 22ms)}@keyframes aIn{0%{opacity:0;transform:translateY(14px)}}@keyframes aOut{to{opacity:0;transform:translateY(-10px)}}.logo{font-family:var(--display);letter-spacing:.06em;color:var(--gold);text-shadow:none;background:linear-gradient(#fff3b0 0%,#fcd116 48%,#e39b00 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #960c1cf2)drop-shadow(0 8px 16px #0006);-webkit-background-clip:text;background-clip:text;font-size:44px;line-height:1}.logo.big{font-size:clamp(56px,8.4vw,116px);line-height:.9}.tag{font:700 clamp(12px, 1.05vw, 16px) var(--body);letter-spacing:.46em;text-transform:uppercase;color:var(--text);opacity:.86}.kicker{font:800 11px var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.btn{font:400 20px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--text);border:1px solid var(--stroke-2);cursor:pointer;transition:background .2s, border-color .2s, box-shadow .25s, transform .25s var(--ease-out);background:#ffffff0f;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:14px 22px;display:inline-flex;position:relative}.btn:hover,.btn:focus{border-color:var(--gold);background:#ffffff1f;box-shadow:0 0 0 3px #fcd11629}.btn:active{transform:scale(.97)}.btn.primary{color:#1c1304;background:linear-gradient(#ffe46e,#f4b400);border-color:#0000;box-shadow:0 10px 26px #f4b40038,inset 0 1px #ffffff8c}.btn.primary:hover,.btn.primary:focus{box-shadow:0 12px 32px #f4b40061,0 0 0 3px #fcd11652,inset 0 1px #ffffff8c}.btn.ghost{background:0 0}.menu{flex-direction:column;gap:10px;min-width:min(320px,80vw);margin-top:14px;display:flex}.icon-btn{cursor:pointer;color:var(--muted);font:700 11px var(--body);letter-spacing:.18em;text-transform:uppercase;background:0 0;border:0;outline:none;align-items:center;gap:10px;padding:0;transition:color .2s;display:inline-flex}.icon-btn svg{box-sizing:content-box;fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:background .25s, color .25s, transform .35s var(--ease-out);background:#ffffff14;border-radius:50%;padding:10px}.icon-btn:hover,.icon-btn:focus{color:#fff}.icon-btn:hover svg,.icon-btn:focus svg{background:var(--gold);color:#1c1304;box-shadow:0 6px 18px #fcd1164d}.icon-btn:active svg{transform:scale(.92)}.icon-btn.close svg{width:15px;height:15px}.mm-item{cursor:pointer;width:min(430px,80vw);color:var(--muted);text-align:left;font:400 clamp(26px, 3.1vw, 38px)/1.08 var(--display);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;outline:none;align-items:center;padding:9px 18px 9px 24px;display:flex;position:relative}.mm-item:before{content:"";clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);opacity:0;transform-origin:0;transition:opacity .25s, transform .45s var(--ease-out);background:linear-gradient(90deg,#fcd1163d,#fcd11612 55%,#0000 92%);position:absolute;inset:0;transform:scaleX(.4)}.mm-item:after{content:"";background:var(--gold);width:4px;box-shadow:0 0 16px var(--gold);transition:transform .35s var(--ease-out);border-radius:2px;position:absolute;top:16%;bottom:16%;left:0;transform:scaleY(0)}.mm-item span{transition:transform .45s var(--ease-out), color .2s;display:inline-block;position:relative}.mm-item.sel{color:#fff}.mm-item.sel:before{opacity:1;transform:none}.mm-item.sel:after{transform:none}.mm-item.sel span{transform:translate(10px)}.mm-item:active span{transform:translate(10px)scale(.97)}.screen.show .mm-item{animation:mmIn .65s var(--ease-out) backwards;animation-delay:calc(.11s + var(--i,0) * 65ms)}.screen.leaving .mm-item{animation:mmOut .28s var(--ease-in) forwards;animation-delay:calc(var(--i,0) * 28ms)}@keyframes mmIn{0%{opacity:0;transform:translate(-46px)}}@keyframes mmOut{to{opacity:0;transform:translate(-34px)}}.mm-item.training-only{display:none}body.training .mm-item.training-only{display:flex}.prompts{z-index:3;right:calc(22px + var(--safe-r));bottom:calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;--gs:24px;align-items:center;gap:16px;display:flex;position:absolute}.prompts span{align-items:center;gap:3px;display:flex}.prompts b{font:600 9.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-left:5px}.prompts .k,.prompts .pb{min-width:18px;height:18px;box-shadow:none;font:600 9px/1 var(--body);color:var(--muted);background:#ffffff12;border:1px solid #ffffff24;border-radius:5px;padding:0 5px}.prompts .pb{border-radius:9px}.prompts .pb.face{border-radius:50%;padding:0}.prompts .k svg,.prompts .pb svg{stroke-width:2.4px;width:10px;height:10px}.prompts .g-dpad svg{width:18px;height:18px}.prompts:empty,body.touch .prompts{display:none}#select .prompts{left:50%;right:auto;transform:translate(-50%)}.g-wrap .prompts{flex:none;justify-content:flex-end;padding:6px 20px 12px;position:static}@media (min-height:561px){body:not(.touch) #select{padding-bottom:calc(46px + env(safe-area-inset-bottom,0px))}}.k{min-width:var(--gs);height:var(--gs);font:800 calc(var(--gs) * .43)/1 var(--body);color:var(--text);background:linear-gradient(#37322e,#221f1c);border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;padding:0 7px;display:inline-flex;box-shadow:0 2px #000000a6,inset 0 1px #ffffff14}.k.wide{font-size:calc(var(--gs) * .37);letter-spacing:.03em;padding:0 9px}.k svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:55%;height:55%}.pb{min-width:var(--gs);height:var(--gs);font:800 calc(var(--gs) * .43)/1 var(--body);color:var(--text);background:radial-gradient(circle at 50% 35%,#2c2825,#161412);border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px #0009}.pb svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round;width:56%;height:56%}.pb.f-a.xbox{color:#72d65c;border-color:#72d65c8c}.pb.f-b.xbox{color:#ff5a50;border-color:#ff5a508c}.pb.f-x.xbox{color:#4ea1ff;border-color:#4ea1ff8c}.pb.f-y.xbox{color:#ffd23f;border-color:#ffd23f8c}.pb.ps-x{color:#8bb8ff}.pb.ps-o{color:#ff7373}.pb.ps-s{color:#f39ad9}.pb.ps-t{color:#4fdcae}.pb.sh{min-width:calc(var(--gs) * 1.35);font-size:calc(var(--gs) * .36);border-radius:10px 10px 7px 7px;padding:0 8px}.pb.trig{border-radius:14px 14px 6px 6px}.pb.sys{min-width:0;font-size:calc(var(--gs) * .34);letter-spacing:.04em;border-radius:999px;padding:0 10px}.g-dpad,.g-stick{display:inline-flex}.g-dpad svg,.g-stick svg{width:calc(var(--gs) + 2px);height:calc(var(--gs) + 2px)}.g-dpad .b{fill:#ffffff1f;stroke:#ffffff4d;stroke-width:.8px}.g-dpad .o,.g-stick .o{fill:var(--gold)}.g-stick .b{fill:#ffffff0d;stroke:#ffffff52;stroke-width:1.2px}.arr{width:calc(var(--gs) - 2px);height:calc(var(--gs) - 2px);background:#ffffff12;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.arr svg{fill:none;width:56%;height:56%;stroke:var(--text);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.g-motion{gap:3px;display:inline-flex}.g-sep{font:800 13px var(--body);color:var(--faint);padding:0 1px}.g-sep.then{color:var(--gold);font-size:16px}.g-or{font:700 10px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:0 3px}.g-hold{font:800 9px var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-right:3px}.g-x2{font:800 12px var(--body);color:var(--gold);margin-left:2px}.g-label{height:calc(var(--gs) - 2px);font:800 10px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:#ffffff0f;border:1px dashed #ffffff3d;border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.tbx{width:var(--gs);height:var(--gs);font:400 calc(var(--gs) * .46)/1 var(--display);color:var(--text);background:#140e0ab3;border:2px solid #f4e9d399;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tbx.t-special{border-color:var(--red);font-size:calc(var(--gs) * .36)}.tbx.t-T{border-color:#2fae6e}.tbx.t-super{border-color:var(--gold);color:var(--gold)}.tbx.t-pause{font:800 calc(var(--gs) * .32)/1 var(--body);border-width:1px;border-radius:7px}#loading{background:radial-gradient(70% 60% at 50% 64%,#3d1b0b 0%,#170b07 48%,#08080b 84%);flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.ld-embers{pointer-events:none;position:absolute;inset:0}.ld-embers i{bottom:-12px;left:var(--x);width:var(--s);height:var(--s);opacity:0;animation:ldEmber var(--t) linear var(--d) infinite;background:radial-gradient(circle,#fff3c8,#ffad42 55%,#0000 72%);border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #ff8c288c}@keyframes ldEmber{0%{opacity:0;transform:translate(0)}12%{opacity:.9}50%{transform:translate(22px,-50vh)}to{opacity:0;transform:translate(-10px,-100vh)}}.ld-inner{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.ld-glyph{filter:drop-shadow(0 0 18px #fcd11666);width:86px;height:86px;margin-bottom:6px;animation:2.6s ease-in-out 1.6s infinite glyphPulse}.ld-glyph path,.start-logo .akofena-glyph path{stroke-dasharray:1;stroke-dashoffset:1px}.ld-glyph path{animation:draw 1.3s var(--ease-out) forwards}.ld-glyph path:nth-child(2){animation-delay:.22s}.ld-glyph path:nth-child(3){animation-delay:.5s}.ld-glyph circle,.start-logo .akofena-glyph circle{opacity:0;animation:.5s .9s forwards fadeIn}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1}}@keyframes glyphPulse{50%{filter:drop-shadow(0 0 28px #fcd116bf)}}#loading .logo{font-size:clamp(44px,6vw,74px)}.ld-progress{width:min(340px,72vw);margin-top:26px}.ld-bar{background:#ffffff14;border-radius:4px;height:4px;position:relative;overflow:hidden}.ld-bar i{border-radius:inherit;width:0;height:100%;transition:width .4s var(--ease-out);background:linear-gradient(90deg,#ce1126,#fcd116 62%,#fff3b0);display:block;position:relative;overflow:hidden;box-shadow:0 0 14px #fcd11699}.ld-bar i:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.4s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.ld-row{font:600 11px var(--body);letter-spacing:.04em;color:var(--faint);justify-content:space-between;gap:16px;margin-top:10px;display:flex}.ld-row b{font:800 11px var(--body);letter-spacing:.1em;color:var(--gold);font-variant-numeric:tabular-nums}.ld-tip{left:50%;bottom:calc(36px + env(safe-area-inset-bottom,0px));text-align:center;width:min(560px,86vw);transition:opacity .45s;position:absolute;transform:translate(-50%)}.ld-tip.fade{opacity:0}.ld-tip p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.cover{z-index:9;pointer-events:none;opacity:0;visibility:hidden;background:#08080b;transition:opacity .7s,visibility 0s linear .7s;position:fixed;inset:0;overflow:hidden}body.cover-on .cover{opacity:1;visibility:visible;transition:opacity .7s}.cover-art{will-change:transform;background:50%/cover no-repeat;position:absolute;inset:0}.cover-fx{width:100%;height:100%;position:absolute;inset:0}.cover-shade{background:radial-gradient(90% 80% at 50% 42%,#0000 50%,#08080bb3 100%),linear-gradient(#08080b00 70%,#08080bb3 100%),linear-gradient(#08080b8c 0%,#08080b00 26%);position:absolute;inset:0}.cover-side{opacity:0;background:linear-gradient(90deg,#08080bed 0%,#08080bbd 28%,#08080b2e 55%,#08080b00 75%);transition:opacity .7s;position:absolute;inset:0}body.cover-title .cover-side{opacity:1}#start{text-align:center;cursor:pointer;padding:calc(4.5vh + env(safe-area-inset-top,0px)) 24px calc(3.5vh + env(safe-area-inset-bottom,0px));background:0 0;flex-direction:column;align-items:center}.start-logo{transition:transform .6s var(--ease-out);flex-direction:column;align-items:center;gap:12px;display:flex}.start-logo .akofena-glyph{width:clamp(54px,6vw,86px);height:clamp(54px,6vw,86px)}.logo.huge{font-size:clamp(56px,min(8.5vw,15vh),132px);line-height:.86}.start-logo .tag{letter-spacing:.6em;margin-right:-.6em;font-size:clamp(12px,1.3vw,18px)}.start-press{flex-direction:column;align-items:center;gap:14px;margin:auto 0 5vh;display:flex;position:relative}.start-press:before{content:"";z-index:-1;background:radial-gradient(closest-side,#08080b8c,#0000);position:absolute;inset:-40px -120px}.press{align-items:center;gap:18px;display:flex}.press span{font:400 clamp(22px, 2.3vw, 32px)/1 var(--display);letter-spacing:.34em;text-transform:uppercase;color:#fff6d8;text-shadow:0 0 18px #ffba4ccc,0 0 2px #ffdc96e6;margin-right:-.34em;animation:1.8s ease-in-out infinite pressPulse}.press i{background:linear-gradient(90deg,#0000,#fcd116e6);width:clamp(30px,6vw,96px);height:1px}.press i:last-child{transform:scaleX(-1)}@keyframes pressPulse{0%,to{opacity:.45}50%{opacity:1}}.press-hint{min-height:20px;font:600 10.5px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);--gs:20px;align-items:center;gap:7px;display:flex}.press-hint .k,.press-hint .pb{min-width:20px;height:20px;box-shadow:none;font:700 9.5px/1 var(--body);color:var(--text);letter-spacing:.04em;background:#ffffff14;border:1px solid #ffffff29;border-radius:5px;padding:0 6px}.press-hint .pb.face{border-radius:50%;padding:0}.press-hint .pb svg{width:10px;height:10px}.start-foot{font:600 10px var(--body);letter-spacing:.18em;text-transform:uppercase;color:#f6eedf5c;align-items:center;gap:8px;display:flex}.start-foot svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;width:15px;height:15px}.screen.show .start-logo .akofena-glyph path{animation:draw 1.2s var(--ease-out) .3s forwards}.screen.show .start-logo .akofena-glyph path:nth-child(2){animation-delay:.5s}.screen.show .start-logo .akofena-glyph path:nth-child(3){animation-delay:.75s}.screen.show .start-logo .logo{animation:logoIn 1.4s var(--ease-out) .35s backwards}@keyframes logoIn{0%{opacity:0;letter-spacing:.24em;transform:scale(1.16)}}.screen.show .start-logo .tag{animation:aIn .9s var(--ease-out) 1s backwards}.screen.show .start-press{animation:aIn .9s var(--ease-out) 1.3s backwards}.screen.show .start-foot{animation:aIn .9s var(--ease-out) 1.5s backwards}#start.go .press span{text-shadow:0 0 26px #ffc85a,0 0 3px #fff;animation:.45s step-end forwards pressGo}@keyframes pressGo{0%{opacity:1}20%{opacity:.15}40%{opacity:1}60%{opacity:.15}80%,to{opacity:1}}#start.go .start-logo{transform:scale(1.05)}.screen.leaving#start .start-logo{animation:startOut .4s var(--ease-in) forwards}.screen.leaving#start .start-press,.screen.leaving#start .start-foot{animation:aOut .3s var(--ease-in) forwards}@keyframes startOut{0%{transform:scale(1.05)}to{opacity:0;transform:scale(1.14)}}#title{background:0 0;overflow:hidden}.title-inner{z-index:1;height:100%;padding:0 24px calc(96px + env(safe-area-inset-bottom,0px)) calc(clamp(24px, 7vw, 124px) + var(--safe-l));flex-direction:column;justify-content:center;display:flex;position:relative}.brand{align-items:center;gap:clamp(12px,1.6vw,22px);margin:0 0 clamp(18px,5.5vh,54px) 4px;display:flex}.akofena-glyph{filter:drop-shadow(0 0 14px #fcd11673);flex:none;width:clamp(46px,5.6vw,76px);height:clamp(46px,5.6vw,76px)}.brand-text{flex-direction:column;gap:10px;display:flex}.main-menu{flex-direction:column;gap:2px;display:flex}.menu-desc{min-height:1.5em;font:500 14px var(--body);color:var(--muted);max-width:42ch;margin:18px 0 0 24px}.menu-desc.swap{animation:descIn .4s var(--ease-out)}@keyframes descIn{0%{opacity:0;transform:translate(-8px)}}.title-foot{z-index:1;left:calc(clamp(24px, 7vw, 124px) + 28px + var(--safe-l));bottom:calc(18px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:10px;display:flex;position:absolute}.foot{color:var(--faint);opacity:1;font-size:11px}.foot a{text-decoration:none;color:var(--gold)!important}.roster-strip{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.roster-strip .label{width:100%;font:800 10px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.roster-strip .face{width:34px;height:34px;box-shadow:0 0 0 2px var(--gold), 0 4px 10px #00000080;background:#1a120c 50% 18%/cover;border-radius:50%;position:relative}.roster-strip .face.locked{filter:grayscale()brightness(.5);box-shadow:0 0 0 1px #ffffff2e}.roster-strip .face.sil{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400'%3E%3Cpath d='M150 78c-40 0-64 31-64 70 0 31 15 57 36 68-55 13-96 54-106 124h268c-10-70-51-111-106-124 21-11 36-37 36-68 0-39-24-70-64-70z' fill='%23050505' fill-opacity='.9'/%3E%3C/svg%3E") 50% 30%/90% no-repeat,linear-gradient(160deg,#6b3a1e,#1a0f0a)}#select{padding:calc(12px + env(safe-area-inset-top,0px)) calc(18px + var(--safe-r)) calc(14px + env(safe-area-inset-bottom,0px)) calc(18px + var(--safe-l));background:#08080b;flex-direction:column;gap:6px;overflow:hidden}.sel-bg{position:absolute;inset:0;overflow:hidden}.sel-bg-img{filter:blur(7px)brightness(.4)saturate(1.15);opacity:0;background:50%/cover no-repeat;transition:opacity .9s;position:absolute;inset:-40px}.sel-bg-img.on{opacity:1}.sel-bg:after{content:"";background:radial-gradient(70% 60% at 50% 45%,#0000 20%,#08080bcc 100%),linear-gradient(#08080bb3 0%,#0000 22% 66%,#08080beb 100%);position:absolute;inset:0}.sel-top{z-index:4;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid;position:relative}.sel-top>.icon-btn{justify-self:start}.sel-tools{justify-self:end;gap:8px;display:flex}.sel-heading{text-align:center}.screen-title{font:400 clamp(24px, 2.8vw, 40px)/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin:4px 0 0}.sel-main{z-index:1;flex:1;grid-template-columns:minmax(0,1fr) minmax(340px,1.1fr) minmax(0,1fr);gap:clamp(8px,1.8vw,30px);min-height:0;display:grid;position:relative}.sel-side{min-height:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;outline:none;padding:0;display:block;position:relative}.screen.show .sel-side.p1{animation:sideL .85s var(--ease-out) 50ms backwards}.screen.show .sel-side.p2{animation:sideR .85s var(--ease-out) 50ms backwards}.screen.leaving .sel-side.p1{animation:sideOutL .35s var(--ease-in) forwards}.screen.leaving .sel-side.p2{animation:sideOutR .35s var(--ease-in) forwards}@keyframes sideL{0%{opacity:0;transform:translate(-70px)}}@keyframes sideR{0%{opacity:0;transform:translate(70px)}}@keyframes sideOutL{to{opacity:0;transform:translate(-50px)}}@keyframes sideOutR{to{opacity:0;transform:translate(50px)}}.portrait{display:block;position:absolute;inset:0}.side-tag{z-index:3;align-items:center;gap:10px;display:flex;position:absolute;top:6px;left:2px}.sel-side.p2 .side-tag{flex-direction:row-reverse;left:auto;right:2px}.side-tag b{font:800 11px var(--body);letter-spacing:.22em;text-transform:uppercase;color:#fff;background:var(--p1);border-radius:7px;padding:6px 11px;box-shadow:0 6px 18px #ec344659}.sel-side.p2 .side-tag b{background:var(--p2);box-shadow:0 6px 18px #1fb87359}.side-tag i{font:800 10px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);font-style:normal}.sel-side.active .side-tag i{color:var(--gold);animation:1.4s ease-in-out infinite blink}.side-tag i.ready{color:#5be39b;animation:none!important}@keyframes blink{50%{opacity:.35}}.stamp{z-index:4;font:400 clamp(30px, 4vw, 56px)/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px #0009;opacity:0;pointer-events:none;background:#1fb87338;border:3px solid #fff;border-radius:8px;padding:6px 18px 4px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)scale(1.6);box-shadow:0 0 30px #1fb87373}.sel-side.p1 .stamp{background:#ec34463d;box-shadow:0 0 30px #ec344673}.sel-side.ready .stamp{animation:stampIn .5s var(--ease-out) forwards, stampOut .4s ease-in 1.5s forwards}@keyframes stampIn{to{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}}@keyframes stampOut{0%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(.92)}}.nameplate{z-index:3;flex-direction:column;gap:5px;padding:0 4px 4px;display:flex;position:absolute;bottom:0;left:0;right:0}.sel-side.p2 .nameplate{text-align:right;align-items:flex-end}.np-name{font:400 clamp(26px, 3.5vw, 58px)/.9 var(--display);letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 4px 30px #000000d9,0 1px #0009}.np-epithet{font:600 italic 13px var(--body);color:var(--accent,var(--gold));text-shadow:0 1px 8px #000000e6}.np-abil{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.sel-side.p2 .np-abil{justify-content:flex-end}.np-abil i{font:800 10px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg, color-mix(in srgb, var(--accent,#fcd116) 46%, transparent), color-mix(in srgb, var(--accent,#fcd116) 16%, transparent));clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);text-shadow:0 1px 3px #0000008c;padding:7px 14px 6px;font-style:normal}.sel-side.p2 .np-abil i{background:linear-gradient(-90deg, color-mix(in srgb, var(--accent,#fcd116) 46%, transparent), color-mix(in srgb, var(--accent,#fcd116) 16%, transparent))}.nameplate:after{content:"";background:var(--faint);width:56px;height:3px;transition:width .4s var(--ease-out), background .3s;border-radius:2px;margin-top:6px;display:block}.sel-side.active .nameplate:after{background:var(--gold);width:120px;box-shadow:0 0 14px var(--gold)}.sel-side.p1.chosen .nameplate:after{background:var(--p1);box-shadow:0 0 14px var(--p1)}.sel-side.p2.chosen .nameplate:after{background:var(--p2);box-shadow:0 0 14px var(--p2)}.nameplate.swap .np-name{animation:npIn .6s var(--ease-out) backwards}.nameplate.swap .np-epithet{animation:npIn .6s var(--ease-out) 80ms backwards}.nameplate.swap .np-abil i{animation:chipIn .5s var(--ease-out) backwards}.nameplate.swap .np-abil i:first-child{animation-delay:.22s}.nameplate.swap .np-abil i:nth-child(2){animation-delay:.3s}.nameplate.swap .np-abil i:nth-child(3){animation-delay:.38s}@keyframes npIn{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(18px)}to{clip-path:inset(0 0 -20%)}}@keyframes chipIn{0%{opacity:0;transform:translateY(8px)scale(.9)}}.pl{pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden;container-type:size}.pl.yaa{--accent:#f2a33a}.pl.ananse{--accent:#3fcf8e}.pl.locked{--accent:#8a7a66}.pl-aura{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 50%, transparent), transparent);opacity:.42;animation:4.5s ease-in-out infinite alternate aura;position:absolute;inset:4% -12% 6%}@keyframes aura{to{opacity:.6;transform:scale(1.06)}}.pl-move,.pl-img,.pl-fx{display:block;position:absolute;inset:0}.pl-img{--fade-x:to right;-webkit-mask-image:linear-gradient(var(--fade-x), #000 52%, transparent 97%), linear-gradient(to bottom, transparent 0, #000 7%, #000 50%, transparent 94%);-webkit-mask-image:linear-gradient(var(--fade-x), #000 52%, transparent 97%), linear-gradient(to bottom, transparent 0, #000 7%, #000 50%, transparent 94%);mask-image:linear-gradient(var(--fade-x), #000 52%, transparent 97%), linear-gradient(to bottom, transparent 0, #000 7%, #000 50%, transparent 94%);-webkit-mask-composite:source-in;background:50% 10%/cover no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.pl.s1 .pl-img{--fade-x:to left}.pl.enter.s0 .pl-img{animation:wipeL .75s var(--ease-out) backwards}.pl.enter.s1 .pl-img{animation:wipeR .75s var(--ease-out) backwards}@keyframes wipeL{0%{clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%);filter:brightness(2.4)saturate(0);transform:scale(1.14)translate(-4%)}55%{filter:brightness(1.25)saturate()}to{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}}@keyframes wipeR{0%{clip-path:polygon(100% 0,100% 0,130% 100%,130% 100%);filter:brightness(2.4)saturate(0);transform:scale(1.14)translate(4%)}55%{filter:brightness(1.25)saturate()}to{clip-path:polygon(-30% 0,100% 0,130% 100%,0 100%)}}.pl.enter .pl-aura{animation:auraIn .9s var(--ease-out) backwards, aura 4.5s ease-in-out .9s infinite alternate}@keyframes auraIn{0%{opacity:0;transform:scale(.6)}}.pl.out{animation:plOut .4s var(--ease-in) forwards}@keyframes plOut{to{opacity:0;transform:scale(.97)}}.pl.picked .pl-move{animation:punch .6s var(--ease-out)}@keyframes punch{0%{filter:brightness(1.9);transform:scale(1.09)}to{filter:none;transform:none}}.pl.locked .pl-img{filter:grayscale()brightness(.5)contrast(1.1)}.pl.sil .pl-img{filter:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400'%3E%3Cpath d='M150 78c-40 0-64 31-64 70 0 31 15 57 36 68-55 13-96 54-106 124h268c-10-70-51-111-106-124 21-11 36-37 36-68 0-39-24-70-64-70z' fill='%23050505' fill-opacity='.92'/%3E%3C/svg%3E") 50% 30%/auto 78% no-repeat,radial-gradient(at 50% 42%,#b5532a8c,#0000 62%)}.pl-soon{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.pl-soon b{font:400 clamp(18px, 2.4vw, 30px)/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);white-space:nowrap;background:#08080bcc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h1zm2 0h6V7a3 3 0 0 0-6 0v3z' fill='%23fcd116'/%3E%3C/svg%3E") 12px/18px no-repeat;border:1px solid #fcd11699;border-radius:8px;padding:8px 16px 6px 40px}.pl-soon i{font:400 64px/1 var(--display);color:#fcd11680;order:-1;font-style:normal}.pl.enter .pl-soon{animation:chipIn .5s var(--ease-out) .2s backwards}.mist{aspect-ratio:1;background:radial-gradient(closest-side,#c8beb429,#0000);border-radius:50%;width:90%;animation:9s ease-in-out infinite alternate mist;position:absolute;bottom:-10%;left:-20%}.mist.m2{animation-delay:-4s;bottom:5%;left:30%}@keyframes mist{to{transform:translate(18%,-12%)scale(1.25)}}.web{width:var(--w);aspect-ratio:1;filter:drop-shadow(0 0 2px #ffdc8cbf);height:auto;position:absolute;overflow:visible}.web.w-tl{top:0;left:0}.web.w-tr{top:0;right:0;transform:scaleX(-1)}.web.w-bl{bottom:0;left:0;transform:scaleY(-1)}.web.w-br{bottom:0;right:0;transform:scale(-1)}.web path{fill:none;stroke:#fff4d6c7;stroke-width:.55px;stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round}.web .rg{stroke-width:.42px;stroke:#ffeec8a8}.pl.ananse .web path{animation:spin .7s var(--ease-out) var(--d,0s) forwards}@keyframes spin{to{stroke-dashoffset:0}}.pl.picked .web{animation:.9s ease-out webFlare}@keyframes webFlare{0%{filter:drop-shadow(0 0 6px #ffe08a)brightness(2)}to{filter:drop-shadow(0 0 2px #ffdc8cbf)}}.silk{width:100%;height:100%;position:absolute;inset:0}.silk path{fill:none;stroke:#fff0cd80;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;animation:spin 1s var(--ease-out) var(--d,0s) forwards}.silk path.glint{stroke:#ffe9a8;stroke-width:2px;stroke-dasharray:.07 .93;stroke-dashoffset:1.07px;filter:drop-shadow(0 0 3px #ffd26a);animation:glint var(--t,4s) linear var(--dl,0s) infinite;opacity:.9}@keyframes glint{to{stroke-dashoffset:0}}.spider{aspect-ratio:1;width:clamp(22px,2.6vw,34px);animation:drop 1.3s var(--ease-out) .5s backwards, bob 3.4s ease-in-out 1.8s infinite alternate;margin-left:-12px;position:absolute;top:30%}.spider:before{content:"";background:linear-gradient(#fff0cd26,#fff0cdcc);width:1px;height:120vh;position:absolute;bottom:62%;left:50%}.spider svg{filter:drop-shadow(0 0 4px #ffd26e99);width:100%;height:100%;position:relative;overflow:visible}.spider .legs path{fill:none;stroke:#e7c56a;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.spider .hd,.spider .bd{fill:#2a1b0c;stroke:#e7c56a;stroke-width:1px}.spider .mk{stroke:#fcd116;stroke-width:1px;fill:none}@keyframes drop{0%{transform:translateY(-260%)}70%{transform:translateY(12%)}}@keyframes bob{to{transform:translateY(14%)rotate(3deg)}}.pl.picked .spider{animation:yank .7s var(--ease-out), bob 3.4s ease-in-out .7s infinite alternate}@keyframes yank{0%{transform:translateY(0)}30%{transform:translateY(-40%)}to{transform:translateY(0)}}.ff{width:var(--s);height:var(--s);animation:fly var(--t) ease-in-out var(--dl) infinite alternate, twinkle calc(var(--t) * .6) ease-in-out var(--dl) infinite alternate;background:#ffe48f;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #ffce54bf}@keyframes fly{to{transform:translate(var(--dx), var(--dy))}}@keyframes twinkle{0%,30%{opacity:.15}to{opacity:1}}.fire{mix-blend-mode:screen;background:radial-gradient(closest-side,#ff96328c,#ff5a1438 55%,#0000);border-radius:50%;height:34%;animation:2.2s ease-in-out infinite alternate flicker;position:absolute;bottom:-12%;left:-10%;right:-10%}@keyframes flicker{0%{opacity:.65;transform:scaleY(.92)}35%{opacity:1}60%{opacity:.75;transform:scale(1.04,1.05)}to{opacity:.95;transform:scaleX(.98)}}.smk{width:var(--s);aspect-ratio:1;opacity:0;animation:smoke var(--t) linear var(--dl) infinite;background:radial-gradient(closest-side,#ece2d26b,#ece2d229 45%,#0000);border-radius:50%;position:absolute;bottom:6%}@keyframes smoke{0%{opacity:0;transform:translateY(30%)scale(.45)}25%{opacity:.85}to{opacity:0;transform:translate(var(--dx), -95%) scale(1.5)}}.emb{width:var(--s);height:var(--s);opacity:0;animation:ember var(--t) ease-out var(--dl) infinite;background:radial-gradient(circle,#fff6d6,#ffbe4d 45%,#ff6a1f);border-radius:50%;position:absolute;bottom:-4%;box-shadow:0 0 8px 2px #ff8c28e6,0 0 2px #fff3c0}@keyframes ember{0%{opacity:0;transform:translate(0)scale(1)}12%{opacity:1}to{opacity:0;transform:translate(var(--dx), -70vh) scale(.4);transform:translate(var(--dx), -95cqh) scale(.4)}}.flash{aspect-ratio:1;opacity:0;mix-blend-mode:screen;background:radial-gradient(closest-side,#fff8e0,#ffce5abf 30%,#ff781e40 60%,#0000);border-radius:50%;width:60%;margin:-30% 0 0 -30%;position:absolute;top:56%;left:22%}.pl.yaa.enter .flash{animation:.7s ease-out .12s flash}.pl.yaa.picked .flash{animation:.7s ease-out flash}@keyframes flash{0%{opacity:0;transform:scale(.2)}18%{opacity:1}to{opacity:0;transform:scale(1.8)}}.tracer{opacity:0;background:linear-gradient(#fff8de,#ffd36a 40%,#0000);border-radius:2px;width:3px;height:34%;position:absolute;bottom:0;left:24%;box-shadow:0 0 12px 2px #ffc850d9}.pl.yaa .tracer{animation:tracerLoop 6s var(--ease-in) 2.5s infinite}.pl.yaa.picked .tracer{animation:tracer .75s var(--ease-in), tracerLoop 6s var(--ease-in) 3s infinite}@keyframes tracer{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-110cqh)}}@keyframes tracerLoop{0%{opacity:1;transform:translateY(0)}12%{opacity:0;transform:translateY(-110cqh)}to{opacity:0}}.sel-center{z-index:2;flex-direction:column;justify-content:center;gap:10px;min-height:0;display:flex;position:relative}.roster{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{aspect-ratio:16/10;cursor:pointer;color:var(--text);transition:transform .3s var(--ease-out), box-shadow .25s;background:#16110d 50% 18%/cover;border:0;border-radius:10px;outline:none;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 6px 16px #00000059}.screen.show .tile{animation:tileIn .55s var(--ease-out) backwards;animation-delay:calc(.18s + var(--i,0) * 40ms)}@keyframes tileIn{0%{opacity:0;transform:translateY(16px)scale(.94)}}.tile:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff42 50%,#0000 65%);position:absolute;inset:0;transform:translate(-130%)}.tile:hover,.tile:focus{z-index:1;box-shadow:inset 0 0 0 2px var(--gold), 0 12px 28px #0000008c, 0 0 26px #fcd11647;transform:translateY(-3px)scale(1.04)}.tile:hover:after,.tile:focus:after{transition:transform .75s var(--ease-out);transform:translate(130%)}.tile .tname{font:400 13px/1.05 var(--display);letter-spacing:.04em;text-transform:uppercase;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000e6);padding:18px 8px 6px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tile.p1{box-shadow:inset 0 0 0 2px var(--p1), 0 6px 16px #00000059}.tile.p2{box-shadow:inset 0 0 0 2px var(--p2), 0 6px 16px #00000059}.tile.p1.p2{box-shadow:inset 0 0 0 2px var(--gold), 0 6px 16px #00000059}.tile .pick{font:800 9px var(--body);letter-spacing:.1em;color:#fff;border-radius:5px;padding:3px 6px;position:absolute;top:5px}.tile .pick.p1{background:var(--p1);left:5px}.tile .pick.p2{background:var(--p2);right:5px}.tile .star{color:var(--gold);text-shadow:0 0 8px #fcd116e6;font-size:13px;position:absolute;bottom:5px;right:7px}.tile.locked .art{background:inherit;filter:grayscale()brightness(.38);background-size:cover;position:absolute;inset:0}.tile.sil .art{filter:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400'%3E%3Cpath d='M150 78c-40 0-64 31-64 70 0 31 15 57 36 68-55 13-96 54-106 124h268c-10-70-51-111-106-124 21-11 36-37 36-68 0-39-24-70-64-70z' fill='%23050505' fill-opacity='.9'/%3E%3C/svg%3E") 50% 35%/78% no-repeat,linear-gradient(160deg,#3c2213,#110b07)!important}.tile.mystery .art:after{content:"?";font:400 32px var(--display);color:#fcd11680;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.tile.locked .lock{opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h1zm2 0h6V7a3 3 0 0 0-6 0v3z' fill='%23fcd116'/%3E%3C/svg%3E") 50%/contain no-repeat;width:16px;height:16px;position:absolute;top:6px;right:6px}.tile.locked .tname{color:#b6aa94}.tile.locked .tname small{font:800 8px var(--body);letter-spacing:.18em;color:var(--gold);margin-top:2px;display:block}.tile.shake{animation:.32s shake}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.sel-info{background:linear-gradient(100deg, color-mix(in srgb, var(--accent,#fcd116) 16%, #0c0a0a9e) 0%, #0c0a0a8c 70%);-webkit-backdrop-filter:blur(10px);border-radius:14px;align-items:center;gap:14px;padding:12px 12px 12px 16px;display:flex}.sel-info.swap .si-text{animation:descIn .4s var(--ease-out)}.si-text{flex:1;min-width:0}.si-head{white-space:nowrap;align-items:center;gap:9px;display:flex;overflow:hidden}.si-head b{font:400 16px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff}.si-head>span:last-child{font:500 11.5px var(--body);color:var(--faint);text-overflow:ellipsis;overflow:hidden}.sel-info p{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.si-tag{font:800 8.5px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#fff;border-radius:5px;flex:none;padding:5px 8px 4px}.si-tag.hist{background:#17844f}.si-tag.leg{background:#b5532a}.si-tag.soon{color:var(--gold);background:#fcd11629}.si-more{flex:none}.sel-options{flex-direction:column;gap:10px;display:flex}.opt{flex-direction:column;gap:6px;min-width:0;display:flex}.opt-label{font:800 9.5px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--faint);padding-left:2px}.diff{-webkit-backdrop-filter:blur(10px);background:#0c0a0a8c;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;display:grid;position:relative}.diff-ind{width:calc(33.3333% - 2.66667px);transition:transform .45s var(--ease-out);background:linear-gradient(#ffe46e,#f4b400);border-radius:9px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 6px 18px #f4b40047,inset 0 1px #ffffff80}.diff[data-level=normal] .diff-ind{transform:translate(100%)}.diff[data-level=hard] .diff-ind{transform:translate(200%)}.diff button{z-index:1;height:36px;color:var(--muted);font:800 11px var(--body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;outline:none;justify-content:center;align-items:center;gap:8px;min-width:0;padding:0 4px;transition:color .3s;display:flex;position:relative}.diff button:hover{color:#fff}.diff button.on{color:#1c1304}.diff button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.pips{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.pips i{opacity:.25;background:currentColor;border-radius:1px;width:3px}.pips i:first-child{height:5px}.pips i:nth-child(2){height:8px}.pips i:nth-child(3){height:11px}[data-diff=easy] .pips i:first-child,[data-diff=normal] .pips i:nth-child(-n+2),[data-diff=hard] .pips i{opacity:1}.stage-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stage-card{cursor:pointer;height:58px;transition:box-shadow .25s, transform .3s var(--ease-out);background:50%/cover;border:0;border-radius:10px;outline:none;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24}.stage-card:hover,.stage-card:focus{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #fcd116b3}.stage-card.on{box-shadow:inset 0 0 0 2px var(--gold), 0 0 22px #fcd11640}.stage-card.on:after{content:"";background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%231c1304' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:7px;right:7px}.stage-card span{font:400 14px/1.1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--text);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000e0);padding:14px 10px 6px;position:absolute;inset:auto 0 0;overflow:hidden}.stage-card em{font:600 10px var(--body);letter-spacing:.04em;text-transform:none;color:var(--muted);margin-left:8px;font-style:normal}.select-actions{gap:8px;display:flex}.select-actions .btn{white-space:nowrap;flex:1}.select-actions.two .btn{letter-spacing:.06em;padding:14px 10px;font-size:17px}.btn.fight{letter-spacing:.12em;padding:15px 20px;font-size:26px;overflow:hidden}.btn.fight:after{content:"";background:linear-gradient(115deg,#0000 38%,#fff9 50%,#0000 62%);animation:3.2s ease-in-out 1s infinite sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes sheen{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}#pause{-webkit-backdrop-filter:blur(6px)saturate(.8);background:linear-gradient(90deg,#060608f0 0%,#060608c7 42%,#06060866 100%)}.pz-art{opacity:.6;background:50% 12%/cover no-repeat;width:min(48vw,680px);position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%);mask-image:linear-gradient(90deg,#0000,#000 45%)}.screen.show .pz-art{animation:pzArt .9s var(--ease-out) backwards}@keyframes pzArt{0%{opacity:0;transform:translate(60px)}}.pz-inner{z-index:1;height:100%;padding:0 24px 0 calc(clamp(24px, 7vw, 120px) + var(--safe-l));flex-direction:column;justify-content:center;gap:clamp(10px,3vh,26px);display:flex;position:relative}.pz-head{padding-left:24px}.pz-head h2{font:400 clamp(44px, 6vw, 84px)/.9 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:8px 0 0}.pz-menu{flex-direction:column;gap:2px;display:flex}.pz-menu .mm-item{padding:8px 18px 8px 24px;font-size:clamp(22px,2.5vw,30px)}#lore{-webkit-backdrop-filter:blur(12px);padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + var(--safe-r)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + var(--safe-l));background:#050507bd;justify-content:center;align-items:center}.lore-wrap{background:linear-gradient(#1c1716f7,#0d0b0cfa);border-radius:20px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);width:min(1060px,100%);height:min(620px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px #000000a6}.screen.show .lore-wrap{animation:gIn .55s var(--ease-out) backwards}.screen.leaving .lore-wrap{animation:gOut .3s var(--ease-in) forwards}.lore-art{background:50%/cover no-repeat;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 58%,#0000 100%);mask-image:linear-gradient(90deg,#000 58%,#0000 100%)}.lore-art:after{content:"";background:linear-gradient(0deg, #0e0c0cb3, transparent 40%), radial-gradient(80% 60% at 30% 100%, color-mix(in srgb, var(--accent) 28%, transparent), transparent);position:absolute;inset:0}.screen.show .lore-art{animation:loreArt 1.2s var(--ease-out) backwards}@keyframes loreArt{0%{opacity:0;transform:scale(1.1)}}.lore-text{flex-direction:column;min-height:0;padding:40px 34px 0 28px;display:flex;position:relative}.lore-text .close{z-index:1;position:absolute;top:16px;right:16px}.lore-text .kicker{color:var(--accent);padding-right:50px}.lore-text h2{font:400 clamp(36px, 4.4vw, 58px)/.92 var(--display);letter-spacing:.03em;text-transform:uppercase;color:#fff;margin:12px 0 8px}.lore-epithet{font:600 italic 15px var(--body);color:var(--accent);margin-bottom:20px}.lore-body{touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-height:0;padding:0 6px 30px 0;overflow-y:auto}.lore-body section{margin-bottom:20px}.lore-body p{color:#f6eedfd6;max-width:60ch;margin:9px 0 0;font-size:14.5px;line-height:1.68}.lore-body aside{background:color-mix(in srgb, var(--accent) 12%, #ffffff05);border-radius:12px;padding:14px 16px}.lore-body aside b{font:800 10px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.lore-body aside p{margin-top:6px;font-size:13px;line-height:1.6}#guide{-webkit-backdrop-filter:blur(12px);padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + var(--safe-r)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + var(--safe-l));background:#050507b8;justify-content:center;align-items:center}.g-wrap{border:1px solid var(--stroke-2);background:linear-gradient(#1c1716f0,#0d0b0cf5);border-radius:20px;flex-direction:column;width:min(1120px,100%);height:min(780px,100%);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px #000000a6}.screen.show .g-wrap{animation:gIn .55s var(--ease-out) backwards}.screen.leaving .g-wrap{animation:gOut .3s var(--ease-in) forwards}@keyframes gIn{0%{opacity:0;transform:translateY(24px)scale(.97)}}@keyframes gOut{to{opacity:0;transform:translateY(16px)scale(.98)}}.g-head{justify-content:space-between;align-items:center;gap:16px;padding:22px 18px 16px 24px;display:flex}.g-title h2{font:400 30px/1 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--text);margin:5px 0 0}.g-tabs,.g-devices{border-top:1px solid var(--stroke);scrollbar-width:none;touch-action:pan-x;flex:none;display:flex;overflow-x:auto}.g-tabs::-webkit-scrollbar{display:none}.g-devices::-webkit-scrollbar{display:none}.g-tabs{background:#0000003d}.g-devices{background:#0000001a}.tab,.dev{border:0;border-right:1px solid var(--stroke);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;outline:none;flex:1 0 auto;justify-content:center;align-items:center;gap:9px;transition:color .2s,background .2s;display:flex;position:relative}.tab:last-child,.dev:last-child{border-right:0}.tab{height:48px;font:600 14px var(--body);padding:0 22px}.dev{height:42px;font:600 12.5px var(--body);padding:0 16px}.tab svg,.dev svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.tab:hover,.dev:hover{color:var(--text);background:#ffffff08}.tab:focus-visible,.dev:focus-visible{box-shadow:inset 0 0 0 2px #fcd11699}.tab.on,.dev.on{color:#fff;background:#ffffff13}.tab.on:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 12px #fcd11680}.tab.on svg,.dev.on svg{color:var(--gold)}.tab .face{background:50% 14%/cover;border-radius:50%;flex:none;width:24px;height:24px;box-shadow:0 0 0 1px #fff3}.dev small{font:700 9px var(--body);letter-spacing:.1em;color:var(--faint)}.dev.on small{color:var(--gold)}.g-body{touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;border-top:1px solid var(--stroke);flex:1;min-height:0;padding:4px 24px 24px;overflow-y:auto}.g-body.swap>*{animation:aIn .45s var(--ease-out) backwards}.g-note{color:var(--faint);margin:14px 2px 16px;font-size:12px}.g-body h4{font:800 11px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 8px 2px}.list{border:1px solid var(--stroke);background:#ffffff06;border-radius:14px;overflow:hidden}.row,.mv{outline:none;justify-content:space-between;align-items:center;gap:16px;transition:background .2s;display:flex}.row{min-height:54px;padding:9px 14px}.row+.row,.mv+.mv{border-top:1px solid var(--stroke)}.row:hover,.row:focus,.mv:hover,.mv:focus{background:#fcd1160f}.row:focus,.mv:focus{box-shadow:inset 3px 0 0 var(--gold)}.row-txt b{font:700 14px var(--body);color:var(--text);display:block}.row-txt small{color:var(--faint);margin-top:2px;font-size:12px;display:block}.keys{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:5px;max-width:60%;display:flex}.ctl-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));align-items:start;gap:22px 28px;display:grid}.ms{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:22px;padding-top:16px;display:grid}.ms-chars{flex-direction:column;gap:8px;display:flex;position:sticky;top:0}.ms-char{cursor:pointer;text-align:left;border:1px solid var(--stroke);color:var(--muted);font:400 16px/1.05 var(--display);letter-spacing:.04em;text-transform:uppercase;background:#ffffff09;border-radius:14px;outline:none;align-items:center;gap:12px;padding:7px 12px 7px 7px;transition:color .2s,border-color .2s,background .25s;display:flex}.ms-char i{filter:grayscale(.6)brightness(.8);background:50% 14%/cover;border-radius:10px;flex:none;width:46px;height:46px;transition:filter .3s}.ms-char small{font:700 9px var(--body);letter-spacing:.16em;color:var(--faint);margin-top:4px;display:block}.ms-char:hover{color:var(--text)}.ms-char:focus{box-shadow:0 0 0 2px var(--gold)}.ms-char.on{color:#fff;border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.ms-char.on i{filter:none}.ms-char.on small{color:var(--accent)}.ms-list{padding-top:16px}.ms .ms-list{padding-top:0}.ms-head{background:#151111;border-radius:16px;align-items:center;gap:18px;margin-bottom:20px;padding:18px;display:flex;position:relative;overflow:hidden}.ms-art{background:75% 28%/cover no-repeat;inset:0;position:absolute!important}.ms-art:after{content:"";background:linear-gradient(90deg, #141010f7 0%, #141010db 42%, #14101033 100%), radial-gradient(60% 120% at 0% 50%, color-mix(in srgb, var(--accent) 26%, transparent), transparent);position:absolute;inset:0}.ms-head>*{position:relative}.ms-face{background:50% 12%/cover;border-radius:12px;flex:none;width:86px;height:108px;box-shadow:0 12px 26px #00000080}.ms-who .kicker{color:var(--accent)}.ms-who h3{font:400 32px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:4px 0 6px}.ms-who p{color:var(--muted);max-width:62ch;margin:0 0 10px;font-size:13px;line-height:1.45}.ms-tags{flex-wrap:wrap;gap:4px;display:flex}.ms-tags i{font:800 9.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 46%, transparent), color-mix(in srgb, var(--accent) 16%, transparent));clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);text-shadow:0 1px 3px #0000008c;padding:7px 14px 6px;font-style:normal}.ms-sec{margin-bottom:20px}.mv{padding:12px 14px}.mv-txt{min-width:0}.mv-name{font:400 18px/1.1 var(--display);letter-spacing:.03em;text-transform:uppercase;color:var(--text);flex-wrap:wrap;align-items:center;gap:5px 8px;display:flex}.mtag{font:800 8.5px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:#ffffff14;border-radius:5px;padding:3px 7px}.mtag.hot{color:#1c1304;background:color-mix(in srgb, var(--accent,#fcd116) 85%, #fff)}.mv-desc{color:var(--faint);max-width:56ch;margin-top:4px;font-size:12.5px;line-height:1.45}.mv-in{flex-direction:column;flex:none;align-items:flex-end;gap:7px;display:flex}.seq{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.seq.simple em{font:800 9px var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-right:5px;font-style:normal}.credits{max-width:68ch;color:var(--muted);padding-top:18px;font-size:13px;line-height:1.65}.credits a{color:var(--gold)}.soon-tag{vertical-align:middle;font:800 9px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);background:#fcd11624;border-radius:999px;margin-left:10px;padding:4px 8px 3px;font-style:normal;display:inline-block}.mm-item .soon-tag{transform:translateY(-3px)}body.server-live .mm-item .soon-tag{display:none}#welcome{padding:calc(18px + env(safe-area-inset-top,0px)) calc(18px + var(--safe-r)) calc(18px + env(safe-area-inset-bottom,0px)) calc(18px + var(--safe-l));background:radial-gradient(80% 70%,#08080b8c,#08080be6);justify-content:center;align-items:center}.wl-inner{flex-direction:column;align-items:center;gap:22px;width:min(860px,100%);display:flex}.wl-head{text-align:center}.wl-head h2{font:400 clamp(32px, 4.4vw, 52px)/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:8px 0 6px}.wl-head p{color:var(--muted);margin:0;font-size:14px}.wl-cards{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.wl-card{background:linear-gradient(#1e1918f0,#0e0c0df2);border-radius:18px;flex-direction:column;gap:10px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080,inset 0 0 0 1px #ffffff12}.wl-card.guest{box-shadow:0 24px 60px #00000080,inset 0 0 0 1px #fcd11647}.wl-icon{width:46px;height:46px;color:var(--gold);background:#fcd1161f;border-radius:50%;place-items:center;display:grid}.wl-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.wl-card h3{font:400 26px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:4px 0 0}.wl-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.wl-providers{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.wl-providers span{font:700 11px var(--body);color:var(--faint);background:#ffffff0d;border-radius:8px;padding:6px 10px}.wl-soon{width:100%;color:var(--muted);font-size:15px}.wl-soon svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.name-field{height:50px;box-shadow:inset 0 0 0 1px var(--stroke-2);background:#ffffff0f;border-radius:12px;align-items:center;gap:4px;margin-top:auto;padding:0 6px 0 14px;transition:box-shadow .2s;display:flex}.name-field:focus-within{box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 4px #fcd1161f}.name-field .at{font:800 16px var(--body);color:var(--faint)}.name-field input{color:#fff;min-width:0;height:100%;font:700 17px var(--body);letter-spacing:.01em;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:0 0;border:0;outline:none;flex:1}.dice{width:38px;height:38px;color:var(--text);cursor:pointer;transition:background .2s, color .2s, transform .3s var(--ease-out);background:#ffffff14;border:0;border-radius:10px;outline:none;place-items:center;display:grid}.dice svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px;height:20px}.dice:hover,.dice:focus{background:var(--gold);color:#1c1304}.dice:active{transform:rotate(90deg)scale(.92)}.name-msg{min-height:17px;font:600 12px var(--body);color:var(--faint)}.name-msg.bad{color:#ff8a7a}.name-msg.good{color:#5be39b}.wl-card .btn.primary{width:100%}.btn.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.profile-chip{z-index:2;top:calc(18px + env(safe-area-inset-top,0px));right:calc(22px + var(--safe-r));cursor:pointer;color:var(--text);text-align:left;box-shadow:inset 0 0 0 1px var(--stroke-2);background:#0c0a0a99;border:0;border-radius:999px;outline:none;align-items:center;gap:10px;padding:5px 16px 5px 5px;transition:box-shadow .2s,background .2s;display:flex;position:absolute}.profile-chip:hover,.profile-chip:focus{box-shadow:inset 0 0 0 2px var(--gold);background:#1c1612cc}.pc-avatar{width:36px;height:36px;box-shadow:0 0 0 2px var(--gold);background:#2a1d14 50% 14%/cover;border-radius:50%}.profile-chip b{font:700 13px var(--body);color:#fff;display:block}.profile-chip small{font:600 10px var(--body);letter-spacing:.06em;color:var(--faint);display:block}body.touch.fs-ok .profile-chip{right:calc(54px + var(--safe-r))}#profile,#leaderboards,#tournaments{padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + var(--safe-r)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + var(--safe-l));background:#050507c2;justify-content:center;align-items:center}.sheet{width:min(940px,100%);max-height:min(700px,100%);box-shadow:0 40px 90px #000000a6, inset 0 0 0 1px var(--stroke);background:linear-gradient(#1c1716f5,#0d0b0cf7);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.screen.show .sheet{animation:gIn .55s var(--ease-out) backwards}.screen.leaving .sheet{animation:gOut .3s var(--ease-in) forwards}.sheet-head{border-bottom:1px solid var(--stroke);flex:none;align-items:center;gap:16px;padding:22px 20px 18px 24px;display:flex}.sheet-head h2{font:400 32px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff;overflow-wrap:anywhere;margin:6px 0 0}.pf-who{flex:1;min-width:0}.pf-avatar{width:66px;height:66px;box-shadow:0 0 0 2px var(--gold), 0 10px 24px #0006;background:#2a1d14 50% 14%/cover;border-radius:16px;flex:none}.pf-actions{flex:none;align-items:center;gap:12px;display:flex}.pf-edit{max-width:340px;margin-top:8px}.pf-edit .name-field{height:44px;margin-top:0}.btn.slim{padding:11px 18px;font-size:15px}.sheet-body{touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-height:0;padding:20px 24px 26px;overflow-y:auto}.pf-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat{background:#ffffff0a;border-radius:14px;padding:14px 16px}.stat b{font:400 34px/1 var(--display);letter-spacing:.02em;color:#fff;display:block}.stat span{font:800 9.5px var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-top:6px;display:block}.stat.hot{background:linear-gradient(140deg,#fcd1162e,#fcd1160a)}.stat.hot b{color:var(--gold)}.pf-cols{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:18px;display:grid}.pf-sec h4{font:800 11px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 8px 2px}.pf-row{background:#ffffff08;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.pf-row+.pf-row{margin-top:6px}.pf-row>span{font:700 13px var(--body);color:var(--text);align-items:center;gap:10px;min-width:0;display:flex}.pf-row>span i{background:50% 14%/cover;border-radius:8px;flex:none;width:28px;height:28px}.pf-row>b{font:700 12px var(--body);color:var(--muted);font-variant-numeric:tabular-nums}.pf-bar{background:#ffffff12;border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.pf-bar i{border-radius:inherit;background:linear-gradient(90deg,#ce1126,#fcd116);height:100%;display:block}.pf-row.dim>span,.pf-row.dim>b{color:var(--faint)}.pf-note{color:var(--muted);background:#fcd11612;border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;font-size:12.5px;display:flex}.pf-note svg{fill:none;width:18px;height:18px;stroke:var(--gold);stroke-width:1.8px;flex:none}.soon-wrap{flex:1;min-height:300px;position:relative;overflow:hidden}.lb-mock{filter:blur(3px);opacity:.45;padding:14px 24px}.lb-mock div{border-radius:10px;grid-template-columns:36px 34px 1fr 80px;align-items:center;gap:12px;padding:9px 10px;display:grid}.lb-mock div:nth-child(odd){background:#ffffff0a}.lb-mock b{font:400 20px var(--display);color:var(--gold)}.lb-mock i{background:#3a2a1d 50% 14%/cover;border-radius:50%;width:30px;height:30px}.lb-mock span{background:#ffffff40;border-radius:5px;height:10px}.lb-mock em{background:#fcd11673;border-radius:5px;height:10px}.soon-card{text-align:center;background:#0e0c0ded;border-radius:18px;width:min(460px,100% - 32px);padding:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 70px #0009,inset 0 0 0 1px #fcd11640}.soon-lock{width:50px;height:50px;color:var(--gold);background:#fcd1161f;border-radius:50%;place-items:center;margin-bottom:10px;display:inline-grid}.soon-lock svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:24px;height:24px}.soon-card h3{font:400 28px/1.05 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:8px 0}.soon-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.soon-you{font:700 12px var(--body);letter-spacing:.04em;color:var(--gold);margin-top:14px}.soon-you:empty{display:none}.tn-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.tn-card{background:linear-gradient(#ffffff0f,#ffffff05);border-radius:16px;padding:18px;position:relative}.tn-card .soon-tag{margin:0;position:absolute;top:16px;right:16px}.tn-when{font:800 10px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.tn-card h3,.tn-pass h3{font:400 24px/1.05 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:8px 0 6px}.tn-card p,.tn-pass p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.tn-pass{background:linear-gradient(100deg,#fcd11629,#ce11261f);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:18px 20px;display:flex}#leaderboards .g-tabs{border-top:0;border-bottom:1px solid var(--stroke)}.lb-live{padding-top:10px}.lb-row{border-radius:12px;grid-template-columns:34px 34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.lb-row:nth-child(odd){background:#ffffff08}.lb-row>b{font:400 20px var(--display);color:var(--muted);text-align:center}.lb-row.top1>b{color:#ffd23f}.lb-row.top2>b{color:#d9dde3}.lb-row.top3>b{color:#e0a06a}.lb-row>i{background:#2a1d14 50% 14%/cover;border-radius:50%;width:32px;height:32px;box-shadow:0 0 0 1px #ffffff26}.lb-row>span{font:700 14px var(--body);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-row>em{font:400 20px var(--display);color:var(--gold);font-style:normal}.lb-row>em small{font:800 9px var(--body);letter-spacing:.14em;color:var(--faint);margin-left:4px}.lb-row.you{box-shadow:inset 3px 0 0 var(--gold);background:#fcd1161f}.lb-row.small{grid-template-columns:26px minmax(0,1fr) auto;padding:5px 8px}.lb-row.small>b,.lb-row.small>em{font-size:15px}.lb-foot{background:linear-gradient(#0000,#0d0b0cfa 30%);margin-top:12px;padding:10px 0 2px;position:sticky;bottom:-26px}.lb-note{color:var(--faint);padding:6px 12px;font-size:12px}.lb-empty{text-align:center;color:var(--muted);padding:30px 12px;font-size:13px}.tn-live{margin-bottom:14px}.tn-card.live{flex-direction:column;gap:4px;display:flex}.tn-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.tn-actions .soon-tag{margin:0;position:static}.tn-stand{border-top:1px solid var(--stroke);color:var(--muted);margin-top:8px;padding-top:8px;font-size:12px}.wl-soon.live{color:#1c1304;background:linear-gradient(#ffe46e,#f4b400);border-color:#0000}.wl-soon.live svg{display:none}#online,#lobby{padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + var(--safe-r)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + var(--safe-l));background:#050507c7;justify-content:center;align-items:center}.ol-group+.ol-group{margin-top:22px}.ol-head{align-items:baseline;gap:12px;margin:0 2px 10px;display:flex}.ol-head b{font:400 19px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:#fff}.ol-head span{color:var(--faint);font-size:12px}.ol-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.ol-card.feature{background:linear-gradient(160deg,#fcd11621,#ffffff08 60%);box-shadow:inset 0 0 0 1px #fcd11652}.ol-card.feature.off{box-shadow:none;background:linear-gradient(#ffffff0f,#ffffff05)}a.btn{text-decoration:none}.btn.wa{color:#052e16;background:#25d366;border-color:#25d366;align-items:center;gap:8px;display:inline-flex}.btn.wa:hover,.btn.wa:focus{background:#3ee07b;border-color:#fff;box-shadow:0 0 0 3px #25d36640}.inv-note{color:var(--faint);text-align:center;margin:2px 0 0;font-size:12px}.ol-card{background:linear-gradient(#ffffff0f,#ffffff05);border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}.ol-card h3{font:400 24px/1.05 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:4px 0 2px}.ol-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.ol-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px;display:flex}.ol-actions .btn:disabled{opacity:.4;cursor:not-allowed}.ol-need{color:var(--faint)!important;font-size:12px!important}.ol-need:empty{display:none}.ol-card.off h3{color:var(--muted)}.lobby-sheet{width:min(640px,100%)}.lobby-body{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.lby-code{font:400 clamp(44px, 8vw, 64px)/1 var(--display);letter-spacing:.22em;color:var(--gold);text-shadow:0 0 24px #fcd11659;margin-right:-.22em}.lby-hint{color:var(--muted);margin:0;font-size:13px}.lby-status{min-height:18px;font:600 13px var(--body);color:var(--muted)}.lby-status.bad{color:#ff8a7a}.lby-status.good{color:#5be39b}.lby-join{gap:10px;width:100%;max-width:380px;display:flex}.lby-join input{color:#fff;text-align:center;min-width:0;height:50px;font:400 26px var(--display);letter-spacing:.2em;box-shadow:inset 0 0 0 1px var(--stroke-2);-webkit-user-select:text;user-select:text;background:#ffffff0f;border:0;border-radius:12px;outline:none;flex:1;padding:0 14px}.lby-join input:focus{box-shadow:inset 0 0 0 2px var(--gold)}.lby-steps{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.lby-step{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.lby-step b{background:var(--gold);color:#1c1304;width:24px;height:24px;font:800 12px var(--body);border-radius:50%;place-items:center;display:grid}.lby-step em{color:var(--gold);font-style:normal}.lby-qr{cursor:zoom-in;background:#fbf6ea;border:0;border-radius:14px;width:min(260px,60vw);margin-bottom:8px;padding:8px;position:relative}.lby-qr svg{width:100%;height:auto;display:block}.lby-qr span{color:var(--gold);font:800 9.5px var(--body);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:#1c1304;border-radius:99px;padding:3px 9px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #fcd11666}.lby-qr:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.qr-zoom{z-index:9999;cursor:zoom-out;animation:chipIn .25s var(--ease-out);background:#060505f0;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.qr-zoom-code{background:#fbf6ea;border-radius:16px;width:min(94vw,100dvh - 48px);padding:2%;box-shadow:0 0 0 2px #fcd11680,0 30px 80px #0009}.qr-zoom-code svg{width:100%;height:auto;display:block}.qr-zoom span{color:var(--muted);font-size:12px}.inv{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:26px;width:100%;display:grid}.inv-card{cursor:zoom-in;width:min(232px,56vh);transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out);animation:invIn .55s var(--ease-out) backwards;background:#fbf6ea;border:0;border-radius:20px;padding:16px 14px 34px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fcd11673,0 0 40px #fcd1161f,0 22px 50px #00000080}.inv-card:hover,.inv-card:focus-visible{box-shadow:0 0 0 2px var(--gold), 0 0 50px #fcd11638, 0 26px 60px #0000008c;outline:none;transform:translateY(-2px)rotate(-.6deg)}.inv-card svg{width:100%;height:auto;display:block}.inv-scan{font:800 10.5px var(--body);letter-spacing:.3em;text-transform:uppercase;color:#140d06;text-align:center;position:absolute;bottom:11px;left:0;right:0}.inv-zoom{color:#a3121f;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:8px;right:10px}.inv-zoom svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@keyframes invIn{0%{opacity:0;transform:translateY(14px)scale(.94)rotate(-2deg)}}.inv-side{min-width:0;animation:invIn .55s 80ms var(--ease-out) backwards;flex-direction:column;align-items:flex-start;gap:8px;display:flex}.inv-code{font:400 58px/.95 var(--display);letter-spacing:.06em;background:linear-gradient(#fff6c4 0%,#fcd116 55%,#d39a0f 100%);color:#0000;filter:drop-shadow(0 4px 14px #fcd11640);-webkit-user-select:all;user-select:all;-webkit-background-clip:text;background-clip:text;gap:.32em;display:flex}.inv-hint{color:var(--muted);max-width:36ch;margin:0;font-size:13px;line-height:1.5}.inv-hint em{color:var(--gold);font-style:normal;font-weight:700}.inv-actions{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.inv-actions .btn{align-items:center;gap:8px;display:inline-flex}.inv-actions .btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.inv-side .lby-status{text-align:left}.inv-join{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:22px;width:100%;display:grid}.inv-join.no-cam{grid-template-columns:minmax(0,1fr);justify-items:center}.inv-cam{aspect-ratio:4/3;max-height:240px;box-shadow:inset 0 0 0 1px var(--stroke-2);background:#000;border-radius:18px;position:relative;overflow:hidden}.inv-cam video{object-fit:cover;width:100%;height:100%;display:block}.inv-frame{--c:var(--gold);pointer-events:none;background:linear-gradient(var(--c), var(--c)) left top / 24px 3px, linear-gradient(var(--c), var(--c)) left top / 3px 24px, linear-gradient(var(--c), var(--c)) right top / 24px 3px, linear-gradient(var(--c), var(--c)) right top / 3px 24px, linear-gradient(var(--c), var(--c)) left bottom / 24px 3px, linear-gradient(var(--c), var(--c)) left bottom / 3px 24px, linear-gradient(var(--c), var(--c)) right bottom / 24px 3px, linear-gradient(var(--c), var(--c)) right bottom / 3px 24px;filter:drop-shadow(0 0 6px #fcd11699);background-repeat:no-repeat;position:absolute;inset:14% 24%}.inv-frame:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;box-shadow:0 0 12px var(--gold);border-radius:2px;animation:1.8s ease-in-out infinite alternate invLine;position:absolute;top:6%;left:6%;right:6%}@keyframes invLine{to{top:94%}}.inv-cam span{white-space:nowrap;color:#fff;background:#0009;border-radius:99px;padding:4px 10px;font-size:11.5px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.inv-type{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.inv-type label{font:800 11px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.inv-type input{text-align:center;width:100%;max-width:270px;height:66px;box-shadow:inset 0 0 0 1px var(--stroke-2);color:#fff;font:400 42px var(--display);letter-spacing:.14em;-webkit-user-select:text;user-select:text;background:#ffffff0f;border:0;border-radius:16px;outline:none;padding:0 12px;transition:box-shadow .2s}.inv-type input::placeholder{color:#ffffff29}.inv-type input:focus{box-shadow:inset 0 0 0 2px var(--gold), 0 0 24px #fcd11626}.inv-type input:disabled{color:var(--gold);opacity:1}.inv-type .btn{min-width:150px}@media (max-width:540px){.inv,.inv-join{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.inv-side{align-items:center}.inv-side .lby-status{text-align:center}}.lby-scan{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:360px;display:flex}.lby-scan video{object-fit:cover;background:#000;border-radius:12px;width:100%;max-height:200px}.lby-scan textarea{resize:none;color:#fff;width:100%;box-shadow:inset 0 0 0 1px var(--stroke-2);-webkit-user-select:text;user-select:text;background:#ffffff0f;border:0;border-radius:10px;outline:none;padding:10px;font:12px ui-monospace,monospace}.lby-search{flex-direction:column;align-items:center;gap:10px;padding:20px 0;display:flex}.lby-search b{font:400 34px var(--display);color:#fff;letter-spacing:.06em}.lby-search span{color:var(--muted);font-size:13px}.lby-spin{border:3px solid #fcd1162e;border-top-color:var(--gold);border-radius:50%;width:56px;height:56px;animation:1s linear infinite spinLby}@keyframes spinLby{to{transform:rotate(360deg)}}.lby-found{animation:chipIn .5s var(--ease-out);flex-direction:column;align-items:center;gap:6px;padding:18px 0;display:flex}.lby-found b{font:400 40px/1 var(--display);letter-spacing:.04em;color:#fff}.lby-found span{color:var(--muted);font-size:14px}.net-hud{top:calc(112px + env(safe-area-inset-top,0px));font:700 10px var(--body);letter-spacing:.08em;color:var(--muted);pointer-events:none;background:#0c0a0a8c;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.net-hud i{align-items:flex-end;gap:1.5px;height:10px;display:inline-flex}.net-hud i b{background:#5be39b;border-radius:1px;width:3px}.net-hud i b:first-child{height:4px}.net-hud i b:nth-child(2){height:7px}.net-hud i b:nth-child(3){height:10px}.net-hud.warn i b{background:#ffb36b}.net-hud.bad i b{background:#ff6b5e}.net-hud i b.off{background:#fff3}body.touch .net-hud{top:calc(58px + env(safe-area-inset-top,0px))}.ac-sheet{width:min(520px,100%)}.ac-body{flex-direction:column;gap:12px;display:flex}.ac-tabs{background:#ffffff0d;border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.ac-tabs .tab{height:38px;font:700 13px var(--body);border:0;border-radius:9px;padding:0 10px}.ac-tabs .tab.on{background:var(--gold);color:#1c1304}.ac-tabs .tab.on:after{display:none}.ac-form{flex-direction:column;gap:12px;display:flex}.ac-field{flex-direction:column;gap:6px;display:flex}.ac-field>span{font:800 10px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.ac-field>input{color:#fff;height:46px;font:600 15px var(--body);box-shadow:inset 0 0 0 1px var(--stroke-2);-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#ffffff0f;border:0;border-radius:12px;outline:none;padding:0 14px;transition:box-shadow .2s}.ac-field>input:focus{box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 4px #fcd1161f}.ac-field .name-field{height:46px;margin-top:0}.ac-form .btn.primary{width:100%;margin-top:2px}.ac-link{color:var(--gold);font:600 12.5px var(--body);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:center;padding:4px;text-decoration:underline}.ac-note{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.ac-actions{gap:10px;display:flex}.ac-actions .btn{flex:1}.ac-msg{min-height:0;font:600 12.5px var(--body);color:var(--faint)}.ac-msg.bad{color:#ff8a7a}.ac-msg.good{color:#5be39b}.ac-or{font:700 10px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);align-items:center;gap:12px;margin:2px 0 10px;display:flex}.ac-or:before,.ac-or:after{content:"";background:var(--stroke-2);flex:1;height:1px}.ac-social{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ac-social .btn{height:48px;font:600 14px/1 var(--body);letter-spacing:.01em;text-transform:none;white-space:nowrap;border-radius:12px;gap:10px;padding:0 16px;box-shadow:0 1px 2px #0000004d}.ac-social .btn span{text-overflow:ellipsis;overflow:hidden}.ac-icon{flex:none;width:20px;height:20px}.btn.ac-google{color:#1f1f1f;background:#fff;border:1px solid #dadce0}.btn.ac-google:hover,.btn.ac-google:focus{border-color:var(--gold);background:#f4f6f8;box-shadow:0 0 0 3px #fcd1164d}.btn.ac-discord{color:#fff;background:#5865f2;border:1px solid #5865f2}.btn.ac-discord:hover,.btn.ac-discord:focus{border-color:var(--gold);background:#4752c4;box-shadow:0 0 0 3px #fcd1164d}@media (max-width:400px){.ac-social{grid-template-columns:1fr}}#account,#handlePick{padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + var(--safe-r)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + var(--safe-l));background:#050507c7;justify-content:center;align-items:center}.pf-badge{font:800 9px var(--body);letter-spacing:.12em;text-transform:uppercase;vertical-align:2px;border-radius:999px;margin-left:8px;padding:3px 7px;display:inline-block}.pf-badge.ok{color:#5be39b;background:#5be39b1f}.pf-badge.warn{color:#ffb36b;background:#ffb36b1f}@media (max-height:560px){.wl-inner{gap:10px}.wl-head h2{margin:4px 0 2px;font-size:26px}.wl-head p{display:none}.wl-cards{gap:10px}.wl-card{border-radius:14px;gap:7px;padding:14px}.wl-icon{display:none}.wl-card h3{margin:0;font-size:20px}.wl-card p{font-size:11.5px}.name-field{height:42px}.dice{width:32px;height:32px}.name-msg{min-height:14px;font-size:11px}.wl-card .btn,.wl-soon{padding:10px 14px;font-size:14px}.profile-chip{top:calc(8px + env(safe-area-inset-top,0px));gap:8px;padding:4px 12px 4px 4px}.pc-avatar{width:28px;height:28px}.profile-chip b{font-size:11.5px}.profile-chip small{display:none}#profile,#leaderboards,#tournaments{padding:calc(6px + env(safe-area-inset-top,0px)) calc(8px + var(--safe-r)) calc(6px + env(safe-area-inset-bottom,0px)) calc(8px + var(--safe-l))}.sheet{border-radius:14px}.sheet-head{gap:12px;padding:10px 10px 10px 14px}.sheet-head h2{margin:2px 0 0;font-size:22px}.sheet-head .kicker{font-size:9px}.pf-avatar{border-radius:11px;width:44px;height:44px}.sheet-body{padding:12px 14px 16px}.stat{padding:10px 12px}.stat b{font-size:26px}.pf-cols{gap:10px;margin-top:12px}.soon-wrap{min-height:0}.soon-card{padding:16px}.soon-card h3{font-size:20px}.soon-card p{font-size:11.5px}.soon-lock{width:38px;height:38px;margin-bottom:4px}#account,#handlePick{padding:calc(6px + env(safe-area-inset-top,0px)) calc(8px + var(--safe-r)) calc(6px + env(safe-area-inset-bottom,0px)) calc(8px + var(--safe-l))}.ac-body,.ac-form{gap:8px}.ac-field>input,.ac-field .name-field{height:38px}.ac-tabs .tab{height:32px}.ac-social .btn{gap:8px;height:38px;padding:0 10px;font-size:12.5px}.ac-icon{width:17px;height:17px}.ac-or{margin:0 0 4px}#online,#lobby{padding:calc(6px + env(safe-area-inset-top,0px)) calc(8px + var(--safe-r)) calc(6px + env(safe-area-inset-bottom,0px)) calc(8px + var(--safe-l))}.ol-grid{gap:8px}.ol-card{padding:12px}.ol-card h3{font-size:18px}.ol-card p{font-size:11.5px}.ol-actions{padding-top:6px}.lby-qr{width:min(170px,40vh);padding:6px}.lby-code{font-size:40px}.lby-scan video{max-height:110px}.inv{gap:18px}.inv-card{border-radius:16px;width:min(200px,100dvh - 150px);padding:12px 10px 28px}.inv-scan{font-size:9.5px;bottom:9px}.inv-code{font-size:44px}.inv-hint{font-size:12px}.inv-cam{max-height:calc(100dvh - 140px)}.inv-type input{height:54px;font-size:34px}.main-menu .mm-item{padding:3px 16px 3px 20px;font-size:18px}.tn-card{padding:12px}.tn-card h3,.tn-pass h3{font-size:18px}.tn-card p,.tn-pass p{font-size:11.5px}.tn-pass{margin-top:10px;padding:12px 14px}}@media (max-width:700px){.wl-cards{grid-template-columns:1fr 1fr}.pf-actions .icon-btn span{display:none}}@media (max-width:900px){.ms{grid-template-columns:1fr;gap:14px}.ms-chars{scrollbar-width:none;touch-action:pan-x;flex-direction:row;position:static;overflow-x:auto}.ms-char{flex:none}.sel-main{grid-template-columns:minmax(0,1fr) minmax(300px,1.4fr) minmax(0,1fr)}.np-abil{display:none}}@media (max-height:560px){:root{--gs:25px}.prompts{display:none}.title-inner{padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))}.brand{gap:12px;margin-bottom:10px}.akofena-glyph{width:40px;height:40px}.brand-text{gap:6px}.logo.big{font-size:44px}.tag{letter-spacing:.34em;font-size:10px}.mm-item{width:min(340px,60vw);padding:6px 16px 6px 20px;font-size:22px}.menu-desc{margin:8px 0 0 20px;font-size:12px}.title-foot{left:calc(clamp(24px, 7vw, 124px) + 22px + var(--safe-l));bottom:calc(8px + env(safe-area-inset-bottom,0px));flex-direction:row;align-items:center;gap:12px}.roster-strip{flex-wrap:nowrap;gap:4px}.roster-strip .label{display:none}.roster-strip .face{width:22px;height:22px}.foot{font-size:9.5px}.ld-glyph{width:60px;height:60px}#loading .logo{font-size:40px}.ld-progress{margin-top:16px}.ld-tip{bottom:16px}.ld-tip p{font-size:11.5px}#start{padding-top:calc(5vh + env(safe-area-inset-top,0px))}.start-logo{gap:8px}.start-logo .akofena-glyph{width:40px;height:40px}.logo.huge{font-size:64px}.start-press{gap:10px;margin-bottom:3vh}.press span{font-size:20px}#select{padding:calc(6px + env(safe-area-inset-top,0px)) calc(10px + var(--safe-r)) calc(8px + env(safe-area-inset-bottom,0px)) calc(10px + var(--safe-l));gap:4px}.icon-btn{gap:8px;font-size:9.5px}.icon-btn svg{width:13px;height:13px;padding:8px}.sel-heading .kicker{display:none}.screen-title{margin:0;font-size:19px}.sel-main{gap:8px}.sel-center{justify-content:flex-start;gap:6px}.roster{gap:5px}.tile{aspect-ratio:2;border-radius:8px}.tile .tname{padding:10px 5px 3px;font-size:10px}.tile .tname small{font-size:6.5px}.tile .pick{padding:2px 4px;font-size:7.5px;top:3px}.tile .pick.p1{left:3px}.tile .pick.p2{right:3px}.tile.locked .lock{width:12px;height:12px;top:4px;right:4px}.tile.mystery .art:after{font-size:20px}.sel-info{border-radius:10px;gap:8px;padding:5px 5px 5px 10px}.sel-info p,.si-head>span:last-child,.si-more span{display:none}.si-head b{font-size:13px}.si-tag{padding:4px 6px 3px;font-size:7.5px}.si-more svg{width:12px;height:12px;padding:7px}.sel-options{flex-direction:row;align-items:center;gap:6px}.opt{flex:1}#diffOpt{flex:1.15}.opt-label{display:none}.diff{border-radius:9px;padding:3px}.diff-ind{border-radius:7px;width:calc(33.3333% - 2px);top:3px;bottom:3px;left:3px}.diff button{letter-spacing:.04em;height:28px;font-size:9px}.pips{display:none}#lore{padding:calc(6px + env(safe-area-inset-top,0px)) calc(8px + var(--safe-r)) calc(6px + env(safe-area-inset-bottom,0px)) calc(8px + var(--safe-l))}.lore-wrap{border-radius:14px;grid-template-columns:36% 1fr}.lore-text{padding:18px 16px 0 14px}.lore-text .close{top:8px;right:8px}.lore-text h2{margin:6px 0 4px;font-size:28px}.lore-epithet{margin-bottom:10px;font-size:11.5px}.lore-body p{margin-top:6px;font-size:12.5px;line-height:1.55}.lore-body section{margin-bottom:12px}.lore-body aside{padding:10px 12px}.lore-body aside p{font-size:11.5px}.stage-row{flex:1;gap:5px}.stage-card{border-radius:8px;height:34px}.stage-card span{padding:8px 6px 4px;font-size:10px}.stage-card em{display:none}.stage-card.on:after{background-size:10px;width:14px;height:14px;top:4px;right:4px}.btn.fight{padding:9px 12px;font-size:19px}.select-actions .btn{padding:9px 12px;font-size:14px}.select-actions.two .btn{letter-spacing:.04em;padding:9px 8px;font-size:13px}.side-tag{gap:6px;top:2px}.side-tag b{letter-spacing:.16em;padding:4px 7px;font-size:8.5px}.side-tag i{letter-spacing:.14em;font-size:8px}.np-name{font-size:clamp(18px,3vw,26px)}.np-epithet{font-size:9.5px}.np-abil{display:none}.nameplate{gap:3px}.nameplate:after{height:2px;margin-top:3px}.sel-side.active .nameplate:after{width:70px}.stamp{border-width:2px;font-size:26px}.pl-soon b{background-position:9px;background-size:12px;padding:6px 10px 4px 28px;font-size:14px}.pl-soon i{font-size:40px}.pz-inner{gap:8px}.pz-head h2{font-size:40px}.pz-menu .mm-item{padding:5px 16px 5px 20px;font-size:19px}.pz-head{padding-left:20px}#guide{padding:calc(6px + env(safe-area-inset-top,0px)) calc(8px + var(--safe-r)) calc(6px + env(safe-area-inset-bottom,0px)) calc(8px + var(--safe-l))}.g-wrap{border-radius:14px}.g-head{gap:10px;padding:9px 10px 8px 16px}.g-title .kicker{display:none}.g-title h2{margin:0;font-size:19px}.tab{gap:7px;height:36px;padding:0 14px;font-size:12px}.tab svg{width:15px;height:15px}.tab .face{width:20px;height:20px}.dev{gap:6px;height:32px;padding:0 11px;font-size:11px}.dev svg{width:15px;height:15px}.g-body{padding:0 16px 14px}.g-note{margin:10px 2px 12px;font-size:11px}.row{min-height:44px;padding:6px 12px}.row-txt b{font-size:13px}.row-txt small{font-size:10.5px}.ctl-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px 16px}.ms{padding-top:10px}.ms-char{padding:5px 10px 5px 5px;font-size:13px}.ms-char i{border-radius:8px;width:34px;height:34px}.ms-head{gap:12px;margin-bottom:12px;padding:10px}.ms-face{border-radius:9px}.ms-head{padding:10px}.ms-who h3{margin:2px 0 0;font-size:22px}.ms-who p,.ms-tags,.ms .ms-head{display:none}.ms-face{width:44px;height:54px}.mv{gap:12px;padding:9px 12px}.mv-name{font-size:15px}.mv-desc{font-size:11px}.ms-sec{margin-bottom:14px}}@media (max-width:700px){.icon-btn span{display:none}.mv{flex-direction:column;align-items:stretch}.mv-in{align-items:flex-start}}@media (min-width:1600px) and (min-height:900px){.sel-center,.sel-top,#select .prompts{zoom:1.2}.sel-main{grid-template-columns:minmax(0,1fr) minmax(420px,1.05fr) minmax(0,1fr)}.tag{letter-spacing:.5em}}@media (prefers-reduced-motion:reduce){.screen *,.screen :before,.screen :after,.screen{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}