*{margin:0;box-sizing:border-box}html,body{min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#fdfcfb,#e2d1c3);color:#111}.wrapper{width:100%;min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.title{font-family:Fredoka One,cursive;font-size:clamp(1.2rem,6vw,4rem);font-weight:700;text-align:center;color:#2faaff;text-shadow:2px 2px 0 #fff0f0;margin-top:1.5rem}.board{width:100%;max-width:500px;background:#ffffffd9;border-radius:20px;border:#7183f8 solid 5px;padding:1rem;box-shadow:0 6px 20px #00000014}.columns{display:flex;gap:.75rem}.column{flex:1;min-height:260px;background:#f0f8ff;border:2px dashed #a5c9ff;border-radius:14px;padding:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;align-content:flex-start}.column.drag-over{background:#d6e4ff}.column h3{width:100%;text-align:center;margin-bottom:.5rem;font-size:1.3rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:#2b4eff;-webkit-tap-highlight-color:transparent}.column h3:hover{color:#1734c8;scale:1.2;transition:ease-in .2s}.card{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;-webkit-user-select:none;user-select:none;overflow:visible}.half-circle{position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#fff;border:1px solid #e0e0e0;border-right:none;border-radius:50%;pointer-events:none;clip-path:inset(0 50% 0 0)}.emoji{position:relative;z-index:1}button.submit-btn{margin-top:1rem;width:100%;padding:.8rem;font-size:1.1rem;border:none;border-radius:9999px;background:#8394f1;color:#fff}button.submit-btn:hover{scale:.97;background:#4856a8;transition:ease-in .2s}.pool{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:.5rem;border-radius:14px;background:#f0f8ff;min-height:80px}.pool.drag-over{background:#d6e4ff}.board,.column,.pool{touch-action:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;border-radius:16px;padding:1.5rem 2rem;text-align:center;box-shadow:0 4px 16px #00000026}.modal-win{border:4px solid #6ee7b7}.modal-lose{border:4px solid #fda4af}.modal h2{margin-bottom:1rem;font-size:1.4rem}.modal button{padding:.6rem 1.2rem;border:none;border-radius:9999px;font-size:1rem;color:#fff;background:#6366f1;cursor:pointer}.progress-wrapper{width:100%;max-width:500px;position:relative;height:18px;background:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-bar{height:100%;background:#4ade80;transition:width .3s}.progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#111}.badge{margin-left:.4rem;padding:.1rem .4rem;border-radius:9999px;background:#facc15;color:#111;font-size:.75rem}.reset-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:none;background:#f87171;color:#fff;width:26px;height:26px;border-radius:50%;font-size:1rem;cursor:pointer}.reset-btn:hover{background:#ef4444}.hint-title{font-weight:600;margin-top:.5rem;margin-bottom:.25rem}.wrong-list{list-style:none;padding-left:0;margin-bottom:1rem}.wrong-list li{margin:.25rem 0;font-size:1rem}.wrong-list .emoji{font-size:1.5rem}