.model{display:flex;justify-content:center;gap:4px;min-height:72px;margin:10px auto!important;font-size:clamp(2.5rem,8vw,4.4rem)!important}.model span{display:grid;place-items:center;min-width:1.05em;border-radius:12px}.model .missing-slot{border:4px dashed #267e5c;color:#267e5c;background:#fff7a8;animation:slotPulse 1s ease-in-out infinite}.model .filled-slot{color:#fff;background:#3c9a6d;box-shadow:0 0 0 6px #fff59b,0 6px 0 #246d4b;animation:tileLand .55s cubic-bezier(.2,1.7,.4,1)}.paths{display:flex!important;flex-wrap:wrap;justify-content:center!important;gap:14px!important}.letter-tile{display:grid;place-items:center;width:clamp(76px,15vw,108px);min-height:78px;border:4px solid #7d6545;border-radius:20px;background:#fff8dc;box-shadow:0 7px 0 #aa8b5e;font-size:2.6rem;font-weight:900;cursor:pointer}.letter-tile.correct{color:#fff;background:#3f9a6e;border-color:#256b4c;box-shadow:0 0 0 7px #fff49a,0 7px 0 #256b4c;animation:selectedTile .55s ease}.letter-tile.wrong{opacity:.35;transform:translateY(7px)}.goal-stage i.special{overflow:visible}.goal-stage i.special span{display:inline-block}.goal-stage.active[data-kind="yoon"] i.special span:first-child{animation:yoonLeft .45s ease-out}.goal-stage.active[data-kind="yoon"] i.special span:last-child{animation:yoonRight .45s ease-out}.goal-stage.active[data-kind="yoon"] i.special{box-shadow:0 0 0 6px #fff59d,0 7px 0 #617d7b}.goal-stage.active[data-kind="sokuon"] i.special{animation:sokuonSpring .7s ease-in-out;background:#ffe38d}.goal-stage.active[data-kind="choon"] i.special{animation:choonBridge .75s ease-out;background:#d9f5ff;box-shadow:0 0 15px #fff}.goal-stage.active[data-kind="choon"] i.special::after{content:"〜";position:absolute;right:-10px;top:-25px;color:#fff;font-size:2rem;text-shadow:0 0 7px #227c9a;animation:longWave .7s ease-out}@keyframes slotPulse{50%{transform:scale(1.08);filter:brightness(1.08)}}@keyframes tileLand{from{opacity:.2;transform:translateY(70px) rotate(20deg) scale(.5)}to{opacity:1;transform:none}}@keyframes selectedTile{45%{transform:translateY(-16px) rotate(-7deg) scale(1.12)}}@keyframes yoonLeft{from{transform:translateX(-28px) rotate(-15deg)}to{transform:none}}@keyframes yoonRight{from{transform:translateX(28px) rotate(15deg)}to{transform:none}}@keyframes sokuonSpring{0%,100%{transform:none}40%{transform:scaleY(.35) translateY(18px)}70%{transform:scaleY(1.18) translateY(-15px)}}@keyframes choonBridge{from{transform:scaleX(.35);opacity:.4}70%{transform:scaleX(1.45)}to{transform:none}}@keyframes longWave{from{opacity:0;transform:translateX(-25px) scaleX(.3)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.model .missing-slot,.model .filled-slot,.letter-tile,.goal-stage i.special,.goal-stage i.special span,.goal-stage i.special::after{animation:none!important}}