:root,[data-theme=light]{--bg-color: #ffffff;--text-color: #213547;--text-muted: #666;--card-bg: #f9f9f9;--card-bg-alt: #f8f9fa;--card-bg-hover: #f0f0f0;--border-color: #ddd;--border-color-light: #e0e0e0;--divider-color: #ddd;--input-bg: #ffffff;--input-border: #ddd;--input-text: #213547;--slider-bg: #ddd;--slider-thumb: #007bff;--button-bg: var(--card-bg);--button-hover-bg: #f0f0f0;--accent-color: #646cff;--muted-text-color: #6b6b6b;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-color: #1a1a2e;--text-color: #e0e0e0;--text-muted: #aaa;--card-bg: #252540;--card-bg-alt: #2d2d4a;--card-bg-hover: #353555;--border-color: #404060;--border-color-light: #353550;--divider-color: #404060;--input-bg: #2d2d4a;--input-border: #404060;--input-text: #e0e0e0;--slider-bg: #404060;--slider-thumb: #5c8aff;--button-bg: var(--card-bg);--button-hover-bg: #353550;--accent-color: #8b93ff;--muted-text-color: #aaa;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--success-color: #34c759;--error-color: #ff453a;--warning-color: #ffd60a;--info-color: #30d5c8;color-scheme:dark;color:var(--text-color);background-color:var(--bg-color)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}[data-theme=dark] a:hover{color:#8b93ff}html{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1;color:var(--text-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-bg);color:var(--text-color);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--text-muted)}.start-container{max-width:400px;margin:0 auto;padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:var(--text-color)}.form-group input{width:100%;padding:8px;margin-top:5px;border:1px solid var(--input-border);border-radius:4px;box-sizing:border-box;background-color:var(--input-bg);color:var(--input-text);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.form-group input:focus{outline:none;border-color:#646cff}.form-group select{width:100%;padding:8px;margin-top:5px;border:1px solid var(--input-border);border-radius:4px;box-sizing:border-box;background-color:var(--input-bg);color:var(--input-text);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.form-group button{width:100%;padding:10px;margin-top:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.form-group button:hover{background-color:#0056b3}.divider{margin:30px 0;border:none;border-top:1px solid var(--divider-color)}.option-section{margin-bottom:30px;padding:20px;border:1px solid var(--border-color-light);border-radius:8px;background-color:var(--card-bg);transition:background-color .3s ease,border-color .3s ease}.option-section h3{margin-top:0;margin-bottom:15px;color:var(--text-color)}.create-section{border-color:#007bff;background-color:#007bff0d}.join-section{border-color:#28a745;background-color:#28a7450d}.form-group small{display:block;margin-top:5px;color:var(--text-muted);font-size:14px}.btn{width:100%;padding:10px;margin-top:10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .2s}.btn-primary:hover{background-color:#0056b3}.btn-success:hover{background-color:#1e7e34}.theme-toggle{position:fixed;top:15px;right:15px;width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color);background-color:var(--card-bg);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;padding:0}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}[data-theme=dark] .theme-toggle:hover{box-shadow:0 4px 12px #ffffff1a}.language-selector{display:inline-block;position:relative}.custom-select{position:relative;cursor:pointer;display:inline-block}.select-display{padding:8px 12px;font-size:14px;border:1px solid var(--input-border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);transition:all .3s ease;min-width:220px;display:flex;align-items:center;justify-content:space-between}.select-display:hover{border-color:#646cff}.custom-select:focus-within .select-display{border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.flag{width:60px;height:32px;margin-right:8px;border-radius:1px;overflow:hidden;display:flex;align-items:center;justify-content:center}.flag img{max-width:100%;max-height:100%;object-fit:contain}.lang-name{flex:1}.arrow{font-size:10px;color:var(--text-muted);transition:transform .3s ease}.custom-select:focus-within .arrow{transform:rotate(180deg)}.select-options{position:absolute;top:100%;left:0;right:0;background-color:var(--card-bg);border:1px solid var(--input-border);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:none;overflow-y:visible;min-width:220px}.select-option{padding:10px 12px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease}.select-overlay{position:fixed;inset:0;z-index:999}.three-columns-game-container{display:grid;grid-template-columns:2fr 3fr 2fr;gap:5px;width:100vw;height:100vh;padding:5px;box-sizing:border-box;overflow:hidden}@media(orientation:portrait){.three-columns-game-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;width:100%;padding:10px}}.game-column{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;overflow-y:auto;height:100%}.game-column h2,.game-column h3{color:var(--text-color);margin-bottom:15px;font-size:1.5em}.players-list{display:flex;flex-direction:column;gap:10px}.player-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;padding:10px;transition:all .3s ease}.player-card.current-user{border-color:#007bff;background:var(--card-bg-hover)}.player-card.has-turn{border-color:#28a745;box-shadow:0 0 10px #28a74580;animation:pulse-subtle 2s infinite}.player-card.defeated{opacity:.5;border-color:#dc3545}@keyframes pulse-subtle{0%,to{box-shadow:0 0 10px #28a74580}50%{box-shadow:0 0 12px #28a745b3}}.lobby-container{max-width:1200px;margin:0 auto;padding:20px;text-align:center;color:var(--text-color)}.settings-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.settings-row label{font-weight:700;color:var(--text-color)}.lobby-id-section{margin-bottom:20px}.lobby-id-display{text-align:center;margin-bottom:10px;font-size:16px;font-weight:700}.lobby-controls{display:flex;gap:10px;justify-content:center}.btn-small{padding:5px 10px;font-size:12px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-info{background-color:var(--info-color);color:#fff}.btn-info:hover{background-color:#117a8b}[data-theme=dark] .btn-info:hover{background-color:#25b0a5}.copy-message{font-size:14px;color:var(--success-color);font-weight:700}.game-settings{margin:0;padding:20px;border:1px solid var(--border-color-light);border-radius:8px;background-color:var(--card-bg);transition:background-color .3s ease,border-color .3s ease}.game-settings h3{margin-top:0;margin-bottom:15px;color:var(--text-color)}.setting-group{margin-bottom:20px}.setting-group label{display:block;margin-bottom:10px;font-weight:700;color:var(--text-color)}.slider{width:100%;height:8px;border-radius:5px;background:var(--slider-bg);outline:none;-webkit-appearance:none;appearance:none;transition:background-color .3s ease}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;margin-top:5px;font-size:12px;color:var(--text-muted)}.game-board{background:var(--card-bg-alt);border-radius:12px;padding:20px;box-shadow:0 4px 6px var(--shadow-light);transition:background-color .3s ease}.piles-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;min-height:200px}.pile{background:var(--card-bg);border:2px dashed var(--border-color);border-radius:8px;padding:15px;min-width:100px;min-height:120px;display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.pile.clickable:hover{border-color:#007bff;background-color:var(--card-bg-hover);cursor:pointer}.pile-label{font-weight:700;margin-bottom:10px;color:var(--text-color)}.chips-stack{position:relative;display:flex;flex-direction:column;align-items:center}.chip-stacked{margin-top:-15px}.empty-pile{color:var(--text-muted);font-size:24px;display:flex;align-items:center;justify-content:center;height:60px;width:60px;border:2px dashed var(--border-color);border-radius:50%}.new-pile .empty-pile{background-color:#e3f2fd;border-color:#2196f3;color:#2196f3}[data-theme=dark] .new-pile .empty-pile{background-color:#1a3a5c;border-color:#5c9be3;color:#5c9be3}.player-hand{background:var(--card-bg);border-radius:12px;padding:15px;box-shadow:0 2px 4px var(--shadow-light);border:2px solid transparent;transition:all .3s ease;position:relative}.player-hand.current-user{border-color:var(--success-color);background-color:var(--card-bg)}.player-hand.active-turn{border-color:var(--warning-color);background-color:var(--card-bg-alt);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 2px 4px #0000001a}50%{box-shadow:0 4px 12px #ffc10766}to{box-shadow:0 2px 4px #0000001a}}.player-info{padding:25px 0 5px}.player-name{font-weight:700;font-size:16px;padding:5px 10px;border-radius:20px;display:inline-block;margin-bottom:5px}.chip-number{display:inline-block;min-width:24px;height:24px;line-height:24px;text-align:center;background:#fff3;border-radius:50%;margin-right:8px;font-weight:700}.chip-count{font-size:14px;color:var(--text-muted)}.chips-container{display:flex;flex-wrap:wrap;gap:5px}.chip{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;cursor:default;transition:all .3s ease;border:none;position:relative;z-index:1;color:#fff}.chip.selectable{cursor:pointer}.chip.selectable:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.chip.selected{transform:translateY(-3px);box-shadow:0 6px 12px #0006;border:3px solid rgba(255,255,255,.8)}.chip-red,.player-name.chip-red{background-color:#e74c3c;color:#fff}.chip-blue,.player-name.chip-blue{background-color:#3498db;color:#fff}.chip-green,.player-name.chip-green{background-color:#27ae60;color:#fff}.chip-yellow,.player-name.chip-yellow{background-color:#f1c40f;color:#000}.chip-gray,.player-name.chip-gray{background-color:#95a5a6;color:#fff}.dead-box{background:#2c3e50;color:#fff;border-radius:12px;padding:15px;margin-top:20px}.dead-box h4{margin:0 0 10px;color:#ecf0f1}.dead-chips{display:flex;flex-wrap:wrap;gap:5px}.game-controls{background:var(--card-bg);border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 2px 4px var(--shadow-light);transition:background-color .3s ease}.control-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}.btn{padding:10px 20px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px;min-width:120px}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#1e7e34}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-small{padding:5px 10px;font-size:12px;min-width:60px;border-radius:4px}.btn-customization{padding:4px 8px;font-size:11px;min-width:50px;border-radius:3px;margin:0 2px;border:1px solid var(--border-color)}.player-customization{display:flex;align-items:center;gap:5px;margin-top:5px}@media(max-width:768px){.three-columns-game-container{grid-template-columns:1fr;grid-template-rows:auto auto auto}.pile{min-width:80px;min-height:100px;padding:10px}.chip{width:35px;height:35px;font-size:12px}}.waiting-message{text-align:center;padding:40px;color:#6c757d;font-size:18px}.loading{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-status{background:#17a2b8;color:#fff;padding:15px;border-radius:8px;text-align:center;margin-bottom:20px}.game-status h2{margin:0 0 10px;font-size:1.8em}.status-info{font-size:1.2em;font-weight:700;margin-bottom:5px}.turn-indicator{background:#ffc107;color:#212529;padding:8px 16px;border-radius:20px;font-weight:700;display:inline-block;margin-top:10px}.timer-display{font-size:1.4em;font-weight:700;margin-top:10px;padding:8px 20px;border-radius:20px;display:inline-block;background:#fff3}.timer-display .countdown{color:#fff}.timer-display .clock{color:#d4edda}.timer-display.timer-warning{background:#ffc107;color:#212529;animation:pulse 1s ease-in-out infinite}.timer-display.timer-warning .countdown{color:#212529}.timer-display.timer-critical{background:#dc3545;color:#fff;animation:pulse .5s ease-in-out infinite}.timer-display.timer-critical .countdown{color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.error-message{background:#dc3545;color:#fff;padding:10px;border-radius:6px;margin:10px 0}.action-panel{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;margin:20px 0;text-align:center;box-shadow:0 4px 15px #667eea66}.action-panel h3{margin:0 0 15px}.action-panel p{margin:10px 0;opacity:.9}.player-selection{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:15px}.btn-player{padding:15px 25px;font-size:16px;border-radius:8px;border:3px solid white;cursor:pointer;transition:all .3s ease}.btn-player:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.capture-panel{background:linear-gradient(135deg,#f093fb,#f5576c)}.capture-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:15px}.capture-chips .chip{width:60px;height:60px;font-size:20px;cursor:pointer;transition:all .3s ease}.capture-chips .chip:hover{transform:scale(1.1);box-shadow:0 6px 20px #0006}.defeat-panel{background:linear-gradient(135deg,#fa709a,#fee140);color:#333}.defeat-panel h3{color:#721c24}.waiting-text{font-style:italic;color:#555}.rescue-options{margin-top:20px;padding:15px;background:#ffffff4d;border-radius:8px}.rescue-options h4{margin:0 0 10px}.prisoner-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px 0}.prisoner-item{display:flex;flex-direction:column;align-items:center;gap:5px}.transfer-target{display:flex;gap:10px;align-items:center;justify-content:center;margin:15px 0;flex-wrap:wrap}.transfer-target select{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;min-width:200px}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.prisoner-management{background:#f8f9fa;border:2px dashed #adb5bd;border-radius:8px;padding:15px;margin-top:15px}.prisoner-management h4{margin:0 0 10px;color:#495057}.phase-indicator{font-size:12px;opacity:.8;margin-top:5px}.game-over-banner{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:40px;border-radius:16px;text-align:center;margin:20px 0;box-shadow:0 8px 30px #11998e66}.game-over-banner h2{margin:0 0 20px;font-size:32px}.lobby-management{margin:20px 0;padding:20px;border:2px solid var(--border-color);border-radius:12px;background-color:var(--card-bg-alt);box-shadow:0 2px 8px var(--shadow-light);transition:background-color .3s ease,border-color .3s ease}.lobby-management .player-list,.lobby-management .bot-controls,.lobby-management .game-settings{margin-bottom:20px}.lobby-management .player-list:last-child,.lobby-management .bot-controls:last-child,.lobby-management .game-settings:last-child{margin-bottom:0}.player-list{margin:0;text-align:left}.player-list h3{text-align:center;margin-bottom:15px}.player-row{margin:10px 0;display:flex;align-items:center}.player-clock{font-family:monospace;margin-right:10px;width:50px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-weight:700}.player-row .player-hand{flex:1;display:flex;justify-content:space-between;align-items:center;position:relative}.player-row .player-hand .player-actions{display:flex;gap:5px}.player-row .player-hand .player-info{padding-top:25px}.bot-controls{margin:0;padding:15px;border-radius:8px;border:1px solid var(--border-color-light)}.bot-controls h3{margin:0 0 15px;color:var(--text-color);font-size:18px;font-weight:600}.bot-add-section{display:flex;gap:12px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.bot-difficulty-select{font-size:14px;font-weight:500;border-radius:6px;color:var(--text-color);cursor:pointer;font-family:inherit;transition:all .2s ease;min-width:220px;appearance:none;background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;padding:12px 36px 12px 14px;background-color:var(--input-bg)}.bot-difficulty-select:hover{box-shadow:0 2px 8px var(--shadow-light)}.bot-difficulty-select:focus{outline:none;box-shadow:0 0 0 4px #4caf5026}.bot-difficulty-select option{color:var(--text-color);padding:8px 12px}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background-color:#e0a800}.kicked-message{background:#fff5f5;border:2px solid #dc3545;border-radius:12px;padding:30px;box-shadow:0 4px 15px #dc354533;max-width:500px;margin:0 auto;text-align:center}.kicked-message h2{margin-top:0;color:#dc3545}.kicked-message p{color:#666;margin-bottom:20px}.kicked-message .form-group{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.join-lobby-form{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 15px #0000001a;max-width:500px;margin:0 auto}.join-lobby-form h2{margin-top:0;color:#333}.join-lobby-form p{color:#666;margin-bottom:20px}.join-lobby-form .form-group{margin-bottom:20px}.join-lobby-form input{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box}.join-lobby-form input:focus{border-color:#007bff;outline:none}.join-lobby-form label{display:block;margin-bottom:8px;font-weight:700;color:#555;text-align:left}.join-lobby-form .btn{margin:5px}.lobby-preview{background:#f8f9fa;border-radius:8px;padding:15px;margin:20px 0;text-align:left}.lobby-preview h3{margin:0 0 10px;font-size:14px;color:#666}.lobby-preview ul{list-style:none;padding:0;margin:0}.lobby-preview li{padding:8px 12px;margin:5px 0;border-radius:20px;font-weight:700}.player-customization{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.customization-label{font-weight:700;color:var(--text-color);margin:0}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--bg-color);border-radius:8px;padding:20px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;border:2px solid var(--border-color)}.number-selector-modal{max-width:90vw;width:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.modal-header h3{margin:0;color:var(--text-color)}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.btn-close:hover{background-color:var(--card-bg-hover)}.number-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:8px;padding:10px;justify-items:center;max-width:550px;margin:0 auto}@media(min-width:600px){.number-grid{grid-template-columns:repeat(10,1fr);max-width:none}}.chip-number{width:28px;height:28px;border-radius:50%;border:2px solid white;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-right:8px}.number-circle{width:38px!important;height:38px!important;border-radius:50%!important;border:2px solid var(--border-color);color:var(--text-color)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;cursor:pointer;transition:all .2s;font-size:14px!important;padding:0!important;min-width:38px!important;min-height:38px!important;box-sizing:border-box!important;line-height:1!important;vertical-align:middle!important}.number-circle:hover:not(:disabled){background-color:var(--button-hover-bg);border-color:var(--accent-color);transform:scale(1.1)}.number-circle:disabled{cursor:not-allowed;opacity:.4;background-color:#e9ecef;color:#6c757d}.number-circle.taken{background-color:#666;color:#ccc;border-color:#888}.number-circle.current{border-color:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}.color-circle{width:38px!important;height:38px!important;border-radius:50%!important;border:2px solid var(--border-color);display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:all .2s;padding:0!important;min-width:38px!important;min-height:38px!important;box-sizing:border-box!important;line-height:1!important;vertical-align:middle!important}.color-circle:hover:not(:disabled){border-color:var(--accent-color);transform:scale(1.1);box-shadow:0 0 8px #0000004d}.color-circle:disabled{cursor:not-allowed;opacity:.4}.color-picker{display:flex;flex-direction:column;gap:20px;padding:20px}.color-preview-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;border:2px solid white;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;pointer-events:none}.color-selector-modal{max-width:500px;width:90vw}.slider-group{display:flex;flex-direction:column;gap:8px}.slider-group label{font-weight:700;color:var(--text-color);font-size:14px}.color-slider{-webkit-appearance:none;appearance:none;width:100%;height:20px;border-radius:10px;outline:none;cursor:pointer;background:#ddd;border:2px solid var(--border-color)}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--button-bg);border:2px solid var(--border-color);cursor:pointer;box-shadow:0 2px 4px #0003}.color-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.color-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--button-bg);border:2px solid var(--border-color);cursor:pointer;box-shadow:0 2px 4px #0003}.hue-gradient-light{background:linear-gradient(to right,#aa0909,#aaaa09,#09aa09,#09aaaa,#0909aa,#aa09aa,#aa0909)}.hue-gradient-dark{background:linear-gradient(to right,#610505,#616105,#056105,#056161,#050561,#610561,#610505)}.slider-track-wrapper{position:relative;width:100%;box-sizing:border-box;overflow:visible}.blocked-segment{position:absolute;top:50%;transform:translate(6px) translateY(-67%);height:22px;pointer-events:none;border-radius:5px;z-index:3;background-color:#0009;border:1px solid rgba(0,0,0,.6);background-image:repeating-linear-gradient(45deg,#0000004d 0 4px,#fff0 4px 8px)}.btn[disabled],.btn[aria-disabled=true],.btn.btn-primary[disabled]{opacity:.6;cursor:not-allowed}.color-slider{position:relative;z-index:1}.color-slider::-webkit-slider-thumb{position:relative;z-index:4}.color-slider::-moz-range-thumb{position:relative;z-index:4}.blocked-warning{position:absolute;top:-64px;box-sizing:border-box;font-size:13px;color:var(--muted-text-color, #6b6b6b);background:#ffffff05;padding:6px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.04)}.color-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color)}.color-preview-circle-container{position:relative;display:flex;align-items:center;justify-content:center}.color-preview-circle{width:80px;height:80px;border-radius:50%;border:4px solid var(--border-color);box-shadow:0 4px 8px #0003}.color-preview-text{font-family:monospace;font-size:14px;color:var(--text-color);background:var(--input-bg);padding:8px 12px;border-radius:4px;border:1px solid var(--border-color);min-width:120px;text-align:center}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.mode-toggle{display:flex;flex-direction:column;gap:8px;align-items:center}.mode-toggle label{font-weight:700;color:var(--text-color);font-size:14px}.toggle-buttons{display:flex;gap:8px}.btn-mode{padding:8px 16px;border:2px solid var(--border-color);background:var(--input-bg);color:var(--text-color);border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s;min-width:70px}.btn-mode:hover{background:var(--button-hover-bg);border-color:var(--accent-color)}.btn-mode.active{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 2px 4px #0003}