:root{color-scheme:dark;--ink: #f4ece0;--muted: rgba(232, 210, 180, .62);--cyan: #e8b07a;--green: #76b900}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#1c1412}body{font-family:IBM Plex Sans,Noto Sans SC,PingFang SC,sans-serif;color:var(--ink);cursor:crosshair}canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 50%,rgba(28,16,10,.42) 100%),linear-gradient(180deg,rgba(28,18,12,.08),transparent 14%,transparent 82%,rgba(20,12,8,.45))}.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.chrome{position:fixed;z-index:4;pointer-events:none;text-align:center;left:50%;transform:translate(-50%)}.chrome.top{top:8px}.chrome.bottom{bottom:20px}.eyebrow{margin:0 0 2px;letter-spacing:.28em;font-size:9px;color:var(--cyan);text-transform:uppercase;opacity:.8}h1{margin:0;font-weight:700;font-size:clamp(13px,1.7vw,18px);letter-spacing:.22em;text-indent:.22em;text-shadow:0 0 16px rgba(232,176,122,.18);opacity:.72}#hint{margin:0;font-size:12px;letter-spacing:.08em;color:var(--muted)}.board,.plaque,.rheo{position:fixed;z-index:5;padding:16px 18px 18px;border:1px solid rgba(232,176,122,.28);background:linear-gradient(180deg,#1c120ce6,#100a08d1);box-shadow:0 16px 40px #00000059;backdrop-filter:blur(10px)}.board{top:24px;left:22px;width:min(300px,calc(100vw - 40px));cursor:pointer;pointer-events:auto}.board-kicker,.plaque-kicker,.rheo-kicker{margin:0 0 6px;color:var(--cyan);letter-spacing:.16em;font-size:10px}.board h2,.plaque-title{margin:0 0 12px;font-size:20px;letter-spacing:.12em}.board ol{list-style:none;margin:0;padding:0}.board li{display:grid;grid-template-columns:18px 72px 1fr 28px;gap:8px;align-items:center;margin:0 0 7px;font-size:12px}.board .rank{color:var(--green)}.board .bar{height:6px;background:#ffffff14;border-radius:99px;overflow:hidden}.board .bar i{display:block;height:100%}.board .n{text-align:right;opacity:.7}.board-hint{margin:10px 0 0;font-size:11px;color:var(--muted)}.board-source{margin:6px 0 0;font-size:10px;letter-spacing:.06em;color:#e8b07ab3}.plaque{left:22px;bottom:28px;width:min(340px,calc(100vw - 40px))}.plaque.hidden,.plaque[hidden]{display:none}.plaque-body{margin:0;font-size:13px;line-height:1.65;color:#e8f4ffdb}.rheo{right:22px;bottom:28px;width:min(260px,calc(100vw - 40px))}.rheo p{margin:0}#rheo-value{margin:4px 0 10px;font-size:18px;letter-spacing:.04em;color:var(--green)}.rheo-track{height:8px;background:#ffffff14;border-radius:99px;overflow:hidden}#rheo-fill{display:block;height:100%;width:70%;background:linear-gradient(90deg,#4f8cff,#9dff4a)}#loader{position:fixed;inset:0;z-index:8;display:grid;place-content:center;gap:12px;background:#1c1412;transition:opacity .6s ease,visibility .6s}#loader.done{opacity:0;visibility:hidden}.loader-mark{justify-self:center;width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-size:28px;letter-spacing:0}#loader p{margin:0;letter-spacing:.18em;font-size:12px;color:var(--muted)}@media(max-width:820px){.board{display:none}h1{letter-spacing:.24em;text-indent:.24em;font-size:22px}}