:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{margin:0;padding:0;width:100vw;height:100dvh;overflow:hidden;touch-action:none}body{margin:0;padding:0;width:100%;height:100dvh}#root{width:100%;height:100dvh}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:disabled{cursor:not-allowed}.mini-roulette{width:1000px;height:580px;background-image:radial-gradient(circle at 50% 62%,#018e38,#03602c 88%)!important;border:2px solid #f38410;display:flex;flex-direction:column;font-family:Arial,sans-serif;color:#fff;overflow:hidden;border-radius:12px;position:relative}.mini-roulette__game-container{display:flex;flex:1;padding:20px 20px 80px;min-height:0;align-items:center}.mini-roulette__right-section{flex:1;gap:14px;max-width:780px;position:relative;height:100%;align-content:center}.mini-roulette .chips{background-color:#0000003a;position:absolute;left:0;right:0;bottom:0;display:inline-flex;justify-content:center;align-items:center;pointer-events:none;z-index:5;border-radius:10px}.mini-roulette .chips>*{pointer-events:auto}.mini-roulette .chips__spin{margin-top:-60px;margin-left:18px;width:68px;height:68px;border-radius:50%;background-image:radial-gradient(circle at 50% 50%,#61a503,#2d7500 94%);color:#fff;border:2px solid rgba(0,0,0,.9);cursor:pointer;box-shadow:3px 3px 6px #020b1a80,inset -1px -1px #00000052,inset 1px 1px #fff1cd33}.mini-roulette .chips__spin:disabled{cursor:not-allowed;opacity:.7}@media (max-width: 768px){.mini-roulette{width:100vw;height:100dvh;border:none;border-left:none;border-right:none;box-shadow:5px 5px 10px #0005 inset}.mini-roulette__game-container{flex-direction:column;padding:12px 12px 120px;gap:12px;align-items:center;justify-content:flex-start}.mini-roulette__right-section{width:100%;max-width:300px;align-self:center;top:-60px}.mini-roulette .chips{bottom:calc(56px + max(8px,env(safe-area-inset-bottom)));background-color:#0005;padding:18px 12px;border-radius:14px}.mini-roulette .chips__spin{margin-top:0;width:56px;height:56px}}.mini-roulette__result-display{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.mini-roulette__result-number{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);box-shadow:0 8px 32px #0009;animation:resultPulse 2s ease-in-out infinite}.mini-roulette__result-number.red{background:linear-gradient(45deg,#d32f2f,#f44336);color:#fff;border:4px solid #b71c1c}.mini-roulette__result-number.black{background:linear-gradient(45deg,#212121,#424242);color:#fff;border:4px solid #000}.mini-roulette__result-number.golden{background:linear-gradient(45deg,gold,#ffed4e,#ffc800);color:#000;border:4px solid #b8860b;box-shadow:0 8px 32px #0009,0 0 20px #ffd700cc,0 0 40px #ffd70066;animation:goldenResultPulse 1.5s ease-in-out infinite}.initial-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 62%,#018e38,#03602c 88%);z-index:1000}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.2);border-top:3px solid rgba(255,255,255,.8);border-right:3px solid rgba(255,255,255,.5);border-radius:50%;animation:spin .8s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes goldenResultPulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #0009,0 0 20px #ffd700cc,0 0 40px #ffd70066}50%{transform:scale(1.1);box-shadow:0 12px 40px #000000b3,0 0 30px gold,0 0 60px #ffd70099}}@keyframes resultPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:36px;padding:0 4px;background:#0000004d;flex-shrink:0}.header-left{display:flex;align-items:center;gap:6px}.game-title-button{cursor:default;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;padding:4px 8px;border:1px solid rgba(0,0,0,.5);border-radius:20px;background-color:#018220;box-shadow:inset 1px 1px #fff1cd33}.how-to-play{display:flex;align-items:center;gap:6px;height:22px;color:#3c0606;font-size:12px;border-radius:17px;padding:4px;background-image:linear-gradient(to bottom,#f9a119,#f38410);border:none;cursor:pointer}.how-to-play span{flex-grow:1;text-align:center;margin-right:8px}.header-right{display:flex;align-items:center;gap:6px}.balance{display:flex;align-items:center}.balance-amount{font-size:14px;font-weight:600;color:#fff}.currency{color:#ffffff80}.menu-button{width:24px;height:24px;cursor:pointer;padding:0;border:1px solid rgba(0,0,0,.5);border-radius:20px;background-color:#018220;box-shadow:inset 1px 1px #fff1cd33;display:flex;align-items:center;justify-content:center}.win-toast{padding:3px 8px;border-radius:99px;font-size:13px;font-weight:600;color:#fff;background-color:#575c68;border:1px solid #292e3e}.win{background-color:#15902d!important;border:1px solid #0e2d16!important}@media (max-width: 768px){.how-to-play span{display:none}}.menu-popover{position:fixed;background:#212226;border:1px solid #1b1b1b;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:8px 0;min-width:240px;z-index:1001;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:background-color .2s ease;color:#fff}.menu-item:hover:not(.sound-item){background-color:#ffffff0d}.menu-item.sound-item{cursor:default}.menu-label{font-size:14px;color:#fff;flex:1}.menu-arrow{color:#999;margin-left:8px}.menu-divider{height:1px;background-color:#ffffff1a;margin:8px 0}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#444;transition:.3s;border-radius:22px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(18px)}@media (max-width: 768px){.menu-popover{min-width:180px}.menu-item{padding:10px 14px}.menu-label{font-size:13px}}.bet-area{display:flex;flex-direction:column;width:100%;max-width:min(100%,390px);flex-shrink:0}.bet-area-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0}.total-bet{font-size:12px;color:#fff;opacity:.8}.amount{font-weight:700}.paytable-button{font-size:12px;color:#fff;opacity:.8;text-decoration:underline;background:transparent;border:none;cursor:pointer;padding:0}.paytable-button:hover{opacity:1}.bet-area-controls{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0}.controls-left,.controls-right{display:flex;gap:8px}.control-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:2px 8px;font-size:12px;color:#fff;background-color:#018220;border:1px solid rgba(0,0,0,.5);border-radius:20px;box-shadow:inset 1px 1px #fff1cd33;cursor:pointer;transition:all .2s}.control-button svg{flex-shrink:0}.control-button:hover:not(:disabled){background-color:#01a52a;box-shadow:inset 1px 1px #fff1cd4d}.control-button:active:not(:disabled){background-color:#016818}.control-button:disabled{opacity:.4;cursor:not-allowed}.roulette-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);aspect-ratio:2;max-width:390px;border:1px solid rgba(255,255,255,.75);background:transparent;border-radius:12px}.cell{background-color:transparent;display:grid;place-items:center;padding:8px;pointer-events:none}.chip{display:grid;place-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}.chip img{width:48px;height:48px;grid-area:1 / 1 / -1 / -1;pointer-events:auto;cursor:pointer}.chip span{font-weight:700;grid-area:1 / 1 / -1 / -1}.cell.special{font-size:.8em}.cell-container{pointer-events:auto;display:grid;place-items:center;width:100%;height:100%;cursor:pointer}.cell-bg{padding:8px;place-self:stretch;border-radius:50%;aspect-ratio:1;border:1px solid black;grid-area:1 / 1}.cell-bg.red{background:radial-gradient(circle at 75% 25%,#f44,#c11)}.cell-bg.black{background:radial-gradient(circle at 75% 25%,#555,#000)}.cell-label{color:#fff;grid-area:1 / 1;z-index:1;-webkit-user-select:none;user-select:none}.cell-label.number{font-size:21px;font-weight:600}.cell-label.special{font-size:13px;font-weight:500}.split-cell{pointer-events:auto;cursor:pointer!important}.split-cell.horizontal{width:100%;height:16px}.split-cell.vertical{width:16px;height:100%}.corner-cell{pointer-events:auto;width:16px;height:16px;cursor:pointer}.border-bottom{border-bottom:1px solid rgba(255,255,255,.75)}.border-right{border-right:1px solid rgba(255,255,255,.75)}.game-canvas{max-width:360px;max-height:360px;position:relative;display:grid;place-content:center}@media (max-width: 768px){.game-canvas{width:unset;height:unset;flex-grow:1;flex-basis:0;overflow:hidden}}.game-canvas canvas{display:block}.toast-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.toast{padding:8px 24px;border-radius:99px;font-size:16px;font-weight:600;text-align:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;align-items:center;justify-content:center;animation:slideInFromTop .3s ease-out}.toast-success{background-color:#0a9814;color:#fff}.toast-error{background-color:#ef4444;color:#fff}.toast-neutral{background-color:#6c6c6c;color:#fff}.toast-message{font-size:.875rem;font-weight:500}@keyframes slideInFromTop{0%{transform:translateY(-.5rem);opacity:0}to{transform:translateY(0);opacity:1}}.bet-control{display:flex;flex-direction:column;align-items:center;padding:8px;flex-shrink:0}.chip-selection{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px}.chip-button{position:relative;background:transparent;border:none;cursor:pointer;display:grid;place-content:center;transition:transform .2s}.chip-button.active{transform:scale(1.2) translateY(-12px);margin-bottom:12px}.chip-button img{width:48px;height:48px;grid-area:1 / 1}.chip-amount{grid-area:1 / 1;color:#fff;font-weight:700;font-size:12px;z-index:1;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;text-align:center}.place-bet-button{width:80px;height:80px;border-radius:50%;background:linear-gradient(to bottom,#f9a119,#f38410);border:2px solid rgba(0,0,0,.3);color:#3c0606;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center}.place-bet-button:disabled{opacity:.85}.currency-info{font-size:10px;color:#fff9;font-weight:400}.game-container{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}.main-container{flex-grow:1;flex-basis:0;flex-shrink:1;min-height:0;display:flex;flex-direction:column;padding:12px 18px;gap:8px;align-items:center;justify-content:space-evenly}.bet-area-wrapper{display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0}@media (min-width: 768px){.main-container{flex-direction:row}.bet-area-wrapper{width:unset}}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#212226;border:1px solid #1b1b1b;border-radius:12px;width:500px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 1rem 3rem #0000004d!important;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.modal-close{position:relative;padding:0;margin:0;opacity:1;overflow:hidden;width:22px;height:22px;border-radius:20px;box-shadow:inset 1px 1px #fff1cd33;border:solid 1px rgba(0,0,0,.5);background:#373e48;transform:translate(5px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close svg{opacity:.7;transition:opacity .2s ease}.modal-close:hover{background:#4a5260;transform:translate(5px) scale(1.05)}.modal-close:hover svg{opacity:1}.modal-close:active{transform:translate(5px) scale(.95)}.modal-content{padding:1rem;color:#fff;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.modal-container{max-width:95vw;max-height:95vh;margin:10px}.modal-header{padding:15px}.modal-title{font-size:20px}.modal-content{padding:15px}}.modal-section{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.modal-section .title{display:flex;align-items:center;color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.modal-section .title svg{margin-right:8px}.modal-section .example{display:block;width:100%;max-width:250px;height:auto;margin:20px auto;border-radius:8px}.modal-section .text{color:#ccc;font-size:14px;line-height:1.6;margin:15px 0;max-width:400px}.modal-section .text:first-of-type{margin-top:20px}.modal-section .text:last-child{margin-bottom:0}@media (max-width: 768px){.modal-section{padding:15px}.modal-section .title{font-size:16px}.modal-section .text{font-size:13px}}.game-limits{padding:20px}.game-limits__text{color:#ccc;font-size:14px;line-height:1.6;margin-bottom:25px}.game-limits__list{list-style:none;padding:0;margin:0}.game-limits__list li{display:flex;width:100%;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.game-limits__list li:last-child{border-bottom:none}.game-limits__list .p-text{color:#999;font-size:14px}.badge{display:inline-flex;align-items:center;justify-content:end;padding:6px 8px;width:120px;border-radius:4px;font-size:14px;font-weight:600;white-space:nowrap}.badge-secondary{background-color:#6c757d33;color:#fff;border:1px solid rgba(108,117,125,.3)}@media (max-width: 768px){.game-limits{padding:15px}.game-limits__text{font-size:13px;margin-bottom:20px}.game-limits__list .p-text{font-size:13px}.badge{font-size:13px;padding:5px 12px}}.game-rules-title{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:18px;font-weight:600;margin:0 0 25px}.game-rules-title svg{margin-right:8px}.game-rules-content{max-height:60vh;overflow-y:auto;padding-right:10px}.rules-list{list-style:none;padding:0;margin:0 0 20px}.rules-list li{color:#ccc;font-size:14px;line-height:1.6;margin-bottom:12px;padding-left:15px;position:relative}.rules-list li:before{content:"•";color:#666;position:absolute;left:0;top:0}.divider{border:none;height:1px;background-color:#ffffff1a;margin:20px 0}.section-title{color:#fff;font-size:15px;font-weight:600;margin:0 0 15px;text-transform:uppercase;letter-spacing:.5px}.game-rules-content::-webkit-scrollbar{width:6px}.game-rules-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.game-rules-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.game-rules-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.game-rules-title{font-size:16px;margin-bottom:20px}.rules-list li{font-size:13px;margin-bottom:10px}.section-title{font-size:14px}.game-rules-content{max-height:50vh;padding-right:5px}}.paytable-svg{position:relative;display:flex;justify-content:center;align-items:center;height:240px;width:300px;color:#f68b31}.paytable-svg svg{width:100%;height:100%}.paytable-svg div{position:absolute;font-weight:700;font-size:14px}.paytable-svg div.num1{left:10px;top:0}.paytable-svg div.num2{left:108px;top:0}.paytable-svg div.num3{right:32px;top:0}.paytable-svg div.num4{left:10px;bottom:0}.paytable-svg div.num5{left:130px;bottom:0}.paytable-svg div.num6{right:10px;bottom:0}@media (max-width: 768px){.paytable-svg{width:100%;max-width:300px;height:auto}}.betHistory-modal .modal-content{justify-content:flex-start;align-items:stretch}.bet-history-modal-content{width:100%;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow:hidden}.bet-history-list{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:12px}.bet-history-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.bet-history-item__header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.bet-history-timestamp{font-size:12px;color:#ffffffb3}.bet-history-winning-number{font-size:13px;background:linear-gradient(135deg,#ffb74d,#ff8f00);color:#0b0c10;font-weight:700;padding:6px 12px;border-radius:999px;align-self:flex-start;white-space:nowrap}.bet-history-summary{display:flex;flex-wrap:wrap;gap:16px}.summary-item{display:flex;flex-direction:column;gap:4px;min-width:120px}.summary-label{font-size:12px;color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.summary-badge{font-size:11px;background:#388e3ccc;color:#e8f5e9;padding:2px 8px;border-radius:999px;text-transform:uppercase}.bet-history-results-wrapper{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.results-title{margin:0 0 8px;font-size:13px;font-weight:600;color:#ffffffd9;text-transform:uppercase}.bet-history-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bet-history-result{display:flex;flex-direction:column;gap:6px;font-size:12px;padding:10px 12px;border-radius:8px;background:#ffffff08}.result-type{font-weight:600;color:#ffffffd9}.result-details{display:flex;flex-wrap:wrap;gap:12px}.result-pair{display:flex;flex-direction:column;gap:2px;min-width:120px}.result-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.4px}.result-value{color:#ffffffd9;font-weight:500}.bet-history-error{background:#ef9a9a26;border:1px solid rgba(239,83,80,.45);color:#ffcdd2;padding:8px 12px;border-radius:8px;font-size:12px}.bet-history-empty{text-align:center;color:#ffffffb3;font-size:13px;padding:16px 0}.bet-history-footer{display:flex;justify-content:center}.load-more-button{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:999px;padding:10px 24px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.load-more-button:hover:not(:disabled){transform:translateY(-1px)}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.bet-history-list::-webkit-scrollbar{width:6px}.bet-history-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.bet-history-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}@media (max-width: 480px){.bet-history-winning-number{width:100%;text-align:center}.bet-history-modal-content{max-height:65vh}.result-details{flex-direction:column}.result-pair{min-width:100%}}