:root{color:#f6f1df;font-synthesis:none;text-rendering:geometricprecision;background:#111312;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{background:radial-gradient(circle at 18% 18%,#f5ba4929,#0000 26rem),radial-gradient(circle at 82% 72%,#48baa724,#0000 24rem),#111312;position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}#hud{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));pointer-events:none;color:#f6f1df;text-transform:uppercase;letter-spacing:0;align-items:center;gap:10px;display:flex;position:absolute}.hud-metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111312b8;border:1px solid #f6f1df3d;min-width:92px;padding:8px 10px;box-shadow:0 8px 24px #0000003d}.hud-metric span{color:#f6f1dfad;font-size:.68rem;display:block}.hud-metric strong{margin-top:2px;font-size:1.08rem;display:block}#status-line{background:#11131299;border-left:3px solid #f5ba49;min-width:132px;padding:9px 11px;font-size:.78rem;font-weight:700}#touch-controls{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute}#touch-stick{aspect-ratio:1;pointer-events:auto;touch-action:none;background:#11131285;border:1px solid #f6f1df47;border-radius:50%;width:clamp(96px,24vw,132px);position:relative}#touch-knob{aspect-ratio:1;background:#f5ba49;border-radius:50%;width:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #f5ba4970}#dash-button{aspect-ratio:1;color:#111312;pointer-events:auto;touch-action:none;background:#48baa7;border:1px solid #f6f1df4d;border-radius:50%;width:clamp(74px,18vw,96px);font-weight:800}@media (pointer:coarse),(width<=760px){#hud{right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));flex-wrap:wrap;gap:8px}.hud-metric{min-width:78px;padding:7px 8px}#status-line{min-width:min(148px,48vw);font-size:.72rem}#touch-controls{display:flex}}#overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;z-index:5;background:#0a0c0b8c;place-items:center;display:grid;position:absolute;inset:0}#overlay[hidden]{display:none}.overlay-card{text-align:center;background:#111312e0;border:1px solid #f6f1df38;max-width:min(420px,90vw);padding:28px 26px;box-shadow:0 16px 48px #0006}.overlay-card h1{letter-spacing:.02em;color:#f5ba49;margin:0 0 12px;font-size:1.55rem}.overlay-card p{color:#f6f1dfd1;margin:0 0 10px;font-size:.92rem;line-height:1.55}.overlay-hint{text-transform:uppercase;letter-spacing:.06em;color:#48baa7!important;margin-top:16px!important;font-size:.78rem!important}.context-metric{min-width:120px!important}.context-bar{background:#f6f1df1f;border-radius:4px;height:8px;margin:6px 0 4px;overflow:hidden}#context-fill{background:#48baa7;width:0%;height:100%;transition:width .2s,background .2s}#prompt-line{color:#f5ba49;background:#0e1218bf;border:1px solid #f6f1df2e;min-width:min(280px,70vw);padding:8px 12px;font-size:.78rem;font-weight:600}#token-legend{pointer-events:none;flex-wrap:wrap;gap:8px;display:flex}.leg{text-transform:none;letter-spacing:0;background:#0e1218b3;border:1px solid #f6f1df33;padding:4px 8px;font-size:.68rem}.leg-signal{color:#48baa7;border-color:#48baa780}.leg-noise{color:#b0b6c0;border-color:#b0b6c059}.leg-hallu{color:#ff8a8a;border-color:#e8393a8c}.overlay-lesson{color:#f6f1dfe6;text-align:left;background:#48baa71a;border-left:3px solid #48baa7;margin:14px 0 8px;padding:12px 14px;font-size:.88rem;line-height:1.55}.overlay-lesson[hidden],.overlay-link[hidden]{display:none!important}.overlay-link{color:#f5ba49;margin:4px 0 12px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}.overlay-link:hover{text-decoration:underline}