:root{--bg:#0f1220;--panel:#151a2e;--accent:#7c5cff;--text:#e8ebff;--muted:#98a2ff;--ok:#2dd4bf}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#0f1220,#0b0f1d);color:var(--text)}
.page{display:flex;flex-direction:column;min-height:100vh}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(21,26,46,.7);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid #202641}
.brand{font-weight:800;letter-spacing:.2px}
.actions{display:flex;gap:8px}
.btn{appearance:none;border:1px solid #2a315a;background:#1a2040;color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer;transition:.15s ease;user-select:none}
.btn.primary{background:var(--accent);border-color:#6a4aff}
.btn:hover{transform:translateY(-1px)}
.content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}
#game{width:min(960px,95vw);height:auto;aspect-ratio:16/9;display:block;border-radius:12px;background:#0a0d1a;border:1px solid #1c2245;image-rendering:pixelated}
.hud{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:rgba(21,26,46,.7);border:1px solid #202641;border-radius:12px;padding:8px 12px}
.stat{display:flex;gap:6px;align-items:center}
.stat span{color:var(--muted);font-size:12px}
.stat strong{font-size:14px}
.stat.seeker strong{color:var(--ok)}
.hint{color:#93a0ff88;font-size:12px}
.footer{margin-top:auto;padding:12px 16px;display:flex;justify-content:center;color:#94a3b8}
.link{color:var(--muted);text-decoration:none;border-bottom:1px dotted #4b57a5}

.touch{position:fixed;inset:0;pointer-events:none}
.stick{position:absolute;left:24px;bottom:24px;width:128px;height:128px;border-radius:50%;background:#0d1124aa;border:1px solid #202641;pointer-events:auto;touch-action:none}
.stick-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#1a2040;border:1px solid #2a315a}
.action{position:absolute;right:24px;bottom:24px;width:84px;height:84px;border-radius:50%;pointer-events:auto;font-weight:800;font-size:18px}

@media (hover:none){.hint{display:none}}