.home-page{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;min-height:100vh;padding:1rem;display:flex}.home-header{text-align:center;margin-bottom:2rem}.game-title{text-shadow:2px 2px 4px #0000004d;margin:0;font-size:2.5rem;font-weight:700}.game-subtitle{opacity:.9;margin:.5rem 0 0;font-size:1.1rem}.home-main{flex:1;width:100%;max-width:800px;margin:0 auto}.game-modes{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:1.5rem;margin-bottom:3rem;display:grid}.game-mode-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:200px;padding:2rem;transition:transform .2s,box-shadow .2s;display:flex}.game-mode-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0003}.game-mode-card.offline{background:#4caf501a;border-color:#4caf5066}.game-mode-card.online{background:#2196f31a;border-color:#2196f366}.game-mode-card.public{background:#9c27b01a;border-color:#9c27b066}.game-mode-card h2{justify-content:center;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.4rem;display:flex}.game-mode-card p{opacity:.9;flex:1;margin:0 0 1.5rem}.btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.game-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem}.game-info h3{text-align:center;margin:0 0 1.5rem;font-size:1.5rem}.rules-summary{gap:1rem;display:grid}.rule-item{align-items:center;gap:1rem;display:flex}.rule-number{background:#4caf50;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:700;display:flex}.rule-item p{flex:1;margin:0}.home-footer{text-align:center;border-top:1px solid #fff3;margin-top:2rem;padding-top:1rem}.feedback-link{color:#fff;background:#ffffff1a;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;text-decoration:none;transition:background .2s;display:inline-block}.feedback-link:hover{background:#fff3}.app-info{opacity:.7;font-size:.9rem}.app-info p{margin:0}@media (width>=768px){.rules-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.game-modes{grid-template-columns:1fr}}@media (width<=480px){.game-title{font-size:2rem}.game-mode-card{min-height:180px;padding:1.5rem}.game-info{padding:1.5rem}.rules-summary{grid-template-columns:1fr}}.local-game-page{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:1rem}.local-game-main{gap:2rem;max-width:800px;margin:0 auto;display:grid}.setup-card,.game-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem}.setup-card h2{text-align:center;margin:0 0 .5rem;font-size:1.8rem}.setup-card p{text-align:center;opacity:.9;margin:0 0 2rem;font-size:1.1rem}.setup-form{gap:2rem;display:grid}.players-setup h3{text-align:center;margin:0 0 1.5rem;font-size:1.3rem}.player-input-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.player-color-preview{border:2px solid #fffc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.player-input-wrapper{flex:1}.player-input-wrapper label{margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.game-info-card h3{text-align:center;color:#4caf50;margin:0 0 1.5rem;font-size:1.3rem}.setup-info{gap:.75rem;margin-bottom:2rem;display:grid}.setup-item{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.setup-item:last-child{border-bottom:none}.setup-label{opacity:.9;font-weight:500}.setup-value{color:#4caf50;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#ffcdd2;text-align:center;background:#f443361a;border:1px solid #f443364d;border-radius:8px;padding:1rem}.error-message p{margin:0}@media (width<=768px){.local-game-main{gap:1.5rem}.setup-card,.game-info-card{padding:1.5rem}.player-input-group{text-align:center;flex-direction:column;gap:.75rem}.player-input-wrapper{width:100%}.page-header{text-align:center;flex-direction:column}.page-header h1{font-size:1.5rem}}@media (width<=480px){.setup-card,.game-info-card{padding:1rem}.player-color-preview{width:35px;height:35px;font-size:.9rem}}.chip{cursor:default;border:2px solid #fffc;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 6px #0000004d}.chip.clickable{cursor:pointer}.chip.clickable:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #0006}.chip-small{border-width:1px;width:20px;height:20px;font-size:.6rem}.chip-medium{width:28px;height:28px;font-size:.75rem}.chip-large{border-width:3px;width:36px;height:36px;font-size:.9rem}.chip.top-chip{border-color:#fff;transform:translateY(-2px)scale(1.05);box-shadow:0 3px 10px #0006}.chip-inner{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.chip-letter{text-shadow:0 1px 2px #0000004d;font-weight:700}.game-board{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.board-content{flex:1;justify-content:center;align-items:center;min-height:300px;padding:1rem;display:flex}.empty-board{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.waiting-message{text-align:center;color:#ffffffd9;margin:0;font-size:.95rem}.piles-container{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.piles-grid{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:100%;display:flex}.pile{cursor:default;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:80px;min-height:80px;padding:.75rem;transition:all .2s;display:flex;position:relative}.pile.interactive{cursor:pointer;border-color:#4caf5080}.pile.interactive:hover{background:#4caf501a;border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 15px #4caf504d}.pile.selected{background:#4caf5033;border-color:#4caf50;transform:scale(1.05);box-shadow:0 0 15px #4caf5066}.pile-chips{justify-content:center;align-items:flex-end;width:100%;min-width:40px;min-height:60px;display:flex;position:relative}.pile-chip{position:absolute;bottom:0}.pile-count{color:#fff;background:#000000b3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:-8px;right:-8px}.new-pile-btn{cursor:pointer;color:#fffffff2;background:#ffffff1f;border:1px solid #ffffff59;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-width:72px;min-height:72px;padding:1rem 1.25rem;font-size:.8rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.new-pile-btn:hover{background:#fff3;border-color:#ffffff80}.new-pile-btn.small{min-width:60px;min-height:60px;padding:.75rem;font-size:.7rem}.new-pile-icon{font-size:1.5rem;font-weight:700}.new-pile-btn.small .new-pile-icon{font-size:1.2rem}.action-hint{color:#fff;background:#4caf50e6;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;animation:2s infinite pulse;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@media (width<=768px){.board-content{padding:.5rem}.piles-grid{gap:.75rem}.pile{min-width:70px;min-height:70px;padding:.5rem}.new-pile-btn{min-width:70px;min-height:70px;padding:.75rem;font-size:.7rem}.new-pile-btn.small{min-width:50px;min-height:50px;padding:.5rem}}@media (width<=480px){.pile,.new-pile-btn{min-width:60px;min-height:60px}.pile-count{width:16px;height:16px;font-size:.6rem}}.player-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;flex-direction:column;gap:.75rem;width:100%;height:100%;padding:1rem;transition:all .2s;display:flex;position:relative}.player-panel.current-player{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 15px #4caf5066}.player-panel.active-turn{background:#ffd70033;border-color:gold;box-shadow:0 0 20px #ffd70080}.player-panel.defeated{opacity:.5;background:#f4433633;border-color:#f44336}.player-panel.selectable{cursor:pointer;background:#2196f333;border-color:#2196f3}.player-panel.selectable:hover{background:#2196f34d;border-color:#1976d2;transform:scale(1.05);box-shadow:0 0 20px #2196f380}.player-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.player-avatar{flex-shrink:0}.player-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.player-name{justify-content:center;align-items:center;gap:.25rem;font-size:.9rem;font-weight:600;line-height:1;display:flex}.select-indicator{color:#2196f3;animation:1.5s infinite pointer-pulse}@keyframes pointer-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.player-status{flex-direction:column;align-items:center;gap:.25rem;display:flex}.status-text{text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.status-active{color:gold}.status-defeated{color:#f44336}.resource-section{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.resource-label{color:#fffc;text-align:center;font-size:.7rem;font-weight:600}.chip-stack{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:flex-end;min-width:30px;min-height:50px;padding:.25rem;display:flex;position:relative}.chip-stack:hover{background:#ffffff1a}.stack-count{color:#fff;background:#000c;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:-8px;right:-8px}.empty-stack{color:#ffffff80;align-self:center;font-size:.7rem}@media (width<=480px){.player-resources{gap:.5rem}.chip-stack{min-width:25px;min-height:40px}.resource-label{font-size:.65rem}.stack-count{width:16px;height:16px;font-size:.6rem}}.status-active{color:gold;font-weight:600}.status-waiting{color:#ffffffb3}.status-defeated{color:#f44336;font-weight:600}.player-resources{justify-content:space-around;gap:1rem;display:flex}.resource-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.resource-stack{justify-content:center;align-items:center;min-width:24px;min-height:24px;display:flex;position:relative}.resource-stack.clickable{cursor:pointer;transition:transform .2s}.resource-stack.clickable:hover{transform:scale(1.1)}.resource-count{color:#fff;background:#000c;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.6rem;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-4px}.resource-label{color:#fffc;font-size:.7rem;font-weight:500}.prisoners-modal{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.prisoners-content{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #fff3;border-radius:16px;width:100%;max-width:400px;padding:1.5rem;box-shadow:0 20px 60px #00000080}.prisoners-header{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.close-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;transition:opacity .2s}.close-btn:hover{opacity:1}.prisoners-grid{grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.prisoners-grid .chip.selected{border-width:3px;border-color:#f44336;box-shadow:0 0 10px #f4433680}.prisoners-actions{text-align:center}.remove-btn{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.remove-btn:hover:not(:disabled){background:#d32f2f;transform:translateY(-1px)}.remove-btn:disabled{cursor:not-allowed;background:#666}@media (width<=768px){.player-panel{padding:.6rem}.player-main{gap:.5rem;margin-bottom:.5rem}.player-name{font-size:.85rem}.player-status{font-size:.7rem}.resource-label{font-size:.65rem}.prisoners-content{margin:.5rem;padding:1rem}}.game-over-modal{z-index:2000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;position:absolute;inset:0}.modal-content{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #fff3;border-radius:20px;width:100%;max-width:500px;max-height:90vh;padding:2rem;animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.victory-section{margin-bottom:2rem}.victory-icon{margin-bottom:1rem;font-size:4rem;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.victory-title{background:linear-gradient(45deg,gold,#ffed4e);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000004d;-webkit-background-clip:text;background-clip:text;margin:0 0 1.5rem;font-size:2.5rem}.winner-info{background:#ffd7001a;border:2px solid #ffd7004d;border-radius:16px;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.5rem;display:flex}.winner-avatar{border:3px solid gold;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 0 20px #ffd70080}.winner-details{text-align:left}.winner-name{color:gold;margin:0;font-size:1.5rem;font-weight:700}.winner-subtitle{color:#ffffffe6;margin:.25rem 0 0;font-size:1rem}.game-stats,.final-standings{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.game-stats h3,.final-standings h3{color:#4caf50;margin:0 0 1rem;font-size:1.3rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.stat-item{text-align:center;flex-direction:column;gap:.25rem;display:flex}.stat-label{color:#fffc;font-size:.85rem}.stat-value{color:#4caf50;font-size:1.1rem;font-weight:700}.standings-list{flex-direction:column;gap:.75rem;display:flex}.standing-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:1rem;padding:.75rem;transition:all .2s;display:flex}.standing-item.winner{background:#ffd70033;border-color:#ffd70080;box-shadow:0 0 15px #ffd7004d}.standing-item.defeated{opacity:.7}.standing-rank{text-align:center;min-width:2rem;font-size:1.2rem;font-weight:700}.standing-avatar{border:2px solid #fffc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.standing-info{text-align:left;flex:1;min-width:0}.standing-name{margin-bottom:.25rem;font-size:1rem;font-weight:600}.standing-details{color:#fffc;font-size:.85rem}.defeated-text{color:#f44336;font-weight:500}.chips-count{color:#4caf50}.modal-actions{gap:1rem;margin-bottom:1.5rem;display:flex}.share-results{border-top:1px solid #fff3;padding-top:1.5rem}.share-results p{color:#fffc;margin:0 0 1rem;font-size:.9rem}.share-buttons{justify-content:center;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:#45a049;transform:translateY(-2px)}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-share{color:#fff;background:#2196f3;flex:none;padding:.6rem 1.2rem}.btn-share:hover{background:#1976d2;transform:translateY(-2px)}@media (width<=768px){.modal-content{margin:.5rem;padding:1.5rem}.victory-title{font-size:2rem}.victory-icon{font-size:3rem}.winner-info{text-align:center;flex-direction:column}.winner-details{text-align:center}.stats-grid{grid-template-columns:1fr;gap:.5rem}.modal-actions{flex-direction:column}.standing-item{padding:.6rem}.standing-avatar{width:32px;height:32px;font-size:.8rem}}@media (width<=480px){.modal-content{padding:1rem}.winner-avatar{width:50px;height:50px;font-size:1.2rem}.winner-name{font-size:1.3rem}.victory-title{font-size:1.8rem}}.chip-selector-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.chip-selector{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #fff3;border-radius:16px;width:100%;max-width:500px;padding:2rem;box-shadow:0 20px 60px #00000080}.chip-selector h3{color:gold;margin:0 0 1.5rem;font-size:1.3rem}.chip-options{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.chip-group{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1rem}.chip-group-label{color:#ffffffe6;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.prisoner-chips{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.chip-option{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;min-width:80px;padding:1rem;font-size:.8rem;transition:all .2s;display:flex}.chip-option:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.chip-stack-option{min-width:100px;min-height:120px}.chip-stack-display{justify-content:center;align-items:flex-end;min-width:40px;height:60px;display:flex;position:relative}.chip-count-badge{color:#fff;background:#000c;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:-8px;right:-8px}.chip-description{text-transform:capitalize;text-align:center;font-weight:600;line-height:1.2}@media (width<=480px){.chip-selector{margin:.5rem;padding:1.5rem}.prisoner-chips{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.75rem}.chip-option{padding:.75rem;font-size:.75rem}}.chip-deletion-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.chip-deletion-selector{color:#fff;text-align:center;background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);border:2px solid #fff3;border-radius:16px;width:100%;max-width:500px;padding:2rem;box-shadow:0 20px 60px #00000080}.chip-deletion-selector h3{color:#ffcdd2;margin:0 0 .5rem;font-size:1.3rem}.chip-deletion-selector p{color:#ffffffe6;margin:0 0 1.5rem;font-size:.9rem;line-height:1.4}.deletion-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.pile-preview{flex-direction:column;align-items:center;gap:.5rem;display:flex}.pile-stack-display{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:flex-end;min-width:40px;height:60px;padding:.5rem;display:flex;position:relative}.stack-chip{position:absolute;bottom:4px}.pile-count-badge{color:#fff;background:#000c;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:-8px;right:-8px}.pile-description{color:#ffffffe6;font-size:.8rem;font-weight:600}.deletion-arrow{color:#fffc;font-size:1.5rem;font-weight:700}.individual-chips{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.deletion-option{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:.8rem;transition:all .2s;display:flex}.deletion-option:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.chip-info{text-transform:capitalize;font-weight:600}.cancel-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.cancel-btn:hover{background:#ffffff4d;transform:translateY(-1px)}@media (width<=480px){.chip-deletion-selector{margin:.5rem;padding:1.5rem}.deletion-chips{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.75rem}.deletion-option{padding:.75rem;font-size:.75rem}}.toast{z-index:1000;border-radius:8px;min-width:300px;max-width:500px;animation:.3s ease-out toast-slide-in;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #0000004d}.toast-info{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%)}.toast-warning{color:#fff;background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%)}.toast-error{color:#fff;background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%)}.toast-success{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%)}.toast-content{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.toast-message{flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast-close{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:18px;font-weight:700;transition:all .2s;display:flex}.toast-close:hover{color:#fff;background:#fff3}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=480px){.toast{min-width:auto;max-width:none;top:10px;left:10px;right:10px}.toast-content{padding:10px 12px}.toast-message{font-size:.85rem}}.local-game-room-page{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;min-height:100vh;display:flex}.local-game-room-page.error{justify-content:center;align-items:center;padding:2rem}.error-message{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;max-width:400px;padding:2rem}.error-message h2{color:#ff6b6b;margin:0 0 1rem}.error-message p{opacity:.9;margin:0 0 1.5rem}.game-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.room-info h1{margin:0;font-size:1.5rem}.game-status{margin-top:.25rem}.status-active{color:#4caf50;font-size:.9rem;font-weight:600}.status-finished{color:gold;font-size:.9rem;font-weight:600}.header-actions{gap:.5rem;display:flex}.btn-danger:hover{background:#d32f2f}.game-main{box-sizing:border-box;flex:1;padding:1rem clamp(1rem,4vw,2rem)}.table-arena{box-sizing:border-box;flex-direction:column;align-items:center;gap:clamp(.75rem,2vh,1.5rem);width:100%;max-width:1200px;margin:0 auto;padding:clamp(.75rem,2vh,1.25rem) clamp(1rem,5vw,2.5rem) clamp(1rem,3vh,2rem);display:flex}.players-band{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.75rem 1rem;width:100%;max-width:100%;display:flex}.players-band--top{padding-bottom:.25rem}.players-band--bottom{padding-top:.25rem}.game-board-center{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff38;border:2px solid #ffffff59;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:min(96%,700px);max-width:100%;min-height:min(48vh,480px);padding:1.75rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.player-card{flex:0 auto;width:200px;max-width:min(200px,100%);min-height:140px}.player-selection-indicator{color:#fff;z-index:100;pointer-events:none;background:#2196f3f2;border-radius:25px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;animation:2s infinite selection-pulse;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #2196f366}@keyframes selection-pulse{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.02)}}@media (width<=768px){.game-header{text-align:center;flex-direction:column;gap:1rem}.header-actions{justify-content:center}.table-arena{gap:.65rem;padding-left:.75rem;padding-right:.75rem}.players-band{gap:.5rem .65rem}.player-card{width:min(46vw,170px);min-height:118px}.game-board-center{width:min(98%,560px);min-height:min(40vh,340px);padding:1.25rem}}@media (width<=480px){.game-main{padding:.5rem}.player-card{width:min(44vw,150px);min-height:100px}.game-board-center{min-height:min(36vh,280px);padding:.85rem}.game-header{padding:1rem}.room-info h1{font-size:1.3rem}.player-selection-indicator{padding:.5rem 1rem;font-size:.8rem;top:10px;left:10px;right:10px;transform:none}}.feedback-page{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:1rem}.feedback-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:500px;min-height:80vh;margin:0 auto;display:flex}.success-icon{margin-bottom:1rem;font-size:4rem;animation:2s infinite bounce}.feedback-success h1{color:#4caf50;margin:0 0 1rem;font-size:2.5rem}.feedback-success p{opacity:.9;margin:0 0 1rem;font-size:1.1rem;line-height:1.5}.success-actions{gap:1rem;margin-top:2rem;display:flex}.feedback-main{max-width:700px;margin:0 auto}.feedback-intro{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin-bottom:2rem;padding:2rem}.feedback-intro h2{color:#4caf50;margin:0 0 1rem;font-size:1.8rem}.feedback-intro p{opacity:.9;margin:0;font-size:1rem;line-height:1.6}.feedback-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin-bottom:2rem;padding:2rem}.form-group label{margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-control:focus{background:#ffffff26;border-color:#4caf50;outline:none}.textarea{resize:vertical;min-height:120px;font-family:inherit}.form-help{color:#ffffffb3;margin-top:.5rem;font-size:.85rem}.character-count{color:#fff9;text-align:right;margin-top:.5rem;font-size:.8rem}.feedback-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin-bottom:2rem;padding:2rem}.feedback-info h3{text-align:center;color:#4caf50;margin:0 0 1.5rem;font-size:1.4rem}.contact-methods{gap:1rem;display:grid}.contact-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.contact-icon{flex-shrink:0;font-size:1.5rem}.contact-details strong{color:#4caf50;margin-bottom:.25rem;font-size:1rem;display:block}.contact-details p{color:#fffc;margin:0;font-size:.9rem;line-height:1.4}.privacy-note{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:12px;padding:1.5rem}.privacy-note h4{color:gold;margin:0 0 .75rem;font-size:1.1rem}.privacy-note p{color:#fffc;margin:0;font-size:.85rem;line-height:1.5}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;background:#666;transform:none}.page-header{align-items:center;gap:1rem;max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:flex}.back-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;padding:.5rem 1rem;transition:background .2s}.back-btn:hover{background:#ffffff4d}.page-header h1{margin:0;font-size:1.8rem}@media (width<=768px){.feedback-intro,.feedback-form,.feedback-info,.privacy-note{padding:1.5rem}.success-actions{flex-direction:column;width:100%}.contact-methods{gap:.75rem}.contact-item{padding:.75rem}.feedback-intro h2{font-size:1.5rem}}@media (width<=480px){.feedback-page{padding:.5rem}.feedback-intro,.feedback-form,.feedback-info,.privacy-note{padding:1rem}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.5rem}.feedback-success h1{font-size:2rem}.success-icon{font-size:3rem}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0;line-height:1.5}a{color:#4caf50;text-decoration:none;transition:color .2s}a:hover{color:#45a049}button{font-family:inherit}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn:focus{outline-offset:2px;outline:2px solid #ffffff80}.btn-primary{color:#fff;background:#4caf50}.btn-primary:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.btn-secondary{color:#fff;background:#fff3;border:1px solid #ffffff4d}.btn-secondary:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.btn-danger{color:#fff;background:#f44336}.btn-danger:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.btn:disabled{cursor:not-allowed;opacity:.6;background:#666;transform:none}.btn-large{width:100%;padding:1rem 1.5rem;font-size:1.1rem}.btn-small{padding:.5rem .75rem;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#ffffffe6;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-control{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s,background .2s}.form-control:focus{background:#ffffff26;border-color:#4caf50;outline:none;box-shadow:0 0 0 2px #4caf5033}.form-control::placeholder{color:#fff9}.form-control option{color:#fff;background:#333}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}.chip-red{color:#fff;background:linear-gradient(135deg,#f44336,#d32f2f)}.chip-blue{color:#fff;background:linear-gradient(135deg,#1e3a8a,#172554)}.chip-green{color:#fff;background:linear-gradient(135deg,#4caf50,#388e3c)}.chip-yellow{color:#333;background:linear-gradient(135deg,#ffeb3b,#fbc02d)}.chip-purple{color:#fff;background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.chip-orange{color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00)}.chip-pink{color:#880e4f;background:linear-gradient(135deg,#fce4ec,#f48fb1)}.chip-cyan{color:#fff;background:linear-gradient(135deg,#00bcd4,#0097a7)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px}.error-message{color:#ffcdd2;background:#f443361a;border:1px solid #f443364d;border-radius:8px;margin:1rem 0;padding:1rem}.success-message{color:#c8e6c9;background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;margin:1rem 0;padding:1rem}@media (width<=768px){.btn{padding:.6rem 1.2rem;font-size:.95rem}.btn-large{padding:.9rem 1.2rem;font-size:1rem}.form-control{padding:.6rem;font-size:.95rem}}@media (width<=480px){.btn{padding:.5rem 1rem;font-size:.9rem}.btn-large{padding:.8rem 1rem;font-size:.95rem}}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.btn-primary,.btn-secondary{border:2px solid #fff}.form-control{border:2px solid #fffc}}@media print{body{color:#000!important;background:#fff!important}.btn{display:none}}