:root{--bg:#FFEFC9;--panel:#FFF9EC;--ink:#3A2A20;--orange:#FF7A45;--sun:#FFC53D;--mint:#7CCFA8;--pink:#FF9DB0;--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--font:"Chiron GoRound TC","Huninn","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;--line:3px solid var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:700;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#c{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;outline:none}button,input{font-family:inherit;font-weight:inherit}button{font-family:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:3px dashed var(--orange);outline-offset:3px}#top{position:absolute;left:0;right:0;top:0;padding:calc(var(--st) + 12px) 16px 0;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;z-index:5}#steps{display:flex;gap:6px;font-size:13px;opacity:0;transition:opacity .4s}#steps span{padding:4px 11px;border-radius:99px;opacity:.5}#steps span.on{opacity:1;background:#ffc53d8c}#app:not([data-stage=title]) #steps{opacity:1}.pill{display:none;white-space:pre-line;font-size:14px;line-height:1.45;padding:8px 16px;border-radius:18px;box-shadow:0 6px 18px #3a2a202e;max-width:min(92vw,420px);text-align:center;color:var(--ink)}#hint{background:var(--panel)}#warn{background:var(--pink)}#toast{background:var(--sun)}.pill.show{display:block;animation:pop .3s cubic-bezier(.3,1.7,.5,1)}#warn.show{animation:pop .3s cubic-bezier(.3,1.7,.5,1),wig .45s ease-in-out .3s infinite}#top.toasting #hint,#top.toasting #warn{display:none}@keyframes pop{0%{transform:scale(.5) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}@keyframes wig{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}.bar{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:14px 16px calc(var(--sb) + 14px);background:var(--panel);border-top:var(--line);border-radius:26px 26px 0 0;display:none;flex-direction:column;gap:12px;align-items:stretch}#app[data-stage=shape] #barShape,#app[data-stage=glaze] #barGlaze,#app[data-stage=result] #barResult{display:flex}.row{display:flex;align-items:center;gap:10px;justify-content:space-between}.btn{height:50px;padding:0 20px;border-radius:99px;font-size:17px;font-weight:900;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:var(--line);box-shadow:0 4px 0 var(--ink);transition:transform .08s,box-shadow .08s;white-space:nowrap;flex:none}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn.grow{flex:1}.primary{background:var(--orange);color:#fff}.soft{background:var(--sun);color:var(--ink)}.ghost{background:var(--panel);color:var(--ink)}.icon{width:48px;height:48px;border-radius:50%;background:var(--panel);border:var(--line);box-shadow:0 3px 0 var(--ink);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:20px;position:relative;flex:none;transition:transform .08s,box-shadow .08s}.icon:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.icon .n{position:absolute;right:-5px;top:-5px;min-width:21px;height:21px;border-radius:11px;background:var(--mint);border:2px solid var(--ink);color:var(--ink);font-size:11px;line-height:17px;text-align:center;padding:0 4px}.icon.on{background:var(--ink);color:var(--panel)}.grow{flex:1}#pinchTools{display:none;gap:6px}#app[data-spin=off] #pinchTools{display:flex}#app[data-spin=off] #shapeInfo{display:none}#btnClay{flex:none;padding:0 14px}.stab{display:inline-block;padding:0 8px;border-radius:99px;font-size:12px;line-height:18px}.stab.ok{background:var(--mint)}.stab.mid{background:var(--sun)}.stab.bad{background:var(--pink)}#btnClay.on{background:var(--orange);color:#fff}#modeSeg{display:flex;flex:1;min-width:0}#modeSeg button{flex:1;padding:0 6px;font-weight:900}#modeSeg.nudge{animation:wig .4s ease-in-out 3}.chip{height:38px;padding:0 10px;border-radius:99px;border:2.5px solid var(--ink);background:var(--panel);box-shadow:0 2px 0 var(--ink);font-size:14px;font-weight:900;white-space:nowrap;flex:1;min-width:0}.chip.on{background:var(--sun)}.chip:active{transform:translateY(2px);box-shadow:0 0 0 var(--ink)}#dimShape{font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;height:22px;line-height:22px;font-variant-numeric:tabular-nums}#swatches{display:flex;justify-content:space-between;gap:4px;padding:0 2px}.sw{width:34px;height:34px;border-radius:50%;flex:none;position:relative;border:2.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);transition:transform .15s cubic-bezier(.3,1.7,.5,1)}.sw.on{transform:translateY(-5px) scale(1.12)}.sw.on:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:3px solid var(--orange)}#glazeName{text-align:center;font-size:14px;letter-spacing:.06em;height:18px}.sizes{display:flex;gap:4px;background:var(--panel);border:var(--line);box-shadow:0 3px 0 var(--ink);border-radius:99px;padding:3px}.sz{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid transparent}.sz i{display:block;border-radius:50%;background:var(--ink)}.sz.on{background:var(--sun);border-color:var(--ink)}#resMeta{text-align:center;font-size:13px;letter-spacing:.03em;line-height:1.5}#resMeta .fail{display:flex;flex-direction:column;align-items:center;margin-top:6px}#resMeta .fail b{font-size:17px;font-weight:900;transform:rotate(-2deg)}#resMeta .fail small{font-size:12px;margin-top:4px;opacity:.8}#resMeta b{display:inline-block;background:var(--pink);border-radius:10px;padding:1px 8px;margin-top:4px;font-weight:700}#nameIn{height:48px;border-radius:16px;border:var(--line);background:#fff;padding:0 14px;font:inherit;font-weight:700;font-size:17px;color:var(--ink);text-align:center;width:100%;outline:none;-webkit-user-select:text;user-select:text}#nameIn:focus{box-shadow:0 0 0 4px var(--sun)}.seg{display:flex;background:var(--panel);border:var(--line);box-shadow:0 3px 0 var(--ink);border-radius:99px;padding:3px;flex:none}.seg button{height:40px;padding:0 13px;border-radius:99px;font-size:14px;border:2px solid transparent}.seg button.on{background:var(--sun);border-color:var(--ink)}#title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:none;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(var(--st) + 6vh) 16px calc(var(--sb) + 14px);pointer-events:none}#app[data-stage=title] #title{display:flex}#title .head{display:flex;flex-direction:column;align-items:center}#title h1{margin:0;font-weight:900;font-size:clamp(40px,12vw,58px);letter-spacing:.06em;color:var(--orange);text-align:center;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;transform:rotate(-3deg);text-shadow:0 5px 0 var(--ink)}#title .en{display:inline-block;font-size:12px;letter-spacing:.3em;margin-top:14px;opacity:.75}#title p{margin:14px 0 0;font-size:15px;text-align:center;line-height:1.6}#title .btn{pointer-events:auto;min-width:210px;height:58px;font-size:19px}#title .foot{display:flex;flex-direction:column;align-items:center;gap:12px}#title small{font-size:12px;opacity:.65}#fireUI{position:absolute;left:0;right:0;bottom:calc(var(--sb) + 8vh);z-index:6;display:none;flex-direction:column;align-items:center;gap:10px;color:#fff;pointer-events:none}#app[data-stage=fire] #fireUI{display:flex}#temp{font-size:44px;font-weight:900;letter-spacing:.04em;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;font-variant-numeric:tabular-nums}#tempLbl{font-size:14px;background:#ffc53de6;color:var(--ink);border-radius:99px;padding:3px 12px}#fireBar{width:170px;height:12px;border-radius:6px;background:var(--panel);border:2.5px solid var(--ink);overflow:hidden}#fireBar i{display:block;height:100%;width:0;background:var(--orange)}#fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;opacity:0;background:#2b1e17}#sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:none;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#3a2a2099;padding:calc(var(--st) + 20px) 20px calc(var(--sb) + 20px)}#sheet.show{display:flex}#sheet img{max-width:100%;max-height:68vh;border-radius:16px;border:var(--line);-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto;pointer-events:auto}#sheet p{margin:0;color:#fff;font-size:13px;text-align:center}#fps{position:absolute;right:8px;top:calc(var(--st) + 8px);font:11px monospace;color:var(--ink);z-index:50;display:none}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink);z-index:60;background:var(--bg);transition:opacity .5s}@media (max-width:380px){.icon{width:43px;height:43px}.sz{width:33px;height:33px}.row{gap:7px}.bar{padding-left:12px;padding-right:12px}#btnToFire{padding:0 13px!important}.sw{width:31px;height:31px}.btn{font-size:16px}}@media (min-width:700px){.bar{left:50%;right:auto;width:480px;transform:translate(-50%);border:var(--line);border-bottom:0}}@media (prefers-reduced-motion:reduce){.pill.show,#warn.show{animation:none}}.icon svg{width:22px;height:22px;display:block}.btn svg{width:18px;height:18px;display:block}#title .foot{width:100%;max-width:440px}#title .more-works{font-family:var(--font);pointer-events:auto;touch-action:pan-x;width:100%;padding:12px 14px 14px;border-radius:20px;background:#fff9ecd9;border:0;box-shadow:none;color:var(--ink)}#title .more-works:before{display:none}#title .more-works h2{margin:0 0 8px;font-size:13px;font-weight:900;color:var(--ink);text-align:left}#title .mw-list{margin:0 -14px;padding:0 14px 4px;scroll-padding-inline:14px}#title .mw-card{width:136px;padding:4px;border:2.5px solid var(--ink);border-radius:14px;box-shadow:0 2px 0 var(--ink)}#title .mw-card img{border-radius:9px}#title .mw-card b{padding:6px 4px 4px;font-size:12px;font-weight:900}.sd{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:#174e76}.sd svg{width:18px;height:18px}.sd span{font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;letter-spacing:.02em}@media (max-height:700px){#title .head small{display:none}}#title .btns{display:flex;gap:10px;width:100%;max-width:400px;pointer-events:auto}#title .btns .btn{height:58px;min-width:0}#title .btns #btnStart{flex:1;min-width:0}#title .btns #btnShelfT{padding:0 16px;font-size:16px}#title .head small{margin-top:10px}#barResult .row .btn.ghost{padding:0 14px}#shelf{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:none;flex-direction:column;background:var(--bg);padding:calc(var(--st) + 14px) 16px calc(var(--sb) + 14px)}#shelf.show{display:flex}.sh-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sh-head h2{margin:0;font-size:26px;font-weight:900;color:var(--orange);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}#shelfGrid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-content:start;padding:4px 2px 12px;touch-action:pan-y;-webkit-overflow-scrolling:touch}.sh-empty{grid-column:1/-1;text-align:center;margin-top:30vh;font-size:15px;opacity:.7}.sh-card{position:relative;background:var(--panel);border:var(--line);border-radius:18px;box-shadow:0 3px 0 var(--ink);padding:6px 6px 10px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.sh-card img{width:100%;aspect-ratio:1;border-radius:12px;background:#ffebc0;display:block}.sh-card b{margin-top:6px;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-card small{font-size:12px;opacity:.7}.sh-card .tag{position:absolute;left:8px;top:8px;background:var(--pink);border-radius:9px;padding:0 7px;font-size:11px;transform:rotate(-4deg)}.sh-card.broken img{filter:saturate(.55) brightness(.92)}.sh-card .pick{position:absolute;right:6px;top:6px;width:32px;height:32px;border-radius:50%;background:var(--panel);border:3px solid var(--ink)}.sh-card.on{background:var(--sun)}.sh-card.on .pick{background:var(--mint)}.sh-card.on .pick:after{content:"";position:absolute;left:8px;top:3px;width:7px;height:13px;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(45deg)}.sh-foot{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding-top:10px}.sh-foot small{text-align:center;font-size:12px}#workSheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:28;display:none;align-items:center;justify-content:center;background:#3a2a208c;padding:20px}#workSheet.show{display:flex}.ws-card{width:min(100%,380px);background:var(--panel);border:var(--line);border-radius:24px;box-shadow:0 4px 0 var(--ink);padding:14px;display:flex;flex-direction:column;gap:8px;text-align:center}.ws-card img{width:100%;aspect-ratio:1;border-radius:16px;background:#ffebc0}.ws-card h3{margin:4px 0 0;font-size:22px;font-weight:900}.ws-card p{margin:0;font-size:13px}#workFail b{display:inline-block;background:var(--pink);border-radius:10px;padding:1px 8px}#workFail small{display:block;font-size:12px;margin-top:4px}#app[data-stage=table] #barTable{display:flex}#app[data-stage=table] #steps{opacity:0}#tableMeta{text-align:center;font-size:13px}