@font-face{font-family:Inter;src:local('Inter')}*{box-sizing:border-box} :root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#292d2f;background:#f6f6f6;font-synthesis:none;--muted:#7b7e83;--line:#d1d3d3;--accent:#e68136}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input:focus,textarea:focus{outline:2px solid #e6813655;outline-offset:1px}button{color:inherit}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4.4%;position:relative;z-index:3}.wordmark{text-decoration:none;color:inherit;letter-spacing:4px;font-size:16px;font-weight:650;display:flex;align-items:center;gap:6px}.wordmark span{width:6px;height:6px;background:var(--accent);border-radius:50%;margin-top:-10px}.edition{font-size:13px;letter-spacing:2px;display:flex;gap:18px;align-items:center}.edition span{font-size:10px;color:#909296;letter-spacing:1.5px}.quiet{background:none;border:0;font-size:14px}.help{border:1px solid #bfc1c3;border-radius:50%;width:18px;height:18px;display:inline-grid;place-items:center;font-size:11px;margin-left:8px}main{display:grid;grid-template-columns:minmax(0,62%) minmax(330px,38%);min-height:calc(100svh - 140px);max-width:1800px;margin:auto}.stage{position:relative;min-height:670px;overflow:hidden}.portrait{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.portrait video,.portrait>img{height:100%;width:100%;object-fit:contain;object-position:center bottom;position:absolute;inset:0}.portrait>img{transition:opacity .2s}.portrait.playing>img{opacity:0;pointer-events:none}.start-control{position:absolute;bottom:17%;left:50%;transform:translateX(-50%);border:1px solid #ffffff90;background:#fffffff0;backdrop-filter:blur(12px);border-radius:40px;padding:14px 20px;display:flex;align-items:center;gap:10px;font-size:14px;white-space:nowrap;box-shadow:0 5px 30px #0000000d}.start-control svg{width:18px;height:18px}.stage-footer{position:absolute;bottom:18px;left:7%;right:8%;display:flex;justify-content:space-between;align-items:center;gap:10px}.guest-label{display:flex;align-items:center;gap:12px;font-size:12px;color:#73777d;letter-spacing:.2px}.guest-label svg{width:25px;height:25px;color:#303538}.playback-controls{display:flex;gap:7px}.icon-button{width:36px;height:36px;border:0;border-radius:50%;background:#f6f6f6d9;display:grid;place-items:center}.icon-button svg{width:19px;height:19px}.game-panel{padding:38px 17% 52px 7%;display:flex;align-items:center}.game-content{width:100%;max-width:385px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.5px;color:#71757c;margin:0 0 22px}h1{font-size:clamp(40px,4.25vw,66px);letter-spacing:-2.8px;line-height:1.04;font-weight:620;margin:0 0 23px}h2{font-size:32px;line-height:1.12;letter-spacing:-1.2px;font-weight:550;margin:0 0 25px}.subtitle{font-size:17px;line-height:1.5;color:#7a7d83;margin:0 0 29px}.progress{display:flex;gap:16px;align-items:center;margin:0 0 24px}.dot{display:block;width:16px;height:16px;flex:none;padding:0;border:1px solid #aeb1b4;border-radius:50%;background:transparent;transition:.2s}.dot.current{background:#f58216;border-color:#f58216}.dot.unlocked{background:#b3b6b8;border-color:#b3b6b8}.dot.current::after{content:none}.country-picker{position:relative}.country-picker>svg{position:absolute;width:16px;height:16px;right:16px;top:18px;pointer-events:none}.country-picker input{width:100%;border:1px solid #bfc2c5;border-radius:6px;background:transparent;padding:16px 40px 16px 16px;font-size:14px;color:#303538;height:52px}.country-picker input::placeholder{color:#73777b}.country-picker ul{position:absolute;background:white;border:1px solid #dfe1e3;box-shadow:0 10px 30px #00000012;border-radius:6px;width:100%;padding:6px;margin:5px 0;list-style:none;max-height:230px;overflow:auto;z-index:8}.country-picker li{padding:10px;border-radius:4px;font-size:14px;cursor:pointer}.country-picker li:hover,.country-picker li.active{background:#f1f2ef}.primary,.secondary{height:52px;width:100%;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.primary{border:1px solid #303536;background:#303536;color:#fff;margin-top:12px}.primary svg{width:18px;height:18px}.primary:not(:disabled):hover{background:#141819}.secondary{background:transparent;border:1px solid #aeb1b5;justify-content:space-between;padding:0 17px;margin-top:27px}.secondary:hover{background:#eeefed}.secondary span{font-size:20px}.helper,.next-caption{font-size:12px;color:#858890;line-height:1.55;margin:8px 0 0}.next-caption{color:#8a8c91}.hunch-section{margin-top:26px}.hunch-button{display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:100%;padding:0 16px 0 12px;border:1px solid #cfd2d3;border-radius:999px;background:#f6f6f6;font-size:13px;color:#45494d;text-align:left;transition:border-color .15s,background-color .15s,color .15s}.hunch-button>svg{width:20px;height:20px;flex:none;color:#303538}.hunch-globe-halo{fill:#f6f6f6;transition:fill .15s}.hunch-globe-dot{fill:var(--accent)}#hunch-label{font-weight:500}#hunch-count{color:var(--muted);font-variant-numeric:tabular-nums}#hunch-count:empty{display:none}.hunch-arrow{margin-left:2px;font-size:15px;line-height:1;color:#8a8c91;transition:transform .15s,color .15s}.hunch-button:hover{border-color:#aeb1b5;background:#eeefed;color:#111}.hunch-button:hover .hunch-globe-halo{fill:#eeefed}.hunch-button:hover .hunch-arrow{color:#111;transform:translate(1px,-1px)}.hunch-button:focus-visible{outline-offset:3px}.hunch-chip{display:inline-flex;align-items:center;border:1px solid #dbdcd9;border-radius:30px;padding:6px 10px;font-size:12px;gap:6px;background:#f1f2ef;margin:10px 5px 0 0}.hunch-chip button{border:0;background:none;padding:0;color:#888}.hunch-chip .candidate-select{color:#333}footer{height:50px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;color:#92959a;font-size:11px;letter-spacing:.3px}.footer-note{font-size:9px;letter-spacing:1.6px}dialog{border:1px solid #e1e2df;border-radius:12px;background:#fafbf9;color:inherit;padding:44px;max-width:520px;width:calc(100% - 32px);box-shadow:0 30px 100px #0002}dialog::backdrop{background:#20262655;backdrop-filter:blur(7px)}dialog p,dialog li{font-size:15px;color:#70757a;line-height:1.6}dialog ol{padding-left:22px;margin:25px 0}dialog li{padding:6px}.close-dialog{position:absolute;right:20px;top:15px;border:0;background:none;font-size:28px;font-weight:300;color:#747a7d;padding:0 6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.video-error{position:absolute;bottom:20%;background:white;padding:20px;border-radius:6px;font-size:14px}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:10px 0;font-size:13px;color:#767c7d}.result-card{border-top:1px solid var(--line);padding:22px 0 5px}.result-card h3{font-size:25px;margin:0 0 10px;font-weight:500;letter-spacing:-.6px}.result-card p{font-size:14px;color:#747a80;line-height:1.6;margin:0 0 10px}.result-score{font-size:45px;letter-spacing:-2px;line-height:1.2;margin:15px 0}.result-score small{font-size:17px;color:#888;letter-spacing:0}.result-card .share{height:44px}.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between}#hunch-dialog{max-width:1050px;width:calc(100% - 36px);padding:32px;max-height:90svh}.drawer-heading .eyebrow{margin-bottom:10px}.drawer-heading h2{font-size:27px}.globe-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px}.globe-container{position:relative;min-height:400px;background:#f0f2ed;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}#globe{width:100%;height:440px;touch-action:none;cursor:grab}#globe:active{cursor:grabbing}.globe-hint{font-size:11px!important;position:absolute;bottom:3px;pointer-events:none}.globe-tooltip{position:absolute;left:20px;top:17px;font-size:13px;font-weight:500;pointer-events:none}.globe-sidebar{display:flex;flex-direction:column}.globe-sidebar label{font-size:12px;color:#747a80;margin:0 0 8px}.globe-sidebar input,.globe-sidebar textarea{border:1px solid #d4d7d2;background:#fff9;padding:12px;border-radius:5px;width:100%;font-size:13px}.globe-sidebar textarea{height:95px;resize:vertical;line-height:1.5}.globe-sidebar label[for=notes]{margin-top:25px}.country-result,.candidate-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:7px;font-size:13px}.country-result button,.candidate-row button{font-size:12px;background:transparent;border:1px solid #d0d4ce;border-radius:4px;padding:5px 8px}.candidate-row .pick-country{border:0;padding:0;text-align:left;font-size:14px}.candidate-row small{color:var(--accent);font-size:10px;margin-right:7px}#candidate-list{margin-top:18px;max-height:155px;overflow:auto}#globe-results{max-height:130px;overflow:auto}
@media(min-width:1600px){.game-panel{padding-left:10%}.stage{min-height:780px}}@media(max-width:1000px){header{height:70px}.edition span{display:none}main{grid-template-columns:55% 45%;min-height:calc(100svh - 120px)}.game-panel{padding:35px 10% 45px 3%}.stage{min-height:660px}h1{font-size:48px}}@media(max-width:700px){header{height:62px;padding:0 20px}.wordmark{font-size:13px;letter-spacing:2.8px}.edition{font-size:11px}.quiet{font-size:12px}.help{display:none}main{display:flex;flex-direction:column}.game-panel{order:1}.stage{order:2;min-height:0;height:49svh;max-height:510px}.portrait video,.portrait>img{object-position:center 30%;object-fit:cover;width:75%;left:12.5%}.stage-footer{left:20px;right:20px;bottom:8px}.guest-label{font-size:10px}.guest-label svg{width:20px;height:20px}.start-control{bottom:19%;padding:11px 15px}.game-panel{padding:23px 25px 25px;display:block}.game-content{max-width:480px;margin:auto}.eyebrow{font-size:10px;margin-bottom:10px;letter-spacing:2px}h1{font-size:36px;letter-spacing:-1.4px;margin:0 0 10px}h1 br{display:none}h1 br:after{content:' '}.subtitle{font-size:14px;margin:0 0 18px}.subtitle br{display:none}.progress{gap:14px;margin-bottom:18px}.dot{width:14px;height:14px}.secondary{margin-top:20px}.hunch-section{margin-top:18px}footer{padding:0 25px;height:50px}.footer-note{display:none}#hunch-dialog{padding:25px 20px;overflow:auto}.globe-layout{grid-template-columns:1fr;gap:20px}.globe-container{min-height:270px}#globe{height:290px}.drawer-heading h2{font-size:25px;margin-right:20px}.globe-sidebar textarea{height:65px}#candidate-list{margin-top:10px;max-height:120px}dialog{padding:35px 25px}#how-dialog h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Original performance, composited onto the page's white background. */
.portrait video,.portrait>img{width:auto;height:100%;max-width:100%;aspect-ratio:1080/1400;inset:0 auto 0 50%;transform:translateX(-50%);object-fit:contain;object-position:center center}
@media(min-width:701px){main{min-height:calc(100svh - 90px)}footer{position:absolute;bottom:0;left:0;right:0;pointer-events:none}footer button{pointer-events:auto}.stage-footer{bottom:65px}}
@media(max-width:700px){.stage{height:38svh;min-height:265px;max-height:360px}.portrait{inset:0 0 27px}.portrait video,.portrait>img{width:auto;height:110%;max-width:none;left:50%;top:0;bottom:auto;object-fit:contain}.start-control{bottom:5%}.stage-footer{bottom:0}.guest-label{background:#f6f6f6bb;border-radius:20px;padding:5px 9px}}

/* Match the encoded studio white to the page across browser color conversions. */
.portrait video,.portrait>img{mix-blend-mode:darken}

/* A localized peach studio glow; the rest of the interface stays neutral. */
.stage{background:
  radial-gradient(ellipse 61% 48% at 39% 59%,rgba(243,171,103,.64) 0%,rgba(244,198,153,.42) 43%,rgba(246,224,204,.18) 69%,rgba(246,246,246,0) 100%),
  radial-gradient(ellipse 41% 37% at 66% 34%,rgba(245,204,165,.42) 0%,rgba(246,231,213,.2) 50%,rgba(246,246,246,0) 100%)}
@media(max-width:700px){.stage{background:
  radial-gradient(ellipse 65% 50% at 42% 51%,rgba(243,171,103,.58) 0%,rgba(244,198,153,.36) 43%,rgba(246,224,204,.14) 70%,rgba(246,246,246,0) 100%)}}

/* Globe zoom stays local to the canvas, with controls above the map. */
.globe-container{overflow:hidden}
.globe-zoom{position:absolute;right:14px;top:14px;display:flex;align-items:center;border:1px solid #cbd0cb;border-radius:7px;background:#fafbf9;box-shadow:0 2px 8px #00000008;z-index:1}
.globe-zoom button{height:36px;min-width:36px;border:0;background:transparent;padding:0 9px;font-size:20px;touch-action:manipulation}
.globe-zoom button+button{border-left:1px solid #dce0da}
.globe-zoom #globe-zoom-reset{font-size:12px;font-variant-numeric:tabular-nums;min-width:45px}
.globe-zoom button:not(:disabled):hover{background:#ecefe9}
.globe-tooltip{max-width:calc(100% - 165px)}
.globe-hint{padding:0 10px;text-align:center;background:#f0f2eddb;border-radius:4px}
#globe:active{cursor:grabbing}

.globe-warning{margin-top:24px;padding:13px 15px;background:#f7ede2;border:1px solid #e6cbb0;border-radius:7px;font-size:12px;line-height:1.5;color:#695441}
.globe-warning strong,.globe-warning span{display:block}.globe-warning strong{font-weight:600;margin-bottom:4px;color:#43382e}
.globe-warning:not([hidden])+#next{margin-top:12px}
#hunch-dialog.globe-locked{max-width:520px}.globe-locked .globe-layout{grid-template-columns:minmax(0,1fr)}
.globe-lock-notice{font-size:13px;margin:0 0 24px;color:#7a6a5c;line-height:1.5}

/* Lock confirmation: the guess block swaps to a one-line check before the only guess is committed. */
.guess-confirm p{font-size:14px;line-height:1.5;color:#303538;margin:0 0 12px}.guess-confirm .primary{margin-top:0}.guess-confirm .text-button{display:block;margin:4px auto 0;padding:8px 0}

/* An enlarged clip (day.clipScale) can overflow above <main>, outside the group where the video's darken blend
   runs. Give that overflow the page colour to blend against, so its backdrop never shows as a lighter box. */
@media (min-width:701px){.portrait.clip-scaled::before{content:"";position:absolute;left:-100vw;right:-100vw;bottom:100%;height:100vh;background:#f6f6f6;pointer-events:none}}

#country-options li[aria-disabled="true"]{color:#969692;cursor:not-allowed;background:transparent}

#country-options .guess-note{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:#5f5c55}
