@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap");.im-page{--im-bg:#fdf6ec;--im-surface:#fff8f0;--im-border:#f0dfc8;--im-accent:#ff6b35;--im-accent-dark:#e0521c;--im-accent-soft:#ffe0d3;--im-text:#1a1a2e;--im-text-muted:#7a6a5a;--im-correct:#2ecc71;--im-correct-bg:#d4f5e5;--im-wrong:#e74c3c;--im-wrong-bg:#fde8e6;--im-key-bg:#fff0e5;--im-key-border:#f0c9a8;--im-shadow:0 4px 24px rgba(255,107,53,.12);--im-radius:16px;--im-radius-sm:10px;--font-display:"Fredoka One",cursive;--font-body:"Nunito",sans-serif;min-height:100dvh;background:var(--im-bg);font-family:var(--font-body);color:var(--im-text)}.im-root{position:relative;max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.im-blob{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.35}.im-blob--1{width:320px;height:320px;top:-80px;right:-80px;background:radial-gradient(circle,#ffb347 0,#ff6b35 100%)}.im-blob--2{width:260px;height:260px;bottom:120px;left:-60px;background:radial-gradient(circle,#ffd580 0,#ffb347 100%)}.im-scroll{flex:1;overflow-y:auto;padding:16px 16px 0;position:relative;z-index:1}.im-back-btn{background:none;border:none;font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--im-text-muted);cursor:pointer;padding:4px 0;margin-bottom:8px;letter-spacing:.01em;transition:color .2s}.im-back-btn:hover{color:var(--im-accent)}.im-header{text-align:center;margin-bottom:20px}.im-title{font-family:var(--font-display);font-size:2.2rem;color:var(--im-accent);letter-spacing:.02em;margin:0 0 2px;line-height:1}.im-subtitle{font-size:.82rem;color:var(--im-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.im-emoji-card{background:var(--im-surface);border:2px solid var(--im-border);border-radius:var(--im-radius);padding:24px 20px;text-align:center;box-shadow:var(--im-shadow);margin-bottom:16px}.im-emoji-label{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--im-text-muted);margin-bottom:14px}.im-emoji-display{font-size:3rem;line-height:1.3;letter-spacing:.1em;user-select:none}.im-guess-history{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.im-guess-item{display:flex;align-items:center;gap:10px;background:var(--im-wrong-bg);border:1.5px solid #f5c6c2;border-radius:var(--im-radius-sm);padding:8px 12px;animation:im-fadein .2s ease}.im-guess-num{font-size:.7rem;font-weight:800;color:var(--im-wrong);width:18px;text-align:center;flex-shrink:0}.im-guess-text{flex:1;font-family:var(--font-body);font-size:.88rem;font-weight:700;color:var(--im-text);letter-spacing:.04em}.im-guess-icon{font-size:.8rem;color:var(--im-wrong);flex-shrink:0}.im-attempts-label{text-align:center;font-size:.8rem;font-weight:700;color:var(--im-text-muted);margin:0 0 14px;letter-spacing:.02em}.im-answer-card{border-radius:var(--im-radius);padding:16px 20px;text-align:center;margin-bottom:12px;display:flex;flex-direction:column;gap:4px;border:2px solid transparent}.im-answer-card--correct{background:var(--im-correct-bg);border-color:var(--im-correct)}.im-answer-card--wrong{background:var(--im-wrong-bg);border-color:var(--im-wrong)}.im-answer-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;opacity:.6}.im-answer-text{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.04em;line-height:1.2}.im-answer-card--correct .im-answer-text{color:#1a7a46}.im-answer-card--wrong .im-answer-text{color:var(--im-wrong)}.im-message{text-align:center;font-size:.9rem;font-weight:700;padding:10px 16px;border-radius:var(--im-radius-sm);margin-bottom:10px;animation:im-fadein .25s ease}.im-message--correct{background:var(--im-correct-bg);color:#1a7a46}.im-message--wrong{background:var(--im-wrong-bg);color:var(--im-wrong)}.im-message--neutral{background:var(--im-border);color:var(--im-text-muted)}.im-come-back{text-align:center;font-size:.82rem;font-weight:700;color:var(--im-text-muted);margin-bottom:20px;letter-spacing:.02em}.im-share{background:var(--im-surface);border:2px solid var(--im-border);border-radius:var(--im-radius);padding:20px;margin-bottom:16px}.im-share-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--im-text-muted);margin:0 0 10px}.im-share-preview{background:var(--im-bg);border:1.5px solid var(--im-border);border-radius:var(--im-radius-sm);padding:12px;font-family:var(--font-body);font-size:.8rem;color:var(--im-text);white-space:pre-wrap;word-break:break-word;margin:0 0 12px;line-height:1.6}.im-share-buttons{display:flex;gap:8px;flex-wrap:wrap}.im-share-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:50px;border:none;font-family:var(--font-body);font-size:.78rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap}.im-share-btn:hover{opacity:.88;transform:translateY(-1px)}.im-share-btn:active{transform:translateY(0)}.im-share-btn--twitter{background:#000;color:#fff}.im-share-btn--whatsapp{background:#25d366;color:#fff}.im-share-btn--copy{background:var(--im-accent-soft);color:var(--im-accent-dark)}.im-share-btn--copied{background:var(--im-correct-bg);color:#1a7a46}.im-bottom{position:sticky;bottom:0;background:var(--im-bg);border-top:2px solid var(--im-border);padding:10px 10px 14px;z-index:10}.im-input-row{display:flex;gap:8px;margin-bottom:10px}.im-input-wrap{flex:1;display:flex;align-items:center;background:var(--im-surface);border:2px solid var(--im-border);border-radius:12px;padding:0 10px;min-height:44px;gap:6px;transition:border-color .2s}.im-input-wrap:focus-within{border-color:var(--im-accent)}.im-input-display{flex:1;font-family:var(--font-body);font-size:.95rem;font-weight:700;color:var(--im-text);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-input-placeholder{color:var(--im-text-muted);font-weight:600;text-transform:none}.im-clear-btn{background:none;border:none;color:var(--im-text-muted);font-size:.75rem;cursor:pointer;padding:2px 4px;transition:color .2s}.im-clear-btn:hover{color:var(--im-wrong)}.im-submit-btn{background:var(--im-accent);color:#fff;border:none;border-radius:12px;font-family:var(--font-display);font-size:1rem;padding:0 18px;min-height:44px;cursor:pointer;letter-spacing:.04em;transition:background .2s,transform .15s;white-space:nowrap}.im-submit-btn:hover:not(.im-submit-btn--disabled){background:var(--im-accent-dark);transform:translateY(-1px)}.im-submit-btn:active:not(.im-submit-btn--disabled){transform:translateY(0)}.im-submit-btn--disabled{opacity:.4;cursor:not-allowed}.im-keyboard{display:flex;flex-direction:column;gap:5px}.im-key-row{gap:4px}.im-key,.im-key-row{display:flex;justify-content:center}.im-key{background:var(--im-key-bg);border:1.5px solid var(--im-key-border);border-radius:8px;min-width:30px;height:40px;padding:0 4px;font-family:var(--font-body);font-size:.78rem;font-weight:800;color:var(--im-text);cursor:pointer;transition:background .15s,transform .1s;user-select:none;align-items:center}.im-key:hover{background:var(--im-accent-soft);border-color:var(--im-accent)}.im-key:active{transform:scale(.93)}.im-key--wide{min-width:52px;font-size:.72rem}.im-lobby-wrap{flex:1;padding:24px 16px 0;overflow-y:auto;position:relative;z-index:1}.im-lobby-header{text-align:center;margin-bottom:28px}.im-lobby-eyebrow{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--im-accent);margin-bottom:6px}.im-lobby-title{font-family:var(--font-display);font-size:3.4rem;color:var(--im-accent);margin:0 0 6px;line-height:1;letter-spacing:.02em;text-shadow:3px 3px 0 var(--im-accent-soft)}.im-lobby-tagline{font-size:.9rem;font-weight:700;color:var(--im-text-muted)}.im-lobby-card{background:var(--im-surface);border:2px solid var(--im-border);border-radius:var(--im-radius);padding:20px;margin-bottom:16px;box-shadow:var(--im-shadow)}.im-how-title{font-family:var(--font-display);font-size:1.2rem;color:var(--im-text);margin:0 0 14px;letter-spacing:.02em}.im-how-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.im-how-steps li{display:flex;align-items:flex-start;gap:12px}.im-how-emoji{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:1px}.im-how-steps strong{display:block;font-size:.88rem;font-weight:800;color:var(--im-text);margin-bottom:2px}.im-how-steps p{font-size:.82rem;color:var(--im-text-muted);margin:0;line-height:1.5}.im-play-btn{display:block;width:100%;background:var(--im-accent);color:#fff;border:none;border-radius:50px;font-family:var(--font-display);font-size:1.15rem;padding:15px 24px;cursor:pointer;letter-spacing:.04em;box-shadow:0 6px 20px rgba(255,107,53,.35);transition:background .2s,transform .2s,box-shadow .2s;margin-bottom:16px}.im-play-btn:hover{background:var(--im-accent-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,107,53,.4)}.im-play-btn:active{transform:translateY(0)}.im-lobby-card--example{text-align:center}.im-example-label{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--im-text-muted);margin-bottom:10px}.im-example-emojis{font-size:2.6rem;letter-spacing:.12em;margin-bottom:14px}.im-example-reveal{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--im-correct-bg);border-radius:10px;padding:10px}.im-example-reveal-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#1a7a46;opacity:.7}.im-example-reveal-word{font-family:var(--font-display);font-size:1.25rem;color:#1a7a46;letter-spacing:.05em}.im-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;position:relative;z-index:1}.im-spinner{width:40px;height:40px;border:3.5px solid var(--im-border);border-top-color:var(--im-accent);border-radius:50%;animation:im-spin .8s linear infinite}.im-loading-text{font-weight:700;color:var(--im-text-muted);font-size:.9rem;margin:0}.im-error-text{font-weight:700;color:var(--im-wrong);text-align:center;margin:0}.im-btn-primary{background:var(--im-accent);color:#fff;border:none;border-radius:50px;font-family:var(--font-body);font-weight:800;font-size:.9rem;padding:10px 24px;cursor:pointer;transition:background .2s}.im-btn-primary:hover{background:var(--im-accent-dark)}@keyframes im-spin{to{transform:rotate(1turn)}}@keyframes im-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes im-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.im-shake{animation:im-shake .45s ease}@media (max-width:360px){.im-lobby-title{font-size:2.8rem}.im-emoji-display{font-size:2.4rem}.im-key{min-width:26px;height:36px;font-size:.72rem}.im-key--wide{min-width:44px}}