:root{color-scheme:dark;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;color:#f4f7ef;background:#0b1717}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline:2px solid #c8f757;outline-offset:4px}#app{position:relative;isolation:isolate}#game{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:0;z-index:2;pointer-events:none}.topbar{position:absolute;inset:0 0 auto;min-height:88px;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 26px max(24px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:16px;background:linear-gradient(180deg,#071414e0,#07141400)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;padding-top:4px;font-size:18px;font-weight:800;white-space:nowrap}.brand-icon{width:27px;height:27px;display:grid;place-items:center;color:#101c18;background:#c8f757;clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,22% 100%,0 78%)}.brand-icon svg{width:18px;height:18px;stroke-width:2.5}.run-metrics{display:flex;align-items:center;gap:0;min-height:36px;padding:5px 16px;border:1px solid rgba(229,255,232,.16);border-radius:4px;background:#0b1b1ab0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.run-metric{display:flex;align-items:baseline;gap:8px;padding:0 15px;white-space:nowrap}.run-metric+.run-metric{border-left:1px solid rgba(229,255,232,.16)}.run-metric span{color:#a8c0b9;font-size:11px;font-weight:700}.run-metric strong{font-size:15px;font-variant-numeric:tabular-nums}.run-metric:first-child strong{color:#c8f757}.top-actions{display:flex;justify-content:flex-end;gap:8px;pointer-events:auto}.icon-button{width:37px;height:37px;display:grid;place-items:center;padding:0;border:1px solid rgba(227,252,230,.26);border-radius:4px;color:#f4f7ef;background:#091817bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:background .16s,border-color .16s,color .16s;text-decoration:none}.icon-button:hover{border-color:#c8f757;color:#c8f757;background:#18302b}.icon-button svg{width:18px;height:18px;stroke-width:2}.elite-bar{position:absolute;top:max(86px,calc(env(safe-area-inset-top) + 68px));left:50%;width:min(390px,calc(100% - 40px));transform:translate(-50%);display:none;padding:11px 14px 13px;border:1px solid rgba(255,92,102,.46);border-radius:4px;background:#250a11d6;box-shadow:0 10px 30px #1f030733}.elite-bar.active{display:block}.elite-heading{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#fff;font-size:12px;font-weight:800}.elite-signal{width:7px;height:7px;border-radius:50%;background:#ff606c;box-shadow:0 0 10px #ff606c}.elite-track{height:7px;overflow:hidden;background:#ffffff24}#elite-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff4161,#ff8c58);transition:width .16s linear}.notice{position:absolute;top:27%;left:50%;max-width:calc(100% - 24px);transform:translate(-50%);padding:8px 15px;border:1px solid rgba(205,255,112,.48);border-radius:3px;color:#f8ffe8;background:#0a1e1cd4;box-shadow:0 5px 25px #0003;font-size:14px;font-weight:800;line-height:1.35;text-align:center;white-space:normal}.notice:empty{display:none}.combat-stats{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom));display:flex;align-items:stretch;gap:7px}.combat-stat{display:flex;align-items:center;gap:9px;min-width:102px;height:48px;padding:7px 11px;border:1px solid rgba(229,255,232,.19);border-radius:4px;background:#091b19c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-icon{width:20px;color:#c8f757}.stat-icon svg{display:block;width:18px;height:18px;stroke-width:2}.stat-copy{display:flex;flex-direction:column;min-width:0;line-height:1.1}.stat-label{margin-bottom:3px;color:#a6c0b7;font-size:10px;font-weight:700}.stat-copy strong{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.screen{position:absolute;inset:0;z-index:5;display:none;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#040f109e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.screen.active{display:flex}.screen-content{width:min(540px,100%);padding:20px 0;text-align:center}.screen-kicker{display:inline-flex;align-items:center;gap:9px;color:#c8f757;font-size:12px;font-weight:800}.screen-kicker>span{width:7px;height:7px;background:currentColor;transform:rotate(45deg)}.screen h1,.screen h2{margin:16px 0 0;color:#f7faf2;font-weight:900;line-height:1.12;text-shadow:0 7px 32px rgba(0,0,0,.22)}.screen h1{font-size:76px}.screen h2{font-size:64px}#end-stats{margin:16px 0 0;color:#d3e4dc;font-size:16px;font-weight:650}.screen-rule{width:68px;height:3px;margin:26px auto 28px;background:#c8f757}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:186px;height:50px;padding:0 24px;border:1px solid #d2ff61;border-radius:4px;color:#101b17;background:#c8f757;box-shadow:0 8px 35px #8ed7362e;cursor:pointer;font-size:15px;font-weight:900;transition:transform .16s,background .16s,box-shadow .16s}.primary-button:hover{transform:translateY(-2px);background:#ddff8d;box-shadow:0 11px 40px #8ed73647}.primary-button:active{transform:translateY(0)}.primary-button svg{width:17px;height:17px;fill:currentColor;stroke-width:2.4}.screen-back{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin:17px auto 0;padding:7px;color:#d7e7dc;font-size:12px;font-weight:700;text-decoration:none}.screen-back:hover{color:#c8f757}.screen-back:focus-visible{outline:2px solid #c8f757;outline-offset:3px}.screen-back svg{width:15px;height:15px}@media(max-width:720px){.topbar{min-height:102px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:max(11px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 20px max(12px,env(safe-area-inset-left))}.brand{gap:7px;font-size:15px}.brand-icon{width:24px;height:24px}.brand-icon svg{width:16px;height:16px}.top-actions{grid-column:2;grid-row:1;gap:6px}.icon-button{width:40px;height:40px}.run-metrics{grid-column:1 / -1;grid-row:2;justify-content:center;min-height:33px;padding:4px 3px}.run-metric{flex:1;justify-content:center;gap:5px;padding:0 6px}.run-metric span{font-size:10px}.run-metric strong{font-size:13px}.elite-bar{top:max(112px,calc(env(safe-area-inset-top) + 100px))}.combat-stats{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.combat-stat{min-width:0;height:42px;justify-content:center;gap:5px;padding:5px 3px}.stat-icon{width:15px}.stat-icon svg{width:14px;height:14px}.stat-label{font-size:9px}.stat-copy strong{font-size:13px}.notice{top:24%;font-size:12px}.screen h1{font-size:53px}.screen h2{font-size:50px}}@media(max-width:360px){.combat-stat{gap:3px}.stat-icon{display:none}.screen h1{font-size:47px}}@media(max-height:480px)and (orientation:landscape){.topbar{min-height:44px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 9px 8px}.brand{padding-top:0;font-size:13px}.brand-icon{width:22px;height:22px}.run-metrics{grid-column:2;grid-row:1;justify-self:center;min-height:30px;padding:2px 4px}.run-metric{flex:0 1 auto;gap:4px;padding:0 7px}.run-metric span{font-size:9px}.run-metric strong{font-size:12px}.top-actions{grid-column:3;grid-row:1}.icon-button{width:32px;height:32px}.elite-bar{top:47px;width:min(290px,calc(100% - 24px));padding:5px 9px 7px}.elite-heading{margin-bottom:4px;font-size:10px}.elite-track{height:5px}.combat-stats{right:auto;bottom:5px;left:8px;display:flex;gap:3px}.combat-stat{width:60px;min-width:0;height:31px;gap:4px;padding:3px 4px}.stat-icon{display:block;width:13px}.stat-icon svg{width:13px;height:13px}.stat-label{display:none}.stat-copy strong{font-size:12px}.notice{top:24%;padding:5px 9px;font-size:11px}.screen h1{font-size:48px}.screen h2{font-size:45px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}