/* v2.9.0: one header height on HOME, story and extra pages. */
.topbar,.playing .topbar{height:60px!important;min-height:60px;flex:0 0 60px!important;padding-inline:clamp(14px,3vw,48px);gap:12px}
.topbar .nav-links button,.playing .topbar .nav-links button{padding:16px 8px 15px;line-height:1.25;font-size:14px}
.topbar .brand-mark{width:43px;height:43px;flex-basis:43px}
.topbar .brand-name{font-size:21px}
.topbar .brand-name small{font-size:8px;display:block}
.topbar .nav-links{top:60px}
@media(min-width:651px) and (max-width:1100px){.topbar .nav-links button{padding-inline:5px;font-size:12px}.topbar .brand-name{font-size:18px}}
@media(max-width:650px){
 .topbar,.playing .topbar{height:54px!important;min-height:54px;flex:0 0 54px!important;padding-inline:10px;gap:7px}
 .topbar .brand-mark{width:30px;height:30px;flex-basis:30px}
 .topbar .brand-name,.playing .topbar .brand-name{font-size:18px}
 .topbar .brand-name small,.playing .topbar .brand-name small{display:none}
 .topbar .nav-links{top:54px}
 .topbar .nav-links button,.playing .topbar .nav-links button{font-size:15px;padding:13px 9px;min-height:44px}
 .topbar .sound-toggle{width:40px;height:42px}
 .topbar .fullscreen-toggle{min-width:35px;min-height:41px}
}
.mini-game-page{min-width:0;display:grid;gap:18px}
.mini-game-head{padding:16px 18px;background:linear-gradient(115deg,#392733,#27232b);border:1px solid #946e5b;border-radius:12px}
.mini-game-head h2{font-size:clamp(21px,3vw,30px);color:#ffe0b5;margin:0 0 8px}
.mini-game-head p{font-size:14px;line-height:1.75;color:#dbc6b6}
.mini-game-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.mini-game-tabs button{display:grid;gap:6px;padding:14px 9px;min-height:76px;border:1px solid #84644f;background:#312831;color:#eed9c0;border-radius:9px;text-align:center;cursor:pointer}
.mini-game-tabs button.is-current,.mini-game-tabs button:hover{background:#533947;border-color:#edc08f}
.mini-game-tabs strong{font-size:15px;font-weight:600}
.mini-game-tabs small{font-size:11px;line-height:1.5;color:#d3bcae}
.mini-game-active{display:grid;gap:16px;background:linear-gradient(135deg,#2e242f,#211b25);border:1px solid #957057;border-radius:12px;padding:clamp(14px,2.4vw,24px);min-width:0}
.mini-game-active>header h3{font-size:clamp(21px,3vw,29px);color:#f9d6a7;margin-bottom:6px}
.mini-game-active>header p{font-size:13px;line-height:1.75;color:#dbc9b9}
.mini-costume-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;min-width:0}
.mini-costume-stage{position:relative;isolation:isolate;aspect-ratio:4/3;min-height:300px;max-height:560px;border:1px solid #b18a67;border-radius:12px;overflow:hidden;background:#18121d}
.mini-costume-stage>.mini-costume-background{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;filter:brightness(.44) saturate(.78)}
.mini-costume-stage>img:not(.mini-costume-background){position:absolute;height:114%;width:84%;object-fit:contain;object-position:bottom center;bottom:-11%;left:8%;filter:drop-shadow(0 12px 20px #0009)}
.mini-costume-note{position:absolute;z-index:5;left:10px;right:10px;bottom:0;padding:19px 9px 12px;background:linear-gradient(0deg,#15111bec,transparent);font-size:12px;line-height:1.5;text-align:center;color:#f8dab5;pointer-events:none}
.mini-robe-canvas{position:absolute;z-index:4;left:25%;top:35%;width:50%;height:47%;touch-action:none;cursor:crosshair;transition:opacity .35s ease;border-radius:8px}
.mini-robe-instructions,.mini-wardrobe-controls{display:flex;flex-direction:column;gap:13px;justify-content:center;min-width:0}
.mini-robe-instructions h3,.mini-wardrobe-controls h3{font-size:21px;color:#f3d0a0}
.mini-robe-instructions p,.mini-wardrobe-controls p{line-height:1.85;color:#e3cfbd;font-size:14px}
.mini-costume-actions{display:flex;flex-wrap:wrap;gap:9px}
.mini-costume-actions .btn,.mini-wardrobe-controls>.btn{min-height:44px}
#mini-robe-progress{color:#f9d0a5;font-weight:600}
.mini-outfit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mini-outfit-options button{background:#342a34;color:#ecd7c2;text-align:left;display:grid;gap:5px;border:1px solid #8c715d;padding:12px;cursor:pointer;border-radius:8px;min-height:63px}
.mini-outfit-options button.is-current,.mini-outfit-options button:hover{background:#5b3d4b;border-color:#e4b78a}
.mini-outfit-options strong{font-size:15px}.mini-outfit-options small{color:#d0b5a3;font-size:12px}
.mini-quiz-wrap{display:grid;grid-template-columns:minmax(190px,.68fr) minmax(0,1.32fr);gap:20px;align-items:start}
.mini-quiz-photo{position:relative;min-height:325px;height:100%;max-height:520px;overflow:hidden;background:linear-gradient(155deg,#583944,#191521);border:1px solid #825c4b;border-radius:10px}
.mini-quiz-photo img{height:110%;width:100%;object-fit:contain;object-position:bottom center;position:absolute;bottom:-12%}
.mini-quiz-content{display:grid;gap:16px;min-width:0}
.mini-quiz-content h3,.mini-object-scene h3{font-size:20px;font-weight:550;line-height:1.7;color:#f7d8b3}
.mini-quiz-content p,.mini-object-scene p{font-size:14px;line-height:1.85;color:#e1cdbc}
.mini-quiz-choices{display:grid;gap:9px}
.mini-quiz-choices button,.mini-gift-grid button{min-height:48px;text-align:left;cursor:pointer;padding:11px 15px;border:1px solid #9b735d;border-radius:8px;background:#3e2e3b;color:#f5dfc4}
.mini-quiz-choices button:hover,.mini-gift-grid button:hover{background:#593c49;border-color:#efc08d}
.mini-quiz-replies,.mini-scene-replies{display:grid;gap:9px;padding:13px;background:#211c27;border:1px solid #684e48;border-radius:10px}
.mini-quiz-replies strong{color:#f2cd9b}
.mini-object-scene{display:grid;gap:16px;background:linear-gradient(120deg,#422c3b,#2b2734);border-radius:10px;padding:clamp(16px,2.8vw,24px);min-width:0}
.mini-lantern-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;align-items:start}
.mini-lantern{border:1px solid #9b735f;min-height:155px;padding:13px 5px;border-radius:8px;background:linear-gradient(150deg,#4e313c,#241d29);color:#ecd7b8;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}
.mini-lantern>span{display:block;width:48px;height:64px;border:3px solid #bd926d;border-radius:30% 30% 20% 20%;background:radial-gradient(circle,#ffd0a7,#b64d58,#5d2939);box-shadow:0 0 7px #f9ac7a44}
.mini-lantern.is-chosen>span{box-shadow:0 0 30px #ffe09a;background:radial-gradient(circle,#fff5d2,#f1bb7d,#b64d58)}
.mini-lantern strong{font-size:13px}
.mini-lantern:disabled,.mini-gift-grid button:disabled{cursor:default;opacity:.7}
.mini-lantern.is-chosen,.mini-gift-grid button.is-chosen{background:#665040;border-color:#f3ce98;opacity:1}
.mini-gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mini-gift-grid button{text-align:center;min-height:62px}
.sweet-mode-tabs [data-sweet-tab=games]{border-color:#e5b78c;color:#ffe2bc}
.sweet-mode-page button:focus-visible,.mini-game-page button:focus-visible{outline:3px solid #ffdda1;outline-offset:2px}
@media(max-width:900px){.mini-game-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-costume-layout{grid-template-columns:minmax(0,1fr)}.mini-costume-stage{width:min(100%,650px);margin:auto}}
@media(max-width:650px){
 .mini-game-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .mini-game-tabs button{padding:11px 7px;min-height:63px}
 .mini-costume-stage{min-height:240px;aspect-ratio:1/1}
 .mini-costume-layout{gap:12px}
 .mini-quiz-wrap{grid-template-columns:minmax(0,1fr)}
 .mini-quiz-photo{height:210px;min-height:210px}
 .mini-quiz-photo img{object-position:50% 28%;height:160%;bottom:-55%}
 .mini-lantern-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mini-lantern{min-height:105px}
 .mini-lantern>span{width:35px;height:46px}
 .mini-gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mini-object-scene{padding:14px}
}
@media(prefers-reduced-motion:reduce){.mini-game-page *, .mini-robe-canvas{animation:none!important;transition:none!important}}

/* Tailored robe silhouette: interactive fabric follows the actor's torso instead of a rectangular scratch panel. */
.mini-robe-canvas{left:19%;top:33%;width:62%;height:56%;clip-path:polygon(14% 6%,34% 0%,49% 10%,63% 0%,87% 7%,100% 46%,88% 60%,80% 100%,20% 100%,12% 60%,0% 46%);filter:drop-shadow(0 9px 14px #0009)}
@media(max-width:650px){.mini-robe-canvas{top:33%;height:53%}}