:root{--bg: #f9a04a;--window: #fde6d0;--window-2: #f6d6b8;--bar-lilac: #d6aec9;--bar-red: #f0502d;--bar-tan: #e9b872;--ink: #3b1f2b;--ink-soft: #6b4a57;--gold: #ffd23f;--focus: #2f5bd3;--border: 2px solid var(--ink);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.23 0 0 0 0 0.12 0 0 0 0 0.17 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--field: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='997' height='997'%3E%3Cg fill='%233B1F2B'%3E%3Ccircle cx='323' cy='150' r='2.5' fill-opacity='0.25'/%3E%3Ccircle cx='72' cy='534' r='1.5' fill-opacity='0.25'/%3E%3Ccircle cx='907' cy='214' r='1' fill-opacity='0.4'/%3E%3Ccircle cx='417' cy='240' r='2' fill-opacity='0.4'/%3E%3Ccircle cx='59' cy='564' r='1' fill-opacity='0.25'/%3E%3Ccircle cx='575' cy='395' r='1' fill-opacity='0.25'/%3E%3Ccircle cx='555' cy='133' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='539' cy='569' r='2' fill-opacity='0.3'/%3E%3Ccircle cx='103' cy='569' r='1' fill-opacity='0.35'/%3E%3Ccircle cx='97' cy='710' r='2' fill-opacity='0.25'/%3E%3Ccircle cx='617' cy='495' r='2' fill-opacity='0.4'/%3E%3Ccircle cx='775' cy='464' r='1.5' fill-opacity='0.35'/%3E%3Ccircle cx='299' cy='792' r='2.5' fill-opacity='0.3'/%3E%3Ccircle cx='82' cy='299' r='1.5' fill-opacity='0.35'/%3E%3Ccircle cx='727' cy='287' r='1' fill-opacity='0.25'/%3E%3Ccircle cx='510' cy='164' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='930' cy='420' r='2.5' fill-opacity='0.25'/%3E%3Ccircle cx='762' cy='571' r='1.5' fill-opacity='0.35'/%3E%3Ccircle cx='693' cy='593' r='2' fill-opacity='0.4'/%3E%3Ccircle cx='69' cy='93' r='1.5' fill-opacity='0.4'/%3E%3Ccircle cx='695' cy='65' r='2.5' fill-opacity='0.35'/%3E%3Ccircle cx='645' cy='990' r='1.5' fill-opacity='0.35'/%3E%3Ccircle cx='714' cy='884' r='1.5' fill-opacity='0.25'/%3E%3Ccircle cx='938' cy='354' r='2' fill-opacity='0.25'/%3E%3Ccircle cx='492' cy='218' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='736' cy='397' r='1.5' fill-opacity='0.25'/%3E%3Ccircle cx='166' cy='400' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='817' cy='861' r='1.5' fill-opacity='0.4'/%3E%3Ccircle cx='984' cy='681' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='150' cy='176' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='12' cy='829' r='1' fill-opacity='0.35'/%3E%3Ccircle cx='281' cy='145' r='2' fill-opacity='0.35'/%3E%3Ccircle cx='608' cy='318' r='1' fill-opacity='0.25'/%3E%3Ccircle cx='455' cy='868' r='2.5' fill-opacity='0.4'/%3E%3Ccircle cx='397' cy='393' r='1.5' fill-opacity='0.4'/%3E%3Ccircle cx='62' cy='67' r='1' fill-opacity='0.4'/%3E%3Ccircle cx='162' cy='339' r='1' fill-opacity='0.25'/%3E%3Ccircle cx='0' cy='151' r='1' fill-opacity='0.35'/%3E%3Ccircle cx='612' cy='70' r='1' fill-opacity='0.4'/%3E%3Ccircle cx='148' cy='252' r='1.5' fill-opacity='0.35'/%3E%3Ccircle cx='473' cy='115' r='1.5' fill-opacity='0.4'/%3E%3Ccircle cx='479' cy='311' r='1' fill-opacity='0.25'/%3E%3Ccircle cx='747' cy='738' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='515' cy='205' r='2' fill-opacity='0.35'/%3E%3Ccircle cx='146' cy='542' r='1' fill-opacity='0.35'/%3E%3Ccircle cx='976' cy='861' r='2.5' fill-opacity='0.35'/%3E%3Ccircle cx='517' cy='906' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='531' cy='777' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='611' cy='786' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='816' cy='738' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='516' cy='354' r='1' fill-opacity='0.25'/%3E%3Ccircle cx='788' cy='471' r='1' fill-opacity='0.35'/%3E%3Ccircle cx='446' cy='934' r='1.5' fill-opacity='0.35'/%3E%3Ccircle cx='80' cy='102' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='337' cy='481' r='2' fill-opacity='0.25'/%3E%3Ccircle cx='478' cy='651' r='2.5' fill-opacity='0.25'/%3E%3Ccircle cx='832' cy='120' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='477' cy='178' r='2.5' fill-opacity='0.35'/%3E%3Ccircle cx='86' cy='943' r='2.5' fill-opacity='0.4'/%3E%3Ccircle cx='462' cy='741' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='169' cy='127' r='1' fill-opacity='0.4'/%3E%3Ccircle cx='804' cy='146' r='2' fill-opacity='0.4'/%3E%3Ccircle cx='655' cy='349' r='2' fill-opacity='0.3'/%3E%3Ccircle cx='21' cy='797' r='2.5' fill-opacity='0.25'/%3E%3Ccircle cx='525' cy='931' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='824' cy='210' r='1.5' fill-opacity='0.3'/%3E%3Ccircle cx='292' cy='240' r='2' fill-opacity='0.35'/%3E%3Ccircle cx='259' cy='418' r='1' fill-opacity='0.25'/%3E%3Ccircle cx='907' cy='353' r='1.5' fill-opacity='0.4'/%3E%3Ccircle cx='825' cy='876' r='1' fill-opacity='0.3'/%3E%3C/g%3E%3C/svg%3E")}.field{background:var(--bg) var(--field)}.bar-red{--bar-c: var(--bar-red)}.bar-tan{--bar-c: var(--bar-tan)}.bar-lilac{--bar-c: var(--bar-lilac)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg) var(--field);color:var(--ink);font:15px/1.45 var(--font);overflow:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;background:var(--grain);opacity:.18;mix-blend-mode:multiply;pointer-events:none;z-index:1000}a{color:inherit}h1,h2,h3{line-height:1.2}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.win{background:var(--window);border:var(--border);display:flex;flex-direction:column;min-width:0}.win-bar{background:var(--bar-c, var(--bar-tan));border-bottom:var(--border);display:flex;align-items:center;gap:8px;padding:6px 8px;min-height:34px}.win-ctls{display:flex;gap:4px;flex:none;margin-left:auto}.win-ctl{width:18px;height:18px;border:var(--border);background:var(--window);padding:0;display:block;position:relative}.ctl-min:after{content:"";position:absolute;left:3px;right:3px;bottom:3px;height:2px;background:var(--ink)}.ctl-max:after{content:"";position:absolute;inset:3px;border:2px solid var(--ink);border-top-width:3px}.win-close:before,.win-close:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;background:var(--ink);transform:translate(-50%,-50%) rotate(45deg)}.win-close:after{transform:translate(-50%,-50%) rotate(-45deg)}button.win-close{cursor:pointer;background:var(--bar-red)}button.win-close:hover{background:var(--ink)}button.win-close:hover:before,button.win-close:hover:after{background:var(--window)}.bar-red button.win-close{background:var(--gold)}.win-title{font-weight:700;font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win-body{padding:12px;position:relative}.win-foot{border-top:var(--border);padding:8px 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{font:600 14px/1 var(--font);color:var(--ink);background:var(--window);border:var(--border);padding:8px 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;text-decoration:none;box-shadow:0 2px 0 var(--ink);position:relative;top:0;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){top:2px;box-shadow:none}.btn:disabled{cursor:default;opacity:.65}.btn-sm{font-size:13px;padding:5px 9px}.btn-primary{background:var(--gold)}.btn-quiet{background:transparent;box-shadow:none}.btn[aria-pressed=true]{background:var(--ink);color:var(--window);top:2px;box-shadow:none}.menubar{position:fixed;top:0;left:0;right:0;z-index:20;background:var(--window);border-bottom:var(--border);display:flex;align-items:center;gap:16px;padding:8px 16px;min-height:52px;flex-wrap:wrap}.logo{font-weight:800;font-size:18px;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.menu{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex}.seg .btn+.btn{border-left:0}.days-since{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}.days-label{font:700 10px/1.15 var(--mono);text-transform:uppercase;letter-spacing:.04em;text-align:right}.days-digits{display:flex;gap:3px;background:var(--ink);border:var(--border);padding:3px}.days-digit{width:22px;height:30px;display:grid;place-items:center;font:700 22px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--gold);background:#2a1520;border:1px solid #5a3a46}.board{position:fixed;inset:0;overflow:auto;scrollbar-width:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch;cursor:grab}.board::-webkit-scrollbar{display:none}.board.is-dragging{cursor:grabbing}.board.is-dragging *{-webkit-user-select:none;user-select:none}.board:focus-visible{outline-offset:-4px}.world{position:relative}.landmarks svg{position:absolute;pointer-events:none;overflow:visible}.card{position:absolute;top:0;left:0;width:280px;cursor:pointer;transition:opacity .15s steps(3),transform .45s cubic-bezier(.2,.8,.2,1);animation:card-in .3s steps(3)}@keyframes card-in{0%{opacity:0}}.card.is-gone{visibility:hidden}.card:has(:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.card-title{margin:12px 0 0;font-size:21px;font-weight:800;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.card-open{all:unset;cursor:pointer;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .win-body{padding-bottom:18px}.card-open:focus-visible{outline:none}.card-meta{font-size:12px;color:var(--ink-soft);margin:6px 0 4px;font-family:var(--mono)}.card-meta strong{color:var(--ink)}.card-summary{margin:0;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .win-foot{justify-content:space-between;position:relative;flex-wrap:nowrap}.card .win-foot .btn{white-space:nowrap}.card .win-foot .tier{position:absolute;right:8px;top:-14px;pointer-events:none}.most-bombed{font:700 11px/1 var(--mono);text-transform:uppercase;background:var(--ink);color:var(--gold);padding:5px 7px;margin:-12px -12px 10px}.ph{height:120px;border:var(--border);background:var(--bar-c);background-image:repeating-linear-gradient(45deg,transparent 0 10px,rgba(59,31,43,.12) 10px 12px);position:relative;display:grid;place-items:center;overflow:hidden}.ph-red{--bar-c: var(--bar-red)}.ph-tan{--bar-c: var(--bar-tan)}.ph-lilac{--bar-c: var(--bar-lilac)}.ph-lg{height:180px}.ph-mono{width:64px;height:64px;background:var(--window);border:var(--border);display:grid;place-items:center;font:800 34px/1 var(--font)}.ph-lg .ph-mono{width:88px;height:88px;font-size:48px}.ph-blast{position:absolute;top:10px;right:12px}.entry-img{display:block;width:100%;height:120px;object-fit:cover;border:var(--border)}.entry-img-lg{height:220px}.cat-tag{position:absolute;right:8px;bottom:8px;font:800 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;background:var(--ink);color:var(--window);border:var(--border);padding:4px 6px;pointer-events:none}.tag-cat{font-weight:700;color:var(--ink);text-transform:uppercase}.cat-more{opacity:.7}.radios-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.radios-cols legend{grid-column:1 / -1}@media(max-width:480px){.radios-cols{grid-template-columns:1fr}}.media{position:relative}.badges{position:absolute;top:-6px;left:-6px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none;z-index:2}.badge{font:800 11px/1 var(--mono);text-transform:uppercase;border:var(--border);padding:4px 6px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.badge-new{background:var(--gold);transform:rotate(-5deg);animation:blink 1.2s steps(2) infinite}.badge-hof{background:var(--ink);color:var(--gold);transform:rotate(3deg)}@keyframes blink{50%{background:var(--window)}}.tier{font:700 11px/1 var(--mono);text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;border:var(--border);background:var(--window-2);padding:2px 6px 2px 3px;transform:rotate(-3deg)}.tier-5{background:var(--gold)}.tier-4{background:var(--bar-red);color:var(--window)}.vote{padding:5px 8px;font-size:13px}.vote-count{font-family:var(--mono);min-width:2ch;text-align:right}.vote-done{background:var(--ink);color:var(--window);opacity:1!important}.turnstile-slot{position:fixed;right:16px;bottom:64px;z-index:70}.vote-icon{display:inline-flex}.vote-pop .vote-icon{animation:pop .45s steps(5)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(2.1) rotate(25deg)}to{transform:scale(1)}}.fx{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:60}.scrim{position:fixed;inset:0;z-index:50;background:#3b1f2b59;display:grid;place-items:center;padding:72px 16px 16px;overflow:auto}.modal{width:min(640px,100%);max-height:calc(100dvh - 96px);animation:open .18s steps(3)}@keyframes open{0%{transform:scale(.85);opacity:0}}.modal .win-body{overflow:auto}.modal .win-title{white-space:normal;font-size:16px}.modal-title{margin:14px 0 0;font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.015em;text-wrap:balance}.modal-summary{font-size:16px;margin:0 0 12px}.modal-quote{margin:0 0 12px;padding:8px 12px;border-left:4px solid var(--ink);background:var(--window-2)}.modal-quote p{margin:0}.modal-quote cite{font-size:13px;color:var(--ink-soft)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.share-fallback{flex:1 1 100%;font:13px var(--mono);border:var(--border);background:var(--window-2);color:var(--ink);padding:6px 8px;min-width:0}.dead-note{font-size:13px;color:var(--ink-soft);margin:0 0 12px}.why{border:var(--border);background:var(--window-2);padding:8px 12px}.why h3{margin:0 0 4px;font:800 12px/1.2 var(--mono);text-transform:uppercase}.why p{margin:0}body.modal-open .board{overflow:hidden}.centre-layer,.corner-layer{position:fixed;z-index:30;pointer-events:none}.centre-layer{inset:52px 0 0;display:grid;place-items:center;padding:16px}.corner-layer{right:16px;bottom:64px;max-width:calc(100vw - 32px)}.centre-layer>*,.corner-layer>*{pointer-events:auto}.dialog{width:min(420px,100%)}.alert-row{display:flex;gap:12px;align-items:center}.alert-row svg{flex:none}.alert-row p{margin:0;font-weight:600}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.loading-text{margin:0 0 10px;font-family:var(--mono)}.progress{border:var(--border);height:22px;padding:2px;background:var(--window);overflow:hidden}.progress-fill{height:100%;width:0;background:repeating-linear-gradient(90deg,var(--bar-red) 0 14px,transparent 14px 18px);animation:fill 2.4s steps(12) infinite}@keyframes fill{to{width:100%}}.radios{border:var(--border);margin:0;padding:10px 12px}.radios legend{font-weight:700;padding:0 4px}.radio{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer}.radio input{position:absolute;opacity:0}.radio-dot{width:16px;height:16px;border:var(--border);border-radius:50%;background:var(--window);flex:none}.radio input:checked+.radio-dot{background:radial-gradient(circle,var(--ink) 0 3px,var(--window) 4px)}.radio input:focus-visible+.radio-dot{outline:3px solid var(--focus);outline-offset:2px}.help-text{font-size:13px;margin:10px 0 0}.list-wrap{position:fixed;inset:52px 0 0;overflow:auto;padding:24px 16px 96px}.list-win,.about{max-width:960px;margin:0 auto}.about{max-width:720px}.about h2{font-size:16px;margin:18px 0 6px}.folder+.folder{margin-top:18px}.folder-head{display:flex;align-items:center;gap:10px;font-size:17px;margin:0 0 10px}.folder-count{font-weight:400;color:var(--ink-soft)}.files{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.file{all:unset;box-sizing:border-box;width:100%;display:flex;gap:10px;align-items:flex-start;padding:8px;border:2px solid transparent;cursor:pointer}.file:hover,.file:focus-visible{border-color:var(--ink);background:var(--window-2)}.file svg{flex:none}.file-label{font-size:14px;font-weight:600}.file-label small{display:block;font:400 12px/1.4 var(--mono);color:var(--ink-soft)}.tag-new{color:var(--bar-red);font-weight:700}.support{position:fixed;right:16px;bottom:16px;z-index:20}.seo{position:fixed;inset:52px 0 0;overflow:auto;padding:24px 16px}@media(max-width:640px){.menubar{flex-wrap:nowrap;gap:8px;padding:6px 0 6px 12px}.logo-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.menu{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-right:12px;min-width:0}.menu::-webkit-scrollbar{display:none}.menu .btn{flex:none}.menubar{padding-right:8px}.days-label{display:none}.days-digit{width:16px;height:24px;font-size:16px}}@media(prefers-reduced-motion:reduce){.badge-new,.vote-pop .vote-icon,.progress-fill,.modal{animation:none}.progress-fill{width:60%}.card{transition:opacity .15s linear;animation:none}.card.is-gone{visibility:visible;opacity:0}}.radios-scroll{max-height:min(50vh,360px);overflow:auto}.radio-count{margin-left:auto;font:400 12px var(--mono);color:var(--ink-soft)}.tl-axis{position:absolute;pointer-events:none;animation:tl-in .5s steps(5) both}.tl-line{position:absolute;height:6px;background:var(--ink)}.tl-line:after{content:"";position:absolute;right:-18px;top:-9px;border:12px solid transparent;border-left:18px solid var(--ink)}.tl-stalk{position:absolute;width:2px;margin-left:-1px;background:var(--ink)}.tl-dot{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--gold);border:var(--border)}.tl-date{position:absolute;transform:translate(-50%);font:700 11px/1 var(--mono);text-transform:uppercase;white-space:nowrap;background:var(--window);border:var(--border);padding:3px 5px}.tl-year{position:absolute;transform:translate(-50%,-50%) rotate(-4deg);font:800 30px/1 var(--font);letter-spacing:-.02em;background:var(--bar-red);color:var(--window);border:var(--border);padding:8px 14px}@keyframes tl-in{0%{opacity:0}}.world.is-morphing .card{transition-duration:.15s,.75s}@media(prefers-reduced-motion:reduce){.tl-axis{animation:none}}
