:root{color:#f7f4ec;background:#120d08;font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.4;font-weight:400}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{overflow:hidden}button,input{font:inherit}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;cursor:none;background:radial-gradient(circle at top,rgba(255,200,136,.24),transparent 34%),linear-gradient(180deg,#2a170e,#110a06)}.app-shell.is-attack{animation:attack-pulse .18s linear infinite}.game-canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;pointer-events:none}.hud-chip,.status-banner,.overlay-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#13100d99;border:1px solid rgba(255,232,204,.14);box-shadow:0 20px 40px #00000052}.hud-chip{min-width:108px;padding:10px 14px;border-radius:16px}.hud-chip span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.hud-chip strong{font-size:18px}.status-banner{padding:12px 16px;border-radius:16px;font-size:14px}.status-banner.safe{background:#1e3d229e}.status-banner.alert{background:#5b1414b3}.overlay-panel{position:absolute;left:50%;transform:translate(-50%);width:min(92vw,440px);padding:28px;border-radius:28px}.idle-overlay{position:absolute;left:50%;bottom:5vh;transform:translate(-50%);width:min(88vw,520px);display:grid;gap:16px;justify-items:center}.gameover-panel{top:24vh;text-align:center}.progress-shell{width:100%;height:14px;padding:2px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#13100d94;border:1px solid rgba(255,232,204,.18);box-shadow:0 20px 40px #00000047}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f08f43,#f4c676);transition:width .18s ease}.start-button{width:min(240px,64vw);box-shadow:0 20px 40px #0000004d}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#f8bf72}.overlay-panel h1,.overlay-panel h2{margin:0 0 12px;font-size:clamp(28px,4vw,42px);line-height:.98}.primary-button,.ghost-button{border:0;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.primary-button{width:100%;padding:14px 18px;border-radius:999px;background:linear-gradient(90deg,#f08f43,#f4c676);color:#1b1209;font-weight:700}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button:not(:disabled):hover,.ghost-button:hover{transform:translateY(-1px)}.ghost-button{padding:8px 12px;border-radius:999px;background:#f5ecdf1f;color:inherit}.final-score{margin:4px 0 8px;font-size:20px}.submit-state{min-height:22px;margin:0 0 20px;color:#f7f4ecc7}@keyframes attack-pulse{0%{filter:saturate(1)}to{filter:saturate(1.35)}}@media(max-width:640px){.hud{top:12px;left:12px;right:12px}.overlay-panel{padding:22px}}