:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e6f3ef;background:#091116}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}#game{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block}.topbar{position:fixed;left:0;right:0;top:0;z-index:3;display:flex;justify-content:space-between;gap:1rem;padding:12px 18px;background:linear-gradient(#071015df,#07101500);font-size:.82rem;letter-spacing:.02em}.topbar a{color:#88e7d5;text-decoration:none}.topbar a:hover{text-decoration:underline}.topbar span{color:#b6cac8}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;padding:60px 20px 18px;text-shadow:0 2px 5px #001}.hud-top,.hud-bottom{display:flex;justify-content:space-between;gap:12px;max-width:680px;margin:auto;font-size:.9rem;font-weight:750;letter-spacing:.08em}.hud-bottom{position:absolute;bottom:20px;left:20px;right:20px}.health-track{width:min(680px,calc(100% - 20px));height:8px;margin:8px auto;background:#192d2e;border:1px solid #65998d}.health-track div{height:100%;width:100%;background:linear-gradient(90deg,#1d956a,#9be7a4);transition:width .2s}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:25px;color:#d8fff4;opacity:.85}.notice{position:fixed;z-index:5;top:19%;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:7px;background:#06171ad9;color:#c5fff2;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}.notice.show{opacity:1}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:20px;background:linear-gradient(125deg,#061015e8,#092822e5)}.menu[hidden],.hud[hidden]{display:none}.menu-card{width:min(720px,100%);max-height:calc(100vh - 35px);overflow:auto;padding:clamp(20px,4vw,42px);border:1px solid #3c7b73;border-radius:16px;background:#08191be8;box-shadow:0 25px 80px #0009}.eyebrow{margin:0;color:#8cdccb;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem}.menu h1{margin:.3rem 0;font-size:clamp(2.4rem,6vw,4.7rem);line-height:1}.menu p{line-height:1.5;color:#c8d7d3}.settings{display:flex;gap:28px;margin:22px 0}.settings label{display:flex;align-items:center;gap:8px}.settings input{accent-color:#54c9ae;width:18px;height:18px}button{cursor:pointer;border:0;border-radius:8px;padding:12px 24px;background:#81dfbd;color:#05241c;font-weight:800}button:hover{background:#b2f2d2}.controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid #355955}.controls strong{color:#a4ead7}.controls p{font-size:.84rem;margin:.4rem 0}.small{font-size:.8rem}@media(max-width:650px){.controls{grid-template-columns:1fr}.topbar span{display:none}.hud-top,.hud-bottom{font-size:.7rem}}