.custom-pair{display:grid;gap:12px;margin-bottom:20px}.film-picker{position:relative;min-width:0}.film-picker label{display:block;margin-bottom:6px}.film-picker input{width:100%;min-width:0}.film-suggestions{position:absolute;z-index:20;top:100%;left:0;right:0;max-height:260px;overflow-y:auto;margin:0;padding:0;list-style:none;background:var(--background);border:1px solid var(--line);box-shadow:0 8px 20px #0002}.film-suggestions li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--line)}.film-suggestions li:hover,.film-suggestions li[aria-selected=true]{background:var(--hover)}.film-suggestions span{overflow-wrap:anywhere}.film-suggestions small{color:var(--muted);flex-shrink:0}.room-settings .settings-fields>p{grid-column:1 / -1}@media(max-width:480px){.room-settings .settings-fields{grid-template-columns:minmax(0,1fr)}}@font-face{font-family:Barlow;src:url(/fonts/Barlow-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow-SemiBold.ttf) format("truetype");font-weight:600 800;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/BarlowCondensed-SemiBold.ttf) format("truetype");font-weight:600 800;font-display:swap}:root{--font:"Barlow",sans-serif;--display:"Barlow Condensed",sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--radius:0;--gap:24px;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--text);background:var(--background);font-synthesis:none;scrollbar-color:var(--muted) var(--background)}*{box-sizing:border-box}body{margin:0}::selection{background:var(--accent);color:var(--on-accent)}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit;border:1px solid var(--line);border-radius:0;min-height:44px;background:var(--background);padding:10px 15px;caret-color:var(--accent)}button{cursor:pointer;font-weight:600;line-height:1.3}button:hover:not(:disabled){background:var(--hover);border-color:var(--text)}button:disabled,select:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--background)}a{color:var(--accent);text-underline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-family:var(--display);font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.04;letter-spacing:-.02em}h2{font-family:var(--display);font-size:25px;font-weight:600;line-height:1.2}h2 span{font:12px var(--mono);color:var(--muted);margin-left:12px}p{font-size:16px;line-height:1.55;color:var(--muted);max-width:70ch}strong{font-weight:600}fieldset{border:0;padding:0;margin:0;min-width:0}legend,.label{display:block;font:11px/1.5 var(--mono);letter-spacing:.06em;color:var(--muted);margin-bottom:8px;text-transform:uppercase}.app-shell{max-width:1320px;min-height:100svh;margin:auto;padding:0 40px;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:24px;min-height:112px;border-bottom:4px double var(--text)}.brand{font:600 66px/.9 var(--display);letter-spacing:-.035em;color:var(--text);white-space:nowrap}.brand span{color:var(--accent)}.practice{font:11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.04em;border-left:1px solid var(--line);padding-left:22px;max-width:170px}.masthead-note{margin-left:auto;max-width:180px;font:12px/1.65 var(--mono);text-align:right;color:var(--muted)}.scores{margin-left:auto;display:flex;gap:28px;font:11px var(--mono)}.scores>span{display:flex;flex-direction:column;gap:5px;color:var(--muted)}.scores strong{font-size:25px;font-variant-numeric:tabular-nums;color:var(--text)}.scores .primary-score strong{color:var(--accent)}.app-nav{display:flex;gap:28px;align-items:center;border-bottom:1px solid var(--line);min-height:55px}.app-nav button{border:0;padding:13px 0;background:transparent;color:var(--muted);font-size:16px;position:relative}.app-nav button[aria-pressed=true]{color:var(--text);background:transparent}.app-nav button[aria-pressed=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--accent)}.app-nav button:nth-child(3){margin-left:auto}.app-nav button:hover:not(:disabled){color:var(--accent);background:transparent}.app-shell.is-playing>.app-nav{display:none}main{flex:1;min-width:0}.setup{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:48px;margin:36px 0 56px;align-items:start}.setup-intro h1{font-size:42px;max-width:20ch;margin-bottom:12px}.setup-intro>p{font-size:17px;max-width:44ch}.setup-controls{border-left:1px solid var(--line);padding-left:32px}.setup-controls h2{font-size:30px;margin-bottom:22px}.mode-options{display:flex;gap:0;margin-bottom:18px}.mode-options button{flex:1;padding:11px 10px}.mode-options button+button{border-left:0}.mode-description{font-size:14px;min-height:44px;margin:-5px 0 14px}.setup-controls>p{margin-bottom:16px}.setup-controls>select{margin-bottom:20px}select,.wide{width:100%}.text-button{padding:10px 0;border:0;background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:5px}.text-button:hover:not(:disabled){background:transparent;color:var(--text)}.status{margin-top:12px;font-size:14px}.status:empty{display:none}.connection-guide{margin-top:26px;border-top:2px solid var(--text);border-bottom:1px solid var(--line);padding:20px 0}.connection-chain{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 clamp(28px,3vw,42px)/1 var(--display);text-transform:uppercase}.connection-chain span:nth-child(2n){font:20px var(--mono);color:var(--accent)}.connection-guide p{font-size:14px;margin-top:18px}.programme-rules{display:flex;gap:20px;margin-top:16px;font:11px/1.6 var(--mono);text-transform:uppercase;color:var(--muted)}.pair-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 0;border-top:2px solid var(--text);margin-top:24px}.pair-preview>div{min-width:0}.pair-preview .artwork{width:min(100%,160px);margin:12px 0}.pair-preview strong{display:block;font:600 26px/1.12 var(--display);overflow-wrap:anywhere;max-width:18ch}.pair-preview .label{color:var(--accent)}.difficulty{font:12px/1.6 var(--mono);border-top:1px solid var(--line);padding:12px 0;margin-top:4px}.artwork{aspect-ratio:2/3;overflow:hidden;flex-shrink:0;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line)}.artwork img{width:100%;height:100%;object-fit:cover}.artwork>span{font:10px/1.7 var(--mono);letter-spacing:.1em;text-align:center;color:var(--muted)}.sticky-route{position:sticky;top:0;z-index:10;background:var(--background);border-bottom:1px solid var(--text)}.breadcrumb{display:flex;gap:22px;align-items:center;padding:13px 0}.breadcrumb>.label{margin:0;flex-shrink:0}.route{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:9px 0;font:12px/1.8 var(--mono)}.route li{display:flex;align-items:center;min-width:0;overflow-wrap:anywhere}.route li+li:before{content:"→";margin:0 12px;color:var(--accent)}.breadcrumb .route{flex-wrap:nowrap;overflow-x:auto;max-height:72px;padding-bottom:4px;min-width:0}.breadcrumb .route li{flex-shrink:0}.breadcrumb .route li:last-child{font-weight:600;color:var(--accent)}.target-compact{display:none}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:32px;align-items:start}.current-page{min-width:0}.film-banner{position:relative;isolation:isolate;overflow:hidden;min-height:206px;display:flex;align-items:center;padding:24px 0;border-bottom:2px solid var(--text)}.film-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--backdrop-image,none) center/cover;opacity:var(--backdrop-opacity)}.film-heading{display:flex;align-items:center;gap:24px;width:100%}.film-heading>.artwork{width:96px}.film-heading>div{min-width:0}.film-heading h1{font-size:clamp(32px,3.4vw,48px);overflow-wrap:anywhere}.year{font:16px var(--mono);color:var(--muted);white-space:nowrap}.directors{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.5}.directors button{border:0;padding:8px 0;margin-right:14px;min-height:44px;color:var(--accent);background:transparent;text-decoration:underline;text-underline-offset:4px}.directors small{font:10px var(--mono)}.entity-section{margin:24px 0 32px}.entity-section h2{padding-bottom:10px;border-bottom:2px solid var(--text);font-size:24px}.entity-row{display:flex;align-items:center;width:100%;gap:16px;text-align:left;border:0;border-bottom:1px solid var(--line);padding:10px 4px;min-height:52px;background:transparent;font-weight:400}.entity-row:hover:not(:disabled){background:var(--hover);color:var(--accent)}.entity-name{flex:1;min-width:0;line-height:1.35;font-size:19px;overflow-wrap:anywhere}.row-number{font:12px var(--mono);min-width:26px;color:var(--muted)}.seen{color:var(--muted)}.seen-label{font:10px var(--mono);border:1px solid var(--line);padding:4px;color:var(--muted)}.thumbnail{width:30px}.thumbnail>span{font-size:5px;letter-spacing:0}.destination-panel{position:sticky;top:66px;border-left:1px solid var(--line);padding:25px 0 20px 24px}.destination-panel .artwork{width:130px;margin:14px 0}.destination-panel h2{font-size:27px;overflow-wrap:anywhere}.round-info{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font:12px/1.9 var(--mono);color:var(--accent)}.destination-panel p{font-size:14px;margin-top:18px}.person-heading{display:flex;align-items:center;gap:24px;padding:26px 0 20px;border-bottom:2px solid var(--text)}.person-heading .artwork{width:80px}.person-heading h1{overflow-wrap:anywhere}.load-all{margin-top:16px}.navigation-status{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:20;background:var(--text);color:var(--background);font:12px/1.5 var(--mono);max-width:calc(100vw - 32px)}.navigation-status:not(:empty){padding:12px 18px}.results{max-width:980px;margin:32px auto 48px}.result-heading{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:12px}.result-heading h1{font-size:56px}.badge{display:inline-block;font:600 17px/1 var(--display);letter-spacing:.06em;border:2px solid var(--accent);color:var(--accent);padding:7px 10px;background:transparent}.result-score{display:flex;gap:24px;align-items:baseline;margin:22px 0;padding:18px 0;border-top:4px double var(--text);border-bottom:1px solid var(--line)}.result-score strong{font:600 48px/1 var(--display);color:var(--accent);font-variant-numeric:tabular-nums}.result-score span{font:13px var(--mono);color:var(--muted)}.results section{border-top:1px solid var(--line);padding:20px 0}.results h2{margin-bottom:14px}.results .route{font-size:13px;padding:10px 0}.results .route+.route{border-top:1px dashed var(--line)}.share-result input{width:100%;margin-top:14px;min-width:0}.share-result p{margin-top:12px}.challenge-score{margin:20px 0;padding:14px 0;border-top:2px solid var(--accent);border-bottom:1px solid var(--line);overflow-wrap:anywhere}.challenge-score strong{font:600 28px var(--display)}.panel{max-width:900px;margin:32px auto 48px}.panel>h1{margin-bottom:12px}.panel>p{max-width:60ch}.panel form{max-width:620px;margin-top:26px}.panel label{display:block;margin:18px 0 8px;font-weight:600}.panel input,.panel select{display:block;width:100%;margin-top:8px}.panel form p{font-size:14px}.panel .primary{margin-top:18px}.stats-grid{margin:28px 0;border-top:4px double var(--text)}.stats-grid>div{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:14px 0}.stats-grid dt{font-size:18px}.stats-grid dd{font:600 32px/1 var(--display);font-variant-numeric:tabular-nums;margin:0;color:var(--accent)}.multiplayer{max-width:1120px;margin:auto}.room-heading,.round-heading,.room-score{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:22px 0}.room-heading h1{font-family:var(--mono);font-size:32px;letter-spacing:.06em;color:var(--accent)}.room-heading .label{margin-bottom:6px}.room-heading>p{font:12px var(--mono)}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start}.room-settings{margin:0 0 24px;width:100%}.room-settings>p{margin:14px 0}.room-settings fieldset:disabled{opacity:.65}.room-settings input{width:100%;margin-top:8px}.room-settings .pair-preview{margin-top:0}.room-actions{display:flex;gap:12px;margin:18px 0}.room-actions button{flex:1}.room-players{border-top:2px solid var(--text);padding-top:12px;margin-bottom:22px}.player-status{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.player-status strong{overflow-wrap:anywhere;min-width:0}.player-status>span{font:11px/1.5 var(--mono);color:var(--muted);text-align:right}.round-heading{font:12px var(--mono);color:var(--muted)}.round-heading h2{font-size:22px}.room-target .target-compact{display:flex;align-items:center;gap:12px;padding:10px 0}.room-target .target-compact .artwork{width:34px}.target-compact>div{min-width:0}.target-compact strong{font-size:16px;line-height:1.3;display:block;overflow-wrap:anywhere}.target-compact .label{margin-bottom:3px}.room-results h1{margin-bottom:12px}.leaderboard{list-style:none;padding:0;margin:20px 0;border-top:2px solid var(--text)}.leaderboard li{display:grid;grid-template-columns:30px minmax(0,1fr) auto 100px;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.leaderboard li>span:first-child{font:12px var(--mono);color:var(--muted)}.leaderboard strong{font-size:21px;overflow-wrap:anywhere}.leaderboard li>span:nth-child(3){font:13px var(--mono);font-variant-numeric:tabular-nums}.leaderboard .badge{font-size:15px;text-align:center;justify-self:start}.room-results details{margin:16px 0 20px}.room-score strong{font:600 36px var(--display);color:var(--accent)}details>summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--accent);font-weight:600}details>summary:hover{text-decoration:underline;text-underline-offset:4px}.room-options{border-top:1px solid var(--line);margin-top:16px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.settings-fields label{margin-top:12px}.manual-pair{border-top:1px solid var(--line);margin-top:12px}.race-roster{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 24px;padding-bottom:10px}.race-roster h2{font-size:20px;margin-right:8px}.race-roster .player-status{gap:10px;padding:6px 0;border:0;font-size:14px}.session-results{max-width:none;border-top:4px double var(--text);padding-top:20px}.session-results>p{margin:12px 0}.session-results .leaderboard li>span:nth-child(3){max-width:220px;text-align:right;overflow-wrap:anywhere}.room-results{scroll-margin-top:160px}.reveal-notice{padding:12px 0;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);margin:16px 0}.join-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;max-width:none!important}.join-form>.join-name{grid-column:1/-1;max-width:400px}.join-form>section{border-top:2px solid var(--text);padding-top:16px}.join-form h2{margin-bottom:10px}.join-form .primary{margin-top:16px}.error{color:var(--danger);border-top:2px solid var(--danger);border-bottom:1px solid var(--danger);padding:14px 0;font-size:15px;line-height:1.6;margin:18px 0;max-width:none;overflow-wrap:anywhere}.error button{display:block;margin-top:10px}footer{border-top:4px double var(--text);padding:20px 0;display:flex;justify-content:space-between;gap:32px;margin-top:auto}footer>span{font:11px/1.6 var(--mono);max-width:220px;color:var(--muted)}.credits{max-width:520px}.credits h2{font:11px var(--mono);color:var(--muted);margin-bottom:8px}.credits p{font-size:12px;line-height:1.5}.tmdb-link{display:inline-flex;align-items:center;min-height:44px}.tmdb-link img{width:88px;height:auto}@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s,color .12s,border-color .12s}.result-heading .badge{animation:programme-stamp .32s cubic-bezier(.16,1,.3,1)}@keyframes programme-stamp{0%{transform:scale(1.16) rotate(-5deg)}to{transform:scale(1) rotate(0)}}}@media(max-width:900px){.app-shell{padding:0 24px}.setup{gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.setup-controls{padding-left:24px}.lobby-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.play-layout{grid-template-columns:minmax(0,1fr) 180px;gap:24px}}@media(max-width:760px){.app-shell{padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right))}.header{min-height:84px;gap:16px}.brand{font-size:48px}.practice{font-size:10px;padding-left:14px;max-width:140px}.masthead-note{display:none}.scores{gap:14px}.scores strong{font-size:19px}.scores>span{font-size:10px}.header:has(.scores) .practice{display:none}.app-nav{gap:22px;min-height:50px}.app-nav button{font-size:15px}.setup{grid-template-columns:1fr;gap:24px;margin:24px 0 36px}.setup-intro h1{font-size:34px;margin-bottom:8px;max-width:none}.setup-intro>p{font-size:16px}.connection-guide{margin-top:18px;padding:14px 0}.connection-chain{font-size:30px}.connection-guide p{margin-top:10px}.programme-rules{gap:12px;font-size:10px}.setup-controls{border-left:0;border-top:2px solid var(--text);padding:18px 0 0}.setup-controls h2{font-size:28px;margin-bottom:16px}.pair-preview{gap:18px;padding-top:16px;margin-top:18px}.pair-preview .artwork{width:110px}.pair-preview strong{font-size:25px}.mode-description{min-height:0;margin-bottom:14px}.sticky-route{margin:0 -16px;padding:0 16px}.target-compact{display:flex;align-items:center;gap:12px;padding:10px 0}.target-compact .artwork{width:30px}.target-compact .label{font-size:10px}.target-compact strong{font-size:15px}.breadcrumb{gap:12px;padding:9px 0;border-top:1px solid var(--line)}.breadcrumb>.label{font-size:10px}.breadcrumb .route{font-size:11px}.route li+li:before{margin:0 9px}.play-layout{display:block}.destination-panel{display:none}.film-banner{min-height:156px;padding:18px 0}.film-heading{gap:16px}.film-heading>.artwork{width:70px}.film-heading h1{font-size:34px}.year{font-size:13px}.directors{margin-top:6px;font-size:13px}.directors button{font-size:14px;margin-right:10px}.entity-section{margin-top:18px}.entity-section h2{font-size:23px}.entity-row{min-height:52px;gap:12px}.entity-name{font-size:18px}.person-heading{padding-top:20px;gap:18px}.person-heading .artwork{width:64px}.person-heading h1{font-size:36px}.results,.panel{margin:24px 0 36px}.result-heading h1{font-size:44px}.result-score{gap:18px;flex-wrap:wrap}.result-score strong{font-size:40px}.results .route{font-size:12px}.stats-grid dt{font-size:17px}.stats-grid dd{font-size:30px}.panel form{margin-top:20px}.lobby-layout{display:flex;flex-direction:column-reverse;gap:8px}.lobby-layout>section{width:100%}.room-heading h1{font-size:25px}.room-heading{gap:12px}.room-heading>p{font-size:11px}.room-heading button{padding:10px}.room-players{margin-bottom:12px}.lobby-layout>.room-players{display:flex;flex-wrap:wrap;gap:4px 20px}.lobby-layout>.room-players h2{width:100%}.lobby-layout>.room-players .player-status{border:0;gap:10px;font-size:14px;padding:6px 0}.room-settings{margin-top:8px}.room-actions{flex-wrap:wrap}.room-actions button{flex-basis:140px}.settings-fields{gap:0 12px}.leaderboard li{grid-template-columns:24px minmax(0,1fr) auto;gap:10px}.leaderboard strong{font-size:19px}.leaderboard .badge{grid-column:2/-1}.leaderboard li>span:nth-child(3){font-size:12px}.session-results .leaderboard li>span:nth-child(3){max-width:115px}.join-form{grid-template-columns:1fr;gap:18px}.join-form>.join-name{max-width:none}.join-form>section>label{margin-top:12px}.race-roster{gap:4px 16px}.race-roster h2{width:100%}.room-score{margin:14px 0}.room-score strong{font-size:30px}footer{gap:20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}footer>span{max-width:130px;font-size:10px}.credits{flex:1}.credits p{font-size:11px}}@media(max-width:380px){.brand{font-size:42px}.header{gap:10px}.practice{font-size:9px;padding-left:10px}.app-nav{gap:16px}.app-nav button{font-size:14px}.scores{gap:9px}.scores strong{font-size:16px}.connection-chain{font-size:27px}.settings-fields{grid-template-columns:1fr}.film-heading h1{font-size:30px}.programme-rules{flex-wrap:wrap;gap:6px 12px}footer{flex-direction:column}footer>span{max-width:none}.credits p{font-size:12px}}.has-pair .setup-controls>fieldset,.has-pair .setup-controls>.label,.has-pair .setup-controls>select{display:none}.has-pair .setup-controls .difficulty{margin-top:20px}.round-summary{font:13px/1.6 var(--mono);color:var(--text)}.settings-fields>.room-actions{grid-column:1/-1}.race-roster{display:block;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0}.race-roster>summary{font:600 20px var(--display);color:var(--text);padding:10px 0}.roster-items{display:flex;flex-wrap:wrap;gap:4px 24px;padding-bottom:10px}.multiplayer:has(.room-score) .room-heading{margin:12px 0}.multiplayer:has(.room-score) .round-heading{margin:10px 0}@media(max-width:760px){.has-pair .setup-intro>p,.has-pair .programme-rules{display:none}.has-pair .setup-controls{padding-top:14px}.has-pair .setup-controls h2{margin-bottom:10px}.has-pair .setup-controls .difficulty{margin-top:8px}.has-pair .pair-preview{margin-top:14px;padding-bottom:4px}.has-pair .setup-controls>p{margin-bottom:10px}.has-pair{gap:18px}.roster-items{gap:4px 18px}.app-shell:has(.room-score) .header{min-height:70px}.app-shell:has(.room-score) .brand{font-size:42px}}body{background-image:radial-gradient(circle,var(--dot) .8px,transparent 1px);background-size:20px 20px}.app-shell{background:var(--background);border-inline:1px solid var(--line)}.header{min-height:120px;border-bottom:3px solid var(--text)}.brand{font-size:72px;transform:rotate(-2deg)}.theme-toggle{font-size:13px;white-space:nowrap;background:var(--surface);border-radius:3px;padding:9px 13px}.masthead-note{font-family:var(--font);font-size:14px}.app-nav{margin-bottom:0}.setup{margin:48px 0 64px;gap:56px;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr)}.setup-intro h1{font-size:clamp(56px,5.8vw,84px);line-height:.98;text-transform:uppercase;max-width:13ch;letter-spacing:-.025em;margin:0 0 24px;text-wrap:initial}.setup-intro h1 em{font-style:normal;color:var(--accent)}.setup-intro>p{font-size:18px;max-width:43ch}.setup-controls{background:var(--surface);padding:28px;border:1px solid var(--line);border-radius:4px}.setup-controls h2{font-size:32px;margin-bottom:24px}button,input,select{border-radius:3px}:root{--control-font:Consolas,"Liberation Mono",Menlo,monospace}button,select,select option{font-family:var(--control-font);font-weight:400}button[aria-pressed=true]{background:var(--selected);color:var(--selected-text);border-color:var(--line);box-shadow:inset 0 -3px var(--accent)}.app-nav button[aria-pressed=true]{box-shadow:none}.mode-options{gap:4px}.mode-options button+button{border-left:1px solid var(--line)}button.primary{min-height:50px;font-size:17px}.connection-guide{margin-top:30px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.connection-chain{justify-content:flex-start;gap:24px;font-size:32px}.connection-guide p{max-width:48ch;margin-top:14px}.programme-rules{font-size:10px;gap:16px}.has-pair .setup-intro h1{font-size:52px;max-width:none}.has-pair .pair-preview{border-top:1px solid var(--line)}.artwork{border:0;border-radius:3px}.pair-preview .artwork{width:min(100%,170px)}.panel{padding:28px 32px;background:var(--surface);border:1px solid var(--line);border-radius:4px}.entity-section h2{border-bottom:1px solid var(--text)}.entity-row{padding:12px 8px;border-radius:0}.entity-row:nth-of-type(2n){background:color-mix(in srgb,var(--surface) 55%,transparent)}.entity-row:hover:not(:disabled){background:var(--hover)}.play-layout{position:relative;isolation:isolate}.film-banner{overflow:visible;isolation:auto;min-height:220px;align-items:flex-end;padding:32px 0 24px;border-bottom:1px solid var(--line)}.film-banner:before{display:none}.film-backdrop{position:absolute;inset:0;width:100%;height:360px;object-fit:cover;object-position:center;z-index:-1;opacity:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 22%,transparent 96%);mask-image:linear-gradient(to bottom,#000 22%,transparent 96%)}.has-backdrop>.film-backdrop{opacity:1}.film-banner.has-backdrop{padding-top:230px}.play-layout .film-backdrop{width:calc(100% + 242px)}.film-heading{align-items:flex-end;gap:28px;flex-direction:row-reverse}.film-heading>div:not(.artwork){flex:1;padding-bottom:8px}.film-heading>.artwork{width:142px;box-shadow:0 8px 24px #0003;outline:4px solid var(--background)}.film-heading h1{font-size:clamp(32px,3.4vw,48px)}.directors{background:var(--background)}.play-layout:has(.has-backdrop) .destination-panel{margin-top:350px}.destination-panel{border-left:0;background:var(--surface);padding:20px;margin-top:24px;border-top:3px solid var(--accent)}.destination-panel .artwork{width:88px}.destination-panel h2{font-size:24px}.destination-panel p{display:none}.multiplayer .current-page{position:relative;isolation:isolate}footer{border-top:1px solid var(--line);margin-top:auto}@media(max-width:1100px){.setup{gap:28px;grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}.setup-controls{padding:22px}.setup-intro h1{font-size:64px}}@media(min-width:761px)and (max-width:900px){.play-layout .film-backdrop{width:calc(100% + 204px)}}@media(max-width:760px){.app-shell{border:0;background:color-mix(in srgb,var(--background) 95%,transparent)}.header{min-height:88px;gap:12px;flex-wrap:wrap;padding:16px 0}.brand{font-size:48px}.practice{font-size:9px;max-width:110px;padding-left:12px}.theme-toggle{margin-left:auto;font-size:12px;padding:8px}.header:has(.scores){gap:10px}.header:has(.scores) .theme-toggle{margin-left:0}.scores{gap:12px}.scores strong{font-size:18px}.setup{display:flex;flex-direction:column;gap:24px;margin:28px 0 36px}.setup-intro,.setup-controls{width:100%}.setup-intro h1{font-size:clamp(46px,11vw,64px);max-width:14ch;margin-bottom:16px}.setup-intro>p{font-size:16px}.connection-guide{margin-top:20px;padding:14px 0}.connection-chain{font-size:28px;gap:20px}.connection-guide p{font-size:13px}.programme-rules{font-size:9px;gap:12px}.setup-controls{padding:20px;border:1px solid var(--line)}.setup-controls h2{font-size:28px;margin-bottom:18px}.has-pair .setup-intro h1{font-size:40px}.has-pair .setup-controls{padding:18px}.panel{padding:22px 18px}.film-banner{padding:24px 0 16px;min-height:160px}.film-banner.has-backdrop{padding-top:150px}.film-backdrop,.play-layout .film-backdrop{height:270px;left:-16px;width:calc(100% + 32px)}.film-heading{gap:18px;align-items:flex-end}.film-heading>.artwork{width:88px}.film-heading h1{font-size:32px}.film-heading>div:not(.artwork){padding-bottom:0}.directors{font-size:12px}.directors button{font-size:14px}.entity-row{padding:10px 4px}.sticky-route{background:var(--background)}}@media(max-width:380px){.header .practice{display:none}.brand{font-size:44px}.header:has(.scores) .brand{font-size:38px}.header:has(.scores) .theme-toggle{font-size:11px;padding:7px}.scores strong{font-size:16px}.scores{gap:8px}.connection-chain{gap:16px}.film-heading>.artwork{width:76px}.film-heading h1{font-size:28px}}@media(max-width:760px){.setup:not(.has-pair) .connection-guide{display:none}.setup:not(.has-pair) .programme-rules{margin-top:14px}.setup-intro h1{font-size:46px}.setup-intro>p{font-size:15px}.header:has(.scores){display:grid;grid-template-columns:1fr auto}.header:has(.scores) .theme-toggle{grid-column:2;justify-self:end;min-height:36px}.header:has(.scores) .brand{grid-row:1/3}.header:has(.scores) .scores{margin:0}}:root,[data-theme=light]{color-scheme:light;--background:#f5f3ed;--surface:#fffdf7;--text:#24272a;--muted:#626461;--accent:#b63730;--accent-hover:#912a25;--on-accent:#fffaf1;--line:#c9cbc4;--danger:#a22322;--hover:#e8e9e2;--dot:#b9bbb3;--selected:#e5e8df;--selected-text:#303b33}[data-theme=dark]{color-scheme:dark;--background:#171c20;--surface:#20272b;--text:#f1eee5;--muted:#b0b8b9;--accent:#f08b79;--accent-hover:#ffac99;--on-accent:#241c1b;--line:#424d52;--danger:#ffb4a6;--hover:#2b3539;--dot:#39474e;--selected:#34403f;--selected-text:#e3eee5}
