/* V19 — cohesive product design system. Presentation only; no game or accounting changes. */
:root{--canvas:#0d0f13;--surface:#171b22;--surface-raised:#1c212a;--surface-hover:#242b35;--edge:#303742;--edge-strong:#465164;--brand-soft:#8796bd;--primary:#a1afd3;--copy:#eef1f6;--copy-soft:#aab2c0;--quiet:#828d9c;--success:#36be83;--warning:#d1af74;--danger:#d96565;--radius:6px;--bar-height:62px;--layout-width:1536px;--ui-gap:14px}
html{background:var(--canvas);font-size:14px}body{background:var(--canvas);color:var(--copy);line-height:1.55;font-variant-numeric:tabular-nums}
body::before,body::after{display:none!important}
*,*::before,*::after{box-sizing:border-box}
:where(button,input,select,textarea,a){touch-action:manipulation}
:where(button,input,select,textarea){font-family:inherit}
:where(button,a):focus-visible{outline:2px solid var(--primary)!important;outline-offset:3px!important}
:where(input,select,textarea):focus-visible{outline:2px solid var(--primary)!important;outline-offset:1px!important}
:where(button):not(:disabled){cursor:pointer}
:where(.panel,.case-tile,.battle-card,.feature-card,.stat-tile,.mb-home-side,.mb-home-welcome,.mb-quickstats,.mb-game-card){border-radius:var(--radius)!important;box-shadow:none!important}
:where(.panel,.case-tile,.battle-card,.feature-card,.stat-tile,.mb-home-side,.mb-game-card){border-color:var(--edge)!important;background-color:var(--surface)!important}
:where(.panel,.battle-card,.stat-tile,.case-tile){background-image:none!important}
:where(.panel,.battle-card,.stat-tile,.case-tile,.mb-game-card):hover{border-color:#445165!important}
:where(.btn,.tab,.choose,.select,.auth-btn){font-weight:620!important;border-radius:5px!important;letter-spacing:0!important;box-shadow:none!important}
:where(.btn,.tab,.choose,.auth-btn){transition:background-color .15s,border-color .15s,color .15s!important}
:where(.btn.primary,.auth-btn.primary){background:#95a3c9!important;color:#131924!important;border:1px solid #b0bcda!important}
:where(.btn.primary,.auth-btn.primary):hover{background:#b0bedf!important}
:where(.btn.muted,.btn.outline){background:#222832!important;color:#e0e6f1!important;border:1px solid #3b4655!important}
:where(.btn.muted,.btn.outline):hover{background:#2f3743!important;border-color:#566580!important}
:where(.meta-label,.eyebrow,.kicker,.mb-overline,.nav-label){letter-spacing:.085em!important;color:#98a4b6!important}
:where(h1,h2,h3){text-wrap:balance}p{overflow-wrap:break-word}
.site-banner{height:25px!important;min-height:25px;background:#101318!important;color:#aeb5c2!important;border-bottom:1px solid #252c36!important}
.site-banner strong{color:#dce2ed!important}
.topbar{height:62px!important;min-height:62px;position:sticky!important;top:0!important;z-index:52!important;background:#12161d!important;border-bottom:1px solid var(--edge)!important;padding:0 20px!important}
.topbar .brand{font-weight:720;color:#f0f2f8}.header-right{min-width:0}
.header-right .wallet-pill{white-space:nowrap}.header-divider{height:20px}
.sidebar{position:sticky!important;top:62px!important;height:calc(100dvh - 62px)!important;flex:none!important;background:#12161c!important;border-right:1px solid #303640!important;padding:12px 9px!important;scrollbar-width:thin}
.sidebar .nav-label{padding-left:5px}.sidebar .side-links{gap:2px}
.sidebar .side-links :where(a,button){display:flex;align-items:center;min-height:39px!important;padding:9px 10px!important;font-size:12px!important;border-radius:5px!important}
.sidebar .side-links a.active{background:#2b3443!important;color:#f2f5fa!important;box-shadow:inset 3px 0 0 #a2b1d4!important;border:1px solid #405069!important}
.sidebar .side-links :where(a,button):hover{background:#252d38!important;color:#f4f6fa!important}
.sidebar .side-icon{width:22px;flex:0 0 22px;text-align:center;color:#a4b3cc!important}
.legacy-side-feature{display:none!important}
.sidebar-foot{margin-top:auto}
.main-content{flex:1;min-width:0!important;padding:21px 24px 42px!important;overflow-x:clip!important}
.main-content>*{width:100%;max-width:var(--layout-width);margin-left:auto!important;margin-right:auto!important}
.main-content .page-header{background:#151a21!important;border:1px solid var(--edge)!important;border-radius:var(--radius)!important;padding:22px!important;margin-bottom:14px!important}
.main-content .page-header h1{font-size:clamp(26px,2.55vw,36px)!important;line-height:1.18!important;margin:4px 0 10px!important;letter-spacing:-.045em}
.main-content .page-header p{max-width:740px!important;color:var(--copy-soft)!important;font-size:12px!important}
.main-content :where(.heading){margin-block:19px 10px!important;gap:12px}
.main-content .heading h2{font-size:19px!important}
.mb-home-welcome{min-height:255px!important;background:#192029!important;border:1px solid #323b48!important}
.mb-home-copy{padding:31px 34px!important}
.mb-home-copy h1{font-size:clamp(32px,3.5vw,46px)!important}
.mb-home-copy h1 span{color:#a8b6da!important}
.mb-home-emblem{background:#1d2632!important;border-left:1px solid #323c4b!important}
.mb-emblem-moon,.mb-emblem-orbit:before{box-shadow:none!important}
.mb-quickstats{background:#171c23!important}
.mb-quickstats>div{min-width:0;gap:12px;padding:13px 17px!important}
.mb-quickstats>div strong{font-size:20px!important}
.mb-quickstats>div span{line-height:1.4}
.mb-game-card{min-height:166px!important;padding:16px!important;gap:0!important;text-align:left!important}
.mb-game-card:hover{background:#252d38!important;transform:none!important}
.mb-game-glyph{margin:12px 0 10px!important;font-size:28px!important;color:#b6c4df!important}
.mb-game-card strong{font-size:14px!important;color:#f1f4fa!important}
.mb-game-card small{line-height:1.55!important}
.mb-home-side{border:1px solid var(--edge)!important;background:#1b2029!important}
.battle-list{gap:7px!important}
.battle-card{grid-template-columns:minmax(160px,1.2fr) minmax(136px,.88fr) minmax(145px,.85fr) auto!important;gap:14px!important;padding:13px 16px!important;min-height:96px!important}
.battle-card .battle-title{font-size:15px!important;color:#eef1f7!important}
.battle-card .meta-label{font-size:10px!important}
.battle-card .mini-result{max-width:250px;overflow-wrap:anywhere}
.battle-card .actions{justify-content:flex-end!important}
.battle-card .actions .btn{min-width:68px}
.mb-v15-battle-tools,.mb-v15-collection-tools,.toolbar{background:#171c23!important;border:1px solid var(--edge)!important;border-radius:6px!important;padding:10px 12px!important;gap:10px!important}
.mb-v15-battle-tools :where(input,select),.mb-v15-collection-tools input,.toolbar select{border-radius:5px!important;border:1px solid #3b4655!important;background:#10151c!important;color:#e6ebf5!important;min-height:37px!important}
.case-grid{gap:10px!important}
.case-tile{padding:0!important;text-align:left!important;overflow:hidden!important}
.case-tile .case-art{min-height:142px!important;background:#222b39!important;border-bottom:1px solid var(--edge)!important}
.case-tile .case-info{padding:15px 16px 17px!important}
.case-tile h3{font-size:16px!important;letter-spacing:-.015em}
.case-tile .case-price{margin-top:auto}
.case-detail-layout{align-items:start!important;gap:12px!important}
.case-focus{position:relative;overflow:hidden}
.case-focus .case-box{filter:none!important}
.mb-create-layout{gap:15px!important}
.mb-create-section{background:#1a1f28!important;border:1px solid var(--edge)!important;border-radius:6px!important;padding:16px!important;margin-bottom:10px!important}
.mb-create-summary{background:#202631!important;border:1px solid #49566b!important;border-radius:6px!important;padding:17px!important}
.mb-create-step{margin-bottom:14px}
.mb-create-step span{background:#344157!important;color:#d9e3f7!important;border-radius:4px!important}
.format-choices{gap:6px!important}
.format-choices .choose{border-radius:5px!important;min-height:38px!important}
.mb-round-row{border-bottom:1px solid #303948!important}
.participant-grid{gap:9px!important}
.participant-grid>div{background:#1b222b!important;border:1px solid #343e4b!important;border-radius:6px!important}
.round-track{gap:5px!important}.round-track>*{border-radius:4px!important}
.profile-grid{align-items:start!important;gap:12px!important}
.profile-card{background:#1b2029!important}
.mb-profile-tabs{background:#171c23!important;border:1px solid var(--edge)!important;border-radius:5px!important;gap:4px!important;padding:5px!important}
.mb-profile-tabs button{min-height:37px!important;border-radius:4px!important}
.mb-profile-tabs button.active{background:#313d51!important;color:#f2f5fb!important}
.history-entry{border-bottom:1px solid #303844!important;min-width:0}
.history-entry>*{min-width:0}
.bj-wrap,.roulette-wrap,.keno-wrap{width:100%;max-width:1380px!important}
.bj-hero,.roulette-hero,.keno-hero{background:#171d24!important;border-radius:6px!important}
.bj-board{border-radius:12px!important;background:radial-gradient(ellipse at 50% 25%,#263e41,#15282c 65%,#112024)!important}
.bj-command{border-radius:5px!important}
.keno-wrap :where(.keno-board,.keno-panel),.roulette-wrap :where(.roulette-panel,.roulette-card){border-radius:6px!important;background:#191e26!important}
.keno-wrap :where(button),.roulette-wrap :where(button){outline-offset:3px}
.roulette-window{border-color:#3b4552!important}
.moon-chat{border-left:1px solid #343e4a!important;background:#151a20!important;box-shadow:none!important}
.moon-chat .chat-head{background:#1c232c!important;border-bottom:1px solid #343e4a!important}
.moon-chat .chat-msg{border-color:#303947!important}
.moon-chat input{border-radius:5px!important}
.modal-layer{z-index:110!important;background:#04080fc9!important}
.modal-content{border:1px solid #465368!important;border-radius:8px!important;background:#171d25!important;box-shadow:0 26px 90px #000b!important}
.modal-content .modal-head{border-bottom:1px solid #343f4c!important}
.modal-content .field :where(input,select,textarea){background:#10151b!important;border-color:#3b4655!important;border-radius:5px!important}
.mb-v15-app-footer{color:#83909e!important;border-top:1px solid var(--edge)!important}
.demo-notice{background:#1c2730!important;border:1px solid #354655!important;color:#bdcbd8!important;border-radius:5px!important}
/* Responsive: no essential action is removed, and floating UI does not occlude content. */
@media(min-width:1051px){.moon-chat{top:87px!important;height:calc(100dvh - 87px)!important;width:290px!important}.main-content{padding-right:316px!important}body.chat-hidden .main-content{padding-right:24px!important}}
@media(max-width:1270px){.battle-card{grid-template-columns:minmax(180px,1.2fr) minmax(130px,.8fr) auto!important}.battle-card .battle-desc{display:none!important}.mb-game-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1050px){.main-content{padding:18px!important}.moon-chat{max-height:calc(100dvh - 85px)!important}}
@media(max-width:990px){.sidebar{position:fixed!important;top:62px!important;z-index:90!important;width:250px!important;height:calc(100dvh - 62px)!important;box-shadow:14px 0 45px #0008!important}.sidebar:not(.open){visibility:hidden;pointer-events:none}.main-content{width:100%!important;padding:18px!important}.mb-home-columns{grid-template-columns:1fr!important}.mb-home-columns>.mb-home-side{margin-top:0!important}.mb-game-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.topbar{height:60px!important;padding:0 10px!important}.header-right{gap:5px!important}.main-content{padding:12px!important}.main-content .page-header{padding:16px!important}.main-content .page-header:has(.page-top-actions){padding-right:16px!important}.page-top-actions{position:static!important;transform:none!important;width:100%;margin-top:12px}.page-top-actions button{width:100%}.mb-home-copy{padding:24px 18px!important}.mb-home-welcome{grid-template-columns:1fr!important;min-height:auto!important}.mb-home-emblem{display:none!important}.mb-quickstats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mb-quickstats>div{padding:12px!important}.mb-quickstats>div:nth-child(3){border-left:0;border-top:1px solid var(--edge)}.mb-quickstats>div:nth-child(4){border-top:1px solid var(--edge)}.mb-game-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mb-game-card{min-height:156px!important}.battle-card{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.battle-card .battle-identity{grid-column:1/-1}.battle-card .player-seats{min-width:0}.battle-card .actions{align-items:end}.battle-card .actions .btn{flex:0 0 auto}.mb-v15-battle-tools,.mb-v15-collection-tools,.toolbar{flex-wrap:wrap}.mb-v15-battle-tools :where(input,select),.mb-v15-collection-tools input{min-width:0;max-width:100%}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.case-tile .case-info{padding:12px!important}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-grid,.case-detail-layout{grid-template-columns:1fr!important}.modal-layer{padding:6px!important}.modal-content{max-width:100%!important;max-height:calc(100dvh - 12px)!important;padding:16px!important}}
@media(max-width:430px){.mb-game-rail,.case-grid{grid-template-columns:1fr!important}.mb-game-card{min-height:112px!important;padding:13px 16px 13px 75px!important}.mb-game-glyph{position:absolute!important;left:19px;top:25px;margin:0!important}.mb-game-number{font-size:9px!important}.battle-card{grid-template-columns:1fr!important}.battle-card .actions{justify-content:stretch!important;width:100%}.battle-card .actions .btn{flex:1}.mb-home-copy h1{font-size:31px!important}.mb-quickstats strong{font-size:17px!important}.header-right .online-state{display:none!important}.bj-board{padding:12px 6px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* Mobile game list: a true compact row layout, never a floating icon over text. */
@media(max-width:430px){
 .mb-game-rail{gap:7px!important}
 .mb-game-card{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:10px!important;align-items:start!important;min-height:110px!important;padding:14px!important;text-align:left!important}
 .mb-game-card .mb-game-number{grid-column:2;grid-row:1}
 .mb-game-card .mb-game-glyph{grid-column:1;grid-row:1 / span 3;position:static!important;margin:13px 0 0!important;text-align:center!important;font-size:26px!important}
 .mb-game-card strong{grid-column:2;grid-row:2;margin-top:5px}
 .mb-game-card small{grid-column:2;grid-row:3;margin-top:2px;padding-right:7px}
 .mb-game-card .mb-card-arrow{right:14px!important;top:13px!important}
}
@media(max-width:480px){.main-content .mb-game-rail{grid-template-columns:minmax(0,1fr)!important}.main-content .mb-game-card{min-height:93px!important}}

/* wallet sync: shown while the server cannot be reached */
.wallet-pill.wallet-stale{opacity:.65;outline:1px dashed currentColor;outline-offset:2px}