:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf1f5;background:#07090c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 20%,rgba(72,91,101,.14),transparent 40%),#07090c}canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 8px #000}.panel{position:absolute;top:20px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);background:#05070aad;backdrop-filter:blur(10px);border-radius:10px;line-height:1.55;font-size:13px}.top-left{left:20px}.top-right{right:20px;color:#aeb8c2}.logo{color:#f0d5a1;font-weight:900;letter-spacing:.18em;margin-bottom:8px}#interaction{position:absolute;left:50%;bottom:21%;transform:translate(-50%);padding:10px 14px;min-width:230px;text-align:center;font-weight:800;letter-spacing:.05em;color:#f5e1bc}.bottom-hud{position:absolute;left:50%;bottom:28px;transform:translate(-50%);width:min(500px,calc(100vw - 40px));padding:14px;border-radius:12px;background:#05070ab8;border:1px solid rgba(255,255,255,.08)}.meter-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;margin:7px 0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#b8c0c8}.meter{height:9px;overflow:hidden;border-radius:999px;background:#ffffff14}.meter>div{width:100%;height:100%;background:linear-gradient(90deg,#d5b46f,#f0d6a0);transform-origin:left center;transition:transform 90ms linear}.meter.repair>div{background:linear-gradient(90deg,#6fa4d5,#9bd2ff);transform:scaleX(0)}#dangerVignette{position:absolute;inset:0;opacity:0;background:radial-gradient(circle,transparent 52%,rgba(112,0,0,.48) 100%),linear-gradient(#7800000d,#7800000d);transition:opacity .13s linear}.screen{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(64,76,80,.24),transparent 35%),#010204e0;z-index:10}.screen.hidden{display:none}.card{width:min(620px,100%);padding:42px;border-radius:18px;background:#070a0eeb;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px #0000008c}.card h1{margin:8px 0 14px;font-size:clamp(40px,8vw,76px);line-height:.95;letter-spacing:-.05em}.card p{color:#b5bec7;line-height:1.7}.eyebrow{margin:0;color:#d9b97d!important;font-size:12px;font-weight:900;letter-spacing:.2em}button{pointer-events:auto;width:100%;margin-top:18px;padding:15px 20px;border:0;border-radius:9px;color:#111;background:#e1c58d;font:inherit;font-weight:950;letter-spacing:.08em;cursor:pointer}button:hover{filter:brightness(1.08)}small{display:block;margin-top:12px;text-align:center;color:#747f89}@media(max-width:700px){.top-right{display:none}.panel{top:10px}.top-left{left:10px}.card{padding:28px}.meter-row{grid-template-columns:90px 1fr}}