:root{color-scheme:dark;--ink:#f0eafa;--muted:#aaa3bb;--paper:#d9cbfa;--border:#474660;--bg:#17192a;--mint:#a7e8d0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 "Microsoft YaHei",system-ui,sans-serif;background-image:radial-gradient(ellipse at 50% 0,#34304750,transparent 65%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.site-header{max-width:1460px;margin:auto;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #ffffff0d}.lab-brand{font-size:24px;font-weight:950;letter-spacing:-1px}.lab-brand span{font:10px ui-monospace,monospace;letter-spacing:2px;color:#a7a3b8;display:inline-block;border-left:1px solid #4a485e;margin-left:16px;padding-left:16px}.edition{font:12px ui-monospace,monospace;color:#a49cb7;letter-spacing:2px}.edition span{margin-left:18px;font:12px "Microsoft YaHei",sans-serif;letter-spacing:2px}.back-link{font-size:12px;color:#c1b9d5}.back-link:hover{color:white}main{max-width:1380px;margin:auto;padding:0 32px}.game-topline{height:62px;display:flex;align-items:center;justify-content:space-between;font-weight:bold;font-size:14px;letter-spacing:2px}.game-topline i{display:inline-block;width:7px;height:7px;background:#d3b9f5;margin-right:10px;box-shadow:0 0 12px #cab3ec66}.game-topline small{font:10px ui-monospace,monospace;color:#9992aa;margin-left:12px;letter-spacing:2px}.top-tip{font-size:11px;color:#aaa2bb;font-weight:400}.game-shell{position:relative;isolation:isolate;aspect-ratio:1.6;max-height:calc(100dvh - 250px);min-height:360px;border:3px solid #75708f;outline:1px solid #171625;box-shadow:0 0 0 6px #24263b,0 22px 60px #080b193f;margin:auto;background:#363d5a;overflow:hidden}#arena{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;touch-action:none}.pixel-panel{background:#202238eb;border:2px solid #73718e;box-shadow:inset 0 0 0 3px #292c46,3px 3px 0 #10122266}.hud{position:absolute;inset:14px 16px auto;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.player-panel{display:flex;gap:10px;padding:7px;min-width:235px}.portrait{width:52px;height:57px;background:#4d435f;overflow:hidden;border:1px solid #b1a1bd}.portrait img{width:78px;max-width:none;transform:translate(-14px,-3px);image-rendering:pixelated}.vitals{flex:1}.vital-title{display:flex;justify-content:space-between;font:12px ui-monospace,monospace;align-items:center;gap:15px}.vital-title strong{color:#e6d4ff;font-size:15px}.vital-title span{color:#c7bccf;font-size:10px}.hp-track,.xp-track{background:#12162a;overflow:hidden;border:1px solid #6c6282;height:12px;margin-top:4px}.hp-track>div{height:100%;background:repeating-linear-gradient(90deg,#e9869e 0,#e9869e 18px,#34243e 18px,#34243e 20px);transition:width .15s}.xp-track{height:5px;border:0}.xp-track>div{height:100%;background:#afa8f1}.vitals small{font-size:9px;color:#b8aeca;display:block;margin-top:3px}.year-panel{text-align:center;background:#202238bf;padding:4px 18px;border:1px solid #c1aacc45}.year-panel strong{display:block;font-size:26px;line-height:1.2;letter-spacing:6px;padding-left:6px;text-shadow:2px 2px #24213e}.year-panel>span{font:11px ui-monospace,monospace;color:#d0c5e0}.year-dots{display:flex;gap:7px;justify-content:center;margin-top:7px}.year-dots i{width:20px;height:3px;background:#6a647f}.year-dots i.active{background:#e1c898}.stats-panel{display:flex;align-items:center;padding:8px 9px;gap:16px;font-size:11px}.stats-panel b{font:20px ui-monospace,monospace;color:#efcf92;display:block}.stats-panel button{pointer-events:auto;background:#383a56;border:1px solid #a097b8;color:white;width:35px;height:39px;font-size:18px}.boss-bars{position:absolute;left:30%;right:30%;top:106px;display:grid;gap:5px;pointer-events:none}.boss-bar{position:relative;background:#241b32;border:1px solid #b99aaa;height:23px}.boss-bar div{height:100%;background:#ae556d}.boss-bar.large div{background:#8c4b86}.boss-bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#fff0e5;text-shadow:1px 1px #351629}.notice{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#242139dd;padding:6px 17px;border:1px solid #b1a0c966;white-space:nowrap;font-size:12px;pointer-events:none}.notice:empty{display:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#11142495;padding:24px;overflow-y:auto}.overlay.is-title{background:linear-gradient(90deg,#17192aed,#191b2aca 45%,#1f23343b)}.title-screen{width:100%;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px;padding:2% 6%}.eyebrow{font-size:10px;letter-spacing:3px;color:#c6b3e3}.title-copy h1{font-size:clamp(52px,6vw,88px);line-height:1.05;margin:22px 0 18px;font-weight:950;letter-spacing:5px;text-shadow:4px 4px #39334f}.title-copy h1>span{display:block;color:#e6cef6}.star{font-size:.6em;color:#e8ca89;margin-left:10px;vertical-align:middle;text-shadow:none}.title-sub{font-size:16px;line-height:1.8;color:#d0c4dc;margin:0 0 22px}.title-tags{display:flex;gap:9px;margin-bottom:24px}.title-tags span{font-size:10px;border:1px solid #a897b950;padding:4px 9px;color:#cfc1df}.primary{border:2px solid #e0cef2;background:#d4bee7;color:#282139;padding:12px 25px;box-shadow:4px 4px 0 #7b658b;font-weight:850;letter-spacing:2px;transition:background .15s,transform .15s}.primary:hover{background:#ebdaff;transform:translateY(-1px)}.primary:active{transform:translate(2px,2px);box-shadow:2px 2px #7b658b}.secondary{border:1px solid #77718e;background:#30304a;color:#e6ddee;padding:10px 20px}.keys{font-size:10px;color:#b8a9c8;margin-top:20px;white-space:nowrap}kbd{font:9px ui-monospace,monospace;padding:3px 5px;border:1px solid #6f637f;background:#242137;color:#d9c9e8}b{font-weight:700}.keys b{margin:0 8px;color:#83748d}#load-status{color:#b4a3c2;font-size:11px;max-width:340px}.mobile-help{display:none}.admission{position:relative;transform:rotate(3deg);background:linear-gradient(145deg,#383149eb,#282a41ed);border:2px solid #ab9cbd;box-shadow:8px 10px 0 #17182e66;padding:24px 25px 18px;max-width:320px;justify-self:center;width:100%;text-align:center}.admission::before{content:'';position:absolute;background:#e6d6b3b5;width:75px;height:22px;left:calc(50% - 37px);top:-12px;transform:rotate(-8deg)}.stamp{font-size:12px;letter-spacing:6px;color:#dacbe5;border-bottom:1px solid #76647c;padding-bottom:10px;display:block}.admission>img{display:block;width:90%;margin:0 auto;image-rendering:pixelated;filter:drop-shadow(0 8px 0 #17192a44)}.admission-note{border-top:1px dashed #97839e;padding-top:12px;text-align:left}.admission-note span{font:9px ui-monospace,monospace;color:#b3a1c1;letter-spacing:2px}.admission-note strong{display:block;font-size:15px;margin:5px 0}.admission-note small{color:#c2b3cb;font-size:10px}.signed{font-size:10px;color:#dac799;display:block;margin-top:15px}.dialog{padding:28px;max-width:740px;width:100%;text-align:center;max-height:100%;overflow:auto}.dialog h2{font-size:31px;margin:10px 0;color:#f3e6ff;letter-spacing:3px}.dialog>p{color:#b9acc9;font-size:13px;margin:0 auto 20px;max-width:550px}.dialog-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}.upgrade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.upgrade-card{text-align:left;position:relative;border:1px solid #77718b;background:#34304b;color:#e9def6;padding:16px;transition:background .15s}.upgrade-card:hover{background:#4b3f62;border-color:#e4c9fa}.upgrade-card .card-icon{display:block;font-size:27px;margin-bottom:6px}.upgrade-card strong{font-size:15px}.upgrade-card em{float:right;font:10px ui-monospace,monospace;color:#b7a8c8}.upgrade-card p{font-size:11px;line-height:1.8;color:#c5b7d4;margin:7px 0 0}.upgrade-card small{display:block;font-size:10px;color:#e4d1aa;margin-top:10px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.result-grid div{padding:12px;background:#171c30;border:1px solid #625c7a}.result-grid strong{font:24px ui-monospace,monospace;display:block;color:#edcba1}.result-grid span{font-size:10px;color:#ac9cbe}.result-build{font-size:12px;color:#c1b2cf;line-height:2}.control-deck{display:flex;gap:20px;align-items:center;padding:24px 0 16px}.deck-heading{flex:1}.deck-heading p{font-size:11px;color:#a39ab2;margin:7px 0 0}.skill-strip{display:flex;gap:8px}.skill-item{min-width:62px;border:1px solid #55516c;background:#26263d;text-align:center;padding:6px 8px;position:relative}.skill-item>span{font-size:22px;display:block;line-height:1.3}.skill-item small{display:block;font-size:9px;color:#c4b5d4}.skill-item b{font:9px ui-monospace,monospace;color:#e4c799}.skill-item.locked{opacity:.4}.mode-button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #8b76a2;background:#352d47;color:#e8d7f5;padding:12px 14px;min-width:230px}.mode-button strong{font-size:12px;display:block}.mode-button small{font-size:9px;color:#baa9ce;display:block;margin-top:3px}.mode-button kbd{margin-left:auto}.mode-led{width:7px;height:7px;background:#d2b0f0;box-shadow:0 0 9px #b993e0}.mode-button.live{border-color:#84bfae;background:#253b3d}.mode-button.live .mode-led{background:#a7e8d0}.mode-button.live strong{color:#b8eddb}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff0b;padding:16px 0 22px;font-size:10px;color:#8e859e}footer b{padding:0 8px}.touch-controls{position:absolute;inset:auto 20px 24px;display:none;justify-content:space-between;align-items:end;pointer-events:none}#joystick{width:102px;height:102px;border:2px solid #d3bfde66;background:#2721395c;border-radius:50%;display:grid;place-items:center;touch-action:none;pointer-events:auto}#joystick-knob{width:42px;height:42px;border:2px solid #e4d6edaa;background:#bca2d388;border-radius:50%;pointer-events:none}#touch-mode{border:2px solid #c8aed6aa;background:#332c47cc;color:#eddef4;width:72px;height:72px;border-radius:50%;font-size:12px;pointer-events:auto;touch-action:manipulation}
@media(pointer:coarse){.touch-controls{display:flex}.mobile-help{display:block;font-size:10px;color:#b8a9c8}.keys{display:none}.notice{bottom:8px}.mode-button kbd{display:none}}
@media(min-width:1500px){.game-shell{max-height:calc(100dvh - 260px);width:auto}}
@media(max-width:900px){.edition{display:none}.site-header{height:58px;padding:0 18px}main{padding:0 18px}.game-topline{height:48px}.game-shell{max-height:none;min-height:0;width:100%;aspect-ratio:1.6}.title-screen{gap:20px;padding:0 3%}.title-copy h1{font-size:52px;margin:12px 0}.title-sub{font-size:12px;margin-bottom:12px}.title-tags{margin-bottom:15px}.title-tags span{font-size:9px;padding:2px 6px}.primary{padding:9px 18px;font-size:13px}.admission{padding:20px 15px 12px;max-width:235px}.admission-note strong{font-size:12px}.signed{margin-top:9px}.keys{margin-top:13px}.overlay{padding:18px}.control-deck{gap:12px;flex-wrap:wrap;padding-top:18px}.deck-heading{min-width:140px}.mode-button{min-width:200px}.hud{inset:9px 10px auto}.player-panel{min-width:180px;gap:6px;padding:5px}.portrait{width:38px;height:46px}.portrait img{width:61px;transform:translate(-11px,-2px)}.year-panel strong{font-size:20px}.year-panel{padding:4px 10px}.stats-panel{padding:5px;gap:8px}.boss-bars{top:85px;left:28%;right:28%}.skill-item{min-width:52px;padding:4px 7px}.dialog{padding:20px}.dialog h2{font-size:25px}footer span:last-child{display:none}}
@media(max-width:600px){main{padding:0 10px}.site-header{padding:0 12px;height:52px}.lab-brand{font-size:20px}.lab-brand span{font-size:8px;margin-left:10px;padding-left:10px}.back-link{font-size:10px}.game-topline{font-size:12px;height:42px}.game-topline small{font-size:8px;margin-left:6px;letter-spacing:1px}.top-tip{display:none}.game-shell{aspect-ratio:1/1.35;max-height:78dvh;min-height:430px}#arena{object-fit:contain}.overlay{padding:15px}.title-screen{display:block;padding:0 7%}.title-copy h1{font-size:65px;margin:14px 0}.title-sub{font-size:14px}.admission{display:none}.title-tags{margin:16px 0 22px}.title-copy .primary{padding:13px 25px;font-size:15px}.eyebrow{font-size:9px}.hud{gap:5px;inset:8px}.player-panel{min-width:0;width:165px}.year-panel{padding:4px 8px}.year-panel strong{font-size:17px}.year-panel>span{font-size:9px}.year-dots{gap:3px}.year-dots i{width:12px}.stats-panel>span{font-size:9px}.stats-panel b{font-size:15px}.stats-panel button{width:25px;height:30px;font-size:15px}.stats-panel{gap:5px}.vital-title strong{font-size:12px}.vital-title span{font-size:8px}.portrait{width:30px}.portrait img{width:54px}.vitals small{font-size:8px}.boss-bars{top:82px;left:16%;right:16%}.boss-bar{height:20px}.boss-bar span{font-size:10px}.control-deck{display:grid;grid-template-columns:1fr auto;gap:12px}.deck-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.deck-heading p{margin:0;font-size:10px}.skill-strip{gap:5px}.skill-item{min-width:43px;padding:5px}.skill-item>span{font-size:19px}.skill-item small{font-size:8px}.mode-button{min-width:0;padding:11px 9px;gap:6px}.mode-button small{display:none}.mode-button kbd{display:none}.mode-button strong{font-size:11px}.notice{font-size:10px;max-width:90%;white-space:normal;text-align:center}.dialog{padding:20px 13px}.dialog h2{font-size:25px}.upgrade-grid{gap:8px}.upgrade-card{padding:12px 10px}.upgrade-card strong{font-size:12px}.upgrade-card p{font-size:10px}.upgrade-card em{font-size:9px}.upgrade-card small{font-size:9px}.result-grid{gap:5px}.result-grid strong{font-size:20px}footer{font-size:9px;line-height:1.8}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:600px){.site-header,.game-topline,footer,.deck-heading{display:none}main{padding:6px 10px}.game-shell{height:calc(100dvh - 77px);max-height:none;min-height:0;width:auto;aspect-ratio:1.6}.control-deck{padding:8px 0 0;justify-content:center;gap:16px;display:flex}.skill-item{min-width:45px;padding:1px 7px}.skill-item>span{font-size:17px}.skill-item small{display:none}.mode-button{padding:6px 10px}.overlay{padding:10px}.title-copy h1{font-size:45px;margin:7px 0}.title-sub{font-size:11px;margin:6px 0}.title-tags{margin:8px 0}.admission{max-width:200px;padding:15px}.admission-note,.signed{display:none}.mobile-help{margin:9px 0;font-size:9px}#load-status{margin:2px 0;font-size:9px}.dialog{padding:14px}.dialog h2{margin:5px 0;font-size:23px}.dialog>p{margin-bottom:10px}.upgrade-card{padding:8px}.upgrade-card .card-icon{display:none}.dialog-actions{margin-top:12px}.touch-controls{bottom:14px}#joystick{width:85px;height:85px}#joystick-knob{width:35px;height:35px}#touch-mode{width:62px;height:62px}}
.hp-track{position:relative;--heart-step:20%}.hp-track>div{background:#e9869e}.hp-track::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--heart-step) - 2px),#34243e calc(var(--heart-step) - 2px),#34243e var(--heart-step));pointer-events:none}