:root{font-family:Arial,Helvetica,sans-serif;color:#c1c4ca;background:#0b0b0d;font-size:13px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #49b8eb;outline-offset:3px}button{color:inherit}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}.app{height:100dvh;padding:5px 0 4px}.top{height:40px;padding:0 8px 0 11px;background:#1b1b1b;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{font-family:"Brush Script MT","Segoe Script",cursive;font-size:34px;font-style:italic;font-weight:900;letter-spacing:-1.6px;line-height:1;color:#f5003b;text-decoration:none;transform:skew(-7deg)}.topright{display:flex;align-items:center;gap:4px}.wallet{color:#27b600;font-size:15px;font-weight:700;letter-spacing:.3px}.currency{color:#a4a6ac;font-size:12px}.menuButton{border:0;background:transparent;color:#6d7179;font-size:17px;margin-left:9px;padding:6px 0 6px 4px}.layout{height:calc(100% - 40px);display:grid;grid-template-columns:clamp(280px,21.8vw,420px) minmax(0,1fr);gap:4px;padding-top:4px}.bets{background:#1b1b1b;border-radius:23px;min-height:0;display:flex;flex-direction:column;padding:8px 8px 0 13px;overflow:hidden}.tabs{display:flex;flex-shrink:0;background:#111213;border-radius:20px;padding:4px;gap:3px;height:34px}.tabs button{border:0;background:transparent;border-radius:18px;flex:1;font-size:12px;padding:4px;color:#a7aab0}.tabs button.active{background:#2b2c2f;color:#fff}.betSummary{background:#111213;border-radius:14px;margin-top:4px;padding:5px 8px 8px}.summaryTop{display:flex;align-items:center;justify-content:space-between;height:27px}.summaryTop strong{font-size:17px}.avatarStack{display:flex;align-items:center;padding-left:2px}.avatarStack .avatar{width:24px;height:24px;margin-left:-7px;border:1px solid #65a514}.avatarStack .avatar:first-child{margin-left:0;z-index:3}.avatarStack .avatar:nth-child(2){z-index:2}.summaryBottom{display:flex;justify-content:space-between;font-size:12px;color:#6e7581;margin-top:0}.summaryBottom b{color:#c1c4ca;font-weight:400}.summaryTrack{height:5px;background:#242424;border-radius:4px;margin-top:6px;overflow:hidden}.summaryTrack span{display:block;width:7%;height:100%;background:#4b8d00;border-radius:4px;transition:width .3s}.tableHead,.betrow{display:grid;grid-template-columns:minmax(0,1.35fr) .8fr .48fr .8fr;align-items:center;column-gap:5px}.tableHead{font-size:10px;color:#747c88;padding:12px 8px 8px;min-height:33px}.tableHead span:nth-child(n+3){text-align:right}.betrows{min-height:0;overflow:auto;scrollbar-width:none;flex:1}.betrows::-webkit-scrollbar{display:none}.betrow{height:32px;background:#101112;border-radius:20px;margin-bottom:4px;padding:3px 8px 3px 3px;font-size:12px}.betrow.paid{background:#203608}.player{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}.avatar{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#30363d;overflow:hidden;flex-shrink:0}.avatar svg{display:block;width:100%;height:100%}.betrow .result,.betrow .payout{text-align:right}.result{color:#19b6f4}.sideFooter{height:32px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 9px 0 15px;font-size:10px;color:#979ba3;background:#1b1b1b;margin-left:-13px;margin-right:-8px}.sideFooter>span:last-child{color:#73767c;font-size:9px;font-weight:bold;letter-spacing:.5px}.main{display:grid;grid-template-rows:36px minmax(260px,1fr) 188px;gap:0;min-width:0;min-height:0}.historyBar{display:flex;align-items:center;position:relative;min-width:0;gap:8px;padding:0 0 4px 10px}.history{display:flex;align-items:center;gap:12px;overflow:hidden;white-space:nowrap;flex:1;height:100%;mask-image:linear-gradient(to right,#000 96%,transparent)}.pill{font-size:12px;color:#21b9f3;flex-shrink:0;font-weight:400}.pill.mid{color:#9349eb}.pill.high{color:#d744bd}.historyButton{border:0;border-radius:15px 0 0 15px;background:#26272a;font-size:15px;white-space:nowrap;width:42px;padding:1px 4px;flex-shrink:0}.historyButton span{font-size:10px}.arena{border:1px solid #2c2c2e;border-radius:22px 0 13px 22px;overflow:hidden;position:relative;display:flex;flex-direction:column;background:#000;min-height:0}.funMode{height:23px;min-height:23px;background:#bb7c00;border-top:1px solid #edab13;border-bottom:1px solid #d28e05;text-align:center;font-size:14px;font-weight:700;color:#fff;line-height:21px;z-index:4}.flightStage{position:relative;flex:1;min-height:0;isolation:isolate;background:#000}.flightStage:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from var(--ray-angle,-92.5deg) at 0% 100%,rgba(24,26,28,.48) 0deg 5deg,rgba(0,0,0,.29) 5deg 10deg);z-index:0}#flightSvg{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}#curve{vector-effect:non-scaling-stroke}.centerStatus{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;padding-bottom:0;color:#fff}.mult{font-size:clamp(64px,5.4vw,104px);font-weight:700;line-height:1;letter-spacing:-3px}.crashCaption{font-size:clamp(20px,2.3vw,35px);font-weight:600;margin-bottom:10px}.crashMult{font-size:clamp(62px,5.4vw,100px);font-weight:700;color:#f5003b;line-height:1;letter-spacing:-3px}.waiting{font-size:clamp(20px,2.1vw,32px);font-weight:600;letter-spacing:.4px}.waitLogo{font-family:"Brush Script MT","Segoe Script",cursive;color:#f5003b;font-style:italic;font-weight:bold;font-size:clamp(40px,5vw,78px);margin-bottom:16px}.waitTrack{width:190px;height:5px;border-radius:5px;background:#3b1b25;margin-top:23px;overflow:hidden}.waitTrack span{display:block;height:100%;background:#f5003b;transform-origin:left;border-radius:5px}.spectators{position:absolute;right:0;bottom:7px;border:1px solid #262727;background:#151617;border-radius:22px 0 0 22px;display:flex;align-items:center;gap:10px;padding:3px 5px;z-index:3}.spectators b{font-size:12px}.controlRow{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding-top:4px;min-width:0}.betPanel{min-width:0;background:#1b1b1b;border-radius:22px;padding:8px 12px 10px}.seg{width:208px;max-width:90%;margin:0 auto;background:#111213;border-radius:18px;padding:4px;display:flex;height:32px}.seg button{border:0;border-radius:16px;background:transparent;color:#a7aab0;flex:1;font-size:12px;padding:1px}.seg button.selected{background:#2b2c2f;color:#fff}.betBody{display:flex;align-items:center;gap:10px;width:min(100%,364px);margin:27px auto 0}.stake{min-width:0;width:140px;flex-shrink:0}.number{display:flex;border-radius:20px;background:#101112;align-items:center;justify-content:space-between;padding:4px;height:32px}.number button{color:#90939a;border:0;border-radius:50%;width:24px;height:24px;background:#2b2c2f;font-size:21px;line-height:18px;padding:0;flex-shrink:0}.number input{color:#d5d7dd;background:transparent;width:64px;text-align:center;border:0;font-size:17px;font-weight:700;outline:0;appearance:textfield;-moz-appearance:textfield}.number input::-webkit-inner-spin-button,.number input::-webkit-outer-spin-button{appearance:none;margin:0}.presets{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px}.presets button{height:24px;border:0;border-radius:15px;background:#111213;color:#8e939e;padding:2px}.action{border:1px solid #8cdf6b;border-radius:12px;outline:4px solid #101112;background:#22ae00;color:white;flex:1;min-width:0;height:80px;font-size:22px;font-weight:400;line-height:1.2;padding:5px;transition:background .15s}.action:hover{background:#28bd04}.action small{font-size:18px}.action.cash{background:#e79409;border-color:#ffd178}.action.cash:hover{background:#f3a212}.action.pending{background:#a82539;border-color:#e26b7c;font-size:18px}.action.settled{background:#25282b;border-color:#4a4e54;font-size:17px}.action:disabled{opacity:.75}.autoOptions{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:#9b9fa6;margin:10px auto 0;white-space:nowrap}.autoOptions input[type=checkbox]{accent-color:#22ae00;vertical-align:middle;margin:0 3px 0 0}.autoOptions input[type=number]{width:55px;background:#101112;border:1px solid #3c3e42;color:#d2d4d9;border-radius:9px;padding:3px;text-align:center;font-size:11px}.betPanel.autoMode .betBody{margin-top:12px}.settings,.historyPopover{position:absolute;z-index:20;background:#232426;border:1px solid #3c3d40;border-radius:12px;box-shadow:0 12px 35px #0009;padding:18px}.settings{right:8px;top:44px;width:284px}.settings strong,.historyPopover strong{color:#eee}.settings p{font-size:12px;line-height:1.6;color:#9ea3ac;margin:9px 0 14px}.settingsActions{display:flex;gap:8px}.settingsActions button{background:#33363a;border:1px solid #4c5056;border-radius:7px;padding:8px 12px}.settings #roundLabel{display:block;margin-top:14px;font-size:11px;color:#969da7}.historyPopover{right:5px;top:34px;width:min(380px,95vw)}#expandedHistory{display:flex;flex-wrap:wrap;gap:14px;margin-top:17px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;border:1px solid #5a5d63;border-radius:10px;background:#2a2c30;color:#fff;padding:12px 20px;z-index:50;font-size:13px;box-shadow:0 5px 20px #0006}
@media(min-width:1600px){.history{gap:13px}.betrow{height:32px}.betBody{width:364px}}
@media(max-width:1050px){.layout{grid-template-columns:250px minmax(0,1fr)}.bets{padding-left:8px}.betBody{gap:8px}.stake{width:114px}.number input{width:50px}.betPanel{padding-left:9px;padding-right:9px}.action{font-size:20px}.action small{font-size:15px}.autoOptions{gap:6px;font-size:10px}.autoOptions input[type=number]{width:43px}.sideFooter{margin-left:-8px;padding-left:9px}}
@media(max-width:760px){.app{height:auto;min-height:100dvh;padding-top:0}.top{height:45px}.layout{display:flex;flex-direction:column;padding:4px;gap:8px;height:auto}.main{order:0;grid-template-rows:32px clamp(300px,54dvh,570px) 184px}.bets{order:1;max-height:470px;border-radius:16px;padding-top:7px}.betrows{min-height:180px}.historyBar{padding-left:6px}.arena{border-radius:16px}.funMode{height:21px;min-height:21px;font-size:12px;line-height:19px}.mult{font-size:clamp(64px,12vw,94px)}.betPanel{border-radius:15px;padding:8px}.betBody{gap:7px;margin-top:23px}.stake{width:42%}.number{padding:3px}.number button{width:20px;height:20px;font-size:18px}.number input{width:calc(100% - 40px);font-size:15px}.action{font-size:18px;height:80px}.action small{font-size:14px}.seg{width:170px}.autoOptions{gap:5px;flex-wrap:wrap;margin-top:8px}.summaryTop{height:28px}.tableHead,.betrow{grid-template-columns:1.35fr 1fr .7fr 1fr}.brand{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

.emptyRows{padding:18px 10px;color:#7c828d;font-size:12px}
.studioBack{display:block;margin-top:12px;color:#a4ff89;text-underline-offset:3px;font-size:12px}
@media(max-width:420px){.number{padding:2px}.number button{width:18px;height:18px}.number input{width:calc(100% - 36px);font-size:14px}}
@media(max-width:360px){.main{grid-template-rows:32px clamp(300px,54dvh,570px) 230px}.betBody{flex-direction:column;margin-top:12px}.stake{width:100%}.action{flex:auto;width:100%;height:62px;min-height:62px}.presets{grid-template-columns:repeat(4,1fr)}.autoOptions{gap:4px}.betPanel.autoMode .betBody{margin-top:8px}}



/* Cash-out confirmation, matching the reference's compact green capsule. */
.main{position:relative}
.winNotifications{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:6px;width:344px;max-width:calc(100% - 16px);z-index:9;pointer-events:none}
.winNotification{height:48px;flex-shrink:0;border:1px solid #319441;border-radius:28px;background:linear-gradient(100deg,#202321 0%,#20311d 53%,#244e1c 100%);display:grid;grid-template-columns:minmax(0,1fr) 112px 43px;align-items:center;pointer-events:auto;box-shadow:0 3px 8px #0002;animation:winAppear .18s ease-out}
.winMessage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:14px;min-width:0;padding-left:4px}
.winMessage span{font-size:11px;font-weight:600;color:#969e93;white-space:nowrap}
.winMessage strong{font-size:13px;font-weight:700;color:#e0e4da}
.winPrize{height:38px;position:relative;background:#568d30;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;line-height:14px;overflow:hidden}
.winPrize span{font-size:10px;font-weight:700;z-index:1}
.winPrize strong{font-size:15px;font-weight:700;z-index:1}
.winStars{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#8db05d;stroke-width:1;opacity:.8}
.winClose{border:0;background:#325d24;border-radius:50%;width:32px;height:32px;justify-self:center;font-size:21px;font-weight:400;line-height:28px;padding:0;color:#d4dfca;display:flex;align-items:center;justify-content:center}
.winClose:hover{background:#41752e}
@keyframes winAppear{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
@media(max-width:360px){.winNotification{grid-template-columns:minmax(0,1fr) 102px 38px}.winMessage span{font-size:10px}.winClose{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.winNotification{animation:none}}