@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=JetBrains+Mono:wght@400;500;700&family=Archivo:wght@400;600;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Bitter:wght@700;900&display=swap";:root{--paper-shade:#ece9dd;--ink-mute:#36333499;--ink-line:#3633342e;--ink-soft:#3633344d}.wrap{z-index:3;max-width:1200px;margin:0 auto;padding:20px 40px 80px;position:relative}.masthead{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:4px;padding:14px 0 10px;display:flex}.masthead .issue,.masthead .date{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-family:Archivo,sans-serif;font-size:10px;font-weight:700}.title-bar{text-align:center;border-bottom:1px solid var(--ink);padding:24px 0 16px}.logo{letter-spacing:-.04em;font-variation-settings:"opsz" 144;color:var(--ink);font-family:Fraunces,serif;font-size:clamp(72px,12vw,140px);font-weight:700;line-height:.85;display:inline-block}.logo em{color:var(--ink);font-style:italic;font-weight:700}.main{grid-template-columns:1fr 2fr 1fr;margin-top:18px;display:grid}.col{padding:24px 20px}.col+.col{border-left:1px solid var(--ink)}.kicker-above{letter-spacing:.32em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px;font-family:Archivo,sans-serif;font-size:11px;font-weight:700}.tagline{letter-spacing:.28em;text-transform:uppercase;text-align:center;color:var(--ink-mute);margin-top:12px;font-family:Archivo,sans-serif;font-size:11px;font-weight:700}.mobile-only{display:none}.kicker{letter-spacing:.25em;text-transform:uppercase;border-bottom:1.5px solid var(--ink);color:var(--ink-mute);margin-bottom:14px;padding-bottom:4px;font-family:Archivo,sans-serif;font-size:10px;font-weight:800;display:inline-block}.score-row{border-bottom:1px dotted var(--ink-soft);justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.score-row:last-child{border-bottom:none}.score-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-family:Archivo,sans-serif;font-size:11px;font-weight:700}.score-val{font-variation-settings:"opsz" 144;color:var(--ink);font-family:Fraunces,serif;font-size:28px;font-style:italic;font-weight:700}.clues-count{text-align:center;background:var(--ink);color:var(--paper);margin-top:20px;padding:18px 10px}.clues-count .big{font-variation-settings:"opsz" 144;font-family:Fraunces,serif;font-size:64px;font-style:italic;font-weight:700;line-height:1}.clues-count .lbl{letter-spacing:.3em;text-transform:uppercase;opacity:.7;margin-top:6px;font-family:Archivo,sans-serif;font-size:9px;font-weight:700}.player-num{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);font-family:Archivo,sans-serif;font-size:10px;font-weight:700}.headline{letter-spacing:-.02em;font-variation-settings:"opsz" 144;color:var(--ink);margin:8px 0 4px;font-family:Fraunces,serif;font-size:42px;font-weight:400;line-height:1}.headline em{font-style:italic;font-weight:700}.dek{opacity:.75;border-bottom:3px double var(--ink);margin-bottom:20px;padding-bottom:16px;font-family:Fraunces,serif;font-size:15px;font-style:italic;line-height:1.4}.difficulty-badge{letter-spacing:.22em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);background:0 0;margin-left:10px;padding:3px 10px;font-family:Archivo,sans-serif;font-size:9px;font-weight:700;display:inline-block}.difficulty-badge.easy{border-color:var(--ink-mute);font-weight:600}.difficulty-badge.medium{border-width:1.5px}.difficulty-badge.hard{background:var(--ink);color:var(--paper);border-width:1.5px;font-weight:800}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{background:var(--paper);border-bottom:1px dotted var(--ink-line);flex-direction:column;min-height:84px;padding:14px 14px 12px;display:flex}.stat-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px;font-family:Archivo,sans-serif;font-size:9px;font-weight:700}.stat-value{letter-spacing:-.02em;font-variation-settings:"opsz" 144;color:var(--ink);white-space:nowrap;margin:auto 0;font-family:Fraunces,serif;font-size:32px;font-style:italic;font-weight:700;line-height:1.15}.stat.hidden .stat-value{color:#0000;text-shadow:0 0 12px #3633348c;filter:blur(15px);-webkit-user-select:none;user-select:none}.compare{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);white-space:normal;margin-top:6px;font-family:Archivo,sans-serif;font-size:9px;font-style:normal;font-weight:700;display:block;overflow:visible}.compare .num{letter-spacing:.14em;font-size:9px;font-style:normal;font-weight:700}.compare .sign{letter-spacing:.14em;font-variation-settings:normal;font-size:9px;font-weight:700;line-height:1}.num{font-style:italic;font-weight:inherit;font-size:inherit;letter-spacing:inherit;font-variation-settings:inherit}.sign{margin-right:.1em;font-family:Bitter,serif;font-size:1em;font-style:normal;font-weight:900}.hints-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hints-grid .hint-stat:nth-child(5){grid-column:1/-1;max-width:calc(50% - 6px);margin:0 auto}.hint-stat{text-align:left;background:var(--paper);width:100%;color:var(--ink);border:none;border-bottom:1px dotted var(--ink-line);cursor:pointer;outline:none;font-family:inherit}.hint-stat:not(.locked):not(:disabled):hover{background:var(--paper-shade);transform:translate(-1px,-1px)}.hint-stat.locked{cursor:not-allowed}.hint-stat.locked .stat-value{color:#0000;text-shadow:0 0 12px #3633348c;filter:blur(15px);-webkit-user-select:none;user-select:none}.hint-stat.locked .stat-label{color:var(--ink-mute)}.guess-area{border-bottom:3px double var(--ink);flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:18px;display:flex}.search-box{position:relative}input[type=text]{background:var(--paper);width:100%;color:var(--ink);border:none;border-bottom:2.5px solid var(--ink);outline:none;padding:14px;font-family:Fraunces,serif;font-size:22px;font-style:italic}input[type=text]::placeholder{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);font-family:Archivo,sans-serif;font-size:13px;font-style:normal;font-weight:700}input[type=text]:disabled{opacity:.5}.suggestions{z-index:100;background:var(--paper);max-height:240px;color:var(--ink);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggestion-item{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-bottom:1px solid var(--ink-line);padding:10px 14px;font-family:Archivo,sans-serif;font-size:12px;font-weight:600}.suggestion-item:hover,.suggestion-item.active{background:var(--ink);color:var(--paper)}.action-row{gap:8px;display:flex}.action-row .btn{flex:1;padding:12px 14px;font-size:11px}.btn{letter-spacing:.2em;text-transform:uppercase;background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);cursor:pointer;padding:14px 18px;font-family:Archivo,sans-serif;font-size:12px;font-weight:800;transition:all .2s;position:relative}.btn:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.secondary{color:var(--ink);background:0 0}.btn.secondary:hover:not(:disabled){background:var(--ink);color:var(--paper)}.btn.reveal{color:var(--ink-mute);border-color:var(--ink-soft);background:0 0}.btn.reveal:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.guess-list{border-top:1px dotted var(--ink-line);flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;display:flex}.guess-row{justify-content:space-between;align-items:baseline;padding:4px 0;display:flex}.guess-name{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:Archivo,sans-serif;font-size:12px;font-weight:600}.guess-sg{font-variation-settings:"opsz" 144;color:var(--ink);font-family:Fraunces,serif;font-size:18px;font-style:italic;font-weight:700;line-height:1}.guess-list-sub{color:var(--ink-mute);margin-bottom:10px;font-family:Fraunces,serif;font-size:13px;font-style:italic;line-height:1.4}.guess-sg-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-right:6px;font-family:Archivo,sans-serif;font-size:9px;font-weight:700}.feedback{min-height:48px;color:var(--ink);padding:12px 0;font-family:Fraunces,serif;font-size:17px;line-height:1.4}.feedback.correct{font-style:normal;font-weight:700}.feedback.wrong{opacity:.75;font-style:italic;font-weight:400}.reveal-card{text-align:center;background:var(--ink);color:var(--paper);margin-top:24px;padding:20px;animation:.6s cubic-bezier(.2,.8,.2,1) dropIn}.reveal-card .kicker{border-color:var(--paper);color:var(--paper);opacity:.7}.reveal-card .name{font-variation-settings:"opsz" 144;color:var(--paper);margin:10px 0 6px;font-family:Fraunces,serif;font-size:36px;font-style:italic;font-weight:700;line-height:1}.streak-display{text-align:center;margin-top:16px}.streak-number{color:var(--paper);font-family:Fraunces,serif;font-size:72px;font-style:italic;font-weight:700;line-height:1}.streak-label{letter-spacing:.2em;text-transform:uppercase;color:var(--paper);opacity:.7;margin-top:4px;font-family:Archivo,sans-serif;font-size:11px}.streak-best{color:var(--paper);margin-top:8px;font-family:Fraunces,serif;font-size:14px;font-style:italic}.histogram{flex-direction:column;gap:6px;margin-top:8px;display:flex}.histogram-row{grid-template-columns:90px 1fr 24px;align-items:center;gap:8px;display:grid}.histogram-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap;text-overflow:ellipsis;font-family:Archivo,sans-serif;font-size:9px;font-weight:700;overflow:hidden}.histogram-bar-wrap{background:var(--ink-line);border-radius:2px;height:10px;overflow:hidden}.histogram-bar{background:var(--ink);height:100%;transition:width .3s}.histogram-count{text-align:right;color:var(--ink);font-family:Fraunces,serif;font-size:13px;font-style:italic;font-weight:700}.share-btn{background:var(--paper);color:var(--ink);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;margin-top:16px;padding:10px 16px;font-family:Archivo,sans-serif;font-size:11px;font-weight:800;transition:all .2s;display:inline-block}.share-btn:hover{box-shadow:4px 4px 0 var(--paper);transform:translate(-2px,-2px)}footer{border-top:2px solid var(--ink);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);justify-content:space-between;align-items:center;margin-top:40px;padding-top:16px;font-family:Archivo,sans-serif;font-size:10px;font-weight:700;display:flex}.flag-dot{background:var(--ink);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin:0 8px;display:inline-block}.testing-block{border-top:1px dotted var(--ink-soft);opacity:.65;margin-top:32px;padding-top:20px;transition:opacity .2s}.testing-block:hover{opacity:1}.testing-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin:8px 0 4px;font-family:Archivo,sans-serif;font-size:9px;font-weight:700;display:block}.testing-select{background:var(--paper);width:100%;color:var(--ink);border:1.5px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:8px 10px;font-family:Archivo,sans-serif;font-size:11px;font-weight:600}.stat.revealing{animation:.5s cubic-bezier(.2,.9,.3,1.3) stamp}@keyframes stamp{0%{background:var(--ink);color:var(--paper);transform:scale(.96)}60%{background:var(--ink);color:var(--paper);transform:scale(1.02)}to{transform:scale(1)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.wrap{padding:20px 20px 60px}.main{grid-template-columns:1fr}.col+.col{border-left:none;border-top:1px solid var(--ink)}.mobile-only{display:inline}.logo{font-size:64px}.stat{min-height:72px}.tagline span{display:block}.tagline{text-align:center}.action-row{flex-direction:column}.main .col:first-child{order:2}.main .col:nth-child(2){order:1}.main .col:nth-child(3){order:3}.masthead,.player-num{display:none}.compare{margin-top:2px;margin-left:0;font-size:.6em;display:block}}@media (width<=600px){.hints-grid{grid-template-columns:1fr}.hints-grid .hint-stat:nth-child(5){grid-column:auto;max-width:none;margin:0}}:root{--ink:#363334;--paper:#f9f8f3}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Fraunces,serif}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}input{font-family:inherit}
