@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111318;--panel:#1b1e25;--text:#f4f0e8;--muted:#a8a9b1;--gold:#e8c17b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 5%,#34302655,transparent 45%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit}header{max-width:1200px;margin:auto;padding:30px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:1px}.logo{color:var(--gold);border:1px solid #e8c17b66;border-radius:8px;padding:7px 10px;font-size:13px}.tag{font-size:9px;letter-spacing:1.5px;background:#ffffff0b;color:var(--muted);padding:5px 7px;border-radius:4px}.header-note{font-size:12px;color:var(--muted)}main{max-width:1120px;margin:0 auto;padding:64px 42px 50px}.eyebrow{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:2px}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5.6vw,66px);line-height:1.08;letter-spacing:-2.8px;margin:20px 0}p{line-height:1.7}.intro{max-width:560px;color:var(--muted);font-size:16px}.steps{display:flex;gap:35px;margin:30px 0 36px;font-size:12px;color:#d1d1d7}.steps b{color:var(--gold);margin-right:8px}.deck{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{border:1px solid #ffffff16;border-radius:16px;padding:22px;background:linear-gradient(140deg,#262932,#1a1d24);position:relative;overflow:hidden}.tile:before{content:'';height:3px;background:var(--accent);position:absolute;top:0;left:22px;right:22px}.tile-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;letter-spacing:1.3px}.tile-top strong{color:var(--accent);font-size:12px}.tile h2{font-family:'Space Grotesk',sans-serif;font-size:25px;margin:22px 0 3px}.tile p{font-size:12px;color:var(--muted);margin:0 0 22px}.tile-qr{display:flex;align-items:center;gap:15px;margin-top:22px;border-top:1px solid #ffffff13;padding-top:20px}.tile-qr img{width:82px;height:82px;background:#fff;border-radius:5px}.tile-qr span{font-size:11px;color:var(--muted);line-height:1.6}.tile-qr a{display:block;margin-top:6px;color:var(--text);font-size:11px}.tile .primary{width:100%;text-align:center;font-size:12px}.primary,button{display:inline-block;background:var(--gold);color:#17181c;font-weight:700;border:0;border-radius:8px;padding:14px 19px;text-decoration:none;cursor:pointer;font-family:inherit}.tile .primary{background:var(--accent)}button{background:#252931;color:var(--text);border:1px solid #ffffff20}.primary{background:var(--gold);color:#17181c;border:0}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled),.primary:hover{filter:brightness(1.12)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.note{color:var(--muted);font-size:11px;line-height:1.7;border-left:2px solid #e8c17b55;padding:3px 0 3px 15px;margin-top:32px;max-width:840px}footer{max-width:1120px;margin:auto;padding:25px 42px 35px;display:flex;justify-content:space-between;color:#747780;font-size:10px;border-top:1px solid #ffffff10}.back{font-size:12px;color:var(--muted);text-decoration:none}.game-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 20px}.game-heading h1{font-size:38px;letter-spacing:-1px;margin:12px 0 0}.duration{border:1px solid #e8c17b55;padding:10px 14px;color:var(--gold);border-radius:8px;font-family:'Space Grotesk',sans-serif}.screen{aspect-ratio:3/2;position:relative;max-height:540px;background:#08090b;border:1px solid #ffffff1c;border-radius:14px;overflow:hidden}.screen iframe{width:100%;height:100%;position:absolute;inset:0}#cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#292b34,#111318);text-align:center;padding:20px}.play-symbol{font-size:20px;color:var(--gold);border:1px solid #e8c17b66;padding:22px 26px;border-radius:50%}#cover h2{font-family:'Space Grotesk';font-size:24px;margin:20px 0 0}#cover p{font-size:13px;color:var(--muted)}.progress{height:3px;background:#ffffff13;margin-top:20px}#progress-fill{background:var(--gold);height:100%;width:0;transition:width .15s linear}.status-row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:12px 0 24px;gap:15px}#clock{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--gold)}.controls{display:flex;gap:10px;flex-wrap:wrap}#answer{background:#e8c17b0b;border:1px solid #e8c17b44;border-radius:12px;margin-top:25px;padding:25px}.answer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.answer-grid h2{font-family:'Space Grotesk';margin-bottom:0}.answer-grid p{color:var(--muted);margin-top:7px}.answer-grid strong{color:var(--gold);font-family:'Space Grotesk';font-size:45px}.answer-tip{font-size:11px;color:var(--muted);margin-bottom:0}details{margin-top:24px;color:var(--muted);font-size:12px;line-height:1.7}summary{cursor:pointer}details a{color:var(--gold)}[hidden]{display:none!important}@media(max-width:700px){header{padding:20px}.header-note{display:none}main{padding:40px 20px}.deck{grid-template-columns:1fr}.tile{padding:20px}.tile-qr{margin-top:16px}.steps{gap:22px}.intro{font-size:14px}h1{letter-spacing:-1.8px}.game-heading h1{font-size:32px}.controls button{flex:1;font-size:11px;padding:13px 10px}.screen{border-radius:9px;min-height:210px}.play-symbol{padding:12px 16px}#cover h2{font-size:18px}#cover p{font-size:11px;margin:8px 0}footer{padding:22px 20px;gap:20px}.answer-grid{flex-wrap:wrap}.answer-grid strong{font-size:36px}}

.deck-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0}.card-search-label{display:grid;gap:8px;font-size:11px;color:var(--muted)}input{font:inherit;color:var(--text);background:var(--panel);border:1px solid #ffffff25;border-radius:8px;padding:12px;width:150px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:28px 0}.pagination span{color:var(--muted);font-size:12px}.pagination button{font-size:12px}.deck{scroll-margin-top:20px}@media(max-width:500px){.deck-toolbar{align-items:center;gap:12px}.deck-toolbar .primary{font-size:12px;padding:13px}.card-search-label input{width:110px}.pagination{gap:12px}.pagination button{padding:12px}.controls button{flex-basis:40%}}

.scanner-link{margin:8px 0 4px}.controls a.primary{font-size:12px;display:flex;align-items:center;justify-content:center}@media(max-width:700px){.controls a.primary{width:100%}}

.round-panel{border:1px solid #e8c17b40;background:#e8c17b08;border-radius:12px;padding:18px;margin-bottom:30px;text-align:left}.round-head,.round-code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.round-head strong{font-size:10px;letter-spacing:1.6px;color:var(--gold)}#round-count{font-size:12px;color:var(--text)}#round-status{font-size:11px;color:var(--muted);margin:10px 0;line-height:1.6}.round-code-row{font-size:11px;color:var(--muted)}#round-code{color:var(--gold);letter-spacing:1px}.round-panel button{font-size:10px;padding:9px 12px}.round-panel details{margin-top:12px}.round-panel details p{font-size:11px}#round-join{display:flex;gap:10px;margin:12px 0}#round-input{flex:1;min-width:0;text-transform:uppercase;font-size:12px}.card-used{opacity:.55}.card-used h2{text-decoration:line-through}.used-badge{position:absolute;top:56px;right:16px;font-size:8px;background:#e8c17b;color:#17181c;padding:5px 7px;border-radius:4px;font-weight:700}.scanner-main .round-panel{margin-bottom:28px}.scanner-main .round-panel p{line-height:1.6}

#riddle-image{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.screen{max-height:none;max-width:960px;margin:auto}

.language-switch{display:flex;gap:3px;flex-shrink:0;border:1px solid #ffffff25;border-radius:9px;padding:3px;margin-left:auto}.language-switch button{font-size:11px;padding:7px 9px;border:0;background:transparent;color:var(--muted)}.language-switch button[aria-pressed="true"]{background:var(--gold);color:#17181c}.header-note{margin:0 18px}header{gap:12px}.scanner-body header .language-switch{margin-left:0}@media(max-width:500px){.brand{font-size:12px;gap:6px}.tag{display:none}.language-switch button{padding:7px}.scanner-body header{gap:8px}.scanner-body header .brand{margin-right:auto}#install-app{font-size:11px;padding:9px}}

.view-toolbar{position:absolute;bottom:12px;right:12px;left:12px;display:flex;align-items:center;justify-content:flex-end;gap:12px;z-index:2;pointer-events:none}.view-toolbar button{pointer-events:auto;min-height:44px;background:#15181fee;border:1px solid #ffffff55;font-size:12px;box-shadow:0 2px 14px #0008}.view-playback{display:none;align-items:center;gap:12px;background:#15181fee;border-radius:9px;padding-left:14px;color:var(--gold);font-size:12px;font-variant-numeric:tabular-nums}.is-expanded .view-playback{display:flex}.is-expanded .view-toolbar{justify-content:space-between;bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}body.riddle-expanded{overflow:hidden}.screen.is-expanded{position:fixed;inset:0;z-index:10000;width:100vw;height:100vh;width:100dvw;height:100dvh;max-width:none;max-height:none;min-height:0;margin:0;border:0;border-radius:0;aspect-ratio:auto;background:#08090b}.screen.is-expanded #riddle-image{inset:0 0 70px;width:100%;height:calc(100% - 70px);object-fit:contain}.screen.is-expanded #cover{bottom:70px}
@media(orientation:portrait){.screen.is-expanded{inset:auto;left:50%;top:50%;width:100vh;height:100vw;width:100dvh;height:100dvw;transform:translate(-50%,-50%) rotate(90deg)}}

#answer{position:absolute;inset:0;margin:0;padding:22px;background:radial-gradient(ellipse at center,#302d29,#111318);border:0;border-radius:0;overflow:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;z-index:1}.answer-grid{display:flex;flex-direction:column;gap:10px;max-width:95%}.answer-grid h2{font-size:clamp(18px,3vw,38px);line-height:1.15;margin:0}.answer-grid p{font-size:clamp(12px,1.8vw,20px);line-height:1.3;margin:8px 0 0}.answer-grid strong{font-size:clamp(30px,5vw,60px);line-height:1}.screen #answer{padding-bottom:68px}.screen.is-expanded #answer{bottom:70px;padding-bottom:22px}.screen.is-expanded .answer-grid h2{font-size:clamp(24px,4vw,52px)}#movie-facts{background:#e8c17b0b;border:1px solid #e8c17b44;border-radius:12px;margin-top:25px;padding:25px}#movie-fact{font-size:15px;line-height:1.7;margin:12px 0 0;color:var(--text)}.view-playback{padding-right:0}.view-playback button{box-shadow:none;border-color:#ffffff22}.view-toolbar{gap:8px}.view-playback{gap:8px}@media(max-height:500px){.screen.is-expanded #answer{gap:6px}.screen.is-expanded .answer-grid{gap:6px}.screen.is-expanded .answer-grid h2{font-size:26px}.screen.is-expanded .answer-grid p{font-size:15px}.screen.is-expanded .answer-grid strong{font-size:36px}}@media(orientation:portrait) and (max-width:500px){.screen.is-expanded #answer{gap:6px}.screen.is-expanded .answer-grid h2{font-size:26px}.screen.is-expanded .answer-grid p{font-size:15px}.screen.is-expanded .answer-grid strong{font-size:36px}}@media(max-width:500px){#answer{padding:14px;gap:6px}.answer-grid{gap:6px}.answer-grid h2{font-size:18px}.answer-grid p{font-size:12px;margin-top:5px}.answer-grid strong{font-size:30px}.view-toolbar button{font-size:11px;padding:10px 12px}}

.clue-button{border-color:#e8c17b99;color:var(--gold)}.clue-cost{color:var(--muted);font-size:12px;line-height:1.6;margin:16px 0;max-width:720px}.star-rules{border-top:1px solid #ffffff20;padding-top:20px;margin-top:36px}.star-rules summary{color:var(--gold);font-weight:700}.star-rules p{margin:10px 0}.view-playback{gap:6px}.view-toolbar button{padding-left:12px;padding-right:12px}.screen.is-expanded #cover p{font-size:clamp(14px,2.2vw,22px);line-height:1.5;max-width:780px;margin:10px 0}.screen.is-expanded #cover .play-symbol{display:none}.screen #cover p{max-width:700px}.screen #cover h2{margin-top:10px}@media(max-height:450px){.is-expanded .view-toolbar button{font-size:10px;padding:10px 8px}.is-expanded .view-playback{gap:5px;padding-left:8px}.screen.is-expanded #cover{padding:18px 28px}.screen.is-expanded #cover h2{font-size:20px}}

.view-toolbar #expand-riddle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;font-size:25px;line-height:1;border-radius:9px}.is-expanded .view-toolbar #expand-riddle{font-size:25px;padding:0}

/* One image region per card; atlas siblings stay outside the clipping frame. */
#riddle-crop{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);overflow:hidden;pointer-events:none}
#riddle-crop #riddle-image{inset:0;width:100%;height:100%;object-fit:contain}
#riddle-crop #riddle-image[data-atlas]{width:calc(100% * var(--atlas-columns));height:calc(100% * var(--atlas-rows));max-width:none;max-height:none;left:var(--atlas-left);top:var(--atlas-top);right:auto;bottom:auto;object-fit:fill;transform:none}