:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111318;color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:#111318}#hud{position:fixed;top:18px;right:18px;bottom:18px;left:18px;z-index:2;display:grid;grid-template-columns:minmax(260px,390px) 1fr minmax(220px,310px);align-items:start;gap:14px;pointer-events:none}.status-panel,.controls-panel,.log-panel{border:1px solid rgb(255 255 255 / 16%);background:#0f1117c7;box-shadow:0 18px 50px #00000042;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-panel{border-radius:8px;padding:14px}.brand-row{display:flex;align-items:center;gap:12px}.status-dot{width:38px;height:38px;border:2px solid rgb(255 255 255 / 72%);border-radius:50%;background:#f8fafc;box-shadow:0 0 26px #ffffff4d;flex:0 0 auto}.eyebrow{margin:0 0 2px;color:#a7b0c1;font-size:11px;font-weight:800;letter-spacing:0}h1,h2,p{margin:0}h1{font-size:20px;line-height:1.15}.meter-row{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:9px;margin-top:14px;font-size:13px;color:#dce2ee}.uses{height:9px;overflow:hidden;border:1px solid rgb(255 255 255 / 18%);border-radius:999px;background:#ffffff17}.uses:before{content:"";display:block;width:var(--uses-ratio, 0%);height:100%;background:var(--uses-color, #f8fafc);transition:width .16s ease,background-color .16s ease}#objective{min-height:44px;margin-top:13px;color:#f4f7fb;font-size:14px;line-height:1.55}.controls-panel{justify-self:center;display:grid;grid-template-columns:repeat(5,auto auto);gap:7px 8px;max-width:min(780px,100%);padding:10px 12px;border-radius:8px;color:#dce2ee;font-size:12px;line-height:1}.controls-panel span:nth-child(odd){min-width:46px;padding:6px 7px;border:1px solid rgb(255 255 255 / 18%);border-radius:6px;background:#ffffff1a;color:#fff;text-align:center;font-weight:800}.controls-panel span:nth-child(2n){align-self:center;color:#b9c2d2}.log-panel{justify-self:end;width:100%;min-height:84px;max-height:184px;overflow:hidden;border-radius:8px;padding:10px 12px;color:#dce2ee;font-size:12px;line-height:1.45}.log-panel p+p{margin-top:6px}#clear-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:24px;background:#07090db8}#clear-screen[hidden]{display:none}#clear-screen>div{width:min(430px,100%);border:1px solid rgb(255 255 255 / 16%);border-radius:8px;padding:22px;background:#12161deb;box-shadow:0 24px 80px #0006}#clear-screen h2{margin-bottom:8px;font-size:30px}#clear-screen p:not(.eyebrow){color:#dce2ee;line-height:1.6}button{min-height:40px;margin-top:18px;border:0;border-radius:7px;padding:0 16px;background:#f3c84f;color:#151515;font:inherit;font-weight:900;cursor:pointer}@media(max-width:920px){#hud{top:10px;right:10px;bottom:10px;left:10px;grid-template-columns:1fr;align-items:start}.controls-panel{justify-self:stretch;grid-template-columns:repeat(5,auto auto);overflow-x:auto}.log-panel{display:none}}@media(max-width:560px){#hud{gap:8px}.status-panel{padding:11px}h1{font-size:17px}.controls-panel{grid-template-columns:repeat(3,auto auto);font-size:11px}#objective{min-height:36px;font-size:12px}}