*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0b0e14;height:100%;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}#loading,#title-screen{color:#eef2f7;z-index:10;background:radial-gradient(at 50% 40%,#141b2b 0%,#0b0e14 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-family:Segoe UI,system-ui,sans-serif;transition:opacity .7s;display:flex;position:fixed;inset:0}#loading .loading-title,#title-screen h1{letter-spacing:.06em;background:linear-gradient(160deg,#f6e2b3 20%,#d4a94e 55%,#f9efd4 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3.2rem;font-weight:700;animation:.9s cubic-bezier(.22,1,.36,1) title-in}#loading .loading-sub,#title-screen p{opacity:.65;font-size:1.05rem;animation:.9s cubic-bezier(.22,1,.36,1) .15s backwards title-in}#title-screen button{appearance:none;color:#f6e2b3;letter-spacing:.08em;cursor:pointer;background:#f6e2b314;border:1px solid #f6e2b366;border-radius:12px;margin-top:18px;padding:12px 42px;font-family:inherit;font-size:1.15rem;transition:background .2s,transform .12s;animation:.9s cubic-bezier(.22,1,.36,1) .3s backwards title-in}#title-screen button:hover{background:#f6e2b333}#title-screen button:active{transform:scale(.96)}#title-screen.gone,#loading.gone{opacity:0;pointer-events:none}@keyframes title-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}.hud{pointer-events:none;color:#eef2f7;-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,sans-serif;position:fixed;inset:0}.hud-panel{-webkit-backdrop-filter:blur(12px);background:#0d121c9e;border:1px solid #ffffff17;border-radius:14px;box-shadow:0 6px 24px #00000059}.hud-top{pointer-events:auto;align-items:center;gap:22px;padding:10px 22px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hud-title{letter-spacing:.04em;font-size:1.15rem;font-weight:600}.hud-status{opacity:.9;text-align:center;min-width:150px;font-size:.98rem}.hud-stats{opacity:.75;font-variant-numeric:tabular-nums;font-size:.85rem}.hud-bottom{pointer-events:auto;align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hud-btn{appearance:none;color:#eef2f7;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;padding:7px 14px;font-family:inherit;font-size:.9rem;transition:background .15s,transform .1s}.hud-btn:hover{background:#ffffff24}.hud-btn:active{transform:scale(.96)}.hud-btn.active{background:#5e9eff59;border-color:#5e9effb3}.hud-corner{pointer-events:auto;gap:8px;display:flex;position:absolute;top:16px;left:16px}.hud-corner-right{pointer-events:auto;gap:8px;display:flex;position:absolute;top:16px;right:16px}.hud-end{text-align:center;pointer-events:auto;padding:28px 44px;animation:.35s cubic-bezier(.34,1.56,.64,1) hud-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-end h2{margin-bottom:18px;font-size:1.9rem;font-weight:650}.hud-end .hud-btn{padding:10px 26px;font-size:1.05rem}.hud-hidden{display:none}@keyframes hud-pop{0%{opacity:0;transform:translate(-50%,-46%)scale(.85)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}