*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;color:#e8e8f0;font-family:Segoe UI,sans-serif;min-height:100vh}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}h1{font-size:3rem}button{padding:15px 40px;font-size:1.2rem;background:linear-gradient(135deg,#00d4aa,#00a388);border:none;border-radius:10px;color:#fff;cursor:pointer;transition:transform .2s}button:hover{transform:translateY(-2px)}.question-text{display:block;margin-bottom:5px;color:#fff}.answers{display:flex;gap:10px;flex-wrap:wrap}.answer{font-size:.8rem;padding:2px 8px;border-radius:4px}.answer.yes{background:#00d4aa33;color:#00d4aa}.answer.no{background:#ff646433;color:#ff6464}.toybox{background:#1a1a3e;border-radius:15px;padding:15px;margin-top:10px}.species-name{font-size:.7rem;color:#aaa}.my-species{font-size:1rem}.winner-badge{font-size:1.2rem;margin-left:auto}.species-card{flex-shrink:0;width:70px;background:#252542;border-radius:10px;padding:10px;text-align:center;cursor:grab;transition:transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.species-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00d4aa4d}.species-card.dragging{opacity:.5;cursor:grabbing}.species-card:active{cursor:grabbing}@keyframes pulse-border{0%,to{border-color:#00d4aa}50%{border-color:#0fc}}.result-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:100vh}.encyclopedia-screen{display:flex;flex-direction:column;min-height:100vh;padding:20px;max-width:800px;margin:0 auto}.encyclopedia-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.encyclopedia-header h2{margin:0;font-size:1.8rem}.back-button{padding:8px 16px;font-size:.9rem;background:#2a2a4e;border:1px solid #444}.back-button:hover{background:#3a3a5e}.encyclopedia-screen .species-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;margin-bottom:20px}.encyclopedia-screen .species-card{width:auto;padding:15px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid transparent;transition:all .2s}.encyclopedia-screen .species-card:hover{border-color:#00d4aa}.encyclopedia-screen .species-card.selected{border-color:#00d4aa;background:#2a3a4e;box-shadow:0 0 20px #00d4aa4d}.encyclopedia-screen .species-emoji{font-size:2.5rem}.encyclopedia-screen .species-name{font-size:.85rem;color:#ccc}.species-detail{background:#1a1a3e;border-radius:15px;padding:25px;border:1px solid #333}.detail-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.detail-emoji{font-size:3rem}.detail-header h3{font-size:1.5rem;margin:0;color:#00d4aa}.detail-description{color:#aaa;line-height:1.6;margin-bottom:20px}.attributes-list{display:flex;flex-wrap:wrap;gap:10px}.attribute-tag{padding:6px 12px;border-radius:20px;font-size:.85rem;display:flex;align-items:center;gap:5px}.attribute-tag.has{background:#00d4aa33;color:#00d4aa;border:1px solid rgba(0,212,170,.3)}.attribute-tag.not{background:#64646433;color:#666;border:1px solid rgba(100,100,100,.3);text-decoration:line-through}.species-popup{background:#1a1a3e;border-radius:15px;padding:25px;max-width:350px;width:90%;position:relative;border:2px solid #00d4aa;box-shadow:0 0 30px #00d4aa4d}.popup-emoji{font-size:3rem}.settings-screen{display:flex;flex-direction:column;min-height:100vh;padding:20px;max-width:500px;margin:0 auto}.settings-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.settings-header h2{margin:0;font-size:1.8rem}.settings-content{display:flex;flex-direction:column;gap:25px}.setting-group{background:#1a1a3e;border-radius:15px;padding:20px}.setting-label{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;margin-bottom:15px}.volume-value{color:#00d4aa;font-weight:700}.volume-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#252542;border-radius:4px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#00d4aa,#00a388);border-radius:50%;cursor:pointer;transition:transform .2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(135deg,#00d4aa,#00a388);border-radius:50%;cursor:pointer;border:none}.nickname-input{width:100%;padding:12px 15px;font-size:1rem;background:#252542;border:2px solid #333;border-radius:10px;color:#e8e8f0;outline:none;transition:border-color .2s}.nickname-input:focus{border-color:#00d4aa}.nickname-input::placeholder{color:#666}.version-text{color:#666;font-size:.9rem}.reconnect-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:3000}.reconnect-dialog{background:#1a1a3e;border-radius:20px;padding:30px;text-align:center;border:2px solid #00d4aa;box-shadow:0 0 40px #00d4aa4d;max-width:350px}.reconnect-dialog h3{margin-bottom:15px;font-size:1.3rem}.reconnect-dialog p{color:#aaa;margin-bottom:20px}.reconnect-buttons{display:flex;gap:15px;justify-content:center}.reconnect-buttons button.secondary{background:#444}.reconnect-buttons button.secondary:hover{background:#555}.nickname-modal{background:#1a1a3e;border-radius:20px;padding:30px;text-align:center;border:2px solid #00d4aa;box-shadow:0 0 40px #00d4aa4d;min-width:300px}.nickname-modal h3{margin-bottom:20px;font-size:1.3rem}.nickname-modal input{width:100%;padding:12px 15px;font-size:1.1rem;background:#252542;border:2px solid #333;border-radius:10px;color:#e8e8f0;outline:none;margin-bottom:20px;text-align:center}.nickname-modal input:focus{border-color:#00d4aa}.nickname-modal button{width:100%}.nickname-modal button:disabled{opacity:.5;cursor:not-allowed}.player-card{position:fixed;bottom:20px;left:20px;background:#1a1a3e;border-radius:15px;padding:15px;display:flex;align-items:center;gap:15px;border:1px solid #333;box-shadow:0 4px 20px #0000004d}.player-card-avatar{width:50px;height:50px;background:#252542;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.player-card-info{display:flex;flex-direction:column;gap:5px}.player-card-name{font-weight:700;font-size:1.1rem}.player-card-stats{font-size:.85rem;color:#888}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:9999;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;min-width:300px;max-width:400px;background:#1a1a3ef2;border-radius:8px;box-shadow:0 4px 16px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:toastSlideIn .3s ease}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastPulse{0%,to{box-shadow:0 4px 16px #0000004d}50%{box-shadow:0 4px 24px #dc262666}}.toast-icon{font-size:1.4rem;line-height:1;flex-shrink:0}.toast-body{flex:1;min-width:0}.toast-message{color:#e8e8f0;font-size:.95rem;line-height:1.4}.toast-hint{color:#999;font-size:.85rem;margin-top:6px}.toast-close{background:none;border:none;color:#666;font-size:1.4rem;cursor:pointer;padding:0;margin:-4px -4px 0 8px;line-height:1;min-width:auto;transition:color .2s}.toast-close:hover{color:#fff;background:none}.lobby-screen{max-width:800px;margin:0 auto}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lobby-header h2{margin:0}.lobby-actions{display:flex;gap:12px}.room-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;min-height:300px}.room-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;transition:all .2s}.room-card:hover{background:#ffffff14;border-color:#fff3}.room-card.full{opacity:.6}.room-card-header{display:flex;align-items:center;gap:12px;flex:1}.room-genre{font-size:2rem}.room-name{font-size:1.1rem;font-weight:600;color:#e8e8f0}.room-card-info{display:flex;gap:16px;align-items:center;color:#999;font-size:.9rem}.room-join-btn{min-width:100px}.room-join-btn:disabled{background:#444;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px;color:#888}.empty-state p{margin:8px 0}.back-btn{background:transparent;border:1px solid rgba(255,255,255,.2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#1a1a3e;border-radius:16px;padding:24px;min-width:360px;max-width:90vw;box-shadow:0 8px 32px #0006}.modal h3{margin:0 0 20px;font-size:1.3rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#aaa;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem}.form-group input:focus{outline:none;border-color:#6366f1}.genre-select{display:flex;gap:12px;flex-wrap:wrap}.genre-option{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:#ffffff0d;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.genre-option:hover{background:#ffffff1a}.genre-option.selected{border-color:#6366f1;background:#6366f133}.genre-emoji{font-size:2rem;margin-bottom:8px}.genre-name{font-size:.9rem;color:#e8e8f0}.genre-description{color:#888;font-size:.85rem;margin-top:8px}.player-count-select{display:flex;gap:8px}.count-option{padding:12px 20px;background:#ffffff0d;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.count-option:hover{background:#ffffff1a}.count-option.selected{border-color:#6366f1;background:#6366f133}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-actions .secondary{background:transparent;border:1px solid rgba(255,255,255,.2)}.room-detail-info{margin:20px 0}.detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-child{border-bottom:none}.detail-label{color:#888}.detail-value{color:#e8e8f0;font-weight:500}.latency-indicator{position:fixed;top:16px;right:16px;padding:8px 12px;border-radius:8px;background:#1a1a3ee6;font-size:.85rem;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.latency-indicator.excellent{color:#4ade80}.latency-indicator.poor{color:#fb923c}.latency-indicator.critical{color:#f87171}.latency-indicator.reconnecting{color:#60a5fa}.latency-indicator.disconnected{color:#6b7280}.setting-toggle{display:flex;justify-content:space-between;align-items:center}.setting-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.setting-description{color:#888;font-size:.85rem;margin-top:4px}.genre-select-screen{max-width:600px;margin:0 auto}.genre-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.genre-header h2{margin:0}.genre-list{display:flex;flex-direction:column;gap:16px}.genre-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.genre-card:hover:not(.disabled){background:#ffffff1a;border-color:#6366f1}.genre-card.disabled{opacity:.5;cursor:not-allowed}.genre-card-emoji{font-size:2.5rem}.genre-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.genre-card-name{font-size:1.2rem;font-weight:600;color:#e8e8f0}.genre-card-description{font-size:.9rem;color:#888}.coming-soon{padding:4px 12px;background:#ffffff1a;border-radius:12px;font-size:.8rem;color:#888}.bg-screen{display:grid;grid-template-rows:auto 1fr auto;height:100vh;width:100vw;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,rgba(0,212,170,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(99,102,241,.04) 0%,transparent 50%),linear-gradient(180deg,#0d0d1a,#141428,#0d0d1a);font-family:Segoe UI,Noto Sans JP,sans-serif;color:#d0d0e0}.bg-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#0a0a1ad9;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.bg-header-left{display:flex;align-items:center;gap:12px}.bg-round{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;background:linear-gradient(135deg,#00d4aa,#00a388);color:#000;font-weight:700;font-size:.8rem;border-radius:6px;letter-spacing:.5px;white-space:nowrap}.bg-turn-label{font-size:.95rem;color:#c0c0d8}.bg-header-right{display:flex;align-items:center;gap:12px}.bg-timer{font-size:.9rem;color:#88a;font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:6px;background:#ffffff0a}.bg-timer.urgent{color:#ff6b6b;background:#ff46461a;animation:bg-pulse 1s ease-in-out infinite}@keyframes bg-pulse{0%,to{opacity:1}50%{opacity:.6}}.bg-hamburger{width:36px;height:36px;min-width:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#999;font-size:1.1rem;cursor:pointer;transition:all .15s}.bg-hamburger:hover{background:#ffffff1a;color:#fff;transform:none}.bg-main{display:grid;grid-template-columns:200px 1fr 200px;gap:12px;padding:12px 16px;overflow:hidden;min-height:0}.bg-side{display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.bg-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;position:relative;transition:all .2s;cursor:default}.bg-card.is-me{border-color:#ffd7004d;background:#ffd7000a;box-shadow:0 0 12px #ffd7000f}.bg-card.is-turn{border-color:#00d4aa66;background:#00d4aa0f}.bg-card.is-turn.is-me{border-color:#00d4aa80;background:linear-gradient(135deg,#00d4aa14,#ffd7000d)}.bg-card.drop-target{border:2px dashed rgba(0,212,170,.5);background:#00d4aa14;animation:bg-drop-pulse 1s ease-in-out infinite}@keyframes bg-drop-pulse{0%,to{border-color:#00d4aa80}50%{border-color:#0fcc}}.bg-card.dc{opacity:.5}.bg-card-avatar{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;background:#ffffff0a;border-radius:10px}.bg-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bg-card-name{font-size:.82rem;font-weight:600;color:#d0d0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-card-sub{font-size:.72rem;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-card-sub.guess{color:#00d4aa}.bg-card-sub.empty{color:#555;font-style:italic}.bg-card-badge{position:absolute;top:-4px;right:-4px;font-size:.9rem;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0d0d1a}.bg-center{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.bg-table-wrap{flex:1;overflow:auto;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#0a0a1a99;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.bg-table{width:100%;border-collapse:collapse;font-size:.85rem}.bg-table thead{position:sticky;top:0;z-index:2}.bg-table th{padding:10px 12px;background:#0f0f23f2;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600;font-size:.78rem;color:#88a;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-th-q{text-align:left!important;min-width:140px}.bg-th-p.me{color:gold}.bg-table td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.03)}.bg-td-q{color:#c0c0d8;font-size:.82rem;white-space:nowrap}.bg-td-a{text-align:center;font-size:1.1rem;font-weight:600}.bg-td-a.yes{color:#00d4aa}.bg-td-a.no{color:#ff6464}.bg-td-a.asker,.bg-td-a.unknown{color:#444}.bg-log-row:hover{background:#ffffff05}.bg-empty-log{text-align:center;color:#444;padding:40px 20px!important;font-style:italic}.bg-picker-area{display:flex;flex-direction:column;gap:8px}.bg-picker-toggle{padding:8px 16px;font-size:.85rem;background:linear-gradient(135deg,#00d4aa26,#00d4aa14);border:1px solid rgba(0,212,170,.3);border-radius:8px;color:#00d4aa;cursor:pointer;transition:all .2s}.bg-picker-toggle:hover{background:linear-gradient(135deg,#00d4aa40,#00d4aa1f);transform:none}.bg-picker-scroll{max-height:220px;overflow-y:auto;padding:10px;background:#0a0a1a99;border:1px solid rgba(255,255,255,.06);border-radius:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;display:flex;flex-direction:column;gap:10px}.bg-picker-group{display:flex;flex-direction:column;gap:4px}.bg-picker-cat-label{font-size:.7rem;font-weight:600;color:#6366f1;text-transform:uppercase;letter-spacing:1px;padding:0 2px 2px;border-bottom:1px solid rgba(99,102,241,.15)}.bg-picker-cat-items{display:flex;flex-wrap:wrap;gap:4px}.bg-q-btn{padding:6px 10px;font-size:.8rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#c0c0d8;cursor:pointer;transition:all .15s;text-align:left}.bg-q-btn:hover:not(:disabled){background:#00d4aa1f;border-color:#00d4aa4d;color:#00d4aa;transform:none}.bg-q-btn.used{opacity:.3;cursor:not-allowed;text-decoration:line-through}.bg-q-btn.used-once{opacity:.8;border-left:3px solid #f0ad4e}.bg-footer{display:grid;grid-template-columns:200px 1fr auto;gap:12px;align-items:center;padding:8px 16px 10px;background:#0a0a1ad9;border-top:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.bg-footer-info{display:flex;flex-direction:column;gap:4px;min-width:0}.bg-nick{font-size:.9rem;font-weight:600;color:#d0d0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-meta{display:flex;align-items:center;gap:8px;font-size:.75rem}.bg-my-species{color:gold;background:#ffd70014;padding:2px 8px;border-radius:4px}.bg-winrate{color:#888}.bg-toybox{display:flex;gap:2px;overflow-x:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.bg-toybox-zone{display:flex;align-items:flex-end;gap:4px;flex-shrink:0;padding-right:2px}.bg-zone-divider{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0;padding:4px 0;cursor:default}.bg-zone-emoji{font-size:.9rem;opacity:.5;transition:opacity .15s}.bg-toybox-zone:hover .bg-zone-emoji{opacity:1}.bg-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;width:56px;padding:6px 4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:grab;transition:all .15s;-webkit-user-select:none;user-select:none}.bg-chip:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-2px)}.bg-chip:active{cursor:grabbing}.bg-chip.dragging{opacity:.4}.bg-chip.used{opacity:.3;border-color:#00d4aa33}.bg-chip-e{font-size:1.4rem;line-height:1}.bg-chip-n{font-size:.55rem;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.bg-enc-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;min-width:56px;padding:0;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,215,0,.25);color:gold;font-size:.65rem;cursor:pointer;transition:all .2s;gap:2px}.bg-enc-btn span:first-child{font-size:1.3rem}.bg-enc-btn:hover{background:#ffd70014;border-color:#ffd70066;transform:none;box-shadow:0 0 16px #ffd7001a}.bg-full-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-overlay-box{background:#1a1a3e;border-radius:16px;padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.bg-spinner{width:36px;height:36px;margin:0 auto;border:3px solid rgba(0,212,170,.2);border-top-color:#00d4aa;border-radius:50%;animation:bg-spin .8s linear infinite}@keyframes bg-spin{to{transform:rotate(360deg)}}.bg-species-popup{background:#141428;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;max-width:480px;width:90vw;max-height:80vh;overflow-y:auto;position:relative}.bg-popup-x{position:absolute;top:12px;right:12px;width:28px;height:28px;min-width:28px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:50%;color:#888;font-size:1.2rem;cursor:pointer;transition:all .15s}.bg-popup-x:hover{background:#ffffff1a;color:#fff;transform:none}.bg-popup-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.bg-popup-emoji{font-size:2.5rem}.bg-popup-head h3{margin:0;font-size:1.2rem;color:#e8e8f0}.bg-popup-zone{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:1px}.bg-popup-desc{color:#999;font-size:.85rem;line-height:1.5;margin-bottom:16px}.bg-popup-tags{display:flex;flex-wrap:wrap;gap:6px}.bg-tag{font-size:.75rem;padding:3px 8px;border-radius:4px;white-space:nowrap}.bg-tag.yes{background:#00d4aa1a;color:#00d4aa}.bg-tag.no{background:#ff64641a;color:#ff6464}.bg-answer-banner{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;padding:12px;background:linear-gradient(to bottom,rgba(0,0,0,.85),transparent);z-index:999;pointer-events:none}.bg-answer-banner>*{pointer-events:auto}.bg-ab-label{font-size:1rem;color:#00d4aa;margin-right:16px}.bg-ab-count{font-size:2rem;font-weight:700;color:#00d4aa;font-variant-numeric:tabular-nums}.bg-results-box{background:#141428;border:1px solid rgba(0,212,170,.3);border-radius:16px;padding:28px;text-align:center;box-shadow:0 0 40px #00d4aa1a}.bg-results-box h2{margin:0 0 20px;font-size:1.3rem;color:#e8e8f0}.bg-res-row{display:flex;align-items:center;gap:16px;padding:10px 16px;margin:8px 0;background:#ffffff08;border-radius:8px}.bg-res-row.winner{background:linear-gradient(135deg,#00d4aa1a,#ffd7000d);border:1px solid rgba(0,212,170,.3)}.bg-res-score{color:#888;flex:1;text-align:right}.bg-res-badge{font-size:1.2rem}.bg-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900}.bg-menu-drop{position:fixed;top:52px;right:16px;background:#1a1a3e;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;min-width:160px;box-shadow:0 8px 24px #0006;z-index:901}.bg-menu-item{display:block;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:6px;color:#c0c0d8;font-size:.85rem;text-align:left;cursor:pointer;transition:background .15s}.bg-menu-item:hover{background:#ffffff0f;transform:none}.bg-menu-item.danger{color:#ff6464}.bg-menu-item.danger:hover{background:#ff64641a}@media (max-width: 900px){.bg-main{grid-template-columns:140px 1fr 140px;gap:8px;padding:8px 10px}.bg-footer{grid-template-columns:140px 1fr auto}.bg-card-avatar{width:34px;height:34px;min-width:34px;font-size:1.2rem}.bg-card{padding:8px 10px;gap:8px}}@media (max-width: 700px){.bg-main{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:8px}.bg-side{flex-direction:row;overflow-x:auto}.bg-side-l{order:-1}.bg-card{min-width:120px}.bg-footer{grid-template-columns:1fr auto}.bg-footer-info{display:none}}@keyframes anim-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes anim-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes anim-scaleIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes anim-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes anim-slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes anim-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes anim-flash{0%,50%,to{opacity:1}25%,75%{opacity:.2}}@keyframes anim-stampIn{0%{transform:scale(2.5) rotate(-8deg);opacity:0}60%{transform:scale(.9) rotate(1deg);opacity:1}80%{transform:scale(1.05) rotate(-.5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes anim-boardSlide{0%{transform:translateY(-20px);opacity:0;max-height:0}to{transform:translateY(0);opacity:1;max-height:60px}}.anim-board-row{animation:anim-boardSlide .5s ease-out forwards;overflow:hidden}@keyframes anim-confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes anim-flagWave{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes anim-slowZoom{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.02);filter:brightness(.7)}}@keyframes anim-typewriter{0%{width:0}to{width:100%}}.anim-question-modal{animation:anim-scaleIn .3s ease-out}.anim-question-modal .anim-question-text{overflow:hidden;white-space:nowrap;border-right:2px solid #00d4aa;animation:anim-typewriter .8s steps(30) forwards}.anim-ox-result{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:18px;font-weight:800;animation:anim-stampIn .3s ease-out forwards}.anim-ox-result.yes{background:#00e67626;color:#00e676;border:2px solid rgba(0,230,118,.4)}.anim-ox-result.no{background:#ff525226;color:#ff5252;border:2px solid rgba(255,82,82,.4)}.anim-round-banner{animation:anim-scaleIn .4s ease-out;text-align:center}.anim-round-banner .round-number{font-size:54px;font-weight:800;color:#00e5ff;letter-spacing:6px;text-shadow:0 0 40px rgba(0,229,255,.3)}.anim-round-banner .round-sub{font-size:16px;color:#5e6e8a;margin-top:8px;letter-spacing:4px;text-transform:uppercase}.anim-turn-announce{animation:anim-slideUp .3s ease-out;text-align:center}.anim-turn-announce .turn-text{font-size:22px;font-weight:700;color:#ffab40}.anim-sudden-death{animation:anim-flash .5s ease-in-out 4;text-align:center}.anim-sudden-death .sd-text{font-size:48px;font-weight:800;color:#ff5252;letter-spacing:8px;text-shadow:0 0 60px rgba(255,82,82,.5)}.anim-answer-announce{animation:anim-scaleIn .4s ease-out;text-align:center}.anim-answer-announce .aa-text{font-size:40px;font-weight:800;color:#7c4dff;text-shadow:0 0 40px rgba(124,77,255,.3)}.anim-card-deal{animation:anim-pulse .8s ease-in-out infinite;text-align:center}.anim-card-deal .deal-text{font-size:28px;font-weight:700;color:#64ffda}.anim-game-end-slow{animation:anim-slowZoom 2s ease-in forwards}.anim-game-end-fade{animation:anim-fadeIn .8s ease-in forwards;background:#07080f!important}.result-winner-section{position:relative;text-align:center;padding:40px 20px}.result-winner-avatar{font-size:80px;animation:anim-flagWave 1s ease-in-out infinite;display:inline-block}.result-winner-name{font-size:24px;font-weight:800;color:#ffd740;margin-top:12px;text-shadow:0 0 20px rgba(255,215,64,.3)}.result-winner-badge{font-size:48px;margin-top:8px}.result-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.result-confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px;top:-20px;animation:anim-confetti linear forwards}.result-reveal-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}.result-reveal-card{background:#141428;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px 16px;text-align:center;min-width:120px;position:relative;animation:anim-slideUp .5s ease-out backwards}.result-reveal-card.winner{border-color:#ffd74066;background:linear-gradient(135deg,rgba(255,215,64,.05),transparent)}.result-reveal-card .reveal-emoji{font-size:40px;display:block;margin-bottom:8px}.result-reveal-card .reveal-name{font-size:12px;font-weight:700;color:#e8e8f0}.result-reveal-card .reveal-species{font-size:11px;color:#5e6e8a;margin-top:4px}.result-reveal-card .reveal-winner-flag{position:absolute;top:-8px;right:-8px;font-size:20px;animation:anim-flagWave 1s ease-in-out infinite}.bg-pick-card{transition:transform .2s,box-shadow .2s}.bg-pick-card:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 8px 24px #00e5ff26}.bg-pick-card.picked{transform:translateY(-2px);box-shadow:0 4px 20px #00e67633}