/* Compact layout: the game keeps the entire row; balance and rules sit below it. */
body{background:#0d0d10;color:#f2f2f5}
.minimal-shell{min-height:100dvh;max-width:1200px;margin:0 auto;padding:0 38px}
.minimal-header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #25252c}
.minimal-brand{display:flex;align-items:center;gap:10px;font-size:31px;font-weight:800;letter-spacing:-1.8px;text-decoration:none;color:inherit}
.minimal-brand img{border-radius:8px}.minimal-header-end{display:flex;gap:15px;align-items:center}
.desktop-game-nav{display:flex;gap:8px}.desktop-game-nav .nav-item{margin:0;width:auto;padding:11px 16px;min-height:42px;font-size:12px;gap:8px}
.minimal-main{padding:38px 0 60px;max-width:none;width:100%}.minimal-heading{display:flex;align-items:center;gap:13px;margin-bottom:25px}
.minimal-heading h1{font-size:35px;letter-spacing:-1.2px;margin:0;line-height:1.15}.back-button{border:0;background:transparent;color:#8f8f9c;padding:8px;display:flex;cursor:pointer}.back-button svg{transform:rotate(180deg)}
.minimal-shell .panel{border-radius:17px}.minimal-shell .round-button{flex-shrink:0}.minimal-shell .mobile-nav{display:none}
.minimal-shell .button{font-size:12px;min-height:46px}.minimal-shell .text-button{font-size:11px}.minimal-shell .section-title h2{font-size:16px}
.roulette-stage{padding:22px 26px 26px;overflow:hidden;width:100%;display:flex;flex-direction:column}.roulette-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.round-id{font:11px Consolas,monospace;letter-spacing:1px;color:#9898a5}.live-countdown{display:flex;align-items:baseline;justify-content:center;gap:9px;font-variant-numeric:tabular-nums}.live-countdown>span{font-size:12px;color:#9b9ba7}.live-countdown>strong{font-size:20px;min-width:49px;font-weight:600}
.roulette-reel{--reel-size:178px;--reel-gap:6px;--reel-step:calc(var(--reel-size) + var(--reel-gap));position:relative;margin:18px -26px 0;padding:14px 0}
.reel-viewport{height:calc(var(--reel-size) + 18px);overflow:hidden;position:relative;background:#111115;border-top:1px solid #292930;border-bottom:1px solid #292930}
.reel-viewport:before,.reel-viewport:after{content:'';position:absolute;top:0;bottom:0;width:65px;z-index:2;pointer-events:none}.reel-viewport:before{left:0;background:linear-gradient(90deg,#111115,transparent)}.reel-viewport:after{right:0;background:linear-gradient(-90deg,#111115,transparent)}
.reel-track{position:absolute;left:50%;top:8px;display:flex;gap:var(--reel-gap);width:max-content;transform:translateX(var(--stop));will-change:transform}
.reel-card{width:var(--reel-size);flex:0 0 var(--reel-size);height:var(--reel-size);display:flex;align-items:center;justify-content:center;background:#1b1b21;border:1px solid #292930}
.reel-card>.avatar{height:100%;width:100%;flex-shrink:0;border:0;color:#34343e}.reel-card .avatar img{object-fit:cover;image-rendering:auto}.reel-card .avatar>svg{width:44%;height:44%}.reel-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#484853;background:#24242c}.reel-placeholder>svg{width:38%;height:38%}.reel-card-winner{border-color:#cfcfdc;outline:1px solid #cfcfdc;outline-offset:1px}
.reel-marker{position:absolute;left:50%;top:4px;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid #f2f2f7;z-index:3;filter:drop-shadow(0 0 6px #ffffff28)}.reel-marker.bottom{top:auto;bottom:4px;border-top:0;border-bottom:11px solid #f2f2f7}
.reel-moving{animation:reel-flow 6s cubic-bezier(.12,.7,.12,1) both;animation-delay:var(--elapsed)}
@keyframes reel-flow{from{transform:translateX(var(--from))}to{transform:translateX(var(--stop))}}
.pot-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0}.pot-row>div{display:flex;align-items:baseline;gap:12px}.pot-row>div>span{color:#9494a1;font-size:12px}.pot-row strong{font-size:26px;letter-spacing:-.8px;font-weight:600}.pot-row small{font-size:10px;letter-spacing:0;color:#91919e;font-weight:400}
.roulette-stage #wheel-form{width:100%;max-width:320px;align-self:center;margin-top:22px}.roulette-stage .amount-row{max-width:320px;margin:auto}.roulette-stage .amount-input{height:40px;min-height:40px;padding:0 12px}.roulette-stage .amount-row .button{min-width:104px;min-height:40px;padding:9px 13px}.roulette-stage .pot-row{order:1;margin:28px 0 0}.roulette-stage .winner-banner{max-width:530px;margin:20px auto 14px}.roulette-stage>.full{max-width:530px;margin:0 auto;display:flex}
.under-game{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;min-height:42px;color:#82828e;font-size:11px}
.compact-balance{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:8px 0 8px 14px}.compact-balance>span{display:flex;gap:12px;align-items:baseline;font-size:11px;color:#9393a1}.compact-balance b{font-size:15px;color:#f0f0f4;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.compact-balance small{font-size:9px;font-weight:400;color:#92929f}.compact-balance .round-button{width:30px;height:30px}
.participant-list .participant{padding:16px 22px}.participant .room-player .avatar{width:38px;height:38px;font-size:11px}.participant .room-player strong{font-size:13px}.participant-amount>span{color:#9b9ba8}
.coin-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px;gap:15px}.coin-pair{display:flex;align-items:center;padding-left:4px}.coin-pair>span{position:relative;display:block;width:70px;height:70px}.coin-pair>span+span{margin-left:-17px}.coin-pair b{font-size:13px;letter-spacing:2px;margin-left:16px;color:#9898a6}.coin-pair .coin-art{inset:0;width:100%;height:100%}
.minimal-main .wallet-card,.minimal-main .promo-card{max-width:660px}.balance-label{font-size:13px;color:#a4a4b1}.demo-wallet-actions{display:flex;gap:20px;margin-top:24px}.promo-applied{font-size:12px;color:#c4c4ce;margin-top:16px}
.welcome-main{display:flex;align-items:center;min-height:calc(100dvh - 90px);padding-top:30px}.welcome-card{padding:28px 0 50px;max-width:800px}.welcome-kicker{font-size:10px;letter-spacing:2.3px;color:#777786}.welcome-card h1{font-size:clamp(42px,6.2vw,76px);line-height:1.04;letter-spacing:-3px;margin:23px 0}.welcome-card>p{font-size:16px;line-height:1.7;color:#9999a7}.welcome-facts{display:flex;flex-wrap:wrap;gap:24px;margin:27px 0 34px;font-size:11px;color:#b5b5c1}.welcome-facts>span{display:flex;align-items:center;gap:7px}.welcome-card .welcome-cta{padding:16px 26px;display:inline-flex;margin-right:20px}.demo-notice{display:block;font-size:10px;line-height:1.7;margin-top:26px;color:#757582}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:33px}.mode-card{text-align:left;background:#18181d;border:1px solid #2d2d36;color:#f4f4f8;border-radius:19px;padding:0;cursor:pointer;overflow:hidden;transition:background .2s,border-color .2s}.mode-card:hover{background:#202027;border-color:#646473}.mode-art{height:240px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.mode-card-info{border-top:1px solid #2d2d36;padding:23px 25px;display:flex;align-items:center;justify-content:space-between}.mode-card-info h2{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0}.mode-card-info p{font-size:12px;color:#9b9ba8;margin:8px 0 0}.mode-reel-art{gap:10px}.mode-reel-art>span{display:flex;align-items:center;justify-content:center;flex:0 0 72px;height:94px;border-radius:12px;background:#272730;color:#777786;border:1px solid #3a3a45;transform:translateX(-15px)}.mode-reel-art>span:nth-child(3){background:#dfdfe8;color:#3a3a44;border-color:#f7f7ff}.mode-reel-art>i{position:absolute;top:43px;left:50%;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid white;transform:translateX(-50%)}.mode-coins-art>span{position:relative;width:150px;height:150px;transform:rotate(-14deg)}.mode-coins-art>span+span{margin-left:-40px;transform:translateY(12px) rotate(13deg)}
.short-rules{display:grid;gap:16px;padding-top:15px}.short-rules p{font-size:13px;line-height:1.7;color:#b8b8c4}.short-rules b{color:#f4f4f8}.short-rules small{font-size:11px;line-height:1.6;color:#8b8b9a;border-top:1px solid #3a3a45;padding-top:16px}.bet-link{display:block;font:10px Consolas,monospace;color:#8e8e9c;border:0;background:none;padding:5px 0 0;cursor:pointer}.bet-link:hover{color:white}
@media(max-width:700px){
 .minimal-shell{padding:0 16px}.minimal-header{height:69px;gap:12px}.minimal-brand{font-size:27px;gap:8px}.minimal-brand img{width:27px;height:27px}.minimal-header-end{gap:11px}.desktop-game-nav{display:none}.minimal-main{padding:26px 0 105px}.minimal-heading{margin-bottom:20px;gap:7px}.minimal-heading h1{font-size:29px}.minimal-shell .mobile-nav{display:flex;justify-content:space-around;padding:7px 15px calc(7px + env(safe-area-inset-bottom))}.minimal-shell .mobile-nav .nav-item{width:30%;max-width:150px}
 .roulette-stage{padding:17px 16px 20px}.roulette-head{gap:8px}.round-id{font-size:9px}.live-countdown{gap:6px;flex-direction:column;align-items:center}.live-countdown>span{font-size:10px}.live-countdown>strong{font-size:18px;min-width:0}.roulette-head .round-button{width:30px;height:30px}.roulette-reel{--reel-size:122px;margin:18px -16px 0}.reel-viewport:before,.reel-viewport:after{width:26px}
 .pot-row{margin:20px 0;gap:10px}.pot-row>div{flex-direction:column;gap:5px}.pot-row>div:last-child{text-align:right;align-items:flex-end}.pot-row>div>span{font-size:10px}.pot-row strong{font-size:24px}.pot-row small{font-size:9px}.roulette-stage .amount-row .button{min-width:114px;font-size:11px}.roulette-stage .amount-row{gap:8px}
 .under-game{gap:7px;margin-top:9px;font-size:10px;flex-wrap:wrap}.compact-balance{gap:7px;padding-left:0}.compact-balance>span{gap:7px;font-size:10px}.compact-balance b{font-size:13px}.compact-balance small{font-size:8px}.compact-balance .round-button{width:29px;height:29px}.participant-list .participant{padding:14px 15px}
 .coin-toolbar{gap:10px;flex-wrap:wrap}.coin-pair>span{width:52px;height:52px}.coin-pair>span+span{margin-left:-14px}.coin-pair b{font-size:10px;margin-left:10px}.coin-toolbar>.button{font-size:10px;padding:10px 12px}.minimal-main .room-table-head,.minimal-main .room-row{grid-template-columns:minmax(87px,1.3fr) minmax(43px,.7fr) minmax(56px,.8fr) minmax(61px,.85fr);gap:3px;padding-left:10px;padding-right:10px}
 .welcome-main{min-height:calc(100dvh - 69px);padding:15px 0 25px}.welcome-card{padding:25px 0}.welcome-card h1{font-size:46px;letter-spacing:-2px}.welcome-card>p{font-size:14px}.welcome-facts{gap:12px 20px;margin:25px 0;font-size:10px}.welcome-card .welcome-cta{margin-right:12px;padding:14px 20px}.welcome-card>.text-button{font-size:10px}.demo-notice{font-size:9px}.mode-grid{grid-template-columns:1fr;gap:18px;margin-top:24px}.mode-art{height:168px}.mode-card-info{padding:18px 20px}.mode-card-info h2{font-size:22px}.mode-reel-art>i{top:23px}.mode-coins-art>span{width:120px;height:120px}.mode-card-info p{font-size:11px}.demo-wallet-actions{gap:20px}.short-rules p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.reel-moving{animation:none;transform:translateX(var(--stop))}}

/* Both mode illustrations share a size and vertical center. */
.mode-art{--mode-token-size:160px}
.mode-reel-art>span{width:var(--mode-token-size);height:var(--mode-token-size);flex-basis:var(--mode-token-size);border-radius:0;transform:none}
.mode-reel-art>span>svg{width:30%;height:30%}
.mode-reel-art>i{top:calc(50% - var(--mode-token-size) / 2 - 15px)}
.mode-coins-art>span{width:var(--mode-token-size);height:var(--mode-token-size);flex-shrink:0}
.mode-coins-art>span+span{transform:rotate(13deg)}
@media(max-width:700px){.mode-art{--mode-token-size:120px}}

/* Player identity and chosen coin face are separate visual elements. */
.coin-rooms{display:grid;gap:13px}.coin-room{padding:22px 25px 13px}
.coin-match{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr) minmax(0,1fr);align-items:center;gap:20px;min-width:0}
.duel-player{min-width:0}.duel-player-label{display:block;color:#858593;font-size:10px;margin-bottom:15px}.duel-identity{display:flex;gap:13px;align-items:center;min-width:0}.duel-identity>.avatar{width:56px;height:56px;font-size:15px;border-radius:0;flex-shrink:0}.duel-player-details{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.duel-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#f2f2f5}.duel-side{display:block;position:relative;width:36px;height:36px}.duel-side .coin-art{inset:0;width:100%;height:100%}.duel-player-2{text-align:right}.duel-player-2 .duel-identity{flex-direction:row-reverse}.duel-player-2 .duel-player-details{align-items:flex-end}.duel-empty-avatar{background:#24242c;color:#666676;border:1px dashed #454552}
.duel-name.duel-winner-name{color:#65da97}.duel-win-label{font-size:9px;color:#9c9ca9}.coin-match-center{text-align:center;min-width:0}.duel-stake-label{display:block;font-size:10px;color:#9a9aa8;margin-bottom:7px}.duel-stake{font-size:22px;letter-spacing:-.5px;white-space:nowrap}.duel-stake>small{font-size:9px;color:#9292a0;font-weight:400;letter-spacing:0}.duel-prize{display:block;font-size:9px;color:#9292a0;line-height:1.7;margin-top:6px}.duel-prize b{color:#bbbBca;font-weight:500;white-space:nowrap}.coin-room-footer{margin-top:19px;padding-top:12px;border-top:1px solid #2a2a33;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px}.coin-room-footer>span{font-size:9px;color:#81818f}.coin-room-footer>div{display:flex;gap:16px;align-items:center}.coin-room-footer .join-button{min-height:34px;padding:8px 18px;font-size:11px}
dialog.coin-duel-dialog{width:680px;max-width:calc(100vw - 24px)}.coin-duel-dialog .coin-match{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:15px;margin:24px 0 12px}.coin-duel-dialog .duel-player{text-align:center}.coin-duel-dialog .duel-identity{flex-direction:column;gap:11px}.coin-duel-dialog .duel-player-details{align-items:center}.coin-duel-dialog .duel-identity>.avatar{width:64px;height:64px;font-size:18px}.coin-duel-dialog .duel-name{font-size:14px}.coin-duel-dialog .duel-player-label{margin-bottom:12px}.duel-vs{font-size:17px;letter-spacing:4px;color:#555563}.coin-duel-dialog .flip-scene{height:240px}.coin-duel-dialog .coin-3d{width:158px;height:158px}.coin-duel-dialog .flipping{animation-delay:var(--flip-elapsed)}.duel-result-coin{position:relative;width:155px;height:155px;margin:auto}.duel-round-pot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 28px}.duel-round-pot>span{color:#9292a0;font-size:11px}.duel-round-pot>strong{font-size:29px;font-weight:600;letter-spacing:-.7px}.duel-round-pot small{font-size:11px;color:#9b9ba9;letter-spacing:0}
.roulette-reel .reel-card,.roulette-reel .avatar,.roulette-reel .reel-placeholder,.participant-list .avatar{border-radius:0}.participant .own-player-name{color:#65da97}
@media(max-width:700px){
 .coin-room{padding:17px 13px 11px}.coin-match{grid-template-columns:minmax(0,1fr) minmax(85px,.85fr) minmax(0,1fr);gap:6px}.duel-player-label{font-size:9px;margin-bottom:11px}.duel-identity{gap:6px;flex-direction:column;align-items:flex-start}.duel-player-2 .duel-identity{flex-direction:column;align-items:flex-end}.duel-identity>.avatar{width:45px;height:45px;font-size:13px}.duel-player-details{gap:5px;max-width:100%}.duel-name{font-size:12px}.duel-side{width:29px;height:29px}.duel-stake{font-size:16px}.duel-stake>small{display:block;font-size:8px;margin-top:3px}.duel-prize{font-size:8px;line-height:1.8}.duel-prize b{display:block}.coin-room-footer{margin-top:14px}.coin-room-footer .join-button{font-size:10px;min-height:32px;padding:7px 13px}
 .coin-duel-dialog .coin-match{grid-template-columns:minmax(0,1fr) minmax(98px,1.1fr) minmax(0,1fr);gap:6px;margin-top:24px}.coin-duel-dialog .duel-identity{align-items:center}.coin-duel-dialog .duel-identity>.avatar{width:48px;height:48px;font-size:14px}.coin-duel-dialog .duel-name{font-size:12px}.coin-duel-dialog .coin-3d{width:98px;height:98px}.coin-duel-dialog .flip-scene{height:210px}.coin-duel-dialog .flip-scene:after{width:85px}.duel-result-coin{width:98px;height:98px}.duel-round-pot{padding-bottom:22px}.duel-round-pot>strong{font-size:26px}
}

.welcome-main{align-items:flex-start;padding-top:clamp(56px,9vh,112px)}
.welcome-card h1{font-size:clamp(36px,5.8vw,72px);letter-spacing:-2.2px}
.minimal-heading-main{display:flex;align-items:center;gap:13px;min-width:0}
.round-history-trigger{margin-left:auto;max-width:370px;padding:10px 13px;background:#18181d;border:1px solid #303039;border-radius:10px;text-align:left;flex-shrink:0}
.round-history-trigger:hover{border-color:#626272;background:#202027}.round-history-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#a8a8b6}.last-winner-preview{display:flex;gap:9px;align-items:center;margin-top:9px}.last-winner-preview>.avatar{width:33px;height:33px;border-radius:0;font-size:10px}.last-winner-preview>span{min-width:0}.last-winner-preview strong{display:block;font-size:12px;max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.last-winner-preview small{display:block;font-size:9px;color:#9393a2;line-height:1.5;margin-top:3px}.history-empty-hint{display:block;font-size:9px;color:#80808f;margin-top:6px}
.roulette-history-list{display:grid;gap:12px;padding-top:12px}.roulette-history-item{border:1px solid #373742;background:#19191f;padding:16px;border-radius:10px}.roulette-history-winner{display:flex;gap:11px;align-items:center}.roulette-history-winner>.avatar{border-radius:0;width:42px;height:42px}.roulette-history-winner strong{font-size:14px;overflow-wrap:anywhere}.roulette-history-winner small{display:block;font-size:9px;color:#898998;margin-top:5px}.roulette-history-amounts{display:flex;justify-content:space-between;gap:15px;margin-top:18px}.roulette-history-amounts>span{font-size:10px;color:#9b9baa}.roulette-history-amounts>span:last-child{text-align:right}.roulette-history-amounts strong{display:block;color:#eeeef4;font-size:18px;font-weight:600;margin-top:6px}.roulette-history-amounts small{font-size:9px;font-weight:400;color:#9999a8}.roulette-history-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #303039;padding-top:11px;margin-top:15px}.roulette-history-footer time{font-size:9px;color:#838392}.roulette-history-footer .text-button{font-size:10px}
@media(max-width:700px){
 .welcome-main{padding-top:34px}.welcome-card{padding-top:16px}.welcome-card h1{font-size:36px;letter-spacing:-1.6px}
 .minimal-heading{gap:8px;align-items:center}.minimal-heading-main{gap:4px;flex:1}.minimal-heading:has(.round-history-trigger) h1{font-size:24px;line-height:1.15}.minimal-heading-main .back-button{padding:6px 3px}.round-history-trigger{max-width:175px;padding:9px;flex-basis:175px}.round-history-label{font-size:9px}.last-winner-preview{gap:7px;margin-top:7px}.last-winner-preview>.avatar{width:28px;height:28px;font-size:8px}.last-winner-preview strong{font-size:11px;max-width:113px}.last-winner-preview small{font-size:8px}.roulette-history-item{padding:14px}.roulette-history-amounts strong{font-size:16px}
}