@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{color:#20231f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#20231f;--muted:#64685f;--paper:#fffdf7;--line:#cbc8bd;--primary:#cf412c;--primary-dark:#a82d1d;--focus:#1264a3;--coral:#f2a08c;--gold:#efc759;--mint:#9bcbb1;--sky:#8dbfdb;--violet:#b9a6d9;background:#f7f2e8;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;margin:0;overflow-x:hidden}button,input,select{color:inherit;font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit}button,select{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--gold)}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:#fff;z-index:20;padding:.75rem 1rem;position:fixed;top:-5rem;left:.75rem}.skip-link:focus{top:.75rem}.app-shell{min-height:100vh;padding:0 clamp(1rem,4vw,4.5rem)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;display:flex}.site-header nav{align-items:center;gap:.6rem;display:flex}.site-header nav>a{text-transform:uppercase;align-items:center;min-height:44px;padding:0 .35rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.brand{letter-spacing:-.03em;align-items:center;min-height:44px;font-family:Fraunces,Georgia,serif;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}main{min-height:calc(100vh - 137px)}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding:1.5rem 0;font-size:.8rem;display:flex}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--ink);font-family:Fraunces,Georgia,serif}h1{letter-spacing:-.055em;margin:.7rem 0 1.25rem;font-size:clamp(2.65rem,14vw,7rem);line-height:.93}h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,7vw,3.25rem);line-height:1}h3{margin:0;font-size:1.45rem;line-height:1.1}p{line-height:1.55}.eyebrow{color:var(--primary-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .6rem;font-family:DM Sans,sans-serif;font-size:.74rem;font-weight:700}.supporting-text,.hero-copy,.setup-intro>p:last-child{color:var(--muted)}.button{border:2px solid var(--ink);text-align:center;border-radius:.3rem;justify-content:center;align-items:center;min-height:48px;padding:.7rem 1.1rem;font-weight:700;text-decoration:none;transition:transform .14s,box-shadow .14s;display:inline-flex}.button-primary{background:var(--primary);border-color:var(--primary);color:#fff}.button-secondary{background:var(--paper)}.button-quiet{text-underline-offset:.25rem;border-color:#0000;text-decoration:underline;text-decoration-thickness:2px}.button-full{width:100%}.button-row,.hero-actions{flex-direction:column;gap:.7rem;display:flex}.home-hero{border-bottom:1px solid var(--line);padding:clamp(3.5rem,12vw,8rem) 0}.home-hero h1{max-width:12ch}.hero-copy{max-width:36rem;font-size:clamp(1rem,3vw,1.25rem)}.hero-actions{max-width:28rem;margin-top:2rem}.catalog-section{padding:clamp(3.5rem,9vw,7rem) 0}.section-heading{margin-bottom:2rem}.game-grid{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.game-card{border-top:1px solid var(--line);grid-template-columns:50px minmax(0,1fr);gap:1rem;padding:1.25rem 0;display:grid;position:relative}.game-card:last-child{border-bottom:1px solid var(--line)}.game-card p{color:var(--muted);margin:.35rem 0}.game-card .game-meta{color:var(--ink);font-size:.78rem;font-weight:700}.game-icon{border:1px solid #20231f66;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-family:Fraunces,Georgia,serif;font-size:1.15rem;display:inline-flex}.accent-coral .game-icon{background:var(--coral)}.accent-gold .game-icon{background:var(--gold)}.accent-mint .game-icon{background:var(--mint)}.accent-sky .game-icon{background:var(--sky)}.accent-violet .game-icon{background:var(--violet)}.card-link{text-underline-offset:.2rem;grid-column:2;min-height:44px;padding:.65rem 0;font-size:.85rem;font-weight:700;position:static}.centered-page{place-content:center;min-height:calc(100vh - 138px);padding:3rem 0;display:grid}.centered-page>.eyebrow{text-align:center}.form-panel{background:var(--paper);border:1px solid var(--line);width:min(100%,34rem);padding:clamp(1.25rem,6vw,3rem)}.form-panel h1{font-size:clamp(2.25rem,10vw,4rem)}.form-panel>p{color:var(--muted)}label,fieldset legend{font-size:.85rem;font-weight:700}label{gap:.45rem;margin:1rem 0;display:grid}input,select{background:var(--paper);border:1px solid #888a82;border-radius:.25rem;width:100%;min-width:0;min-height:48px;padding:.65rem .75rem}input::placeholder{color:#777a73}.form-error{border-left:4px solid var(--primary-dark);background:#fce2dc;padding:.7rem;color:#702013!important}.setup-layout{gap:2.5rem;padding:clamp(3rem,8vw,6rem) 0;display:grid}.setup-intro{align-self:start}.setup-controls{min-width:0}.game-picker{border:0;min-width:0;margin:1.5rem 0;padding:0}.game-picker legend{margin-bottom:.8rem;font-family:Fraunces,Georgia,serif;font-size:1.4rem}.picker-grid{grid-template-columns:minmax(0,1fr);gap:.55rem;display:grid}.picker-option{border:1px solid var(--line);grid-template-columns:24px 46px minmax(0,1fr);align-items:center;gap:.75rem;min-height:68px;margin:0;padding:.55rem;display:grid}.picker-option:has(input:checked){border:2px solid var(--ink);padding:calc(.55rem - 1px)}.picker-option input{accent-color:var(--primary-dark);width:20px;height:20px;min-height:20px}.picker-option strong,.picker-option small{display:block}.picker-option small{color:var(--muted);margin-top:.15rem;font-weight:500}.connection{align-items:center;gap:.35rem;min-height:44px;font-size:.72rem;font-weight:700;display:inline-flex}.connection>span,.turn-dot{background:#2c925f;border-radius:50%;width:8px;height:8px}.connection-reconnecting>span,.connection-connecting>span{background:#b87800}.connection-offline>span{background:#a82d1d}.room-layout{gap:2.5rem;padding:clamp(3rem,8vw,6rem) 0;display:grid}.room-main{min-width:0}.room-title{flex-direction:column;justify-content:space-between;align-items:start;gap:1rem;display:flex}.room-title h1{font-size:clamp(2.8rem,11vw,5.5rem)}.player-count{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.55rem .8rem;font-size:.78rem;font-weight:700}.invite-strip{border-bottom:1px solid var(--line);border-top:1px solid var(--line);align-items:end;gap:.65rem;margin:1.5rem 0 0;padding:1rem 0;display:grid}.invite-strip label{min-width:0;margin:0}.live-message{color:var(--muted);min-height:1.25rem;font-size:.8rem}.player-list{margin:1rem 0;padding:0;list-style:none}.player-list li{border-top:1px solid var(--line);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.8rem 0;display:grid}.player-list li:last-child{border-bottom:1px solid var(--line)}.player-list strong,.player-list small{display:block}.player-list small{color:var(--muted);margin-top:.15rem}.avatar{background:var(--mint);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.avatar-away{background:#ddd9cf}.presence{font-size:.7rem;font-weight:700}.presence.online{color:#226e49}.presence.away{color:var(--muted)}.host-panel{background:var(--paper);border-top:5px solid var(--gold);padding:1.25rem}.host-panel h2{font-size:2rem}.host-panel .picker-grid{max-height:26rem;padding:3px;overflow-y:auto}.host-panel .picker-option{grid-template-columns:20px minmax(0,1fr)}.host-panel .picker-option .game-icon{display:none}.message-state,.empty-state{text-align:center;max-width:38rem;margin:0 auto;padding:clamp(4rem,14vw,9rem) 0}.message-state>span{color:var(--primary);font-family:Fraunces,Georgia,serif;font-size:3rem}.message-state h1{font-size:clamp(2.6rem,12vw,5rem)}.message-state .button-row{justify-content:center;margin-top:2rem}.game-layout{padding:1.5rem 0 4rem}.game-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding-bottom:1rem;display:flex}.game-toolbar h2{font-size:1.75rem}.game-toolbar p{align-items:center;gap:.45rem;margin:0;font-size:.8rem;font-weight:700;display:flex}.game-content{gap:2.5rem;padding-top:2rem;display:grid}.play-surface{min-width:0}.play-surface h1{font-size:clamp(2.5rem,10vw,5rem)}.demo-board{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:5px;width:100%;max-width:30rem;margin:1.5rem 0;display:grid}.demo-board button{background:var(--paper);border:1px solid var(--ink);min-height:44px;font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,9vw,4rem)}.scoreboard{min-width:0}.scoreboard h2{margin-bottom:1rem;font-size:1.6rem}.scoreboard ol{margin:0;padding:0;list-style:none}.scoreboard li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:54px;padding:.5rem 0;display:flex}.scoreboard li:last-child{border-bottom:1px solid var(--line)}.scoreboard li span{align-items:center;gap:.7rem;min-width:0;display:flex}.scoreboard li b{border:1px solid var(--line);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;display:flex}.results-layout{gap:3rem;padding:clamp(3rem,10vw,7rem) 0;display:grid}.results-hero{max-width:48rem}.results-hero h1{font-size:clamp(3rem,13vw,6.5rem)}.results-hero>p:not(.eyebrow){color:var(--muted);font-size:1.1rem}.result-mark{color:var(--primary);margin-bottom:1rem;font-size:3rem;display:block}@media (width>=560px){.button-row,.hero-actions{flex-flow:wrap}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card:nth-child(odd){padding-right:1.25rem}.game-card:nth-child(2n){border-left:1px solid var(--line);padding-left:1.25rem}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invite-strip{grid-template-columns:minmax(0,1fr) auto}.room-title{flex-direction:row;align-items:center}}@media (width>=820px){.site-header{min-height:78px}.site-header nav{gap:1.5rem}.setup-layout{grid-template-columns:minmax(15rem,.75fr) minmax(0,1.25fr)}.setup-intro{position:sticky;top:2rem}.room-layout{grid-template-columns:minmax(0,1.5fr) minmax(18rem,.7fr)}.host-panel{align-self:start;position:sticky;top:1.5rem}.game-content{grid-template-columns:minmax(0,1fr) minmax(15rem,.38fr)}.results-layout{grid-template-columns:minmax(0,1.3fr) minmax(16rem,.7fr);align-items:center;min-height:calc(100vh - 146px)}}@media (width>=1100px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card:nth-child(odd),.game-card:nth-child(2n){border-left:0;padding-left:1.4rem;padding-right:1.4rem}.game-card:nth-child(3n+1){padding-left:0}.game-card:nth-child(3n+2),.game-card:nth-child(3n+3){border-left:1px solid var(--line)}}.dots-board{grid-template-rows:repeat(7,minmax(1rem,2.4rem));grid-template-columns:repeat(7,minmax(1rem,2.4rem));justify-content:center;align-items:center;margin:1rem auto;display:grid}.dot{background:var(--ink);border-radius:50%;justify-self:center;width:.7rem;height:.7rem}.edge{background:var(--muted);cursor:pointer;border:0;border-radius:999px;min-width:0;min-height:0}.edge-h{width:100%;height:.7rem}.edge-v{justify-self:center;width:.7rem;height:100%}.edge.claimed{background:var(--primary);cursor:default}.box{color:var(--ink);place-items:center;font-weight:800;display:grid}.edge:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.edge.player-1{background:#a82d1d}.edge.player-2{background:#1264a3}.edge.player-3{background:#755900}.edge.player-4{background:#356b50}.box.player-1,.dots-scores .player-1{background:var(--coral)}.box.player-2,.dots-scores .player-2{background:var(--sky)}.box.player-3,.dots-scores .player-3{background:var(--gold)}.box.player-4,.dots-scores .player-4{background:var(--mint)}.dots-scores{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.dots-scores li{border:1px solid var(--ink);justify-content:space-between;gap:.75rem;min-width:8rem;padding:.4rem .6rem;display:flex}.connect-controls,.connect-board{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;width:min(100%,26rem);margin-inline:auto;display:grid}.connect-controls button{border:2px solid var(--ink);background:var(--paper);cursor:pointer;min-height:2.75rem;font-weight:900}.connect-board{background:var(--primary);border:2px solid var(--ink);padding:.6rem}.connect-cell{aspect-ratio:1;background:var(--paper);border-radius:50%;place-items:center;font-size:clamp(1.2rem,5vw,2rem);display:grid}.connect-cell.filled{color:var(--ink)}.connect-legend{flex-wrap:wrap;gap:.75rem;padding:0;list-style:none;display:flex}.connect-legend li{align-items:center;gap:.35rem;display:flex}.sudoku-grid{border:2px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,20rem);margin:1rem auto;display:grid}.sudoku-grid button{aspect-ratio:1;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-size:1.4rem;font-weight:800}.sudoku-grid button.clue{background:var(--mint)}.sudoku-grid button.selected{outline:4px solid var(--focus);outline-offset:-4px}.sudoku-numbers,.sudoku-progress{flex-wrap:wrap;justify-content:center;gap:.6rem;padding:0;list-style:none;display:flex}.sudoku-progress li{overflow-wrap:anywhere}.sudoku-numbers button{border:2px solid var(--ink);background:var(--gold);min-width:3rem;min-height:3rem;font-weight:800}@media (hover:hover) and (pointer:fine){.button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.card-link:hover{color:var(--primary-dark)}.picker-option:hover{background:#fffdf7a6}}.square-board{gap:.45rem;width:min(100%,26rem);margin:1rem auto;display:grid}.square-board-4{grid-template-columns:repeat(4,minmax(3.25rem,1fr))}.square-cell{aspect-ratio:1;border:2px solid var(--ink);background:var(--paper);min-width:0;color:var(--ink);font:800 clamp(1.5rem, 8vw, 2.75rem) / 1 var(--font-display);border-radius:.7rem}.square-cell:disabled{opacity:1}.square-cell:not(:disabled):focus-visible{outline:4px solid var(--sky);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}