:root{--bg:#f6f1e9;--card:#fffcf7e0;--line:#e6dccf;--text:#5e534b;--text-soft:#8f837a;--chip:#efe7dc;--chip-on:#fffcf7;--terracotta:#e0a193;--terracotta-deep:#c98a7c;--terracotta-ink:#6e3b30;--butter:#edd39b;--butter-shadow:#d6bb80;--sage:#a9c89b;--sage-ink:#3c5832;--sage-wash:#dde9d6;--coral-wash:#f6ddd6;--font-title:"Fredoka", "Nunito", sans-serif;--font-body:"Nunito", system-ui, sans-serif}:root[lang=ja]{--font-title:"M PLUS Rounded 1c", sans-serif;--font-body:"M PLUS Rounded 1c", sans-serif}:root[lang=zh-CN]{--font-title:"ZCOOL KuaiLe", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button{touch-action:manipulation}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#loading{z-index:10;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .4s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .logo{font-size:40px}.loading-track{background:var(--line);border-radius:99px;width:180px;height:8px;overflow:hidden}#loading-bar{background:var(--sage);width:0;height:100%;transition:width .2s}#loading-text{color:var(--text-soft);font-size:13px}#hud{pointer-events:none;color:var(--text);position:fixed;inset:0}#hud>*{pointer-events:auto}#hud>.rot-badge,#hud>.bubble,#hud>.tutorial{pointer-events:none}.card{background:var(--card);border:1px solid var(--line);box-shadow:0 3px 0 var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;position:absolute}.brand{cursor:pointer;min-width:190px;padding:12px 18px 14px;top:16px;left:16px}.brand:not(.open){min-width:0;padding:10px 14px}.brand:not(.open) .local-name,.brand:not(.open) .theme-line,.brand:not(.open) .stats{display:none}.score-pop{color:var(--sage-ink);white-space:nowrap;opacity:0;pointer-events:none;font-family:Fredoka,sans-serif;font-size:18px;font-weight:600;position:absolute;top:6px;left:calc(100% + 6px)}.score-pop.show{animation:1.1s ease-out score-pop}@keyframes score-pop{0%{opacity:0;transform:translateY(6px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.1)}70%{opacity:1;transform:translateY(-4px)scale(1)}to{opacity:0;transform:translateY(-10px)scale(1)}}.brand.bump .logo .stud{animation:.5s ease-out stud-bump}@keyframes stud-bump{40%{transform:scale(1.5)}}.logo{letter-spacing:.01em;font-family:Fredoka,sans-serif;font-size:28px;font-weight:600;line-height:1}.logo .stud{background:var(--terracotta);width:.5em;height:.5em;box-shadow:inset 0 -3px 0 var(--terracotta-deep);vertical-align:.05em;border-radius:50%;margin:0 .04em;display:inline-block}.local-name{font-family:var(--font-title);color:var(--text-soft);margin-top:4px;font-size:13px}:root[lang=en] .local-name{display:none}.theme-line{font-family:var(--font-title);color:var(--text);margin-top:6px;font-size:13px}.theme-line:empty{display:none}.stats{align-items:flex-end;gap:18px;margin-top:10px;display:flex}.stats>div{flex-direction:column;display:flex}.label{color:var(--text-soft);font-size:12px}.value{font-family:Fredoka,sans-serif;font-size:30px;font-weight:600;line-height:1.1}.value.small{font-size:20px}.music-toggle.off{color:var(--text-soft)}.music-toggle.off:after{content:"";background:var(--terracotta);border-radius:2px;width:26px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.menu-toggle{width:46px;height:46px;color:var(--text);cursor:pointer;padding:0;font-size:20px;top:16px;right:16px}.music-toggle{right:70px}.menu{flex-direction:column;align-items:stretch;gap:6px;min-width:190px;padding:10px;display:none;top:72px;right:16px}body.menu-open .menu{display:flex}.menu-item{background:var(--chip);color:var(--text);font:700 14px var(--font-body);text-align:left;cursor:pointer;border:0;border-radius:12px;padding:10px 14px}.menu-item:active{transform:translateY(1px)}.choice{background:var(--chip);width:100%;color:var(--text);font:700 15px var(--font-body);text-align:left;cursor:pointer;border:0;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;margin-top:10px;padding:12px 14px;display:flex}.choice.expanded{border-radius:14px 14px 0 0}.theme-picker{background:var(--chip);border-radius:0 0 14px 14px;grid-template-columns:1fr 1fr;gap:6px;max-height:0;padding:0 8px;transition:max-height .28s,padding .28s;display:grid;overflow:hidden}.theme-picker.open{max-height:420px;padding:4px 8px 8px}.theme-chip{background:var(--card);color:var(--text);font:700 13px var(--font-body);text-align:left;cursor:pointer;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.theme-chip span{color:var(--text-soft);font-size:11px;font-weight:500;line-height:1.3}.theme-chip:active{transform:translateY(1px)}.tut-langs{margin-bottom:10px;display:inline-flex}.langs{background:var(--line);border-radius:12px;padding:3px;display:flex}.langs button{color:var(--text-soft);font:500 13px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 10px}.langs button.active{background:var(--chip-on);color:var(--text)}button.soft{background:var(--terracotta);color:var(--terracotta-ink);font:700 14px var(--font-body);box-shadow:0 3px 0 var(--terracotta-deep);cursor:pointer;border:0;border-radius:12px;padding:8px 14px;transition:transform 60ms,box-shadow 60ms}button.soft:active,button.round:active{box-shadow:0 1px 0 var(--terracotta-deep);transform:translateY(2px)}.tray{padding:10px 12px;bottom:20px;left:50%;transform:translate(-50%)}.tray-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tray-row.actions{margin-top:10px;display:none}.tray.pending .tray-row.actions{display:flex}.current{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;gap:12px;min-width:190px;display:flex}.tray.pending .current{opacity:.55}button.small-round{width:36px;height:36px;box-shadow:0 2px 0 var(--butter-shadow);font-size:17px}.side-stack{border-left:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;padding-left:10px;display:flex}.next-box{flex-direction:column;align-items:center;display:flex}#next-preview{width:36px;height:36px;margin:4px 6px 0}button.mini{background:var(--coral-wash);color:var(--terracotta-ink);font:700 12px var(--font-body);cursor:pointer;border:0;border-radius:10px;padding:4px 8px}.mini-progress{color:var(--text-soft);white-space:nowrap;font-size:11px}button.pill{font:700 15px var(--font-body);cursor:pointer;border:0;border-radius:14px;flex:1;padding:10px 16px;transition:transform 60ms,box-shadow 60ms}button.pill.confirm{background:var(--sage);color:var(--sage-ink);box-shadow:0 3px #8fae81}button.pill.cancel{background:var(--chip);color:var(--text-soft);box-shadow:0 3px 0 var(--line)}button.pill:active{box-shadow:none;transform:translateY(2px)}#preview{width:64px;height:64px;margin:0 12px}.tile-name{font-family:var(--font-title);font-size:18px}.tile-hint{color:var(--terracotta-ink);max-width:170px;font-size:11px;line-height:1.3}.tile-hint:empty{display:none}button.round{background:var(--butter);width:44px;height:44px;color:var(--text);box-shadow:0 3px 0 var(--butter-shadow);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:22px;transition:transform 60ms,box-shadow 60ms}.rot-badge{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fffffff2;pointer-events:none;background:#78b35a66;border:1.5px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;animation:.25s ease-out rot-badge-in;display:none;position:absolute;transform:translate(-50%,-50%)}.rot-badge svg{width:22px;height:22px;display:block}@keyframes rot-badge-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}body.photo .rot-badge,body.viewing .rot-badge{display:none!important}.bubble{pointer-events:none;font-family:"Fredoka", var(--font-body);white-space:nowrap;text-align:center;border-radius:999px;padding:4px 12px;font-size:18px;font-weight:600;line-height:1.2;display:none;position:absolute;transform:translate(-50%,-100%)}.bubble small{font:500 11px var(--font-body);display:block}.bubble.good{background:var(--sage-wash);color:var(--sage-ink)}.bubble.zero{color:var(--text-soft);background:#fffcf7}.bubble.bad{background:var(--coral-wash);color:var(--terracotta-ink)}.float-score{pointer-events:none;font-family:Fredoka,sans-serif;font-size:22px;font-weight:600;animation:.9s ease-out forwards float-up;position:fixed;transform:translate(-50%,-100%)}@keyframes float-up{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-40px}}button.soft.ghost{background:var(--chip);color:var(--text-soft);box-shadow:0 3px 0 var(--line)}button.soft.share{background:var(--sage);color:var(--sage-ink);box-shadow:0 3px #8fae81}#build-own,.viewer-bar,#skip{display:none}body.viewing #build-own{display:block}body.viewing #share,body.viewing .tray,body.viewing .bubble{display:none}body.viewing .viewer-bar{display:flex}body.replaying #replay{display:none}body.replaying #skip{display:inline-block}.viewer-bar{font-family:var(--font-title);white-space:nowrap;align-items:center;gap:12px;padding:10px 12px 10px 18px;font-size:15px;bottom:20px;left:50%;transform:translate(-50%)}.viewer-bar .pill{flex:none;padding:8px 16px}.viewer-bar .progress{color:var(--text-soft);min-width:0;font:600 13px Fredoka,sans-serif}.toast{background:var(--text);color:var(--bg);opacity:0;pointer-events:none;z-index:20;border-radius:14px;padding:10px 18px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;top:18px;left:50%;transform:translate(-50%,-20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=640px){.toast{max-width:calc(100% - 32px);top:66px}.viewer-bar{bottom:calc(12px + env(safe-area-inset-bottom));white-space:normal;flex-wrap:wrap;justify-content:center;width:calc(100% - 20px)}.brand{min-width:0;padding:10px 12px;top:10px;left:10px}.logo{font-size:22px}.value{font-size:24px}.menu-toggle{top:10px;right:10px}.music-toggle{right:64px}.menu{top:64px;right:10px}.tray{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 20px)}.current{gap:6px;min-width:0}.current .label{display:none}#preview{width:52px;height:52px;margin:0 6px}.tile-name{font-size:15px}.tray-row{gap:8px}.side-stack{padding-left:8px}}.stats-panel{color:#f6f1e9;pointer-events:none;z-index:30;background:#2b2420bf;border-radius:10px;margin:0;padding:6px 10px;font:12px/1.4 ui-monospace,monospace;position:fixed;bottom:120px;left:16px}.photo-bar{align-items:center;gap:10px;padding:10px 12px;display:none;bottom:24px;left:50%;transform:translate(-50%)}.photo-bar .pill{flex:none}body.photo #hud>:not(.photo-bar):not(.toast){display:none!important}body.photo .photo-bar{display:flex}#back-town,#try-daily{display:none}body.daily #back-town{display:block}body.viewing #help-btn,body.viewing #new-game{display:none}body.viewing.daily-link #try-daily{display:inline-block}.result-backdrop{z-index:15;background:#5e534b59;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.result-backdrop.open{display:flex}.result-card{text-align:center;min-width:280px;max-width:calc(100% - 32px);padding:22px 26px;position:relative}.result-card h2{font-family:var(--font-title);margin:0 0 4px;font-size:22px}.result-score{margin:8px 0;font:600 48px Fredoka,sans-serif}.result-actions .pill{white-space:nowrap;flex:none}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.fb-card{text-align:left;width:420px}.fb-card h2,.fb-card>.label{text-align:center}.fb-input{border:1px solid var(--line);background:var(--chip-on);width:100%;color:var(--text);font:500 14px var(--font-body);resize:vertical;-webkit-user-select:text;user-select:text;touch-action:auto;border-radius:12px;margin-top:10px;padding:10px 12px;display:block}.fb-input:focus{outline:2px solid var(--sage);outline-offset:1px}.fb-bot{position:absolute;left:-9999px}.fb-status{min-height:1.4em;color:var(--text-soft);text-align:center;margin-top:8px;font-size:13px}.fb-status.ok{color:var(--sage-ink)}.fb-status.bad{color:var(--terracotta-ink)}.fb-mail{text-align:center;width:100%;color:var(--text);font-size:13px;display:none}.tutorial{pointer-events:none;z-index:14;display:none;position:fixed;inset:0}.tutorial.open{display:block}.tut-card{pointer-events:auto;width:min(380px,100% - 32px);padding:14px 16px;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}.tutorial.centered .tut-card{top:50%;bottom:auto;transform:translate(-50%,-50%)}.tut-card p{margin:0 0 12px;font-size:15px;line-height:1.5}.tut-actions{align-items:center;gap:8px;display:flex}.tut-actions .label{flex:1}.tut-actions .pill{flex:none}.tut-focus{z-index:13;border-radius:14px;animation:1.2s ease-in-out infinite tut-pulse;position:relative}@keyframes tut-pulse{0%,to{box-shadow:0 0 0 3px #e0a193e6}50%{box-shadow:0 0 0 8px #e0a19359}}.quests{width:250px;padding:8px 12px 10px;top:72px;right:16px}.quests-head{width:100%;color:var(--text-soft);font:700 12px var(--font-body);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.quests-count{font:600 12px Fredoka,sans-serif}.quest-list{flex-direction:column;gap:7px;margin:6px 0 0;padding:0;list-style:none;display:flex}.quests.collapsed .quest-list{display:none}.quest{grid-template-rows:auto 4px;grid-template-columns:26px 1fr auto;align-items:center;gap:4px 8px;font-size:13px;line-height:1.25;display:grid}.quest .reward{background:var(--chip);border-radius:9px;grid-row:span 2;place-items:center;width:26px;height:26px;font-size:15px;display:grid}.quest .goal{min-width:0}.quest .count{color:var(--text-soft);font:600 12px Fredoka,sans-serif}.quest .bar{background:var(--chip);border-radius:2px;grid-column:2/span 2;height:4px;overflow:hidden}.quest .bar i{background:var(--sage);border-radius:2px;height:100%;transition:width .3s;display:block}.quest.fresh{animation:.6s ease-out quest-in}@keyframes quest-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}body.viewing .quests,body.daily .quests,body.no-quests .quests,body.viewing .shelf,body.daily .shelf,body.no-quests .shelf{display:none}.shelf{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding-right:10px;display:flex}.shelf .slot{border:1.5px dashed var(--line);background:0 0;border-radius:10px;width:30px;height:30px;padding:0;font-size:16px;line-height:1}.shelf .slot.filled{background:var(--butter);box-shadow:0 2px 0 var(--butter-shadow);cursor:pointer;border:0}.shelf .slot.active{outline:2px solid var(--sage-ink);outline-offset:1px}.shelf .slot.new{animation:.6s ease-out 2 stud-bump}@media (width<=640px){.quests{width:196px;padding:6px 10px 8px;top:62px;right:10px}.quest{grid-template-columns:22px 1fr auto;font-size:12px}.quest .reward{width:22px;height:22px;font-size:13px}.shelf{padding-right:6px}.shelf .slot{width:26px;height:26px;font-size:14px}}.quest{cursor:pointer;border-radius:10px}.quest:hover .goal{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.qd-card{text-align:left;width:400px}.qd-card h2{text-align:center;font-size:19px}.qd-card h3{letter-spacing:.04em;color:var(--text-soft);margin:14px 0 6px;font-size:12px}.qd-card p{margin:0;font-size:14px;line-height:1.55}.qd-progress{align-items:center;gap:10px;margin-top:10px;display:flex}.qd-progress .bar{background:var(--chip);border-radius:3px;flex:1;height:6px;overflow:hidden}.qd-progress .bar i{background:var(--sage);height:100%;display:block}.qd-progress .count{color:var(--text-soft);font:600 13px Fredoka,sans-serif}.qd-example{background:var(--chip);border-radius:12px;justify-content:center;gap:0;padding:8px;display:grid}.qd-example canvas,.qd-example span{width:48px;height:48px}.qd-reward{align-items:center;gap:10px;font-size:14px;display:flex}.qd-reward .reward{background:var(--butter);border-radius:11px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.qd-card .result-actions{justify-content:center}