*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a1a1a;color:#e0e0e0}.app{min-height:100vh;padding:20px}.app-header{text-align:center;margin-bottom:20px}.app-header h1{font-size:2rem;color:#4caf50}.street-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.street-tab{padding:10px 30px;font-size:1.1rem;border:2px solid #555;background-color:#2a2a2a;color:#e0e0e0;cursor:pointer;border-radius:5px;transition:all .2s}.street-tab:hover{background-color:#3a3a3a}.street-tab.active{background-color:#4caf50;border-color:#4caf50;color:#fff;font-weight:700}.main-content{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.grids-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.range-grid-container{display:flex;flex-direction:column;align-items:center}.grid-header{text-align:center;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.player-title{font-size:1.5rem;margin:0;color:#4caf50}.reference-range-selector{display:flex;align-items:center;justify-content:center;gap:8px}.reference-range-label{font-size:.9rem;color:#e0e0e0}.reference-range-select{padding:5px 10px;font-size:.9rem;border:2px solid #555;background-color:#2a2a2a;color:#e0e0e0;border-radius:5px;cursor:pointer;transition:all .2s}.reference-range-select:hover{border-color:#4caf50;background-color:#3a3a3a}.reference-range-select:focus{outline:none;border-color:#4caf50}.grid-footer{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;width:100%}.grid-footer-left{justify-self:start}.grid-footer-right{justify-self:end}.copy-button{padding:8px 15px;font-size:.9rem;border:2px solid #4CAF50;background-color:#2a2a2a;color:#4caf50;cursor:pointer;border-radius:5px;transition:all .2s;white-space:nowrap}.copy-button:hover:not(:disabled){background-color:#4caf50;color:#fff}.copy-button:disabled{border-color:#2a2a2a;background-color:#1a1a1a;color:#333;cursor:not-allowed}.range-clear-button{padding:8px 15px;font-size:.9rem;border:2px solid #f44336;background-color:#2a2a2a;color:#f44336;cursor:pointer;border-radius:5px;transition:all .2s;white-space:nowrap}.range-clear-button:hover{background-color:#f44336;color:#fff}.range-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:2px;background-color:#444;padding:2px;border-radius:5px;-webkit-user-select:none;user-select:none}.cell{position:relative;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;cursor:pointer;border-radius:3px;transition:transform .1s}.cell:hover{transform:scale(1.1)}.cell-label{z-index:1}.cell-override{position:absolute;top:2px;right:2px;font-size:.7rem;padding:1px 3px;border-radius:2px;z-index:2}.override-only{background-color:#ffffffd9;color:#000}.override-except{background-color:#000000b3;color:#fff}.cell-excluded{background-color:#2a2a2a;color:#888}.cell-value{background-color:#2196f3;color:#fff}.cell-bluff{background-color:#f44336;color:#fff}.cell-highlighted{box-shadow:inset 0 0 0 1px #ff9800;border:1px solid #FF9800}.stats-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.stats-panel{background-color:#2a2a2a;padding:20px;border-radius:8px;min-width:250px}.stats-panel h4{margin-bottom:15px;font-size:1.2rem;color:#4caf50;border-bottom:2px solid #4CAF50;padding-bottom:5px}.stats-row{display:flex;justify-content:space-between;padding:8px 0;font-size:1rem;border-bottom:1px solid #444}.stats-row:last-child{border-bottom:none}.control-panel{background-color:#2a2a2a;padding:20px;border-radius:8px;max-width:900px;margin:0 auto}.control-section{margin-bottom:20px}.control-section h4{margin-bottom:10px;font-size:1.1rem;color:#4caf50}.button-group{display:flex;gap:10px;flex-wrap:wrap}.button-group button{padding:10px 20px;font-size:1rem;border:2px solid #555;background-color:#3a3a3a;color:#e0e0e0;cursor:pointer;border-radius:5px;transition:all .2s}.button-group button:hover:not(:disabled){background-color:#4a4a4a}.button-group button.active{background-color:#4caf50;border-color:#4caf50;color:#fff;font-weight:700}.button-group button:disabled{opacity:.5;cursor:not-allowed}.flag-palette{margin-top:15px}.flag-palette h4{margin-bottom:10px;font-size:1rem;color:#4caf50}.flag-row{display:flex;gap:5px;margin-bottom:5px}.flag-row:last-child{margin-bottom:0}.flag-button{padding:8px;font-size:1rem;border:2px solid #555;background-color:#3a3a3a;color:#e0e0e0;cursor:pointer;border-radius:5px;transition:all .2s}.flag-button:hover{background-color:#4a4a4a}.flag-button.selected{background-color:#ff9800;border-color:#ff9800;color:#fff;font-weight:700}.board-input{margin-bottom:20px;text-align:center;display:flex;flex-direction:column;align-items:center}.board-header{margin-bottom:10px}.board-label{font-size:1.1rem;color:#4caf50;font-weight:700}.board-slots{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.board-slot{position:relative;width:60px;height:80px;border:3px solid #555;border-radius:8px;background-color:#2a2a2a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.2rem;font-weight:700}.board-slot.wide-gap{margin-left:5px}.board-slot:not(.disabled):hover{border-color:#4caf50;transform:translateY(-2px)}.board-slot.filled{border-color:#4caf50}.board-slot.selected{border-color:#ff9800;box-shadow:0 0 10px #ff9800}.board-slot.disabled{cursor:not-allowed;opacity:.4;border-color:#333}.board-slot-empty{color:#666;font-size:1.5rem}.board-slot-disabled{color:#444;font-size:2rem;font-weight:700}.board-card-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:1.5rem;font-weight:700;border:2px solid rgba(255,255,255,.3)}.board-buttons{display:grid;grid-template-columns:1fr auto;width:340px;gap:10px;min-height:38px}.board-buttons>.board-action-button:only-child{grid-column:2}.board-action-button{padding:8px 15px;font-size:.9rem;border:2px solid #4CAF50;background-color:#2a2a2a;color:#4caf50;cursor:pointer;border-radius:5px;transition:all .2s;white-space:nowrap}.board-action-button:hover:not(:disabled){background-color:#4caf50;color:#fff}.board-action-button:disabled{border-color:#2a2a2a;background-color:#1a1a1a;color:#333;cursor:not-allowed}.board-clear-button{border-color:#f44336;color:#f44336}.board-clear-button:hover:not(:disabled){background-color:#f44336;color:#fff}.board-clear-button:disabled{border-color:#2a2a2a;background-color:#1a1a1a;color:#333}.card-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.card-selector{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#2a2a2a;padding:20px;border-radius:10px;border:3px solid #4CAF50;z-index:1000;box-shadow:0 4px 20px #00000080}.card-selector-row{display:flex;gap:5px;margin-bottom:5px}.card-selector-row:last-child{margin-bottom:0}.card-selector-button{width:40px;height:50px;border:2px solid rgba(255,255,255,.3);border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s}.card-selector-button:hover:not(.disabled){transform:scale(1.1);border-color:#fffc}.card-selector-button.disabled{opacity:.3;cursor:not-allowed}@media (max-width: 1200px){.cell{width:40px;height:40px;font-size:.7rem}}@media (max-width: 900px){.grids-container{flex-direction:column}.cell{width:35px;height:35px;font-size:.65rem}}