@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#393d35;background:#f8f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #798667;outline-offset:5px}header{height:110px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e5dc}.brand{color:#393d35;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:27px;font-weight:800;letter-spacing:-1.5px}.brand-icon{width:34px;height:34px;background:#6b7855;border-radius:13px;color:#fff;text-align:center;font-size:29px;line-height:27px;letter-spacing:-3px;padding-right:3px}.studio{font-size:10px;letter-spacing:2px;align-self:flex-end;margin-bottom:6px;margin-left:3px}.header-note{font-size:14px;color:#8a8c80}.reset{border:1px solid #dcded3;background:transparent;border-radius:30px;padding:10px 17px;font-size:14px;color:#747869}main{position:relative;min-height:690px;height:calc(100svh - 177px);max-height:1000px;display:grid;grid-template-columns:28% 47% 25%;align-items:center;padding:0 5%;overflow:hidden}.intro{z-index:2;margin-top:-70px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px;color:#7e856d;white-space:nowrap}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#8d9a75}h1{font-size:clamp(35px,3.7vw,60px);letter-spacing:-3px;line-height:1.4;font-weight:800;margin:24px 0}h1 em{font-style:normal;color:#7c8a65}p{font-size:15px;line-height:1.9;color:#8a8b80}.hint{margin-top:45px;font-size:13px;color:#8d927f;transform:rotate(-7deg)}.hint span{font-size:27px;margin-right:10px}.playground{height:570px;position:relative;align-self:center;margin-left:-65px;margin-right:-35px}canvas{position:relative;display:block;width:100%;height:100%;z-index:1;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.orbit{position:absolute;border:1px solid #e7e8dd;border-radius:50%;width:91%;height:28%;left:5%;top:62%;transform:rotate(-12deg)}.orbit-two{width:78%;height:21%;left:11%;top:66%;transform:rotate(11deg)}.spark{position:absolute;color:#adb792;font-size:36px}.spark-one{top:17%;right:16%;transform:rotate(14deg)}.spark-two{left:12%;top:62%;font-size:25px}.floating-label{position:absolute;top:24%;left:5%;font-size:12px;border:1px solid #e5e6db;background:#fff9;padding:9px 14px;border-radius:20px;transform:rotate(-12deg);color:#8d927f}.character-label{position:absolute;bottom:4%;left:0;right:0;display:flex;gap:10px;align-items:center;justify-content:center;font-size:13px}.live-dot{background:#9aab7c;width:6px;height:6px;border-radius:50%}.label-divider{color:#d4d6c9}#mood{color:#959888}.settings{z-index:2;background:#ffffffa6;border:1px solid #e5e6dc;border-radius:24px;padding:25px;max-width:300px;margin-left:25px;box-shadow:0 12px 35px #555d3904}.settings-title{font-size:17px;font-weight:700;display:flex;justify-content:space-between}.settings-title span{font:12px monospace;color:#a1a691}.setting{margin-top:29px}.setting label{font-size:13px;display:block;color:#7c8170}.swatches{display:flex;gap:12px;margin-top:15px}.swatches button{width:28px;height:28px;border:0;border-radius:50%;background:var(--swatch);position:relative;flex-shrink:0}.swatches button.selected:after{content:'';position:absolute;inset:-5px;border:1px solid #90997f;border-radius:50%}.setting output{float:right;font:13px monospace;color:#7e896b}input{width:100%;accent-color:#879675;margin:16px 0 7px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:#a0a394}.wiggle{width:100%;border:0;border-radius:12px;background:#7d8b68;color:white;padding:15px 8px;font-size:13px;margin-top:25px;transition:background .2s,transform .2s}.wiggle:hover{background:#64744f;transform:translateY(-2px)}.settings-foot{text-align:center;font-size:11px;margin:13px 0 0;color:#a0a394}.bottom-bar{position:absolute;bottom:35px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a1a493}.bottom-bar b{font-weight:400;color:#757c68;margin:0 6px}.mouse-icon{font-size:21px;color:#858f72}.counter{display:flex;gap:18px;align-items:center}.counter strong{font:22px monospace;font-weight:400;color:#788466}footer{height:67px;border-top:1px solid #e6e5dc;margin:0 5%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px;color:#a0a392}footer>span:last-child{letter-spacing:0;font-size:12px}.heart{font-size:18px;color:#9da787;margin-left:7px}#fallback{position:absolute;inset:30% 10%;font-size:16px;text-align:center;z-index:5;background:#f8f7f2;padding:30px}
@media(min-width:1600px){main{padding:0 9%;grid-template-columns:28% 47% 25%}.playground{height:660px}}@media(max-width:1000px){main{grid-template-columns:25% 48% 27%;padding:0 3%}.settings{padding:18px;margin-left:0}.swatches{gap:9px}.swatches button{width:24px;height:24px}.eyebrow{font-size:8px;letter-spacing:1px}.intro p{font-size:13px}h1{font-size:36px}.playground{margin-left:-40px;margin-right:-20px}}@media(max-width:720px){header{height:80px;padding:0 6%}.header-note{display:none}.brand{font-size:24px}.studio{font-size:8px}main{height:auto;max-height:none;min-height:0;padding:30px 6% 90px;display:flex;flex-direction:column;overflow:hidden}.intro{margin:0;text-align:center}.eyebrow{justify-content:center;font-size:9px}h1{font-size:34px;margin:12px 0;letter-spacing:-2px}h1 br{display:none}.intro p{font-size:13px;margin:0}.intro p br{display:none}.hint{display:none}.playground{width:calc(100% + 60px);height:380px;margin:-5px -30px 0}.floating-label{top:20%;left:13%}.spark-one{right:14%;top:12%}.settings{width:100%;max-width:440px;margin:8px 0 0;padding:21px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.settings-title{grid-column:1/-1;font-size:16px}.setting{margin-top:21px}.swatches{gap:9px}.swatches button{width:22px;height:22px}.wiggle{grid-column:1/-1;margin-top:20px}.settings-foot{grid-column:1/-1}.bottom-bar{bottom:25px;font-size:10px;left:6%;right:6%}.bottom-bar b{margin:0 3px}.counter{gap:8px}.counter strong{font-size:18px}footer{height:60px;font-size:8px;letter-spacing:1px}footer>span:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* The toy stays central; material controls belong to the existing side panel. */
[hidden]{display:none!important}main{min-height:800px}.playground{height:630px}.settings{padding:24px;margin-top:-25px}.setting{margin-top:22px}.setting label{font-size:14px}.settings-title{font-size:18px}.mode-picker{display:grid;gap:7px;margin-top:19px}.mode-picker button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;padding:10px;border-radius:13px;color:#656d5a;transition:background .18s,border-color .18s}.mode-picker button:hover{background:#f1f2e9}.mode-picker button.active{background:#eff1e7;border-color:#dfe4d3}.mode-picker b{display:block;font-size:14px;font-weight:600}.mode-picker small{display:block;color:#939985;font-size:11px;margin-top:3px}.mode-check{margin-left:auto;color:#818f68;font-size:13px;opacity:0}.active .mode-check{opacity:1}.mode-dot{height:32px;width:32px;flex-shrink:0;box-shadow:inset -3px -4px 8px #0000000a,0 3px 5px #00000008}.mochi-dot{background:radial-gradient(circle at 32% 25%,#ffe6f1,#e4a0b6);border-radius:45% 46% 40% 42%}.taba-dot{background:radial-gradient(circle at 32% 25%,#fff7df,#e9ca8e);border-radius:10px}.wax-dot{border-radius:50%;background:conic-gradient(from 30deg,#c2afd7 0deg 120deg,#a995c1 121deg 123deg,#ddcee9 124deg 240deg,#a995c1 241deg 244deg,#c8b5db 245deg)}.material-note{border-left:2px solid #dfe4d1;padding-left:15px;max-width:230px;font-size:13px;line-height:1.9;margin-top:36px;color:#909581}.camera-reset{position:absolute;right:13%;bottom:14%;z-index:4;border:1px solid #dde2d366;border-radius:20px;padding:7px 12px;font-size:12px;color:#8b947c;background:#fafbf280}.camera-reset:hover{background:#fff}.character-label{bottom:6%;flex-wrap:wrap;padding:0 12px;gap:8px}#mood{font-size:12px}.shell-info{margin-top:18px}.shell-info>div{display:flex;justify-content:space-between;font-size:12px;color:#888776}.shell-info output{font-family:monospace}progress{width:100%;height:5px;border:0;border-radius:8px;margin-top:9px;overflow:hidden;accent-color:#b8a4c6}progress::-webkit-progress-bar{background:#ece9ed}progress::-webkit-progress-value{background:#b8a4c6;border-radius:8px}.renew{border:1px solid #e1dbe6;background:transparent;border-radius:11px;color:#95839d;width:100%;padding:11px;font-size:13px;margin-top:9px}.renew:hover{background:#f8f3fb}.sound-toggle{display:block;border:0;background:transparent;font-size:12px;color:#9ba28e;margin:15px auto 0;padding:5px 12px}.sound-toggle[aria-pressed=true]{color:#72835e}.wiggle{margin-top:20px}.touch-help{display:none}.help-divider{padding:0 9px;color:#cdd1c2}canvas{cursor:default}canvas.over-toy{cursor:grab}canvas.is-grabbing,canvas.is-grabbing:active{cursor:grabbing}canvas.is-orbiting{cursor:move}.floating-label{z-index:2;pointer-events:none}.spark{pointer-events:none}.bottom-bar{bottom:27px}body[data-mode=wax] .wiggle{background:#9986a6}body[data-mode=wax] .live-dot{background:#b19abb}body[data-mode=taba] .floating-label{color:#a69970}body[data-mode=wax] .floating-label{color:#a090aa}
@media(min-width:1600px){.playground{height:700px}}@media(max-width:1000px) and (min-width:721px){main{grid-template-columns:23% 47% 30%}.settings{padding:17px}.playground{height:580px}.material-note{font-size:12px}.mode-picker button{padding:9px 7px}.intro h1{font-size:33px}.character-label{bottom:5%;font-size:11px}#mood{font-size:11px}.help-divider{padding:0 4px}}
@media(max-width:720px){main{min-height:0;padding-top:23px}.playground{height:415px;margin-top:-4px}.settings{margin-top:0;padding:20px;gap:0 24px}.mode-picker{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:15px}.mode-picker button{padding:10px 5px;flex-direction:column;text-align:center;gap:6px}.mode-picker b{font-size:12px}.mode-picker small{font-size:10px}.mode-check{display:none}.mode-dot{width:26px;height:26px}.material-note{display:none}.setting{margin-top:20px}.setting label{font-size:12px}.shell-info,.renew,.sound-toggle{grid-column:1/-1}.shell-info{margin-top:16px}.sound-toggle{margin-top:10px}.camera-reset{right:12%;bottom:16%}.character-label{bottom:5%;gap:7px}#mood{font-size:11px}.bottom-bar{font-size:10px}.help-divider{padding:0 3px}.desktop-help{display:none}.touch-help{display:block}.counter{gap:6px}.counter strong{font-size:17px}}
@media(pointer:coarse){.desktop-help{display:none}.touch-help{display:block}}@media(max-width:380px){.settings{gap:0 15px}.swatches{gap:8px}.swatches button{width:20px;height:20px}.bottom-bar{flex-direction:column;gap:10px}main{padding-bottom:100px}.intro h1{font-size:31px}}
@media(min-width:721px){body[data-mode=wax] main{min-height:900px}}
.play-tools{position:absolute;z-index:5;top:1%;left:0;right:0;display:flex;align-items:center;flex-direction:column;pointer-events:none}.tool-picker{display:flex;gap:5px;padding:5px;background:#ffffffd9;border:1px solid #e0e4d7;border-radius:30px;box-shadow:0 5px 20px #53604008;pointer-events:auto}.tool-picker button{border:0;border-radius:22px;padding:9px 14px;font-size:13px;color:#8a9380;background:transparent;white-space:nowrap}.tool-picker button[aria-pressed=true]{background:#edf0e2;color:#64744e}.tool-picker #pin{border-left:1px solid #e7e9df;border-radius:20px;font-size:12px}.tool-picker #pin[aria-pressed=true]{background:#eadfef;color:#9178a0}.play-tools p{font-size:12px;margin:8px 0;color:#949b87}.hammer-tool.over-toy,.hammer-tool:active{cursor:crosshair}.audio-controls{margin-top:13px;padding-top:8px;border-top:1px solid #eceee4;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 8px}.audio-controls .sound-toggle{grid-column:1;margin:0;padding:6px 0;font-size:12px}.audio-controls label{grid-column:2;font-size:11px;color:#949a88;display:flex;justify-content:space-between}.audio-controls input{grid-column:1/-1;margin:5px 0 0;height:15px}.audio-controls output{font-family:monospace}.camera-reset{bottom:13%}
@media(max-width:720px){.playground{height:455px;margin-top:13px}.play-tools{top:0}.tool-picker button{font-size:12px;padding:8px 12px}.tool-picker #pin{font-size:11px;padding:8px 10px}.play-tools p{font-size:11px}.floating-label{top:26%}.audio-controls{grid-column:1/-1}.character-label{bottom:3%}.camera-reset{bottom:12%}.spark-one{top:18%}}
.tool-picker button{padding:9px 11px}.tool-picker [data-tool=poke][aria-pressed=true]{background:#f6e5db;color:#a77e65}@media(max-width:1000px){.tool-picker{gap:2px}.tool-picker button{font-size:11px;padding:8px 8px}.tool-picker #pin{font-size:10px;padding:8px 6px}}@media(max-width:720px){.tool-picker{max-width:calc(100% - 24px)}.tool-picker button{font-size:11px;padding:8px 7px}.play-tools p{font-size:10px}}

footer{align-items:center;gap:20px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:14px;color:#536040;font-size:16px;font-weight:600;letter-spacing:0}.footer-brand img{display:block;width:64px;height:64px;border-radius:10px;object-fit:contain}