@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080b12;--panel:#111722;--panel2:#151d29;--line:#273142;--muted:#778397;--text:#f5f7fb;--red:#ff4358;--red2:#9b1f34;--green:#18e59c;--green2:#087a58;--black:#313b4a;--gold:#f2c66d;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Manrope,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 52% 20%,#1a2332 0,transparent 36%),linear-gradient(145deg,#080b12,#0b1018 60%,#080b12);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{width:min(1580px,100%);margin:auto;padding:18px}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:12px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #566279;border-radius:13px;font-weight:800;background:linear-gradient(145deg,#232e40,#0f151f);box-shadow:inset 0 1px #ffffff20}.brand b{display:block;letter-spacing:.16em;font-size:15px}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.2em;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px}.balance{height:46px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#111722}.balance small{font-size:8px;color:var(--muted);display:block;letter-spacing:.12em}.balance strong{font-size:13px}.coin{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:800;color:#07120e;background:var(--green);box-shadow:0 0 16px #18e59c55}.coin.small{width:22px;height:22px}.deposit,.icon-btn{height:42px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:#151d29;font:700 11px Manrope;cursor:pointer}.deposit{padding:0 17px;color:#06110d;background:var(--green);border-color:var(--green)}.icon-btn{width:42px;font-size:16px}.avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#344157,#18202d);display:grid;place-items:center;font-weight:800;border:1px solid #43506a}
.panel,.history-strip{border:1px solid var(--line);background:linear-gradient(155deg,#151c28eF,#0e141eF2);box-shadow:0 22px 70px #0008,inset 0 1px #fff06}.history-strip{min-height:67px;border-radius:16px;display:flex;align-items:center;padding:10px 14px;margin-bottom:12px;overflow:hidden}.history-heading{min-width:145px;border-right:1px solid var(--line);margin-right:14px}.history-heading span{font-size:10px;font-weight:800;letter-spacing:.14em}.history-heading small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.history-track{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.history-empty{font-size:11px;color:var(--muted)}.history-ball{width:34px;height:34px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;border:1px solid #fff2;font:700 10px DM Mono;cursor:pointer;box-shadow:inset 0 0 0 5px #0002}.history-ball.RED{background:var(--red)}.history-ball.BLACK{background:#3b4655}.history-ball.GREEN{background:var(--green);color:#06130e;box-shadow:0 0 18px #18e59c55,inset 0 0 0 5px #0001}
.game-grid{display:grid;grid-template-columns:310px minmax(480px,1fr) 315px;gap:12px;min-height:650px}.panel{border-radius:18px}.bet-panel,.side-panel{padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-title small,.field-label,.tab-summary small,.round-meta small{display:block;color:var(--muted);font-size:8px;letter-spacing:.15em;font-weight:700}.panel-title b{font-size:15px;letter-spacing:.05em}.panel-title em{font-style:normal;font-size:9px;color:var(--green);border:1px solid #18e59c55;padding:5px 8px;border-radius:99px;background:#18e59c12}.field-label{margin-bottom:7px}.field-label span{float:right;letter-spacing:0}.amount-box{height:49px;border:1px solid #334055;border-radius:12px;display:flex;align-items:center;padding:0 11px;background:#0b1018;transition:.2s}.amount-box:focus-within{border-color:#60708d;box-shadow:0 0 0 3px #60708d1f}.amount-box input{min-width:0;flex:1;background:none;border:0;outline:0;color:#fff;font:700 17px DM Mono;padding:0 10px}.amount-box>span:last-child{color:var(--muted);font-size:9px}.amount-ops,.quick-bets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.amount-ops button,.quick-bets button{height:31px;border:1px solid var(--line);border-radius:8px;background:#192230;color:#aab4c3;font:700 9px Manrope;cursor:pointer}.quick-bets{grid-template-columns:repeat(7,1fr);margin:10px 0 22px}.quick-bets button{font-size:8px;padding:0}.color-label{margin-bottom:9px}.colors{display:grid;gap:7px}.color-card{height:65px;border:1px solid var(--line);border-radius:12px;background:#151c27;color:white;display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;text-align:left;padding:0 13px;cursor:pointer;transition:.24s var(--ease)}.color-card i{width:23px;height:23px;border-radius:50%;border:4px solid #fff1}.color-card.red i{background:var(--red)}.color-card.black i{background:#556171}.color-card.green i{background:var(--green)}.color-card span b{font-size:11px;letter-spacing:.08em}.color-card span small{display:block;font-size:7px;color:var(--muted);margin-top:3px}.color-card strong{font:700 16px DM Mono}.color-card:hover{transform:translateX(3px);border-color:#526079}.color-card.selected.red{border-color:var(--red);background:linear-gradient(90deg,#ff435823,#151c27);box-shadow:0 0 20px #ff43581e}.color-card.selected.black{border-color:#78879b;background:linear-gradient(90deg,#77839725,#151c27);box-shadow:0 0 20px #7783971d}.color-card.selected.green{border-color:var(--green);background:linear-gradient(90deg,#18e59c26,#151c27);box-shadow:0 0 22px #18e59c22}.bet-button{width:100%;height:63px;border:0;border-radius:13px;background:var(--green);color:#06120e;margin-top:13px;font-family:Manrope;cursor:pointer;box-shadow:0 8px 28px #18e59c27;transition:.2s}.bet-button span{display:block;font-size:12px;font-weight:800;letter-spacing:.08em}.bet-button small{font-size:8px;opacity:.65}.bet-button:disabled{background:#242d3b;color:#6d7889;box-shadow:none;cursor:not-allowed}.server-note{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:8px;margin:12px 0 0}.server-note i,.side-footer i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.arena{position:relative;overflow:hidden;min-height:650px;display:flex;flex-direction:column;padding:18px 26px}.arena-glow{position:absolute;width:600px;height:600px;left:50%;top:50%;transform:translate(-50%,-47%);background:radial-gradient(circle,#263347 0,#15203070 38%,transparent 67%);pointer-events:none}.round-meta{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.round-meta code{font:500 9px DM Mono;color:#aab4c4}.round-meta button{border:1px solid var(--line);border-radius:9px;background:#0d131c;color:var(--muted);height:32px;padding:0 10px;font:600 8px Manrope;max-width:180px;overflow:hidden}.round-meta button code{display:inline}.phase{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;text-align:left}.phase-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.phase span small{color:var(--muted);font-size:7px;letter-spacing:.16em;display:block}.phase span b{font-size:13px;letter-spacing:.07em}.phase>strong{font:700 28px DM Mono;min-width:84px;text-align:right}.wheel-stage{position:relative;flex:1;display:grid;place-items:center;min-height:470px}.wheel{position:relative;width:min(440px,75vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(from -12deg,var(--green) 0 24deg,var(--red) 24deg 48deg,#2e3948 48deg 72deg,var(--red) 72deg 96deg,#2e3948 96deg 120deg,var(--red) 120deg 144deg,#2e3948 144deg 168deg,var(--red) 168deg 192deg,#2e3948 192deg 216deg,var(--red) 216deg 240deg,#2e3948 240deg 264deg,var(--red) 264deg 288deg,#2e3948 288deg 312deg,var(--red) 312deg 336deg,#2e3948 336deg 360deg);box-shadow:0 35px 65px #0009,0 0 0 12px #080b10,0 0 0 14px #39465a,inset 0 0 65px #0008;transition:transform 4.25s cubic-bezier(.08,.67,.05,1);will-change:transform}.wheel::after{content:"";position:absolute;inset:6%;border-radius:50%;border:1px solid #fff1;box-shadow:inset 0 0 30px #0008}.wheel-ring{position:absolute;inset:1.5%;border-radius:50%;border:2px solid #ffffff22}.wheel-numbers{position:absolute;inset:0}.wheel-number{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px;display:grid;place-items:center;font:800 12px DM Mono;transform:rotate(var(--a)) translateY(-183px) rotate(calc(var(--a) * -1));text-shadow:0 2px 5px #0008}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 38% 32%,#3a4658,#121923 57%,#070a0f);border:7px solid #242e3d;box-shadow:0 12px 35px #000c,inset 0 2px 4px #fff2;z-index:3}.wheel-hub span{font-size:28px;font-weight:800;letter-spacing:-.08em}.wheel-hub small{color:var(--muted);font-size:7px;letter-spacing:.28em}.pointer{position:absolute;z-index:6;top:10px;left:50%;transform:translateX(-50%);width:42px;height:52px;filter:drop-shadow(0 8px 7px #0009)}.pointer span{display:block;width:100%;height:100%;background:linear-gradient(145deg,#fff,#9ba7b8);clip-path:polygon(8% 0,92% 0,65% 45%,50% 100%,35% 45%)}.wheel-shadow{position:absolute;width:65%;height:15%;border-radius:50%;background:#000b;filter:blur(22px);bottom:6%}.result-card{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-45%) scale(.82);width:240px;height:190px;border-radius:24px;background:#0d131cf5;border:1px solid #fff2;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 28px 90px #000;opacity:0;pointer-events:none;transition:.35s var(--ease)}.result-card.show{opacity:1;transform:translate(-50%,-45%) scale(1)}.result-card small{font-size:8px;color:var(--muted);letter-spacing:.18em}.result-card b{font-size:36px;margin:4px 0}.result-card strong{font:700 24px DM Mono}.result-card em{font-style:normal;font-size:8px;margin-top:13px;color:var(--muted)}.result-card.RED b,.result-card.RED strong{color:var(--red)}.result-card.GREEN b,.result-card.GREEN strong{color:var(--green)}.result-card.BLACK b,.result-card.BLACK strong{color:#b8c3d2}.my-ticket{position:relative;z-index:2;min-height:48px;border:1px solid var(--line);border-radius:12px;background:#0b1018aa;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.my-ticket span{font-size:9px;font-weight:800;letter-spacing:.1em}.my-ticket small{font-size:8px;color:var(--muted)}
.tabs{display:grid;grid-template-columns:1fr 1fr;background:#0b1018;border-radius:10px;padding:4px}.tabs button{height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:700 9px Manrope;cursor:pointer}.tabs button.active{background:#222c3b;color:#fff}.tab-summary{display:flex;justify-content:space-between;padding:17px 2px 13px;border-bottom:1px solid var(--line)}.tab-summary span:last-child{text-align:right}.tab-summary b{font-size:13px}.bet-list{height:494px;overflow:auto;padding-top:6px;scrollbar-width:thin}.hidden{display:none}.empty{font-size:10px;color:var(--muted);text-align:center;padding:40px 10px}.bet-row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:11px 4px;border-bottom:1px solid #252e3c}.bet-avatar{width:28px;height:28px;border-radius:9px;background:#273243;display:grid;place-items:center;font-size:9px;font-weight:800}.bet-row span b{display:block;font-size:9px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.bet-row span small{font-size:7px;color:var(--muted)}.bet-row>strong{font:600 9px DM Mono;text-align:right}.bet-row>strong small{display:block;font:700 7px Manrope;margin-top:3px}.bet-row.RED>strong small{color:var(--red)}.bet-row.GREEN>strong small{color:var(--green)}.bet-row.BLACK>strong small{color:#aab4c4}.side-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;color:var(--muted);font-size:8px}.side-footer span{display:flex;align-items:center;gap:5px}.footerbar{height:48px;display:flex;align-items:center;justify-content:space-between;color:#596579;font-size:8px;letter-spacing:.08em}.footerbar button{background:none;border:0;color:#9aa6b7;font:700 8px Manrope;cursor:pointer}
.modal{width:min(700px,calc(100% - 28px));color:var(--text);background:#111823;border:1px solid #364258;border-radius:20px;padding:30px;box-shadow:0 40px 100px #000d}.modal::backdrop{background:#05070bd9;backdrop-filter:blur(8px)}.close{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#1b2432;color:white;font-size:20px}.modal-kicker{font-size:8px;letter-spacing:.2em;color:var(--green)}.modal h2{font-size:26px;margin:5px 0 19px}.modal p,.modal li{color:#9aa6b7;font-size:11px;line-height:1.7}.rule-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rule-cards article{padding:15px;border:1px solid var(--line);border-radius:12px;background:#0d131c}.rule-cards b{font-size:10px}.rule-cards .red b{color:var(--red)}.rule-cards .green b{color:var(--green)}.responsible{border-top:1px solid var(--line);padding-top:14px}.fair-modal label{display:block;font-size:8px;color:var(--muted);letter-spacing:.12em}.verify-row{display:flex;margin-top:7px}.verify-row input{flex:1;min-width:0;height:42px;background:#090e15;border:1px solid var(--line);border-radius:9px 0 0 9px;color:#fff;padding:0 11px;font:10px DM Mono;outline:0}.verify-row button{border:0;border-radius:0 9px 9px 0;background:var(--green);font:800 9px Manrope;padding:0 18px}.verify-state{display:flex;align-items:center;gap:10px;padding:13px;margin:12px 0;border:1px solid var(--line);border-radius:11px}.verify-state i{width:9px;height:9px;background:#647085;border-radius:50%}.verify-state.ok i{background:var(--green);box-shadow:0 0 12px var(--green)}.verify-state.bad i{background:var(--red)}.verify-state b{display:block;font-size:10px}.verify-state small{font-size:8px;color:var(--muted)}.proof{display:grid;grid-template-columns:1fr 1fr;gap:7px}.proof div{min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px}.proof dt{font-size:7px;color:var(--muted);text-transform:uppercase}.proof dd{margin:5px 0 0;font-size:10px}.proof code{display:block;overflow:hidden;text-overflow:ellipsis;font:9px DM Mono}.toasts{position:fixed;right:18px;bottom:18px;z-index:50;display:grid;gap:7px}.toast{background:#17202d;border:1px solid #354156;border-left:3px solid var(--green);border-radius:10px;padding:11px 15px;font-size:10px;box-shadow:0 15px 35px #000a;animation:toast .3s var(--ease)}.toast.error{border-left-color:var(--red)}@keyframes toast{from{opacity:0;transform:translateY(10px)}}.confetti{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.confetti i{position:absolute;top:-10%;width:7px;height:14px;background:var(--green);animation:fall 1.8s linear forwards}@keyframes fall{to{transform:translateY(115vh) rotate(680deg)}}
.auto-button{width:100%;height:38px;margin-top:7px;border:1px solid var(--line);border-radius:10px;background:#111823;color:#aab4c4;display:flex;justify-content:space-between;align-items:center;padding:0 13px;font:700 9px Manrope;cursor:pointer}.auto-button small{color:var(--muted)}.auto-button.running{border-color:#18e59c66;color:var(--green)}
.auto-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.auto-grid label{font-size:8px;color:var(--muted);letter-spacing:.1em}.auto-grid input,.auto-grid select{display:block;width:100%;height:42px;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:#090e15;color:#fff;padding:0 10px;font:10px DM Mono}.auto-checks{display:flex;gap:18px;margin:15px 0}.auto-checks label{font-size:10px;color:#aab4c4}.auto-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auto-actions button{height:43px;border:1px solid var(--line);border-radius:10px;background:#1a2331;color:#fff;font:800 9px Manrope}.auto-actions button:last-child{background:var(--green);border-color:var(--green);color:#06120e}
@media(max-width:1100px){.game-grid{grid-template-columns:280px 1fr}.side-panel{grid-column:1/-1}.bet-list{height:240px}.side-panel{min-height:360px}.wheel{width:min(410px,60vw)}}
@media(max-width:760px){.shell{padding:10px}.topbar{height:58px}.brand small,.deposit,.icon-btn:nth-of-type(2){display:none}.balance{padding:0 9px}.balance small{display:none}.avatar{display:none}.history-strip{border-radius:13px}.history-heading{display:none}.game-grid{display:flex;flex-direction:column}.arena{order:1;min-height:540px;padding:14px}.bet-panel{order:2}.side-panel{order:3}.wheel-stage{min-height:410px}.wheel{width:min(350px,76vw)}.wheel-number{transform:rotate(var(--a)) translateY(-145px) rotate(calc(var(--a) * -1));font-size:10px}.round-meta button{max-width:130px}.my-ticket{align-items:flex-start;flex-direction:column;justify-content:center;gap:3px}.footerbar span:nth-child(2){display:none}.rule-cards,.proof{grid-template-columns:1fr}.result-card{width:210px;height:170px}.phase>strong{font-size:22px}}
@media(max-width:760px){.auto-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.wheel{transition-duration:.35s}.confetti{display:none}}