/* Shared visual identity with the 63 × 88 mm Kino Kadras cards. */
:root{--bg:#20211f;--panel:#292a27;--text:#f2ecdf;--muted:#b4b1a7;--gold:#c6a565;--ivory:#f2ecdf;--ink:#252622;color-scheme:dark}
body{background:var(--bg);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
header{max-width:1200px;min-height:96px;border-color:#c6a56536;padding-top:25px;padding-bottom:25px}
.brand{font-size:18px;font-weight:600;letter-spacing:3px;gap:14px}.logo{display:block;width:29px;height:34px;padding:0;border:1px solid var(--gold);border-radius:1px;position:relative;background:linear-gradient(90deg,transparent 24%,var(--gold) 24% 27%,transparent 27% 73%,var(--gold) 73% 76%,transparent 76%)}.logo:before,.logo:after{content:'';position:absolute;top:3px;bottom:3px;width:4px;background:repeating-linear-gradient(to bottom,var(--ivory) 0 4px,transparent 4px 8px)}.logo:before{left:2px}.logo:after{right:2px}
.header-note{color:var(--muted);font-size:10px;letter-spacing:1.5px}.language-switch{border-color:#c6a56550;border-radius:2px;padding:3px}.language-switch button{border-radius:1px}.language-switch button[aria-pressed="true"]{background:var(--ivory);color:var(--ink)}
main{padding-top:38px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold)}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(40px,5.5vw,68px);letter-spacing:-1.8px;line-height:1.08}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.intro{font-size:15px;line-height:1.8;color:var(--muted);max-width:510px}
.library-intro{position:relative;isolation:isolate;padding:35px 0 44px;overflow:hidden;border-bottom:1px solid #c6a56540}.library-intro>h1{max-width:670px}.library-intro:before,.library-intro:after{content:'';position:absolute;z-index:-1;pointer-events:none;width:140px;height:700px;top:-165px;right:12%;transform:rotate(31deg);border-inline:2px solid var(--gold);background:repeating-linear-gradient(to bottom,var(--bg) 0 13px,transparent 13px 25px) left 8px top/11px 100% no-repeat,repeating-linear-gradient(to bottom,var(--bg) 0 13px,transparent 13px 25px) right 8px top/11px 100% no-repeat,var(--ivory);opacity:.10}.library-intro:after{right:-11%;top:-125px;opacity:.06}.steps{gap:30px;margin:28px 0;font-size:11px;letter-spacing:1px}.steps b{font-weight:400}
.primary,button,input,.photo-button,.duration{border-radius:2px}.primary,button{min-height:44px;font-size:12px;letter-spacing:.25px;padding:14px 20px;transition:background .16s,border-color .16s,transform .16s}.primary{background:var(--ivory);color:var(--ink)}button{background:transparent;border:1px solid #c6a56560;color:var(--text)}.primary:hover,button:hover:not(:disabled){filter:none;background:var(--gold);color:var(--ink)}input{background:#171815;border-color:#c6a56555}input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.scanner-link{margin-top:4px}.deck-toolbar{padding:7px 0;margin:28px 0}.deck-toolbar .primary{background:var(--gold)}
.deck{gap:22px}.tile{--accent:var(--gold)!important;isolation:isolate;border:1px solid #c6a56565;border-radius:3px;background:var(--bg);padding:25px 24px 23px;box-shadow:0 8px 24px #0002}.tile:before{height:58px;width:370px;left:auto;right:-130px;top:23px;transform:rotate(35deg);z-index:-1;border-block:1px solid var(--gold);background:repeating-linear-gradient(90deg,var(--bg) 0 9px,transparent 9px 18px) left 5px top 5px/100% 7px no-repeat,repeating-linear-gradient(90deg,var(--bg) 0 9px,transparent 9px 18px) left 5px bottom 5px/100% 7px no-repeat,var(--ivory);opacity:.15}.tile-top{font-size:9px;letter-spacing:2px}.tile-top span{color:var(--ivory)}.tile-top strong{color:var(--gold);font-weight:500;font-variant-numeric:tabular-nums}.tile h2{font-family:Georgia,'Times New Roman',serif;font-size:32px;letter-spacing:-.5px;margin-top:34px}.tile p{font-size:11px;max-width:220px;line-height:1.65;margin-top:7px;margin-bottom:22px}.tile .primary{background:var(--ivory);color:var(--ink);font-size:11px}.tile-qr{border-color:#c6a56540;padding-top:19px;gap:18px}.tile-qr img{border-radius:0;padding:3px;width:88px;height:88px}.tile-qr span{font-size:10px}.tile-qr a{color:var(--gold);font-size:10px}.used-badge{top:58px;right:20px;border-radius:1px;background:var(--gold)}.card-used{opacity:.55}
.round-panel{background:transparent;border:1px solid #c6a56540;border-radius:2px;padding:16px 20px;margin-bottom:22px}.round-panel button{min-height:36px;border-color:#c6a56550}.round-panel #round-status{margin:6px 0}.round-panel details{margin-top:8px}.round-head strong{font-weight:500;letter-spacing:2px}.round-panel input{border-radius:2px}
.game-heading{margin-top:24px}.game-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:38px;font-weight:400;letter-spacing:-.7px}.duration{border-color:var(--gold);font-size:13px;letter-spacing:1px}.screen{border:1px solid #c6a56580;border-radius:2px;background:#151613;box-shadow:0 12px 38px #0003}#cover{background:linear-gradient(135deg,#2d2e29,#1d1e1b);padding-inline:30px}#cover:before,#cover:after{content:'';position:absolute;left:0;right:0;height:13px;background:repeating-linear-gradient(90deg,var(--ivory) 0 9px,transparent 9px 23px);opacity:.16;pointer-events:none}#cover:before{top:10px}#cover:after{bottom:10px}#cover h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,3vw,36px);font-weight:400;line-height:1.2}#cover p{color:var(--muted);line-height:1.7}.play-symbol{border:1px solid var(--gold);border-radius:1px;font-size:18px;padding:16px 20px;margin-bottom:14px}
/* The year sits above the fine gold rule, as on the printed answer side. */
#answer{background:var(--ivory);color:var(--ink);padding:30px 32px 64px}.answer-grid{max-width:92%;width:100%;gap:0}.answer-grid strong{order:-1;font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,7vw,86px);font-weight:400;color:var(--ink);line-height:1.1;margin-bottom:20px}.answer-grid>div{position:relative;padding-top:22px;width:100%}.answer-grid>div:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:70px;height:1px;background:var(--gold)}.answer-grid h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(18px,3vw,34px);line-height:1.2;color:var(--ink)}.answer-grid p{color:#68665e;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(12px,1.8vw,18px);margin-top:10px}.view-toolbar button,.view-playback{background:#20211ff2;border-color:#c6a56580;border-radius:2px;box-shadow:none}.view-toolbar #expand-riddle{border-radius:2px}.progress{height:2px;margin-top:17px}.controls{gap:9px}.controls button,.controls a.primary{font-size:11px}.clue-button{color:var(--gold)}#movie-facts{background:transparent;border:0;border-top:1px solid #c6a56555;border-radius:0;padding:24px 0 0}#movie-fact{color:var(--muted);font-size:14px;max-width:720px}.note{border-left-color:var(--gold);font-size:11px;color:var(--muted)}.star-rules{border-color:#c6a56540}.star-rules summary{font-weight:500}footer{border-color:#c6a56540;color:var(--muted);font-size:9px;letter-spacing:1.5px}
/* Scanner shares the film frame without covering the live camera. */
.scanner-main h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:56px;letter-spacing:-1px}.camera-frame{border:1px solid #c6a56580;border-radius:2px;background:#191a17;box-shadow:0 10px 32px #0003}.camera-frame:before,.camera-frame:after{content:'';position:absolute;z-index:1;top:0;bottom:0;width:12px;pointer-events:none;background:repeating-linear-gradient(to bottom,var(--ivory) 0 9px,transparent 9px 22px);opacity:.2}.camera-frame:before{left:8px}.camera-frame:after{right:8px}.scan-corners i{border-color:var(--gold);border-radius:0!important;border-width:0}.scan-corners i:nth-child(1){border-top-width:2px;border-left-width:2px}.scan-corners i:nth-child(2){border-top-width:2px;border-right-width:2px}.scan-corners i:nth-child(3){border-bottom-width:2px;border-left-width:2px}.scan-corners i:nth-child(4){border-bottom-width:2px;border-right-width:2px}.install-help{border-radius:2px;border-color:#c6a56540}.scanner-privacy{color:var(--muted)}
@media(min-width:850px){.library-intro>h1,.library-intro>.intro{max-width:68%}}
@media(max-width:700px){header{min-height:78px;padding:20px}.brand{font-size:14px;letter-spacing:2px;gap:10px}.logo{width:24px;height:29px}.logo:before,.logo:after{width:3px}main{padding:24px 20px 35px}.library-intro{padding:20px 0 30px}.library-intro:before{right:-95px;opacity:.07}.library-intro:after{display:none}h1{font-size:43px;letter-spacing:-1.3px}.intro{font-size:14px}.deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tile{padding:22px 18px}.tile h2{font-size:27px}.tile-qr{gap:12px}.tile-qr img{width:70px;height:70px}.tile-qr span{font-size:9px}.tile-top{letter-spacing:1px}.steps{gap:24px}.game-heading h1{font-size:32px}.controls button{font-size:11px}.scanner-main{padding:24px 20px}.scanner-main h1{font-size:48px}#answer{padding-inline:20px}.answer-grid strong{font-size:45px;margin-bottom:14px}.answer-grid>div{padding-top:16px}.answer-grid h2{font-size:21px}.answer-grid p{font-size:13px}.screen.is-expanded .answer-grid strong{font-size:clamp(36px,7vh,70px)}.screen.is-expanded .answer-grid h2{font-size:clamp(20px,4vh,34px)}}
@media(max-width:480px){.deck{grid-template-columns:1fr}.tile{padding:24px}.tile h2{font-size:32px}.tile-qr img{width:82px;height:82px}.tile-qr span{font-size:11px}.tile:before{opacity:.2}.deck-toolbar .primary{font-size:11px}.round-panel{padding:14px}.game-heading h1{font-size:29px}.duration{padding:9px 11px}.screen{min-height:230px}.answer-grid h2{font-size:18px}.answer-grid p{font-size:12px;line-height:1.3}.answer-grid strong{font-size:38px;margin-bottom:12px}.answer-grid>div{padding-top:14px}.language-switch button{min-height:32px}.steps{font-size:10px;gap:22px}footer{letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}