:root{color-scheme:dark;--glass: rgba(0,0,0,.45);--glass-strong: rgba(0,0,0,.65);--accent: #ffd166;--accent-2: #06d6a0;--accent-3: #ef476f;--ink: #f7f7ff;--muted: #cfd3e6}html,body,#root{height:100%}body{font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,sans-serif;margin:0;padding:0;overflow:hidden;touch-action:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.title-chip{position:absolute;top:16px;left:16px;z-index:20;pointer-events:auto;background:var(--glass-strong);color:var(--ink);padding:12px 14px;border-radius:12px;box-shadow:0 8px 30px #00000040,inset 0 1px #ffffff0f}.title-chip h1{font-family:"Baloo 2",cursive;margin:0;font-size:18px;letter-spacing:.5px}.subtitle{margin-top:4px;font-size:12px;color:var(--muted)}.stats{position:absolute;top:16px;right:16px;z-index:20;display:grid;gap:8px;pointer-events:auto}.stat-card{background:var(--glass);color:var(--ink);padding:10px 12px;border-radius:12px;min-width:180px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stat-card h4{margin:0 0 6px;font-weight:800;font-size:12px;letter-spacing:.7px;color:var(--accent);text-transform:uppercase}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;font-size:12px}.kv .k{color:var(--muted)}.kv .v{color:var(--ink);font-weight:700}.compass{display:flex;align-items:center;gap:8px;font-weight:700}.compass .rose{position:relative;width:120px;height:24px;overflow:hidden;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.compass .ticks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.compass .tick{width:30px;text-align:center;color:var(--muted);font-size:10px}.compass .needle{position:absolute;left:50%;top:-2px;transform:translate(-50%);width:2px;height:28px;background:var(--accent-3);border-radius:2px;box-shadow:0 0 0 2px #ef476f33}.reticle{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 0 0 2px #ffffff1a}.hint{position:absolute;bottom:16px;left:16px;z-index:20;background:var(--glass);color:var(--ink);padding:10px 12px;border-radius:10px;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.hint kbd{background:#ffffff14;border:1px solid rgba(255,255,255,.18);padding:2px 6px;border-radius:6px;font-size:11px}.journal{position:absolute;bottom:16px;right:16px;z-index:20;width:280px;pointer-events:auto}.journal .card{background:linear-gradient(135deg,#0000008c,#00000059);color:var(--ink);padding:14px;border-radius:14px;box-shadow:0 10px 30px #00000040}.journal .card h3{margin:0 0 6px;font-family:"Baloo 2",cursive;font-size:18px}.journal .entry{margin-top:6px;font-size:12px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);padding:4px 8px;border-radius:999px;font-size:12px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% 40%,#ffffff14,#0009);z-index:30}.overlay .box{background:#0000008c;padding:24px 28px;border-radius:16px;text-align:center;color:var(--ink);max-width:520px;box-shadow:0 20px 60px #00000059}.overlay h2{font-family:"Baloo 2",cursive;font-size:28px;margin:0 0 6px}.overlay p{margin:0 0 14px;color:var(--muted)}.overlay .cta{display:inline-block;margin-top:6px;padding:10px 16px;border-radius:12px;font-weight:800;background:linear-gradient(135deg,var(--accent),#ff9f1c);color:#241d00;border:none;cursor:pointer;box-shadow:0 10px 30px #ffd1664d}.dev-panel{position:absolute;top:16px;left:16px;z-index:15;pointer-events:auto}.dev-panel .content{margin-top:8px;background:#0a0a0ecc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;max-width:320px}.dev-toggle{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;color:var(--ink);padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.15);cursor:pointer;font-weight:700}.dev-toggle .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px #06d6a02e}.hud,.hud *{-webkit-user-select:none;user-select:none}