:root{--bg:#141a18;--text:#f2f0e7;--muted:#8f9993;--green:#6fa75e;--yellow:#f2c44f;--red:#df5b45}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg)}.strike-app{width:min(96vw,1050px);margin:auto;padding:25px 0 45px}nav{display:flex;justify-content:space-between;margin-bottom:22px;color:#65716b;font-size:12px}nav a{color:var(--text);text-decoration:none}header{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}header p{margin:0 0 5px;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.2em}h1{margin:0;font:700 38px Georgia,"Songti SC",serif;letter-spacing:0}.hud{display:flex;gap:25px;color:var(--muted);font-size:10px}.hud b{display:block;margin-top:4px;color:var(--text);font:700 17px monospace}.hud span:last-child b{color:var(--red)}
.game-shell{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border:3px solid #303a35;border-radius:6px;background:#080b0a;box-shadow:0 24px 60px #0007}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.screen{position:absolute;inset:0;display:none;place-items:center;padding:25px;text-align:center;background:#0c1511d9;backdrop-filter:blur(3px)}.screen.show{display:grid}.screen>div{max-width:410px}.screen small{color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.22em}.screen h2{margin:8px 0;font:700 clamp(30px,5vw,48px) Georgia,"Songti SC",serif}.screen p{margin:0 0 22px;color:#abb5af}.screen button{display:block;min-width:180px;height:48px;margin:0 auto 16px;border:0;border-radius:4px;color:#1e1b11;background:var(--yellow);font-weight:900;cursor:pointer}.screen span{color:#78837d;font-size:11px}.pause{position:absolute;inset:0;display:none;place-items:center;color:var(--yellow);background:#0b100edb;font:700 35px Georgia,serif}.pause.show{display:grid}
.mobile-pad{display:none;align-items:center;justify-content:space-between;margin-top:15px;padding:0 12px}.mobile-pad button{border:0;color:var(--text);background:#34443d;touch-action:none;user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,52px);gap:5px}.dpad button{height:48px;font-size:21px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.combat{display:flex;gap:12px;align-items:end}.combat button{width:64px;height:64px;border-radius:50%;font-weight:800}.combat .fire{width:78px;height:78px;color:#26130f;background:var(--red)}.tip{text-align:center;color:#66716b;font-size:11px}@media(max-width:760px){.strike-app{padding-top:17px}nav{margin-bottom:15px}h1{font-size:27px}.hud{gap:12px}.hud b{font-size:14px}.mobile-pad{display:flex}.screen span{display:none}}