body,html{background-color:#111;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}.menu-overlay{z-index:9999;background-color:#f5f4ef;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.menu-content{text-align:center;box-sizing:border-box;background-color:#fff;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:800px;padding:80px 70px;display:flex;box-shadow:0 15px 50px #00000014}.menu-content.hidden{display:none!important}.logo-container h1{letter-spacing:3px;color:#1a1a1a;margin:15px 0;font-size:48px}.logo-container h2{color:#1a1a1a;margin:15px 0;font-size:36px}.bomb-emoji{font-size:56px}.subtitle{color:#86868b;margin-bottom:45px;font-size:16px}.button-group{flex-direction:column;gap:20px;width:100%;max-width:500px;display:flex}.menu-btn{cursor:pointer;border-radius:12px;width:100%;padding:20px;font-size:18px;font-weight:700;transition:all .2s}.menu-btn.primary{color:#fff;background-color:#1a1a1a;border:none}.menu-btn.primary:hover{background-color:#333}.menu-btn.settings-btn{color:#1a1a1a;background-color:#f5f4ef;border:2px solid #f5f4ef}.menu-btn.settings-btn:hover{background-color:#e8e6df;border-color:#e8e6df}.menu-btn.secondary{color:#86868b;background-color:#0000;border:none}.menu-btn.secondary:hover{color:#ff3b30}.settings-options{width:100%;max-width:500px;margin-bottom:30px}.option-row{color:#1a1a1a;flex-direction:column;align-items:flex-start;gap:15px;width:100%;font-size:18px;font-weight:700;display:flex}#volume-slider{accent-color:#1a1a1a;cursor:pointer;width:100%;height:8px}.topbar,#screen-lobby,#screen-card-selection{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.topbar{color:#fff;background:#111827;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.topbar h1{margin:0;font-size:24px}.selection-header{border-bottom:1px solid #e0e0e0;padding-bottom:15px}.chrome-title{font-size:1.2em;font-weight:700}.round-info{color:#666;font-size:.9em}#selection-timer{color:#111;font-weight:700}#player-selection-status .player-status{align-items:center;gap:6px;display:flex}#player-selection-status .status-indicator{background-color:#e0e0e0;border-radius:50%;width:12px;height:12px}#player-selection-status .status-indicator.selected{background-color:#4caf50}.ability-card{transition:all .16s}.ability-card:hover{transform:translateY(-3px)}.selection-footer button{cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-weight:700;transition:background-color .2s}#btn-back-to-lobby{color:#fff;background-color:#6c757d}#btn-back-to-lobby:hover{background-color:#5a6268}#btn-confirm-card:disabled{color:#9e9e9e;cursor:not-allowed;background-color:#e0e0e0}#btn-confirm-card:not(:disabled){color:#fff;background-color:#111827}#btn-confirm-card:not(:disabled):hover{background-color:#333}.app-screen{display:none}.app-screen.is-active{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}#screen-game.is-active{background-color:#111}#game-container{box-shadow:0 0 20px #000c}.menu-error{color:#c0392b;text-align:center;min-height:1.2em;margin:12px 0 0;font-size:.9em}.room-code-box{color:#fff;background:#1a1a1a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:12px 16px;display:flex}#lobby-room-code{letter-spacing:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.6em;font-weight:700}.copy-btn{width:auto;margin:0;padding:8px 14px}.lobby-player-list{margin:0 0 12px;padding:0;list-style:none}.lobby-player{border-bottom:1px solid #e4e2db;padding:10px 4px;font-size:1.05em}.lobby-player:last-child{border-bottom:none}.lobby-hint{color:#666;text-align:center;min-height:1.2em;margin:0 0 12px;font-size:.9em}.card-select{max-width:720px}.ability-row{gap:16px;margin:20px 0;display:flex}.ability-card{cursor:pointer;font:inherit;text-align:left;background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex-direction:column;flex:1;gap:8px;padding:18px;display:flex}.ability-card:disabled{cursor:not-allowed;opacity:.45}.ability-emoji{font-size:1.8em}.ability-title{font-size:1.1em;font-weight:700}.ability-description{color:#888;font-size:.9em;line-height:1.4}#screen-menu.is-active,#screen-lobby.is-active,#screen-cards.is-active,#screen-result.is-active{background-color:#f5f4ef}#screen-lobby .menu-content,#screen-result .menu-content{max-width:620px;padding:48px 44px}#screen-cards .menu-content{max-width:820px;padding:44px 40px}#screen-lobby .subtitle,#screen-cards .subtitle,#screen-result .subtitle{margin-bottom:26px}.option-row input[type=text]{box-sizing:border-box;text-align:center;border:2px solid #e4e2db;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:17px;transition:border-color .15s}.option-row input[type=text]:focus{border-color:#1a1a1a}.menu-btn:active{transform:translateY(1px)}.menu-btn:disabled{cursor:not-allowed;opacity:.45}#screen-game.is-active{background:radial-gradient(circle at 50% 0,#1b2130 0%,#0d1017 72%)}.game-shell{flex-direction:column;align-items:center;gap:14px;max-width:100%;display:flex}.game-hud{box-sizing:border-box;color:#e5e7eb;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:10px 16px;font-family:system-ui,sans-serif;font-size:14px;display:flex}.hud-round{letter-spacing:.5px;white-space:nowrap;font-weight:700}.hud-code{color:#9ca3af;letter-spacing:2px;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hud-players{flex-wrap:wrap;flex:1;justify-content:center;gap:12px;display:flex}.hud-player{background:#00000040;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;display:inline-flex}.hud-player.is-dead{opacity:.4;text-decoration:line-through}.hud-dot{border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 2px #00000059}.hud-wins{background:#ffffff24;border-radius:6px;padding:1px 7px;font-size:12px}#game-container{border-radius:14px;line-height:0;overflow:hidden;box-shadow:0 18px 50px #0000008c}.game-controls{color:#8b93a3;margin:0;font-family:system-ui,sans-serif;font-size:13px}.game-controls b{color:#d1d5db}.ability-card{padding-top:34px;position:relative}.ability-rarity{letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:12px;left:18px}.ability-card.rarity-common{border-color:#d7d3ca}.ability-card.rarity-common .ability-rarity{color:#6b7280;background:#ecebe6}.ability-card.rarity-rare{border-color:#93c5fd}.ability-card.rarity-rare .ability-rarity{color:#1d4ed8;background:#dbeafe}.ability-card.rarity-epic{border-color:#c4b5fd}.ability-card.rarity-epic .ability-rarity{color:#6d28d9;background:#ede9fe}.ability-card.rarity-legendary{border-color:#fcd34d;box-shadow:inset 0 0 0 1px #fcd34d,0 8px 22px #d977062e}.ability-card.rarity-legendary .ability-rarity{color:#b45309;background:#fef3c7}.ability-card.selected{border-color:#111827;box-shadow:0 6px 18px #1118272e}