:root{--bg: #14171c;--panel: #22262e;--line: #0b0c0e;--text: #f4efe3;--muted: #a7adb7;--accent: #f2c84b;--danger: #c8443a;--good: #86b85a;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}#screen{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated}#overlay{position:fixed;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#0b0c0e9e}#overlay:empty{display:none}.panel{width:min(100%,440px);background:var(--panel);border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);padding:24px;display:grid;gap:16px;text-align:center}.logo{margin:0;font-size:clamp(44px,14vw,72px);letter-spacing:.12em;color:var(--accent);text-shadow:4px 4px 0 var(--line)}h2{margin:0;font-size:26px}h2.good{color:var(--good)}h2.bad{color:var(--danger)}.tagline{margin:0;line-height:1.5}.hint{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.row.small{font-size:13px}button,.select{font:inherit;color:var(--text);background:var(--bg);border:3px solid var(--line);padding:10px 14px;cursor:pointer;min-height:44px}button:hover,button:focus-visible{border-color:var(--accent);outline:none}button.primary{background:var(--accent);color:var(--line);font-weight:700}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}.cards{display:grid;gap:10px}.card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;padding:12px 14px}.card .key{grid-row:span 2;align-self:center;color:var(--accent);font-weight:700;font-size:20px}.card .detail{color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:var(--bg);border:3px solid var(--line);padding:8px;display:grid;gap:4px}.stat span{color:var(--muted);font-size:12px}.stat strong{font-size:20px}.status{margin:0;font-size:12px;color:var(--muted)}.input{font:inherit;color:var(--text);background:var(--bg);border:3px solid var(--line);padding:10px 12px;min-height:44px;width:100%;text-align:center;-webkit-user-select:text;user-select:text}.input:focus-visible{border-color:var(--accent);outline:none}.input::placeholder{color:var(--muted)}.ranking-panel{max-height:100%;overflow:auto}.ranking{width:100%;border-collapse:collapse;font-size:14px}.ranking th{color:var(--muted);font-weight:400;font-size:12px;padding:4px;border-bottom:3px solid var(--line)}.ranking td{padding:6px 4px;border-bottom:1px solid var(--line)}.ranking td.name{max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking td.muted{color:var(--muted)}.ranking td.good{color:var(--good)}.status.warn{color:var(--danger)}.status.warn:empty{display:none}