@font-face{font-family:Cloudsofa Namgim;src:url(/assets/fonts/Cloudsofa_namgim-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Omyu Pretty;src:url(/assets/fonts/omyu-pretty.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color:#2c1a12;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#ffeec7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 20%,#ffffffb3,#0000 28rem),linear-gradient(135deg,#fff2cc 0%,#ffd9a8 42%,#f6b39b 100%);min-width:320px;min-height:100vh;margin:0}button{color:#3b2016;cursor:pointer;background:#fff7e8;border:0;border-radius:999px;font-weight:800;transition:transform .14s,box-shadow .14s,opacity .14s;box-shadow:0 8px #c9794f,0 12px 22px #5f2d1329}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px #c9794f}button:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}.game-shell{width:min(100%,980px);min-height:100dvh;margin:0 auto;padding:12px 16px 28px}.app-header{justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.game-logo{color:#3b2016;letter-spacing:.02em;flex:none;align-items:center;font-family:Cloudsofa Namgim,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.4rem,5vw,2rem);font-weight:400;line-height:1;display:inline-flex}.header-info{color:#6f4634;flex-wrap:wrap;justify-content:flex-end;gap:6px 10px;font-size:.8rem;font-weight:800;display:flex}.header-info span{white-space:nowrap}.play-card{background:#fffaedeb;border:4px solid #3b2016;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 18px #3b20161f}.play-card>:not(.success-burst):not(.wrong-burst){z-index:1;position:relative}.eyebrow,.prompt-type{color:#d85f37;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:900}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,8vw,4.5rem);line-height:.95}h2{margin-bottom:8px;font-size:clamp(1.4rem,5vw,2.25rem)}.subcopy{color:#6f4634;margin-bottom:0}.play-card{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:18px;margin-top:10px;padding:18px;display:grid}.character-panel{text-align:center;background:linear-gradient(#ffe3ad,#fff5db);border-radius:24px;align-content:center;gap:12px;min-height:420px;padding:14px;display:grid}.chilk{filter:drop-shadow(0 18px 10px #5a2f162e);justify-self:center;width:min(100%,290px)}.speech-bubble{background:#fff;border:3px solid #3b2016;border-radius:20px;padding:14px;font-family:Omyu Pretty,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.25rem;font-weight:400;position:relative}.question-panel,.result-panel{align-content:start;gap:16px;display:grid}.progress-row{color:#81513b;justify-content:space-between;gap:12px;font-weight:800;display:flex}.clue-card,.meaning-card,.result-panel{background:#fff;border:3px solid #3b2016;border-radius:24px;padding:18px}.clue-card p:last-child{color:#7a4a35;margin-bottom:0;font-weight:700}.answer-slots{flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 0;display:flex}.answer-slots span{color:#3b2016;background:#fff7e8;border:4px solid #3b2016;border-radius:16px;place-items:center;width:58px;height:64px;font-size:2rem;font-weight:950;display:grid;box-shadow:inset 0 -8px #ffbd646b}.answer-slots span.filled{background:#ffe09a}.tile-bank{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:10px;display:grid}.tile{background:#ffcc59;min-height:58px;padding:8px 12px;font-size:1.5rem}.controls{grid-template-columns:1fr 1.2fr;gap:12px;display:grid}.controls button,.result-panel button{min-height:50px;padding:0 18px;font-size:1rem}.primary{background:#5fcf80;box-shadow:0 8px #2d8e4e,0 12px 22px #245e302e}.meaning-card{color:#6f4634}.meaning-card summary{cursor:pointer;color:#3b2016;font-weight:900}.result-panel{text-align:center;align-self:center}.result-panel h2{color:#2d8e4e;font-size:clamp(3rem,12vw,6rem)}.solved-list{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 18px;display:flex}.solved-list span{background:#ffe09a;border-radius:999px;padding:8px 12px;font-weight:900}.success-burst{z-index:4;pointer-events:none;place-items:center;animation:.9s ease-out forwards burst-fade;display:grid;position:absolute;inset:0}.wrong-burst{z-index:4;pointer-events:none;place-items:center;animation:.76s ease-out forwards wrong-pop-fade;display:grid;position:absolute;inset:0}.wrong-burst span{z-index:2;color:#fff7e8;text-shadow:0 2px #3b201652;transform-origin:50%;background:#ff6b5f;border:3px solid #3b2016;border-radius:999px;padding:10px 18px 7px;font-family:Cloudsofa Namgim,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.7rem,7vw,3.2rem);line-height:.95;animation:.62s cubic-bezier(.18,.89,.32,1.28) forwards wrong-label-pop;position:relative;box-shadow:0 10px #3b20162e}.success-burst:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#ffe45ff2 0 18%,#5fcf8073 35%,#0000 68%);border-radius:50%;width:min(58vw,360px);animation:.76s cubic-bezier(.18,.89,.32,1.28) forwards shockwave;position:absolute}.burst-label{z-index:2;color:#3b2016;transform-origin:50%;background:#ffcc59;border:4px solid #3b2016;border-radius:999px;padding:12px 22px 8px;font-family:Cloudsofa Namgim,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.25rem,10vw,5rem);line-height:.95;animation:.76s cubic-bezier(.18,.89,.32,1.28) forwards label-pop;position:relative;box-shadow:0 12px #3b201633}.burst-piece{z-index:3;font-size:clamp(1.25rem,5vw,2.2rem);animation:.85s ease-out forwards piece-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.piece-1{--tx:-130px;--ty:-92px;--rot:-26deg}.piece-2{--tx:126px;--ty:-86px;--rot:24deg}.piece-3{--tx:-154px;--ty:22px;--rot:18deg}.piece-4{--tx:150px;--ty:30px;--rot:-16deg}.piece-5{--tx:-86px;--ty:116px;--rot:-34deg}.piece-6{--tx:86px;--ty:120px;--rot:30deg}.piece-7{--tx:-38px;--ty:-136px;--rot:10deg}.piece-8{--tx:34px;--ty:-138px;--rot:-10deg}@keyframes burst-fade{0%,72%{opacity:1}to{opacity:0}}@keyframes shockwave{0%{opacity:.95;transform:scale(.08)}68%{opacity:.56;transform:scale(1)}to{opacity:0;transform:scale(1.14)}}@keyframes label-pop{0%{transform:scale(.3)rotate(-8deg)}42%{transform:scale(1.12)rotate(3deg)}70%{transform:scale(1)rotate(0)}to{transform:scale(.92)rotate(0)}}@keyframes piece-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1.12) rotate(var(--rot))}}@keyframes wrong-pop-fade{0%,64%{opacity:1}to{opacity:0}}@keyframes wrong-label-pop{0%{transform:scale(.45)rotate(6deg)}45%{transform:scale(1.06)rotate(-3deg)}to{transform:scale(.9)rotate(0)}}@media (width<=760px){.game-shell{padding:6px 8px 14px}.app-header{align-items:flex-start;min-height:36px}.game-logo{font-size:1.35rem}.header-info{gap:3px 8px;font-size:.68rem;line-height:1.15}.header-info span:first-child{display:none}.play-card{border-width:3px;border-radius:22px;grid-template-columns:1fr;gap:10px;margin-top:6px;padding:8px;box-shadow:0 10px #3b20161f}.character-panel{text-align:left;border-radius:18px;grid-template-columns:86px 1fr;align-items:center;gap:8px;min-height:auto;padding:8px}.chilk{width:86px}.speech-bubble{border-width:2px;border-radius:16px;padding:10px;font-size:1.1rem}.question-panel,.result-panel{gap:10px}.progress-row{font-size:.9rem}.clue-card,.meaning-card,.result-panel{border-width:2px;border-radius:18px;padding:12px}.clue-card h2{font-size:clamp(1.2rem,6vw,1.55rem)}.answer-slots{gap:8px;padding:2px 0}.answer-slots span{border-width:3px;border-radius:13px;width:44px;height:48px;font-size:1.45rem}.tile-bank{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:8px}.tile{min-height:48px;padding:6px 10px;font-size:1.25rem}.controls{gap:8px}.controls button,.result-panel button{min-height:46px}.meaning-card{display:none}.burst-label{border-width:3px;padding:10px 18px 7px}.piece-1{--tx:-90px;--ty:-70px}.piece-2{--tx:90px;--ty:-68px}.piece-3{--tx:-100px;--ty:18px}.piece-4{--tx:100px;--ty:20px}.piece-5{--tx:-58px;--ty:82px}.piece-6{--tx:58px;--ty:84px}.piece-7{--tx:-24px;--ty:-96px}.piece-8{--tx:24px;--ty:-98px}}
