.where-from-game{--ink:#18384a;--cream:#fff8e8;--sun:#f5b544;--coral:#ef765f;--mint:#5eb9a9;min-height:100svh;color:var(--ink);background:linear-gradient(145deg,#d7f2ef,#fff1cc 52%,#ffd9ca);overflow:hidden}.where-from-game *,.where-from-game :before,.where-from-game :after{box-sizing:border-box}.where-from-game button{font:inherit}.where-from-game button:focus-visible{outline-offset:3px;outline:4px solid #fff;box-shadow:0 0 0 7px #24536b}.where-from-controls{z-index:80;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));gap:8px;display:flex;position:fixed}.where-from-controls button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#173c50db;border:2px solid #fff9;border-radius:50%;width:50px;height:50px;font-size:25px;font-weight:900;box-shadow:0 8px 24px #16334355}.where-from-intro{min-height:100svh;padding:88px 22px max(42px, env(safe-area-inset-bottom));place-items:end center;display:grid;position:relative}.where-from-intro>img{object-fit:cover;object-position:center 44%}.where-from-intro:after{content:"";background:linear-gradient(#13374908 25%,#122f40e8 82%,#122f40fa);position:absolute;inset:0}.where-from-intro>div{z-index:2;text-align:center;color:#fff;text-shadow:0 2px 12px #102b3b88;max-width:760px;position:relative}.where-from-kicker,.where-from-finale>div>p:first-child{color:#ffe49a;letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:.85rem;font-weight:900}.where-from-kicker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#173c508f;border:1px solid #ffffff73;border-radius:999px;align-items:center;min-height:30px;padding:4px 11px;display:inline-flex}.where-from-intro h1{font:800 clamp(3rem, 8vw, 6.5rem)/.92 var(--font-serif), Georgia, serif;text-wrap:balance;margin:0}.where-from-lead{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#173c5082;border:1px solid #ffffff61;border-radius:18px;max-width:690px;margin:18px auto 25px;padding:11px 17px 12px;font-size:clamp(.96rem,2.1vw,1.18rem);line-height:1.45}.where-from-intro button,.where-from-finale button{color:#263d45;cursor:pointer;background:linear-gradient(145deg,#ffe489,#f5a733);border:2px solid #fff9;border-radius:999px;min-height:58px;padding:0 28px;font-weight:950;box-shadow:0 12px 30px #071f2d55}.where-from-round{background:#173c50;min-height:100svh;position:relative;overflow:hidden}.where-from-picture{background:#b8deda;position:absolute;inset:0;overflow:hidden}.where-from-picture>img{object-fit:cover;object-position:center 50%}.where-from-picture:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#102d3b38 0,#0000 25% 55%,#102d3bd6 100%);position:absolute;inset:0}.where-from-progress{z-index:4;top:max(18px, env(safe-area-inset-top));color:#fff;background:#173c50d9;border:1px solid #fff9;border-radius:999px;align-items:center;gap:10px;padding:9px 13px;font-weight:900;display:flex;position:absolute;left:18px;box-shadow:0 8px 22px #173c5044}.where-from-progress i{background:#fff4;border-radius:99px;width:clamp(74px,12vw,150px);height:7px;overflow:hidden}.where-from-progress b{border-radius:inherit;background:#ffd269;height:100%;transition:width .25s;display:block}.where-from-prompt{z-index:5;color:#fff;text-shadow:0 3px 18px #0d263dcc;pointer-events:none;position:absolute;inset:0}.where-from-prompt h2{top:max(16px, env(safe-area-inset-top));width:min(680px,100% - 440px);font:800 clamp(1.2rem, 2vw, 1.75rem)/1.16 var(--font-serif), Georgia, serif;text-align:center;text-wrap:balance;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#173c50a8;border:1px solid #ffffff8c;border-radius:22px;margin:0;padding:11px 24px 12px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #102d3b38}.where-from-answer{bottom:max(24px, env(safe-area-inset-bottom));width:fit-content;max-width:min(760px,100% - 220px);color:var(--ink);text-shadow:none;background:#fffbeaed;border:1px solid #fff9;border-radius:18px;margin:0;padding:10px 17px;font-size:clamp(1.05rem,2vw,1.45rem);font-weight:900;position:absolute;left:clamp(18px,4vw,58px);box-shadow:0 10px 34px #0d263d55}.where-from-round-actions{right:clamp(18px,4vw,58px);bottom:max(22px, env(safe-area-inset-bottom));pointer-events:auto;gap:12px;display:flex;position:absolute}.where-from-round-actions button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #fff9;border-radius:50%;width:clamp(58px,6vw,72px);height:clamp(58px,6vw,72px);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:950;line-height:1;box-shadow:0 12px 30px #071f2d70}.where-from-help{background:#173c50df}.where-from-help[aria-pressed=true]{color:#263d45;background:#fff4c8ed}.where-from-next{background:linear-gradient(145deg,#f8c858,#e99635)}.where-from-loading,.where-from-load-error{z-index:6;background:#d9eee9;place-items:center;display:grid;position:absolute;inset:0}.where-from-loading:after{content:"";aspect-ratio:1;border:7px solid #2d657626;border-top-color:var(--coral);border-radius:50%;width:66px;animation:.8s linear infinite where-from-spin}.where-from-load-error{text-align:center;align-content:center;gap:12px}.where-from-load-error button{color:#fff;background:#24536b;border:0;border-radius:999px;min-height:48px;padding:0 18px;font-weight:900}.where-from-finale{background:radial-gradient(circle at 25% 20%,#fff6 0 3%,#0000 22%),linear-gradient(145deg,#65b9ad,#26728b 58%,#1f5069);place-items:center;min-height:100svh;padding:90px 22px 34px;display:grid}.where-from-finale>div{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#153e52d9;border:2px solid #fff7;border-radius:38px;max-width:720px;padding:clamp(30px,6vw,64px);box-shadow:0 26px 74px #0b2b3d70}.where-from-finale h1{font:800 clamp(2.6rem, 6vw, 5.4rem)/.98 var(--font-serif), Georgia, serif;text-wrap:balance;margin:0}.where-from-finale h2{color:#ffe286;margin:18px 0 0;font-size:clamp(1.5rem,3vw,2.5rem)}.where-from-finale p{font-size:1.1rem;line-height:1.5}.where-from-finale button{margin:7px}.where-from-finale button.is-secondary{color:#fff;background:#ffffff14}.where-from-gate{color:#17202c;background:#f7f4ea;border-radius:28px;max-width:480px;padding:30px}.where-from-gate h2{font:700 36px/1.1 var(--font-serif), Georgia, serif}.where-from-gate form{gap:10px;display:grid}.where-from-gate input{border:2px solid #315f76;border-radius:12px;min-height:48px;padding:8px;font-size:20px}.where-from-gate form>div{gap:8px;display:flex}.where-from-gate button{color:#fff;background:#17364a;border:0;border-radius:12px;min-height:48px;padding:8px 14px;font-weight:900}.where-from-gate-error{color:#9a3030;min-height:20px}@keyframes where-from-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.where-from-controls button{width:46px;height:46px}.where-from-picture>img{object-position:center 46%}.where-from-prompt h2{top:max(70px, calc(env(safe-area-inset-top) + 58px));border-radius:18px;width:calc(100% - 28px);padding:9px 15px 10px;font-size:clamp(1.12rem,5vw,1.5rem)}.where-from-round-actions{right:14px;bottom:max(14px, env(safe-area-inset-bottom))}.where-from-answer{bottom:max(18px, env(safe-area-inset-bottom));max-width:calc(100% - 154px);padding:8px 13px;left:14px}.where-from-progress{top:max(12px, env(safe-area-inset-top));padding:7px 10px;left:10px}.where-from-progress i{width:70px}}@media (max-width:760px) and (orientation:landscape){.where-from-picture>img{object-position:center 52%}.where-from-prompt h2{top:max(62px, calc(env(safe-area-inset-top) + 54px));width:min(620px,100% - 220px);font-size:clamp(1.05rem,3vw,1.35rem)}}@media (prefers-reduced-motion:reduce){.where-from-game *,.where-from-game :before,.where-from-game :after{transition:none!important;animation:none!important}}