:root{font-family:Palatino,"Palatino Linotype","Noto Serif",Georgia,serif;color:#344039;background:#efe8d8;font-variant-numeric:lining-nums tabular-nums;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:disabled{opacity:.38;cursor:default}button:focus-visible,canvas:focus-visible{outline:2px solid #426f5e;outline-offset:3px}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:none}button{transition:background .2s,transform .2s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}#scene-wrap,#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#scene{outline:none}#ui{position:absolute;inset:0;pointer-events:none}#ui button,#ui dialog{pointer-events:auto}.glass{background:rgba(247,243,229,.72);border:1px solid rgba(255,255,250,.63);box-shadow:0 8px 35px #3343300d,inset 0 1px #ffffffe6;backdrop-filter:blur(18px);border-radius:20px}.commission{position:absolute;left:clamp(20px,4vw,64px);top:max(80px,env(safe-area-inset-top));padding:15px 20px 15px 12px;display:flex;align-items:center;gap:10px;width:280px;max-width:calc(100% - 40px)}.commission small{font-size:11px;letter-spacing:.05em;color:#586b5c}.commission h1{font-weight:400;font-size:23px;margin:7px 0}.commission p{font-size:12px;margin:0 0 9px;color:#53665a}.mini-target{width:60px;flex:none}.mini-target svg{display:block;width:100%;height:90px}.mini-target path,.commissions path,.collection path{fill:#8da89844;stroke:#617e6d;stroke-width:1.4}.form-meter{height:2px;background:#435b391c;width:130px;margin-bottom:5px}.form-meter i{display:block;height:100%;background:#638470;transition:width .2s}.commission #match{font-size:10px;letter-spacing:.04em}.dock{position:absolute;left:50%;transform:translateX(-50%);bottom:max(20px,env(safe-area-inset-bottom));display:flex;gap:5px;padding:7px;width:max-content;max-width:calc(100% - 24px)}.dock button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 17px;min-height:46px;background:transparent;white-space:nowrap;font-size:14px}.dock .primary{background:#526d5d;color:#fffdf3;min-width:160px}.dock button:not(.primary):hover{background:#73836b15}.tools{position:absolute;bottom:106px;left:50%;transform:translateX(-50%);display:flex;padding:5px;gap:3px}.tools button{display:flex;align-items:center;gap:5px;background:transparent;min-height:40px;padding:8px 11px;font-size:12px}.tools button:hover{background:#748c7022;border-radius:12px}.tools em{width:1px;background:#6d7e6426;margin:7px}.coach{position:absolute;bottom:171px;left:50%;transform:translateX(-50%);padding:10px 15px;max-width:min(500px,calc(100% - 36px));display:flex;align-items:center;gap:15px;font-size:13px;line-height:1.55;text-align:left}.coach button{padding:5px 8px;font-size:11px;white-space:nowrap;background:transparent;color:#3a6f58}.toast{position:absolute;right:22px;top:80px;font-size:12px;max-width:260px;text-align:right;line-height:1.5}.glazes{position:absolute;bottom:109px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:10px;max-width:calc(100% - 24px)}.swatch{background:transparent;padding:6px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:61px;font-size:11px}.swatch i{width:27px;height:27px;display:block;background:var(--glaze);border-radius:50%;box-shadow:inset -4px -5px 6px #0002,inset 3px 3px 7px #fff8}.swatch[aria-pressed=true]{background:#9dab8e26;outline:1px solid #7f967b}.celadon{--glaze:#8eae9f}.ivory{--glaze:#e5d7ad}.ash{--glaze:#81907a}.jade{--glaze:#4d8975}.indigo{--glaze:#526b86}.copper{--glaze:#b7806e}.fire-controls{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);width:min(380px,calc(100% - 32px));padding:16px 22px;text-align:center}.fire-caption{display:flex;justify-content:space-between;gap:10px;font-size:12px}.heat-track{position:relative;height:12px;border-radius:8px;background:linear-gradient(90deg,#a9beba,#ddd5ad,#bf7d57);margin:16px 0 8px}.heat-track i{position:absolute;height:24px;top:-6px;background:#faf8de80;border:1px solid #637c54;border-radius:5px}.heat-track b{position:absolute;top:-5px;width:4px;height:22px;background:#425f52;border-radius:4px;transform:translateX(-50%)}.fire-controls p{font-size:12px;margin:9px 0}.heat{border-radius:14px;background:#576f5c;color:#fffbed;min-height:46px;padding:10px 25px;width:100%}.heat[aria-pressed=true]{background:#927349}.result{position:absolute;right:5%;top:28%;width:260px;text-align:center;padding:25px 22px;animation:reveal .55s ease-out}.result .seal{font-size:38px;color:#9f644d}.result h2{font-size:24px;font-weight:400;line-height:1.3;margin:10px 0}.result p{font-size:13px;line-height:1.65;color:#5b6a5b}.panel{position:fixed;inset:auto 18px 102px auto;margin:0;width:430px;max-width:calc(100% - 28px);max-height:calc(100dvh - 184px);padding:21px;color:#344039;overflow:auto;background:rgba(246,243,230,.91)}.panel::backdrop{background:#26362619;backdrop-filter:blur(2px)}.panel header{display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:24px;font-weight:400;margin:0}.panel #close{background:transparent;padding:7px;border-radius:12px;display:flex;align-items:center}.panel #close span{display:none}.tabs{display:flex;border-bottom:1px solid #81907535;gap:4px;margin:19px 0 14px}.tabs button{background:transparent;font-size:13px;flex:1;padding:11px 3px;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{border-color:#536f5e}.panel p{font-size:13px;line-height:1.65}.panel h3{font-size:17px;font-weight:400;margin-top:25px}.storage-status{font-size:10px!important;color:#677666;margin:18px 0 0}.commissions{display:grid;gap:7px}.commissions button{display:flex;gap:12px;align-items:center;text-align:left;background:#fff8;padding:9px 12px;border:1px solid #8696751c;border-radius:15px;min-height:82px}.commissions button[aria-current=true]{background:#dbe3d4b5;border-color:#879d82}.commissions svg{height:53px;width:48px}.commissions span{flex:1}.commissions strong{font-weight:400;font-size:16px;display:block}.commissions small{font-size:11px;line-height:1.4;display:block;margin-top:6px;color:#6b7965}.commissions b{font-size:12px;font-weight:400}.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.collection button{padding:9px;background:#fff6;border-radius:15px;text-align:center}.collection svg{width:65px;height:77px;display:block;margin:auto}.collection path{fill:var(--glaze);stroke:#657866}.collection strong,.collection small{display:block;font-size:12px;font-weight:400}.collection small{font-size:10px;margin-top:6px;line-height:1.4}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settings-grid button{background:#ffffff80;border-radius:12px;font-size:13px;min-height:43px;padding:10px}.pause-veil,.fatal{pointer-events:auto;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);padding:24px;max-width:90vw;text-align:center}.pause-veil button,.fatal button{border-radius:12px;padding:13px 22px;background:#536e5d;color:#fffbed}.fatal p{max-width:360px;line-height:1.65}.fatal{background:#f4f0e3e8}#scene-wrap canvas:not(#scene){position:absolute;inset:0;width:100%;height:100%}
.hand-hint{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fdf9e8;text-shadow:0 1px 5px #3b492b;font-size:12px;pointer-events:none}.hand-hint svg{width:37px;height:37px;stroke:#fdf9e8;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;background:#4f69545e;padding:5px;animation:gesture 3s ease-in-out infinite}.hand-hint span{padding:3px 9px;border-radius:12px;background:#4f695466}.hand-hint[hidden]{display:none}
@keyframes gesture{0%,100%{transform:translateX(-9px)}50%{transform:translateX(9px)}}
@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.commission{top:76px;left:16px;width:222px;padding:10px 13px 10px 7px;gap:5px;border-radius:17px}.commission h1{font-size:18px;margin:5px 0}.commission p{font-size:10px}.commission small{font-size:9px}.mini-target{width:43px}.mini-target svg{height:65px}.form-meter{width:126px}.dock{bottom:max(12px,env(safe-area-inset-bottom));gap:2px;padding:5px}.dock button{padding:11px 10px;font-size:12px;gap:5px;min-height:44px}.dock button svg{width:19px;height:19px}.dock .primary{min-width:126px}.dock #options span,.dock #shelf span{display:none}.dock #undo span{display:none}.dock #shelf,.dock #options,.dock #undo{min-width:42px}.tools{bottom:84px;gap:0;padding:3px}.tools button{font-size:10px;padding:7px 8px;min-height:38px}.tools button svg{width:17px;height:17px}.tools button span{display:none}.coach{bottom:142px;font-size:12px;line-height:1.5;width:calc(100% - 40px);max-width:380px;padding:10px 13px;gap:8px}.glazes{bottom:87px;gap:0;padding:7px;flex-wrap:wrap;width:max-content;justify-content:center}.swatch{font-size:9px;min-width:47px;padding:4px}.swatch i{width:25px;height:25px}.fire-controls{bottom:89px;padding:13px 18px;width:calc(100% - 42px)}.fire-controls~.coach{bottom:260px}.panel{inset:auto 14px 83px 14px;width:auto;max-width:none;max-height:calc(100dvh - 159px);padding:18px}.panel h2{font-size:22px}.result{top:217px;right:17px;width:170px;padding:14px 13px}.result .seal{font-size:24px}.result h2{font-size:18px;margin:5px 0}.result p{font-size:11px;line-height:1.45}.toast{top:65px;right:16px;font-size:9px;max-width:180px}.collection{grid-template-columns:repeat(3,1fr)}}
@media(max-height:500px){.commission{top:70px;left:16px;padding:6px 10px;width:200px}.commission h1{font-size:17px}.commission p,.commission #match,.form-meter{display:none}.mini-target{width:30px}.mini-target svg{height:48px}.dock{bottom:10px}.dock button{padding:9px 13px;min-height:40px}.tools{left:auto;right:18px;transform:none;bottom:80px}.coach{left:17px;bottom:84px;transform:none;width:250px;font-size:11px}.glazes{left:auto;right:18px;transform:none;bottom:81px}.fire-controls{left:auto;right:18px;transform:none;bottom:80px;width:300px;padding:10px 15px}.fire-controls .heat{min-height:36px}.fire-controls .fire-caption,.fire-controls p{font-size:10px}.result{top:77px;right:16px;width:210px;padding:12px}.result .seal{display:none}.result h2{font-size:19px}.result p{font-size:11px;margin:5px 0}.panel{bottom:75px;max-height:calc(100dvh - 151px)}.panel header h2{font-size:19px}.panel .tabs{margin:9px 0}.toast{top:68px}}
@media(max-width:320px){.dock .primary{min-width:111px}.dock button{padding:10px 7px}.dock #shelf,.dock #options,.dock #undo{min-width:36px}.commission{width:183px}.commission h1{font-size:16px}.coach{width:220px;left:15px;bottom:145px;font-size:10px}.tools{bottom:78px;right:12px}.result{top:145px;right:15px;width:153px}.fire-controls{width:240px;right:20px}.swatch{min-width:38px;font-size:8px}.swatch i{width:21px;height:21px}.panel{padding:13px}.tabs button{font-size:11px}.collection{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.commission.is-finished{width:max-content;min-width:205px;padding:9px 15px 9px 9px;gap:8px;border-radius:15px;background:rgba(247,243,229,.79)}.commission.is-finished .mini-target{width:36px}.commission.is-finished .mini-target svg{height:46px}.commission.is-finished h1{font-size:18px;margin:4px 0 0}.commission.is-finished #stage,.commission.is-finished #match,.commission.is-finished .form-meter{display:none}
.result{top:auto;right:50%;bottom:101px;transform:translateX(50%);width:max-content;max-width:calc(100% - 40px);padding:6px 13px;border-radius:15px;text-align:left;background:rgba(249,246,235,.82);animation:none}.result-summary{display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:9px}.result .seal{display:block;font-size:22px;color:#95634e}.result h2{margin:0;font-size:16px;font-weight:400}.result #result-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;background:transparent;padding:0;color:#344039;width:100%;text-align:left}.result #result-toggle svg{width:16px;height:16px;transition:transform .2s}.result.is-expanded #result-toggle svg{transform:rotate(180deg)}.result #impression{font-size:11px;line-height:1.4;margin:0;white-space:nowrap;color:#586957}.result #result-copy{font-size:12px;line-height:1.5;margin:0 0 8px 28px;max-width:345px}.result.is-expanded{width:390px}
@media(max-width:700px){.commission.is-finished{min-width:0;max-width:calc(100% - 32px);padding:7px 12px 7px 7px;gap:7px}.commission.is-finished h1{font-size:16px}.commission.is-finished .mini-target{width:31px}.commission.is-finished .mini-target svg{height:38px}.result{left:16px;right:16px;top:auto;bottom:83px;transform:none;width:auto;max-width:none;padding:5px 11px}.result h2{font-size:14px}.result-summary{grid-template-columns:17px minmax(0,1fr) auto;gap:7px}.result #impression{font-size:10px}.result.is-expanded{width:auto}.result #result-copy{font-size:11px;max-width:none;margin-left:24px}}
@media(max-height:500px){.result{bottom:75px;right:18px;left:auto;max-width:55%;transform:none}.result.is-expanded{width:320px}.result .seal{display:block}}
@media(max-width:320px){.result{left:12px;right:12px;max-width:none;bottom:79px}.result-summary{grid-template-columns:15px minmax(0,1fr);gap:5px}.result #impression{grid-column:2;margin-top:-7px;margin-bottom:7px}.result h2{font-size:12px}.commission.is-finished h1{font-size:14px}}
#app.still *,#app.still *::before,#app.still *::after{animation:none!important;transition:none!important}
@media(min-width:321px) and (max-width:700px){.result{padding-inline:13px}.result #impression{font-size:11px;padding-inline:2px;color:#485d4d}}