:root{--paper:#fbf5e9;--ink:#2a2733;--muted:#6b6474;--white:#fff;--orange:#d9622b;--blue:#2f5d9e;--mustard:#e9b949;--green:#4f8a4b;--locked:#efe8da;--locked-border:#c8bfb0;--drop:#fdf3d6;--forest:#dcebd2;--party:#fbe4e1;--sky:#cfe3f2;--sand:#f1dfb2;--line:3px solid var(--ink);--shadow:5px 5px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--ui:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--story:"LXGW WenKai TC", "Noto Sans TC", "PingFang TC", serif}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--ui);margin:0}body{-webkit-tap-highlight-color:transparent;min-height:100vh}body.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:4px solid var(--mustard);outline-offset:3px}img{display:block}.story-font{font-family:var(--story)}.muted{color:var(--muted)}.center{text-align:center}.spacer,.grow{flex:1}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row-end{justify-content:flex-end;align-items:center;gap:12px;display:flex}#app{max-width:1024px;margin:0 auto}.page{flex-direction:column;gap:18px;padding:20px 24px 32px;display:flex}.page.narrow{max-width:720px;margin:0 auto}.btn{border:var(--line);background:var(--white);min-height:60px;box-shadow:var(--shadow-sm);border-radius:18px;padding:0 26px;font-size:20px;font-weight:900;transition:transform 80ms}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn.primary{background:var(--orange);color:var(--white)}.btn.big{min-width:150px;min-height:68px;font-size:22px}.btn.small{min-height:48px;padding:0 16px;font-size:16px}.btn.danger{color:var(--orange)}.btn.ghost{box-shadow:none;border-style:dashed;min-height:56px;font-size:16px;font-weight:700}.link{color:var(--blue);background:0 0;border:0;min-height:44px;padding:8px 4px;font-weight:700;text-decoration:underline}.pill{border:var(--line);background:var(--white);border-radius:999px;min-height:52px;padding:0 22px;font-size:18px;font-weight:900}.pill.small{min-height:44px;padding:0 14px;font-size:15px}.logout-btn{align-items:center;gap:6px;min-height:52px;display:inline-flex}.logout-btn svg{width:24px;height:24px}.pill[aria-pressed=true]{background:var(--mustard);box-shadow:var(--shadow-sm)}.icon-btn,.speak-btn{border:var(--line);background:var(--white);width:60px;height:60px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.speak-btn{background:var(--mustard)}.speak-btn.square{border-radius:16px;width:64px;height:64px}.bar{align-items:center;gap:14px;min-height:64px;display:flex}.bar .crumb{text-align:center;color:var(--muted);letter-spacing:.05em;flex:1;font-size:18px;font-weight:900}.brand{font-size:30px;font-weight:900}.headline{text-align:center;justify-content:center;align-items:center;gap:18px;margin:8px 0;font-size:44px;font-weight:900;display:flex}.headline.inline{flex:1;margin:0;font-size:36px}.profile-chip{border:var(--line);background:var(--white);min-height:60px;box-shadow:4px 4px 0 var(--ink);border-radius:999px;align-items:center;gap:10px;padding:4px 20px 4px 6px;font-size:18px;font-weight:900;display:flex}.avatar{border:var(--line);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.avatar img{width:78%}.avatar-sm{width:48px;height:48px}.avatar-md{width:84px;height:84px}.avatar-lg{width:156px;height:156px}.bg-fox{background:#fce3d6}.bg-robot{background:#dde7f4}.bg-dino{background:var(--forest)}.bg-owl{background:#f1e4d2}.bg-cat{background:#e6e6ee}.bg-bunny{background:var(--party)}.bg-bear{background:#f1e4d2}.auth{grid-template-columns:1fr 1fr;align-items:stretch;gap:40px;min-height:100vh;padding:36px 40px;display:grid}.auth-hero{border:var(--line);background:var(--blue);box-shadow:8px 8px 0 var(--ink);border-radius:32px;min-height:560px;position:relative;overflow:hidden}.hero-bg{object-fit:cover;object-position:75% 100%;width:100%;height:100%;position:absolute;inset:0}.hero-title{color:var(--paper);z-index:1;margin:0;font-size:48px;line-height:1.15;position:absolute;top:28px;left:32px}.hero-fox{width:34%;position:absolute;bottom:20%;left:14%}.hero-robot{width:32%;position:absolute;bottom:20%;right:16%}.hero-heart{position:absolute;bottom:52%;left:44%}.auth-form{flex-direction:column;justify-content:center;gap:10px;display:flex}.auth-form .title{margin:0;font-size:44px;font-weight:900}.lang-switch{justify-content:flex-end;gap:8px;display:flex}.auth-form .title.small{font-size:30px}.field{flex-direction:column;gap:6px;font-weight:900;display:flex}.field input{border:var(--line);background:var(--white);border-radius:16px;min-height:56px;padding:0 18px;font-size:18px;font-weight:500}.form-error{background:var(--party);border:2px solid var(--orange);border-radius:12px;margin:0;padding:10px 14px;font-weight:700}.account-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px;display:grid}.account-tile{border:var(--line);background:var(--white);min-height:150px;box-shadow:5px 5px 0 var(--ink);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;padding:12px;display:flex}.account-tile:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:26px;font-weight:900;overflow:hidden}.guest-btn{text-align:left;background:var(--mustard);border-radius:24px;align-items:center;gap:16px;min-height:84px;margin-top:10px;display:flex}.guest-btn strong{font-size:26px;display:block}.guest-btn small{color:var(--ink);opacity:.8;font-size:14px;font-weight:700;display:block}.guest-icon{border:var(--line);background:var(--white);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.pin-head{align-items:center;gap:14px;display:flex}.pin-dots{justify-content:center;gap:18px;margin:14px 0 4px;display:flex}.pin-dot{border:var(--line);background:var(--white);border-radius:50%;width:26px;height:26px}.pin-dot.on{background:var(--ink)}.pin-dots.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.pin-msg{text-align:center;min-height:1.5em;margin:0}.pin-msg.form-error{align-self:center}.keypad{grid-template-columns:repeat(3,84px);justify-content:center;gap:12px;margin-top:6px;display:grid}.keypad[aria-busy=true]{opacity:.5;pointer-events:none}.key{border:var(--line);background:var(--white);height:72px;box-shadow:4px 4px 0 var(--ink);border-radius:20px;font-size:32px;font-weight:900}.key:active{box-shadow:1px 1px 0 var(--ink);background:var(--drop);transform:translate(2px,2px)}.key-del{font-size:28px}.key-ok{background:var(--green);color:var(--white);place-items:center;display:grid}.key-ok svg{width:36px;height:36px}.key-ok:disabled{background:var(--locked);color:var(--locked-border);border-color:var(--locked-border);box-shadow:none;opacity:1}.players{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.player-card{border:var(--line);background:var(--white);width:250px;min-height:330px;box-shadow:8px 8px 0 var(--ink);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex}.player-card.add{border:3px dashed var(--muted);box-shadow:none;background:0 0}.player-name{font-size:28px;font-weight:900}.add-circle{border:3px solid var(--muted);width:100px;height:100px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.overlay{z-index:20;background:#2a273373;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--paper);border:var(--line);width:min(520px,100%);box-shadow:8px 8px 0 var(--ink);border-radius:28px;flex-direction:column;gap:18px;padding:24px;display:flex}.sheet-title{margin:0;font-size:24px;font-weight:900}.avatar-pick{flex-wrap:wrap;gap:14px;display:flex}.avatar-choice{background:0 0;border:0;border-radius:50%;padding:4px}.avatar-choice[aria-pressed=true] .avatar{outline:5px solid var(--mustard);outline-offset:3px}.modes{grid-template-columns:1fr 1fr;gap:36px;display:grid}.mode-card{text-align:left;border:var(--line);background:var(--white);box-shadow:8px 8px 0 var(--ink);border-radius:32px;flex-direction:column;gap:12px;min-height:560px;padding:28px;display:flex}.mode-head{justify-content:space-between;align-items:center;display:flex}.mode-title{font-size:40px;font-weight:900}.badge{color:var(--white);border-radius:999px;padding:4px 14px;font-size:16px;font-weight:900}.badge.blue{background:var(--blue)}.badge.orange{background:var(--orange)}.mode-art{border:var(--line);border-radius:24px;flex:1;min-height:300px;margin-top:12px;position:relative}.puzzle .mode-art{background:#eef2fa}.free .mode-art{background:#fcefe4;justify-content:center;align-items:center;gap:12px;display:flex}.path{position:absolute;inset:0}.node{border:var(--line);background:var(--locked);width:54px;height:54px;color:var(--muted);border-color:var(--locked-border);border-radius:50%;place-items:center;font-size:22px;font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%)}.node.done{background:var(--mustard);color:var(--ink);border-color:var(--ink)}.node.open{background:var(--white);color:var(--ink);border-color:var(--ink)}.node.current{background:var(--orange);width:72px;height:72px;color:var(--white);border-color:var(--ink);box-shadow:var(--shadow-sm);font-size:30px}button.node{cursor:pointer}.node-stars{color:var(--mustard);-webkit-text-stroke:1px var(--ink);white-space:nowrap;margin-top:4px;font-size:18px;position:absolute;top:100%}.mini-thumb{border:var(--line);background:var(--white);border-radius:12px;width:96px;height:124px;position:relative;overflow:hidden}.mini-thumb.unknown{border:3px dashed var(--locked-border);color:var(--muted);background:0 0;place-items:center;font-size:40px;font-weight:900;display:grid}.mini-thumb .art{height:100%}.chapters{gap:28px;display:grid}.chapter{border:var(--line);box-shadow:6px 6px 0 var(--ink);background:#eef2fa;border-radius:28px;padding:20px 28px 36px}.chapter-locked{background:var(--locked);box-shadow:none;border-color:var(--locked-border)}.chapter-title{align-items:center;gap:8px;margin:0;font-size:28px;font-weight:900;display:flex}.chapter .path{height:230px;position:relative}.art{position:absolute;inset:0;overflow:hidden}.art-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.art-char{width:44%;position:absolute;bottom:10%;left:28%}.art-char.n2.i0{width:42%;left:6%}.art-char.n2.i1{width:42%;left:52%}.play{-webkit-user-select:none;user-select:none;gap:14px}.goal{background:var(--white);border:var(--line);box-shadow:6px 6px 0 var(--ink);border-radius:26px;align-items:center;gap:18px;padding:12px 16px;display:flex}.goal-text{flex:1;margin:0;font-size:34px;font-weight:700;line-height:1.2}.goal-icons{background:#fce8dd;border-radius:999px;gap:6px;padding:6px 14px;display:flex}.goal-icons img{height:42px}.goal.done .done-check{background:var(--green);width:56px;height:56px;color:var(--white);border:var(--line);border-radius:50%;place-items:center;display:grid}.strip{grid-template-columns:repeat(var(--n), minmax(0, 290px));justify-content:center;gap:16px;padding:4px 8px 0;display:grid}.panel-wrap{flex-direction:column;gap:8px;display:flex;position:relative}.panel{aspect-ratio:6/5;border:var(--line);background:var(--white);width:100%;box-shadow:5px 5px 0 var(--ink);border-radius:18px;padding:0;position:relative;overflow:hidden}.panel.empty{background:var(--drop);box-shadow:none;color:#9a7424;border:3px dashed #c99a2e;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:18px;font-weight:900;display:flex}.panel.empty .plus svg{width:40px;height:40px}.panel.armed{outline:4px dashed var(--mustard);outline-offset:4px}.panel.drop-over{outline:5px solid var(--orange);outline-offset:4px;transform:scale(1.02)}.num{z-index:2;background:var(--ink);width:32px;height:32px;color:var(--white);border-radius:50%;place-items:center;font-size:16px;font-weight:900;display:grid;position:absolute;top:8px;left:8px}.panel.empty .num{background:#c99a2e}.rm{z-index:3;border:2.5px solid var(--ink);background:var(--white);width:32px;height:32px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.rm svg{width:15px;height:15px}.rm-char{top:10%}.rm-char.n1.i0{left:64%}.rm-char.n2.i0{left:38%}.rm-char.n2.i1{left:84%}.rm-scene{background:var(--sky);bottom:6px;right:6px}.readonly .rm{display:none}.compact .rm{border-width:2px;width:24px;height:24px}.compact .rm svg{width:11px;height:11px}.compact .rm-scene{bottom:4px;right:4px}.nudge{text-align:center;color:var(--orange);margin:0;font-size:20px;font-weight:900}.play:not(.solved){height:100dvh}.play-body{flex:1;grid-template-columns:minmax(0,1fr) 300px;gap:20px;min-height:0;display:grid}.play-main{flex-direction:column;gap:12px;min-width:0;min-height:0;padding-top:14px;display:flex;overflow-y:auto}.play-main .strip{grid-template-columns:repeat(var(--cols), minmax(0, 230px));padding:4px 12px 0 4px}.play-side{flex-direction:column;gap:16px;min-height:0;padding:14px 12px 12px 8px;display:flex;overflow-y:auto}.play-side .tray{padding:14px}.play-side .tray-head{margin-bottom:12px}.play-side .tray-hint{width:100%;margin-left:0;font-size:13px}.play-side .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.play-side .card,.free .play-side .card{width:100%;height:128px}.play-side .card.scene,.free .play-side .card.scene{aspect-ratio:6/5;height:auto}.play-main .gallery{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}.play-main .gallery .ending-name{display:none}.play-main .ending.unknown{font-size:18px}.play-main .gallery-box{margin:0 12px 8px 4px;padding:12px 16px 14px}.play-main .gallery-head{margin-bottom:8px;font-size:17px}.free .toast-slot{min-height:48px}.play-main .strip.compact{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:12px}.compact .num{width:24px;height:24px;font-size:13px;top:5px;left:5px}.compact .panel.empty .plus svg{width:26px;height:26px}.compact .drop-label{font-size:13px}.tray{background:var(--white);border:var(--line);box-shadow:6px 6px 0 var(--ink);border-radius:30px;padding:16px 20px 20px}.tray-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tray-hint{color:var(--muted);margin-left:auto;font-size:15px;font-weight:700}.tab-scene{border-color:var(--blue);color:var(--blue)}.tab-scene[aria-pressed=true]{background:var(--blue);color:var(--white);border-color:var(--ink)}.tab-character{border-color:var(--orange);color:var(--orange)}.tab-character[aria-pressed=true]{background:var(--orange);color:var(--white);border-color:var(--ink)}.cards{flex-wrap:wrap;gap:16px;display:flex}.card{border:var(--line);background:var(--white);width:136px;height:150px;box-shadow:5px 5px 0 var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:16px;padding:0;transition:transform .12s;position:relative;overflow:hidden}.card.scene{height:150px}.card.locked{background:var(--locked);border-color:var(--locked-border);box-shadow:none;color:var(--locked-border);place-items:center;display:grid}.card.selected{outline:4px solid var(--mustard);transform:rotate(-7deg)translateY(-8px);box-shadow:8px 12px #2a27334d}.card.drag-source{opacity:.35}.card-face{flex-direction:column;width:100%;height:100%;display:flex}.card-face.scene img{object-fit:cover;width:100%;height:100%}.card-face.character{background:#fce3d6}.card-char{object-fit:contain;flex:1;width:100%;min-height:0;padding:6px 10px 0}.card-name{border-top:var(--line);background:var(--white);text-align:center;padding:6px 4px;font-size:17px;font-weight:900}.card.big{width:130px;height:150px;display:block;transform:rotate(4deg)}.dragging-ghost{z-index:50;pointer-events:none;opacity:.95;margin:0;position:fixed;top:0;left:0;box-shadow:10px 16px #2a273340}.pulse{outline:5px solid var(--mustard);outline-offset:3px;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{outline-color:var(--orange);outline-offset:8px}}@media (prefers-reduced-motion:reduce){.pulse{outline:5px solid var(--mustard);animation:none}}.solved{gap:10px}.solved .strip{grid-template-columns:repeat(var(--n), minmax(0, 250px))}.reward-row{justify-content:center;align-items:center;gap:60px;display:flex}.stamp-col{flex-direction:column;align-items:center;gap:12px;display:flex}.stamp{font-family:var(--story);color:var(--orange);border:5px solid var(--orange);background:var(--white);border-radius:18px;padding:0 28px;font-size:54px;font-weight:900;animation:.35s ease-out stamp;transform:rotate(-6deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-6deg)scale(1.8)}}.stars{gap:10px;display:flex}.new-card{flex-direction:column;align-items:center;gap:8px;font-weight:900;display:flex}.new-cards{gap:14px;display:flex}.new-cards .card.big:nth-child(2){transform:rotate(-4deg)}.card.item{background:#fbe4e1;flex-direction:column;display:flex}.card.item img{object-fit:contain;flex:1;width:100%;min-height:0;padding:8px}.actions{justify-content:center;gap:24px;display:flex}.free .strip{gap:12px}.toast-slot{justify-content:center;min-height:56px;display:flex}.toast{background:var(--ink);color:var(--white);border-radius:999px;align-items:center;gap:10px;padding:12px 26px;font-size:20px;font-weight:900;animation:.3s ease-out pop;display:inline-flex}.toast-star{color:var(--mustard)}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.gallery-box{background:var(--white);border:var(--line);box-shadow:6px 6px 0 var(--ink);border-radius:30px;padding:16px 18px 20px}.gallery-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:20px;display:flex}.gallery{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ending{aspect-ratio:6/5;border:2.5px solid var(--ink);background:var(--white);border-radius:10px;padding:0;position:relative;overflow:hidden}.ending .ending-name{background:#ffffffe0;padding:2px;font-size:11px;font-weight:900;position:absolute;bottom:0;left:0;right:0}.ending.fresh{outline:4px solid var(--mustard);outline-offset:2px}.ending.unknown{border:2.5px dashed var(--locked-border);background:var(--locked);color:var(--muted);place-items:center;font-size:24px;font-weight:900;display:grid}.panel-box{background:var(--white);border:var(--line);box-shadow:var(--shadow);border-radius:24px;padding:18px 22px}.panel-box h2{margin:0 0 10px;font-size:22px}.settings-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.settings-player{align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.gate{margin:40px auto}.gate-q{align-items:center;gap:16px;font-size:36px;font-weight:900;display:flex}.gate-q input{text-align:center;border:var(--line);border-radius:16px;width:120px;min-height:64px;font-size:32px}.gate-q input.bad{border-color:var(--orange);background:var(--party)}.coin-wrap{display:inline-flex;position:relative}.coin-pill{border:var(--line);background:var(--white);min-height:48px;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:6px;padding:0 16px 0 8px;font-size:22px;font-weight:900;display:inline-flex}.coin-pill img{width:32px;height:32px}.coin-burst{color:#b8860b;-webkit-text-stroke:1px var(--ink);pointer-events:none;font-size:24px;font-weight:900;animation:1.6s ease-out forwards rise;position:absolute;top:-30px;right:4px}@keyframes rise{0%{opacity:0;transform:translateY(20px)}30%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.shake{animation:.35s shake}.hint-btn{position:relative}.hint-cost{background:var(--white);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:1px;padding:1px 6px 1px 2px;font-size:13px;font-weight:900;display:inline-flex;position:absolute;bottom:-10px;right:-12px}.hint-cost img{width:16px;height:16px}.earned-coins{color:#9a7424;flex-direction:column;align-items:center;gap:4px;font-size:26px;font-weight:900;display:flex}.earned-coins img{width:64px;height:64px;animation:.4s ease-out pop}.toast-coins{color:var(--mustard);align-items:center;gap:2px;margin-left:8px;display:inline-flex}.toast-coins img{width:22px;height:22px}.doll{aspect-ratio:2/3;width:100%;max-width:260px;margin:0 auto;position:relative}.doll-layer{width:100%;height:100%;position:absolute;inset:0}.doll-head{width:65%;position:absolute;top:0;left:17.5%}.stage{background:radial-gradient(circle at 50% 85%, #f1dfb2 0 38%, transparent 39%), var(--drop);border:var(--line);box-shadow:6px 6px 0 var(--ink);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:0;padding:20px;display:flex;position:relative}.bubble{z-index:2;background:var(--white);border:var(--line);border-radius:20px;margin:0;padding:8px 16px;font-size:20px;font-weight:900;animation:.3s ease-out pop;position:absolute;top:16px;right:16px}.meter{align-items:center;gap:8px;width:min(100%,260px);display:flex}.meter img{width:36px;height:36px}.meter-bar{border:var(--line);background:var(--white);border-radius:999px;flex:1;height:22px;overflow:hidden}.meter-fill{background:var(--green);height:100%;transition:width .4s;display:block}.meter-fill.low{background:var(--orange)}.eating{width:64px;animation:1.6s ease-in forwards munch;position:absolute;top:42%;left:50%;transform:translate(-50%)}@keyframes munch{0%{transform:translate(60px,40px)scale(1)}60%{transform:translate(-50%,-30px)scale(1)}to{opacity:0;transform:translate(-50%,-40px)scale(0)}}.home{height:100dvh}.home-body{flex:1;grid-template-columns:1fr 1.25fr;gap:24px;min-height:0;display:grid}.home-body .stage .doll{max-width:240px}.home-menu{flex-direction:column;gap:16px;min-height:0;display:flex}.chest-card{text-align:left;border:var(--line);background:var(--white);min-height:104px;box-shadow:5px 5px 0 var(--ink);border-radius:26px;align-items:center;gap:16px;padding:10px 20px;display:flex}.chest-card img{width:96px}.chest-card strong{font-size:26px;display:block}.chest-card small{color:var(--muted);font-size:17px;font-weight:700;display:block}.chest-card.ready{background:#fff1c9}.chest-card.ready img{animation:1.6s ease-in-out infinite wiggle}.chest-card.done{box-shadow:none}@keyframes wiggle{0%,70%,to{transform:rotate(0)}80%{transform:rotate(-6deg)}90%{transform:rotate(6deg)}}.home-tiles{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:16px;min-height:0;display:grid}.home-tile{border:var(--line);background:var(--white);box-shadow:5px 5px 0 var(--ink);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:0;padding:10px;display:flex}.home-tile:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.tile-art{align-items:center;height:44%;display:flex}.tile-art img{height:100%;max-height:110px}.home-tile.free .tile-art img{border:var(--line);border-radius:12px}.tile-title{font-size:26px;font-weight:900}.tile-sub{color:var(--muted);min-height:1.2em;font-size:15px;font-weight:700}.home-tile.puzzle{background:#eef2fa}.home-tile.free{background:#fcefe4}.home-tile.dress{background:#fbe4e1}.home-tile.feed{background:#e7f1df}.shop-page{height:100dvh}.shop-body{flex:1;grid-template-columns:1fr 1.35fr;gap:24px;min-height:0;display:grid}.shop-side{flex-direction:column;gap:14px;min-height:0;display:flex}.slot-tabs{flex-wrap:wrap;gap:8px;display:flex}.shop-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:14px;min-height:0;padding:4px 10px 10px 4px;display:grid;overflow-y:auto}.shop-item{border:var(--line);background:var(--white);box-shadow:4px 4px 0 var(--ink);border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 12px;display:flex;position:relative}.shop-item.worn{background:#e7f1df}.shop-item.trying{outline:4px solid var(--mustard);outline-offset:3px}.item-art{place-items:center;width:100%;height:96px;display:grid;overflow:hidden}.item-art img{object-fit:contain;width:100%;height:88px}.item-name{font-size:16px;font-weight:900}.tag{color:var(--muted);align-items:center;gap:3px;font-size:14px;font-weight:900;display:inline-flex}.tag.price{color:var(--ink);font-size:17px}.tag.price img{width:22px;height:22px}.tag.worn{color:var(--green)}.buy-btn{align-items:center;gap:6px;display:inline-flex}.buy-btn img{width:28px;height:28px}#rotate{display:none}@media (orientation:portrait) and (pointer:coarse){#rotate{z-index:100;background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-size:24px;font-weight:900;display:flex;position:fixed;inset:0}#rotate svg{animation:2s ease-in-out infinite turn}#rotate small{color:var(--muted);font-size:18px}#app{display:none}}@keyframes turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (width<=900px){.auth{gap:24px;padding:20px}.modes{gap:20px}.mode-card{min-height:0}.play-body{grid-template-columns:minmax(0,1fr) 240px;gap:14px}.card,.free .card{width:96px;height:112px}}@media (height<=600px){.page{gap:10px;padding:10px 16px 16px}.bar{min-height:48px}.icon-btn,.speak-btn{width:48px;height:48px}.speak-btn.square{width:52px;height:52px}.headline{margin:0;font-size:28px}.headline.inline{font-size:24px}.goal{padding:6px 10px}.goal-text{font-size:22px}.goal-icons img{height:30px}.play-main .strip{grid-template-columns:repeat(var(--cols), minmax(0, 150px));gap:10px}.play-body{grid-template-columns:minmax(0,1fr) 220px}.play-side .card,.free .play-side .card{height:92px}.play-side .pill{min-height:40px;padding:0 12px;font-size:15px}.play-side .tray-head{gap:6px;margin-bottom:8px}.play-side .tray-hint{display:none}.play-side .cards{gap:8px}.card,.free .card{width:84px;height:96px}.card-name{padding:3px;font-size:13px}.tray{padding:10px 14px 12px}.auth{grid-template-columns:.7fr 1.3fr;gap:16px;height:100vh;min-height:100vh;padding:12px 16px}.auth-hero{min-height:0}.auth-form{justify-content:flex-start;gap:6px;overflow-y:auto}.auth-form .title{font-size:26px}.auth-form .title.small{font-size:22px}.auth-form .muted{display:none}.account-grid{grid-template-columns:repeat(4,1fr);gap:10px}.account-tile{gap:4px;min-height:96px;padding:8px}.pin-dots{margin:4px 0 0}.hero-title{font-size:32px}.avatar-md{width:56px;height:56px}.account-name{font-size:18px}.guest-btn{min-height:64px}.keypad{grid-template-columns:repeat(3,64px);gap:8px}.key{height:44px;font-size:22px}.player-card{width:190px;min-height:230px}.avatar-lg{width:110px;height:110px}.mode-card{padding:16px}.mode-art{min-height:160px}.mode-title{font-size:28px}.reward-row{gap:30px}.home-body .stage .doll,.shop-body .stage .doll{max-width:140px}.stage{gap:6px;padding:10px}.bubble{padding:4px 10px;font-size:15px;top:8px;right:8px}.chest-card{min-height:72px;padding:6px 14px}.chest-card img{width:60px}.chest-card strong{font-size:20px}.home-menu,.home-tiles{gap:10px}.tile-title{font-size:20px}.item-art{height:56px}.item-art img{height:52px}.shop-grid{gap:8px}.coin-pill{min-height:40px;font-size:18px}.coin-pill img{width:26px;height:26px}.stamp{font-size:40px}}