/* Premium midnight lounge palette: amber actions, brushed gold details, velvet crimson accents. */
/* Brokeprint casino shell. Native components, local typography. */
@font-face{font-family:Brokeprint Sans;src:url('fonts/dm-sans-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#0b1020;--panel:#202229;--panel-2:#272a32;--line:#39373b;--ink:#eee7da;--muted:#b9b2a7;--faint:#818590;--acid:#e8ab4f;--green:#c7ac74;--red:#f08ba0;--felt:#101522;--brass:#c7ac74;--sans:'Brokeprint Sans','Segoe UI',Arial,sans-serif;--serif:var(--sans);--mono:var(--sans);--radius:8px}
body{background:radial-gradient(ellipse at 14% 0%,#c7ac7407,transparent 44%),radial-gradient(ellipse at 90% 25%,#891f3b08,transparent 40%),var(--bg);color:var(--ink);font:14px/1.5 var(--sans);letter-spacing:0}
h1,h2,h3,.page-heading h1,.page-heading h1 span,.onboarding-panel h1,.adventure-controls h2{font-family:var(--sans);font-style:normal;letter-spacing:-.5px}
button,input,select{font-family:var(--sans)}
button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #e8ab4f;outline-offset:3px;box-shadow:0 0 0 4px #e8ab4f12}
.topbar{height:72px;padding:0 28px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#1a1d25,#151921);border:0;box-shadow:0 3px 9px #03050c55}
.wordmark{flex:0 0 auto;display:flex;align-items:center;height:100%;letter-spacing:0;gap:0}
.wordmark>img{width:188px;height:48px;object-fit:contain;mix-blend-mode:normal}
.topbar-right{gap:18px;min-width:0}
.topbar .simulation-label{font-size:10px;font-weight:700;letter-spacing:.8px;color:#b9b2a7}
.top-metric{padding:9px 15px;border-radius:7px;background:#0b1020;gap:2px;min-width:145px}
.top-metric small{font:700 10px var(--sans);letter-spacing:.6px;color:#b9b2a7}
.top-balance,#topNetWorth{font:750 15px var(--sans);font-variant-numeric:tabular-nums;color:#eee7da;white-space:nowrap}
.top-net-worth{background:transparent;min-width:118px;padding-left:0;padding-right:0}
.avatar-button,.settings-button{height:40px;min-width:40px;border:0;border-radius:7px;background:#272a32;color:#ddd5c7;box-shadow:none;font:700 12px var(--sans)}
.avatar-button:hover,.settings-button:hover{background:#39373b;color:#f5edde}
.settings-button svg{width:20px;height:20px}
#game.game-shell{max-width:1740px;grid-template-columns:208px minmax(0,1fr);min-height:calc(100vh - 72px);padding:0;margin:0 auto}
#game .sidebar{position:sticky;top:72px;height:calc(100vh - 72px);align-self:start;padding:24px 14px;background:#151921;border-right:0;overflow-y:auto}
.nav-caption{margin:0 13px 12px;color:#818590;font:800 10px var(--sans);letter-spacing:.8px}
#game .side-nav{gap:5px}
#game .nav-item{border-radius:7px;padding:0 13px;min-height:44px;gap:12px;border:0;font:650 13px var(--sans);color:#b9b2a7;background:transparent;white-space:nowrap}
#game .nav-item:hover{background:#30323b;color:#eee7da}
#game .nav-item.is-active{background:#403a32;color:#f5edde;box-shadow:inset 3px 0 #c7ac74}
#game .nav-item.is-active:before{display:none}
.nav-icon,.nav-item.is-active .nav-icon{width:20px;height:20px;color:#b9b2a7;display:grid;place-items:center}
.nav-item.is-active .nav-icon{color:#c7ac74}
.nav-icon svg{width:20px;height:20px}
#game .sidebar-foot{margin-top:auto;padding-top:36px}
.sidebar-brokeprint{background:#272a32;border:0;border-radius:7px;padding:16px 14px}
.sidebar-brokeprint span{color:#b9b2a7;font:750 10px var(--sans);letter-spacing:.5px}
.sidebar-brokeprint strong{font:800 27px var(--sans);color:#eee7da}
.sidebar-brokeprint small{font:600 10px var(--sans);color:#b9b2a7;letter-spacing:0}
.sidebar-brokeprint i{height:5px;background:#101522;border-radius:5px;margin-top:14px}
.sidebar-brokeprint i b{background:#c7ac74;border-radius:5px}
.simulation-note{font:700 9px var(--sans);letter-spacing:.7px;color:#818590;padding-top:18px}
#game .main-column{padding:0 30px;min-width:0}
.main-topline{min-height:51px;border-bottom:0;color:#818590;font:650 11px var(--sans);letter-spacing:0}
.breadcrumbs{gap:10px}
.breadcrumbs b{font-weight:700;color:#ddd5c7}
.market-clock{font:600 10px var(--sans);color:#818590;gap:7px}
.clock-divider{background:#39373b}
#pageContent{padding:9px 0 36px}
.page-heading{gap:20px;margin:7px 0 26px}
.page-heading h1{font:800 31px/1.2 var(--sans);color:#eee7da;letter-spacing:-.8px;margin:5px 0 0}
.page-heading h1 span{font-style:normal;color:#b9b2a7}
.section-kicker{font:800 10px var(--sans);letter-spacing:1px;color:#c7ac74;margin:0 0 8px}
.heading-note{font:500 13px/1.7 var(--sans);color:#b9b2a7;margin:8px 0 0}
.market-summary{color:#b9b2a7;font:600 11px var(--sans)}
.market-summary strong{font:750 17px var(--sans);color:#eee7da}
.game-footer{display:flex;justify-content:space-between;gap:24px;padding:19px 0;min-height:58px;border-color:#39373b;color:#818590;font:650 10px/1.7 var(--sans);letter-spacing:0}
.game-footer b{color:#ddd5c7}
.panel,.house-rules,.casino-account,.trade-panel,.profile-stat,.stats-group,.allocation-panel,.profile-section{border:0;border-radius:8px;background:#202229;box-shadow:none;color:#eee7da}
.subhead h2{font:750 17px var(--sans);letter-spacing:-.25px;color:#eee7da}
.subhead>span,.panel-label,.stat-label{color:#b9b2a7;font:650 10px var(--sans);letter-spacing:.4px}
.metric-card{padding:20px;background:#202229}
.metric-value{font:800 27px var(--sans);color:#eee7da;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.metric-foot{font:600 11px var(--sans);color:#b9b2a7}
.broke-card{background:#202229;border:0}
.broke-card .metric-value,.broke-card .metric-mark{color:#c7ac74;background:transparent}
.metric-mark{color:#c7ac74}
.level-title{color:#ddd5c7;font:700 13px var(--sans)}
.progress-track{background:#101522;border-radius:5px;height:5px}
.progress-track span{background:#c7ac74;border-radius:5px}
.button{border-radius:7px;min-height:46px;padding:0 19px;font:800 13px var(--sans);letter-spacing:0;justify-content:center;gap:14px;transition:background .15s,box-shadow .15s}
.button-primary{background:linear-gradient(180deg,#f2c575,#d79736);color:#24180f;box-shadow:0 2px 0 #8b6027}
.button-primary:hover{background:linear-gradient(180deg,#f8cf85,#e2a246);transform:none;box-shadow:0 2px 0 #8b6027,0 0 18px #e8ab4f22}
.button-primary:active{background:linear-gradient(180deg,#dfa743,#d79736);box-shadow:none}
.button-secondary{background:#30323b;border:0;color:#eee7da;font:750 13px var(--sans);border-radius:7px;min-height:44px}
.button-secondary:hover{background:#45413c}
button:disabled,.button:disabled{cursor:not-allowed;opacity:.5}
.field-label,.bet-label{font:700 12px var(--sans);color:#b9b2a7;letter-spacing:0}
input:not([type=range]):not([type=checkbox]),.bet-input,.trade-input-wrap,.adventure-controls select{background:#101522;color:#eee7da;border:1px solid #4a4642;border-radius:6px;min-height:44px;font:700 14px var(--sans);box-shadow:0 2px 0 #101522}
input:focus,.trade-input-wrap:focus-within,.bet-input:focus-visible,.adventure-controls select:focus{border-color:#e8ab4f}
input::placeholder{color:#818590}
.quick-amounts,.bet-options{gap:6px}
.quick-amounts button,.bet-options button{background:#403a32;border:0;border-radius:5px;color:#ddd5c7;min-height:33px;min-width:0;padding:0 11px;font:750 11px var(--sans);box-shadow:none}
.quick-amounts button:hover,.bet-options button:hover{background:#45413c;color:#f5edde;transform:none}
.quiet-link{font:750 11px var(--sans);color:#e8ab4f;background:none;border:0}
.neutral{color:#b9b2a7!important}.positive{color:#c7ac74!important}.negative{color:#f08ba0!important}
/* Originals lobby */
.lobby-heading{align-items:center;margin-bottom:22px}
.lobby-balance{border:0;background:#272a32;border-radius:8px;padding:15px 20px;min-width:230px;box-shadow:none}
.lobby-balance>span{color:#b9b2a7;font:700 11px var(--sans)}
.lobby-balance strong{font:800 25px var(--sans);color:#eee7da;letter-spacing:-.5px}
.lobby-balance small{font:500 10px var(--sans);color:#818590}
.casino-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:12px;align-items:center;min-height:220px;border-radius:10px;padding:30px 35px;background:radial-gradient(ellipse at 85% 50%,#c7ac7417,transparent 58%),linear-gradient(110deg,#242632,#181c2b);overflow:hidden;isolation:isolate;margin-bottom:28px}
.casino-hero:after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 3% 0%,#891f3b20,transparent 60%)}
.casino-hero-copy{position:relative;z-index:2;max-width:510px}
.casino-hero .section-kicker{color:#c7ac74;margin-bottom:12px}
.casino-hero h2{font:850 clamp(26px,3vw,39px)/1.1 var(--sans);color:#f5edde;margin:0 0 13px;letter-spacing:-1.3px}
.casino-hero p:not(.section-kicker){font:500 13px/1.7 var(--sans);color:#ddd5c7;max-width:410px;margin:0 0 21px}
.casino-hero .button{min-width:151px;min-height:42px}
.casino-hero-art,.casino-hero .hero-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:170px;isolation:isolate}
.casino-hero-art:before{content:'';width:250px;height:250px;border:1px solid #c7ac7422;border-radius:50%;position:absolute;z-index:-1}
.casino-hero-art svg{max-width:310px;width:100%;height:205px;overflow:visible}
.casino-hero-art img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 12px 16px #04061065)}
.lobby-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 17px}
.lobby-section-title{margin:28px 0 17px;gap:12px}
.lobby-section-title h2,.lobby-toolbar h2{font:800 20px var(--sans);letter-spacing:-.45px;margin:0;color:#eee7da}
.lobby-section-title>span,.lobby-toolbar>span{font:600 11px var(--sans);color:#b9b2a7}
.lobby-search{display:flex;align-items:center;gap:10px;position:relative;min-width:220px;background:#101522;border:1px solid #39373b;border-radius:7px;color:#b9b2a7}
.lobby-search svg{width:16px;height:16px;flex:none;margin-left:13px}
.lobby-search input{border:0!important;box-shadow:none!important;background:transparent!important;min-width:0;min-height:39px!important;padding:0 12px 0 0;width:100%;font-size:12px!important;font-weight:600!important}
.lobby-tags,.lobby-filters{display:flex;gap:6px;flex-wrap:wrap}
.lobby-tags span,.lobby-filters button{font:750 11px var(--sans);padding:8px 13px;border:0;border-radius:5px;color:#b9b2a7;background:#272a32}
.lobby-tags span.is-active,.lobby-filters button.is-active{background:#403a32;color:#eee7da}
.lobby-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.lobby-game{padding:0;position:relative;display:flex;flex-direction:column;text-align:left;border:0;border-radius:8px;background:#202229;color:#eee7da;box-shadow:none;overflow:hidden;transition:transform .18s,box-shadow .18s}
.lobby-game:hover{border:0;transform:translateY(-4px);box-shadow:0 6px 15px #03050c45}
.lobby-game:focus-visible{outline-offset:4px}
.lobby-art{height:190px;position:relative;background:#352a2b;border:0;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;isolation:isolate}
.lobby-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 95%,#f2c57518,transparent 75%);z-index:-1}
.lobby-art:after{content:'BROKEPRINT ORIGINAL';position:absolute;top:13px;left:14px;font:850 8px var(--sans);letter-spacing:1.2px;color:#ffffff94}
.game-roulette .lobby-art{background:linear-gradient(150deg,#684431,#292331)}
.game-blackjack .lobby-art{background:linear-gradient(150deg,#51422f,#222838)}
.game-plinko .lobby-art{background:linear-gradient(150deg,#60482e,#2b2633)}
.game-rocket .lobby-art{background:linear-gradient(150deg,#891f3b,#30202d)}
.game-mines .lobby-art{background:linear-gradient(150deg,#55503b,#28252f)}
.game-chicken .lobby-art{background:linear-gradient(150deg,#8b5d35,#382b31)}
.lobby-game-copy{padding:15px 17px 13px;gap:4px;display:grid}
.lobby-game-copy>small{font:600 10px var(--sans);color:#b9b2a7}
.lobby-game-copy>strong{font:850 22px/1.15 var(--sans);letter-spacing:-.5px;color:#eee7da}
.lobby-game-copy>span{font:500 11px/1.5 var(--sans);color:#b9b2a7}
.lobby-game-go{display:flex;align-items:center;justify-content:space-between;margin:0 17px 16px;padding:0;min-height:26px;border:0;border-radius:0;background:transparent;color:#c7ac74;font:800 11px var(--sans)}
.lobby-game-go>span{font-size:18px}
.lobby-game:hover .lobby-game-go{background:none;color:#f5edde}
.lobby-wheel{width:157px;height:157px;filter:drop-shadow(0 9px 7px #06060d88);transform:rotate(-15deg)}
.lobby-wheel text{fill:#fff0d7;font:750 8px var(--sans)}
.lobby-wheel .pocket-black{fill:#191d27}.lobby-wheel .pocket-red{fill:#891f3b}.lobby-wheel .pocket-green{fill:#8f7640}
.lobby-wheel i{background:radial-gradient(circle at 35% 25%,#f2c575,#bf8f45 50%,#583325);border:2px solid #c7ac74}
.lobby-cards{transform:rotate(-8deg) translateY(10px);filter:drop-shadow(0 8px 6px #090a1199);gap:0}
.lobby-cards .playing-card{flex:0 0 83px;width:83px!important;min-width:83px;height:116px!important;border-radius:6px!important}
.lobby-cards .playing-card+.playing-card{margin-left:-14px;transform:rotate(19deg) translateY(8px)}
.lobby-plinko{width:185px;transform:translateY(11px);padding-top:8px}
.lobby-plinko>div{gap:18px;margin-bottom:12px}
.lobby-plinko i{width:5px;height:5px;background:#c7ac74;box-shadow:0 1px 2px #120d1966}
.lobby-plinko b{background:#c7ac74;width:13px;height:13px;box-shadow:0 0 12px #e8ab4f66}
.lobby-plinko>span{font:800 11px var(--sans);color:#c7ac74;letter-spacing:.3px;padding-top:7px}
.lobby-flight{height:174px;width:95%;transform:translateY(9px)}
.lobby-flight path[stroke]{stroke:#c7ac74;stroke-width:4}
.lobby-flight circle{fill:#fff1d3}
.lobby-flight text{font:900 38px var(--sans);fill:#fff1d3}
.lobby-mines{width:140px;gap:7px;transform:rotate(-9deg) translateY(9px)}
.lobby-mines i{background:#574b36;border:0;border-radius:7px;box-shadow:0 4px 0 #28242a;color:#c7ac74}
.lobby-mines svg{width:38px;height:38px}
.lobby-chicken svg{width:120px;height:120px;filter:drop-shadow(0 7px 5px #23182080)}
.lobby-chicken span{color:#ffe9c8;font:850 9px var(--sans);letter-spacing:1.5px}
.lobby-bottom{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;margin-top:30px}
.activity-panel{padding:21px;min-height:205px;background:#202229}
.lobby-empty{padding:30px 0;color:#b9b2a7}
.lobby-empty strong{font:750 14px var(--sans)}
.lobby-empty p{font:500 12px var(--sans);color:#818590}
.transaction-row{border-color:#39373b;min-height:57px}
.transaction-row strong{color:#ddd5c7;font:700 12px var(--sans)}
.transaction-row small,.transaction-mark{color:#818590;font:600 10px var(--sans)}
.transaction-mark{background:#30323b;border-color:#39373b;color:#b9b2a7;border-radius:6px}
.transaction-amount{font:750 12px var(--sans);color:#ddd5c7}
.lobby-extras{gap:14px}
.lobby-extras>button{padding:17px 19px;gap:13px;border:0;border-radius:8px;background:#202229;color:#ddd5c7}
.lobby-extras>button:hover{background:#30323b}
.lobby-extras small{font:500 11px var(--sans);color:#b9b2a7}
.lobby-extras strong{font:750 13px var(--sans)}
.lobby-extras b,.extra-icon{color:#c7ac74}
.extra-icon{width:36px;font-size:29px}
/* Market, portfolio and player pages share the casino component system. */
.market-panel{background:#202229;border:0;border-radius:8px}
.table-head{background:#272a32;color:#b9b2a7;font:750 10px var(--sans);letter-spacing:.5px;border:0}
.asset-row{background:none;border-color:#39373b;min-height:68px}
.asset-row:hover,.asset-row.is-selected{background:#30323b}
.asset-row.is-selected{box-shadow:inset 3px 0 #e8ab4f}
.asset-name strong{font:750 13px var(--sans);color:#ddd5c7}
.asset-name{gap:11px}
.asset-logo{width:31px;height:31px;background:#272a32;border:1px solid #39373b;border-radius:7px;color:#ddd5c7;font:800 12px var(--sans)}
.asset-symbol,.asset-price small{color:#b9b2a7;font:650 9px var(--sans)}
.asset-price{color:#ddd5c7;font:750 12px var(--sans)}
.asset-change{font:700 11px var(--sans)}
.crypto-divider{background:#272a32;color:#b9b2a7;font:750 10px var(--sans);border-color:#39373b}
.trade-heading strong{font:800 17px var(--sans);color:#eee7da}
.trade-heading small{font:650 10px var(--sans);color:#b9b2a7}
.trade-current{font:800 21px var(--sans);color:#eee7da}
.trade-description,.trade-summary,.holding-note{font:500 12px/1.7 var(--sans);color:#b9b2a7}
.quote-meta,.order-estimate{font:650 9px var(--sans);color:#818590}
.trade-toggle button{background:#101522;border:0;color:#b9b2a7;font:750 12px var(--sans);border-radius:5px}
.trade-toggle button.is-active{background:#403a32;color:#eee7da;border:0}
.holding-note{border-color:#39373b}
.trade-feedback{font:650 12px var(--sans);color:#e8ab4f}
.event-strip{background:#272a32;border:1px solid #39373b;color:#b9b2a7;border-radius:7px}
.event-label{color:#e8ab4f;font:800 10px var(--sans)}
.event-copy,.event-history-copy strong{color:#ddd5c7}
.event-history-row{border-color:#39373b}
.event-history-copy small,.event-history-empty{color:#b9b2a7}
.event-prices{color:#b9b2a7}
.portfolio-total>strong,.portfolio-value{font:850 34px var(--sans);letter-spacing:-.8px;color:#eee7da}
.portfolio-total>span,.portfolio-return,.allocation-legend{font:600 12px var(--sans);color:#b9b2a7}
.portfolio-cash-row{background:#272a32;color:#ddd5c7}
.portfolio-table th,.portfolio-table td{border-color:#39373b}
.portfolio-table th{font:750 10px var(--sans);color:#b9b2a7;background:#272a32}
.portfolio-table td{font:600 12px var(--sans);color:#ddd5c7}
.portfolio-empty{color:#b9b2a7}
.profile-grid{gap:14px}
.profile-stat{background:#202229;min-height:102px;padding:19px}
.profile-stat .metric-value{font:800 26px var(--sans);color:#eee7da;text-align:left;letter-spacing:-.5px}
.profile-row{border-color:#39373b;font:600 13px var(--sans)}
.profile-row span:first-child{color:#b9b2a7}
.profile-row strong{color:#ddd5c7;font-weight:750}
.stats-group h2{font:800 11px var(--sans);color:#e8ab4f;letter-spacing:.7px}
.brokeprint-total{color:#c7ac74;font-family:var(--sans)}
.chart-grid line{stroke:#39373b}.chart-line{stroke:#c7ac74}.chart-dot{fill:#c7ac74}
/* Dialogs and feedback */
.modal-backdrop,.onboarding-backdrop{background:#060912e6;backdrop-filter:blur(6px)}
.onboarding-panel,.settings-dialog,.bankruptcy-dialog{background:#202229;border:1px solid #4a4642;border-radius:12px;color:#eee7da;box-shadow:0 25px 90px #0006}
.onboarding-panel{padding:35px;max-width:440px}
.onboarding-mark{width:78px!important;height:78px!important;background:none!important;box-shadow:none!important;border:0!important;margin-bottom:17px}
.onboarding-panel h1{font:850 37px/1.12 var(--sans);color:#eee7da;letter-spacing:-1.2px}
.onboarding-panel h1 span{color:#b9b2a7}
.onboarding-copy{color:#ddd5c7;font:600 15px var(--sans)}
.onboarding-rule{border-color:#39373b;font:500 13px/1.8 var(--sans);color:#b9b2a7}
.onboarding-rule strong{color:#ddd5c7}
.onboarding-start{width:100%;margin-top:8px}
.welcome-disclaimer{font:550 10px/1.7 var(--sans);color:#818590}
.settings-dialog h2,.bankruptcy-dialog h2{font-family:var(--sans);font-weight:850;color:#eee7da;letter-spacing:-1px}
.bankrupt-index{color:#b9b2a7;font:750 10px var(--sans);border-color:#39373b}
.bankrupt-stat{background:#272a32;border:0;border-radius:7px}
.bankrupt-stat span{color:#b9b2a7;font:650 10px var(--sans)}
.bankrupt-stat strong{color:#eee7da;font:800 22px var(--sans)}
.bankrupt-line,.bankrupt-disclaimer,.settings-copy{font:500 13px/1.75 var(--sans);color:#b9b2a7}
.settings-action{background:#272a32;border:1px solid #39373b;border-radius:8px;padding:16px;color:#b9b2a7}
.settings-action:hover{background:#30323b;border-color:#4a4642}
.settings-action strong{color:#ddd5c7;font:750 13px var(--sans)}
.settings-action small{color:#b9b2a7;font:500 11px var(--sans)}
.settings-danger{border-color:#733b49;background:#351c29}.settings-danger:hover{background:#4b2233;border-color:#a7516b}
.settings-danger b{color:#f08ba0}
.eyebrow{color:#b9b2a7;font:750 10px var(--sans)}
.eyebrow-mark{background:#e8ab4f}
.broke-toast{right:28px;top:89px;background:#302b29;border:1px solid #4a4642;border-radius:8px;color:#ddd5c7;box-shadow:0 8px 24px #07091166;font:650 12px var(--sans);max-width:min(410px,calc(100vw - 32px))}
/* At smaller sizes, the same chrome becomes a clear bottom navigation. */
@media(min-width:1500px){#game .main-column{padding-left:40px;padding-right:40px}.lobby-art{height:215px}.lobby-games{gap:20px}}
@media(max-width:1150px){#game.game-shell{grid-template-columns:184px minmax(0,1fr)}#game .main-column{padding:0 22px}#game .sidebar{padding:24px 12px}.topbar{padding:0 22px}.topbar-right{gap:12px}.top-net-worth{display:none!important}.casino-hero{padding:27px;grid-template-columns:minmax(0,1.2fr) minmax(185px,.8fr)}.casino-hero h2{font-size:31px}.lobby-art{height:165px}.lobby-wheel{width:140px;height:140px}.lobby-game-copy{padding:14px}.lobby-game-go{margin:0 14px 13px}.lobby-plinko{transform:scale(.86) translateY(9px)}.lobby-bottom{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}.market-layout{grid-template-columns:minmax(0,1fr) minmax(245px,.8fr)}}
@media(max-width:930px) and (min-width:761px){#game.game-shell{grid-template-columns:164px minmax(0,1fr)}#game .sidebar{padding-left:9px;padding-right:9px}#game .nav-item{padding:0 10px;font-size:12px;gap:9px}.sidebar-brokeprint{padding:14px 10px}.nav-caption{font-size:9px;margin-left:10px}.lobby-games{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-art{height:180px}.lobby-bottom{grid-template-columns:1fr}.casino-hero{grid-template-columns:minmax(0,1fr) 135px;padding:24px;min-height:210px}.casino-hero-art img{width:115px;height:115px}.casino-hero-art svg{height:150px}.casino-hero h2{font-size:28px}.lobby-search{min-width:180px}.market-layout{display:grid;grid-template-columns:1fr}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.topbar{height:64px;padding:0 15px}.wordmark>img{width:145px;height:39px}.topbar-right{gap:9px}.topbar .simulation-label,.top-net-worth,.avatar-button{display:none!important}.top-metric{min-width:0;padding:7px 10px}.top-metric small{font-size:8px;letter-spacing:.3px}.top-balance{font-size:12px;letter-spacing:-.15px}.settings-button{min-width:34px;width:34px;height:36px}.settings-button svg{width:19px;height:19px}#game.game-shell{display:block;padding-bottom:78px;min-height:calc(100svh - 64px)}#game .sidebar{position:fixed;z-index:25;top:auto;bottom:0;left:0;right:0;height:67px;padding:7px 7px max(7px,env(safe-area-inset-bottom));background:#151921f5;border:0;box-shadow:0 -3px 12px #07091155;overflow:visible}#game .sidebar-foot,.nav-caption{display:none}#game .side-nav{display:flex;justify-content:space-around;align-items:stretch;height:100%;gap:3px}#game .nav-item{display:flex;flex-direction:column;gap:3px;min-height:0;max-width:110px;width:100%;height:100%;padding:5px 8px;color:#818590;font:700 10px var(--sans);border-radius:6px;background:transparent}#game .nav-item.is-active{color:#eee7da;background:#30323b;box-shadow:none}.nav-icon{height:19px;width:19px}.nav-icon svg{width:19px;height:19px}#game .main-column{padding:0 15px}.main-topline{min-height:43px;font-size:9px}.market-clock{font-size:8px;gap:5px}#pageContent{padding:5px 0 24px}.page-heading{margin:6px 0 21px}.page-heading h1{font-size:27px}.section-kicker{font-size:9px}.heading-note{font-size:12px}.lobby-heading{display:flex;gap:12px;align-items:flex-start}.lobby-heading h1{font-size:27px}.lobby-balance{min-width:0;padding:10px 13px;margin:0;display:grid;grid-template-columns:1fr;gap:3px}.lobby-balance>span{font-size:9px}.lobby-balance strong{font-size:19px;grid-row:auto}.lobby-balance small{font-size:8px;grid-row:auto}.casino-hero{grid-template-columns:minmax(0,1fr) 130px;min-height:201px;padding:23px 21px;gap:0;margin-bottom:23px}.casino-hero h2{font-size:28px;max-width:265px;letter-spacing:-.8px}.casino-hero p:not(.section-kicker){font-size:11px;line-height:1.7;margin-bottom:17px}.casino-hero .section-kicker{font-size:8px;letter-spacing:.8px;margin-bottom:9px}.casino-hero .button{min-height:37px;font-size:11px;min-width:128px;padding:0 15px}.casino-hero-art,.casino-hero .hero-art{min-height:125px;margin-right:-12px}.casino-hero-art:before{width:160px;height:160px}.casino-hero-art svg{height:140px}.casino-hero-art img{width:109px;height:109px}.lobby-toolbar{margin:20px 0 14px;gap:10px;flex-wrap:wrap}.lobby-toolbar h2,.lobby-section-title h2{font-size:18px}.lobby-search{min-width:0;width:100%;order:3}.lobby-search input{min-height:36px!important}.lobby-section-title{margin:23px 0 14px}.lobby-section-title>span{font-size:10px}.lobby-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lobby-art{height:153px}.lobby-art:after{font-size:6px;top:10px;left:10px;letter-spacing:.8px}.lobby-game-copy{padding:13px 12px 9px;gap:4px}.lobby-game-copy>strong{font-size:20px}.lobby-game-copy>small{font-size:9px}.lobby-game-copy>span{font-size:10px;min-height:29px}.lobby-game-go{margin:0 12px 12px;min-height:22px;font-size:10px}.lobby-game-go>span{font-size:16px}.lobby-wheel{width:122px;height:122px}.lobby-cards .playing-card{flex-basis:64px;width:64px!important;min-width:64px!important;height:90px!important}.lobby-cards{transform:rotate(-8deg) translateY(7px)}.lobby-plinko{transform:scale(.71) translateY(11px)}.lobby-flight{height:150px;width:96%}.lobby-flight text{font-size:36px}.lobby-mines{width:115px;gap:6px}.lobby-mines svg{width:30px;height:30px}.lobby-chicken svg{width:94px;height:94px}.lobby-chicken span{font-size:7px}.lobby-bottom{grid-template-columns:1fr;gap:15px;margin-top:24px}.activity-panel{padding:18px;min-height:195px}.subhead h2{font-size:16px}.subhead>span{font-size:9px}.lobby-extras{grid-template-columns:1fr;gap:12px}.metric-card{padding:18px}.metric-value{font-size:25px}.lobby-extras .broke-card{grid-column:auto}.table-head,.asset-row{grid-template-columns:minmax(120px,1.3fr) minmax(76px,.8fr) 69px;padding-left:12px;padding-right:12px;gap:7px}.asset-name strong{font-size:12px}.asset-symbol,.asset-price small{font-size:8px}.asset-price{font-size:11px}.asset-change{font-size:10px}.asset-logo{width:28px;height:28px}.asset-row{min-height:64px}.trade-panel{padding:20px}.trade-heading strong{font-size:15px}.trade-current{font-size:19px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-stat{padding:16px;min-height:94px}.profile-stat .metric-value{font-size:22px}.profile-row{font-size:12px;gap:12px}.profile-section{padding:19px}.game-footer{display:none}.broke-toast{right:15px;top:77px;font-size:11px}.onboarding-panel{padding:28px;max-width:390px}.onboarding-panel h1{font-size:33px}.onboarding-copy{font-size:14px}.onboarding-rule{font-size:12px}.settings-dialog,.bankruptcy-dialog{padding:25px}.settings-copy{font-size:12px}.settings-action{padding:14px}.settings-action small{font-size:10px}}
@media(max-width:420px){.topbar{padding:0 12px}.wordmark>img{width:125px;height:35px}.topbar-right{gap:6px}.top-metric{padding:6px 8px}.top-balance{font-size:11px}.settings-button{width:29px;min-width:29px;height:33px}#game .main-column{padding:0 12px}.lobby-heading{display:block}.lobby-balance{display:none}.casino-hero{grid-template-columns:minmax(0,1fr) 84px;padding:20px 18px;min-height:194px}.casino-hero h2{font-size:26px}.casino-hero-art img{width:84px;height:84px}.casino-hero-art svg{height:125px;width:125px;max-width:none}.casino-hero-art:before{width:135px;height:135px}.casino-hero p:not(.section-kicker){font-size:10px}.lobby-games{gap:10px}.lobby-art{height:137px}.lobby-game-copy{padding:12px 10px 8px}.lobby-game-copy>strong{font-size:18px}.lobby-game-copy>span{font-size:9px}.lobby-game-go{margin-left:10px;margin-right:10px}.lobby-wheel{width:108px;height:108px}.lobby-plinko{transform:scale(.64) translateY(13px)}.lobby-cards .playing-card{flex-basis:57px;width:57px!important;min-width:57px!important;height:80px!important}.lobby-mines{width:100px}.lobby-mines svg{width:26px;height:26px}.lobby-chicken svg{width:85px;height:85px}.main-topline{font-size:8px}.market-clock{font-size:7px}.lobby-section-title>span{font-size:9px}.table-head,.asset-row{grid-template-columns:minmax(99px,1.3fr) minmax(69px,.8fr) 57px;padding:0 9px;gap:4px}.asset-name{gap:7px}.asset-name strong{font-size:11px}.asset-price{font-size:10px}.asset-change{font-size:9px}.asset-logo{width:24px;height:24px}.profile-stat .metric-value{font-size:20px}}
@media(prefers-reduced-motion:reduce){.lobby-game,.button{transition:none}.lobby-game:hover{transform:none}}

/* Lobby component contracts. */
.casino-hero h1{font:850 clamp(26px,3vw,39px)/1.1 var(--sans);color:#f5edde;margin:0 0 13px;letter-spacing:-1.3px}
.casino-hero-copy>.eyebrow{display:flex;align-items:center;gap:8px;color:#c7ac74;font:800 9px var(--sans);letter-spacing:1px;margin:0 0 13px}
.casino-hero-copy>.eyebrow:before{content:'';display:block;width:6px;height:6px;background:#e8ab4f;border-radius:2px}
.casino-hero-art{padding-left:16px}
.casino-hero-art .playing-card{position:relative;flex:0 0 105px;min-width:105px;width:105px!important;height:147px!important;transform:rotate(-17deg) translate(9px,7px);border-radius:7px;filter:drop-shadow(0 8px 7px #07091175)}
.casino-hero-art .playing-card:nth-child(2){z-index:2;margin-left:-39px;transform:translateY(-5px) rotate(0deg)}
.casino-hero-art .playing-card:nth-child(3){margin-left:-39px;transform:rotate(17deg) translate(-9px,7px)}
.casino-hero-art .playing-card>img{width:100%;height:100%;max-width:none;filter:none;object-fit:fill}
input.lobby-search,#lobbySearch{width:224px;min-width:160px;min-height:39px!important;height:39px;padding:0 13px;border-radius:6px;background:#101522!important;border:1px solid #39373b!important;box-shadow:none!important;font:600 12px var(--sans)!important;color:#ddd5c7}
input.lobby-search::placeholder,#lobbySearch::placeholder{color:#818590}
.lobby-toolbar{flex-wrap:wrap;justify-content:space-between;row-gap:15px}
.lobby-toolbar>.lobby-section-title{margin:0;flex:1 1 auto}
.lobby-filters{align-items:center;gap:5px}
.lobby-filters button:hover{background:#30323b;color:#ddd5c7}
.lobby-filters button.is-active{background:#403a32;color:#eee7da}
.game-chip{position:absolute;top:12px;left:13px;display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;background:#0002;color:#fff9;font:850 7px var(--sans);letter-spacing:1px}
.lobby-art:has(.game-chip):after{display:none}
.rules-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100svh - 64px);overflow:auto;background:#202229;border:1px solid #4a4642;border-radius:10px;box-shadow:0 25px 90px #0006;padding:25px;color:#eee7da}
.rules-dialog h2{font:800 24px var(--sans);margin:0 0 17px;color:#eee7da}
.rules-dialog p,.rules-dialog li{font:500 13px/1.8 var(--sans);color:#b9b2a7}
.rules-dialog strong{color:#eee7da}
.rules-dialog ul{padding-left:20px}
.rules-dialog .button{margin-top:14px}
@media(max-width:1150px){.casino-hero h1{font-size:31px}.casino-hero-art .playing-card{flex-basis:90px;min-width:90px;width:90px!important;height:126px!important}.casino-hero-art .playing-card:nth-child(2),.casino-hero-art .playing-card:nth-child(3){margin-left:-38px}}
@media(max-width:930px) and (min-width:761px){.casino-hero h1{font-size:28px}.casino-hero-art .playing-card{flex-basis:69px;min-width:69px;width:69px!important;height:97px!important}.casino-hero-art .playing-card:nth-child(2),.casino-hero-art .playing-card:nth-child(3){margin-left:-39px}.lobby-toolbar{gap:12px}input.lobby-search,#lobbySearch{width:100%;min-width:0;flex:1 1 100%;order:2}}
@media(max-width:760px){.casino-hero h1{font-size:28px;max-width:265px;letter-spacing:-.8px}.casino-hero-copy>.eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:10px}.casino-hero-art{padding-left:0}.casino-hero-art .playing-card{flex-basis:65px;min-width:65px!important;width:65px!important;height:91px!important}.casino-hero-art .playing-card:nth-child(2),.casino-hero-art .playing-card:nth-child(3){margin-left:-31px}.lobby-toolbar>.lobby-section-title{margin:0}.lobby-filters{gap:4px}.lobby-filters button{font-size:10px;padding:7px 9px}input.lobby-search,#lobbySearch{width:100%;min-width:0;flex:1 1 100%;order:3;min-height:37px!important;height:37px}.game-chip{top:9px;left:10px;padding:3px 5px;font-size:6px;letter-spacing:.6px}.rules-dialog{padding:21px}.rules-dialog h2{font-size:21px}}
@media(max-width:420px){.casino-hero h1{font-size:26px}.casino-hero-art .playing-card{flex-basis:52px;min-width:52px!important;width:52px!important;height:73px!important}.casino-hero-art .playing-card:nth-child(2),.casino-hero-art .playing-card:nth-child(3){margin-left:-30px}.lobby-toolbar{gap:9px}.lobby-filters button{font-size:9px;padding:6px 7px}.lobby-toolbar h2{font-size:17px}}

/* Integration polish and authoritative hidden state. */
html [hidden],.modal-backdrop[hidden],.onboarding-backdrop[hidden],#welcome[hidden],.lobby-game[hidden],.lobby-search-empty[hidden]{display:none!important}
.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font:800 9px var(--sans);letter-spacing:1px;color:#c7ac74;margin-bottom:13px}
.hero-eyebrow:before{content:'';width:6px;height:6px;border-radius:2px;background:#e8ab4f}
.hero-chip{position:absolute;z-index:4;right:12%;bottom:7px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;outline:2px solid #c7ac74;border:5px dashed #f2c575;background:#c7ac74;color:#24180f;box-shadow:0 7px 7px #07091166;font:900 32px var(--sans);transform:rotate(12deg)}
.hero-chip img{width:100%!important;height:100%!important;filter:none!important;object-fit:contain;padding:4px}
.lobby-free-badge{border:1px solid #39373b;padding:7px 11px;display:inline-flex;align-items:center;gap:6px;background:#272a32;color:#b9b2a7;border-radius:5px;font:750 10px var(--sans)}
.game-count{font:750 11px var(--sans);color:#b9b2a7;background:#272a32;border-radius:5px;padding:4px 7px;margin-left:7px;vertical-align:middle}
.lobby-toolbar>.lobby-section-title,.lobby-toolbar>div{min-width:0}
.lobby-toolbar h2{margin-bottom:11px}
.lobby-search{align-self:center}
.lobby-search svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lobby-search #lobbySearch{width:100%;min-width:0;flex:1;background:transparent!important;border:0!important;box-shadow:none!important;padding-right:13px;padding-left:0;color:#ddd5c7}
.lobby-search:focus-within{border-color:#e8ab4f}
.lobby-search-empty{padding:30px 22px;background:#202229;color:#b9b2a7;border-radius:8px;font:650 13px var(--sans)}
@media(max-width:1150px){.hero-chip{width:49px;height:49px;right:5%;bottom:19px;font-size:28px}}
@media(max-width:760px){.hero-eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:10px}.hero-chip{width:38px;height:38px;right:1%;bottom:17px;border-width:3px;outline-width:1px;font-size:23px}.lobby-search{order:3;width:100%;min-width:0}.lobby-search #lobbySearch{min-height:37px!important;height:37px}.lobby-free-badge{font-size:8px;white-space:nowrap;padding:6px 8px}.lobby-toolbar h2{margin-bottom:10px}}
@media(max-width:420px){.hero-chip{width:30px;height:30px;bottom:18px;right:-2%;font-size:18px}.lobby-heading{display:flex;align-items:center}.lobby-free-badge{font-size:7px;padding:5px 7px}}