*{box-sizing:border-box}body{margin:0;background:#101316;color:#f4f4ee;font-family:Arial,sans-serif}main{max-width:1140px;margin:auto;min-height:100svh;display:grid;grid-template-columns:1fr minmax(300px,440px);gap:60px;align-items:center;padding:30px}.eyebrow{font-size:11px;letter-spacing:2px;color:#c0c7cd}h1{font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:-3px;margin:32px 0}h1 em{font-style:normal;color:#e9fb78}.lead{color:#b5bec5;line-height:1.7;font-size:16px}.controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}button{border:1px solid #41464a;background:#21262b;color:#fff;border-radius:12px;padding:14px 18px;font-size:14px;cursor:pointer;min-height:46px}button:first-child{background:#e9fb78;color:#151a1d;border-color:#e9fb78;font-weight:bold}button:disabled{opacity:.45;cursor:default}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #e9fb78;outline-offset:5px}#status{font-size:14px;line-height:1.5;min-height:42px;color:#d9dfdd}.track{height:3px;background:#343a3f;overflow:hidden}.track i{display:block;height:100%;background:#e9fb78;transform:scaleX(0);transform-origin:left}.facts{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;letter-spacing:1px;color:#939fa8;margin:20px 0 35px}details{color:#aeb8be;font-size:13px;line-height:1.6;max-width:450px}summary{cursor:pointer}.alpha{display:flex;gap:8px}.alpha canvas{width:48%;height:auto;border-radius:10px}.old{display:block;color:#9da7ad;font-size:12px;margin-top:24px}.scene{position:relative;width:100%;aspect-ratio:4592/8160;border-radius:24px;overflow:hidden;box-shadow:0 25px 90px #0008}.scene>img{display:block;width:100%;height:100%;object-fit:contain}.scene>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.badge{position:absolute;top:18px;left:18px;padding:9px 12px;border-radius:30px;background:#101316c9;font-size:9px;letter-spacing:1px}@media(max-width:740px){main{display:flex;flex-direction:column;padding:22px 18px;gap:24px;align-items:stretch}.info{order:1}h1{font-size:36px;margin:20px 0;letter-spacing:-1.5px}.scene{max-width:420px;margin:auto;order:0;max-height:68svh;width:auto;min-width:260px}.badge{font-size:8px}.lead{font-size:14px}h1 br{display:none}h1 br:after{content:' '}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media(max-width:740px){h1 br{display:block}h1{overflow-wrap:anywhere}.controls{position:fixed;z-index:5;left:10px;right:10px;bottom:10px;padding:10px;margin:0;background:#101316f5;border:1px solid #41464a;border-radius:18px;justify-content:center;box-shadow:0 4px 24px #0008}.controls button{padding:12px;font-size:12px}.info{padding-bottom:90px}.scene{max-height:none;width:min(100%,380px);min-width:0}}
.scene{aspect-ratio:3/4}
.scene.clothing-scene>.wardrobe .clothing-options{grid-template-columns:repeat(6,minmax(0,1fr))}.scene.clothing-scene>.wardrobe .clothing-choice{font-size:8px}.scene.clothing-scene>.wardrobe .shirt-icon{width:38px;height:34px;font-size:4px}.scene.clothing-scene>.wardrobe .wardrobe-hint{min-height:0}
.scene>.wardrobe .clothing-options{grid-template-columns:repeat(6,minmax(0,1fr))}.scene>.wardrobe .clothing-choice{font-size:8px}.scene>.wardrobe .shirt-icon{width:38px;height:34px;font-size:4px}.scene>.wardrobe .wardrobe-hint{min-height:0}
.journey-next{position:absolute;z-index:3;bottom:5%;left:6%;right:6%;width:88%;padding:22px 12px;background:#e9fb78!important;color:#18211b!important;font-size:19px;font-weight:bold;box-shadow:0 6px 25px #0006}.journey-next[hidden]{display:none}.scene>.wardrobe{position:absolute;z-index:3;bottom:2%;left:3%;right:3%;padding:10px;background:#10202b26;border-color:#ffffff70;text-align:center;text-shadow:0 1px 4px #000}.scene>.wardrobe h2{font-size:18px;margin:4px}.scene>.wardrobe .eyebrow{font-size:8px}.scene>.wardrobe .wardrobe-hint{font-size:11px;min-height:26px;margin:5px 0}.scene>.wardrobe .outfit-progress{font-size:10px;margin:4px 0}.scene>.wardrobe .clothing-options{gap:4px}.scene>.wardrobe .clothing-choice{padding:4px 2px;font-size:9px;gap:2px;min-height:0;text-shadow:none}.scene>.wardrobe .shirt-icon{width:48px;height:38px;font-size:5px}.scene>.wardrobe .turn-family{padding:9px;font-size:12px;min-height:36px}.scene>img[src="shop-approach.photo40.webp"]{filter:contrast(1.23) saturate(1.24) brightness(1.02)}
.scene.clothing-scene>img{filter:contrast(1.25) saturate(1.25) brightness(1.03);object-position:center 65%}.scene.clothing-scene.original-photo>img{filter:none}.wardrobe{grid-column:1/-1;padding:22px;background:#192129;border:1px solid #ffffff30;border-radius:20px}.wardrobe[hidden],.clothing-options[hidden],.turn-family[hidden]{display:none}.wardrobe h2{margin:10px 0}.wardrobe-hint{min-height:42px;line-height:1.5}.wardrobe-hint.incorrect{color:#ff8995}.wardrobe-hint.correct{color:#a3f3b9}.outfit-progress{font-size:13px;margin:12px 0;color:#e9fb78}.clothing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.clothing-choice{display:flex;flex-direction:column;align-items:center;gap:8px;background:#2b333a!important;color:white!important;border-color:#697680!important;padding:12px 4px;font-size:12px}.clothing-choice.wrong-choice{border-color:#ff6377!important;background:#612e37!important}.shirt-icon{display:grid;place-items:center;width:86px;height:78px;background:var(--shirt);clip-path:polygon(24% 0,38% 0,43% 8%,57% 8%,62% 0,76% 0,100% 20%,85% 40%,76% 33%,76% 100%,24% 100%,24% 33%,15% 40%,0 20%);color:#b92535;text-align:center;font:bold 8px Arial}.shirt-icon span{padding-top:8px}.turn-family{margin-top:12px}@media(max-width:740px){.wardrobe{order:1}.info{order:2}}
.guard-panel.guard-correct .guard-finger{display:block;animation:none;transform:rotate(0)}
.guard-avatar{position:relative;width:max-content;margin-left:auto!important;margin-right:auto!important}.guard-finger{position:absolute;right:-25px;bottom:5px;font-size:58px;transform-origin:50% 90%;animation:guard-no 380ms ease-in-out 3}.guard-correct .guard-finger{display:none}@keyframes guard-no{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}@media(prefers-reduced-motion:reduce){.guard-finger{animation:none}}
.confetti.shopping-burst i{width:32px;height:36px;background:none;font-size:29px;font-style:normal;line-height:1.2;filter:drop-shadow(0 2px 3px #0005)}.confetti.shopping-burst i.toothpaste{width:17px;height:35px;background:linear-gradient(110deg,#fff 40%,#50c4d8 41%,#efffff 90%);border:1px solid #b2d4da;border-radius:2px 2px 5px 5px;transform-origin:center}.toothpaste span{font:bold 6px Arial;color:#087a94;writing-mode:vertical-rl;margin:5px auto;display:block}.toothpaste:after{content:'';position:absolute;bottom:-5px;left:3px;width:9px;height:6px;background:#51a6c1;border-radius:0 0 2px 2px}
.family-machine{background:#10202b26;box-shadow:none;border-color:#ffffff70;padding:12px;left:3%;right:3%;bottom:4%;text-shadow:0 1px 4px #000,0 1px 8px #000}.family-machine h2{margin:5px 0;font-size:22px}.family-machine small,.family-machine .quest-hint{color:white}.reels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.reel{height:112px;overflow:hidden;border:2px solid #e8c06c;border-radius:12px;background:#f6edda;box-shadow:inset 0 0 12px #35200044;text-shadow:none}.reel-card{height:108px;display:flex;flex-direction:column;align-items:center;color:#222;font-size:11px;font-weight:bold}.reel-card img{height:87px;width:100%;object-fit:contain}.spin{width:100%;margin-top:10px;background:#c33438!important;color:#fff!important;border-color:#efb484!important;font-weight:bold}.family-machine.unlocked{border-color:#e9fb78;box-shadow:0 0 20px #e9fb7844}
.scene>img[src="main-hall.photo40.webp"]{filter:contrast(1.24) saturate(1.26) brightness(.99)}
.scene>img[src="inside.photo40.webp"]{filter:contrast(1.19) saturate(1.21) brightness(1.015)}
.scene>img[src="inner-door.photo40.webp"]{filter:contrast(1.23) saturate(1.18) brightness(.99)}
.scene>img[src="doors.photo40.webp"]{filter:contrast(1.15) saturate(1.14) brightness(1.01)}
.scene.original-photo>img[src]{filter:none}
.guard-avatar{font-size:52px;line-height:1.2;margin-bottom:8px}.guard-panel .guard-speech{font-size:14px;line-height:1.5;color:#e3ece8}.guard-answers{display:grid;gap:7px}.guard-answers[hidden],.guard-go[hidden]{display:none}.guard-answers button{width:100%;padding:12px 8px;background:#283944!important;color:white!important;border-color:#6c828c!important;font-size:12px}.guard-go{width:100%;background:#e9fb78;color:#101316;font-weight:bold}
.close-scene>img{object-fit:cover;object-position:center 60%;filter:contrast(1.12) saturate(1.18) brightness(1.015)}
.quest-panel{position:absolute;z-index:3;left:5%;right:5%;bottom:5%;padding:18px;border:1px solid #e9fb7880;border-radius:20px;background:#101b23f2;box-shadow:0 12px 40px #0007;text-align:center}.quest-panel[hidden]{display:none}.quest-panel small{font-size:8px;letter-spacing:.6px;color:#afbec7}.quest-panel h2{font-size:23px;margin:12px 0 8px}.quest-hint{font-size:12px;line-height:1.4;min-height:34px;color:#c9d4d8}.quest-members{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quest-members button{padding:5px 2px;border-radius:10px;background:#28313a!important;color:white!important;border:1px solid #69747c!important;font-size:11px}.quest-members img{width:100%;height:75px;object-fit:contain;display:block}.quest-members button[aria-pressed=true]{border-color:#e9fb78!important;background:#42532b!important}.unlock{width:100%;margin-top:12px;background:#e9fb78;color:#101316;font-weight:bold}.unlocked{box-shadow:0 0 35px #e9fb78}.scene>canvas[hidden]{display:none}
/* Reversible display grade, original photo and character layers unchanged. */
.scene>img{filter:contrast(1.16) saturate(1.24) brightness(1.025)}
.scene.original-photo>img{filter:none}
.photo-toggle{position:absolute;right:12px;top:52px;z-index:2;background:#101316e8!important;color:#fff!important;border:1px solid #ffffff55!important;font-size:11px;padding:9px 12px;min-height:36px}
.scene>canvas{pointer-events:auto;cursor:pointer}.members{display:flex;gap:6px;flex-wrap:wrap}.members button{padding:10px 14px;background:#252b30;color:#fff;border:1px solid #41464a}.members button[aria-pressed=true]{border-color:#e9fb78;color:#e9fb78}.alpha{flex-direction:column}.alpha canvas{width:100%}
.quest-panel.family-machine{background:#10202b26;box-shadow:none;border-color:#ffffff70;padding:12px;left:3%;right:3%;bottom:4%}.family-machine .unlock[hidden]{display:none}.family-machine.unlocked{border-color:#e9fb78}
.quest-panel.guard-panel{background:#10202b26;box-shadow:none;border-color:#ffffff70;left:3%;right:3%;bottom:4%;padding:12px;text-shadow:0 1px 5px #000,0 2px 8px #000}.guard-panel .guard-avatar{font-size:clamp(100px,30vw,150px);opacity:.82;line-height:1;margin:0 0 8px}.guard-panel h2{margin:5px 0;font-size:21px}.guard-panel small{color:#fff}.guard-panel .guard-speech{margin:8px 0;padding:9px;border-radius:10px;background:#10202b66;min-height:58px;font-weight:bold;font-size:13px}.guard-panel.guard-wrong .guard-speech{background:#861d29e8;color:#fff;border:1px solid #ff697b}.guard-panel.guard-correct .guard-speech{background:#13623fe8;color:#fff;border:1px solid #70efae}.guard-answers button.answer-wrong{background:#8c2534!important;border-color:#ff697b!important;opacity:1}.guard-answers button.answer-correct{background:#17754c!important;border-color:#70efae!important;opacity:1}.guard-go{margin-top:8px;text-shadow:none}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}.confetti i{position:absolute;top:40%;width:8px;height:13px;border-radius:2px}