/* N1X.LIVE v6.1 — UI stabilization layer. Visual/layout only. */
:root{--ui-bg:#05070b;--ui-panel:#0b0f16;--ui-panel2:#10151f;--ui-line:rgba(174,184,207,.16);--ui-line-strong:rgba(174,184,207,.25);--ui-text:#f5f7fb;--ui-muted:#8b95a7;--ui-purple:#7c35f5;--ui-purple2:#a66cff;--ui-green:#49e99a;--ui-radius:16px}
*{box-sizing:border-box}html{background:var(--ui-bg);-webkit-text-size-adjust:100%}body{min-width:0}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(166,108,255,.8);outline-offset:2px}
img{max-width:100%}

/* Real N1X brand treatment. The source artwork is square, so crop the center intentionally. */
.n1x-logo-crop{width:112px!important;height:44px!important;border-radius:0!important;overflow:hidden!important;background:#05070b;isolation:isolate}
.n1x-logo-crop img{width:150px!important;height:150px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;object-fit:cover!important;max-width:none!important}
.desktop-n1x-brand{display:flex;align-items:center;justify-content:center;height:58px;margin:0 0 13px;text-decoration:none;border-bottom:1px solid rgba(174,184,207,.10)}
.desktop-n1x-brand .n1x-logo-crop{width:138px!important;height:52px!important}.desktop-n1x-brand .n1x-logo-crop img{width:184px!important;height:184px!important}

/* Lobby / home desktop */
@media(min-width:901px){
 body:is(.home-page,.lobby-page) .shell{grid-template-columns:206px minmax(560px,1fr) minmax(330px,410px);max-width:1680px;width:100%;min-height:100vh}
 body:is(.home-page,.lobby-page) .side{padding:10px 12px 14px;background:linear-gradient(180deg,#080b10,#06080c);border-right:1px solid rgba(174,184,207,.11)}
 body:is(.home-page,.lobby-page) .lobby{padding:18px 18px 22px;border-right:1px solid rgba(174,184,207,.10)}
 body:is(.home-page,.lobby-page) .topbar{height:46px;margin-bottom:14px;gap:9px}
 body:is(.home-page,.lobby-page) .topbar .search{height:38px;width:min(340px,38vw);border-radius:11px;background:#090d13;border-color:rgba(174,184,207,.13)}
 body:is(.home-page,.lobby-page) .topbar .balance,body:is(.home-page,.lobby-page) .topbar .primary,body:is(.home-page,.lobby-page) .topbar .icon{height:38px;border-radius:11px}
 body:is(.home-page,.lobby-page) .hero{height:270px;border-radius:16px;border-color:rgba(174,184,207,.13);box-shadow:0 24px 70px rgba(0,0,0,.18)}
 body:is(.home-page,.lobby-page) .hero-copy{left:34px}.hero h1{font-size:36px!important}.hero p{font-size:11px!important}
 body:is(.home-page,.lobby-page) .section{margin-top:20px}.section-head{margin-bottom:11px}.section-head h2{font-size:13px!important}.section-head a{cursor:pointer;color:#b99aff!important;font-size:9px!important}
 body:is(.home-page,.lobby-page) .originals{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 body:is(.home-page,.lobby-page) .game-card{height:190px!important;border-radius:13px!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
 body:is(.home-page,.lobby-page) .game-card:hover{transform:translateY(-2px);border-color:rgba(166,108,255,.38);box-shadow:0 15px 38px rgba(0,0,0,.26)}
 body:is(.home-page,.lobby-page) .game-name{left:12px!important;bottom:10px!important}.game-name b{font-size:14px!important}.game-name small{font-size:7.5px!important;letter-spacing:.05em}
 body:is(.home-page,.lobby-page) .topgames{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.top-card{height:118px!important;border-radius:12px!important}.top-card b{font-size:10px!important}.top-card small{font-size:7px!important}
 body:is(.home-page,.lobby-page) .stats{gap:10px!important}.stat{height:90px!important;border-radius:12px!important}.wins{margin-top:14px!important}
 body:is(.home-page,.lobby-page) .vault{padding:18px 16px!important}.vault-preview{border-radius:16px!important}.vault-art{height:390px!important}.play-vault{border-radius:11px!important}
}

/* Lobby mobile: one clean header + cards with reliable spacing. */
@media(max-width:900px){
 body:is(.home-page,.lobby-page,.cashier-page,.support-page,.profile-page,.promotions-page){padding-top:calc(64px + env(safe-area-inset-top))!important;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
 .n1x-app-header{height:calc(64px + env(safe-area-inset-top))!important;padding-left:12px!important;padding-right:12px!important;grid-template-columns:42px minmax(72px,1fr) auto 42px!important;background:rgba(5,7,11,.9)!important}
 .n1x-app-header .n1x-logo-crop{width:92px!important;height:40px!important}.n1x-app-header .n1x-logo-crop img{width:124px!important;height:124px!important}
 .n1x-wallet-chip{max-width:118px!important;height:40px!important;border-radius:12px!important}.n1x-add,.n1x-icon{width:40px!important;height:40px!important;border-radius:12px!important}
 .n1x-bottom{left:10px!important;right:10px!important;height:66px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;border-radius:19px!important;padding:5px!important}
 body:is(.home-page,.lobby-page) .lobby{padding:8px 11px 16px!important;border:0!important}
 body:is(.home-page,.lobby-page) .hero{height:202px!important;border-radius:15px!important;margin-top:0}.hero-copy{left:18px!important}.hero h1{font-size:28px!important;letter-spacing:-1.2px!important}.hero p{font-size:9px!important}.hero .primary{min-height:38px;padding:0 13px!important;border-radius:9px!important}
 #originalsSection .originals,#topGamesSection .topgames{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important}
 #originalsSection .game-card{height:178px!important;border-radius:13px!important}#topGamesSection .top-card{height:112px!important;border-radius:12px!important}
 .section{margin-top:17px!important}.section-head h2{font-size:13px!important}.section-head a{font-size:9px!important;padding:7px 0;cursor:pointer}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.stat{height:82px!important;border-radius:11px!important}.wins{padding:12px 2px!important}
 .n1x-drawer{width:min(88vw,360px)!important}.n1x-drawer-head .n1x-logo-crop{width:126px!important;height:50px!important}.n1x-drawer-head .n1x-logo-crop img{width:168px!important;height:168px!important}
}
@media(max-width:390px){#originalsSection .game-card{height:164px!important}.hero{height:190px!important}.hero h1{font-size:25px!important}.n1x-wallet-chip{max-width:108px!important;padding:0 8px!important}}

/* Shared game header and desktop frame. Strictly visual; game DOM/IDs and handlers are untouched. */
.n1x-game-mode{background:#05070b!important}.n1x-game-mode .desktop-n1x-brand{display:flex}
@media(min-width:701px){
 .n1x-game-mode .side{width:auto!important;background:linear-gradient(180deg,#080b10,#06080c)!important;border-right:1px solid rgba(174,184,207,.12)!important}
 .n1x-game-mode .main,.n1x-game-mode .layout{max-width:1540px;margin:0 auto}
 .n1x-game-mode .top{min-height:70px!important;padding:0 18px!important;gap:12px!important;background:rgba(6,8,13,.88)!important;border-bottom:1px solid rgba(174,184,207,.12)!important}
 .n1x-game-mode .game-logo{max-width:180px!important;height:36px!important;object-fit:contain!important}
 .n1x-game-mode .balance{border-radius:12px!important;background:rgba(12,16,24,.8)!important;border:1px solid rgba(174,184,207,.16)!important}
}

@media(max-width:700px){
 body.n1x-game-mode{padding:0 0 max(10px,env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
 .n1x-game-mode .side{display:none!important}
 .n1x-game-mode .main,.n1x-game-mode .layout{width:100%!important;max-width:none!important;padding:0 8px 16px!important;margin:0!important}
 .n1x-game-mode .top{position:sticky!important;top:0!important;z-index:150!important;width:calc(100% + 16px)!important;margin:0 -8px 8px!important;min-height:62px!important;height:calc(62px + env(safe-area-inset-top))!important;padding:calc(env(safe-area-inset-top) + 7px) 8px 7px!important;display:flex!important;align-items:center!important;gap:8px!important;background:rgba(5,7,11,.94)!important;border-bottom:1px solid rgba(174,184,207,.14)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
 .n1x-game-mode .top .back,.n1x-game-mode .top .mobile-back{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;padding:0!important;margin:0!important;border-radius:12px!important;font-size:0!important;background:#0c1119!important;border:1px solid rgba(174,184,207,.18)!important;color:#fff!important}
 .n1x-game-mode .top .title,.n1x-game-mode .top .brand{min-width:0!important;display:flex!important;align-items:center!important}.n1x-game-mode .top .title>small,.n1x-game-mode .n1x-mini-brand{display:none!important}
 .n1x-game-mode .game-logo{height:30px!important;max-width:118px!important;margin:0!important;object-fit:contain!important}
 .n1x-game-mode .balance{margin-left:auto!important;min-width:0!important;max-width:128px!important;min-height:40px!important;height:40px!important;padding:6px 9px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;border-radius:12px!important;white-space:nowrap!important;font-size:8px!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#0c1119!important;border:1px solid rgba(174,184,207,.15)!important}.n1x-game-mode .balance small{display:none!important}.n1x-game-mode .balance b{font-size:11px!important;overflow:hidden;text-overflow:ellipsis}
 .n1x-game-mode .game,.n1x-game-mode .game-shell{display:flex!important;flex-direction:column!important;gap:8px!important}.n1x-game-mode .stage,.n1x-game-mode .scene{order:0!important}.n1x-game-mode .panel{order:1!important;width:100%!important;display:block!important}.n1x-game-mode .panel>.card{margin-top:8px!important}.n1x-game-mode .panel>.card:not(:first-child){display:none!important}
 .n1x-game-mode input{font-size:16px!important}.n1x-game-mode button{touch-action:manipulation}
}

/* VAULT: preserve 5-column vault visual on phones; old v4.1.7 forced 2 columns. */
@media(max-width:700px){
 .vault-page .stage{height:min(58svh,560px)!important;min-height:460px!important;max-height:560px!important;border-radius:16px!important}
 .vault-page .bank-frame-img{width:100%!important;height:100%!important;object-fit:cover!important;opacity:.93!important;filter:brightness(.9) contrast(1.05)!important}
 .vault-page .playfield{width:94%!important;top:51%!important}.vault-page .box-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}.vault-page .deposit-box{min-width:0!important}
 .vault-page .bank-door-panel{left:-42%!important;width:104%!important}.vault-page .stage.intro-closed .bank-door-panel{left:50%!important;width:112%!important}
 .vault-page .panel .card:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:10px!important}.vault-page .panel .card:first-child h3,.vault-page .panel .card:first-child .label{display:none!important}.vault-page .betwrap{grid-column:1/2;height:44px!important}.vault-page .chips{grid-column:1/-1;margin:0!important}.vault-page .start{grid-column:2/3;grid-row:1;height:44px!important;min-height:44px!important;margin:0!important;padding:0 18px!important}.vault-page .action-strip{margin-top:8px!important}
}
@media(max-width:390px){.vault-page .stage{min-height:430px!important;height:54svh!important}.vault-page .box-grid{gap:3px!important}.vault-page .box-preview{font-size:6px!important}}

/* ORBIT */
@media(max-width:700px){
 .orbit-page .layout{padding:0 8px 16px!important}.orbit-page .game-shell{display:flex!important}.orbit-page .scene{height:min(60svh,570px)!important;min-height:470px!important;max-height:570px!important;width:100%!important;border-radius:16px!important}.orbit-page .planet-wrap{width:min(92%,520px)!important;bottom:-17%!important}.orbit-page .ship{max-width:34vw!important;width:145px!important}.orbit-page .ship-trail{max-width:28vw!important}.orbit-page .anomaly{width:150px!important;max-width:38vw!important}.orbit-page .hud{top:20px!important;width:90%!important}.orbit-page .mult{font-size:clamp(50px,16vw,76px)!important;letter-spacing:-2px!important}.orbit-page .orbit-info{left:14px!important;bottom:14px!important}.orbit-page .status-toast{right:12px!important;bottom:12px!important;max-width:48%!important}.orbit-page .panel .card:first-child{padding:10px!important}.orbit-page .action{height:48px!important;margin-top:8px!important}
}

/* BREACH */
@media(max-width:700px){
 .breach-page .stage{height:min(61svh,580px)!important;min-height:490px!important;max-height:580px!important;width:100%!important;border-radius:16px!important}.breach-page .core{transform:translate(-50%,-50%) scale(.82)!important}.breach-page .ports-wrap{left:10px!important;right:10px!important;bottom:12px!important}.breach-page .ports{gap:6px!important}.breach-page .port{min-height:54px!important;padding:8px 5px!important}.breach-page .panel{padding:11px!important;border-radius:14px!important}.breach-page .panel .history,.breach-page .panel .proof,.breach-page .panel .terminal{display:none!important}.breach-page .action,.breach-page .cash{height:48px!important}
}

/* DROP */
@media(max-width:700px){
 .drop-page .stage{height:min(61svh,570px)!important;min-height:480px!important;max-height:570px!important;width:100%!important;border-radius:16px!important}.drop-page .board{width:min(94%,540px)!important;max-width:540px!important;height:auto!important;left:50%!important;transform:translateX(-50%)!important}.drop-page .panel{padding:11px!important;border-radius:14px!important}.drop-page .proof,.drop-page .history{display:none!important}.drop-page .action{height:48px!important}
}

/* ESCAPE */
@media(max-width:700px){
 .escape-page .stage{height:min(61svh,580px)!important;min-height:490px!important;max-height:580px!important;width:100%!important;border-radius:16px!important}.escape-page .panel{padding:11px!important;border-radius:14px!important}.escape-page .panel .history{display:none!important}.escape-page .action{height:50px!important}.escape-page .quick button{min-height:38px!important}
}

/* MINES: don't let the generic mobile rule turn the absolute grid into width:100%. */
@media(max-width:700px){
 .mines-page .app{width:100%!important}.mines-page .layout{display:flex!important;flex-direction:column!important;gap:8px!important;padding:0 8px 16px!important}.mines-page .scene{order:0!important;height:min(61svh,570px)!important;min-height:490px!important;max-height:570px!important;width:100%!important;border-radius:16px!important}.mines-page .panel{order:1!important}.mines-page .board{position:absolute!important;width:min(92%,430px)!important;max-width:430px!important;height:auto!important;left:50%!important;top:94px!important;transform:translateX(-50%)!important}.mines-page .panel .card:first-child{display:block!important;padding:10px!important}.mines-page .panel .card:not(:first-child){display:none!important}.mines-page .primary,.mines-page .cash{height:48px!important}.mines-page .cash{display:block!important}
}

/* Wallet / support / account pages */
@media(max-width:900px){
 .cashier-page .shell,.support-page .shell,.profile-page .account-shell,.promotions-page .promo-shell{padding-left:12px!important;padding-right:12px!important;padding-bottom:96px!important;max-width:100%!important}
 .cashier-page .content{grid-template-columns:1fr!important}.cashier-page .assets{padding:10px!important}.cashier-page .panel{padding:18px 14px!important}.cashier-page .paygrid{grid-template-columns:1fr!important}.cashier-page .hero{padding:26px 0 24px!important}.cashier-page .hero h1{font-size:30px!important}.cashier-page .cashierTabs{overflow:auto;scrollbar-width:none}.cashier-page .cashierTabs::-webkit-scrollbar{display:none}
 .support-page .head{padding-top:16px!important}.support-page .chat{border-radius:15px!important}.support-page .messages{min-height:48svh!important}.support-page .composer{grid-template-columns:1fr auto!important}.support-page .composer textarea{grid-column:1/-1!important}
}

/* Auth is deliberately standalone: no casino chrome before login. */
body.auth-page{padding:0!important;min-height:100svh!important}.auth-page .card{border-radius:20px!important;background:rgba(10,13,20,.96)!important}.auth-brand{display:flex;justify-content:center;margin-bottom:20px}.auth-brand .n1x-logo-crop{width:150px!important;height:60px!important}.auth-brand .n1x-logo-crop img{width:200px!important;height:200px!important}

/* New non-game pages */
.account-shell,.promo-shell{max-width:1180px;margin:0 auto;padding:42px 24px 42px}.account-hero,.promo-hero{padding:26px 0 22px;border-bottom:1px solid var(--ui-line)}.account-hero small,.promo-hero small{color:#a66cff;font-size:10px;font-weight:850;letter-spacing:.16em}.account-hero h1,.promo-hero h1{margin:8px 0 7px;font-size:34px;letter-spacing:-.04em}.account-hero p,.promo-hero p{margin:0;color:var(--ui-muted);font-size:12px}.account-grid,.promo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;padding-top:16px}.ui-card{border:1px solid var(--ui-line);background:linear-gradient(180deg,rgba(14,18,27,.96),rgba(8,11,17,.96));border-radius:16px;padding:18px}.ui-card h2{font-size:14px;margin:0 0 14px}.ui-kv{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(174,184,207,.1);font-size:12px}.ui-kv:last-child{border-bottom:0}.ui-kv span{color:var(--ui-muted)}.ui-kv b{max-width:65%;text-align:right;word-break:break-word}.ui-balance{font-size:32px;font-weight:900;letter-spacing:-.04em}.ui-balance small{font-size:11px;color:var(--ui-muted);font-weight:700}.ui-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ui-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border-radius:11px;border:1px solid var(--ui-line);background:#0c1119;color:#e7ebf2;text-decoration:none;font-size:11px;font-weight:800;cursor:pointer}.ui-btn.primary{border:0;background:linear-gradient(135deg,#6824e6,#8e45ff);color:#fff}.ui-btn.danger{color:#ff9aa5}.promo-code-row{display:grid;grid-template-columns:1fr auto;gap:8px}.promo-code-row input{height:46px;border-radius:11px;border:1px solid var(--ui-line);background:#080b10;color:#fff;padding:0 13px;min-width:0}.ui-state{min-height:18px;margin-top:10px;color:var(--ui-muted);font-size:10px}.bonus-number{font-size:38px;font-weight:950;letter-spacing:-.05em}.bonus-number span{color:#9d5cff}.bonus-note{color:var(--ui-muted);font-size:11px;line-height:1.55}.status-pill{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid rgba(73,233,154,.2);background:rgba(73,233,154,.06);color:var(--ui-green);font-size:9px;font-weight:850;text-transform:uppercase}
@media(max-width:700px){.account-shell,.promo-shell{padding-top:12px!important}.account-hero h1,.promo-hero h1{font-size:27px!important}.account-grid,.promo-grid{grid-template-columns:1fr}.ui-card{padding:15px}.ui-balance{font-size:28px}.promo-code-row{grid-template-columns:1fr}.ui-btn{min-height:46px}}
.simple-page-top{height:72px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--ui-line)}.simple-brand{display:flex;align-items:center;text-decoration:none}.simple-page-top .n1x-logo-crop{width:118px!important;height:46px!important}.simple-page-top .n1x-logo-crop img{width:158px!important;height:158px!important}.simple-page-top nav{margin-left:auto;display:flex;gap:6px}.simple-page-top nav a{padding:9px 12px;border-radius:9px;text-decoration:none;color:#9aa4b3;font-size:10px;font-weight:750}.simple-page-top nav a:hover{color:#fff;background:#0d1118}
@media(max-width:900px){.simple-page-top{display:none}}

/* NOVA already has its own game layout; only normalize its N1X navigation shell. */
@media(max-width:600px){
 .n1x-game-mode #app{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}
 .n1x-game-mode .topbar{height:64px!important;gap:8px!important}.n1x-game-mode .topbar .n1x-logo-crop{width:88px!important;height:38px!important}.n1x-game-mode .topbar .n1x-logo-crop img{width:118px!important;height:118px!important}.n1x-game-mode .topbar .top-balance strong{font-size:15px!important}.n1x-game-mode .control-deck{border-radius:15px!important}
}

/* === N1X.LIVE v6.2 — readability + responsive polish === */
html,body,button,input,textarea,select{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;
}
body{color:var(--ui-text)!important;font-size:14px;line-height:1.45}
h1,h2,h3,h4,h5,h6,strong,b{color:inherit}

/* Dedicated compact N1X mark: no giant square image cropping. */
.n1x-logo-crop{
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;background:transparent!important;isolation:auto!important;
}
.n1x-logo-crop img{
  position:static!important;display:block!important;width:100%!important;height:100%!important;
  max-width:100%!important;object-fit:contain!important;transform:none!important;
  left:auto!important;top:auto!important;
}
.desktop-n1x-brand .n1x-logo-crop{width:96px!important;height:36px!important}
.desktop-n1x-brand{height:54px!important;margin-bottom:10px!important}
.simple-page-top .n1x-logo-crop{width:92px!important;height:38px!important}
.auth-brand .n1x-logo-crop{width:122px!important;height:52px!important}

/* Account / promotions: restore contrast, readable type and a restrained desktop layout. */
body.profile-page,body.promotions-page{
  min-height:100svh;
  background:
    radial-gradient(circle at 50% -18%,rgba(105,42,225,.10),transparent 33%),
    #05070b!important;
}
.account-shell,.promo-shell{max-width:1280px!important;padding:28px 28px 54px!important}
.simple-page-top{height:66px!important;border-color:rgba(174,184,207,.14)!important}
.simple-page-top nav{gap:4px!important}
.simple-page-top nav a{font-size:13px!important;line-height:1!important;padding:10px 12px!important;color:#aab3c2!important}
.simple-page-top nav a:hover{color:#fff!important;background:#0e131c!important}
.account-hero,.promo-hero{padding:34px 0 28px!important;border-color:rgba(174,184,207,.14)!important}
.account-hero small,.promo-hero small{font-size:11px!important;letter-spacing:.15em!important;color:#a96cff!important}
.account-hero h1,.promo-hero h1{margin:9px 0 8px!important;font-size:38px!important;line-height:1.05!important;color:#f7f8fb!important;font-weight:850!important;letter-spacing:-.035em!important}
.account-hero p,.promo-hero p{font-size:14px!important;line-height:1.55!important;color:#98a3b3!important}
.account-grid,.promo-grid{gap:16px!important;padding-top:18px!important}
.ui-card{
  min-width:0!important;padding:22px!important;border-radius:17px!important;
  border:1px solid rgba(174,184,207,.16)!important;
  background:linear-gradient(180deg,rgba(15,19,29,.94),rgba(9,12,18,.96))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.16)!important;color:#eef1f6!important;
}
.ui-card h2{margin:0 0 16px!important;font-size:16px!important;line-height:1.2!important;color:#f7f8fb!important;font-weight:800!important}
.ui-kv{padding:13px 0!important;font-size:14px!important;line-height:1.35!important;border-color:rgba(174,184,207,.10)!important}
.ui-kv span{color:#95a0b0!important}.ui-kv b{color:#eef1f6!important;font-weight:750!important}
.ui-balance{font-size:38px!important;line-height:1!important;color:#fff!important}.ui-balance small{font-size:12px!important;color:#8995a7!important}
.bonus-number{font-size:42px!important;line-height:1.08!important;color:#f7f8fb!important}.bonus-number span{color:#9e5cff!important}
.bonus-note{font-size:13px!important;line-height:1.6!important;color:#98a3b3!important}
.ui-actions{gap:9px!important;margin-top:18px!important}
.ui-btn{min-height:44px!important;padding:0 16px!important;font-size:12px!important;border-radius:11px!important;color:#e9edf4!important}
.ui-btn.primary{color:#fff!important}.ui-btn.danger{color:#ff96a3!important}
.promo-code-row{gap:9px!important}.promo-code-row input{height:46px!important;font-size:13px!important;color:#fff!important}
.ui-state{font-size:12px!important;line-height:1.45!important}.status-pill{font-size:10px!important}

@media(max-width:900px){
  body:is(.home-page,.lobby-page,.cashier-page,.support-page,.profile-page,.promotions-page){
    padding-top:calc(58px + env(safe-area-inset-top))!important;
    padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }
  .n1x-app-header{
    height:calc(58px + env(safe-area-inset-top))!important;
    padding:env(safe-area-inset-top) 10px 0!important;
    grid-template-columns:38px minmax(64px,1fr) auto 38px!important;gap:7px!important;
  }
  .n1x-icon,.n1x-add{width:38px!important;height:38px!important;border-radius:11px!important}
  .n1x-app-header .n1x-logo-crop{width:74px!important;height:32px!important}
  .n1x-wallet-chip{height:38px!important;max-width:116px!important;padding:0 9px!important;border-radius:11px!important}
  .n1x-wallet-chip b{font-size:11px!important}.n1x-wallet-chip span{font-size:7px!important}
  .n1x-bottom{left:8px!important;right:8px!important;height:62px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;border-radius:17px!important;padding:4px!important}
  .n1x-bottom a{gap:3px!important;font-size:9.5px!important;line-height:1!important}
  .n1x-bottom a svg{width:18px!important;height:18px!important}

  /* Drawer: smaller brand, tighter rhythm, readable labels. */
  .n1x-drawer{width:min(82vw,318px)!important;padding:calc(12px + env(safe-area-inset-top)) 11px 18px!important}
  .n1x-drawer-head{margin-bottom:10px!important;padding:0 2px!important}
  .n1x-drawer-head .n1x-logo-crop{width:88px!important;height:38px!important}
  .n1x-drawer-label{margin:12px 6px 5px!important;font-size:8px!important;letter-spacing:.16em!important}
  .n1x-drawer-links{gap:2px!important}
  .n1x-drawer-links a{height:41px!important;padding:0 10px!important;gap:10px!important;border-radius:10px!important;font-size:14px!important;line-height:1.1!important;font-weight:650!important}
  .n1x-drawer-links svg{width:18px!important;height:18px!important}
  .n1x-langs{gap:5px!important}.n1x-langs button{height:34px!important;border-radius:9px!important;font-size:10px!important}
  .n1x-wins{gap:5px!important}.n1x-win{min-height:48px!important;padding:8px 10px!important;border-radius:10px!important}
  .n1x-win b{font-size:11px!important}.n1x-win small{font-size:8px!important;margin-top:2px!important}.n1x-win strong{font-size:10.5px!important}
  .n1x-drawer .n1x-win:nth-child(n+4){display:none!important}

  /* Lobby mobile readability. */
  body:is(.home-page,.lobby-page) .lobby{padding:8px 10px 16px!important}
  body:is(.home-page,.lobby-page) .hero{height:198px!important;border-radius:14px!important}
  body:is(.home-page,.lobby-page) .hero-copy{left:18px!important;right:44%!important}
  body:is(.home-page,.lobby-page) .hero h1{font-size:27px!important;line-height:.95!important;letter-spacing:-1px!important}
  body:is(.home-page,.lobby-page) .hero p{font-size:11px!important;line-height:1.45!important}
  body:is(.home-page,.lobby-page) .hero .primary{min-height:39px!important;font-size:10px!important}
  .section-head h2{font-size:14px!important}.section-head a{font-size:10.5px!important}
  #originalsSection .game-card{height:176px!important}.game-name b{font-size:14px!important}.game-name small{font-size:8.5px!important}

  /* Account / promo mobile: one column, strong contrast, useful type sizes. */
  .profile-page .account-shell,.promotions-page .promo-shell{padding:10px 12px 94px!important}
  .account-hero,.promo-hero{padding:20px 2px 18px!important}
  .account-hero small,.promo-hero small{font-size:9px!important}
  .account-hero h1,.promo-hero h1{font-size:29px!important;margin:7px 0 6px!important}
  .account-hero p,.promo-hero p{font-size:13px!important}
  .account-grid,.promo-grid{grid-template-columns:1fr!important;gap:10px!important;padding-top:12px!important}
  .ui-card{padding:16px!important;border-radius:14px!important}
  .ui-card h2{font-size:15px!important;margin-bottom:13px!important}
  .ui-kv{font-size:13px!important;padding:11px 0!important}.ui-kv b{max-width:62%!important}
  .ui-balance{font-size:32px!important}.bonus-number{font-size:32px!important}
  .bonus-note{font-size:12.5px!important}
  .ui-actions{gap:7px!important;margin-top:14px!important}.ui-btn{min-height:44px!important;font-size:12px!important;padding:0 14px!important}
  .promo-code-row{grid-template-columns:1fr!important}.promo-code-row input{font-size:13px!important}
}

@media(max-width:390px){
  .n1x-app-header .n1x-logo-crop{width:68px!important;height:30px!important}
  .n1x-wallet-chip{max-width:106px!important}
  .n1x-drawer{width:min(84vw,306px)!important}
  body:is(.home-page,.lobby-page) .hero h1{font-size:25px!important}
  #originalsSection .game-card{height:164px!important}
}