:root{--primary:#4f46e5;--secondary:#10b981;--danger:#ef4444;--dark:#1f2937;--light:#f3f4f6;--glass-bg:#ffffff1a;--glass-border:#fff3;--blue-grad:linear-gradient(135deg, #3b82f6, #1e40af);--red-grad:linear-gradient(135deg, #ef4444, #991b1b);--dark-grad:linear-gradient(135deg, #111827, #374151)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--dark-grad);color:#fff;-webkit-user-select:none;user-select:none;font-family:Jua,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}.screen{flex-direction:column;width:100%;height:100%;padding:20px;display:none;position:absolute;top:0;left:0;overflow-y:auto}.screen.active{display:flex}.center-content{text-align:center;justify-content:center;align-items:center}.theme-dark{background:var(--dark-grad);color:#fff}.theme-blue{background:var(--blue-grad);color:#fff}.theme-red{background:var(--red-grad);color:#fff}.box-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a}h1{margin-bottom:10px;font-size:3rem}h2{margin-bottom:20px;font-size:2rem}.highlight{color:#fcd34d;font-weight:700}button{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-family:Jua,sans-serif;font-size:1.2rem;transition:transform .2s,box-shadow .2s,filter .2s}button:hover{transform:scale(1.05);box-shadow:0 4px 15px #0003}button:disabled{filter:grayscale();cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--secondary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-huge{color:#fff;background:#f59e0b;border-radius:20px;padding:20px 40px;font-size:2rem}.btn-text{color:var(--primary);background:0 0;margin-top:10px;text-decoration:underline}input{color:#333;border:none;border-radius:8px;width:100%;margin-bottom:10px;padding:12px;font-family:Jua,sans-serif;font-size:1.2rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.bounce{animation:2s ease-in-out infinite bounce}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:2s infinite pulse}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.zoom-in{animation:.3s cubic-bezier(.175,.885,.32,1.275) zoomIn}.landing-content{text-align:center;max-width:400px;margin:auto}.join-card{margin:20px 0}.host-header{color:#fff;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard-grid{color:#fff;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}}.setting-group label{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.setting-group input{text-align:right;width:80px;margin-bottom:0}.player-list{max-height:250px;padding-right:10px;list-style:none;overflow-y:auto}.player-list li{border-bottom:1px solid #fff3;justify-content:space-between;padding:10px;display:flex}.player-list li.is-actor{color:#fcd34d;font-weight:700}.action-bar{justify-content:center;gap:20px;margin-top:auto;display:flex}.actor-card-container{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;display:flex}.actor-card{color:#000;text-align:center;background:#fff;border-radius:16px;min-width:200px;padding:30px;box-shadow:0 10px 25px #0000004d}.card-label{color:#666;margin-bottom:10px;font-size:1.2rem;display:block}.emotion-card h1{color:#2563eb;font-size:2.5rem}.situation-card h1{color:#dc2626;font-size:2.5rem}.timer-text{color:#fca5a5;margin-top:20px;font-size:3rem;font-weight:700}.ready-block{text-align:center;flex-direction:column;align-items:center;gap:24px;display:none}.ready-sub{opacity:.85;font-size:1.2rem}.ready-card{color:#fff;cursor:pointer;background:#f59e0b;border-radius:24px;padding:30px 60px;font-size:2rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 25px #00000059}.ready-card:hover{transform:scale(1.05);box-shadow:0 14px 30px #0006}.ready-card:active{transform:scale(.96)}.ready-card.disabled{filter:grayscale(70%);pointer-events:none;opacity:.7}.countdown-circle{background:#0000004d;border:8px solid #fcd34d;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin-top:30px;font-size:4rem;font-weight:700;display:flex}.guess-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px;display:flex}.guess-timer{background:#0000004d;border-radius:12px;padding:10px 20px;font-size:2.5rem;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:10px;display:grid}.guess-card{color:#333;text-align:center;cursor:pointer;word-break:keep-all;background:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:120px;padding:20px;font-size:1.5rem;transition:transform .2s;display:flex;box-shadow:0 4px 6px #0000001a}.guess-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0003}.guess-card.selected{opacity:.5;pointer-events:none;transform:scale(.95)}.theme-blue .guess-card{color:#1e40af;border-bottom:6px solid #3b82f6}.theme-red .guess-card{color:#991b1b;border-bottom:6px solid #ef4444}.overlay-screen{z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.overlay-screen h1{color:#fcd34d;text-shadow:0 0 20px #fcd34d80;font-size:10rem}.hidden{display:none!important}.result-answer{text-align:center;color:#fff;margin-bottom:30px;font-size:2rem;font-weight:700}.color-blue{color:#93c5fd}.color-red{color:#fca5a5}.scoreboard{color:#fff;margin-bottom:30px}.word-manager{gap:20px;margin-top:15px;display:flex}.word-col{flex:1}.word-input-group{gap:5px;display:flex}.word-list{max-height:150px;margin-top:10px;padding-right:5px;list-style:none;overflow-y:auto}.word-list li{background:#ffffff1a;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px 10px;display:flex}.btn-delete-word{color:#fca5a5;background:0 0;border:1px solid #fff3;border-radius:5px;padding:2px 5px;font-size:1rem}.btn-delete-word:hover{color:#fff;background:#ef4444}.lobby-actions{flex-wrap:wrap;gap:5px;display:flex}.select-all-wrap{cursor:pointer;opacity:.9;align-items:center;gap:6px;margin-bottom:8px;font-size:.95rem;display:flex}.room-actions{flex-shrink:0;gap:5px;display:flex}.room-actions button{padding:5px 10px;font-size:1rem}.modal-box{text-align:center;width:90%;max-width:380px}.modal-box h3{margin-bottom:12px}.modal-box input{color:#333}.modal-hint{opacity:.85;margin-bottom:16px;font-size:.95rem;line-height:1.4}.modal-actions{flex-direction:column;gap:8px;margin-top:6px;display:flex}.modal-actions .btn-text{margin-top:0}.modal-error{color:#fca5a5;min-height:1.2em;margin-top:12px;font-size:1rem}