/* 12.7 — unified visual language: light, depth and motion without box clutter. */
:root{
  --nx-bg:#182536;--nx-bg-deep:#111c2b;--nx-surface:#233348;--nx-surface-2:#2a3d55;
  --nx-glass:rgba(39,56,77,.82);--nx-line:rgba(194,220,248,.13);--nx-line-strong:rgba(194,220,248,.24);
  --nx-text:#f6f9ff;--nx-muted:#bdcade;--nx-subtle:#93a7c0;--nx-blue:#9cc8ff;--nx-blue-2:#74aaf0;
  --nx-mint:#7edbc3;--nx-gold:#efd38c;--nx-danger:#ff9cab;--nx-shadow:0 24px 70px rgba(3,10,22,.27);
}

html{scroll-behavior:smooth;background:var(--nx-bg-deep)}
body{min-height:100vh;background:
  radial-gradient(circle at 8% 0,rgba(120,180,242,.16),transparent 28rem),
  radial-gradient(circle at 91% 19%,rgba(108,218,195,.08),transparent 32rem),
  linear-gradient(180deg,#213249 0,#192638 42rem,#162233 100%)!important;color:var(--nx-text)}
body::before{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  linear-gradient(115deg,transparent 0 41%,rgba(223,240,255,.025) 50%,transparent 59%) 0 0/58rem 58rem,
  radial-gradient(circle,rgba(225,241,255,.2) 0 1px,transparent 1.5px) 0 0/92px 92px;content:"";opacity:.42;animation:nx-sky-shift 38s linear infinite}
.page{position:relative;isolation:isolate}.shell{width:min(1540px,calc(100% - 48px))}

/* Typography and accessible sizing. */
body :is(p,li,dd,dt,label,input,textarea,select,button){font-size:max(13px,1em)}
body small{font-size:max(12px,.8em);line-height:1.55}
body :is(h1,h2,h3,h4){text-wrap:balance}
.section-title{align-items:end;margin-bottom:18px}.section-title h2{margin:7px 0 0;font-size:clamp(23px,2.2vw,32px);letter-spacing:-.045em}
.section-kicker{gap:8px!important;color:var(--nx-blue)!important;font-size:12px!important;letter-spacing:.11em!important}.section-kicker svg{width:17px;height:17px}
.section-title>a{display:inline-flex;align-items:center;gap:7px;color:#d4e6fb;font-size:14px;font-weight:750}.section-title>a:hover{color:#fff;transform:translateX(2px)}

/* Header: one premium navigation plane. */
.utility-bar{background:rgba(13,23,36,.88)!important;border:0!important}.utility-inner{min-height:34px}
.site-header{background:rgba(27,41,58,.88)!important;border:0!important;box-shadow:0 18px 50px rgba(2,9,21,.2)!important;backdrop-filter:blur(24px) saturate(145%)}
.site-header::before{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.035),transparent 25% 72%,rgba(128,195,255,.035));content:""}
.site-header .header-row.shell{padding-block:17px}.site-header .brand-symbol{background:linear-gradient(145deg,#4b6383,#2a3f5b)!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 10px 28px rgba(0,0,0,.2)!important}
.site-header .brand-word{font-size:24px;font-weight:760}.site-header .global-search{height:48px;border:1px solid rgba(205,226,249,.08)!important;background:rgba(48,67,91,.72)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 26px rgba(4,12,26,.1)!important}
.site-header .global-search:focus-within{border-color:rgba(161,204,250,.3)!important;box-shadow:0 0 0 4px rgba(132,182,240,.09)!important}
.site-header .global-search button{background:linear-gradient(135deg,#526d92,#405a7d)!important;color:#f5f9ff}.site-header .main-nav{background:rgba(18,30,44,.72)!important}.site-header .main-nav a{min-height:44px;display:inline-flex;align-items:center;gap:7px;color:#bfcee0}
.site-header .main-nav a:hover{background:rgba(138,183,236,.09);color:#fff}.site-header :is(.sell-btn,.register-pill){box-shadow:0 10px 24px rgba(55,105,166,.23)!important}

/* Shared actions and fields. */
.btn,.site-header button,.site-header a{transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease}
.btn:hover:not(:disabled){transform:translateY(-2px)}
.btn-primary{border:0!important;background:linear-gradient(135deg,#b6d5f8,#7face8)!important;color:#10243d!important;box-shadow:0 12px 28px rgba(74,126,190,.26)!important;font-weight:800}
.btn-primary:hover:not(:disabled){box-shadow:0 16px 38px rgba(74,126,190,.34)!important;filter:brightness(1.05)}
.btn-ghost{border:1px solid var(--nx-line)!important;background:rgba(121,159,203,.08)!important;color:#dcecff!important}.btn-ghost:hover{background:rgba(121,159,203,.15)!important;border-color:var(--nx-line-strong)!important}
:is(.auth-card,.account-content,.admin-workspace-content,.sell-layout,.listing-checkout,.detail-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){border:1px solid rgba(188,216,247,.16)!important;background:rgba(15,27,43,.62)!important;color:#f6f9ff!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
:is(.auth-card,.account-content,.admin-workspace-content,.sell-layout,.listing-checkout,.detail-panel) :is(input,select,textarea):focus{border-color:rgba(154,201,253,.56)!important;box-shadow:0 0 0 4px rgba(130,182,240,.1)!important;outline:0}

/* Registration and login: editorial split layout. */
.auth-shell{position:relative;max-width:1180px;margin-top:42px;margin-bottom:52px;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);overflow:hidden;border:1px solid rgba(194,220,248,.12)!important;background:rgba(28,42,60,.76)!important;box-shadow:var(--nx-shadow)!important;backdrop-filter:blur(22px)}
.auth-shell::before{position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,rgba(255,255,255,.04),transparent 31% 72%,rgba(126,185,246,.035));content:""}
.auth-visual{position:relative;min-height:650px;padding:52px 58px!important;overflow:hidden;background:
  radial-gradient(circle at 75% 8%,rgba(154,203,255,.18),transparent 16rem),
  radial-gradient(circle at 12% 90%,rgba(110,222,198,.1),transparent 18rem),
  linear-gradient(145deg,#263a54,#1d2e44)!important}
.auth-visual::before{position:absolute;right:-120px;bottom:-150px;width:430px;height:430px;border:1px solid rgba(202,227,255,.08);border-radius:50%!important;box-shadow:0 0 0 48px rgba(202,227,255,.025),0 0 0 98px rgba(202,227,255,.018);content:""}
.auth-visual>*{position:relative;z-index:2}.auth-visual-orbit{position:absolute;right:52px;top:48px;width:76px;height:76px;display:grid;place-items:center;color:#ddecff}
.auth-visual-orbit>i{position:absolute;inset:0;border:1px solid rgba(199,225,255,.22);border-radius:50%!important;animation:nx-orbit 9s linear infinite}.auth-visual-orbit>i:nth-child(2){inset:12px;animation-direction:reverse;animation-duration:6s}.auth-visual-orbit>span{display:grid;place-items:center;width:38px;height:38px;background:rgba(144,192,243,.14);border-radius:50%!important}.auth-visual-orbit svg{width:20px;height:20px}
.auth-kicker{display:flex;align-items:center;gap:8px;color:#acd3ff!important;font-size:12px!important;letter-spacing:.14em}.auth-visual h1{max-width:9.8em;margin:22px 0 18px!important;font-size:clamp(40px,4vw,57px)!important;line-height:1.03!important;letter-spacing:-.06em!important}.auth-visual>p{max-width:610px;color:#c2d0e2!important;font-size:16px;line-height:1.75}
.auth-benefits{display:grid;gap:0;margin-top:34px!important}.auth-benefits>div{grid-template-columns:42px minmax(0,1fr)!important;gap:14px!important;padding:17px 0!important;border:0!important;border-top:1px solid rgba(195,220,248,.1)!important;background:transparent!important}.auth-benefits>div>b{display:grid;place-items:center;width:42px;height:42px;border:0!important;background:rgba(148,193,242,.09)!important;color:#b9dcff!important}.auth-benefits svg{width:20px;height:20px}.auth-benefits strong{font-size:15px}.auth-benefits small{color:#9fb1c7!important;font-size:13px!important}
.auth-trust-note{display:flex;align-items:center;gap:13px;margin-top:25px;padding:15px 0;color:#d8e5f4}.auth-trust-note>span{display:grid;place-items:center;width:38px;height:38px;color:var(--nx-mint)}.auth-trust-note svg{width:24px;height:24px}.auth-trust-note b,.auth-trust-note small{display:block}.auth-trust-note b{font-size:13px}.auth-trust-note small{margin-top:3px;color:#96a9c0!important}
.auth-card{position:relative;padding:45px 50px!important;background:rgba(25,38,55,.9)!important;border:0!important}.auth-card-heading{display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:start;margin-bottom:25px}.auth-card-heading>span{display:grid;place-items:center;width:45px;height:45px;background:linear-gradient(145deg,rgba(148,197,249,.18),rgba(148,197,249,.05));color:#b9dcff}.auth-card-heading svg{width:22px;height:22px}.auth-card-heading small{color:#92bdeb!important;font-size:11px!important;font-weight:850;letter-spacing:.13em}.auth-card-heading h2{margin:4px 0;font-size:26px;letter-spacing:-.04em}.auth-card-heading p{margin:0;color:#9fb1c7;font-size:13px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px!important;border:0!important;background:rgba(13,25,40,.7)!important}.auth-tabs a{min-height:42px;display:grid;place-items:center;color:#95a8c0;font-size:14px;font-weight:750}.auth-tabs a.active{background:linear-gradient(135deg,#3b5577,#304966)!important;box-shadow:inset 0 1px rgba(255,255,255,.07);color:#fff!important}
.auth-form{gap:16px!important;margin-top:21px!important}.auth-form>label:not(.remember-option){gap:8px!important;font-size:14px!important}.auth-label{display:flex!important;justify-content:space-between;gap:12px;align-items:center}.auth-label>small{color:#8195ad!important;font-size:11px!important;font-weight:550}.auth-form input:not([type=checkbox]){min-height:50px!important;padding:13px 15px!important;font-size:15px!important}.auth-form .btn-xl{min-height:50px;font-size:15px}.remember-option{padding:2px 0!important;border:0!important;background:transparent!important}.remember-option input{width:18px;height:18px}.auth-password-hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:-7px}.auth-password-hints span{display:inline-flex;align-items:center;gap:6px;color:#9db0c7;font-size:11px}.auth-password-hints svg{width:13px;height:13px;color:var(--nx-mint)}
.registration-legal-trigger{display:grid!important;grid-template-columns:38px minmax(0,1fr) 20px!important;gap:12px!important;align-items:center!important;min-height:66px!important;padding:12px!important;border:1px solid rgba(159,198,242,.16)!important;background:rgba(104,147,197,.07)!important;text-align:left!important}.registration-legal-trigger>span{display:grid;place-items:center;width:38px;height:38px;background:rgba(130,183,238,.11);color:#acd3ff}.registration-legal-trigger svg{width:19px;height:19px}.registration-legal-trigger b,.registration-legal-trigger small{grid-column:2!important}.registration-legal-trigger b{align-self:end;font-size:13px}.registration-legal-trigger small{align-self:start;color:#94a8c0!important;font-size:11.5px!important}.registration-legal-trigger i{grid-column:3;grid-row:1/3;color:#9ec7f3}.registration-legal-trigger:hover{border-color:rgba(159,205,255,.34)!important;background:rgba(104,153,209,.12)!important}.registration-legal-status{padding-left:2px;color:#93a8c0!important;font-size:12px!important}.auth-switch{margin:2px 0 0!important;color:#96abc3!important;font-size:13px!important}.auth-switch a{color:#b9dcff;font-weight:750}

/* Catalog: cleaner, compact commerce cards with depth reserved for hover. */
body :is(.product-grid,.compact-grid,.market-grid,.smart-market-grid,.recommendation-grid){grid-template-columns:repeat(auto-fill,minmax(214px,1fr));gap:16px}
body .product-card{border:1px solid rgba(194,220,248,.1)!important;background:linear-gradient(160deg,rgba(45,62,84,.94),rgba(33,48,68,.96))!important;box-shadow:0 15px 36px rgba(3,10,21,.17),inset 0 1px rgba(255,255,255,.045)!important;overflow:hidden!important}
body .product-card:hover{z-index:2;transform:translateY(-5px);border-color:rgba(174,210,248,.23)!important;background:linear-gradient(160deg,#354a65,#293c55)!important;box-shadow:0 24px 52px rgba(2,8,19,.29),inset 0 1px rgba(255,255,255,.07)!important}
body .product-card .product-image-wrap{aspect-ratio:16/10.4!important;background:linear-gradient(145deg,#1b2b40,#132238)!important}
body .product-card .product-image-wrap>img{object-fit:contain!important;transition:transform .38s ease,filter .3s ease}body .product-card:hover .product-image-wrap>img{transform:scale(1.025)!important;filter:saturate(1.05)}
body .product-card .product-content{padding:14px!important}.product-card .game-label{color:#a8bbd2!important;font-size:11.5px!important}.product-card .card-title{font-size:15.5px!important}.product-card .card-meta{color:#a8bad0!important;font-size:11.5px!important}.product-card .card-seller{border-top:1px solid rgba(195,220,247,.09)!important;padding-top:10px!important}.product-card .card-store-avatar{width:32px!important;height:32px!important;background:#1a2a3d!important}.product-card .card-price{padding-top:10px!important}.product-card .card-price strong{font-size:23px!important}.product-card .quick-cart{background:linear-gradient(145deg,#7eaae1,#527fb8)!important;box-shadow:0 8px 18px rgba(49,94,148,.24)!important}.product-card .card-fav{background:rgba(16,29,45,.78)!important;backdrop-filter:blur(10px)}.product-card :is(.promotion-ribbon,.recommendation-reason){border-radius:0!important}.product-card .promotion-ribbon{background:linear-gradient(90deg,#365b69,#334d68)!important}

/* Marketplace and home sections: fewer framed boxes, stronger rhythm. */
.content-section,.v5-product-tabs,.v5-category-section,.recommendation-home{padding-block:30px}.game-strip-shell{padding-top:14px}.game-strip-item{border:0!important;background:transparent!important;color:#b6c6da!important}.game-strip-item:hover{background:rgba(134,178,229,.08)!important;color:#fff!important}.game-logo{background:rgba(121,164,212,.08)!important}
.v5-category-grid{gap:10px}.v5-category-grid>a{border:1px solid transparent!important;background:transparent!important;box-shadow:none!important}.v5-category-grid>a:hover{border-color:var(--nx-line)!important;background:rgba(51,73,100,.5)!important;transform:translateY(-2px)}
.v5-market-row{border:0!important;border-bottom:1px solid rgba(194,220,248,.09)!important;background:transparent!important;box-shadow:none!important}.v5-market-row:hover{background:rgba(125,168,216,.06)!important}.v5-benefits{background:transparent!important}.v5-benefits>div{border:0!important;background:transparent!important;box-shadow:none!important}.v5-benefits .benefit-icon{color:var(--nx-blue)!important;background:rgba(132,180,234,.07)!important}
.smart-market-filters{border:0!important;background:rgba(35,51,72,.75)!important;box-shadow:0 16px 38px rgba(3,10,21,.14)!important}.premium-market-toolbar{border:0!important;background:transparent!important;padding-inline:0!important}.market-pagination a{border:0!important;background:#2b3d55!important}.market-pagination a.active{background:#729fd5!important;color:#10243c!important}

/* Account menu and workspaces. */
.account-head{background:linear-gradient(135deg,rgba(45,63,87,.88),rgba(34,50,71,.88))!important;border:1px solid rgba(194,220,248,.1)!important;box-shadow:0 18px 46px rgba(3,10,21,.15)!important}.account-avatar{background:linear-gradient(145deg,#4a6384,#304966)!important;box-shadow:inset 0 1px rgba(255,255,255,.13)!important}
.account-grid{grid-template-columns:252px minmax(0,1fr)!important}.account-nav{padding:14px!important;border:1px solid rgba(194,220,248,.1)!important;background:rgba(27,42,60,.82)!important;box-shadow:0 18px 45px rgba(3,10,21,.13)!important}.account-nav-header{padding:6px 9px 15px!important}.account-nav-header strong{font-size:16px!important}.account-nav-header small{font-size:12px!important}.account-nav-group{border:0!important;background:transparent!important}.account-nav-group>summary{min-height:40px;padding:9px!important;color:#91a8c2!important;font-size:11.5px!important;letter-spacing:.08em!important}.account-nav-group>summary:hover{color:#d9e8f8!important}.account-nav-links{padding:0 0 7px!important}.account-nav a{min-height:43px!important;padding:9px 10px!important;border:0!important;background:transparent!important;color:#b6c7da!important}.account-nav a:hover{background:rgba(132,178,231,.08)!important;color:#fff!important}.account-nav a.active{background:linear-gradient(90deg,rgba(121,169,225,.2),rgba(121,169,225,.06))!important;box-shadow:inset 2px 0 #9fcaff!important;color:#fff!important}.account-nav-icon{background:transparent!important;color:#9fc6f2!important}.account-nav-icon svg{width:18px;height:18px}
.account-content :is(.form-section,.security-panel,.seller-profile-editor,.seller-listing-section,.seller-vault-section,.seller-finance-panel,.seller-escrow-panel,.order-card,.order-action-card){border:1px solid rgba(194,220,248,.09)!important;background:rgba(35,51,72,.83)!important;box-shadow:0 16px 42px rgba(3,10,21,.12)!important}

/* Admin: quieter canvas, legible content, icon-first navigation. */
.admin-app-shell{background:linear-gradient(135deg,#172333,#1c2a3c)!important}.admin-sidebar{background:linear-gradient(180deg,#19283a,#132030)!important;border-right:1px solid rgba(194,220,248,.1)!important}.admin-sidebar .admin-brand>span{background:linear-gradient(145deg,#4b6485,#2e4764)!important}.admin-nav-group.open{background:rgba(122,167,219,.055)!important}.admin-sidebar nav :is(a.active,.admin-nav-direct.active),.admin-sidebar nav .admin-nav-group>div>a.active{background:linear-gradient(90deg,rgba(124,174,232,.18),rgba(124,174,232,.04))!important;box-shadow:inset 2px 0 #9cc9fb!important}.admin-topbar{background:rgba(28,43,61,.92)!important;box-shadow:0 12px 35px rgba(2,8,19,.14);backdrop-filter:blur(18px)!important}.admin-workspace-content{max-width:1780px!important}.admin-shell .admin-module-head,.admin-overview{background:linear-gradient(135deg,rgba(48,67,91,.9),rgba(37,54,76,.88))!important;border:1px solid rgba(194,220,248,.1)!important;box-shadow:0 16px 43px rgba(3,10,21,.13)!important}.admin-kpi-grid article{border:1px solid rgba(194,220,248,.08)!important;background:rgba(39,57,79,.76)!important}.admin-kpi-grid article:hover{border-color:rgba(194,220,248,.18)!important;transform:translateY(-2px)}.admin-shell :is(.admin-store-card,.admin-user-dossier,.risk-review-dossier,.admin-dispute-dossier,.admin-provider-card,.admin-coupon-card,.admin-preview,.admin-form){border:1px solid rgba(194,220,248,.08)!important;background:rgba(35,51,72,.82)!important;box-shadow:0 16px 42px rgba(3,10,21,.12)!important}

/* Drawers and dialogs feel attached to the product, not like blank rectangles. */
.drawer-backdrop,.purchase-modal-backdrop,.message-modal-backdrop{backdrop-filter:blur(8px)}.cart-drawer{background:linear-gradient(180deg,#22334a,#172537)!important;border-left:1px solid rgba(200,225,251,.14)!important;box-shadow:-28px 0 80px rgba(0,0,0,.32)}.drawer-head{border-bottom-color:rgba(194,220,248,.1)!important}.cart-item{border-bottom-color:rgba(194,220,248,.09)!important}.purchase-modal,.message-modal{border:1px solid rgba(194,220,248,.12)!important;background:linear-gradient(150deg,#2b3e56,#1d2c40)!important;box-shadow:0 36px 100px rgba(0,0,0,.48)!important}
.toast{border:1px solid rgba(204,228,251,.17)!important;border-radius:8px!important;background:rgba(29,44,62,.94)!important;box-shadow:0 16px 45px rgba(0,0,0,.28);backdrop-filter:blur(16px)}

@media(max-width:1100px){.auth-shell{grid-template-columns:1fr;max-width:720px}.auth-visual{min-height:0;padding:38px!important}.auth-visual-orbit{right:38px;top:34px}.auth-visual h1{font-size:39px!important}.auth-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.auth-benefits>div{grid-template-columns:1fr!important;align-content:start}.auth-card{padding:38px!important}.account-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){.shell{width:min(100% - 24px,1540px)}.site-header .header-row.shell{padding-block:12px}.auth-shell{width:calc(100% - 24px);margin-top:20px;margin-bottom:30px}.auth-visual{padding:28px 24px!important}.auth-visual-orbit{display:none}.auth-visual h1{font-size:34px!important}.auth-visual>p{font-size:14px}.auth-benefits{grid-template-columns:1fr;gap:0;margin-top:22px!important}.auth-benefits>div{grid-template-columns:38px 1fr!important;padding:13px 0!important}.auth-benefits>div>b{width:38px;height:38px}.auth-trust-note{margin-top:14px}.auth-card{padding:28px 22px!important}.auth-card-heading{grid-template-columns:40px 1fr}.auth-card-heading>span{width:40px;height:40px}.auth-card-heading h2{font-size:23px}.auth-label{align-items:flex-start;flex-direction:column;gap:2px}.registration-legal-trigger{grid-template-columns:35px minmax(0,1fr) 18px!important}.registration-legal-trigger>span{width:35px;height:35px}body :is(.product-grid,.compact-grid,.market-grid,.smart-market-grid,.recommendation-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body .product-card .product-content{padding:11px!important}.product-card .card-seller-copy small{display:none!important}.product-card .card-price strong{font-size:19px!important}.product-card .quick-compare{display:none}.admin-workspace-content{padding:14px!important}}
@media(max-width:420px){body :is(.product-grid,.compact-grid,.market-grid,.smart-market-grid,.recommendation-grid){grid-template-columns:1fr}.auth-card{padding-inline:18px!important}.auth-tabs a{font-size:13px}.auth-card-heading>span{display:none}.auth-card-heading{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body::before,.auth-visual-orbit>i{animation:none!important}body .product-card,.btn{transition:none!important}}
@keyframes nx-orbit{to{transform:rotate(360deg)}}
@keyframes nx-sky-shift{to{background-position:58rem 0,92px 92px}}

/* Final alignment fixes for dynamic auth content. */
.auth-trust-note>div{display:grid;gap:3px}.auth-trust-note small{margin-top:0!important}
.registration-legal-trigger>span{grid-column:1;grid-row:1/3}
.registration-legal-trigger>b{grid-column:2!important;grid-row:1;align-self:end}
.registration-legal-trigger>small{grid-column:2!important;grid-row:2;align-self:start}
.registration-legal-trigger>i{grid-column:3!important;grid-row:1/3!important;align-self:center}
@media(max-width:760px){.utility-bar{display:none}.auth-card{order:-1}}