.game-card{border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:24px 16px;transition:transform .2s,box-shadow .2s;animation:.5s backwards cardAppear;display:flex}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.game-card:hover{transform:translateY(-6px)scale(1.04);box-shadow:0 12px 40px #0000002e}.game-card:active{transform:scale(.96)}.game-card-emoji{font-size:3.5rem;line-height:1}.game-card-title{color:var(--color-text);text-align:center;word-break:keep-all;font-size:1.15rem;font-weight:700}.home{flex-direction:column;align-items:center;width:100%;height:100vh;padding:32px 24px;display:flex;overflow-y:auto}.home-header{text-align:center;margin-bottom:32px;animation:3s ease-in-out infinite alternate headerFloat}@keyframes headerFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.home-title{color:var(--color-primary);text-shadow:2px 2px #00000014;font-size:3rem;font-weight:900}.home-subtitle{color:var(--color-text-light);margin-top:4px;font-size:1.3rem;font-weight:700}.home-grid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:900px;display:grid}@media (width<=768px){.home-grid{grid-template-columns:repeat(2,1fr)}.home-title{font-size:2.2rem}}.game-layout{background:var(--color-bg);flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.game-header{z-index:10;background:#fff;flex-shrink:0;align-items:center;gap:16px;padding:12px 24px;display:flex;box-shadow:0 2px 8px #0000000f}.back-btn{background:var(--accent,var(--color-primary));color:#fff;border-radius:50px;min-width:140px;padding:10px 24px;font-size:1.1rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #00000026}.back-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.back-btn:active{transform:scale(.97)}.game-title{color:var(--color-text);font-size:1.5rem;font-weight:900}.game-content{flex:1;position:relative;overflow:hidden}.sensory-container{width:100%;height:100%;position:relative}.sensory-canvas{cursor:pointer;width:100%;height:100%}.sensory-face{pointer-events:none;font-size:6rem;animation:.4s cubic-bezier(.34,1.56,.64,1) faceBounce;position:absolute;bottom:40px;right:40px}@keyframes faceBounce{0%{opacity:0;transform:scale(.3)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.sensory-hint{color:#0000004d;pointer-events:none;font-size:1.2rem;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.success-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;animation:.3s overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.success-content{text-align:center;background:#fff;border-radius:32px;padding:48px 64px;animation:.6s cubic-bezier(.34,1.56,.64,1) successBounce;box-shadow:0 20px 60px #0003}@keyframes successBounce{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-stars{font-size:3rem;animation:1s infinite alternate starSpin}@keyframes starSpin{0%{transform:rotate(-5deg)scale(1)}to{transform:rotate(5deg)scale(1.1)}}.success-message{color:var(--color-text);margin:16px 0;font-size:2.2rem;font-weight:900}.success-confetti{font-size:2rem;animation:.5s infinite alternate confettiBounce}@keyframes confettiBounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.follow-order{flex-direction:column;justify-content:center;align-items:center;gap:48px;width:100%;height:100%;padding:32px;display:flex}.follow-order.shake{animation:.4s shakeAnim}@keyframes shakeAnim{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.order-track{align-items:center;width:80%;max-width:600px;height:80px;display:flex;position:relative}.order-track-bg{background:#e0e0e0;border-radius:6px;height:12px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.order-character{font-size:3rem;transition:left .5s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;transform:translate(-50%)}.order-goal{font-size:2.5rem;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.order-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.order-btn{background:var(--color-secondary);color:#fff;border-radius:50%;width:90px;height:90px;font-size:2rem;font-weight:900;transition:transform .15s,opacity .3s,background .3s;box-shadow:0 6px 20px #00000026}.order-btn:hover:not(:disabled){transform:scale(1.1)}.order-btn:active:not(:disabled){transform:scale(.95)}.order-btn.done{background:var(--color-success);opacity:.6;transform:scale(.9)}.order-hint{color:var(--color-text-light);font-size:1.2rem;font-weight:700}.emotion-picker{flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;height:100%;padding:24px;display:flex}.emotion-score{gap:10px;display:flex}.emotion-dot{background:#e0e0e0;border-radius:50%;width:16px;height:16px;transition:background .3s,transform .3s}.emotion-dot.filled{background:var(--color-success);transform:scale(1.2)}.emotion-question{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:32px 48px;transition:background .3s}.emotion-question.correct-flash{background:#e8f5e9}.emotion-face{font-size:5rem;animation:2s ease-in-out infinite faceWiggle;display:block}@keyframes faceWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.emotion-situation{color:var(--color-text);margin-top:16px;font-size:1.4rem;font-weight:700}.emotion-ask{color:var(--color-text-light);margin-top:8px;font-size:1.1rem}.emotion-options{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.emotion-btn{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:8px;min-width:120px;padding:20px 28px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 16px #0000001a}.emotion-btn:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 8px 24px #00000026}.emotion-btn:active{transform:scale(.95)}.emotion-btn.correct{background:#c8e6c9;transform:scale(1.1)}.emotion-btn-emoji{font-size:2.5rem}.emotion-btn-label{color:var(--color-text);font-size:1.1rem;font-weight:700}.emotion-feedback{font-size:1.5rem;font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) feedbackPop}.emotion-feedback.correct{color:var(--color-success)}.emotion-feedback.wrong{color:var(--color-primary)}@keyframes feedbackPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.follow-char{width:100%;height:100%;position:relative}.follow-char-canvas{cursor:none;width:100%;height:100%}.follow-char-score{background:#fff;border-radius:50px;padding:8px 20px;font-size:1.5rem;font-weight:900;position:absolute;top:16px;right:24px;box-shadow:0 4px 12px #0000001a}.follow-char-hint{color:#00000040;pointer-events:none;white-space:nowrap;font-size:1.1rem;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.balloon-chase{width:100%;height:100%;position:relative}.balloon-canvas{cursor:none;width:100%;height:100%}.balloon-score{pointer-events:none;background:#fff;border-radius:50px;padding:8px 20px;font-size:1.5rem;font-weight:900;position:absolute;top:16px;right:24px;box-shadow:0 4px 12px #0000001a}.line-tracing{width:100%;height:100%;position:relative}.line-canvas{cursor:none;width:100%;height:100%}.line-progress{pointer-events:none;background:#fff;border-radius:50px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;top:16px;right:24px;box-shadow:0 4px 12px #0000001a}.line-progress-bar{background:#e0e0e0;border-radius:6px;width:120px;height:12px;overflow:hidden}.line-progress-fill{background:var(--color-success);border-radius:6px;height:100%;transition:width .2s}.line-progress-text{color:var(--color-text);min-width:40px;font-size:1rem;font-weight:900}.star-collect{width:100%;height:100%;position:relative}.star-canvas{cursor:none;width:100%;height:100%}.star-counter{pointer-events:none;background:#fffffff2;border-radius:50px;padding:8px 20px;font-size:1.4rem;font-weight:900;position:absolute;top:16px;right:24px;box-shadow:0 4px 12px #00000026}.star-hint{color:#ffffff59;pointer-events:none;white-space:nowrap;font-size:1.1rem;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.mouse-trail{width:100%;height:100%;position:relative}.trail-canvas{cursor:crosshair;width:100%;height:100%}.trail-toolbar{background:#ffffffe6;border-radius:50px;align-items:center;gap:20px;padding:10px 24px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.trail-clear-btn{background:var(--color-danger);color:#fff;border-radius:50px;padding:10px 24px;font-size:1.1rem;font-weight:700;transition:transform .15s}.trail-clear-btn:hover{transform:scale(1.05)}.trail-clear-btn:active{transform:scale(.95)}.trail-hint{color:var(--color-text-light);white-space:nowrap;font-size:1rem;font-weight:700}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fef9ef;--color-primary:#ff8c42;--color-secondary:#6ec6ff;--color-success:#66bb6a;--color-danger:#ef5350;--color-text:#3e2723;--color-text-light:#795548;--color-card-1:#ffcdd2;--color-card-2:#f8bbd0;--color-card-3:#e1bee7;--color-card-4:#c5cae9;--color-card-5:#b3e5fc;--color-card-6:#b2dfdb;--color-card-7:#dcedc8;--color-card-8:#fff9c4;--radius:20px;--shadow:0 8px 32px #0000001a;--font-family:"Noto Sans KR", sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}a{color:inherit;text-decoration:none}