:root{--bg-color:#0a0b10;--panel-bg:#14182299;--panel-border:#ffffff0d;--text-primary:#fff;--text-secondary:#94a3b8;--color-green:#22c55e;--color-green-hover:#16a34a;--color-red:#ef4444;--color-red-hover:#dc2626;--color-violet:#a855f7;--color-violet-hover:#9333ea;--color-blue:#3b82f6;--font-main:"Inter", system-ui, sans-serif}#arrays-colour-prediction-root{font-family:var(--font-main);background:radial-gradient(circle at center, #1a1e2d 0%, var(--bg-color) 70%);color:var(--text-primary);box-sizing:border-box;border-radius:1rem;flex-direction:column;width:100%;min-height:500px;display:flex;overflow:hidden;box-shadow:0 10px 40px #000c}@media (width>=768px){#arrays-colour-prediction-root{flex-direction:row;align-items:stretch}}.colour-sidebar{background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--panel-border);flex-direction:column;gap:1.5rem;min-width:300px;padding:1.5rem;display:flex}@media (width<=767px){.colour-sidebar{border-right:none;border-bottom:1px solid var(--panel-border)}}.control-group{flex-direction:column;gap:.5rem;display:flex}.control-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.control-input{border:1px solid var(--panel-border);color:var(--text-primary);box-sizing:border-box;background:#0000004d;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.control-input:focus{border-color:var(--color-blue);outline:none;box-shadow:0 0 0 3px #3b82f633}.control-input:disabled{opacity:.5;cursor:not-allowed}.play-btn{background:var(--color-blue);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:.5rem;margin-top:auto;padding:1rem;font-size:1.125rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #3b82f64d}.play-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.play-btn:disabled{opacity:.5;cursor:not-allowed}.colour-game-area{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.draw-display-container{background:var(--panel-bg);border:4px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.draw-number{color:var(--text-primary);z-index:2;font-size:4rem;font-weight:900;transition:transform .3s}.color-overlay{z-index:1;opacity:1;transition:background .5s ease-out;position:absolute;inset:0}.color-overlay.green{background:linear-gradient(135deg, var(--color-green), #059669)}.color-overlay.red{background:linear-gradient(135deg, var(--color-red), #dc2626)}.color-overlay.violet{background:linear-gradient(135deg, var(--color-violet), #9333ea)}.color-overlay.neutral{background:0 0}.color-overlay:not(.neutral)+.draw-number{color:#fff;text-shadow:0 4px 10px #0006}@keyframes drawPop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.draw-pop{animation:.6s cubic-bezier(.175,.885,.32,1.275) both drawPop}.bet-board{flex-direction:column;gap:2rem;width:100%;max-width:650px;display:flex}.colour-row{gap:12px;display:flex}.bet-btn{color:#fff;cursor:pointer;border:none;border-radius:30px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:1rem 0;font-size:1.1rem;font-weight:800;transition:all .3s;display:flex;box-shadow:0 4px 10px #0003}.bet-btn:hover{transform:translateY(-2px)}.bet-btn.selected{transform:scale(1.05);box-shadow:0 10px 20px #0006,inset 0 0 10px #fff3}.bet-btn.blurred{filter:blur(4px);opacity:.4;transform:scale(.95)}.btn-green{background:linear-gradient(180deg, #2dd4bf, var(--color-green))}.btn-violet{background:linear-gradient(180deg, #c084fc, var(--color-violet))}.btn-red{background:linear-gradient(180deg, #fb7185, var(--color-red))}.multiplier-hint{opacity:.9;background:#0003;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:400}.number-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem 1rem;padding:1rem;display:grid}.num-btn{aspect-ratio:1;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:2rem;font-weight:900;transition:transform .2s,filter .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #00000080}.num-btn:before{content:"";z-index:1;background:radial-gradient(circle at 30% 30%,#fff 0%,#eef2ff 100%);border-radius:50%;position:absolute;inset:15%;box-shadow:inset 0 -3px 5px #0000001a,0 2px 5px #0003}.num-btn:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(at 50% 4%,#ffffffd9 15%,#0000 25%),radial-gradient(at 50% 96%,#ffffffb3 15%,#0000 22%),radial-gradient(circle at 4%,#ffffffe6 12%,#0000 16%),radial-gradient(circle at 96%,#ffffffe6 12%,#0000 16%);border-radius:50%;position:absolute;inset:0}.num-btn span{z-index:3;position:relative}.num-btn:hover{transform:translateY(-2px)scale(1.05)}.num-btn.selected{transform:scale(1.15);box-shadow:0 10px 30px #0009,0 0 20px}.num-btn.blurred{filter:blur(4px);opacity:.4;transform:scale(.95)}.num-btn[data-num="1"],.num-btn[data-num="3"],.num-btn[data-num="7"],.num-btn[data-num="9"]{color:#16a34a;background:linear-gradient(135deg,#4ade80,#16a34a)}.num-btn[data-num="2"],.num-btn[data-num="4"],.num-btn[data-num="6"],.num-btn[data-num="8"]{color:#dc2626;background:linear-gradient(135deg,#f87171,#dc2626)}.num-btn[data-num="0"],.num-btn[data-num="5"]{color:#9333ea;background:linear-gradient(135deg,#c084fc,#9333ea)}.num-btn[data-num="1"]:before,.num-btn[data-num="3"]:before,.num-btn[data-num="7"]:before,.num-btn[data-num="9"]:before{background:radial-gradient(circle at 30% 30%,#fff 0%,#dcfce7 100%)}.num-btn[data-num="2"]:before,.num-btn[data-num="4"]:before,.num-btn[data-num="6"]:before,.num-btn[data-num="8"]:before{background:radial-gradient(circle at 30% 30%,#fff 0%,#fee2e2 100%)}.num-btn[data-num="0"]:before,.num-btn[data-num="5"]:before{background:radial-gradient(circle at 30% 30%,#fff 0%,#f3e8ff 100%)}.colour-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;z-index:10;background:#000000d9;border-radius:1rem;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.colour-overlay.show{opacity:1;pointer-events:all}.colour-result-card{background:var(--panel-bg);text-align:center;border:1px solid var(--panel-border);border-radius:1rem;min-width:300px;padding:2.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:translateY(20px);box-shadow:0 20px 40px #000c,inset 0 0 20px #ffffff0d}.colour-overlay.show .colour-result-card{transform:translateY(0)}.result-title{text-transform:uppercase;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.result-title.win{color:var(--color-green)}.result-title.loss{color:var(--color-red)}.result-amount{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.75rem}.result-btn{background:var(--color-blue);color:#fff;cursor:pointer;border:none;border-radius:30px;margin-top:1.5rem;padding:.75rem 2rem;font-size:1.125rem;font-weight:700;transition:all .2s}.result-btn:hover{background:#2563eb;box-shadow:0 4px 15px #3b82f680}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}
/*$vite$:1*/