:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}img{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.game-setup{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:3rem;max-width:600px;width:100%;animation:fadeIn .3s ease ease-in-out}.game-setup .setup-header{text-align:center;margin-bottom:2rem}.game-setup .setup-header h1{color:#333;margin-bottom:.5rem}.game-setup .setup-header p{color:#666;margin:0}.game-setup .setup-form{display:flex;flex-direction:column;gap:2rem}.game-setup .input-group{display:flex;flex-direction:column;gap:.5rem}.game-setup .input-group label{font-weight:600;color:#333}.game-setup .input-group input{padding:1rem;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.game-setup .input-group input:focus{outline:none;border-color:#667eea}.game-setup .setup-actions{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.game-setup .setup-actions{grid-template-columns:1fr}}.game-setup .create-section,.game-setup .join-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:2px solid #e1e5e9;border-radius:15px;text-align:center}.game-setup .create-section h3,.game-setup .join-section h3{margin:0;color:#333}.game-setup .create-btn{border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.game-setup .create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.game-setup .create-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.game-setup .create-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;font-size:1rem}.game-setup .join-btn{border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.game-setup .join-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.game-setup .join-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.game-setup .join-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:1rem 2rem;font-size:1rem}.game-setup .error-message{background:#fee;color:#c33;padding:1rem;border-radius:10px;border:1px solid #fcc;text-align:center}.lobby-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:3rem;max-width:600px;width:100%;animation:fadeIn .3s ease ease-in-out}.lobby-container .lobby-header{text-align:center;margin-bottom:2rem}.lobby-container .lobby-header h2{color:#333;margin-bottom:.5rem}.lobby-container .game-id{color:#666;font-size:1.1rem;margin-bottom:1rem}.lobby-container .copy-url-btn{border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.lobby-container .copy-url-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.lobby-container .copy-url-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.lobby-container .copy-url-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;padding:.5rem 1rem;font-size:.8rem}.lobby-container .players-list{margin-bottom:2rem}.lobby-container .players-list h3{color:#333;margin-bottom:1rem}.lobby-container .players{display:flex;flex-direction:column;gap:.5rem}.lobby-container .player{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.lobby-container .player.host{border-left-color:#f5576c}.lobby-container .player.current{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left-color:#667eea}.lobby-container .player-name{font-weight:600;color:#333}.lobby-container .host-badge{padding:.25rem .5rem;border-radius:15px;font-size:.8rem;font-weight:600;color:#fff;background:#f5576c}.lobby-container .you-badge{padding:.25rem .5rem;border-radius:15px;font-size:.8rem;font-weight:600;color:#fff;background:#667eea}.lobby-container .computer-badge{padding:.25rem .5rem;border-radius:15px;font-size:.8rem;font-weight:600;color:#fff;background:#f5576c;background:#6366f1}.lobby-container .lobby-actions{text-align:center}.lobby-container .add-computer-btn{border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.lobby-container .add-computer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.lobby-container .add-computer-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.lobby-container .add-computer-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;font-size:1rem;margin-bottom:.5rem;background:#6366f1}.lobby-container .add-computer-btn:hover{background:#3438ed}.lobby-container .add-computer-btn:disabled{opacity:.5;cursor:not-allowed}.lobby-container .start-game-btn{border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.lobby-container .start-game-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.lobby-container .start-game-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.lobby-container .start-game-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;font-size:1rem;font-size:1.1rem;margin-bottom:1rem}.lobby-container .start-hint{color:#666;margin:0}.lobby-container .waiting-message{text-align:center;color:#666;font-style:italic}.player-name-section{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:15px}.player-name-section h3{color:#333;margin-bottom:1rem}.player-name-section .name-display{display:flex;justify-content:center;align-items:center;gap:1rem;justify-content:flex-start}.player-name-section .current-name{font-size:1.1rem;font-weight:600;color:#333}.player-name-section .edit-btn{border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.player-name-section .edit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.player-name-section .edit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.player-name-section .edit-btn{padding:.5rem;font-size:.8rem;background:#667eea;color:#fff}.player-name-section .edit-btn:hover{background:#3958e4;transform:translateY(-1px)}.player-name-section .name-edit{display:flex;justify-content:center;align-items:center;gap:.5rem;justify-content:flex-start}.player-name-section .name-edit input{flex:1;padding:1rem;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.player-name-section .name-edit input:focus{outline:none;border-color:#667eea}.player-name-section .name-edit input{padding:.5rem}.player-name-section .save-btn,.player-name-section .cancel-btn{border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.player-name-section .save-btn:hover:not(:disabled),.player-name-section .cancel-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.player-name-section .save-btn:disabled,.player-name-section .cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.player-name-section .save-btn,.player-name-section .cancel-btn{padding:.5rem;font-size:.8rem;padding:.5rem 1rem}.player-name-section .save-btn{background:#28a745;color:#fff}.player-name-section .save-btn:hover{background:#1e7e34}.player-name-section .cancel-btn{background:#6c757d;color:#fff}.player-name-section .cancel-btn:hover{background:#545b62}.card{background:#fff;border:3px solid #e1e5e9;border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a;font-family:inherit;width:120px;height:168px;display:grid;grid-template-columns:.2fr 1fr .2fr;grid-template-rows:auto auto 1fr auto;padding:8px;gap:2px;min-height:0;min-width:0}.card:hover:not(.disabled){transform:translateY(-5px);box-shadow:0 8px 16px #0003}.card.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.card.disabled,.card:disabled{opacity:.6;cursor:not-allowed}.card .name{grid-row:1;grid-column:1/span 3;justify-self:center;font-size:13px;font-weight:700;color:#333;text-align:center;line-height:1.1}.card .family{grid-row:2;grid-column:1/span 3;justify-self:center;font-size:9px;color:#333;text-align:center;font-weight:500;opacity:.8}.card .cartoon{grid-row:3;grid-column:2;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:0;max-height:100px}.card .cartoon img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.card .ion{grid-row:3;align-self:center;display:flex;flex-direction:column;gap:1px}.card .ion span{font-size:12px;line-height:1}.card .ion.negative{grid-column:1;justify-self:center}.card .ion.positive{grid-column:3;justify-self:center}.card .mass{grid-row:4;grid-column:2;justify-self:center;align-self:end;display:flex;flex-direction:row;gap:2px;align-items:center;width:100%;justify-content:space-evenly}.card .mass .mass-symbol{font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.card .mass .mass-symbol img{opacity:.8}.card .number{grid-row:4;grid-column:1;align-self:end;font-size:11px;font-weight:600;color:#333}.card .symbol{grid-row:4;grid-column:3;justify-self:end;align-self:end;font-size:11px;font-weight:700;color:#333}.card .radioactive-indicator{position:absolute;top:4px;right:4px;font-size:10px;opacity:.8}.card{position:relative}.card.nonmetal{background-color:#e61e5080}.card.noble-gas{background-color:#d7b3bf80}.card.alkali-metal{background-color:#9dc84780}.card.alkaline-earth-metal{background-color:#0e9a6080}.card.metalloid{background-color:#806db680}.card.halogen{background-color:#e83c9580}.card.lanthanide{background-color:#2dbecd80}.card.actinide{background-color:#95d7d180}.card.transition-metal{background-color:#0f69af80}.card.metal{background-color:#4f339b80}@media (max-width: 768px){.card{width:100px;height:140px;padding:6px}.card .name{font-size:11px}.card .family{font-size:8px}.card .cartoon{max-height:80px}.card .ion span,.card .mass .mass-symbol{font-size:10px}.card .ion span img,.card .mass .mass-symbol img{width:12px;height:12px}.card .number,.card .symbol{font-size:9px}.card .radioactive-indicator{font-size:8px}}.face-down-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:3rem;width:120px;height:168px;background:linear-gradient(135deg,#e0e0e0,silver);border:3px solid #b0b0b0;display:flex;justify-content:center;align-items:center}.face-down-card .question-mark{font-size:48px;font-weight:700;color:gray;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.face-down-card:hover{transform:none;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.face-down-card{width:100px;height:140px}.face-down-card .question-mark{font-size:36px}}.drafting-phase{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:3rem;max-width:1200px;width:100%;animation:fadeIn .3s ease ease-in-out}.drafting-phase .drafting-header{text-align:center;margin-bottom:2rem}.drafting-phase .drafting-header h2{color:#333;margin-bottom:.5rem}.drafting-phase .drafting-header .round-info{color:#666;font-size:1.1rem}.drafting-phase .drafting-content{display:flex;flex-direction:column;gap:2rem}.drafting-phase h3{color:#333;margin-bottom:1rem}.drafting-phase .hand{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.drafting-phase .hand{justify-content:center}}.drafting-phase .submit-selection-btn{border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.drafting-phase .submit-selection-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.drafting-phase .submit-selection-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.drafting-phase .submit-selection-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;font-size:1rem}.drafting-phase .drafted-cards-section h3{color:#333;margin-bottom:1rem}.drafting-phase .drafted-cards{display:flex;flex-wrap:wrap;gap:.5rem}.drafting-phase .player-drafted-cards{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.drafting-phase .player-drafted-cards h4{margin:0 0 .5rem;color:#333;font-size:1rem}.drafting-phase .player-drafted-cards h4.current-player{color:#667eea;font-weight:600}.drafting-phase .player-drafted-cards.current-player-section{background:#667eea1a;border-left:4px solid #667eea;border:2px solid rgba(102,126,234,.3)}.drafting-phase .no-cards{color:#666;font-style:italic;padding:1rem;text-align:center}.drafting-phase .players-status{grid-column:1/-1}.drafting-phase .players-status h3{color:#333;margin-bottom:1rem}.drafting-phase .players-status .players-list{display:flex;flex-direction:column;gap:.5rem}.drafting-phase .players-status .player-status{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8f9fa;border-radius:8px}.drafting-phase .players-status .player-name{font-weight:600;color:#333}.drafting-phase .players-status .status{color:#666;font-style:italic}.drafting-phase .players-status .drafted-count{color:#667eea;font-weight:600}.drafting-phase .round-complete{grid-column:1/-1;text-align:center;padding:1rem;background:#e8f5e8;border-radius:10px;color:#2d5a2d;font-weight:600}.drafting-phase .drafting-info{color:#666;font-size:.8rem;margin-bottom:1rem;font-style:italic}.drafting-phase .card-group{margin-bottom:1rem}.drafting-phase .card-group h5{margin:.5rem 0;font-size:.8rem;color:#666;font-weight:600}.drafting-phase .card-group .unrevealed-cards{display:contents}.drafting-phase .card-group .unrevealed-cards .card{opacity:.6;position:relative}.drafting-phase .card-group .unrevealed-cards .card:after{content:"This Round";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;pointer-events:none;z-index:1}.word-spelling-section .word-spelling-content{display:flex;gap:2rem;align-items:flex-start}@media (max-width: 768px){.word-spelling-section .word-spelling-content{flex-direction:column;gap:1.5rem}}.word-spelling-section .word-form-section{flex:1;min-width:0}.word-spelling-section .word-form{display:flex;flex-direction:column;gap:1rem}.word-spelling-section .word-form label{color:#333;font-weight:600;margin-bottom:.5rem}.word-spelling-section .word-input-group{display:flex;gap:1rem;align-items:center}.word-spelling-section .word-input-group input{flex:1;padding:1rem;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.word-spelling-section .word-input-group input:focus{outline:none;border-color:#667eea}.word-spelling-section .word-input-group input{padding:.5rem;text-transform:uppercase}.word-spelling-section .word-input-group input::placeholder{text-transform:none}.word-spelling-section .word-input-group button{border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.word-spelling-section .word-input-group button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.word-spelling-section .word-input-group button:disabled{opacity:.6;cursor:not-allowed;transform:none}.word-spelling-section .word-input-group button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;font-size:1rem;padding:.5rem 1.5rem}.word-spelling-section .word-error{color:#f5576c;font-size:.8rem;margin-top:.5rem;padding:.5rem;background:#f5576c1a;border-radius:8px;border-left:4px solid #f5576c}.word-spelling-section .word-success{color:#28a745;font-size:.8rem;margin-bottom:1rem;padding:.5rem;background:#28a7451a;border-radius:8px;border-left:4px solid #28a745;font-weight:600}.word-spelling-section .word-info{color:#6c757d;font-size:.8rem;margin-bottom:1rem;padding:.5rem;background:#6c757d1a;border-radius:8px;border-left:4px solid #6c757d}.word-spelling-section .word-winners-section{flex:1;min-width:0}.word-spelling-section .word-winners-section h4{color:#333;margin-bottom:1rem;font-size:1rem}.word-spelling-section .word-winners-grid{display:flex;flex-direction:row;gap:1rem}@media (max-width: 768px){.word-spelling-section .word-winners-grid{flex-direction:column}}.word-spelling-section .word-winner-place{flex:1;padding:1rem;background:#fff;border-radius:10px;border:1px solid rgba(102,126,234,.2)}.word-spelling-section .word-winner-place .place-label{font-weight:600;color:#333;font-size:.8rem;margin-bottom:.25rem}.word-spelling-section .word-winner-place .place-points{color:#667eea;font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.word-spelling-section .word-winner-place .place-winners{min-height:1.5em}.word-spelling-section .word-winner-place .word-winner{padding:.25rem .5rem;background:#28a7451a;border-radius:8px;color:#28a745;font-size:.8rem;font-weight:600;margin-bottom:.25rem}.word-spelling-section .word-winner-place .word-winner:last-child{margin-bottom:0}.word-spelling-section .word-winner-place .word-winner .word-winner-name{margin-bottom:.25rem}.word-spelling-section .word-winner-place .word-winner .word-winner-word{font-weight:400;font-style:italic;margin-top:.25rem;opacity:.9}.word-spelling-section .word-winner-place .place-empty{color:#666;font-style:italic;font-size:.8rem}.word-spelling-section .word-winners{margin-top:1rem}.word-spelling-section .word-winners .word-winner{padding:.5rem;background:#e8f5e8;border-radius:8px;margin-bottom:.5rem;color:#2d5a2d;font-weight:600}.scoring-phase{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:3rem;max-width:1200px;width:100%;animation:fadeIn .3s ease ease-in-out}.scoring-phase .scoring-header{text-align:center;margin-bottom:2rem}.scoring-phase .scoring-header h2{color:#333;margin-bottom:.5rem}.scoring-phase .scoring-note{color:#666;font-size:.8rem;margin-bottom:1rem;text-align:center}.scoring-phase .final-scores h3{color:#333;margin-bottom:1rem}.scoring-phase .final-scores .scoreboard{display:flex;flex-direction:column;gap:1rem}.scoring-phase .final-scores .score-entry{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:15px;align-items:center}.scoring-phase .final-scores .score-entry.current-player{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea}@media (max-width: 768px){.scoring-phase .final-scores .score-entry{grid-template-columns:1fr;text-align:center}}.scoring-phase .final-scores .rank{font-size:1.5rem;font-weight:700;color:#667eea;text-align:center}.scoring-phase .final-scores .player-info{display:flex;flex-direction:column;gap:.25rem}.scoring-phase .final-scores .player-info .player-name{font-size:1.1rem;font-weight:600;color:#333}.scoring-phase .final-scores .total-score{font-size:1.2rem;font-weight:700;color:#667eea}.scoring-phase .final-scores .score-breakdown{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}@media (max-width: 768px){.scoring-phase .final-scores .score-breakdown{margin-top:1rem}}.scoring-phase .final-scores .score-breakdown .score-item{display:flex;justify-content:space-between;align-items:center;min-width:150px}.scoring-phase .final-scores .score-breakdown .score-item span:first-child{color:#666}.scoring-phase .final-scores .score-breakdown .score-item span:last-child{font-weight:600;color:#333}.scoring-phase .player-cards{margin-top:2rem}.scoring-phase .player-cards h3,.scoring-phase .player-cards h4{color:#333;margin-bottom:1rem}.scoring-phase .player-cards .cards-grid{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.scoring-phase .player-cards .cards-grid{justify-content:center}}.rules-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 768px){.rules-modal-overlay{padding:1rem}}.rules-modal-content{background:#fff;border-radius:15px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}@media (max-width: 768px){.rules-modal-content{max-height:95vh}}.rules-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(102,126,234,.2);background:#f8f9fa}.rules-modal-header h2{margin:0;color:#333;font-size:1.2rem;font-weight:700}.rules-modal-header .close-button{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:.25rem;border-radius:8px;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.rules-modal-header .close-button:hover{background:#667eea1a;color:#333}.rules-modal-header .close-button:focus{outline:2px solid #667eea;outline-offset:2px}.rules-modal-body{padding:1.5rem;overflow-y:auto;flex:1}@media (max-width: 768px){.rules-modal-body{padding:1rem}}.rules-section{margin-bottom:2rem}.rules-section:last-child{margin-bottom:0}.rules-section h3{color:#667eea;font-size:1.1rem;font-weight:600;margin-bottom:1rem;border-bottom:2px solid rgba(102,126,234,.2);padding-bottom:.25rem}.rules-section h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:.5rem;margin-top:1.5rem}.rules-section p{color:#333;line-height:1.6;margin-bottom:1rem}.rules-section p:last-child{margin-bottom:0}.scoring-rule{margin-bottom:1.5rem;padding:1rem;background:#667eea0d;border-radius:10px;border-left:4px solid #667eea}.scoring-rule h4{margin-top:0;color:#667eea}.rules-table,.points-table{margin:1rem 0;overflow-x:auto}.rules-table table,.points-table table{width:100%;border-collapse:collapse;background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.rules-table table th,.rules-table table td,.points-table table th,.points-table table td{padding:.5rem 1rem;text-align:center;border-bottom:1px solid rgba(102,126,234,.1)}.rules-table table th,.points-table table th{background:#667eea1a;color:#333;font-weight:600;font-size:.8rem}.rules-table table td,.points-table table td{color:#333;font-size:.8rem}.rules-table table td:first-child,.points-table table td:first-child{text-align:left;font-weight:600;background:#667eea0d}.rules-table table tbody tr:last-child td,.points-table table tbody tr:last-child td{border-bottom:none}.points-table{margin-top:.5rem;margin-bottom:0}.points-table table{max-width:300px}.help-button{width:40px;height:40px;border-radius:50%;background:#667eea;color:#fff;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d;transition:all .2s ease}.help-button:hover{background:#3958e4;transform:scale(1.1);box-shadow:0 6px 16px #667eea66}.help-button:focus{outline:2px solid #667eea;outline-offset:2px}@media (max-width: 768px){.help-button{width:36px;height:36px;font-size:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center}.app-header h1{margin:0;color:#fff;font-size:2rem;flex:1;text-align:center}.app-main{flex:1;padding:2rem;display:flex;justify-content:center;align-items:center;align-items:flex-start}.loading{text-align:center;color:#333;font-size:1.2rem;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin:2rem}.game-finished{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:3rem;text-align:center;max-width:600px;width:100%}.game-finished h2{color:#333;margin-bottom:1rem}.game-finished button{border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.game-finished button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.game-finished button:disabled{opacity:.6;cursor:not-allowed;transform:none}.game-finished button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;font-size:1rem;margin-top:1rem}@media (max-width: 768px){.app-main{padding:1rem}}