.home-page{box-sizing:border-box;background:linear-gradient(#e0f2fe,#f9fafb);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;padding:clamp(40px,6vh,80px) clamp(16px,4vw,32px);display:flex;overflow:hidden auto}.home-title{text-align:center;color:#0f172a;margin-bottom:clamp(30px,6vh,60px);font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-content:center;align-items:flex-start;gap:clamp(16px,2vw,24px);width:100%;max-width:1000px;margin-bottom:clamp(60px,10vh,100px);display:grid}.card{cursor:pointer;text-align:center;background:#fff;border-radius:16px;padding:clamp(16px,3vw,24px);transition:transform .2s,box-shadow .2s;box-shadow:0 6px 16px #00000014}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.card h3{color:#111;margin-bottom:10px;font-size:clamp(1rem,2.8vw,1.2rem)}.card p{color:#555;min-height:40px;font-size:clamp(.85rem,2.5vw,.95rem)}@media (max-height:500px) and (orientation:landscape){.home-page{justify-content:flex-start;align-items:center;padding-top:60px;overflow-y:auto}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{padding:18px}}.game-root{background:linear-gradient(#f9fafb,#e0f2fe);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:60px 16px 40px;font-family:system-ui,sans-serif;display:flex}.topbar-container{text-align:center;width:100%;max-width:680px;margin-bottom:32px;position:relative}.cooldown-text{text-align:center;color:#6b7280;opacity:.8;width:100%;font-size:14px;position:absolute;top:-22px}.game-title{color:#0f172a;border-bottom:3px solid #60a5fa;margin-bottom:10px;padding-bottom:4px;font-size:1.6rem;font-weight:700;display:inline-block}.progress-container{background:#e5e7eb;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#f97316,#facc15);border-radius:4px;height:100%;transition:width .3s}.progress-text{color:#6b7280;background:#fff;border-radius:10px;padding:1px 6px;font-size:13px;position:absolute;top:-22px;right:8px;box-shadow:0 1px 2px #0000001a}.game-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:680px;padding:32px 24px;display:flex;box-shadow:0 8px 20px #00000014}.emoji-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.emoji-button{cursor:pointer;background:#f9fafb;border:2px solid #0000;border-radius:14px;padding:10px;font-size:30px;transition:all .2s;position:relative;box-shadow:0 3px 8px #00000014}.emoji-button:hover{border-color:#93c5fd;transform:scale(1.15)}.emoji-count{color:#374151;background:#e0e7ff;border-radius:10px;padding:0 6px;font-size:13px;font-weight:600;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.emoji-selected{background:#fff;border-color:#3b82f6;box-shadow:0 0 12px #3b82f680}