@import url('tap-hint.v41.css');
:root{--kp-red:#ed1725;--kp-orange:#ff9d00;--kp-ink:#242323}
.scene img.brand-mark{width:64px;height:44px;padding:3px;background:transparent;box-shadow:none;border-radius:0}
.recap-screen .recap-top img{width:76px;height:46px;background:transparent}
.reel-card.brand-key-card img{padding:13px 7px!important}
.brand-key-card{background:white}.reel-card.brand-key-card img{padding:8px 3px;object-fit:contain}.brand-key-card span{font-size:8px;color:#a42c20}.brand-word-card{justify-content:center;gap:10px;background:linear-gradient(135deg,#ec202a,#f97e16);color:#fff}.brand-word-card strong{font:bold 12px/1.3 Arial}.brand-word-card span{font-size:7px}.family-machine.unlocked .reel{box-shadow:0 0 12px #ff8a3c80;border-color:#ff9e37}
.scene[data-recap=open]{aspect-ratio:3/5;min-height:610px}
.recap-screen .recap-family{height:clamp(155px,48cqw,210px)}
body:has(.recap-screen:not([hidden])) .controls{position:static}
body #start-hall{color:#fff!important;border-color:#d88159!important;background:linear-gradient(145deg,#666363,#343232)!important}
body .guard-answers button:not(.answer-wrong):not(.answer-correct),body .consultant-quiz button:not(.wrong),body .quest-members button,body .clothing-choice:not(.wrong-choice){background:linear-gradient(145deg,#666363,#343232)!important;color:#fff!important;border-color:#bb8f79!important;box-shadow:4px 4px 9px #0005,inset 0 1px 1px #ffffff40}
body .quest-members button[aria-pressed=true]{border-color:#ff8a29!important;background:#853a27!important}
body .outfit-progress{color:#ffb563}
body .unlocked{box-shadow:0 0 24px #ff822644}
body .consultant-quiz button:focus-visible{outline-color:#ffad3a}
body{background:#272626;color:#fff;font-family:Arial,Calibri,sans-serif;background-image:radial-gradient(ellipse at 10% 10%,#742b2738,transparent 65%)}
h1 em{color:#ffab36}.eyebrow{color:#f4b099}.track i{background:linear-gradient(90deg,var(--kp-red),var(--kp-orange))}
body button,body button:first-child{background:linear-gradient(145deg,#666363,#343232);color:#fff;border:1px solid #8c8585;border-radius:18px;box-shadow:5px 5px 11px #12111190,-3px -3px 8px #ffffff16,inset 0 1px 1px #ffffff45;font-weight:600;transition:box-shadow .18s,transform .18s}
body button:hover:not(:disabled){box-shadow:3px 4px 12px #0008,inset 0 1px 2px #fff5,0 0 11px #ff76234a}
body button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 3px 3px 7px #0006,inset -2px -2px 5px #fff2}
body button:focus-visible,body a:focus-visible{outline:3px solid #ffad3a;outline-offset:3px}
body .members button[aria-pressed=true]{color:#ffbd62;border-color:#ff9b3d}
body #start,body .spin,body .unlock,body .guard-go,body .journey-next,body .recap-continue{background:linear-gradient(135deg,#e31227,#e73b19 65%,#f68117)!important;color:#fff!important;border:1px solid #ffb85b!important;box-shadow:4px 5px 11px #0007,inset 0 2px 2px #ffffff55,0 0 12px #ff471a26}
.scene{isolation:isolate;border:1px solid #ffffff55}.scene .badge{top:12px;left:12px;max-width:60%;background:#242323dc;letter-spacing:.3px;padding:8px;font-size:8px}
.scene .brand-mark{position:absolute;top:10px;right:10px;width:78px;height:55px;background:#fff;border-radius:9px;padding:5px;object-fit:contain;z-index:5;filter:none;pointer-events:none;box-shadow:0 2px 9px #0003}
.scene .photo-toggle{top:72px;font-size:9px;padding:6px 8px;min-height:30px}
.scene::after{content:"";position:absolute;inset:0;border:3px solid #ef592c;border-radius:inherit;z-index:25;pointer-events:none;background:none;box-shadow:inset 0 0 0 1px #ffcc9466}
@supports(mask-composite:exclude){.scene::after{border:0;padding:3px;background:url("brand/pattern.webp") center/180px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;box-shadow:none}}
.scene .quest-panel,.scene .consultant-quiz{border-color:#ffb27080;box-shadow:0 3px 15px #24141428}
.scene .quest-panel::before,.scene .consultant-quiz::before{content:'';position:absolute;inset:0;border-radius:inherit;background:url('brand/pattern.webp') center/220px;opacity:.055;pointer-events:none;z-index:-1}
.scene .quest-panel.family-machine,.scene .quest-panel.guard-panel{background-color:#241b1926}
.scene .reel{border-color:#ffad50}.scene .family-machine.unlocked{border-color:#ffab3f}
.brand-audio{display:flex;align-items:center;gap:12px;margin:20px 0}.brand-audio button{min-width:130px;font-size:12px}.brand-audio label{font-size:11px;color:#ded9d5;display:grid;gap:7px}.brand-audio input{width:90px;accent-color:#ef5424}.brand-audio button[aria-pressed=true]{color:#ffb04b;text-shadow:0 0 10px #ff7a3a90}
.recap-screen[hidden]{display:none}.recap-screen{position:absolute;inset:0;z-index:20;overflow-y:auto;overflow-x:hidden;background:#fdf9f3;color:#282424;text-align:center;padding:14px 16px;display:flex;flex-direction:column;gap:9px;container-type:inline-size}
.recap-screen::before{content:'';position:absolute;inset:0;background:url('brand/pattern.webp') center/250px;opacity:.055;pointer-events:none;z-index:-1}
.recap-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.recap-top img{width:88px;height:54px;object-fit:contain;background:#fff;border-radius:8px}.recap-top span{font-size:9px;font-weight:bold;letter-spacing:1px;text-align:right;color:#8a2b20}
.recap-screen h2{font-size:clamp(20px,6cqw,27px);margin:0;line-height:1.1;letter-spacing:-.7px}.recap-screen h2 em{font-style:normal;color:#d92c20}.recap-route{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.recap-route li{background:#fff;border:1px solid #ead8c9;border-radius:10px;padding:7px 3px;font-size:10px;line-height:1.3}.recap-route b{display:block;color:#a62b20;font-size:17px;margin-bottom:3px}.recap-route small{font-size:8px;display:block;color:#68605c}
.recap-family{display:flex;align-items:end;justify-content:center;height:clamp(100px,33cqw,155px);gap:2px;flex-shrink:0;margin-top:3px}.recap-person{position:relative;width:25%;height:100%;margin:0;display:flex;flex-direction:column;justify-content:end;align-items:center;opacity:.75;transition:opacity .2s}.recap-person[data-speaking=true]{opacity:1}.recap-person canvas{height:calc(100% - 20px);width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 3px #38282222)}.recap-person figcaption{font-size:10px;font-weight:bold;padding:3px 8px;border-radius:30px;background:#eee4d8}.recap-person[data-speaking=true] figcaption{background:#e42b21;color:#fff}.recap-person[data-speaking=true]::before{content:'•••';position:absolute;top:-10px;right:9px;color:#df321d;font-size:17px;letter-spacing:2px}
.recap-bubble{position:relative;background:#fff;border:1px solid #e5d4c4;border-radius:19px;box-shadow:0 4px 14px #663c1710;padding:12px 14px;min-height:96px;display:grid;align-content:center}.recap-bubble::before{content:'';position:absolute;width:12px;height:12px;top:-7px;left:var(--speaker-x,12%);background:white;border-left:1px solid #e5d4c4;border-top:1px solid #e5d4c4;transform:rotate(45deg);transition:left .2s}.recap-bubble strong{color:#b72d23;font-size:11px;margin-bottom:4px}.recap-bubble p{font-size:clamp(12px,3.6cqw,16px);line-height:1.45;margin:0}.recap-nav{display:flex;align-items:center;justify-content:center;gap:6px}.recap-nav button{padding:4px 10px;min-height:32px;font-size:11px;border-radius:30px}.recap-nav .recap-dot{width:30px;padding:0;min-height:30px}.recap-dot[aria-current=true]{background:#c72d20!important;border-color:#ff9e45!important}.recap-continue{width:100%;padding:12px 6px;min-height:44px;font-size:13px;margin-top:auto;flex-shrink:0}.recap-screen .recap-notice{font-size:12px;line-height:1.5;margin:0}.recap-screen .recap-notice:empty{display:none}
@media(max-width:740px){.controls{background:#282525f5;border-color:#75625b}.recap-screen{padding:12px;gap:8px}.brand-audio{justify-content:center}.scene .brand-mark{width:70px;height:50px}}
@media(prefers-reduced-motion:reduce){body button,.recap-person,.recap-bubble::before{transition:none}}
.recap-screen{background:#fdf9f3d4}
.recap-top span{display:none}
.recap-top{justify-content:center}
.recap-screen h2{font-size:clamp(23px,7cqw,31px);line-height:1.13}
.recap-victory-lead{margin:0 0 3px;font-size:clamp(15px,4.7cqw,20px);line-height:1.2;font-weight:700;color:#922b21}
.recap-route li{position:relative;background:#ffffffa8;padding:8px 4px;border-color:#ffffffcf}
.recap-route li>b{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#149b42;color:#fff;font-size:18px;box-shadow:0 2px 5px #095d292b;z-index:1}
.recap-route img,.recap-guard{display:block;width:100%;height:58px;object-fit:cover;border-radius:6px;margin-bottom:5px}
.recap-route img.recap-seller{object-fit:contain}
.recap-guard{font-size:46px;line-height:58px}
.recap-route strong{display:block;font-size:12px}
.recap-bubble{background:#ffffffb8}
.recap-bubble::before{background:#ffffffb8}
.scene[data-recap=open]{min-height:690px}
.scene[data-recap=open]>.family-intro,.scene[data-recap=open]>.badge,.scene[data-recap=open]>.brand-mark,.scene[data-recap=open]>.photo-toggle,.scene[data-recap=open]>canvas,.scene[data-recap=open]>.quest-panel{visibility:hidden}