: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}.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}.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}.auth-form form{flex-direction:column;gap:14px;margin-top:8px;display:flex}.lang-switch{justify-content:flex-end;gap:8px;display:flex}.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}.check{align-items:center;gap:12px;min-height:48px;font-weight:700;display:flex}.check input{width:28px;height:28px;accent-color:var(--orange)}.form-error{background:var(--party);border:2px solid var(--orange);border-radius:12px;margin:0;padding:10px 14px;font-weight:700}.divider{color:var(--muted);align-items:center;gap:12px;font-weight:700;display:flex}.divider:before,.divider:after{content:"";border-top:2px solid var(--locked-border);flex:1}.google-slot{justify-content:center;min-height:48px;display:flex}.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}.panel-clear{z-index:3;border:var(--line);background:var(--white);border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:-12px;right:-12px}.panel-clear svg{width:20px;height:20px}.readonly .panel-clear{display:none}.caption{min-height:2.7em;margin:0;font-size:17px;line-height:1.35}.compact .caption{font-size:14px}.nudge{text-align:center;color:var(--orange);margin:0;font-size:20px;font-weight:900}.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}.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)}}.free-bottom{grid-template-columns:1.45fr 1fr;align-items:start;gap:20px;display:grid}.free .card{width:112px;height:132px}.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)}@media (width<=820px){.auth{grid-template-columns:1fr;padding:16px}.auth-hero{min-height:240px}.modes,.free-bottom{grid-template-columns:1fr}.mode-card{min-height:380px}.headline{font-size:32px}.strip{grid-template-columns:repeat(min(var(--n), 3), minmax(0, 1fr))}.free .strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.page{padding:12px 16px 24px}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-text,.headline.inline{font-size:24px}.card,.free .card{width:96px;height:112px}.player-card{width:100%;min-height:220px}.avatar-lg{width:110px;height:110px}.reward-row{flex-direction:column;gap:20px}.tray-hint{margin-left:0}}