*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-dark: #e48fc3;--bg-mid: #96acc9;--bg-light: #96acc9;--text: #ffffff;--text-muted: rgba(255, 255, 255, .6);--accent: #f859ab;--card-normal: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--card-game: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--card-virus: linear-gradient(135deg, #f5af19 0%, #f12711 100%);--card-bottomsup: linear-gradient(135deg, #ff0844 0%, #ffb199 100%)}html,body{height:100%;overflow:hidden}body{font-family:Comic Sans MS,Comic Sans,Chalkboard SE,Chalkboard,Poppins,cursive,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem 1.5rem;animation:fadeIn .3s ease;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-screen{text-align:center;gap:2rem}.logo{font-size:clamp(3rem,12vw,5rem);font-weight:900;letter-spacing:.15em;color:#fff;line-height:1.1}.subtitle{font-size:1.1rem;color:var(--text-muted);font-weight:400;margin-top:.25rem}.lang-toggle{display:flex;background:#ffffff1a;border-radius:999px;padding:4px;gap:0}.lang-btn{padding:.5rem 1.2rem;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.lang-btn.active{background:var(--accent);color:#fff}.btn-primary{width:100%;max-width:320px;padding:1rem 2rem;border:none;border-radius:16px;background:var(--accent);color:#fff;font-family:inherit;font-size:1.15rem;font-weight:700;cursor:pointer;transition:transform .15s}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{width:100%;max-width:320px;padding:.85rem 2rem;border:2px solid rgba(255,255,255,.25);border-radius:16px;background:#ffffff14;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s}.btn-secondary:active{transform:scale(.97)}.players-screen{justify-content:flex-start;padding-top:3.5rem;padding-bottom:1.5rem;gap:.75rem}.players-bottom{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.screen-title{font-size:1.6rem;font-weight:700}.player-input-row{display:flex;gap:.5rem;width:100%;max-width:100%}.player-input-row input{flex:1;min-width:0;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.15);border-radius:14px;background:#ffffff14;color:#fff;font-family:inherit;font-size:1rem;outline:none;transition:border-color .2s}.player-input-row input:focus{border-color:var(--accent)}.player-input-row input::placeholder{color:#ffffff4d}.btn-add{padding:.75rem 1rem;border:none;border-radius:14px;background:var(--accent);color:#fff;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .15s;white-space:nowrap;flex-shrink:0}.btn-add:active{transform:scale(.95)}.player-list{width:100%;max-width:100%;display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;overflow-y:auto}.player-chip{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.2rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:12px;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.player-chip .name{font-weight:600;font-size:1.05rem}.player-chip .remove-btn{background:none;border:none;color:#fff6;font-size:1.3rem;cursor:pointer;padding:0 .2rem;line-height:1;transition:color .2s}.player-chip .remove-btn:hover{color:#ef4444}.min-players-hint{color:var(--text-muted);font-size:.85rem}.mode-screen{gap:1.5rem;padding-top:4rem}.mode-cards{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.mode-card{padding:1.5rem;border-radius:20px;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .2s;text-align:left}.mode-card:active{transform:scale(.97)}.mode-card.classic{background:#667eea40;border-color:#667eea66}.mode-card.wild{background:#38ef7d33;border-color:#38ef7d66}.mode-card.hot{background:#ff084440;border-color:#ff084466}.mode-card .mode-title{font-size:1.3rem;font-weight:700;margin-bottom:.3rem}.mode-card .mode-desc{font-size:.85rem;color:var(--text-muted)}.mode-card .mode-icon{font-size:1.8rem;margin-bottom:.5rem}.game-screen{padding:0;justify-content:stretch;cursor:pointer;width:100vw;min-height:100dvh}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;width:100%;position:relative;z-index:10}.card-counter{font-size:.85rem;font-weight:600;color:#ffffffb3;background:#0003;padding:.35rem .8rem;border-radius:999px}.card-type-badge{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#00000040;padding:.35rem .8rem;border-radius:999px}.game-header-right{display:flex;align-items:center;gap:.5rem}.game-lang-toggle{display:flex;background:#0003;border-radius:999px;padding:2px}.game-lang-btn{padding:.25rem .6rem;border:none;border-radius:999px;background:transparent;color:#ffffff80;font-family:inherit;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s}.game-lang-btn.active{background:#ffffff40;color:#fff}.btn-exit{background:#0003;border:none;color:#fff;font-size:1.2rem;padding:.35rem .7rem;border-radius:999px;cursor:pointer;font-family:inherit}.game-card-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 2rem 1rem;width:100%}.card-text{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:700;text-align:center;line-height:1.4;max-width:500px;animation:cardIn .35s ease}@keyframes cardIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-footer{padding:1rem 1.5rem 2rem;text-align:center;width:100%}.tap-hint{font-size:.8rem;color:#fff6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.virus-banner{width:100%;padding:0 1.5rem}.virus-item{background:#0003;border-radius:10px;padding:.5rem .8rem;margin-bottom:.4rem;font-size:.72rem;line-height:1.3;display:flex;align-items:flex-start;gap:.4rem}.virus-item .virus-tag{font-size:.6rem;font-weight:700;background:#f5af194d;padding:.15rem .4rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.virus-item .virus-text{flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-screen.type-normal{background:linear-gradient(135deg,#667eea,#764ba2)}.game-screen.type-game{background:linear-gradient(135deg,#11998e,#38ef7d)}.game-screen.type-virus{background:linear-gradient(135deg,#f5af19,#f12711)}.game-screen.type-bottomsup{background:linear-gradient(135deg,#ff0844,#ffb199);animation:shakeIn .4s ease}@keyframes shakeIn{0%{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.checkpoint-screen{text-align:center;gap:1.5rem}.checkpoint-icon{font-size:4rem}.checkpoint-title{font-size:2rem;font-weight:800}.checkpoint-msg{color:var(--text-muted);font-size:1rem}.checkpoint-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px}.btn-back{position:absolute;top:1rem;left:1rem;background:#ffffff1a;border:none;color:#fff;font-size:1.1rem;padding:.4rem .8rem;border-radius:10px;cursor:pointer;font-family:inherit;z-index:10}.screen{position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}@media(min-width:600px){.screen{max-width:480px;margin:0 auto}.game-screen{max-width:100%}.game-card-area{max-width:600px;margin:0 auto}}