:root{--ink:#0b0d10;--surface:#14181d;--raised:#1b2128;--line:#303944;--text:#f4f6fa;--muted:#aab5c3;--gold:#ff873d;--gold-soft:#ffad78;--live:#6cdda2}h1,h2,h3{font-family:'Alegreya Sans',sans-serif}h1,.intro h1{font-size:64px;font-weight:700;letter-spacing:-.025em;line-height:1.02}.intro h1{max-width:600px}.accent{color:var(--gold)}.site-header{background:var(--ink)}.wordmark strong{letter-spacing:-.02em}.site-header nav a{position:relative;transition:color .18s ease}.site-header nav a:hover{color:var(--text)}.site-header nav a[aria-current=page]{text-decoration:none}.site-header nav a[aria-current=page]::after{content:'';height:2px;background:var(--gold);position:absolute;left:0;right:0;bottom:-12px;animation:underline-in .35s ease-out}.principle{border-top-color:var(--line);padding-top:20px}.principle strong{font-size:20px;color:var(--text)}.principle a{white-space:nowrap}.intro{padding-top:8px;padding-bottom:38px;gap:100px}.intro p{font-size:22px;max-width:500px}.principle p{font-size:16px}.challenge-strip{display:flex;gap:15px;margin-bottom:5px}.challenge{position:relative;text-align:left;flex:1;max-width:400px;padding:19px 22px;border-color:var(--line);background:var(--surface);border-top:2px solid var(--line);overflow:hidden}.challenge span{font-size:24px;display:block}.challenge small{display:block;color:var(--muted);font-size:14px;margin-top:7px;font-weight:400}.challenge.selected{border-top-color:var(--gold);background:var(--raised)}.challenge.selected::after{content:'';position:absolute;right:22px;top:24px;width:8px;height:8px;border-radius:50%;background:var(--gold);animation:challenge-enter .5s ease-out}.controls{border-top:0;margin-top:6px}.board-tools{display:flex;align-items:center;gap:17px;margin:20px 0}.board-tools .small{flex:1}.board-tools button{font-size:14px;padding:8px 13px}.table-wrap{background:#101419;border-radius:4px;overflow:hidden;overflow-x:auto}.table-wrap thead{background:var(--surface)}tbody tr{transition:background-color .17s ease}tbody tr:hover{background:#1a222b}td{padding-top:17px;padding-bottom:17px}tbody tr[data-rank="1"] .rank,tbody tr[data-rank="2"] .rank,tbody tr[data-rank="3"] .rank{font-weight:700}.rank{color:var(--muted)}tbody tr[data-rank="1"] .rank{color:var(--gold)}tbody tr[data-rank="2"] .rank{color:#d6dde7}tbody tr[data-rank="3"] .rank{color:#d9a580}.score{font-size:25px}.player{font-size:20px}.boons img{transition:transform .18s ease,border-color .18s ease;border-radius:3px}.boons img:hover{transform:none;border-color:var(--gold)}input[type=checkbox]{appearance:none;width:19px;height:19px;padding:0;border:1px solid #708095;display:block;cursor:pointer;border-radius:3px}input[type=checkbox]:checked{background:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 4px var(--ink)}button,.button{transition:background-color .18s ease,transform .18s ease,border-color .18s ease}button:hover,.button:hover{transform:translateY(-2px);border-color:#6a7687}button:active,.button:active{transform:translateY(0)}.primary:hover{border-color:var(--gold-soft)}input:focus,select:focus,textarea:focus{border-color:var(--gold)}.player-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px}.player-heading h1{font-size:48px;overflow-wrap:anywhere}.player-heading p{margin-bottom:0}.board-heading h2{font-size:34px;letter-spacing:-.015em}.comparison{border-top:1px solid var(--gold);margin:35px 0;padding:12px 0 25px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.compare-grid article{background:var(--surface);padding:25px}.compare-grid .score{font-size:40px;margin:12px 0}.compare-grid meter{width:100%;height:8px}.compare-grid .boons{margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-difficulty{display:none}.budget{display:flex;align-items:center;gap:24px;padding:20px 24px;background:var(--surface);border-top:2px solid var(--gold)}.budget strong{font-size:34px;color:var(--gold-soft)}.budget>div{white-space:nowrap}.budget span{display:block;font-size:14px}.budget meter{flex:1;width:100%;min-width:60px;height:12px}meter::-webkit-meter-bar{background:var(--raised);border:0;border-radius:0}meter::-webkit-meter-optimum-value{background:var(--gold);transition:none}meter::-moz-meter-bar{background:var(--gold)}.catalogue article{transition:background .2s ease}.catalogue summary{padding:7px 0}.catalogue details[open]{animation:reveal .25s ease-out}#toast.visible{animation:toast-in .25s ease-out}.review-editor{animation:reveal .25s ease-out}main>.intro,main>h1,.player-heading{animation:page-in .4s cubic-bezier(.16,1,.3,1)}.animate-rows tbody tr{animation:row-in .35s cubic-bezier(.16,1,.3,1) both}tbody tr:nth-child(2){animation-delay:25ms}tbody tr:nth-child(3){animation-delay:50ms}tbody tr:nth-child(4){animation-delay:75ms}tbody tr:nth-child(5){animation-delay:100ms}tbody tr:nth-child(6){animation-delay:125ms}tbody tr:nth-child(7){animation-delay:150ms}tbody tr:nth-child(n+8){animation-delay:175ms}.challenge.selected{animation:selected-in .3s ease-out}.record{animation:page-in .4s ease-out}.record:nth-child(2){animation-delay:80ms}.catalogue-head img{transition:transform .2s ease}.catalogue article:hover .catalogue-head img{transform:none}
@keyframes underline-in{from{transform:scaleX(.3);transform-origin:left}to{transform:scaleX(1)}}@keyframes challenge-enter{from{transform:scale(.3)}to{transform:scale(1)}}@keyframes reveal{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{from{transform:translateY(14px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes page-in{from{transform:translateY(12px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes row-in{from{transform:translateY(7px);opacity:.45}to{transform:translateY(0);opacity:1}}@keyframes selected-in{from{background:#303b48}to{background:var(--raised)}}
@media(max-width:950px){.intro{gap:40px}.intro h1{font-size:52px}.intro p{font-size:20px}.principle p{font-size:16px}.board-tools{flex-wrap:wrap}.board-tools .small{order:3;flex-basis:100%}.board-tools #compare-button{margin-left:auto}}
@media(max-width:600px){h1,.intro h1{font-size:40px}.intro{gap:25px;padding-top:0}.intro p{font-size:18px}.principle p{font-size:16px}.challenge-strip{gap:10px}.challenge{padding:14px 12px}.challenge span{font-size:20px;line-height:1.15;padding-right:14px}.challenge small{font-size:12px}.challenge.selected::after{right:12px;top:19px;width:6px;height:6px}.score{font-size:20px}.player{font-size:18px}.mobile-difficulty{display:block;font-size:12px;color:var(--muted)}.player-heading{display:block}.player-heading h1{font-size:34px}.player-heading button{margin-top:20px}.compare-grid{gap:12px}.compare-grid article{padding:16px 12px}.compare-grid .score{font-size:30px}.budget{flex-wrap:wrap;padding:17px;gap:16px}.budget>div{width:100%}.budget strong{font-size:30px}.board-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:hover,.button:hover,.boons img:hover,.catalogue article:hover .catalogue-head img{transform:none}}