:root{--cz-bg: #05070e;--cz-bar: #080d17;--cz-border: #16304a;--cz-fg: #dbeafe;--cz-muted: #7fa8c4;--cz-dim: #4d7a99;--cz-cyan: #22d3ee;--cz-magenta: #e879f9;--cz-amber: #fbbf24;--cz-green: #34d399;--cz-violet: #a78bfa}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--cz-bg)}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--cz-fg);overflow:hidden}#app{display:flex;flex-direction:column;height:100vh;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bar{display:flex;align-items:center;gap:10px;height:36px;flex:0 0 36px;padding:0 10px;background:var(--cz-bar);border-bottom:1px solid var(--cz-border);font-size:12px}.bar .brand{display:flex;align-items:center;gap:7px;font-weight:500;color:#e8f6ff;white-space:nowrap}.bar .brand .dot{width:7px;height:7px;border-radius:2px;background:var(--cz-cyan);box-shadow:0 0 8px var(--cz-cyan)}.bar .brand .thin{color:var(--cz-dim);font-weight:400}.bar nav{display:flex;gap:2px;flex:1;overflow:hidden}.bar nav a{padding:5px 8px;border-radius:6px;color:var(--cz-muted);cursor:pointer;white-space:nowrap;font-size:11.5px}.bar nav a:hover{background:#0f1d2e;color:#d9f4ff}.bar nav a.on{background:#123047;color:#8ee9ff}.bar nav a.ext{color:#c084fc;text-decoration:none}.bar .stats{display:flex;align-items:center;gap:6px;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#9ad9ef;white-space:nowrap}.bar .stats b{color:var(--cz-amber);font-weight:500}.bar .stats .sep{width:1px;height:12px;background:#1d3a55}.stage{position:relative;flex:1 1 auto;overflow:hidden;cursor:crosshair}.stage canvas{display:block;width:100%;height:100%}.stage.looking{cursor:none}.stage .panel,.stage .start{cursor:default}.scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px)}.foot{height:26px;flex:0 0 26px;display:flex;align-items:center;gap:10px;padding:0 10px;background:var(--cz-bar);border-top:1px solid var(--cz-border);font-size:10.5px;font-family:ui-monospace,Menlo,monospace;color:var(--cz-dim)}.foot .rank{color:#7c5cff}.foot .spacer{margin-left:auto}.joy{position:absolute;left:14px;bottom:14px;width:88px;height:88px;border:1px solid #1d3a55;border-radius:50%;background:#050e1699;display:none}.joy.on{display:block}.joy i{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#12405c;border:1px solid #2b7fa3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}