*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#05060a;color:#e6f6ff;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#game,#game canvas{position:fixed;inset:0;display:block}#ui{position:fixed;inset:0;z-index:10;pointer-events:none}#hud-root{position:fixed;inset:0;z-index:5;pointer-events:none}body.ingame,body.ingame *{cursor:none}body.ingame.tuning-open .tuning,body.ingame.tuning-open .tuning *{cursor:default}#boot{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;letter-spacing:6px;color:#35f2ff;text-shadow:0 0 12px #35f2ff;z-index:50;background:#05060a;transition:opacity .4s}#boot.gone{opacity:0;pointer-events:none}.tuning{position:fixed;top:12px;right:12px;width:340px;max-height:calc(100vh - 24px);display:none;flex-direction:column;z-index:100;background:#060a16f0;border:1px solid rgba(53,242,255,.5);box-shadow:0 0 30px #0009;font-size:12px;pointer-events:auto}.tuning.open{display:flex}.tuning-head{display:flex;justify-content:space-between;align-items:baseline;padding:10px 12px;border-bottom:1px solid rgba(53,242,255,.25)}.tuning-head b{color:#35f2ff;letter-spacing:2px}.tuning-head span{color:#7f93b0}.tuning-body{overflow-y:auto;padding:4px 12px}.tuning details{border-bottom:1px solid rgba(255,255,255,.06);padding:6px 0}.tuning summary{cursor:pointer;color:#ffb13d;letter-spacing:2px;padding:4px 0}.tuning-row{display:grid;grid-template-columns:1fr 120px 42px;align-items:center;gap:8px;padding:3px 0;color:#b9d3ea}.tuning-row.changed span:first-child{color:#ffd23f}.tuning-row input{width:100%;accent-color:#35f2ff}.tuning-num{text-align:right;font-family:Menlo,Consolas,monospace;color:#fff}.tuning-actions{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(53,242,255,.25)}.tuning-actions button{flex:1;padding:7px 0;background:#35f2ff1a;color:#e6f6ff;border:1px solid rgba(53,242,255,.5);font:inherit;cursor:pointer}.tuning-actions button:hover{background:#35f2ff40}.hud{position:fixed;inset:0;pointer-events:none;z-index:5;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;color:#e6f6ff;user-select:none;--cyan: #35f2ff;--pink: #ff3d8b;--mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}.hud-vig{position:absolute;inset:0;opacity:0}.hud-vig.slow{background:radial-gradient(ellipse at center,#2878ff00 45%,#1446c847 80%,#0a1e788c)}.hud-vig.low{background:radial-gradient(ellipse at center,#ff002800 50%,#ff143c59);animation:hud-pulse .9s ease-in-out infinite}.hud-flash{position:absolute;inset:0;opacity:0;mix-blend-mode:screen}@keyframes hud-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.6)}}.hud-tl{position:absolute;left:24px;top:20px}.hud-level{font-size:15px;letter-spacing:1px;text-shadow:0 0 10px rgba(53,242,255,.5)}.hud-level b{color:var(--cyan);margin-right:6px}.hud-level span{display:block;font-size:11px;color:#7f93b0;margin-top:3px}.hud-room{margin-top:10px;font-size:12px;color:#b9d3ea;letter-spacing:1px}.hud-revive{margin-top:4px;font-size:12px;color:#ffb13d;letter-spacing:2px}.hud-tr{position:absolute;right:24px;top:18px;text-align:right}.hud-timer{font-family:var(--mono);font-size:22px;letter-spacing:1px;text-shadow:0 0 12px rgba(53,242,255,.55)}.hud-diff{font-size:11px;color:#7f93b0;margin-top:2px;letter-spacing:2px}.hud-bl{position:absolute;left:24px;bottom:22px;width:300px}.hud-char{margin-bottom:8px;font-size:13px;letter-spacing:2px}.hud-char b{color:var(--cyan);font-size:18px;margin-right:8px;text-shadow:0 0 12px rgba(53,242,255,.7)}.hud-char span{color:#7f93b0;font-size:11px}.hud-bar{position:relative;height:10px;margin-top:7px;background:#0a1022d9;border:1px solid rgba(120,180,255,.25);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);overflow:hidden}.hud-bar i{position:absolute;inset:0;transform-origin:left center}.hud-bar.hp{height:16px}.hud-bar.hp .fill{background:linear-gradient(90deg,#ff3d8b,#ff7aa8);box-shadow:0 0 12px #ff3d8b}.hud-bar.hp .ghost{background:#ffffff8c}.hud-bar.hp.low .fill{background:linear-gradient(90deg,#ff1a3a,#ff4a4a);animation:hud-pulse .6s infinite}.hud-bar em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;font-family:var(--mono);font-size:11px;text-shadow:0 0 4px #000}.hud-bar label{position:absolute;left:6px;top:50%;transform:translateY(-50%);font-size:9px;letter-spacing:2px;color:#ffffffd9;text-shadow:0 0 3px #000}.hud-bar.slow{height:12px}.hud-bar.slow .fill{background:linear-gradient(90deg,#1a8cff,#35f2ff);box-shadow:0 0 10px #35f2ff}.hud-bar.slow.active{border-color:#35f2ff;box-shadow:0 0 14px #35f2ff99}.hud-bar.slow.active .fill{background:linear-gradient(90deg,#8ff8ff,#fff)}.hud-bar.slow.low .fill{background:#3a5370;box-shadow:none}.hud-bar.skill .fill{background:linear-gradient(90deg,#9b7bff,#d17bff);box-shadow:0 0 10px #9b7bff}.hud-skills{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:8px}.hud-skill{position:relative;width:78px;height:64px;background:#080c1cd1;border:1px solid rgba(155,123,255,.55);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);text-align:center;transition:opacity .15s,border-color .15s}.hud-skill .k{position:absolute;left:0;right:0;top:6px;font-family:var(--mono);font-size:11px;color:#fff;letter-spacing:1px}.hud-skill .n{margin-top:23px;font-size:13px;font-weight:600;letter-spacing:1px;color:#e6dcff;text-shadow:0 0 8px rgba(155,123,255,.8)}.hud-skill .c{font-size:10px;color:#9b8ad0;margin-top:2px;font-family:var(--mono)}.hud-skill.dim{opacity:.45}.hud-skill.chain{border-color:#fff;box-shadow:inset 0 0 18px #ffffff59;opacity:1}.hud-skill.chain .c{color:#fff}.hud-skill.locked{opacity:.35;border-style:dashed}.hud-skill .lock{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;font-size:10px;color:#ffb13d}.hud-skill.locked .c{display:none}.hud-skill.deny{animation:hud-deny .35s}@keyframes hud-deny{0%,to{transform:translate(0);border-color:#9b7bff8c}20%{transform:translate(-4px);border-color:#ff2a4a}40%{transform:translate(4px);border-color:#ff2a4a}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.hud-weapons{position:absolute;right:24px;bottom:22px;width:250px;display:flex;flex-direction:column;gap:5px}.hud-weapon{position:relative;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 6px;background:#080c1cb3;border:1px solid rgba(53,242,255,.18);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);opacity:.55;transition:opacity .12s,border-color .12s,transform .12s}.hud-weapon.cur{opacity:1;border-color:#35f2ff;box-shadow:inset 0 0 16px #35f2ff40;transform:translate(-8px)}.hud-weapon .key{min-width:18px;font-family:var(--mono);font-size:11px;color:#35f2ff;text-align:center}.hud-weapon .nm{flex:1;font-size:13px;letter-spacing:1px}.hud-weapon .nm.empty{color:#4f5f7a}.hud-weapon .star{color:#ffd23f;font-style:normal;margin-right:3px;text-shadow:0 0 6px #ffd23f}.hud-weapon .am{font-family:var(--mono);font-size:15px;color:#fff}.hud-weapon .am small{color:#7f93b0;font-size:10px}.hud-weapon .am.knife{font-family:inherit;font-size:10px;color:#7f93b0}.hud-weapon .rel{font-size:11px;color:#ffb13d;font-family:inherit;animation:hud-pulse .4s infinite}.hud-weapon .tag{position:absolute;right:6px;top:-9px;font-size:9px;color:#ffb13d}.hud-banner{position:absolute;left:0;right:0;top:22%;text-align:center;opacity:0;transform:scale(1.15);transition:opacity .2s,transform .25s}.hud-banner.show{opacity:1;transform:scale(1)}.hud-banner .t{font-size:40px;font-weight:800;letter-spacing:14px;color:#fff;text-shadow:0 0 18px #35f2ff,0 0 40px rgba(53,242,255,.6)}.hud-banner .s{margin-top:8px;font-size:14px;letter-spacing:4px;color:#b9d3ea}.hud-banner.warn .t{text-shadow:0 0 18px #ff2a4a,0 0 40px rgba(255,42,74,.6)}.hud-banner.gold .t{text-shadow:0 0 18px #ffd23f,0 0 40px rgba(255,210,63,.6)}.hud-toast{position:absolute;left:50%;bottom:104px;transform:translate(-50%) translateY(6px);padding:6px 14px;font-size:13px;letter-spacing:1px;background:#080c1cd9;border:1px solid rgba(255,177,61,.6);color:#ffd08a;opacity:0;transition:opacity .15s,transform .15s}.hud-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.hud-prompt{position:absolute;left:50%;top:62%;transform:translate(-50%);padding:6px 16px;font-size:14px;letter-spacing:1px;background:#080c1cd9;border:1px solid rgba(53,242,255,.6);opacity:0;transition:opacity .12s}.hud-prompt.show{opacity:1}.hud-prompt b{display:inline-block;min-width:20px;padding:0 6px;margin-right:6px;color:#05060a;background:#35f2ff;font-family:var(--mono)}.hud-death{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#3c000a40,#1e0008bf);opacity:0;transition:opacity .3s}.hud-death.show{opacity:1}.hud-death .t{font-size:54px;font-weight:800;letter-spacing:18px;color:#ff4a64;text-shadow:0 0 24px #ff2a4a}.hud-death .s{margin-top:12px;font-size:15px;letter-spacing:4px;color:#ffc2cb}@media(max-width:1100px){.hud-bl{width:230px}.hud-weapons{width:210px}.hud-skill{width:66px}.hud-skill .n{font-size:12px}}.ui-root{--bg: #05060a;--panel: rgba(8, 12, 28, .82);--panel-solid: rgba(9, 14, 32, .94);--cyan: #35f2ff;--pink: #ff3d8b;--amber: #ffb13d;--violet: #9b7bff;--red: #ff2a4a;--green: #3dff9a;--gold: #ffd23f;--text: #e6f6ff;--dim: #7f93b0;--faint: rgba(127, 147, 176, .16);--line: rgba(53, 242, 255, .26);--font: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--ease-out: cubic-bezier(.2, .8, .2, 1);position:fixed;inset:0;pointer-events:none;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}.ui-layer{position:absolute;inset:0;pointer-events:none}.ui-screen{position:absolute;inset:0;pointer-events:auto;overflow:hidden;user-select:none;-webkit-user-select:none;animation:ui-fade .22s ease-out both}.ui-screen:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.024) 0 1px,transparent 1px 3px)}.ui-screen,.ui-screen *{cursor:default!important}.ui-screen button:not([aria-disabled=true]),.ui-screen button:not([aria-disabled=true]) *,.ui-screen input[type=range],.ui-screen label.ui-set-row,.ui-screen label.ui-set-row *{cursor:pointer!important}.ui-screen [aria-disabled=true],.ui-screen [aria-disabled=true] *{cursor:not-allowed!important}:where(.ui-layer) button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;text-align:inherit;-webkit-tap-highlight-color:transparent}:where(.ui-layer) button:focus{outline:none}:where(.ui-layer) :where(h1,h2,p){margin:0}:where(.ui-layer) kbd{font-family:var(--mono)}.ui-menu-screen{background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(53,242,255,.09),transparent 70%),radial-gradient(ellipse 50% 40% at 100% 110%,rgba(255,61,139,.07),transparent 70%),linear-gradient(rgba(53,242,255,.03) 1px,transparent 1px) 0 0 / 56px 56px,linear-gradient(90deg,rgba(53,242,255,.03) 1px,transparent 1px) 0 0 / 56px 56px,#04060ce0}.ui-menu-screen.is-ingame{background:radial-gradient(ellipse at center,#060a189e,#020308e6 75%),#02030833;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ui-center{display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vh,32px) clamp(16px,3vw,40px)}.ui-page{position:relative;z-index:1;height:100%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(12px,2.4vh,24px);padding:clamp(14px,3vh,32px) clamp(18px,3.5vw,52px)}.ui-frame{--cut: 12px;--ln: var(--line);--glow: color-mix(in srgb, var(--acc, var(--cyan)) 55%, transparent);position:relative;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.ui-frame:before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid var(--ln);background:linear-gradient(135deg,transparent 50%,var(--ln) 50%,var(--ln) calc(50% + 1.2px),transparent calc(50% + 1.2px)) left top / var(--cut) var(--cut) no-repeat border-box,linear-gradient(135deg,transparent calc(50% - 1.2px),var(--ln) calc(50% - 1.2px),var(--ln) 50%,transparent 50%) right bottom / var(--cut) var(--cut) no-repeat border-box;z-index:2}.ui-frame:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 22px var(--glow);opacity:0;transition:opacity .18s ease;z-index:1}.ui-ico{display:inline-flex;width:1.1em;height:1.1em;flex:none}.ui-ico svg{width:100%;height:100%}.ui-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;height:1.7em;padding:0 .5em;margin:0 .15em;font-size:.86em;line-height:1;color:var(--cyan);background:#35f2ff14;border:1px solid rgba(53,242,255,.4);border-radius:2px;vertical-align:.06em;white-space:nowrap}.ui-kbd.is-mini{height:1.6em;font-size:11px;color:var(--dim);border-color:#7f93b066;background:#7f93b014}.ui-em{color:#fff;font-weight:700;text-shadow:0 0 10px color-mix(in srgb,var(--c, var(--cyan)) 70%,transparent)}.ui-tag{--acc: var(--cyan);display:inline-flex;align-items:center;height:20px;padding:0 7px;font-size:11px;letter-spacing:.12em;font-weight:600;white-space:nowrap;color:var(--acc);border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);background:color-mix(in srgb,var(--acc) 10%,transparent)}.ui-tag.is-soon{--acc: var(--amber)}.ui-gchip{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font:italic 900 14px/1 Avenir Next,Segoe UI,system-ui,sans-serif;color:var(--g, var(--dim));border:1px solid color-mix(in srgb,var(--g, var(--dim)) 60%,transparent);background:color-mix(in srgb,var(--g, var(--dim)) 12%,transparent);text-shadow:0 0 8px color-mix(in srgb,var(--g, var(--dim)) 70%,transparent)}.ui-gchip.is-none{color:#7f93b080;border-color:#7f93b033;background:none;text-shadow:none;font-style:normal}.ui-g-S{--g: var(--gold)}.ui-g-A{--g: var(--cyan)}.ui-g-B{--g: var(--violet)}.ui-g-C{--g: #8b97a8}.ui-pick{position:absolute;top:0;right:0;z-index:3;width:26px;height:26px;display:flex;align-items:flex-start;justify-content:flex-end;padding:3px;color:#041016;background:var(--acc, var(--cyan));clip-path:polygon(0 0,100% 0,100% 100%);opacity:0;transform:scale(.4);transform-origin:top right;transition:opacity .15s ease,transform .2s var(--ease-out)}.ui-pick .ui-ico{width:11px;height:11px}.is-on>.ui-pick{opacity:1;transform:none}.ui-btn{--acc: var(--cyan);--cut: 10px;--ln: color-mix(in srgb, var(--acc) 42%, transparent);display:flex;align-items:center;gap:14px;min-height:48px;padding:0 18px 0 20px;font-size:16px;font-weight:600;letter-spacing:.16em;color:var(--text);background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 12%,transparent),#080c1c8c 70%);transition:transform .15s var(--ease-out),color .15s ease,text-shadow .15s ease}.ui-btn-idx{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:color-mix(in srgb,var(--acc) 70%,transparent)}.ui-btn-label{display:flex;flex-direction:column;flex:1;line-height:1.2}.ui-btn-label small{font-size:11px;font-weight:400;letter-spacing:.08em;color:var(--dim)}.ui-btn-arrow{width:16px;height:16px;color:var(--acc);opacity:0;transform:translate(-8px);transition:opacity .15s ease,transform .2s var(--ease-out)}.ui-btn:hover,.ui-btn:focus-visible{--ln: var(--acc);color:#fff;transform:translate(5px);text-shadow:0 0 12px color-mix(in srgb,var(--acc) 80%,transparent)}.ui-btn:hover:after,.ui-btn:focus-visible:after{opacity:1}.ui-btn:hover .ui-btn-arrow,.ui-btn:focus-visible .ui-btn-arrow{opacity:1;transform:none}.ui-btn:active{transform:translate(5px) scale(.985)}.ui-btn.is-primary{--ln: color-mix(in srgb, var(--acc) 75%, transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 30%,transparent),color-mix(in srgb,var(--acc) 6%,transparent) 80%)}.ui-btn.is-primary .ui-btn-arrow{opacity:.7;transform:none}.ui-btn.is-danger{--acc: var(--red)}.ui-btn.is-danger.is-solid{--ln: var(--red);background:linear-gradient(90deg,#ff2a4a61,#ff2a4a14 80%)}.ui-btn.is-ghost{--acc: #9fb4cf;background:#080c1c73}.ui-btn.is-small{min-height:36px;font-size:13px;letter-spacing:.1em;padding:0 14px}.ui-back{--cut: 8px;--ln: rgba(127, 147, 176, .38);display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px 0 10px;font-size:14px;letter-spacing:.1em;color:#bcd0e6;background:#080c1c99;flex:none;transition:transform .15s var(--ease-out),color .15s}.ui-back .ui-ico{width:16px;height:16px}.ui-back:hover,.ui-back:focus-visible{--ln: var(--cyan);color:#fff;transform:translate(-3px)}.ui-back:hover:after,.ui-back:focus-visible:after{opacity:.8}.ui-head{display:flex;align-items:center;gap:18px;min-width:0;flex:none}.ui-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-head-title{font-size:clamp(22px,3.4vh,30px);font-weight:800;letter-spacing:.14em;line-height:1.15;text-shadow:0 0 18px rgba(53,242,255,.35);white-space:nowrap}.ui-head-title small{margin-left:12px;font-size:14px;font-weight:400;letter-spacing:.1em;color:var(--dim);text-shadow:none}.ui-head-en{font-family:var(--mono);font-size:11px;letter-spacing:.42em;color:var(--dim)}.ui-head-note{margin-left:auto;font-size:12px;letter-spacing:.08em;color:var(--dim);text-align:right}.ui-sec{display:flex;flex-direction:column;gap:8px;min-width:0}.ui-sec-title{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--dim);white-space:nowrap}.ui-sec-title b{font-size:15px;letter-spacing:.24em;color:var(--text)}.ui-sec-en{font-family:var(--mono);font-size:10px;letter-spacing:.32em;color:#7f93b0b3}.ui-sec-title:after{content:"";order:2;flex:1;min-width:20px;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.ui-sec-note{order:3;font-size:11.5px;letter-spacing:.04em}.ui-sec-note .ui-kbd{height:1.55em;font-size:.9em}.ui-title{display:flex;flex-direction:column;justify-content:center;padding:0 clamp(28px,8vw,150px);background:transparent}.ui-title-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,10,.84) 0%,rgba(5,6,10,.55) 34%,rgba(5,6,10,.08) 64%,transparent 80%),radial-gradient(ellipse 120% 100% at 50% 50%,transparent 55%,rgba(0,0,0,.6) 100%)}.ui-title-main{position:relative;z-index:1;max-width:640px}.ui-title-kicker{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-family:var(--mono);font-size:12px;letter-spacing:.32em;color:#ff3d8bd9}.ui-title-kicker i{width:28px;height:2px;background:var(--pink);box-shadow:0 0 8px var(--pink)}.ui-logo{position:relative;display:inline-block;font-size:clamp(92px,14vh + 4.5vw,210px);line-height:1;font-weight:900;letter-spacing:.06em;color:#effeff;text-shadow:0 0 4px rgba(53,242,255,.95),0 0 20px rgba(53,242,255,.6),0 0 60px rgba(53,242,255,.32);animation:ui-logo-in .9s var(--ease-out) both,ui-flicker 7.3s linear 1.2s infinite}.ui-logo:before,.ui-logo:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;text-shadow:none;opacity:0}.ui-logo:before{color:var(--pink);clip-path:inset(10% 0 52% 0);animation:ui-glitch-a 4.9s steps(1,end) 1.5s infinite}.ui-logo:after{color:var(--cyan);clip-path:inset(56% 0 8% 0);animation:ui-glitch-b 4.9s steps(1,end) 1.5s infinite}.ui-logo-sub{margin-top:4px;font-family:var(--mono);font-size:clamp(14px,2.2vh,20px);letter-spacing:1.05em;color:#35f2ffc7;text-shadow:0 0 10px rgba(53,242,255,.5)}.ui-slit{position:relative;width:min(500px,82%);height:8px;margin:22px 0 18px;overflow:hidden;background:linear-gradient(90deg,rgba(53,242,255,.85) 0 41%,transparent 41% 49%,rgba(255,61,139,.85) 49% 100%) center / 100% 2px no-repeat}.ui-slit:after{content:"";position:absolute;top:2px;left:0;width:70px;height:4px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95));box-shadow:0 0 10px #fff;transform:translate(-80px);animation:ui-bullet 4.2s linear 1s infinite}.ui-tagline{font-size:clamp(16px,2.5vh,21px);letter-spacing:.32em;color:#d5ecff;text-shadow:0 0 14px rgba(255,61,139,.4)}.ui-title-menu{display:flex;flex-direction:column;gap:10px;width:min(320px,100%);margin-top:clamp(24px,5vh,48px)}.ui-title-menu .ui-btn{min-height:52px;font-size:17px;animation:ui-rise .5s var(--ease-out) var(--d, 0ms) backwards}.ui-title-foot{position:absolute;left:clamp(28px,8vw,150px);right:clamp(20px,4vw,48px);bottom:clamp(14px,3vh,26px);z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.1em;color:var(--dim)}.ui-title-prog{font-family:var(--mono);letter-spacing:.12em}.ui-title-prog b{color:var(--cyan)}.ui-dialog{--cut: 18px;--ln: rgba(53, 242, 255, .34);position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;width:min(1040px,100%);max-height:100%;padding:clamp(16px,2.6vh,24px) clamp(18px,2.4vw,30px);background:linear-gradient(160deg,rgba(53,242,255,.06),transparent 40%),var(--panel-solid);animation:ui-pop .26s var(--ease-out) both}.ui-help-body{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:26px;min-height:0;overflow-y:auto;padding-right:4px}.ui-help-keys{display:flex;flex-direction:column;gap:0}.ui-help-keys .ui-sec-title{margin-bottom:6px}.ui-help-key{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:25px;font-size:13px;color:#c4d6ea;border-bottom:1px solid rgba(127,147,176,.09)}.ui-help-key.is-fixed{color:var(--dim)}.ui-help-key .ui-kbd{font-size:12px}.ui-help-rules{display:flex;flex-direction:column;gap:10px}.ui-rule{position:relative;padding:10px 14px 11px 16px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 9%,transparent),transparent 70%);border-left:2px solid var(--c)}.ui-rule-head{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.ui-rule-head b{font-size:16px;letter-spacing:.2em;color:var(--c);text-shadow:0 0 10px color-mix(in srgb,var(--c) 60%,transparent)}.ui-rule-head span{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--dim)}.ui-rule p{font-size:13px;line-height:1.75;color:#b9cce2}.ui-level-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:clamp(14px,2vw,24px);align-content:center;overflow-y:auto;padding:4px 2px 8px}.ui-card{--acc: var(--cyan);--ln: rgba(127, 147, 176, .28);display:flex;flex-direction:column;background:var(--panel);transition:transform .18s var(--ease-out),background-color .18s ease}.ui-card:not([aria-disabled=true]):hover,.ui-card:not([aria-disabled=true]):focus-visible{--ln: color-mix(in srgb, var(--acc) 85%, transparent);transform:translateY(-2px)}.ui-card:not([aria-disabled=true]):hover:after,.ui-card:not([aria-disabled=true]):focus-visible:after{opacity:.55}.ui-card.is-on{--ln: var(--acc);background:linear-gradient(160deg,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%),var(--panel)}.ui-card.is-on:after{opacity:.75}.ui-level{--cut: 16px;gap:14px;min-height:clamp(330px,52vh,430px);padding:22px 22px 20px;background:linear-gradient(165deg,color-mix(in srgb,var(--acc) 14%,transparent),transparent 45%),var(--panel);animation:ui-rise .5s var(--ease-out) var(--d, 0ms) backwards}.ui-level-strip{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--acc),var(--acc2));box-shadow:0 0 12px var(--acc)}.ui-level-head{display:flex;align-items:center;gap:16px}.ui-level-no{font-family:var(--mono);font-size:50px;font-weight:700;line-height:1;color:var(--acc);text-shadow:0 0 18px color-mix(in srgb,var(--acc) 65%,transparent)}.ui-level-titles{display:flex;flex-direction:column;gap:4px;min-width:0}.ui-level-name{font-size:26px;font-weight:800;letter-spacing:.14em;line-height:1.1}.ui-level-place{font-size:12.5px;letter-spacing:.08em;color:var(--dim)}.ui-level-brief{display:block;font-size:13.5px;line-height:1.7;color:#b9cce2;padding-left:12px;border-left:2px solid color-mix(in srgb,var(--acc2) 70%,transparent)}.ui-level-best{display:flex;flex-direction:column;gap:5px;margin-top:auto;padding-top:12px;border-top:1px solid var(--faint)}.ui-level-best-title{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.18em;color:var(--dim);margin-bottom:2px}.ui-level-best-title span{font-family:var(--mono);letter-spacing:.06em}.ui-best-row{display:grid;grid-template-columns:3.4em 22px 1fr;align-items:center;gap:10px;font-size:13px;color:#c4d6ea}.ui-best-time{font-family:var(--mono);font-size:13px;text-align:right;color:#dff3ff}.ui-level-reward{display:flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.06em;color:var(--green)}.ui-level-reward .ui-ico{width:13px;height:13px}.ui-level-go{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-right:8px;font-size:13px;letter-spacing:.2em;color:var(--acc);opacity:.75;transition:opacity .15s ease}.ui-level-go .ui-ico{transition:transform .2s var(--ease-out)}.ui-level:hover .ui-level-go,.ui-level:focus-visible .ui-level-go{opacity:1}.ui-level:hover .ui-level-go .ui-ico,.ui-level:focus-visible .ui-level-go .ui-ico{transform:translate(4px)}.ui-level.is-locked{background:#080b16cc}.ui-level.is-locked>*:not(.ui-lock){opacity:.3}.ui-lock{display:flex;align-items:center;justify-content:center;gap:10px;height:40px;font-size:14px;letter-spacing:.16em;color:var(--amber);border:1px dashed rgba(255,177,61,.45);background:#ffb13d0f}.ui-lock .ui-ico{width:18px;height:18px}.ui-lo .ui-page{gap:clamp(10px,1.8vh,18px);padding-top:clamp(12px,2.4vh,24px);padding-bottom:clamp(12px,2.2vh,22px)}.ui-lo-head{padding-bottom:clamp(8px,1.6vh,14px);border-bottom:1px solid var(--faint)}.ui-lo-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--lvl)}.ui-lo-head .ui-head-title{text-shadow:0 0 18px color-mix(in srgb,var(--lvl) 45%,transparent)}.ui-lo-brief{margin-left:auto;max-width:460px;font-size:13px;line-height:1.6;color:#a9bdd4;padding-left:12px;border-left:2px solid var(--lvl2)}.ui-lo-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);overflow-y:auto;overflow-x:hidden;padding:2px 6px 4px 2px;align-content:start}.ui-lo-col{display:flex;flex-direction:column;gap:clamp(10px,1.7vh,16px);min-width:0}.ui-char-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ui-char{--cut: 9px;gap:3px;min-height:70px;padding:10px 8px 9px 14px;overflow:hidden}.ui-char-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);box-shadow:0 0 10px var(--acc)}.ui-char-name{font-size:18px;font-weight:800;letter-spacing:.12em;color:color-mix(in srgb,var(--acc) 55%,#fff)}.ui-char-role{font-size:11.5px;letter-spacing:.06em;color:var(--dim);white-space:nowrap}.ui-char .ui-tag{align-self:flex-start;margin-top:3px;height:18px;padding:0 5px;font-size:10.5px;letter-spacing:.06em}.ui-char.is-soon{background:#080b16b3}.ui-char.is-soon .ui-char-bar{opacity:.35;box-shadow:none}.ui-char.is-soon .ui-char-name,.ui-char.is-soon .ui-char-role{opacity:.5}.ui-char.is-soon:hover{--ln: rgba(255, 177, 61, .45)}.ui-char-detail{--acc: var(--cyan);--cut: 14px;--ln: color-mix(in srgb, var(--acc) 38%, transparent);display:flex;flex-direction:column;gap:8px;min-height:0;padding:clamp(10px,1.7vh,14px) 16px clamp(8px,1.4vh,12px);background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 11%,transparent),transparent 45%),var(--panel)}.ui-char-detail.is-preview{--ln: rgba(255, 177, 61, .4)}.ui-cd-head{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.ui-cd-name{font-size:22px;font-weight:900;letter-spacing:.16em;color:var(--acc);text-shadow:0 0 14px color-mix(in srgb,var(--acc) 60%,transparent)}.ui-cd-role{font-size:13px;letter-spacing:.12em;color:#c4d6ea}.ui-cd-sig{display:flex;gap:12px;margin-left:auto;font-size:11.5px;letter-spacing:.04em;color:var(--amber);white-space:nowrap}.ui-cd-bio{font-size:12.5px;letter-spacing:.06em;color:#9fb4cf}.ui-cd-bio:before{content:"「";color:var(--acc)}.ui-cd-bio:after{content:"」";color:var(--acc)}.ui-skill-list{display:flex;flex-direction:column}.ui-skill{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:clamp(5px,.85vh,8px) 0;border-top:1px solid rgba(127,147,176,.12)}.ui-key{--cut: 5px;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 4px;font-size:12px;font-weight:700;color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,transparent);border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));white-space:nowrap;overflow:hidden}.ui-skill-body{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-skill-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:.1em}.ui-skill-tag{font-size:10.5px;font-weight:400;letter-spacing:.08em;color:var(--dim)}.ui-skill.is-move .ui-skill-tag{color:var(--acc)}.ui-skill-desc{font-size:12px;line-height:1.5;color:#98adc6}.ui-skill-state{display:flex;align-items:center;gap:5px;font-size:11.5px;letter-spacing:.04em;color:var(--amber);white-space:nowrap}.ui-skill-state .ui-ico{width:13px;height:13px}.ui-skill-state.is-open{color:var(--green)}.ui-skill.is-locked .ui-key{color:var(--dim);border-color:#7f93b04d;background:#7f93b00f}.ui-skill.is-locked .ui-skill-body{opacity:.5}.ui-view-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui-view{--cut: 9px;flex-direction:row;align-items:center;gap:12px;min-height:50px;padding:8px 14px}.ui-view-ico{width:30px;height:30px;color:var(--acc)}.ui-view-text{display:flex;flex-direction:column;line-height:1.2}.ui-view-text b{font-size:15px;letter-spacing:.14em}.ui-view-text small{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--dim)}.ui-view .ui-tag{margin-left:auto}.ui-view.is-soon .ui-view-ico,.ui-view.is-soon .ui-view-text{opacity:.4}.ui-view.is-soon .ui-view-ico{color:var(--dim)}.ui-wpn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui-wpn{--cut: 10px;gap:6px;padding:clamp(8px,1.3vh,11px) 12px clamp(8px,1.3vh,10px)}.ui-wpn.is-sig{--acc: var(--amber)}.ui-wpn-top{display:flex;align-items:center;gap:8px;padding-right:18px}.ui-wpn-name{font-size:16px;font-weight:800;letter-spacing:.12em}.ui-wpn-kind{font-size:11px;letter-spacing:.08em;color:var(--dim)}.ui-sig{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--amber);text-shadow:0 0 8px rgba(255,177,61,.6);white-space:nowrap}.ui-wpn-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45;color:#98adc6;min-height:2.9em}.ui-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ui-stat{display:flex;flex-direction:column;gap:3px;min-width:0}.ui-stat-top{display:flex;justify-content:space-between;gap:4px;font-size:10.5px;color:var(--dim);white-space:nowrap}.ui-stat-v{font-family:var(--mono);color:#dff3ff}.ui-bar{position:relative;display:block;height:3px;background:#7f93b033;overflow:hidden}.ui-bar-fill{position:absolute;inset:0;background:var(--acc);box-shadow:0 0 6px var(--acc);transform-origin:left center;transform:scaleX(var(--v, .5))}.ui-sig-note{font-size:11px;letter-spacing:.04em;color:var(--amber)}.ui-diff-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ui-diff{--cut: 10px;gap:5px;padding:clamp(8px,1.3vh,11px) 12px}.ui-diff-name{display:flex;align-items:baseline;gap:8px;font-size:17px;font-weight:800;letter-spacing:.18em;color:color-mix(in srgb,var(--acc) 60%,#fff)}.ui-diff-name small{font-family:var(--mono);font-size:9.5px;font-weight:400;letter-spacing:.2em;color:var(--dim)}.ui-diff-desc{display:flex;flex-direction:column;gap:1px;font-size:11.5px;line-height:1.45;color:#98adc6}.ui-lo-foot{flex:none;display:flex;align-items:center;gap:18px;padding-top:clamp(8px,1.6vh,14px);border-top:1px solid var(--faint)}.ui-lo-summary{display:flex;flex-wrap:wrap;gap:6px 18px;min-width:0}.ui-sum-item{display:flex;align-items:baseline;gap:6px;font-size:14px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.ui-sum-item i{font-style:normal;font-size:11px;font-weight:400;letter-spacing:.12em;color:var(--dim)}.ui-star{color:var(--amber);font-size:12px}.ui-lo-best{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:var(--dim);white-space:nowrap}.ui-lo-best-t{font-family:var(--mono);font-size:13px;color:#dff3ff}.ui-start{--cut: 14px;--acc: var(--cyan);--ln: rgba(255, 255, 255, .7);--glow: rgba(255, 255, 255, .55);display:flex;align-items:center;gap:16px;flex:none;min-width:230px;height:58px;padding:0 22px 0 28px;color:#031016;background:linear-gradient(100deg,#35f2ff,#8af8ff 60%,#35f2ff);transition:transform .15s var(--ease-out)}.ui-start-label{display:flex;flex-direction:column;flex:1;line-height:1.1;font-size:22px;font-weight:900;letter-spacing:.5em}.ui-start-label small{margin-top:3px;font-size:10.5px;font-weight:600;letter-spacing:.14em;color:#0310169e}.ui-start-arrow{width:22px;height:22px;transition:transform .2s var(--ease-out)}.ui-start:hover,.ui-start:focus-visible{transform:translateY(-2px)}.ui-start:hover:after,.ui-start:focus-visible:after{opacity:1}.ui-start:hover .ui-start-arrow,.ui-start:focus-visible .ui-start-arrow{transform:translate(5px)}.ui-start:active{transform:translateY(0) scale(.985)}.ui-settings{width:min(940px,100%);height:min(640px,100%)}.ui-tabs{display:flex;gap:4px;border-bottom:1px solid var(--faint);flex:none}.ui-tab{position:relative;display:flex;align-items:baseline;gap:8px;padding:10px 22px 12px;font-size:16px;font-weight:700;letter-spacing:.22em;color:var(--dim);transition:color .15s ease}.ui-tab small{font-family:var(--mono);font-size:9.5px;font-weight:400;letter-spacing:.24em;opacity:.7}.ui-tab:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:scaleX(0);transition:transform .22s var(--ease-out)}.ui-tab:hover,.ui-tab:focus-visible{color:#d5ecff}.ui-tab.is-on{color:var(--cyan);text-shadow:0 0 12px rgba(53,242,255,.5)}.ui-tab.is-on:after{transform:scaleX(1)}.ui-set-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 4px 0 8px;margin-left:-8px}.ui-keys{display:flex;flex-direction:column;gap:14px}.ui-keys-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.ui-key-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:clamp(34px,5vh,40px);padding:2px 0;border-bottom:1px solid rgba(127,147,176,.1);position:relative}.ui-key-row:before{content:"";position:absolute;inset:0 0 0 -8px;background:linear-gradient(90deg,rgba(53,242,255,.16),transparent);opacity:0;pointer-events:none}.ui-key-row.is-wait:before{background:linear-gradient(90deg,rgba(255,61,139,.16),transparent);opacity:1}.ui-key-row.is-flash:before{animation:ui-flash-row .9s ease-out}.ui-key-label{position:relative;font-size:14px;color:#c9dbee}.ui-key-row.is-fixed .ui-key-label{color:var(--dim)}.ui-keybtn{--cut: 7px;--ln: rgba(53, 242, 255, .36);flex:none;width:196px;height:30px;padding:0 10px;font-family:var(--mono);font-size:13px;text-align:center;color:var(--cyan);background:#35f2ff0f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.ui-keybtn:hover,.ui-keybtn:focus-visible{--ln: var(--cyan);color:#fff}.ui-keybtn:hover:after,.ui-keybtn:focus-visible:after{opacity:.7}.ui-keybtn.is-changed{color:var(--amber);--ln: rgba(255, 177, 61, .45);--glow: rgba(255, 177, 61, .5)}.ui-keybtn.is-wait{--ln: var(--pink);--glow: rgba(255, 61, 139, .7);font-family:var(--font);font-size:12.5px;color:#fff;background:#ff3d8b24}.ui-keybtn.is-wait:after{animation:ui-blink .9s ease-in-out infinite}.ui-keyfixed{width:196px;text-align:center;font-family:var(--mono);font-size:13px;color:var(--dim)}.ui-keys-foot{display:flex;align-items:center;gap:16px}.ui-key-msg{flex:1;min-width:0;font-size:12.5px;line-height:1.5;color:var(--dim)}.ui-key-msg.is-ok{color:var(--green)}.ui-key-msg.is-warn{color:var(--amber)}.ui-keys-foot .ui-btn{flex:none}.ui-set-list{display:flex;flex-direction:column;padding-top:6px}.ui-set-row{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(0,2fr) 56px;align-items:center;gap:22px;min-height:72px;border-bottom:1px solid rgba(127,147,176,.1)}.ui-set-row:has(.ui-toggle){grid-template-columns:minmax(0,1fr) auto}.ui-set-label{display:flex;flex-direction:column;gap:3px;font-size:16px;font-weight:700;letter-spacing:.14em}.ui-set-label small{font-size:12px;font-weight:400;letter-spacing:.04em;color:var(--dim)}.ui-range-v{font-family:var(--mono);font-size:14px;text-align:right;color:var(--cyan)}.ui-range{--v: .5;-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:0;background:transparent}.ui-range:focus{outline:none}.ui-range::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--cyan) 0 calc(var(--v) * 100%),rgba(127,147,176,.24) calc(var(--v) * 100%) 100%);box-shadow:0 0 8px #35f2ff40}.ui-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:20px;margin-top:-8px;border:0;border-radius:1px;background:#effeff;box-shadow:0 0 10px var(--cyan),0 0 2px #fff;transition:transform .12s ease}.ui-range:hover::-webkit-slider-thumb,.ui-range:focus-visible::-webkit-slider-thumb{transform:scaleY(1.15)}.ui-range::-moz-range-track{height:4px;background:#7f93b03d}.ui-range::-moz-range-progress{height:4px;background:var(--cyan)}.ui-range::-moz-range-thumb{width:12px;height:20px;border:0;border-radius:1px;background:#effeff;box-shadow:0 0 10px var(--cyan)}.ui-toggle{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.1em;color:var(--dim)}.ui-toggle-track{position:relative;display:block;width:52px;height:26px;border:1px solid rgba(127,147,176,.45);background:#7f93b01a;transition:background-color .18s ease,border-color .18s ease}.ui-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#9fb4cf;transition:transform .2s var(--ease-out),background-color .18s ease}.ui-toggle-text{min-width:1.5em;font-weight:700}.ui-toggle.is-on{color:var(--cyan)}.ui-toggle.is-on .ui-toggle-track{border-color:var(--cyan);background:#35f2ff2e}.ui-toggle.is-on .ui-toggle-knob{transform:translate(26px);background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.ui-toggle:hover .ui-toggle-track,.ui-toggle:focus-visible .ui-toggle-track{border-color:#d5ecff}.ui-pause-box{--cut: 18px;--ln: rgba(53, 242, 255, .34);position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:34px;width:min(760px,100%);max-height:100%;overflow-y:auto;padding:clamp(20px,3.4vh,32px) clamp(20px,3vw,36px);background:linear-gradient(160deg,rgba(53,242,255,.07),transparent 45%),var(--panel-solid);animation:ui-pop .24s var(--ease-out) both}.ui-pause-main{display:flex;flex-direction:column;gap:18px}.ui-pause-title{display:flex;align-items:baseline;gap:14px}.ui-pause-title h2{font-size:clamp(32px,5.4vh,44px);font-weight:900;letter-spacing:.24em;text-shadow:0 0 20px rgba(53,242,255,.5)}.ui-pause-title span{font-family:var(--mono);font-size:12px;letter-spacing:.5em;color:var(--dim)}.ui-pause-menu{display:flex;flex-direction:column;gap:9px}.ui-pause-hint{font-size:12px;color:var(--dim);letter-spacing:.08em}.ui-pause-side{display:flex;flex-direction:column;gap:0;padding-left:22px;border-left:1px solid var(--faint)}.ui-pause-side .ui-sec-title{margin-bottom:8px}.ui-pause-tip{margin-top:14px;font-size:12px;line-height:1.7;color:#98adc6}.ui-results{flex-direction:column;gap:clamp(18px,4vh,40px)}.ui-res-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 50%,color-mix(in srgb,var(--g) 50%,transparent),transparent 60%);opacity:0;animation:ui-res-flash .9s ease-out .4s}.ui-res{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);width:min(980px,100%)}.ui-grade-box{position:relative;display:grid;place-items:center;width:clamp(190px,34vh,280px);aspect-ratio:1}.ui-grade-diamond{position:absolute;inset:13%;border:2px solid color-mix(in srgb,var(--g) 60%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--g) 18%,transparent),transparent 70%);transform:rotate(45deg);animation:ui-diamond-in .7s var(--ease-out) .15s backwards}.ui-grade-ring{position:absolute;inset:4%;border-radius:50%;border:2px solid var(--g);opacity:0;animation:ui-ring .9s ease-out .5s}.ui-grade-ring.is-2{animation-delay:.68s;border-width:1px}.ui-grade-letter{position:relative;font:italic 900 clamp(150px,27vh,230px) / 1 "Avenir Next","Segoe UI","Helvetica Neue",system-ui,sans-serif;color:color-mix(in srgb,var(--g) 70%,#fff);text-shadow:0 0 6px var(--g),0 0 30px color-mix(in srgb,var(--g) 70%,transparent),0 0 80px color-mix(in srgb,var(--g) 40%,transparent);padding-right:.06em;animation:ui-grade-in .75s cubic-bezier(.2,1.5,.35,1) .3s backwards}.ui-grade-label{position:absolute;bottom:-2px;font-size:12px;letter-spacing:.6em;padding-left:.6em;color:var(--dim);animation:ui-fade .4s ease-out .9s backwards}.ui-newbest{position:absolute;top:6%;right:-4%;padding:5px 12px 5px 14px;font-size:15px;font-weight:900;letter-spacing:.24em;color:#1c1000;background:var(--amber);box-shadow:0 0 18px #ffb13db3;transform:rotate(9deg);animation:ui-stamp .42s cubic-bezier(.2,1.6,.4,1) 1.05s backwards}.ui-res-info{display:flex;flex-direction:column;min-width:0}.ui-res-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.34em;color:var(--g)}.ui-res-title{display:flex;align-items:center;gap:14px;margin:4px 0 14px;font-size:clamp(28px,4.6vh,40px);font-weight:900;letter-spacing:.16em;text-shadow:0 0 18px rgba(53,242,255,.3)}.ui-res-title .ui-tag{height:24px;font-size:13px}.ui-res-rows{display:flex;flex-direction:column}.ui-res-row{display:grid;grid-template-columns:8.5em minmax(0,auto) 1fr;align-items:baseline;gap:16px;padding:clamp(7px,1.3vh,11px) 0;border-bottom:1px solid var(--faint);animation:ui-row-in .42s var(--ease-out) var(--d, 0ms) backwards}.ui-res-k{font-size:14px;letter-spacing:.12em;color:var(--dim)}.ui-res-v{font-family:var(--mono);font-size:clamp(20px,3.4vh,26px);font-weight:700;color:#fff}.ui-res-x{font-size:12.5px;color:var(--dim)}.ui-res-x .is-good{color:var(--green)}.ui-res-x .is-slow{color:var(--dim)}.ui-unlock{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 16px;font-size:16px;letter-spacing:.1em;color:var(--green);background:linear-gradient(90deg,#3dff9a2e,#3dff9a05 80%);border-left:3px solid var(--green);text-shadow:0 0 12px rgba(61,255,154,.55);animation:ui-row-in .5s var(--ease-out) var(--d, 0ms) backwards}.ui-unlock b{color:#fff}.ui-unlock .ui-ico{width:16px;height:16px}.ui-res-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;animation:ui-rise .45s var(--ease-out) var(--d, 0ms) backwards}.ui-res-actions .ui-btn{min-width:190px}.ui-failed.is-ingame{background:radial-gradient(ellipse at center,#28040c99,#040104eb 75%),#02010333}.ui-failed-box{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:640px}.ui-failed-kicker{font-family:var(--mono);font-size:13px;letter-spacing:.34em;color:#ff2a4ad9}.ui-failed-title{position:relative;font-size:clamp(40px,8vh,66px);font-weight:900;letter-spacing:.16em;padding-left:.16em;color:#ffe9ec;text-shadow:0 0 6px rgba(255,42,74,.95),0 0 26px rgba(255,42,74,.6),0 0 70px rgba(255,42,74,.3);animation:ui-fail-in .6s var(--ease-out) both}.ui-failed-title:before,.ui-failed-title:after{content:attr(data-text);position:absolute;inset:0;padding-left:.16em;pointer-events:none;text-shadow:none;opacity:0}.ui-failed-title:before{color:var(--cyan);clip-path:inset(12% 0 50% 0);animation:ui-glitch-a 3.6s steps(1,end) .6s infinite}.ui-failed-title:after{color:var(--red);clip-path:inset(55% 0 10% 0);animation:ui-glitch-b 3.6s steps(1,end) .6s infinite}.ui-failed-line{width:min(420px,80%);height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 12px var(--red);transform-origin:center;animation:ui-line-in .6s var(--ease-out) .2s backwards}.ui-failed-text{font-size:14px;line-height:1.9;color:#c9b6bd}.ui-failed-actions{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap;justify-content:center}.ui-failed-actions .ui-btn{min-width:200px}.ui-rise{animation:ui-rise .5s var(--ease-out) var(--d, 0ms) backwards}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes ui-pop{0%{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes ui-row-in{0%{opacity:0;transform:translate(-16px)}}@keyframes ui-logo-in{0%{opacity:0;transform:translate(-24px) skew(-8deg)}55%{opacity:1}62%{opacity:.4}70%{opacity:1}to{transform:none}}@keyframes ui-flicker{0%,to,41%,43.5%,76%,78%{opacity:1}42%{opacity:.55}42.6%{opacity:.95}43%{opacity:.7}77%{opacity:.82}}@keyframes ui-glitch-a{0%,to{opacity:0;transform:none}84%{opacity:.85;transform:translate(-7px,-2px)}86%{opacity:.85;transform:translate(5px,1px)}88%{opacity:0;transform:none}95%{opacity:.6;transform:translate(-3px)}96%{opacity:0;transform:none}}@keyframes ui-glitch-b{0%,to{opacity:0;transform:none}84.5%{opacity:.85;transform:translate(6px,2px)}86.5%{opacity:.8;transform:translate(-4px)}88%{opacity:0;transform:none}95.5%{opacity:.5;transform:translate(4px,1px)}96.5%{opacity:0;transform:none}}@keyframes ui-bullet{0%{transform:translate(-80px)}18%{transform:translate(160px)}48%{transform:translate(230px)}60%{transform:translate(560px)}to{transform:translate(560px)}}@keyframes ui-blink{0%,to{opacity:.25}50%{opacity:1}}@keyframes ui-flash-row{0%{opacity:1}to{opacity:0}}@keyframes ui-grade-in{0%{opacity:0;transform:scale(2.8) rotate(-10deg)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes ui-diamond-in{0%{opacity:0;transform:rotate(-45deg) scale(.4)}}@keyframes ui-ring{0%{opacity:.95;transform:scale(.45)}to{opacity:0;transform:scale(1.7)}}@keyframes ui-res-flash{0%{opacity:0}15%{opacity:.8}to{opacity:0}}@keyframes ui-stamp{0%{opacity:0;transform:rotate(9deg) scale(2.3)}}@keyframes ui-fail-in{0%{opacity:0;transform:scale(1.12)}40%{opacity:1}50%{opacity:.35}60%{opacity:1}to{transform:none}}@keyframes ui-line-in{0%{opacity:0;transform:scaleX(0)}}@media(max-height:760px){.ui-skill-desc{font-size:11.5px;line-height:1.4}.ui-wpn-desc{-webkit-line-clamp:1;min-height:1.45em}.ui-char{min-height:62px;padding-top:8px;padding-bottom:7px}.ui-cd-bio{display:none}.ui-view{min-height:44px;padding-top:6px;padding-bottom:6px}.ui-start{height:52px}.ui-level{gap:10px;padding:18px 18px 16px}}@media(max-height:660px){.ui-lo-brief,.ui-wpn-desc,.ui-sec-en{display:none}.ui-skill{padding:4px 0}.ui-char{min-height:54px}.ui-diff-desc{font-size:10.5px;line-height:1.3}.ui-help-key{min-height:22px}}@media(max-width:1080px){.ui-lo-main{grid-template-columns:minmax(0,1fr)}.ui-lo-brief{display:none}.ui-help-body,.ui-pause-box{grid-template-columns:minmax(0,1fr)}.ui-pause-side{padding-left:0;border-left:0}}@media(max-width:820px){.ui-keys-grid{grid-template-columns:minmax(0,1fr)}.ui-lo-foot{flex-wrap:wrap}.ui-lo-best{margin-left:0}.ui-start{width:100%}.ui-res{grid-template-columns:minmax(0,1fr);justify-items:center}.ui-char-row{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-head-note{display:none}}@media(prefers-reduced-motion:reduce){.ui-logo,.ui-logo:before,.ui-logo:after,.ui-slit:after,.ui-failed-title:before,.ui-failed-title:after,.ui-keybtn.is-wait:after{animation:none!important}}