@media (max-width:1100px){.screen-wrap{height:auto;min-height:100%}}.stage-scroll{position:absolute;inset:0;z-index:2;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width:1024px){.stage-scroll{bottom:calc(env(safe-area-inset-bottom, 0px) + var(--provider-badge-space, 0px));-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 22px),transparent)}.stage-scroll:has(.lobby-footer,.bet-bar,.bet-popup-overlay){-webkit-mask-image:none;mask-image:none}}@media (max-width:1100px){.topbar{padding:calc(14px + env(safe-area-inset-top, 0px)) calc(18px + env(safe-area-inset-right, 0px)) 14px calc(18px + env(safe-area-inset-left, 0px));flex-wrap:wrap;gap:10px}.topbar-right{flex-wrap:wrap;gap:8px}.topbar-right .stat-pill{display:none}.brand-logo{height:30px}.avatar-chip .rank,.brand-logo-wrap>div:last-child,.credits-pill .label{display:none}.credits-pill{padding:6px 12px;gap:6px}.credits-pill .amount,.news-strip{font-size:12px}.news-strip{padding:8px 18px}.home-grid{grid-template-columns:1fr;gap:18px;padding:20px 18px}.home-center{order:-1;padding:24px 0}.hero-logo{max-width:360px}.hero-title{font-size:64px}.hero-sub{font-size:12px;letter-spacing:.08em}.hero-cta,.hero-meta{flex-wrap:wrap;justify-content:center}.hero-meta{gap:14px 24px}.create-grid{grid-template-columns:1fr;padding:20px 18px;gap:18px}.screen-title{font-size:28px}.rooms-layout{padding:18px}.rooms-grid{grid-template-columns:repeat(2,1fr);gap:12px}.rooms-toolbar{grid-template-columns:1fr;gap:10px}.rooms-header{flex-wrap:wrap;gap:12px}.lobby-grid{grid-template-columns:1fr;padding:18px;gap:16px}.lobby-banner{padding:14px 18px;flex-wrap:wrap;gap:12px}.lobby-banner .arena-name{font-size:22px}.spec-grid{grid-template-columns:1fr 1fr}.loading-bar-wrap{width:100%;max-width:480px}.loading-grid-info{width:100%;max-width:700px}.race-body{grid-template-columns:1fr;padding:14px 18px 24px;gap:14px}.race-col.left,.race-col.right{overflow-y:visible}.race-strip{grid-template-columns:repeat(2,1fr);border-radius:var(--radius-lg)}.race-strip .cell{padding:10px 14px}.race-strip .cell .val{font-size:15px}.horses-grid{grid-template-columns:repeat(2,1fr)}.bet-bar{grid-template-columns:1fr;gap:12px}.bet-bar .hud-btn{width:100%}.bet-input-wrap{width:100%;min-width:0}.quick-bets{justify-content:center}.result-banner{grid-template-columns:1fr;gap:12px}.result-banner,.result-money,.result-money-sub{text-align:center}.result-banner .hud-btn{margin:12px auto 0}.twk-panel{width:248px}}@media (max-width:700px){.topbar{padding:calc(10px + env(safe-area-inset-top, 0px)) calc(14px + env(safe-area-inset-right, 0px)) 10px calc(14px + env(safe-area-inset-left, 0px));gap:8px}.topbar>div:first-child{flex:1 1;min-width:0}.back-btn{padding:8px 12px;font-size:12px}.back-btn span:not(:first-child){display:none}.icon-btn{width:32px;height:32px}.brand-logo{height:26px}.avatar-chip{padding:4px;gap:0}.avatar-chip .name{display:none}.credits-pill{padding:4px 8px 4px 10px}.credits-pill .coin{width:16px;height:16px;font-size:12px}.credits-pill .amount,.news-strip{font-size:12px}.news-strip{padding:6px 14px;gap:10px}.news-strip .tag span{font-size:12px;padding:2px 6px}.home-grid{padding:16px 12px;gap:14px}.hero-logo{max-width:240px;width:70%}.hero-title{font-size:44px}.hero-sub{margin-bottom:24px}.hero-eyebrow,.hero-sub{font-size:12px}.hero-eyebrow:after,.hero-eyebrow:before{width:24px}.hero-cta{gap:10px;width:100%;flex-direction:column}.hero-cta .hud-btn{width:100%;justify-content:center}.hud-btn.lg{padding:16px 24px;font-size:13px}.hero-meta{font-size:12px;gap:8px 16px}.hud-card{padding:16px}.lb-row{padding:8px 0}.lb-row,.match-row{font-size:12px}.create-grid{padding:16px 12px;gap:14px}.screen-title{font-size:22px}.field-row-2{grid-template-columns:1fr;gap:14px}.chip-row{gap:6px}.chip{padding:8px 10px;font-size:12px}.invite-preview{flex-direction:column;align-items:stretch;gap:10px}.invite-preview .code{font-size:18px;letter-spacing:.1em;padding:10px}.invite-preview button{width:100%}.hud-input{padding:12px 14px;font-size:14px}.summary-row .val{font-size:12px}.rooms-layout{padding:14px 12px;gap:12px}.rooms-grid{grid-template-columns:1fr;gap:10px}.rooms-header{flex-direction:column;align-items:stretch}.room-card{padding:14px}.room-name{font-size:14px}.room-meta{gap:10px}.room-meta .m .v{font-size:12px}.filter-pills{flex-wrap:wrap}.fp{padding:8px 12px}.fp,.live-tag{font-size:12px}.live-tag{padding:6px 10px}.lobby-grid{padding:14px 12px;gap:12px}.lobby-banner{padding:12px 14px}.lobby-banner .arena-name{font-size:18px;letter-spacing:.06em}.lobby-banner .stat-pill{display:none}.lobby-banner>div:last-child{width:100%;justify-content:flex-end}.spec-grid{grid-template-columns:1fr 1fr;gap:8px}.spec{padding:10px}.spec .v{font-size:14px}.horse-row{grid-template-columns:28px 1fr auto;gap:10px;padding:8px 10px}.horse-row .stat-bars{display:none}.horse-row .odds{font-size:12px}.jockey-row{grid-template-columns:auto 1fr auto;gap:10px;padding:10px 12px}.jockey-row>:nth-child(3){display:none}.av-large{width:36px;height:36px;font-size:13px}.jockey-row .nm{font-size:12px}.lobby-footer{position:fixed;left:0;right:0;bottom:0;z-index:90;flex-direction:column;align-items:stretch;padding:14px 14px calc(14px + env(safe-area-inset-bottom, 0px));gap:10px;background:linear-gradient(180deg,rgba(14,18,48,.9) 0,var(--bg-1) 30%);border-top:1px solid var(--accent);box-shadow:0 -16px 32px rgba(0,0,0,.5),0 -1px 0 var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby-footer .hud-btn{width:100%;justify-content:center}.lobby-grid{padding-bottom:calc(140px + env(safe-area-inset-bottom, 0px))}.loading-wrap{padding:24px 16px;gap:24px}.loading-ring{width:220px;height:220px}.loading-ring .core{width:160px;height:160px}.loading-ring .core img{width:110px}.loading-status .label{font-size:20px;letter-spacing:.14em}.loading-status .arena{font-size:12px}.loading-grid-info{grid-template-columns:repeat(2,1fr);gap:10px}.loading-grid-info .cell .v{font-size:14px}.race-body{padding:12px;gap:12px}.race-strip{grid-template-columns:1fr 1fr}.race-strip .cell{padding:8px 12px;flex-direction:column;align-items:flex-start;gap:2px}.race-strip .cell .lbl{font-size:12px}.race-strip .cell .val{font-size:13px}.track-wrap{padding:12px}.track-labels{padding:0 14px;font-size:12px}.track-lane{height:30px}.track-lane .lane-num{font-size:12px}.horse-runner{width:48px;height:24px}.horse-runner img{width:44px;height:22px}.track-countdown .big{font-size:88px}.horses-grid{grid-template-columns:repeat(2,1fr);gap:8px}.h-card{padding:10px}.h-card .h-name{font-size:12px;letter-spacing:.02em}.h-card .h-jockey,.h-card .h-num{font-size:12px}.h-card .h-odds{font-size:18px}.h-card .h-odds-lbl{font-size:12px}.h-card.selected:after{font-size:12px;top:4px;right:6px}.h-card-stats{gap:4px;margin-top:6px}.h-stat-row{font-size:12px;gap:6px}.h-stat-row .k{width:22px}.h-stat-row .track-bar{height:4px}.h-stat-row .v{width:18px;font-size:12px}.h-card-form{gap:3px;margin-top:8px;flex-wrap:wrap}.h-form{width:14px;height:14px;font-size:12px}.h-card-form>span:first-child{font-size:8px!important;margin-right:4px!important}.payout-card{grid-template-columns:1fr;gap:8px;padding:12px;text-align:center}.payout-card .cell.win .v{font-size:18px}.bet-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;padding:12px;gap:10px;border-radius:0;border-left:none;border-right:none;background:linear-gradient(180deg,rgba(14,18,48,.9) 0,var(--bg-1) 30%);box-shadow:0 -16px 32px rgba(0,0,0,.5),0 -1px 0 var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bet-bar:after,.bet-bar:before{display:none}.race-body{padding-bottom:220px}.bet-input-wrap input{font-size:18px;width:80px}.qbet{padding:6px 10px;font-size:12px}.result-banner{padding:16px}.result-title{font-size:18px}.result-money{font-size:28px}.result-icon{width:44px;height:44px;font-size:22px}.lb-card{padding:8px 10px}.lb-card .av{width:24px;height:24px}.lb-card .av,.lb-card .player{font-size:12px}.log-item{padding:10px}.log-item .delta,.log-item .race-id{font-size:12px}.modal-backdrop{padding:18px;place-items:center}.modal-box{padding:22px;max-width:100%;max-height:calc(100vh - 36px);overflow-y:auto;margin:auto}.modal-title{font-size:18px;letter-spacing:.1em}.modal-icon{width:44px;height:44px;margin-bottom:14px}.modal-btns{flex-direction:column;gap:10px}.modal-btns .hud-btn{width:100%}.twk-panel{width:calc(100vw - 24px);max-width:280px;right:12px;bottom:12px}.track-result .tr-verdict{font-size:48px}.track-result .tr-horse{font-size:12px;letter-spacing:.07em}.track-result .tr-amount{font-size:16px}}@media (max-width:420px){.hero-title{font-size:36px}.hero-logo{max-width:200px}.screen-title{font-size:18px}.credits-pill .amount{font-size:12px}.stat-pill{padding:6px 10px}.news-strip{font-size:12px;padding:5px 10px}.news-strip .tag,.rooms-toolbar>:last-child{display:none}.horse-runner{width:36px;height:20px}.horse-runner img{width:32px;height:18px}.track-lane{height:26px}.lobby-banner .arena-name{font-size:16px}}@media (min-width:1500px){.home-grid{padding:40px 48px;gap:32px}.hero-title{font-size:104px}.race-body{padding:22px 36px 28px;gap:22px}}@media (max-width:700px){.icon-btn{width:44px;height:44px}.qbet,.vol-popup-close{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.vol-popup-close{min-width:44px}.back-btn{min-height:44px}}@media (max-width:360px){.bet-popup-actions{grid-template-columns:1fr}}@media (max-height:620px){.news-strip{display:none}.topbar{padding-top:8px;padding-bottom:8px}.home-grid{padding-top:10px;padding-bottom:10px;gap:12px}.hero-logo{max-width:150px;width:46%}.hero-title{font-size:30px}.hero-eyebrow{font-size:10px}.hero-sub{font-size:11px;margin-bottom:10px}.hero-cta{gap:8px}.hero-cta .hud-btn,.hud-btn.lg{padding:12px 20px;font-size:13px}.hero-meta{font-size:11px;gap:6px 14px}}@media (max-height:500px) and (min-width:700px) and (orientation:landscape){.hero-cta{flex-direction:row;flex-wrap:wrap;justify-content:center}.hero-cta .hud-btn{width:auto}.hero-logo{max-width:120px}.hero-title{font-size:24px}.hero-sub{margin-bottom:6px}}@media (max-width:700px){.lobby-footer{padding-bottom:14px}.bet-bar,.lobby-footer{bottom:calc(env(safe-area-inset-bottom, 0px) + var(--provider-badge-space, 0px))}.bet-bar{padding-bottom:12px}}@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800;900&family=Luckiest+Guy&display=swap");