@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#171713;--paper:#f4f0e7;--card:#fffdf7;--acid:#d7ff43;--line:#cbc5b9;--muted:#716d64;--red:#ff5b38;--orange:#ff9f1c}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;min-height:100vh}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1080px)/2));}.brand{color:var(--ink);text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{display:inline-grid;place-items:center;background:var(--ink);color:var(--acid);border-radius:50%;width:31px;height:31px;margin-right:2px;transform:rotate(-8deg)}nav{display:flex;gap:9px}.icon-button{width:36px;height:36px;border:1px solid var(--ink);background:transparent;border-radius:50%;font:700 16px Manrope;cursor:pointer}.icon-button:hover{background:var(--ink);color:var(--acid)}main{width:min(700px,calc(100% - 32px));margin:0 auto}.hero{text-align:center;padding:58px 0 33px}.eyebrow{font:500 11px DM Mono,monospace;text-transform:uppercase;letter-spacing:1.5px;display:flex;justify-content:center;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 4px #ff5b3823}.hero h1{font-size:clamp(42px,7vw,68px);line-height:1;margin:21px 0 14px;letter-spacing:-4px}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero p{color:var(--muted);font-size:15px;line-height:1.6;max-width:510px;margin:auto}.game-card{background:var(--card);border:1px solid var(--ink);border-radius:3px;box-shadow:7px 7px 0 var(--ink);padding:26px 30px 29px;position:relative}.card-topline{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font:500 10px DM Mono,monospace;letter-spacing:1.2px;color:var(--muted)}.text-button{border:0;background:none;font:inherit;text-transform:uppercase;cursor:pointer;color:var(--ink);padding:5px}.text-button:hover{text-decoration:underline}.prompt-mark{font:60px Georgia;color:var(--acid);-webkit-text-stroke:1px var(--ink);height:42px;margin-top:12px}.game-card h2{font-size:22px;line-height:1.35;margin:5px 0 24px;max-width:480px}.input-row{display:flex;border:1.5px solid var(--ink);height:54px;background:white}.input-row:focus-within{box-shadow:0 0 0 3px var(--acid)}input{min-width:0;flex:1;border:0;background:transparent;padding:0 16px;font:500 16px Manrope;outline:none}input::placeholder{color:#aaa69d}.input-row button,.win-panel button{border:0;background:var(--ink);color:white;font:700 13px Manrope;padding:0 20px;cursor:pointer}.input-row button span{color:var(--acid);margin-left:9px;font-size:18px}.input-row button:hover,.win-panel button:hover{color:var(--acid)}.error{height:15px;margin:5px 0 0;color:#bd3217;font-size:11px}.hint-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:9px 0 17px;font:11px DM Mono;color:var(--muted)}.hint-button{border:0;background:none;padding:0;font:500 11px DM Mono;color:var(--ink);cursor:pointer}.hint-button:hover{text-decoration:underline}.hint{background:#f0ecd8;border-left:4px solid var(--acid);padding:12px 14px;margin-top:15px;font-size:13px}.empty-state{text-align:center;color:var(--muted);font-size:12px;line-height:1.6;padding:34px 0 11px}.thermometer{display:flex;justify-content:center;gap:4px;margin-bottom:11px}.thermometer i{width:20px;height:5px;background:#ddd8ce}.thermometer i:first-child{background:#9cdcf4}.results{margin-top:18px}.results-head,.guess-item{display:grid;grid-template-columns:1fr 105px 50px;gap:10px;align-items:center}.results-head{text-transform:uppercase;font:500 9px DM Mono;color:var(--muted);padding:0 10px 7px}.results-head span:last-child{text-align:right}#guessList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.guess-item{padding:11px 10px;background:#f3efe6;border-left:4px solid var(--tone);font-size:13px}.guess-item strong{font-family:DM Mono;font-size:12px;text-align:right}.heat{font:500 9px DM Mono;text-transform:uppercase;letter-spacing:.7px}.heat::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--tone);margin-right:6px}.cold{--tone:#70c9ed}.cool{--tone:#8ed08a}.warm{--tone:#e4c447}.hot{--tone:#ff9f1c}.burning{--tone:#ff5b38}.correct{--tone:#b6df20}.win-panel{text-align:center;background:var(--acid);border:1px solid var(--ink);margin-top:20px;padding:22px}.win-panel>span{font:600 10px DM Mono;letter-spacing:2px}.win-panel h3{font-size:42px;margin:5px 0;text-transform:lowercase;letter-spacing:-2px}.win-panel p{font-size:13px;margin:0 auto 16px;max-width:430px}.win-panel button{height:40px}.scale{display:flex;align-items:center;gap:10px;margin:24px auto 50px;width:65%;font:500 9px DM Mono;text-transform:uppercase;color:var(--muted)}.gradient{height:4px;flex:1;background:linear-gradient(90deg,#70c9ed,#8ed08a,#e4c447,#ff9f1c,#ff5b38)}footer{border-top:1px solid var(--line);padding:24px max(24px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;color:var(--muted);font:10px DM Mono;text-transform:uppercase;letter-spacing:1px}dialog{width:min(480px,calc(100% - 32px));border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:32px;background:var(--card)}dialog::backdrop{background:#17171399}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;cursor:pointer}dialog h2{margin-top:0}dialog p,dialog li{font-size:14px;line-height:1.6}dialog li{margin-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--paper);padding:14px;text-align:center}.stat strong{display:block;font-size:26px}.stat span{font:9px DM Mono;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:600px){.site-header{height:64px}.hero{padding:40px 0 26px}.hero h1{letter-spacing:-2.5px}.game-card{padding:22px 18px;box-shadow:5px 5px 0 var(--ink)}.input-row button{padding:0 14px}.results-head,.guess-item{grid-template-columns:1fr 82px 45px}.scale{width:85%}footer{flex-direction:column;gap:8px;text-align:center}}
.leaderboard-form{background:#fffdf7;border:1px solid var(--ink);margin:0 auto 14px;max-width:360px;padding:12px}.leaderboard-form label{display:block;font:600 9px DM Mono;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.leaderboard-form div{display:flex;border:1px solid var(--ink);height:38px;background:white}.leaderboard-form input{border:0;flex:1;font-size:16px;padding:0 10px;min-width:0}.leaderboard-form button{height:auto;padding:0 13px}.leaderboard-form small{display:block;min-height:16px;margin-top:7px;font:500 10px DM Mono;color:#555}.leaderboard-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.leaderboard-list li{display:grid;grid-template-columns:28px 1fr 90px 82px 52px;align-items:center;gap:8px;background:var(--paper);border-left:4px solid var(--acid);padding:10px;font-size:12px}.leaderboard-list span,.leaderboard-list small{font:500 10px DM Mono;color:var(--muted)}.leaderboard-list em{font-style:normal;color:var(--muted)}.leaderboard-list b{font:700 11px DM Mono;text-align:right}@media(max-width:600px){.leaderboard-list li{grid-template-columns:24px 1fr;align-items:start}.leaderboard-list em,.leaderboard-list b,.leaderboard-list small{grid-column:2}.leaderboard-form div{height:auto;display:grid}.leaderboard-form button{height:36px}}
.leaderboard-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 14px}.leaderboard-tabs button{height:34px;border:1px solid var(--ink);background:var(--paper);font:700 10px DM Mono;text-transform:uppercase;cursor:pointer}.leaderboard-tabs button[aria-current=true]{background:var(--acid);box-shadow:2px 2px 0 var(--ink)}
main{width:min(1180px,calc(100% - 32px))}.play-layout{display:grid;grid-template-columns:minmax(0,700px) 360px;gap:26px;align-items:start}.side-panel,.technical-card{background:var(--card);border:1px solid var(--ink);border-radius:3px;box-shadow:7px 7px 0 var(--ink);padding:22px}.side-panel{position:sticky;top:18px}.rank-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:17px 0}.rank-summary div,.rank-note{border:1px solid var(--ink);background:var(--paper);padding:10px}.rank-summary span,.rank-note span{display:block;font:600 9px DM Mono;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.rank-summary strong,.rank-note strong{display:inline-block;font:800 24px Manrope;letter-spacing:-1px;margin-top:2px}.rank-summary em,.rank-note em{display:inline-block;margin-left:5px;font:500 10px DM Mono;color:var(--muted);font-style:normal}.side-panel .leaderboard-tabs{grid-template-columns:repeat(4,1fr)}.side-panel .leaderboard-tabs button{font-size:9px;padding:0 2px}.leaderboard-tabs.compact{margin-bottom:10px}.side-panel .leaderboard-list li{grid-template-columns:24px 1fr;gap:4px 8px}.side-panel .leaderboard-list em,.side-panel .leaderboard-list b,.side-panel .leaderboard-list small{grid-column:2;text-align:left}.leaderboard-list li.current-player{background:var(--acid);box-shadow:3px 3px 0 var(--ink);border-left-color:var(--ink)}.leaderboard-list li.outside-top{margin-top:8px}.technical-card{margin-top:28px}.technical-card h2{font-size:34px;line-height:1;margin:18px 0 14px;letter-spacing:-1.5px}.technical-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px}.technical-tabs button{height:38px;border:1px solid var(--ink);background:var(--paper);font:700 10px DM Mono;text-transform:uppercase;cursor:pointer}.technical-tabs button[aria-current=true]{background:var(--acid);box-shadow:3px 3px 0 var(--ink)}.technical-content{background:#fffdf7;border:1px solid var(--line);padding:18px}.technical-content h3{margin:0 0 8px;font-size:22px;letter-spacing:-.6px}.technical-content p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 14px;max-width:860px}.technical-content ul{margin:0;padding-left:18px;display:grid;gap:8px}.technical-content li{font-size:13px;line-height:1.55}.rank-note{margin-bottom:12px}@media(max-width:960px){main{width:min(700px,calc(100% - 32px))}.play-layout{grid-template-columns:1fr}.side-panel{position:static}.technical-tabs{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.rank-summary{grid-template-columns:1fr}.technical-card,.side-panel{padding:18px;box-shadow:5px 5px 0 var(--ink)}.technical-card h2{font-size:28px}.technical-tabs{grid-template-columns:1fr}.side-panel .leaderboard-tabs{grid-template-columns:repeat(2,1fr)}}
.rules-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.rules-row span{border:1px solid var(--line);background:#fffaf0;padding:8px 10px;font:600 9px DM Mono;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);text-align:center}@media(max-width:600px){.rules-row{grid-template-columns:1fr}}
.wide-button{width:auto;min-width:42px;border-radius:18px;padding:0 8px;font-size:12px}.leaderboard-list li{grid-template-columns:28px 1fr 82px 52px}.technical-dialog h2{font-size:28px;line-height:1.1;margin:18px 0 14px;letter-spacing:-1px}@media(max-width:600px){.leaderboard-list li{grid-template-columns:24px 1fr}.leaderboard-list b,.leaderboard-list small{grid-column:2}}
.nav-pill{display:inline-flex;align-items:center;justify-content:center;height:36px;border:1px solid var(--ink);border-radius:18px;padding:0 13px;color:var(--ink);text-decoration:none;font:800 10px DM Mono;text-transform:uppercase;letter-spacing:.7px}.nav-pill:hover{background:var(--ink);color:var(--acid)}.deep-page{width:min(1120px,calc(100% - 32px));padding-bottom:54px}.deep-hero{text-align:center;padding:60px 0 32px}.deep-hero h1{font-size:clamp(44px,7vw,78px);line-height:.95;margin:20px auto 16px;max-width:850px;letter-spacing:-4px}.deep-hero h1 em{font-family:Georgia,serif;font-weight:400}.deep-hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.7}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.metric-grid article,.deep-card{background:var(--card);border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:3px}.metric-grid article{padding:18px}.metric-grid span,.spec-grid span{display:block;font:700 9px DM Mono;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.metric-grid strong{display:block;font-size:36px;line-height:1;margin:12px 0 10px;letter-spacing:-1.6px}.metric-grid p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.deep-card{padding:26px;margin-bottom:24px}.deep-card h2{font-size:34px;line-height:1.05;letter-spacing:-1.5px;margin:14px 0}.deep-card p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 16px}.deep-card code{font-family:DM Mono;background:#f0ecd8;border:1px solid var(--line);padding:1px 5px}.deep-card pre{background:var(--ink);color:var(--acid);padding:16px;overflow:auto;border-radius:2px}.deep-card pre code{background:transparent;border:0;color:inherit;padding:0}.deep-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.deep-split .deep-card{margin-bottom:24px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.pipeline div,.spec-grid div{border:1px solid var(--line);background:#fffaf0;padding:13px}.pipeline b{display:block;font-size:14px;margin-bottom:6px}.pipeline span{font:500 11px DM Mono;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.check-list li{position:relative;padding-left:24px;font-size:14px;line-height:1.6}.check-list li::before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;background:var(--acid);border:1px solid var(--ink);border-radius:50%}.deep-card table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px}.deep-card th,.deep-card td{border:1px solid var(--line);padding:10px;text-align:left}.deep-card th{font:800 10px DM Mono;text-transform:uppercase;letter-spacing:.8px;background:#f0ecd8}.deep-card td:not(:first-child),.deep-card th:not(:first-child){text-align:right}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.spec-grid strong{display:block;margin-top:8px;font-size:18px;letter-spacing:-.5px}.impact-callout{background:var(--acid);border:1px solid var(--ink);padding:18px;font-size:15px;line-height:1.7;margin-top:18px}.impact-callout strong{font-weight:900}footer a{color:inherit}@media(max-width:900px){.metric-grid,.deep-split,.pipeline{grid-template-columns:1fr 1fr}.spec-grid{grid-template-columns:1fr 1fr}.deep-hero h1{letter-spacing:-2.5px}}@media(max-width:620px){nav{gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav-pill{height:32px;padding:0 9px;font-size:9px}.deep-hero{padding:42px 0 24px}.deep-hero h1{letter-spacing:-2px}.metric-grid,.deep-split,.pipeline,.spec-grid{grid-template-columns:1fr}.deep-card{padding:20px;box-shadow:5px 5px 0 var(--ink)}.deep-card h2{font-size:28px}.deep-card table{display:block;overflow-x:auto;white-space:nowrap}.metric-grid strong{font-size:32px}}
.hero-title-word{display:inline-flex;align-items:baseline;vertical-align:baseline}.hero-logo-mark{display:inline-grid;place-items:center;flex:0 0 auto;width:1.24em;height:1.24em;margin-right:.09em;background:var(--ink);color:var(--acid);border:1px solid var(--ink);border-radius:50%;font:800 1.08em Manrope,Arial,sans-serif;letter-spacing:0;line-height:1;transform:rotate(-8deg) translateY(.1em);box-shadow:8px 8px 0 var(--acid)}.hero-title-rest{letter-spacing:-4px}.play-layout{justify-content:center}.game-card,.side-panel,.metric-grid article,.deep-card{box-shadow:10px 10px 0 var(--ink)}dialog{box-shadow:10px 10px 0 var(--ink)}@media(max-width:600px){.game-card,.side-panel,.metric-grid article,.deep-card{box-shadow:7px 7px 0 var(--ink)}.hero-logo-mark{box-shadow:5px 5px 0 var(--acid)}}
.play-counts{display:flex;gap:12px;align-items:center;justify-content:flex-end;white-space:nowrap}.play-counts span{display:inline-flex;align-items:center;gap:4px}@media(max-width:600px){.hint-row{align-items:flex-start;gap:12px}.play-counts{flex-direction:column;align-items:flex-end;gap:4px}}
.you-badge{display:inline-flex;align-items:center;margin-left:6px;padding:2px 5px;border:1px solid var(--ink);background:var(--ink);color:var(--acid);font:800 8px DM Mono;font-style:normal;letter-spacing:.8px;vertical-align:middle}.unranked-note{border:1px dashed var(--line);padding:14px;color:var(--muted);font-size:12px;line-height:1.6}.leaderboard-link{display:flex;justify-content:center;margin-top:14px;padding:10px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font:800 9px DM Mono;text-transform:uppercase;letter-spacing:.8px}.leaderboard-link:hover{background:var(--ink);color:var(--acid)}
.leaderboard-page{max-width:920px}.leaderboard-hero{padding-bottom:28px}.leaderboard-page-tabs{grid-template-columns:repeat(4,1fr);margin:22px 0 14px}.full-rank-note{min-height:70px;display:flex;align-items:baseline;gap:10px;border:1px solid var(--ink);background:var(--acid);padding:13px 16px;margin-bottom:14px}.full-rank-note:empty{display:none}.full-rank-note span{font:700 10px DM Mono;text-transform:uppercase;letter-spacing:1px}.full-rank-note strong{font-size:28px;letter-spacing:-1px}.leaderboard-tier-key{display:flex;gap:18px;justify-content:flex-end;margin:0 0 12px;font:700 9px DM Mono;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.leaderboard-tier-key span{display:flex;align-items:center;gap:6px}.tier-swatch{width:12px;height:12px;border:1px solid var(--ink)}.tier-swatch.podium{background:var(--acid)}.tier-swatch.top-ten{background:#eef7c7}.tier-swatch.current{background:var(--ink)}.full-leaderboard-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.full-leaderboard-list li{display:grid;grid-template-columns:54px minmax(0,1fr) 130px;align-items:center;gap:12px;min-height:68px;border:1px solid var(--line);border-left:7px solid var(--line);background:var(--paper);padding:10px 15px}.full-leaderboard-list li.tier-top-ten{background:#f4f8df;border-left-color:#bad530}.full-leaderboard-list li.tier-podium{background:var(--acid);border-color:var(--ink);border-left-color:var(--ink);box-shadow:4px 4px 0 var(--ink);margin-bottom:3px}.full-leaderboard-list li.current-player{outline:3px solid var(--ink);outline-offset:2px}.full-rank{font:800 24px Manrope;letter-spacing:-1px}.rank-1 .full-rank::after{content:" ★";font-size:12px}.full-player{min-width:0}.full-player strong{font-size:16px}.full-player small{display:block;margin-top:4px;font:500 10px DM Mono;color:var(--muted)}.full-leaderboard-list b{text-align:right;font:800 13px DM Mono}.empty-leaderboard{border:1px dashed var(--line);padding:22px;text-align:center;color:var(--muted)}@media(max-width:620px){.leaderboard-page-tabs{grid-template-columns:repeat(2,1fr)}.leaderboard-tier-key{justify-content:flex-start;flex-wrap:wrap}.full-leaderboard-list li{grid-template-columns:38px minmax(0,1fr);padding:10px}.full-leaderboard-list b{grid-column:2;text-align:left}.full-rank{font-size:20px}}
.anonymous-player{width:100%;height:38px!important;margin-top:9px;border:1px solid var(--ink)!important;background:var(--acid)!important;color:var(--ink)!important;font:800 10px DM Mono!important;text-transform:uppercase;letter-spacing:.6px;cursor:pointer}.anonymous-player:hover{background:var(--ink)!important;color:var(--acid)!important}.win-panel.failed{background:#ffd6a5}.win-panel.failed h3{font-size:32px;letter-spacing:-1.3px}
.closer-look-page{overflow-x:hidden;overflow-x:clip}.closer-look-page .deep-page,.closer-look-page .deep-card,.closer-look-page .metric-grid>*,.closer-look-page .deep-split>*,.closer-look-page .pipeline>*,.closer-look-page .spec-grid>*{min-width:0;max-width:100%}.closer-look-page .card-topline{gap:12px}.closer-look-page .card-topline>*{min-width:0;overflow-wrap:anywhere}.closer-look-page .card-topline>:last-child{text-align:right}.closer-look-page .deep-card code,.closer-look-page .spec-grid strong{overflow-wrap:anywhere;word-break:break-word}.closer-look-page .deep-card table,.closer-look-page .deep-card pre{max-width:100%}@media(max-width:620px){.closer-look-page .site-header{height:auto;min-height:64px;padding:10px 16px;gap:10px}.closer-look-page .site-header nav{min-width:0;justify-content:flex-end}.closer-look-page .deep-page{width:calc(100% - 32px)}.closer-look-page .metric-grid,.closer-look-page .deep-split,.closer-look-page .pipeline,.closer-look-page .spec-grid{grid-template-columns:minmax(0,1fr)}.closer-look-page .deep-card table{width:100%;max-width:100%;overscroll-behavior-inline:contain}}
