*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#667eea0d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5568d3,#6d3f8f)}body{font-family:Segoe UI,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:0;color:#333}#app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}#game-container{display:flex;flex-direction:column;gap:.75rem;background:linear-gradient(135deg,#fff,#f8f9fa);padding:.75rem;height:100vh;width:100%;overflow:hidden;border-radius:.75rem;box-shadow:0 10px 30px #0000004d}#game-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0;box-shadow:0 4px 15px #667eea4d}#turn-display{flex:1;font-size:18px;font-weight:700;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px}#header-controls{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.btn-icon{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;transition:all .2s ease;flex-shrink:0}.btn-icon:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.05)}.btn-icon:active{transform:scale(.95)}#save-game-btn{padding:.6rem 1.2rem;font-size:12px;white-space:nowrap;flex-shrink:0}#players-section{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;flex-shrink:0}.player-box{background:linear-gradient(135deg,#fff,#f5f7ff);padding:.75rem;border-radius:10px;border-left:4px solid;box-shadow:0 4px 12px #667eea26;transition:transform .3s ease}.player-box:hover{transform:translateY(-2px)}.player-box.player-1{border-left-color:#fff}.player-box.player-2{border-left-color:#1a1a2e}.player-box.active{background:linear-gradient(135deg,#667eea20,#764ba220);border-left-color:#fff;border-left-width:5px}.player-box h3{font-size:13px;font-weight:700;color:#1a1a2e;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:.5rem}.player-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #0003}.player-box h3.active{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse-text 1.5s ease-in-out infinite}.player-stats{font-size:11px;color:#666;display:flex;flex-direction:column;gap:4px}.stat{display:flex;justify-content:space-between;padding:4px 6px;background:#667eea0d;border-radius:6px}.stat-label{font-weight:600;color:#555}.stat-value{color:#667eea;font-weight:700}.btn-view-captures{background:none;border:none;cursor:pointer;font-size:12px;padding:0;margin:0;border-radius:4px;transition:all .2s ease;flex-shrink:0;margin-left:.25rem;width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.btn-view-captures:hover{background:#667eea33;transform:scale(1.1)}.btn-view-captures:active{transform:scale(.95)}.captures-display{margin-top:.75rem;padding:.75rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;border-left:3px solid #667eea}.captures-display>div:first-child{font-size:10px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.pieces-display{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start}.piece-indicator{width:18px;height:18px;border-radius:50%;border:2px solid #333;box-shadow:0 2px 4px #0003;flex-shrink:0}#board-wrapper{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:.5rem;background:#ffffff80;border-radius:12px;overflow:hidden}#board-canvas{border:3px solid #5a3d2a;border-radius:10px;background:linear-gradient(135deg,#a0826d,#8b7355,#9b8b7d);cursor:pointer;box-shadow:0 10px 30px #0000004d,inset 0 2px 5px #fff3;display:block;transition:transform .2s ease,box-shadow .2s ease;max-width:100%;max-height:100%;width:auto;height:auto}#board-canvas:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0000004d,inset 0 2px 5px #ffffff4d}#status-message{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:12px;padding:.75rem 1rem;font-size:13px;color:#fff;min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;flex-shrink:0;box-shadow:0 4px 15px #667eea4d;animation:slideInPulse .5s cubic-bezier(.34,1.56,.64,1);position:relative;letter-spacing:.3px;overflow:hidden}#status-message:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);border-radius:12px;animation:shimmer 3s infinite;pointer-events:none}#status-message.error{background:linear-gradient(135deg,#f093fb,#f5576c,#ff6b6b)}#status-message.success{background:linear-gradient(135deg,#4facfe,#00f2fe,#43e97b)}#captures-section{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0;min-height:0;max-height:140px;overflow-y:auto}#captures-order{background:linear-gradient(135deg,#fff,#f5f7ff);padding:.75rem;border-radius:10px;border-left:4px solid #764ba2;box-shadow:0 4px 12px #764ba226}#captures-order h4{font-size:11px;color:#764ba2;margin-bottom:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.taking-order-line{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:nowrap;overflow-x:auto;padding:.25rem}.taking-order-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 5px #00000026;border:1px solid rgba(0,0,0,.1)}.taking-order-arrow{font-size:11px;color:#764ba2;font-weight:700;margin:0 2px;flex-shrink:0}#game-controls{display:flex;flex-direction:column;gap:.6rem;flex-shrink:0}button{padding:.65rem 1rem;font-size:12px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease}button:hover:before{left:100%}button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}button:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#5568d3,#6d3f8f);box-shadow:0 4px 15px #667eea66}.btn-secondary{background:linear-gradient(135deg,#e8e9f3,#f0f2ff);color:#333;border:1px solid #ddd}.btn-secondary:hover{background:linear-gradient(135deg,#d8dae3,#e0e2ef);border-color:#667eea}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#ff5252,#ed3f5a);box-shadow:0 4px 15px #ff6b6b66}.btn-mode-large{padding:1.2rem 1rem!important;font-size:14px!important;font-weight:600;border-radius:10px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes slideInPulse{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.7}}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease;padding:1rem}.menu-content{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:15px;padding:3rem 2rem;text-align:center;box-shadow:0 15px 40px #0006;max-width:90%;max-height:90vh;animation:zoomIn .3s ease;overflow-y:auto}.menu-content h1{font-size:32px;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.menu-content p{font-size:14px;color:#666;margin-bottom:1.5rem;line-height:1.6}.menu-content button{width:100%;margin-bottom:.75rem}.menu-content button:last-child{margin-bottom:0}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease;padding:1rem}.confirm-modal{background:linear-gradient(135deg,#fff,#f5f7ff);border-radius:15px;padding:2rem 1.5rem;text-align:center;box-shadow:0 15px 40px #00000080;max-width:90%;max-height:90vh;animation:zoomIn .3s ease;overflow-y:auto}.confirm-icon{font-size:40px;margin-bottom:1rem}.confirm-modal h2{font-size:20px;color:#1a1a2e;margin-bottom:.75rem;font-weight:700}.confirm-modal p{font-size:14px;color:#666;margin-bottom:1.5rem;line-height:1.5}.confirm-buttons{display:flex;flex-direction:column;gap:.6rem}.confirm-buttons button{padding:.75rem 1.2rem;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.3px}.game-over-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease;padding:1rem}.game-over-content{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:15px;padding:2.5rem 1.5rem;text-align:center;box-shadow:0 15px 40px #0006;max-width:90%;max-height:90vh;animation:zoomIn .3s ease;overflow-y:auto}.game-over-content h2{font-size:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;font-weight:700}.game-over-stats{background:linear-gradient(135deg,#f5f7ff,#f0f2ff);padding:1.5rem;border-radius:10px;margin-bottom:1.5rem;text-align:left;box-shadow:inset 0 2px 5px #0000000d}.game-over-stat{display:flex;justify-content:space-between;padding:.75rem 0;font-size:14px;font-weight:700;color:#333;border-bottom:1px solid rgba(102,126,234,.1)}.game-over-stat:last-child{border-bottom:none}#debug-controls{display:none;gap:.5rem;flex-wrap:wrap;padding:.5rem;background:#0000001a;border-radius:8px;flex-shrink:0}#debug-controls.visible{display:flex}#debug-controls button{flex:1;min-width:100px;padding:.5rem;font-size:10px}.game-icon{height:40px;width:auto;max-height:2em;margin-right:.5rem;display:inline-block;vertical-align:middle}@media (min-width: 768px) and (max-width: 1024px){#game-container{gap:1rem;padding:1rem}#turn-display{font-size:16px}#board-canvas{border:4px solid #5a3d2a}#status-message{font-size:14px;padding:1rem;min-height:60px}#captures-section{max-height:160px}button{padding:.75rem 1.2rem;font-size:13px}.player-box h3{font-size:14px}.player-stats{font-size:12px}}@media (min-width: 1024px){#game-container{flex-direction:column;gap:1.5rem;padding:1.5rem}#board-wrapper{flex:2;min-height:500px}#captures-section{flex:1;max-height:none}#status-message{font-size:15px;padding:1.25rem;order:10}button{padding:.8rem 1.5rem;font-size:14px}.player-box h3{font-size:15px}.player-stats{font-size:13px}#turn-display{font-size:20px}}@media (min-width: 1400px){#game-container{gap:2rem;padding:2rem}#board-wrapper{min-height:600px}button{padding:1rem 1.8rem;font-size:15px}#turn-display{font-size:22px}}@media (max-width: 320px){body{padding:0}#game-container{gap:.5rem;padding:.5rem;border-radius:.5rem}button{padding:.5rem .8rem;font-size:11px}#turn-display{font-size:14px}.player-box h3{font-size:11px}.player-stats{font-size:10px}#status-message{font-size:12px;min-height:45px}#board-canvas{border-width:2px;border-radius:10px}#status-message{height:auto;min-height:45px;padding:.5rem;font-size:12px;flex-shrink:0}#ui-panel{flex:0 1 auto;padding:.75rem;gap:.5rem;border-top:2px solid #667eea;border-left:none;max-height:auto;overflow-y:auto;max-height:120px}#player-info{padding:12px;border-radius:10px}.player-name{font-size:14px}.player-stats{font-size:11px}button{padding:8px 12px;font-size:12px}#game-controls{gap:.75rem;padding-top:.75rem}.menu-content{padding:2rem 1.5rem;max-width:90%}.menu-content h1{font-size:28px}.menu-content p{font-size:14px}#debug-controls{padding:.5rem;font-size:10px}#debug-controls button{padding:4px 8px;font-size:10px}.piece-indicator{width:24px;height:24px;font-size:10px}#taking-order-display{padding:10px}.taking-order-item{font-size:11px}.taking-order-dot{width:16px;height:16px}}@media (max-width: 600px){body{padding:.25rem}#game-container{flex-direction:column;padding:.5rem;gap:.5rem;border-radius:.5rem}#left-panel{gap:.5rem}#board-wrapper{flex:1}#status-message{height:auto;min-height:40px;padding:.5rem;font-size:11px;border-radius:8px}#ui-panel{padding:.5rem;gap:.4rem;max-height:100px;border-radius:8px}#player-info{padding:10px}.player-status{margin-bottom:6px}.player-name{font-size:13px;margin-bottom:4px}.player-stats{font-size:10px;gap:3px}.stat{padding:3px 5px}button{padding:6px 10px;font-size:11px}#game-controls{gap:.5rem;padding-top:.5rem}.menu-content{padding:1.5rem 1rem;max-width:95%}.menu-content h1{font-size:24px;margin-bottom:10px}.menu-content p{font-size:13px;margin-bottom:15px}.game-over-content{padding:1.5rem 1rem;max-width:95%}.game-over-content h2{font-size:22px}.game-over-stats{padding:12px}.game-over-stat{font-size:13px}}@media (max-width: 480px){#game-container{padding:.4rem;gap:.4rem}#left-panel{gap:.4rem}#ui-panel{padding:.4rem;gap:.3rem}#status-message{min-height:35px;font-size:10px}.menu-content{padding:1.25rem .75rem}.menu-content h1{font-size:20px}.menu-content p{font-size:12px}}#debug-controls{background:linear-gradient(135deg,#f5f7ff,#f0f2ff);border:2px dashed #667eea;border-radius:10px;padding:12px;margin-top:10px;font-size:12px;display:none!important;flex-direction:column;gap:8px;flex-shrink:0;box-shadow:0 2px 8px #667eea1a}#debug-controls button{padding:8px 12px;font-size:11px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600}#debug-controls button:hover{background:linear-gradient(135deg,#5568d3,#6d3f8f);transform:translateY(-2px);box-shadow:0 4px 10px #667eea4d}#debug-info{background:#fff;padding:8px 10px;border-radius:6px;color:#333;font-family:Courier New,monospace;border-left:3px solid #667eea;font-size:11px}.rules-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:1001;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .3s ease}.rules-content{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460 60%,#1a1a2e);border-radius:30px;padding:60px;text-align:left;box-shadow:0 25px 80px #000c,0 0 80px #667eea66,inset 0 1px #ffffff1a;max-width:900px;max-height:90vh;overflow-y:auto;animation:zoomIn .5s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(102,126,234,.5);position:relative}.rules-header{text-align:center;margin-bottom:50px;padding-bottom:30px;border-bottom:2px solid rgba(102,126,234,.3);position:relative}.rules-header:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:150px;height:3px;background:linear-gradient(90deg,transparent,#667eea,#f093fb,transparent);border-radius:2px}.rules-content h2{font-size:52px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;font-weight:800;letter-spacing:1px;text-shadow:0 4px 20px rgba(102,126,234,.3)}.rules-subtitle{color:#a0a0c0;font-size:16px;font-style:italic;letter-spacing:.5px}.rules-sections-wrapper{display:flex;flex-direction:column;gap:25px}.rules-section{display:flex;gap:20px;padding:25px;background:linear-gradient(135deg,#667eea1f,#f093fb14);border-radius:18px;border-left:5px solid #667eea;border-top:2px solid transparent;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;position:relative}.rules-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,transparent);opacity:0;transition:opacity .3s ease}.rules-section:hover{background:linear-gradient(135deg,#667eea38,#f093fb29);transform:translate(8px) translateY(-2px);border-left-color:#f093fb;box-shadow:0 8px 25px #667eea4d,0 0 20px #f093fb1a}.rules-section:hover:before{opacity:1}.rules-icon{font-size:42px;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(102,126,234,.3));animation:float 3s ease-in-out infinite}.rules-section:nth-child(2) .rules-icon{animation-delay:.2s}.rules-section:nth-child(3) .rules-icon{animation-delay:.4s}.rules-section:nth-child(4) .rules-icon{animation-delay:.6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.rules-section-content{flex:1}.rules-section h3{font-size:24px;color:#667eea;margin-bottom:12px;font-weight:700;letter-spacing:.5px}.rules-section p{color:#d8d8e8;font-size:15px;line-height:1.7;margin:8px 0}.zone-display{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.zone-item{padding:15px;border-radius:12px;text-align:center;transition:all .3s ease}.zone-item.light{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border:2px solid rgba(255,215,0,.5)}.zone-item.dark{background:linear-gradient(135deg,#ff8c0033,#ff8c001a);border:2px solid rgba(255,140,0,.5)}.zone-item:hover{transform:scale(1.05);box-shadow:0 8px 16px #667eea33}.zone-label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}.zone-item.light .zone-label{color:gold}.zone-item.dark .zone-label{color:#ff8c00}.zone-description{display:block;font-size:12px;opacity:.9}.rules-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.rule-item{display:flex;gap:12px;align-items:flex-start;padding:12px;background:#667eea1a;border-radius:10px;transition:all .3s ease}.rule-item:hover{background:#667eea26;transform:translate(5px)}.rule-number{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.rule-text{color:#d8d8e8;font-size:14px;line-height:1.5}.rosace-section{background:linear-gradient(135deg,#f093fb26,#667eea1a)!important;border-left-color:#f093fb!important}.rosace-order-visual{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:20px;background:#0000004d;border-radius:12px}.rosace-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;transition:all .3s ease;cursor:pointer}.rosace-item:hover{transform:scale(1.15);filter:drop-shadow(0 8px 16px rgba(102,126,234,.4))}.rosace-item.red{background:#ff6b6b26;border:2px solid rgba(255,107,107,.4)}.rosace-item.yellow{background:#ffd70026;border:2px solid rgba(255,215,0,.4)}.rosace-item.green{background:#32cd3226;border:2px solid rgba(50,205,50,.4)}.rosace-item.orange{background:#ff8c0026;border:2px solid rgba(255,140,0,.4)}.rosace-item.blue{background:#4169e126;border:2px solid rgba(65,105,225,.4)}.rosace-emoji{font-size:28px}.rosace-color{font-size:11px;font-weight:600;color:#d8d8e8}.rosace-arrow{font-size:20px;color:#f093fb;font-weight:700;animation:pulse-arrow 1s ease-in-out infinite}@keyframes pulse-arrow{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.2)}}.capture-modes{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.capture-mode{padding:15px;background:#667eea1a;border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease}.capture-mode:hover{background:#667eea33;transform:translateY(-3px);box-shadow:0 6px 16px #667eea33}.capture-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;margin-bottom:8px}.capture-mode p{font-size:14px;color:#d8d8e8}.end-conditions{list-style:none;margin:12px 0}.end-conditions li{color:#d8d8e8;font-size:15px;line-height:1.8;position:relative;padding:8px 0 8px 28px}.end-conditions li:before{content:"✓";position:absolute;left:0;color:#43e97b;font-weight:700;font-size:18px}.rules-footer{text-align:center;border-top:2px solid rgba(102,126,234,.3);background:linear-gradient(135deg,#667eea14,#f093fb14);padding:30px;margin:45px -60px -60px;border-radius:15px 15px 28px 28px}.footer-content p{font-size:22px;color:#f093fb;font-weight:700;letter-spacing:2px;margin:0}.footer-subtitle{font-size:14px;color:#a0a0c0;margin-top:8px!important;font-style:italic}.rules-close{position:absolute;top:20px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;font-size:32px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 6px 20px #667eea80;z-index:1}.rules-close:hover{transform:rotate(90deg) scale(1.2);background:linear-gradient(135deg,#f093fb,#667eea);box-shadow:0 10px 30px #f093fb99}.rules-close:active{transform:rotate(90deg) scale(1.1)}.rules-content::-webkit-scrollbar{width:12px}.rules-content::-webkit-scrollbar-track{background:#667eea1a;border-radius:10px}.rules-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#f093fb);border-radius:10px;transition:all .3s ease}.rules-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f093fb,#667eea);box-shadow:0 0 10px #667eea4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#debug-controls:empty{display:none!important}