@font-face{font-family:Anton;src:url(/fonts/anton.woff2)format("woff2");font-display:swap}:root{--ink:#fff;--bg:#0d0d0d;--panel:#1a1a1a;--panel-2:#141414;--line:#292929;--dim:#8f8f8f;--hot:#f2e205;--red:#ff5a4e;--green:#4ade80;--gutter:16px;--display:"Anton", "Haettenschweiler", "Arial Narrow Bold", Impact, sans-serif;--sans:"Helvetica Neue", Arial, -apple-system, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;min-width:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-size:16px}#app{min-height:var(--vh,100dvh);flex-direction:column;display:flex}.bar{padding:0 var(--gutter);background:var(--hot);color:#101010;z-index:5;align-items:center;gap:16px;height:52px;display:flex;position:sticky;top:0}.wordmark{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;font-size:21px}.meta{font-family:var(--mono);letter-spacing:.16em;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:700}.pips{gap:5px;display:flex}.pip{background:#10101038;width:20px;height:5px;display:block}.pip.now{background:#101010}.pip.done{background:#1010108c}.pip.hit,.pip.near{background:#0f7a3d}.pip.mid{background:#8a7c00}.pip.far{background:#b3251b}@media (width<=560px){.bar{gap:9px}.wordmark{font-size:18px}.pips{gap:4px}.pip{width:11px}.meta{letter-spacing:.09em;font-size:10px}}main{width:100%;max-width:1120px;padding:var(--gutter);gap:var(--gutter);flex:1;align-content:start;margin:0 auto;display:grid}main.ask{grid-template-rows:1fr max-content}main.ask .pane{flex-direction:column;justify-content:center;min-height:0;display:flex}.pick{justify-content:flex-end}#app[data-screen=ask]{height:var(--vh,100dvh);overflow:hidden}#app[data-screen=ask] main,#app[data-screen=ask] .shot,#app.picking main{min-height:0}#app.picking main.ask{grid-template-rows:minmax(0,auto) minmax(160px,1fr)}#app.picking .pane{justify-content:flex-start}#app.picking .shot{max-height:calc(var(--vh,100dvh) * .26)}#app.picking h1.q,#app.picking .caption{font-size:clamp(15px,3.8vw,19px)}#app.picking .pick{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}#app.picking .list{min-height:0;max-height:none}@media not all and (width>=900px) and (hover:hover) and (pointer:fine){main.reveal{grid-template-rows:max-content 1fr;gap:12px}.pane.split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pane.split canvas.globe{aspect-ratio:1}.pane.split .shot{aspect-ratio:1;width:100%;max-height:none}.pane.split .credit{grid-column:1/-1;margin:0}main.reveal .big{font-size:46px}main.reveal .scoreline{margin-bottom:10px}main.reveal .answer{margin-bottom:6px}main.reveal .answer .flag{font-size:30px}main.reveal .note{margin-top:10px;font-size:13px}}@media (width>=900px) and (hover:hover) and (pointer:fine){:root{--gutter:28px}main{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-content:center;gap:40px}main.ask{grid-template-rows:auto;align-items:center}.pick{justify-content:center;margin-top:0}main.ask,main.reveal,main.wrap{padding-block:40px}.shot{max-height:min(68dvh,620px)}}h1.q em,.caption em{font-style:italic}h1.q{letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(21px,4.4vw,40px);font-weight:800;line-height:1.08}.shot{object-fit:contain;background:var(--panel);max-width:100%;max-height:46dvh;margin:0 auto;display:block}.stake{background:var(--hot);color:#101010;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-block}#app.picking .stake{display:none}.caption{letter-spacing:-.03em;text-transform:uppercase;margin:14px 0 0;font-size:clamp(19px,3.2vw,28px);font-weight:800;line-height:1.1}.pick{flex-direction:column;margin-top:auto;display:flex}input[type=text]{background:var(--panel);width:100%;color:var(--ink);border:2px solid var(--hot);border-radius:0;padding:14px;font-family:ui-monospace,SF Mono,Menlo,Consolas;font-size:17px}input[type=text]:focus{background:#242424;outline:none}input::placeholder{color:#6d6d6d}.list{max-height:34dvh;margin:4px 0 0;padding:0;list-style:none;overflow-y:auto}.list li{background:var(--panel);cursor:pointer;align-items:center;gap:11px;margin-bottom:3px;padding:11px 13px;font-size:15px;font-weight:600;display:flex}.list li[aria-selected=true]{background:var(--hot);color:#101010}.list li .flag{font-size:21px;line-height:1}.empty{color:var(--dim);font-family:var(--mono);padding:11px 13px;font-size:12px}button.go{background:var(--hot);color:#101010;width:100%;font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:0;margin-top:10px;padding:16px;font-size:15px;font-weight:800}button.go[disabled]{background:var(--panel);color:#5d5d5d;cursor:not-allowed}.detail{flex-direction:column;display:flex}.answer{align-items:center;gap:12px;margin:0 0 10px;display:flex}.answer .flag{font-size:36px;line-height:1}.answer .name{letter-spacing:-.02em;font-size:clamp(24px,3.4vw,32px);font-weight:800}.big{font-family:var(--display);color:var(--hot);font-size:clamp(54px,8vw,76px);line-height:.85}.big.red{color:var(--red)}.big.green{color:var(--green)}.scoreline{align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.scoreline .mult{font-family:var(--mono);color:var(--dim);padding-bottom:8px;font-size:12px}.scoreline .running{font-family:var(--display);color:var(--hot);margin-left:auto;padding-bottom:6px;font-size:26px;line-height:1}.scoreline .running:before{content:"TOTAL";font-family:var(--mono);letter-spacing:.16em;color:var(--dim);margin-bottom:3px;font-size:9px;display:block}canvas.globe{aspect-ratio:100/58;background:var(--panel-2);width:100%;display:block}.stats{background:var(--panel);padding:13px 15px}.stats .row{font-family:var(--mono);border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:6px 0;font-size:12px;display:flex}.stats .row:last-child{border-bottom:0}.stats .row span:first-child{color:var(--dim);letter-spacing:.08em}.note{color:#c9c9c9;margin:14px 0 0;font-size:14px;line-height:1.5}.note b{color:var(--hot)}.credit{color:#6d6d6d;font-size:10px;font-family:var(--mono);word-break:break-word;margin:8px 0 0}.credit a{color:#6d6d6d}.detail .go{margin-top:auto}.verdict{margin-bottom:12px}.verdict .head{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;font-size:clamp(26px,5vw,36px);line-height:1;display:block}.verdict .body{color:#b6b6b6;margin-top:5px;font-size:13px;display:block}.verdict.exact .head,.verdict.close .head{color:var(--green)}.verdict.warm .head{color:var(--hot)}.verdict.blind .head,.verdict.worst .head{color:var(--red)}.verdict.exact .head{animation:.42s cubic-bezier(.2,1.5,.4,1) both pop}.verdict.worst .head{animation:.38s ease-in-out both shake}@keyframes pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.verdict.exact .head{display:inline-block;position:relative}.verdict.exact .head:after{content:"";background:var(--green);height:4px;animation:.5s cubic-bezier(.2,.8,.3,1) .12s both wipe;position:absolute;bottom:-6px;left:0}@keyframes wipe{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.verdict .head{animation:none}.verdict.exact .head:after{width:100%;animation:none}}.total{align-items:baseline;gap:10px;display:flex}.total .out{font-family:var(--mono);color:var(--dim);font-size:13px}.marks{letter-spacing:.06em;margin:8px 0 18px;font-size:clamp(22px,6vw,32px)}.share{font-family:var(--mono);white-space:pre;background:var(--panel);margin:16px 0 0;padding:13px 15px;font-size:13px;line-height:1.7;overflow-x:auto}.head{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 10px;font-size:11px;font-weight:700}.footnote{text-align:center;color:var(--dim);font-family:var(--mono);margin-top:16px;font-size:12px}.recap{margin:0;padding:0;list-style:none}.recap li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.recap li:last-child{border-bottom:0}.recap .who{color:#d5d5d5;flex:1}.recap .pts{font-family:var(--mono);color:var(--dim);font-size:12px}
