/* NEW WRLD shared structural styles. Modern Classic presentation layers load after this sheet. Retired ui-locked-v1-only rules have been removed. */ body{margin:0;background:#0c1117;color:#dbe3ee;font:15px/1.55 system-ui,sans-serif}header{background:#131c26;border-bottom:1px solid #314052;padding:20px}header>div,main{max-width:1100px;margin:auto}h1{font-size:28px;margin:0;color:#e8bc72;letter-spacing:3px}h2{font-size:18px;margin:0 0 12px}h3{font-size:15px}p{color:#aebdcd;margin:8px 0}main{padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.card{background:#17212d;border:1px solid #2a3a4b;padding:18px;border-radius:12px;margin-bottom:14px;overflow-wrap:anywhere}.row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.row>*{flex:1}nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;padding:16px 0;margin-bottom:10px}nav a{display:block;margin-top:5px}.city-menu{margin:14px 0;border:1px solid #314052;border-radius:8px;padding:12px}.city-menu summary{cursor:pointer;min-height:32px;font-weight:700;color:#e8bc72}a{color:#e9c789}nav a{white-space:nowrap;text-decoration:none;padding:10px 15px;background:#1d2b3a;border-radius:6px}nav a.active{background:#e8bc72;color:#111820}button,input,select,textarea{font:inherit;border-radius:7px;min-height:44px;width:100%;padding:10px 12px}button{background:#e8bc72;color:#18212c;border:0;font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:default}input,select,textarea{background:#0e1720;color:#eaf0f8;border:1px solid #52667a;margin:6px 0 14px}label{display:block}form{margin:8px 0}.badge{font-size:12px;background:#273849;padding:4px 9px;border-radius:30px;color:#b9cadc}.flash{background:#163c32;border:1px solid #3e826b;padding:16px;border-radius:9px;margin-bottom:16px}.error{background:#442831;border-color:#b7646e}.stat{display:flex;justify-content:space-between;border-bottom:1px solid #2d3b49;padding:9px 0}.small{font-size:12px;color:#a9bacb}code{overflow-wrap:anywhere;color:#f3d69d}pre{white-space:pre-wrap}progress{width:100%;accent-color:#e8bc72}footer{padding:28px 0;color:#95a5b6;font-size:12px}.resources{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}.resources>div{background:#182838;padding:10px;border-radius:8px}.resources strong{display:block}@media(max-width:540px){.resources{grid-template-columns:repeat(2,1fr)}main{padding:12px}header{padding:16px}.card{padding:15px}} /* Compact city interface: native controls, no client runtime required. */ body{background:#e6e6e6;color:#30343a;font-size:14px;line-height:1.45}header{background:linear-gradient(#33383e,#20242a);padding:15px 20px;border-bottom:3px solid #b59658}header>div{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:24px;letter-spacing:2px;color:#f0ece3}.brand-note{font-size:10px;letter-spacing:2px;color:#bdc1c6}main{max-width:1180px;padding:16px}p{color:#52585e}a{color:#695023}h2{font-size:14px}button{background:linear-gradient(#fafafa,#dedede);border:1px solid #b8b8b8;color:#30343a;border-radius:3px;font-size:13px}button:hover:not(:disabled){background:#e8ddc3}input,select,textarea{background:#fff;color:#25282c;border:1px solid #b8bdc2;border-radius:3px}button:disabled{opacity:.55}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #95743e;outline-offset:2px}.player-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:8px 0;font-size:13px}.resources{gap:8px;margin:4px 0 14px}.resources>div{background:#f5f5f5;border:1px solid #c8cbcf;padding:7px 10px;border-radius:3px;font-size:11px}.resources strong{float:right;font-size:11px}.resources progress{display:block;height:7px;margin-top:5px;accent-color:#668449}.resource-nerve progress{accent-color:#aa6959}.resource-life progress{accent-color:#6291a3}.resource-happy progress{accent-color:#b79544}.game-shell{display:grid;grid-template-columns:176px minmax(0,1fr);gap:18px}.game-content{min-width:0}.desktop-sidebar nav{display:block;padding:0;margin:0}.desktop-sidebar nav>div{margin-bottom:14px;border:1px solid #c6c9cb;background:#f4f4f4}.desktop-sidebar nav strong{display:block;padding:7px 10px;background:#d4d6d8;font-size:12px}.desktop-sidebar nav a{background:transparent;margin:0;border-radius:0;padding:9px 12px;border-bottom:1px solid #e0e1e2;font-size:13px;min-height:38px}.desktop-sidebar nav a.active{border-left:3px solid #96783f;background:#e5dfd2;color:#282828}.city-menu{display:none}.quick-links{display:flex;gap:0;border:1px solid #c5c8cb;background:#f5f5f5;margin-bottom:12px}.quick-links a{flex:1;text-align:center;padding:12px 3px;text-decoration:none;border-right:1px solid #ddd;font-size:12px}.quick-links a:last-child{border:0}.page-title{font-size:19px;border-bottom:1px solid #bfc3c7;padding:0 0 9px;margin-bottom:12px}.section-help{font-size:12px;margin:0 0 10px}.content-panels{display:block}.card{background:#f8f8f8;border:1px solid #c6c9cc;border-radius:3px;padding:0;margin-bottom:10px;color:#30343a}.card>h2,.compact>summary{margin:0;padding:11px 13px;background:linear-gradient(#f3f3f3,#dcdedf);font-size:13px;border-bottom:1px solid #c6c9cc;font-weight:650}.panel-body{padding:11px 13px}.compact>summary{cursor:pointer;min-height:44px;border-bottom:0}.compact[open]>summary{border-bottom:1px solid #c6c9cc}.compact .panel-body{background:#fff}.card form{margin:8px 0}.stat{border-color:#ddd;padding:7px 0}.small,footer{color:#616972}.badge{background:#e3e4e5;color:#444}.flash{background:#e1f0e5;color:#254f34}.error{background:#f3e1e1;color:#782c2c}code{color:#685124}.grid:not(.content-panels)>.card{padding:14px}.grid:not(.content-panels)>.card>h2{margin:-14px -14px 12px}footer{text-align:center;padding:18px;font-size:11px}progress{accent-color:#8d7444} @media(max-width:720px){header{padding:11px 12px}h1{font-size:21px}.brand-note{font-size:9px;letter-spacing:1px}main{padding:10px}.game-shell{display:block}.desktop-sidebar{display:none}.city-menu{display:block;margin:0 0 9px;padding:0;border:1px solid #bfc3c7;background:#f4f4f4;border-radius:3px}.city-menu>summary{padding:12px;font-size:13px;min-height:44px;color:#30343a}.city-menu>summary span{float:right;font-size:11px;color:#65696f}.city-menu nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:12px;margin:0}.city-menu nav a{background:#e7e8e9;color:#34383d;border-radius:2px;font-size:12px;min-height:44px;padding:12px 8px;white-space:normal}.city-menu nav a.active{background:#ddd2b9}.resources{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:10px}.resources>div{padding:6px 8px}.player-strip{font-size:12px}.page-title{font-size:17px}.panel-body{padding:10px 12px}.card{padding:0}.quick-links{margin-bottom:12px}} .admin-heading{background:#242d38;color:#f2f4f7;padding:20px;border-radius:5px;margin-bottom:12px}.admin-heading h2{font-size:22px;margin:9px 0}.admin-heading p{color:#bfcbd8}.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.admin-tabs a{padding:12px;background:#f8f8f8;border:1px solid #c6c9cc;border-radius:4px;text-decoration:none;font-size:12px}.admin-tabs a[aria-current]{background:#344454;color:#fff}.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px}.admin-metrics>div{padding:16px 9px;background:#fff;border:1px solid #c6c9cc;border-radius:4px;text-align:center}.admin-metrics strong{display:block;font-size:25px}.admin-metrics span{font-size:11px;color:#667}.audit-entry{padding:12px 0;border-bottom:1px solid #ddd}.admin-metrics-wide{grid-template-columns:repeat(6,minmax(0,1fr))}.owner-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.owner-admin-grid>.card{margin:0}.owner-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.owner-shortcuts a{display:block;padding:10px;border:1px solid #c6c9cc;background:#eee;text-decoration:none;font-weight:700}.org-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid #ddd}.org-row>div{min-width:0}.org-row small{display:block;color:#777}.org-row>span{text-align:right;white-space:nowrap}.catalog-chips{display:flex;flex-wrap:wrap;gap:5px}.catalog-chip{padding:3px 7px;border:1px solid #bbb;background:#eee;font-size:10px;border-radius:2px}.global-notice{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#4b4029;color:#fff3cc;border:1px solid #8f7744;padding:9px 12px;margin-bottom:9px}.global-notice span{min-width:0}.global-notice small{color:#e3d7b5;white-space:nowrap}@media(max-width:760px){.admin-metrics-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.owner-admin-grid{grid-template-columns:1fr}.global-notice{grid-template-columns:1fr}.global-notice small{white-space:normal}} .page-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bfc3c7;margin:0 0 10px;padding:7px 0 12px}.page-header .page-title{border:0;padding:0;margin:3px 0 0;font-size:22px}.page-kicker{font-size:9px;letter-spacing:1.4px;color:#727981;text-transform:uppercase}.section-tabs{display:flex;gap:0;border-bottom:2px solid #b7bcc2;margin-bottom:16px;overflow:auto}.section-tabs a{white-space:nowrap;padding:12px 14px;text-decoration:none;font-size:12px;color:#505962}.section-tabs a[aria-current]{color:#292e33;border-bottom:3px solid #a78b53;background:#f6f6f6;margin-bottom:-2px}.compact>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:12px 14px;background:#f6f7f8;position:relative;list-style:none}.compact>summary::-webkit-details-marker{display:none}.row-title{font-weight:650;font-size:13px}.row-preview{grid-column:1;font-size:11px;color:#69727c;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-hint{grid-column:2;grid-row:1/3;align-self:center;font-size:10px;font-weight:500;color:#6d6451;border:1px solid #c9c8c3;padding:4px 7px;border-radius:3px}.compact[open]>summary{background:#eaeef1}.compact[open] .row-hint{background:#e8ddc5}.compact[open] .row-preview{display:none}.compact[open] .row-hint{grid-row:1}.compact .panel-body>form{display:inline-block;min-width:130px;margin:5px 5px 5px 0;vertical-align:top}.compact .panel-body>form button{width:auto;min-width:130px}.compact .panel-body>form:has(textarea),.compact .panel-body>form:has(select){display:block}.module-status{font-size:11px;white-space:nowrap;border-radius:20px;padding:3px 8px;align-self:center}.module-status.ready{background:#dcebdd;color:#315d3a}.module-status.pending{background:#f6e8cd;color:#76561d}.stat{gap:12px}.content-panels>.card>h2{font-size:12px;letter-spacing:.2px;background:#dce0e3}.content-panels>.card{box-shadow:0 1px 1px #00000006}.panel-body>p:first-child{margin-top:0}.panel-body>p:last-child{margin-bottom:0}@media(max-width:540px){.page-header .page-title{font-size:20px}.compact .panel-body>form{min-width:calc(50% - 8px)}.compact .panel-body>form button{width:100%;min-width:0}.section-tabs a{padding:12px 10px}} /* v0.6.22 interface refresh — dense desktop HUD, compact grey panels and touch fly-out inspired by modern browser RPG layouts. */ :root{--nw-bg:#d9dadd;--nw-panel:#f4f4f4;--nw-panel2:#e7e8e9;--nw-line:#b8bcc0;--nw-dark:#24272b;--nw-dark2:#151719;--nw-text:#33383d;--nw-muted:#68717a;--nw-accent:#8c7a4c;--nw-green:#79a34d;--nw-red:#bd6254;--nw-blue:#6f9ab4;--nw-yellow:#c2a34f} body{background:radial-gradient(circle at 50% -120px,#f0f0f0 0,#dedfe1 360px,#d3d4d6 100%);color:var(--nw-text);font-family:Arial,Helvetica,sans-serif;font-size:13px} header{background:linear-gradient(#303236,#17191b);border-bottom:1px solid #090a0b;box-shadow:0 1px 0 #4b4e51 inset;padding:0} header>div{max-width:1160px;min-height:58px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between} h1{font-size:28px;font-weight:800;letter-spacing:-1px;color:#efefef;text-shadow:0 1px 0 #000} .brand-note{padding:5px 8px;border:1px solid #494c50;border-radius:2px;background:#202225;color:#aeb3b8;letter-spacing:1px} main{max-width:1160px;padding:10px 12px 22px} .game-shell{grid-template-columns:205px minmax(0,1fr);gap:12px;align-items:start} .desktop-sidebar{position:sticky;top:8px;min-width:0} .player-panel{background:#efefef;border:1px solid #aaaeb2;margin-bottom:8px;box-shadow:0 1px 2px #0001} .player-name{background:linear-gradient(#34373b,#24272a);color:#f5f5f5;padding:9px 10px;font-weight:700;font-size:14px;border-bottom:1px solid #111;text-shadow:0 1px #000} .player-name span{float:right;color:#9ba1a7;font-weight:400;font-size:10px} .player-meta{display:flex;justify-content:space-between;gap:8px;padding:5px 9px;border-bottom:1px solid #d5d6d7;color:#535a61;font-size:11px}.player-meta strong{color:#2f3438} .sidebar-resources{padding:7px 8px 4px;background:#fafafa}.side-resource{margin-bottom:7px}.side-resource>div{display:flex;justify-content:space-between;font-size:10px;color:#4e565e;margin-bottom:2px}.side-resource strong{font-weight:700;color:#333}.side-resource progress{height:6px;border:0;border-radius:0;background:#d4d5d6}.side-resource.resource-energy progress{accent-color:var(--nw-green)}.side-resource.resource-nerve progress{accent-color:var(--nw-red)}.side-resource.resource-happy progress{accent-color:var(--nw-yellow)}.side-resource.resource-life progress{accent-color:var(--nw-blue)} .desktop-sidebar nav>div{margin:0 0 7px;background:#f2f2f2;border:1px solid #aaaeb2;box-shadow:0 1px 1px #0001} .desktop-sidebar nav strong{padding:6px 9px;background:linear-gradient(#4a4d51,#33363a);color:#f1f1f1;border-bottom:1px solid #1d1f21;text-transform:none;font-size:11px;text-shadow:0 1px #111} .desktop-sidebar nav a{position:relative;padding:6px 9px 6px 24px;min-height:0;border-bottom:1px solid #d2d4d6;color:#4a5056;font-size:11px;background:linear-gradient(#fafafa,#ededed)} .desktop-sidebar nav a::before{content:"›";position:absolute;left:10px;color:#8a8f94}.desktop-sidebar nav a:hover{background:#fff;color:#222}.desktop-sidebar nav a.active{border-left:0;background:linear-gradient(#e4e7d9,#d6dbc5);color:#2f3b28;font-weight:700;box-shadow:3px 0 0 var(--nw-accent) inset}.desktop-sidebar nav a.active::before{color:#687a3e} .quick-links{height:32px;background:linear-gradient(#35383b,#26282b);border:1px solid #17191b;margin:0 0 8px;box-shadow:0 1px 0 #555 inset}.quick-links a{display:flex;align-items:center;justify-content:center;padding:0 10px;color:#dfe2e4;border-color:#161719;font-size:11px;text-shadow:0 1px #000}.quick-links a:hover{background:#414448;color:#fff} .page-header{margin:0 0 7px;padding:6px 8px;background:linear-gradient(#f8f8f8,#e5e6e7);border:1px solid var(--nw-line);box-shadow:0 1px 1px #0001}.page-header .page-title{font-size:17px;font-weight:700;margin:1px 0;text-shadow:0 1px #fff}.page-kicker{font-size:8px;color:#868c92} .section-tabs{background:#eceeef;border:1px solid #b8bcc0;border-top:0;margin:-7px 0 8px}.section-tabs a{padding:8px 11px;font-size:10px;border-right:1px solid #d1d3d5}.section-tabs a[aria-current]{background:#fff;border-bottom:2px solid var(--nw-accent);font-weight:700} .content-panels{gap:8px}.card{border:1px solid #afb3b7;background:#f8f8f8;margin-bottom:8px;box-shadow:0 1px 2px #0000000e}.card>h2,.compact>summary{background:linear-gradient(#f7f7f7,#dfe1e2);border-bottom:1px solid #b8bcc0;color:#353a3f;font-size:11px;font-weight:700;padding:8px 10px;text-shadow:0 1px #fff}.panel-body{padding:9px 10px;background:#fff}.panel-body p{color:#4f565d;font-size:12px}.stat{padding:5px 2px;font-size:11px;border-bottom:1px dotted #cfd2d4}.stat:last-child{border-bottom:0}.badge{border-radius:2px;background:#dedfe1;border:1px solid #c3c6c9;font-size:9px;padding:2px 5px} button{min-height:32px;padding:6px 10px;background:linear-gradient(#fbfbfb,#dedede);border:1px solid #aeb2b6;border-radius:2px;color:#353a3e;font-size:11px;text-shadow:0 1px #fff;box-shadow:0 1px 0 #fff inset}button:hover:not(:disabled){background:linear-gradient(#fff,#e8e3d7);border-color:#9f9579}input,select,textarea{min-height:34px;padding:7px 8px;margin:4px 0 8px;border-radius:2px;font-size:12px;border-color:#afb4b9}label{font-size:10px;color:#596169;font-weight:700} .compact>summary{grid-template-columns:minmax(0,1fr) auto;padding:8px 10px}.row-title{font-size:11px}.row-preview{font-size:10px}.row-hint{font-size:9px;padding:2px 5px;background:#f3f3f3}.compact[open]>summary{background:#dfe3e6}.compact .panel-body>form button{min-height:31px} .flash{padding:9px 11px;margin-bottom:8px;border-radius:2px;font-size:11px;box-shadow:0 1px 1px #0001} .admin-heading{border-radius:2px;background:linear-gradient(#353a40,#24282d);padding:14px}.admin-heading h2{font-size:18px}.admin-tabs{gap:0;margin-bottom:8px}.admin-tabs a{padding:8px 10px;border-radius:0;margin-right:-1px;font-size:10px}.admin-metrics>div{border-radius:2px;padding:11px 7px}.admin-metrics strong{font-size:20px} footer{padding:15px 0 2px;color:#787e84} @media(min-width:721px){.content-panels{display:block}.content-panels>.card,.content-panels>details{width:100%}.overview-columns{columns:2;column-gap:8px}.overview-columns>.card{break-inside:avoid}} @media(max-width:720px){main{padding:7px}.game-shell{display:block}.desktop-sidebar{display:none}.city-menu{margin:0 0 7px;background:#efefef;border-color:#aaaeb2}.city-menu>summary{background:linear-gradient(#3b3e42,#2a2d30);color:#eee;padding:10px}.city-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:6px}.city-menu nav>div{display:contents}.city-menu nav strong{grid-column:1/-1;background:#d6d8da;padding:5px 7px;font-size:10px}.city-menu nav a{min-height:36px;padding:9px 8px;background:#f7f7f7;border:1px solid #c7cacc;color:#444;font-size:11px}.quick-links{overflow-x:auto;height:36px}.quick-links a{min-width:72px;flex:0 0 auto}.page-header{padding:7px}.page-header .page-title{font-size:16px}.section-tabs{overflow-x:auto}.section-tabs a{padding:9px 10px}.panel-body{padding:9px}.card>h2,.compact>summary{padding:9px 10px}button{min-height:40px}.compact .panel-body>form{min-width:calc(50% - 6px)}} /* v0.6.23 page architecture refresh — dense browser-RPG information layout inspired by Torn patterns, with NEW WRLD's own branding. */ :root{--nw-ink:#25282c;--nw-muted:#6d7278;--nw-line:#c7c9cb;--nw-panel:#f7f7f7;--nw-head:#e0e1e2;--nw-dark:#2b2e32;--nw-gold:#9a793e;--nw-green:#658052;--nw-red:#a1554e;--nw-blue:#5d7888} body{background:#d9dadb}.game-content{background:#ececed;padding:0 10px 10px;border-left:1px solid #c7c9cc;border-right:1px solid #c7c9cc}.page-header{background:linear-gradient(#fafafa,#e1e2e3);border:1px solid #c4c6c8;border-bottom:3px solid #7d6540;padding:10px 13px;margin:0 0 8px;display:flex;align-items:end;justify-content:space-between}.page-title{border:0;margin:0;padding:0;font-size:20px;color:#282b2f;text-shadow:0 1px #fff}.page-kicker,.eyebrow{font-size:10px;letter-spacing:1.4px;color:#8b6e3b;font-weight:800}.ui-link{display:inline-block;border:1px solid #aaa;background:linear-gradient(#fff,#e3e3e3);color:#34373a;text-decoration:none;padding:6px 10px;border-radius:2px;font-size:12px}.section-tabs{display:flex;gap:2px;border-bottom:1px solid #b9bbbd;margin-bottom:10px;overflow:auto}.section-tabs a{padding:7px 12px;text-decoration:none;color:#555;background:#dfe0e1;border:1px solid #c0c2c4;border-bottom:0;white-space:nowrap}.section-tabs a[aria-current=page]{background:#f7f7f7;color:#2d3033;font-weight:700;border-top:2px solid #96753b}.profile-head,.city-intro,.gym-head{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(100deg,#33373c,#202327);color:#fff;border-bottom:3px solid #99773d;padding:14px 16px;margin-bottom:10px}.profile-head h3,.city-intro h3,.gym-head h3{font-size:20px;margin:2px 0;color:#f4f4f4}.profile-head p,.city-intro p,.gym-head p{color:#cfd2d4;margin:3px 0}.hero-actions{display:flex;gap:6px;flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-grid>.card{margin:0}.info-list>div,.stat-line,.event-row,.timer-list>div,.gym-membership-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #ddd}.info-list>div:last-child,.stat-line:last-child,.event-row:last-child,.timer-list>div:last-child{border-bottom:0}.info-list span,.stat-line span,.timer-list span{color:#62676d}.info-list strong,.stat-line strong{color:#24272a}.event-row{justify-content:flex-start}.event-row time{width:82px;flex:0 0 82px;color:#85898d;font-size:11px}.panel-footer-link{border-top:1px solid #ddd;margin:10px -13px -11px;padding:8px 13px;background:#f0f0f0}.panel-footer-link a{font-size:12px;text-decoration:none;font-weight:700}.timer-list>div{display:grid;grid-template-columns:1fr auto auto;align-items:center}.timer-list small{color:#777}.profile-avatar{width:70px;height:70px;display:grid;place-items:center;background:#101214;border:1px solid #666;font-size:34px;font-weight:800;color:#c9ad75}.profile-head>div:nth-child(2){flex:1}.muted-id{font-weight:400;color:#aaa;font-size:13px}.profile-status{padding:7px 12px;border-radius:2px;font-weight:800;font-size:12px}.profile-status.ok{background:#5f7952}.city-weather{border-left:1px solid #5d6063;padding-left:15px;font-size:12px;color:#ddd}.city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.city-grid>.card{margin:0}.city-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.city-links a{display:flex;flex-direction:column;text-decoration:none;background:#eee;border:1px solid #d0d1d2;padding:8px}.city-links a:hover{background:#e5dfd4}.city-links strong{font-size:12px;color:#34373b}.city-links span{font-size:10px;color:#777;margin-top:2px}.crime-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #ccc}.crime-summary>div{padding:8px 10px;background:#eee;border-right:1px solid #ccc}.crime-summary>div:last-child{border-right:0}.crime-summary span{display:block;font-size:10px;color:#777}.crime-summary strong{font-size:14px}.section-note{font-size:12px}.crime-row-meta{display:flex;gap:12px;align-items:center;border-bottom:1px solid #ddd;padding-bottom:7px;font-size:11px}.nerve-cost{font-weight:800;color:#8e4c47}.ready-text{color:#587448;font-weight:800}.locked-text{color:#96534e}.skill-meter>div{display:flex;justify-content:space-between;font-size:11px}.requirements{display:flex;gap:5px;flex-wrap:wrap}.requirement{font-size:10px;background:#e5e5e5;border:1px solid #ccc;padding:3px 6px}.action-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:5px}.action-row form{margin:0}.gym-energy{min-width:110px;text-align:right}.gym-energy span{display:block;font-size:10px;color:#bbb}.gym-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gym-stat-grid>.card{margin:0}.gym-stat-value{font-size:22px;font-weight:800;color:#282b2f}.multiplier-bars{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin:8px 0}.multiplier-bars i{height:8px;background:#ccc}.multiplier-bars i.on{background:#7b945d}.gym-membership-row>div{display:flex;flex-direction:column}.gym-membership-row span{font-size:11px;color:#777}.admin-tabs{display:flex;gap:2px;overflow:auto;border-bottom:1px solid #bfc1c3;margin-bottom:10px}.admin-tabs a{white-space:nowrap;text-decoration:none;padding:7px 10px;background:#ddd;border:1px solid #c4c5c6;border-bottom:0;color:#4b4e52}.admin-tabs a[aria-current=page]{background:#f8f8f8;border-top:2px solid #96753b;font-weight:700}.card>h2,.compact>summary{background:linear-gradient(#ededed,#d5d6d7);color:#292c30;text-transform:none}.card>h2{border-top:1px solid #fff}.compact>summary{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr) auto;gap:10px;align-items:center}.row-title{font-weight:750}.row-preview{font-size:11px;color:#6f7478;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-hint{font-size:10px;color:#84672f}.player-panel{border:1px solid #bfc1c4;background:#f3f3f3;margin-bottom:12px}.player-name{background:#2d3034;color:#fff;padding:9px 10px;font-weight:800;border-bottom:2px solid #9a793e}.player-name span{font-size:10px;color:#aaa}.player-meta{display:flex;justify-content:space-between;padding:5px 9px;border-bottom:1px solid #ddd;font-size:11px}.sidebar-resources{padding:6px 8px}.side-resource{margin:5px 0}.side-resource>div{display:flex;justify-content:space-between;font-size:10px}.side-resource progress{height:6px}.quick-links a{font-weight:700}.quick-links a:hover{background:#e9e3d7}.card table{width:100%;border-collapse:collapse;font-size:12px}.card th{background:#ddd;text-align:left;padding:6px;border:1px solid #c7c7c7}.card td{padding:6px;border:1px solid #ddd}.card details>summary{cursor:pointer;font-weight:700}.module-status.ready{color:#557246}.module-status.pending{color:#9a554c} @media(max-width:800px){.dashboard-grid,.city-grid,.gym-stat-grid{grid-template-columns:1fr}.crime-summary{grid-template-columns:repeat(2,1fr)}.crime-summary>div:nth-child(2){border-right:0}.profile-head,.city-intro,.gym-head{align-items:flex-start;flex-wrap:wrap}.profile-status{margin-left:auto}.city-links{grid-template-columns:1fr}.compact>summary{grid-template-columns:1fr auto}.row-preview{grid-column:1/3;grid-row:2}.quick-links{overflow:auto}.quick-links a{min-width:70px;flex:none}.game-content{padding:0 5px 8px;border:0}} /* v0.6.24 classic mobile crime-RPG skin — inspired by the dense hierarchy of older browser MMO interfaces, using original NEW WRLD assets and glyphs. */ :root{--classic-bg:#202224;--classic-panel:#353638;--classic-panel2:#2c2d2f;--classic-line:#171819;--classic-text:#e5e5e5;--classic-muted:#a9aaac;--classic-green:#70b92f;--classic-orange:#d65f3b;--classic-yellow:#d4c83b;--classic-blue:#596de2;--classic-cyan:#13a7d2} body{background:#1d1f21;color:var(--classic-text);font-family:Arial,Helvetica,sans-serif} body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 70% 15%,rgba(255,255,255,.055),transparent 35%),linear-gradient(rgba(18,19,20,.66),rgba(18,19,20,.9)),repeating-linear-gradient(135deg,#292b2d 0,#292b2d 2px,#242628 2px,#242628 5px)} header{background:linear-gradient(#303234,#191a1c);border-bottom:1px solid #080909;padding:8px 12px;box-shadow:0 2px 6px #0008}header>div{max-width:1100px}h1{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;color:#d8d8d8;text-shadow:0 2px #111;font-size:31px;letter-spacing:1px}.brand-note{color:#777} main{max-width:1100px;padding:8px}.game-content{background:transparent;border:0;padding:0}.page-header{background:transparent;border:0;border-bottom:1px solid #3b3d3f;padding:12px 3px 8px;margin-bottom:10px}.page-title{color:#bfc0c1;text-shadow:0 1px #000;font-size:22px}.page-kicker{display:none} .quick-links{background:linear-gradient(#333537,#26282a);border:1px solid #111;height:auto;margin:0 -8px 0;overflow-x:auto;box-shadow:inset 0 1px #4b4d4f}.quick-links a{min-width:78px;flex:1;padding:7px 4px 5px;border-right:1px solid #171819;color:#a8a8a8;text-shadow:0 1px #000;display:flex;flex-direction:column;gap:2px;align-items:center;font-size:10px}.quick-links a:hover{background:#303234}.quick-links .nav-icon{font-size:25px;line-height:24px;color:#a9abad}.quick-links small{font-size:9px;font-weight:700}.quick-links a[href*="Gym"] .nav-icon,.quick-links a[href*="Crimes"] .nav-icon{color:#4aa7e0}.quick-links a[href*="Mail"] .nav-icon{color:#9bae41}.quick-links a[href*="Overview"] .nav-icon{color:#c9c9c9} .mobile-hud{display:none}.section-tabs{background:#292b2d;border-color:#111;gap:0}.section-tabs a{background:linear-gradient(#3b3d3f,#2b2d2f);border-color:#151617;color:#aaa}.section-tabs a[aria-current=page]{background:#454749;color:#fff;border-top:2px solid #7cac2e}.section-help{color:#8f9092} .card{background:rgba(48,49,51,.97);border:1px solid #171819;border-radius:7px;color:#e8e8e8;box-shadow:inset 0 1px #565759,0 2px 4px #0005;overflow:hidden}.card>h2,.compact>summary{background:linear-gradient(#4a4b4d,#333436);color:#f2f2f2;border:0;border-bottom:1px solid #1b1c1e;text-shadow:0 1px #000;font-weight:700;font-size:14px}.panel-body{background:#303133;color:#ddd}.panel-body p{color:#c7c7c7}.compact .panel-body{background:#2d2e30}.compact>summary{min-height:54px}.row-title{font-family:"Arial Narrow",Arial,sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:.5px}.row-preview{color:#aaa}.row-hint{color:#92b951} button{background:linear-gradient(#414346,#202123);color:#f2f2f2;border:1px solid #111;border-radius:6px;text-shadow:0 1px #000;box-shadow:inset 0 1px #626365;font-weight:700}button:hover:not(:disabled){background:linear-gradient(#4b4d4f,#292b2d)}input,select,textarea{background:#131415;color:#eee;border:1px solid #090a0a}.badge,.requirement{background:#242527;color:#c9c9c9;border-color:#141516}.flash{background:#354a32;border-color:#182516;color:#e8f2e6}.error{background:#513334;border-color:#2b1718;color:#f6dddd} .info-list>div,.stat-line,.event-row,.timer-list>div,.gym-membership-row{border-color:#1c1d1f}.info-list span,.stat-line span,.timer-list span{color:#ddd}.info-list strong,.stat-line strong{color:#f2f2f2}.torn-table>div{padding:9px 10px;margin:0 -9px;border-bottom:1px solid #1b1c1d}.torn-table>div:nth-child(odd){background:#323335}.torn-table em{color:#62a8d7;font-style:normal;font-weight:400} .profile-head,.city-intro,.gym-head{background:rgba(37,38,40,.84);border:1px solid #18191a;border-bottom:0;border-radius:7px 7px 0 0;margin-bottom:10px}.profile-head h3,.city-intro h3,.gym-head h3{color:#f0f0f0}.profile-head p,.city-intro p,.gym-head p{color:#b7b7b7}.ui-link{background:linear-gradient(#424447,#252628);border-color:#121314;color:#ddd}.dashboard-grid{gap:10px}.level-notice{display:flex;align-items:center;gap:12px;background:linear-gradient(#464749,#2f3032);border:1px solid #191a1b;border-left:54px solid #62ac32;border-radius:7px;padding:13px 14px;margin-bottom:12px;color:#fff;box-shadow:0 2px 4px #0005}.level-notice>span{margin-left:-50px;font-size:25px;font-weight:900;font-style:italic;width:36px;text-align:center}.level-notice strong{flex:1}.level-notice form{margin:0;max-width:170px} .crime-summary{border-color:#171819;background:#2e2f31}.crime-summary>div{background:#333436;border-color:#1b1c1e}.crime-summary span{color:#aaa}.crime-summary strong{color:#eee}.crime-row-meta{border-color:#1c1d1f}.nerve-cost{color:#d47a61}.ready-text{color:#80b94c}.locked-text{color:#c16b64}.skill-meter progress{height:6px;accent-color:#0aa9d1}.requirements .requirement{background:#252628}.action-row{gap:7px} .gym-stat-grid{gap:2px}.gym-stat-grid>.card{border-radius:0;margin:0}.gym-stat-grid>.card:first-child{border-radius:7px 0 0 0}.gym-stat-grid>.card:nth-child(2){border-radius:0 7px 0 0}.gym-stat-value{color:#fff;font-size:20px}.multiplier-bars i{background:#202123}.multiplier-bars i.on{background:#72aa2e}.gym-energy strong{color:#83c23b}.gym-membership-row span{color:#aaa} .loadout-panel{display:grid;grid-template-columns:minmax(125px,42%) 1fr;gap:12px;background:#252628;border:1px solid #171819;padding:12px;margin:-9px -9px 10px}.avatar-silhouette{min-height:250px;background:radial-gradient(circle at 50% 22%,#8a8c8e 0 12px,transparent 13px),linear-gradient(#333537,#202224);border:3px solid #393b3d;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aaa;font-size:46px;line-height:1}.avatar-silhouette span{font-size:38px}.avatar-silhouette b{font-size:56px;font-weight:400;line-height:.8}.equipment-box{background:#171819;border:3px solid #333537;padding:9px}.equipment-box>strong{display:block;background:#2e3032;margin:-9px -9px 8px;padding:8px;text-align:center}.equipment-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.equipment-slots span{min-height:42px;background:#080909;border:1px solid #515355;border-radius:5px;padding:6px;font-size:10px;display:grid;place-items:center;text-align:center}.item-category-strip{display:flex;overflow-x:auto;background:#2b2c2e;border:1px solid #151617;margin:0 -9px 10px}.item-category-strip span{min-width:46px;text-align:center;padding:10px 5px;border-right:1px solid #161718;color:#c79836;font-size:21px}.page-inventory .compact>summary{background:#39482e}.page-inventory .compact:nth-of-type(even)>summary{background:#33412b}.page-inventory .row-title{text-transform:none;font-size:15px} .city-links a{background:#2e2f31;border-color:#171819}.city-links a:hover{background:#383a3c}.city-links strong{color:#eee}.city-links span{color:#aaa}.admin-tabs{border-color:#171819}.admin-tabs a{background:#303133;border-color:#171819;color:#aaa}.admin-tabs a[aria-current=page]{background:#444648;color:#fff;border-top-color:#7da632}.card table{color:#ddd}.card th{background:#38393b;border-color:#1b1c1d}.card td{border-color:#1b1c1d}.panel-footer-link{background:#262729;border-color:#18191a}.panel-footer-link a,a{color:#78aede} .player-panel,.desktop-sidebar nav>div{background:#2d2f31;border-color:#171819}.player-name,.desktop-sidebar nav strong{background:#202123;color:#eee;border-color:#151617}.player-meta{border-color:#1a1b1c;color:#ccc}.desktop-sidebar nav a{color:#bbb;border-color:#1a1b1c}.desktop-sidebar nav a.active{background:#3d4434;border-left-color:#7cac32;color:#fff}.sidebar-resources{background:#252628}.side-resource>div,.side-resource strong{color:#ccc} @media(max-width:720px){ body{padding-bottom:58px}.brand-note{display:none}header{position:sticky;top:0;z-index:20;padding:5px 9px}h1{font-size:29px}.game-content{padding:0}.city-menu{display:none}.desktop-sidebar{display:none}.mobile-hud{display:block;margin:0 -8px 9px;background:#222426;border-top:1px solid #111;border-bottom:1px solid #111}.hud-resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.hud-resource{padding:6px 7px;border-right:1px solid #111}.hud-resource:last-child{border-right:0}.hud-resource>div{display:flex;justify-content:space-between;gap:3px;font-size:10px;color:#c8c8c8}.hud-resource strong{font-weight:500;white-space:nowrap}.hud-resource progress{height:6px;display:block;margin-top:4px;border:0}.resource-energy progress{accent-color:var(--classic-green)}.resource-nerve progress{accent-color:var(--classic-orange)}.resource-happy progress{accent-color:var(--classic-yellow)}.resource-life progress{accent-color:var(--classic-blue)}.hud-wallet{display:flex;gap:17px;align-items:center;overflow-x:auto;padding:7px 13px;background:linear-gradient(#242628,#171819);font-size:16px;white-space:nowrap}.hud-wallet .cash{color:#76c432}.hud-wallet .points{color:#54a9e9}.hud-wallet .level{color:#bf8ff2}.hud-wallet .merits{color:#e0944c} .quick-links{position:relative;z-index:5;margin:0 -8px}.quick-links a{min-width:74px}.page-header{margin:0 0 8px;padding:13px 16px 8px}.page-title{font-size:20px}.section-tabs{margin:0 -1px 10px}.section-tabs a{padding:9px 11px}.section-help{padding:0 6px}.dashboard-grid{grid-template-columns:1fr}.card{border-radius:7px;margin-bottom:11px}.card>h2{font-size:16px;padding:11px 13px}.panel-body{padding:9px 11px}.compact>summary{grid-template-columns:1fr auto;padding:10px 11px}.compact .row-preview{grid-column:1/3}.row-title{font-size:19px}.row-hint{width:28px;height:28px;border-radius:50%;background:#4b4d4f;display:grid;place-items:center;color:#ddd;font-size:9px}.dashboard-grid .card{margin:0 0 11px}.torn-table>div{grid-template-columns:48% 52%;display:grid}.torn-table strong{text-align:left}.level-notice{margin:0 0 12px;border-left-width:50px;flex-wrap:wrap}.level-notice form{max-width:none;width:100%;margin-left:-38px;padding-left:38px}.crime-summary{grid-template-columns:repeat(4,1fr);font-size:9px}.crime-summary>div{padding:7px 5px;border-right:1px solid #1a1b1c!important}.crime-summary strong{font-size:11px}.gym-head{border-radius:0;margin:0 -1px 12px}.gym-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.gym-stat-grid .card>h2{font-size:15px}.gym-stat-grid .panel-body{min-height:170px;display:flex;flex-direction:column}.gym-stat-grid form{margin-top:auto}.gym-stat-grid button{font-size:16px}.loadout-panel{grid-template-columns:44% 1fr}.avatar-silhouette{min-height:235px}.equipment-slots span{min-height:39px}.item-category-strip span{min-width:47px}.page-inventory .content-panels>.compact{margin-bottom:1px;border-radius:0}.page-inventory .content-panels>.compact>summary{min-height:53px}.page-crimes .content-panels>.compact{margin-bottom:8px}.page-crimes .compact>summary{min-height:72px;border-radius:7px}.page-crimes .row-title{font-family:Impact,"Arial Narrow Bold",sans-serif;font-weight:400;font-size:23px;color:#eee}.page-crimes .row-preview{font-size:10px}.city-grid{grid-template-columns:1fr}footer{padding-bottom:60px;color:#777} } /* v0.6.25 readability pass — preserve the classic dark mobile layout, but reduce visual noise. */ @media(max-width:720px){ body{background:#181a1d;color:#eceff2;font-size:14px;line-height:1.5} main{padding:0 8px 18px} .game-content{background:linear-gradient(#2b2d30 0,#222427 180px,#1b1d20 100%);min-height:760px} .page-header{padding:14px 12px 10px;margin:0 0 8px;border-bottom:1px solid #45484c;background:#292b2e} .page-kicker{color:#999fa5}.page-title{color:#f2f3f4!important;font-size:21px!important} .section-tabs{background:#242629;border-color:#4a4d50;margin:0 0 10px}.section-tabs a{color:#bfc4c9;padding:10px 12px}.section-tabs a[aria-current]{background:#34373a;color:#fff;border-bottom-color:#87b53b} .section-help,.section-note{color:#aeb4ba!important;padding:0 10px;line-height:1.45} .card{background:#303235;border:1px solid #161719;box-shadow:0 1px 0 #4a4c4f inset;border-radius:6px;color:#eef0f2;margin-bottom:10px} .card>h2,.compact>summary{background:linear-gradient(#414346,#323437);color:#f4f5f6;border-bottom:1px solid #1d1f21;text-shadow:0 1px #000;font-weight:700;letter-spacing:0} .card>h2{font-size:15px;padding:10px 12px}.panel-body{background:#2d2f32;color:#e2e5e8;padding:11px 12px} .panel-body p{color:#d3d7db;line-height:1.5}.panel-body .small,.small{color:#a9afb5} .stat,.stat-line,.info-list>div,.torn-table>div{border-color:#45484b!important}.stat-line span,.info-list span,.torn-table span{color:#bdc2c7}.stat-line strong,.info-list strong,.torn-table strong{color:#f1f3f4} .compact>summary{padding:11px 12px}.row-title{color:#f2f3f4}.row-preview{color:#b0b5ba}.row-hint{background:#282a2d;border-color:#575a5d;color:#d9dde0} .compact[open]>summary{background:#424549}.compact[open] .panel-body{background:#2d2f32} button{background:linear-gradient(#55585c,#35383c);border:1px solid #151617;color:#f4f5f6;text-shadow:0 1px #000;font-weight:700;min-height:42px} button:hover:not(:disabled){background:linear-gradient(#62666a,#414448)} input,select,textarea{background:#181a1c;border:1px solid #5b5e62;color:#f1f2f3;margin:5px 0 11px;min-height:42px} label{color:#c8cdd1;font-weight:600} .crime-summary{background:#242629;border-color:#121315}.crime-summary>div{background:#2b2d30!important}.crime-summary span{color:#aeb4ba}.crime-summary strong{color:#f4f5f6} .gym-head{background:#303235;border-color:#17181a}.gym-head p{color:#d9dde0}.gym-stat-grid .card{margin-bottom:1px}.gym-stat-grid .panel-body{background:#303235}.gym-stat-grid p{font-size:13px} .hud-wallet{font-size:15px}.hud-resource>div{font-size:11px}.hud-resource progress{height:7px} .quick-links{background:#242629;border-color:#101112}.quick-links a{color:#d2d5d8;border-color:#161719;padding:10px 3px}.quick-links a.active{background:#34373a;color:#fff} .loadout-panel{background:#27292c;border-color:#151617}.equipment-box{background:#1d1f21}.equipment-slots span{color:#d6dadd;border-color:#474a4d;background:#121315} .item-category-strip{background:#27292c}.item-category-strip span{border-color:#171819} .flash{background:#253b2a;color:#dff0e1;border-color:#47704f}.flash.error,.error{background:#4a292b;color:#ffe5e5;border-color:#835052} footer{background:#17191b;color:#8f959a;padding:18px 8px 66px} } /* v0.6.26 polish — cleaner mobile resources and diagnostic panels. */ /* v0.6.27 systems polish — compact star ladders, war score rows and stronger diagnostics. */ /* v0.7.2 — live world depth, quality gear, leaderboards and realtime synchronization. */ /* v0.7.5 — persistent progression: crime families, multi-session gym, equipment mastery, richer profiles and company performance. */ /* v0.8.8.1 — Owner Control Centre quality-of-life patch. */ .page-crimes .requirements{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.page-crimes .ready-text{white-space:normal}.page-companies .stat small{line-height:1.4} .territory-map{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0}.territory-tile{min-height:64px;background:#2b2d2f;border:1px solid #151617;padding:7px;display:flex;flex-direction:column}.territory-tile strong{color:#eee}.territory-tile span,.territory-tile small{color:#aaa;font-size:10px}.territory-tile.held{border-left:4px solid #7b945d}.territory-tile.contested{border-color:#b4684f;background:#382b28}@media(max-width:420px){.territory-map{grid-template-columns:repeat(3,minmax(0,1fr))}.territory-tile{padding:5px;min-height:58px}} .live-indicator{position:absolute;right:8px;top:-24px;font-size:9px;letter-spacing:1px;color:#9da3a7}.mobile-hud{position:relative}.live-indicator span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#72b83c;margin-right:4px}.live-indicator.offline span{background:#b85b4f}.live-indicator.syncing span{background:#d8a33b}.live-toast{margin:8px 0;padding:9px 12px;border:1px solid #456a39;background:#263326;color:#dfe9d9;font-size:12px}.live-toast.error{border-color:#7e4949;background:#3c2727;color:#f0dada} .live-timers{display:flex;gap:4px;flex-wrap:wrap;padding:5px 6px;border-top:1px solid #34383b;background:#17191b}.live-timers span{font-size:9px;color:#9fa6aa;padding:3px 5px;border:1px solid #34383b;border-radius:2px;background:#202326}.live-timers b{color:#d9dddf;font-weight:700}.event-live{border-color:#596f39!important;background:#28301f!important} .page-drugs .card,.page-jail .card,.page-racing .card,.page-casino .card,.page-territories .card{overflow:hidden} .page-racing .crime-summary strong,.page-territories .card strong{font-variant-numeric:tabular-nums} @media(max-width:720px){ .hud-resources{grid-template-columns:repeat(4,minmax(0,1fr));background:#232528} .hud-resource{min-width:0;padding:7px 8px 8px} .hud-resource>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;font-size:12px} .hud-resource .resource-symbol{font-size:17px;line-height:1;color:#d7dadd} .hud-resource strong{min-width:0;text-align:right;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis} .hud-resource progress{width:100%;height:7px;margin-top:6px;background:#777} .hud-wallet{gap:20px;padding:9px 14px;font-size:16px;border-top:1px solid #111} .section-unavailable{margin:10px 2px 18px;padding:14px;background:#2d3033;border:1px solid #151719;border-radius:7px;color:#e9ecef;box-shadow:inset 0 1px #484b4e} .section-unavailable-title{margin:-14px -14px 12px;padding:11px 13px;background:linear-gradient(#414448,#33363a);border-bottom:1px solid #181a1c;border-radius:7px 7px 0 0;color:#fff;font-size:16px;font-weight:800;text-shadow:0 1px #000} .section-unavailable p{color:#cdd2d6;margin:8px 0} .owner-diagnostic{margin:12px 0;padding:11px;background:#202225;border:1px solid #4d5155;border-left:4px solid #b18445;border-radius:5px} .owner-diagnostic strong{display:block;color:#e7c078;margin-bottom:6px} .owner-diagnostic code{display:block;color:#e2e5e8;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:normal;overflow-wrap:anywhere} .section-unavailable a{color:#72b8e8} } @media(min-width:721px){ .card{box-shadow:0 1px 2px #00000014}.panel-body{line-height:1.5}.panel-body p{max-width:900px}.desktop-sidebar nav a{line-height:1.25}.info-list>div,.stat-line{padding-top:9px;padding-bottom:9px} } /* v0.8.8.1 owner player-inspection polish */ .owner-mini-log{margin-top:10px;padding:9px;background:#242629;border:1px solid #171819;border-radius:5px}.owner-mini-log>strong{display:block;margin-bottom:5px;color:#eef1f3}.owner-mini-log small{display:block;padding:4px 0;border-top:1px solid #34373a;color:#b8bec3}.owner-mini-log small:first-of-type{border-top:0}.owner-state-ok{margin-top:8px;padding:7px 9px;border-left:3px solid #76b83a;background:#263025;color:#cfe8c2;font-size:12px} /* v0.8.8 owner control centre + item systems UI */ .market-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:end;margin:10px 0}.market-filter label{min-width:0}.market-filter input,.market-filter select{width:100%}.equipment-slots{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.equipment-slots span{display:flex!important;flex-direction:column;min-height:48px;justify-content:center}.equipment-slots small{opacity:.7;font-size:10px;text-transform:uppercase}.loadout-panel{align-items:stretch}@media(max-width:640px){.market-filter{grid-template-columns:1fr}.equipment-slots{grid-template-columns:1fr 1fr}} .page-inventory .card form+form,.page-hospital .card form+form,.page-racing .card form+form{margin-top:6px}.page-casino .crime-summary strong{font-size:12px}.page-crimes .requirements form{display:inline-block;margin:3px 4px 3px 0}.page-crimes .requirements button{min-height:30px;padding:4px 8px;font-size:10px}.page-racing .crime-summary>div{min-width:0}.page-profile .info-list strong{max-width:62%;text-align:right} /* v0.8.8.2 — unified icon-led classic crime-RPG interface. Original NEW WRLD artwork. */ .ui-icon,.nav-icon,.side-nav-icon,.page-icon,.tab-icon,.mini-icon,.dock-icon,.wallet-icon,.resource-icon{display:block;flex:0 0 auto;width:1em;height:1em;overflow:visible} body{background:#17191b radial-gradient(circle at 50% -100px,#35383b 0,#24272a 34%,#17191b 68%) fixed;color:#d9dcde} header{background:linear-gradient(#272a2d,#181a1c);border-bottom:1px solid #080909;box-shadow:0 1px 0 #3a3d40 inset,0 2px 8px #0008}header>div{max-width:1180px;margin:auto}h1{font-family:Arial Narrow,Arial,sans-serif;letter-spacing:-1.6px}.brand-note{background:#151719;border-color:#3b3e41;color:#8d9398} main{max-width:1180px}.game-shell{gap:8px}.game-content{background:#25282b;border-color:#111315;box-shadow:0 0 0 1px #373a3d inset;min-width:0} .desktop-sidebar{top:6px}.player-panel,.desktop-sidebar nav>div{background:#222426;border:1px solid #0d0e0f;box-shadow:0 1px 0 #3a3d40 inset,0 1px 3px #0007}.player-name,.desktop-sidebar nav strong{background:linear-gradient(#3a3d40,#292b2e);border-color:#111;color:#f1f1f1}.player-meta{background:#202225;color:#acb1b5;border-color:#111}.player-meta strong{color:#e1e4e6}.sidebar-resources{background:#1d1f21}.side-resource>div,.side-resource strong{color:#c7cbce} .desktop-sidebar nav a{display:flex;align-items:center;gap:7px;padding:6px 8px;background:linear-gradient(#2c2f32,#242629);color:#aeb3b7;border-color:#111;text-shadow:0 1px #000}.desktop-sidebar nav a::before{display:none}.desktop-sidebar nav a:hover{background:#34373a;color:#fff}.desktop-sidebar nav a.active{background:linear-gradient(#42473a,#34382e);box-shadow:3px 0 0 #829f46 inset;color:#fff}.side-nav-icon{width:15px;height:15px;color:#8f969b}.desktop-sidebar nav a.active .side-nav-icon{color:#b9cf77} .quick-links{height:54px;margin:0 -1px 8px;border:1px solid #0e0f10;background:linear-gradient(#3a3d40,#202225);box-shadow:0 1px 0 #4c5053 inset,0 2px 4px #0006;scrollbar-width:none}.quick-links a{min-width:76px;padding:5px 7px 4px;flex:1;flex-direction:column;gap:2px;border-right:1px solid #101112;color:#aeb3b7}.quick-links a:hover{background:#44484b}.quick-links .nav-icon{width:26px;height:26px;color:#c3c7ca;filter:drop-shadow(0 1px 0 #000)}.quick-links small{font-size:9px;letter-spacing:.35px}.quick-links a[href*="Crimes"] .nav-icon{color:#d9786f}.quick-links a[href*="Gym"] .nav-icon{color:#76a8d1}.quick-links a[href*="Mail"] .nav-icon{color:#a6bb6a}.quick-links a[href*="Factions"] .nav-icon{color:#d0a769}.quick-links a[href*="Market"] .nav-icon{color:#b4b7ba} .mobile-hud{background:#17191b;border-color:#080909;box-shadow:0 1px 0 #3a3d40 inset}.hud-resources{background:linear-gradient(#2b2e31,#1d1f21)}.hud-resource{border-color:#0d0e0f}.hud-resource>div{grid-template-columns:18px minmax(0,1fr)}.resource-icon{width:17px;height:17px}.resource-energy .resource-icon{color:#7ab14e}.resource-nerve .resource-icon{color:#d37b56}.resource-happy .resource-icon{color:#d7bd63}.resource-life .resource-icon{color:#5d9dcc}.hud-resource progress{appearance:none;border:1px solid #0e0f10;background:#101113}.hud-resource progress::-webkit-progress-bar{background:#101113}.hud-resource progress::-webkit-progress-value{background:#8c9b6a}.resource-energy progress::-webkit-progress-value{background:#7baa47}.resource-nerve progress::-webkit-progress-value{background:#c27051}.resource-happy progress::-webkit-progress-value{background:#c9ac50}.resource-life progress::-webkit-progress-value{background:#4f8fbd}.hud-wallet{background:linear-gradient(#24272a,#151719);border-color:#080909;font-size:13px}.hud-wallet>span{display:flex;align-items:center;gap:5px}.wallet-icon{width:14px;height:14px}.hud-wallet .cash{color:#77b950}.hud-wallet .points{color:#63a8d6}.hud-wallet .level{color:#b58bd3}.hud-wallet .merits{color:#d59a5d} .page-header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;background:linear-gradient(#3a3d40,#292c2f);border:1px solid #111;border-bottom:2px solid #8a754a;box-shadow:0 1px 0 #4a4d50 inset;margin-bottom:6px}.page-heading-icon{width:34px;height:34px;display:grid;place-items:center;background:#202225;border:1px solid #101112;box-shadow:0 1px 0 #484b4e inset}.page-icon{width:23px;height:23px;color:#c9cdd0}.page-title{font-size:18px;color:#f0f1f2;text-shadow:0 1px #000}.page-kicker{color:#b29a69;font-size:8px}.mini-icon{width:13px;height:13px} .section-tabs{gap:0;margin:-1px 0 7px;background:#202225;border:1px solid #111;border-top:0}.section-tabs a{display:flex;align-items:center;gap:5px;background:linear-gradient(#303336,#242629);color:#aeb2b5;border-color:#101112;padding:7px 10px;text-shadow:0 1px #000}.section-tabs a[aria-current=page]{background:linear-gradient(#464a40,#33372e);color:#fff;border-top:0;border-bottom:2px solid #8aa34e}.tab-icon{width:14px;height:14px}.section-help{color:#9da2a6;font-size:10px;margin:4px 4px 7px} .card,.compact{background:#272a2d;border:1px solid #111315;box-shadow:0 1px 0 #3d4043 inset,0 1px 3px #0006}.card>h2,.compact>summary{background:linear-gradient(#3b3e41,#2c2f32);border-bottom:1px solid #111315;color:#e3e6e8;text-shadow:0 1px #000;font-size:11px;padding:7px 9px}.panel-body{background:#e7e8e9;color:#30353a}.panel-body p{color:#4c5257}.stat,.info-list>div,.stat-line,.event-row,.timer-list>div,.gym-membership-row{border-color:#c3c6c8}.badge{background:#d2d5d7;border-color:#b8bdc0;color:#353a3d}.row-hint{background:#d9dcde;color:#4c5256}.compact[open]>summary{background:linear-gradient(#4a4e51,#34373a);color:#fff} button{background:linear-gradient(#f6f6f6,#cfd2d4);border-color:#8c9195;color:#292e32;font-weight:700}button:hover:not(:disabled){background:linear-gradient(#fff,#dce1cf);border-color:#829258}input,select,textarea{background:#f9f9f9;border-color:#8f959a;color:#24282c} .profile-head,.city-intro,.gym-head{background:linear-gradient(105deg,#33373b,#1d2023);border:1px solid #101214;border-bottom:3px solid #8a754a;box-shadow:0 1px 0 #4c5053 inset}.dashboard-grid{gap:7px}.city-grid{gap:7px}.city-links a{background:linear-gradient(#f2f2f2,#dbddde);border-color:#b7bbbe}.city-links a:hover{background:#ece8dc} /* subtle texture made only with CSS; no copied game artwork */ .game-content,.desktop-sidebar nav>div,.player-panel,.card,.compact{background-image:linear-gradient(rgba(255,255,255,.012),rgba(0,0,0,.012)),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 3px)} @media(max-width:720px){body{background:#1b1d1f}.game-content{padding:0 6px 8px;border:0}.quick-links{margin:0 -6px 6px;height:52px}.quick-links a{min-width:66px;padding:5px 4px 3px}.quick-links .nav-icon{width:24px;height:24px}.city-menu{background:#232528;border-color:#0e0f10}.city-menu>summary{background:linear-gradient(#3a3d40,#282b2e);color:#eee}.city-menu nav{background:#1e2022;gap:3px}.city-menu nav strong{background:#303336;color:#d8dcde;border:1px solid #111}.city-menu nav a{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 8px;background:linear-gradient(#35383b,#292b2e);border-color:#111;color:#c8cccf}.city-menu .side-nav-icon{width:16px;height:16px}.page-header{grid-template-columns:34px minmax(0,1fr) auto;padding:6px}.page-heading-icon{width:30px;height:30px}.page-icon{width:21px;height:21px}.page-title{font-size:16px}.section-tabs a{padding:7px 8px;font-size:9px}.tab-icon{width:13px;height:13px}.hud-wallet{gap:13px;padding:7px 9px;font-size:12px}.card>h2,.compact>summary{font-size:10px}.panel-body{padding:8px}} /* v0.8.8.3 — focused page-layout + original item visual pass. */ .panel-title-icon{width:15px;height:15px;color:#b9bdc0}.card>h2{display:flex;align-items:center;gap:7px}.row-title-wrap{display:flex;align-items:center;gap:7px;min-width:0}.row-title-wrap .row-title{min-width:0}.compact>summary .panel-title-icon{width:15px;height:15px;color:#afb4b7}.compact[open]>summary .panel-title-icon{color:#d7dde0} .page-city .section-tabs{display:none} .city-map-hero{position:relative;min-height:190px;overflow:hidden;margin:0 0 8px;border:1px solid #111315;border-bottom:3px solid #927745;background:linear-gradient(120deg,#202428 0%,#30363b 52%,#1c1f22 100%);display:flex;align-items:flex-end;padding:20px 18px;color:#fff} .city-map-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 28%,rgba(207,178,109,.12),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 55%);pointer-events:none} .city-skyline{position:absolute;left:0;right:0;bottom:0;height:120px;display:flex;align-items:flex-end;gap:5px;padding:0 3%;opacity:.38} .city-skyline i{display:block;flex:1;background:linear-gradient(#606970,#252a2e);border-top:1px solid #879096;box-shadow:inset 0 0 0 1px #202427} .city-skyline i:nth-child(1){height:38%}.city-skyline i:nth-child(2){height:72%}.city-skyline i:nth-child(3){height:48%}.city-skyline i:nth-child(4){height:94%;flex:1.3}.city-skyline i:nth-child(5){height:62%}.city-skyline i:nth-child(6){height:82%;flex:.8}.city-skyline i:nth-child(7){height:44%}.city-skyline i:nth-child(8){height:68%} .city-map-copy{position:relative;z-index:2;max-width:620px}.city-map-copy h3{font-family:Impact,"Arial Narrow Bold",sans-serif;font-weight:400;font-size:34px;line-height:1;margin:4px 0 6px;letter-spacing:.4px}.city-map-copy p{margin:0;color:#c1c6ca}.city-hero-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.city-hero-badges span{padding:4px 7px;background:#16191bcc;border:1px solid #555b60;color:#d7dadd;font-size:9px;text-transform:uppercase;letter-spacing:.5px} .city-map-emblem{position:relative;z-index:2;margin-left:auto;display:grid;place-items:center;width:105px;height:105px;border:1px solid #6f6250;background:#171a1dcc;transform:rotate(45deg);box-shadow:0 0 0 4px #202428aa}.city-map-main-icon{width:42px;height:42px;color:#d0ae69;transform:rotate(-45deg)}.city-map-emblem small{transform:rotate(-45deg);font-weight:800;letter-spacing:2px;color:#b7bdc1} .city-live-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:9px;background:#121416;border:1px solid #121416}.city-live-strip a{padding:8px 10px;background:linear-gradient(#363a3e,#292d30);text-decoration:none;min-width:0}.city-live-strip span,.city-live-strip strong{display:block}.city-live-strip span{font-size:8px;text-transform:uppercase;color:#9ba2a8;letter-spacing:.6px}.city-live-strip strong{margin-top:2px;font-size:11px;color:#e8e9ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .city-featured{margin:0 0 9px}.city-section-heading{display:flex;align-items:baseline;gap:7px;padding:5px 1px}.city-section-heading span{font-size:8px;color:#af8f54;font-weight:900;letter-spacing:1.2px}.city-section-heading strong{font-size:13px;color:#d9dcde}.city-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.city-featured-grid>a{display:grid;grid-template-columns:48px minmax(0,1fr) 13px;align-items:center;gap:8px;min-height:75px;padding:8px;background:linear-gradient(#363a3e,#292c30);border:1px solid #151719;text-decoration:none}.city-featured-art{width:46px;height:46px;display:grid;place-items:center;background:#202428;border:1px solid #4e5459}.city-featured-icon{width:27px;height:27px;color:#cda85e}.city-featured-grid span,.city-featured-grid strong,.city-featured-grid small{display:block}.city-featured-grid span{font-size:8px;text-transform:uppercase;color:#9b8358}.city-featured-grid strong{font-size:12px;color:#f2f3f3;margin:1px 0}.city-featured-grid small{font-size:9px;color:#aab0b5;line-height:1.2}.city-featured-grid b{font-size:20px;color:#697177} .city-districts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.city-district-card{border:1px solid #151719;background:#282c2f;overflow:hidden}.city-district-card>header{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;background:linear-gradient(105deg,#3b4044,#262a2d);border-bottom:2px solid #806b46}.city-district-card>header>div:nth-child(2){min-width:0}.city-district-card>header span{font-size:8px;color:#baa270;text-transform:uppercase;letter-spacing:.8px}.city-district-card>header h3{font-family:Impact,"Arial Narrow Bold",sans-serif;font-weight:400;font-size:23px;color:#f0f1f2;margin:1px 0}.city-district-card>header p{font-size:9px;color:#adb4b9;margin:0;line-height:1.25}.city-district-card>header>b{font-size:17px;color:#d4b675;text-align:right}.city-district-card>header>b small{display:block;font-size:7px;color:#969ea4;text-transform:uppercase} .city-district-art{position:relative;width:70px;height:58px;display:grid;place-items:center;border:1px solid #171a1c;background:linear-gradient(145deg,#24282b,#343a3e);overflow:hidden}.city-district-art:before,.city-district-art:after,.city-district-art i{content:"";position:absolute;bottom:0;background:#191c1f}.city-district-art:before{left:5px;width:18px;height:25px}.city-district-art:after{right:4px;width:21px;height:37px}.city-district-art i{left:27px;width:13px;height:43px}.city-district-icon{position:relative;z-index:2;width:27px;height:27px;color:#d0ae69} .city-location-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#17191b}.city-location-list>a{display:grid;grid-template-columns:28px minmax(0,1fr) auto 12px;align-items:center;gap:7px;padding:8px 9px;background:#2e3235;text-decoration:none;min-height:51px}.city-location-list>a:hover{background:#393e42}.city-location-icon{width:19px;height:19px;color:#aeb5ba}.city-location-list span{min-width:0}.city-location-list strong,.city-location-list small{display:block}.city-location-list strong{font-size:11px;color:#eceeef}.city-location-list small{font-size:8px;color:#969da3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-location-list>a>b{font-size:17px;color:#697177}.city-location-list em{font-style:normal;font-size:7px;padding:2px 4px;border:1px solid #7b6d50;color:#d5b979;background:#25231e} .city-district-1>header{border-bottom-color:#5c86a5}.city-district-2>header{border-bottom-color:#a58a53}.city-district-3>header{border-bottom-color:#858d54}.city-district-4>header{border-bottom-color:#9c5c57}.city-district-5>header{border-bottom-color:#6c7f91}.city-district-6>header{border-bottom-color:#9d774d} @media(max-width:820px){.city-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-districts{grid-template-columns:1fr}} @media(max-width:520px){.city-map-hero{min-height:160px;padding:15px 13px}.city-map-copy h3{font-size:29px}.city-map-emblem{width:72px;height:72px}.city-map-main-icon{width:31px;height:31px}.city-live-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.city-featured-grid{grid-template-columns:1fr}.city-location-list{grid-template-columns:1fr}.city-district-card>header{grid-template-columns:61px minmax(0,1fr) auto;padding:9px}.city-district-art{width:58px;height:52px}.city-district-card>header h3{font-size:20px}} .city-links{display:grid;grid-template-columns:1fr;gap:2px}.city-links a{display:grid;grid-template-columns:30px minmax(0,1fr) 15px;align-items:center;gap:8px;padding:8px 9px;background:linear-gradient(#37393c,#2e3033);border:1px solid #171819;color:#e2e4e6;text-decoration:none}.city-links a:hover{background:linear-gradient(#424549,#34373b)}.city-dest-icon{width:22px;height:22px;color:#b8bdc1}.city-dest-copy{display:flex;flex-direction:column;min-width:0}.city-dest-copy strong{font-size:12px;color:#f1f2f3}.city-dest-copy span{font-size:10px;color:#a9afb4}.city-chevron{font-size:20px;color:#73797e;text-align:right}.page-city .card>h2 .panel-title-icon{color:#c5a66a} .crime-card-lead{display:flex;align-items:center;gap:9px;margin:-2px 0 8px;padding-bottom:7px;border-bottom:1px solid #414448}.crime-row-icon{width:26px;height:26px;color:#c46e5c}.crime-card-lead>div{display:flex;flex-direction:column}.crime-card-lead strong{font-size:14px;color:#f0f1f2}.crime-family-label{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#9ca3a8}.page-crimes .crime-list .compact>summary .panel-title-icon{display:none}.page-crimes .crime-list .compact>summary{grid-template-columns:minmax(0,1fr) auto}.page-crimes .crime-list .row-title-wrap{display:block}.page-crimes .crime-list .row-title{font-size:17px}.page-crimes .crime-list .row-preview{font-size:10px} .page-gym .gym-stat-grid>.card>h2 .panel-title-icon{color:#69a7cf}.page-gym .gym-stat-grid>.card:nth-child(2)>h2 .panel-title-icon{color:#c37469}.page-gym .gym-stat-grid>.card:nth-child(3)>h2 .panel-title-icon{color:#c8a85c}.page-gym .gym-stat-grid>.card:nth-child(4)>h2 .panel-title-icon{color:#7eaf73}.gym-stat-value{font-variant-numeric:tabular-nums}.page-gym .action-row button{min-width:0;width:100%}.page-gym .action-row form{min-width:0} .item-visual-row{display:flex;align-items:center;gap:12px;padding:8px 9px;margin:-2px 0 8px;background:#25272a;border:1px solid #141516}.item-art{width:60px;height:60px;display:grid;place-items:center;background:linear-gradient(#2f353a,#1d2125);border:1px solid #5a6167;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 2px 8px rgba(0,0,0,.22);border-radius:10px;padding:2px;overflow:hidden}.item-art-icon{width:100%;height:100%;display:block}.item-visual-meta{display:flex;flex-direction:column;min-width:0}.item-visual-meta strong{font-size:11px;color:#eef0f2;text-transform:uppercase;letter-spacing:.5px}.item-visual-meta span{font-size:10px;color:#aeb4b9}.item-art.rarity-uncommon{border-color:#658d66}.item-art.rarity-rare{border-color:#557ea7}.item-art.rarity-epic{border-color:#875e9d}.item-art.rarity-legendary{border-color:#b68b43} .equipment-slot{grid-template-columns:34px 1fr!important;grid-template-rows:auto auto!important;column-gap:7px!important;place-items:initial!important;text-align:left!important}.equipment-slot-icon{grid-row:1/3;width:30px;height:30px;align-self:center}.equipment-slot small{font-size:8px;color:#8e959a;text-transform:uppercase;letter-spacing:.5px}.equipment-slot b{font-size:9px;color:#e2e5e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-inventory .panel-title-icon{color:#9cb671}.page-inventory .compact>summary{background:linear-gradient(#3a4235,#30362e)} .page-factions .card>h2 .panel-title-icon,.page-operations .card>h2 .panel-title-icon,.page-territories .card>h2 .panel-title-icon{color:#90ad62}.page-companies .card>h2 .panel-title-icon{color:#bd9a5d}.page-factions .stat,.page-companies .stat{background:#292b2e;padding:7px 8px;margin:0 -2px 2px;border:1px solid #1b1c1e!important}.page-factions .stat strong,.page-companies .stat strong{color:#f0f1f2}.page-factions button,.page-companies button{font-size:11px} .page-overview .dashboard-grid>.card>h2{border-left:3px solid #7e8a67}.page-overview .dashboard-grid>.card:nth-child(2)>h2{border-left-color:#6a8ba0}.page-overview .dashboard-grid>.card:nth-child(3)>h2{border-left-color:#a4814a}.page-overview .dashboard-grid>.card:nth-child(4)>h2{border-left-color:#7d9b72}.page-overview .dashboard-grid>.card:nth-child(5)>h2{border-left-color:#9c765e}.page-overview .dashboard-grid>.card:nth-child(6)>h2{border-left-color:#707d8c} @media(min-width:721px){.page-city .city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-inventory .loadout-panel{grid-template-columns:260px 1fr}.page-overview .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.card>h2{gap:6px}.panel-title-icon{width:14px;height:14px}.city-links a{grid-template-columns:28px minmax(0,1fr) 13px;padding:8px}.city-dest-icon{width:20px;height:20px}.crime-card-lead{margin-top:0}.item-art{width:44px;height:44px}.item-art-icon{width:27px;height:27px}.equipment-slot{grid-template-columns:24px 1fr!important}.equipment-slot-icon{width:21px;height:21px}.page-inventory .equipment-slots{gap:4px}.page-factions .stat,.page-companies .stat{font-size:11px}} /* v0.8.8.4 — readability/contrast pass. Keep the classic dark layout, remove low-contrast light rows. */ body{color:#f1f3f5} .game-content{background:linear-gradient(#2a2d30 0,#222529 180px,#1b1d20 100%)} .card,.compact{background:#2a2d30;color:#f3f4f5} .card>h2,.compact>summary{color:#f6f7f8;background:linear-gradient(#414448,#303337)} .panel-body,.compact[open] .panel-body{background:#26292c!important;color:#f0f2f4!important} .panel-body p,.panel-body li,.panel-body label{color:#d8dde1!important} .panel-body .small,.small{color:#b9c0c6!important} .info-list>div,.stat-line,.stat,.torn-table>div,.timer-list>div,.event-row,.gym-membership-row{background:#303337!important;border-bottom:1px solid #454a4f!important;color:#f1f3f5!important} .info-list>div:nth-child(even),.stat-line:nth-child(even),.torn-table>div:nth-child(even){background:#34383c!important} .info-list span,.stat-line span,.torn-table span,.timer-list span{color:#d2d7dc!important;font-weight:600} .info-list strong,.stat-line strong,.torn-table strong,.stat strong,.timer-list strong{color:#ffffff!important;font-weight:750;text-shadow:none} .torn-table em{color:#77b5df!important;font-style:normal;font-weight:600} .panel-footer-link{background:#2c2f33!important;border-top:1px solid #454a4f!important} .panel-footer-link a{color:#79b9e8!important} .badge,.requirement{background:#3a3e42!important;color:#edf0f2!important;border-color:#565b60!important} .city-links a{background:linear-gradient(#383c40,#2c2f33)!important;border-color:#151719!important;color:#edf0f2!important} .city-links strong{color:#fff!important}.city-links span{color:#c1c7cc!important} .row-hint{background:#42464a!important;color:#eef1f3!important;border-color:#5c6267!important} .page-overview .dashboard-grid>.card,.page-profile .dashboard-grid>.card{background:#292c2f!important} .page-overview .dashboard-grid>.card .panel-body,.page-profile .dashboard-grid>.card .panel-body{background:#292c2f!important} .page-overview .info-list>div,.page-overview .stat-line,.page-profile .info-list>div,.page-profile .stat-line{min-height:48px;padding:11px 14px!important;font-size:15px} .page-overview .info-list span,.page-overview .stat-line span,.page-profile .info-list span,.page-profile .stat-line span{font-size:15px;color:#d4d9de!important} .page-overview .info-list strong,.page-overview .stat-line strong,.page-profile .info-list strong,.page-profile .stat-line strong{font-size:15px;color:#fff!important} .page-overview .card>h2,.page-profile .card>h2{font-size:15px!important} @media(max-width:720px){ .panel-body{padding:10px!important} .page-overview .info-list>div,.page-overview .stat-line,.page-profile .info-list>div,.page-profile .stat-line{min-height:46px;padding:10px 12px!important;font-size:14px} .page-overview .info-list span,.page-overview .stat-line span,.page-profile .info-list span,.page-profile .stat-line span, .page-overview .info-list strong,.page-overview .stat-line strong,.page-profile .info-list strong,.page-profile .stat-line strong{font-size:14px} .torn-table>div{grid-template-columns:46% 54%!important} } /* v0.9.0 roadmap consolidation */ .crime-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.crime-family-grid>div{background:#25282b;border:1px solid #45494d;padding:9px;display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center}.crime-family-grid span{font-size:12px;color:#d4d7da}.crime-family-grid progress{grid-column:1/-1;width:100%;height:5px}.profile-bio-panel{margin:10px 0;padding:12px 14px;background:linear-gradient(#303337,#24272a);border:1px solid #4a4e52;border-radius:4px}.profile-bio-panel strong{display:block;font-size:13px;text-transform:uppercase;color:#fff}.profile-bio-panel p{margin:7px 0 0;color:#e5e7e9}.destination-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.destination-row .destination-icon{width:28px;height:28px}.destination-row div{min-width:0}.destination-row span,.destination-row small{display:block;color:#c7cbcf;margin-top:3px}.destination-row>b{font-size:10px;padding:4px 6px;background:#17191b;border:1px solid #4b5054;color:#9fd261}.mini-records{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.mini-records span{background:#202326;border:1px solid #404448;padding:5px 7px;font-size:11px;color:#d8dbde}.stat-line strong,.info-list strong{font-variant-numeric:tabular-nums}.section-tabs{scrollbar-width:none}.section-tabs::-webkit-scrollbar{display:none}@media(max-width:640px){.crime-family-grid{grid-template-columns:1fr}.destination-row{grid-template-columns:32px 1fr}.destination-row>b{grid-column:2;justify-self:start}.profile-bio-panel{margin:8px 0}.content-panels{gap:8px}} /* v0.8.8.5 — compact status and mobile readability polish */ .home-status-strip,.profile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:6px 0 8px}.home-status-strip>div,.profile-metrics>div{min-width:0;padding:7px 8px;background:linear-gradient(#303336,#24272a);border:1px solid #111315;box-shadow:inset 0 1px #44484b;color:#d8dcdf}.home-status-strip span,.profile-metrics span{display:block;color:#9fa6ab;font-size:9px;line-height:1.1;text-transform:uppercase;letter-spacing:.45px}.home-status-strip strong,.profile-metrics strong{display:block;margin-top:3px;color:#f4f5f6;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-status-strip .ready strong{color:#9bcf65}.home-status-strip .warn strong{color:#e6b366}.home-status-strip .danger strong{color:#df7c76}.card>h2,.compact>summary{letter-spacing:.1px}.info-list>div,.stat-line{min-height:38px;align-items:center}.info-list>div span,.stat-line span{font-weight:600}.info-list>div strong,.stat-line strong{font-variant-numeric:tabular-nums}.timer-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center}.timer-list>div small{grid-column:1/-1;color:#a8afb4}.event-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;align-items:start}.event-row time{color:#9ca3a8;font-variant-numeric:tabular-nums}.panel-footer-link{border-top:1px solid #17191b;margin-top:8px;padding-top:7px}.panel-footer-link a{display:inline-flex;align-items:center;min-height:32px;color:#77b7e5;font-weight:700}.level-notice{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px}.level-notice>span{display:grid;place-items:center;width:30px;height:30px;border-radius:3px;background:#699f3d;color:#fff;font-weight:900}.profile-status{white-space:nowrap} @media(max-width:720px){.home-status-strip,.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.home-status-strip>div,.profile-metrics>div{padding:8px}.dashboard-grid{grid-template-columns:1fr!important}.card>h2,.compact>summary{font-size:12px;padding:8px 10px}.panel-body{font-size:14px}.info-list>div,.stat-line{padding:9px 10px;min-height:42px}.info-list>div span,.stat-line span{font-size:13px}.info-list>div strong,.stat-line strong{font-size:14px}.event-row{grid-template-columns:68px minmax(0,1fr)}.level-notice{grid-template-columns:32px minmax(0,1fr)}.level-notice form{grid-column:1/-1}.level-notice button{width:100%}} /* v1.0.1 — crime flow + mobile navigation cleanup */ @media(max-width:720px){footer{padding-bottom:18px!important}} .crime-commit-row form{width:100%;margin:8px 0 0}.crime-commit-row button{min-height:46px;font-size:14px;text-transform:uppercase;letter-spacing:.35px} .crime-live-outcome{margin:9px 0 4px;padding:9px 10px;border:1px solid #111315;background:linear-gradient(#292c2f,#202225);box-shadow:inset 0 1px #3c4044} .crime-live-outcome span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#9fa5aa;margin-bottom:3px} .crime-live-outcome strong{display:block;font-size:12px;line-height:1.4;color:#eceeef} .crime-outcome-success{border-left:3px solid #78a94f}.crime-outcome-fail{border-left:3px solid #c99446}.crime-outcome-critical{border-left:3px solid #b84f4f} /* v1.1.3 world systems */ .crime-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.bazaar-listing,.oc-role,.wall-row{border:1px solid #171a1d;background:#292d31;padding:8px;margin:6px 0}.wall-row strong,.oc-role strong{color:#f3f3f3}.card .panel-body .info-list strong{overflow-wrap:anywhere}.card form label{display:block}.card form input[type=number],.card form select{max-width:100%}.territory-tile.contested{outline:2px solid #b28b45}.city-links a[href*="Bazaar"],.city-links a[href*="Church"],.city-links a[href*="Dump"]{border-left:3px solid #7e6944} /* v1.3.0 depth systems */ .crime-ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:4px}.newspaper-meta,.depth-note{color:#aeb5bb;font-size:11px}.world-badge{display:inline-block;padding:2px 6px;border:1px solid #4b5156;background:#25282b;font-size:9px;text-transform:uppercase}.loan-overdue{color:#df7c76;font-weight:800}.metric-good{color:#9bcf65}.metric-warn{color:#e0b461} /* 1.4 combat / economy / readability polish */ .combat-overview,.economy-strip,.loadout-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:7px 0 10px}.combat-overview>div,.economy-strip>div,.loadout-strip>div{min-width:0;padding:8px 9px;background:linear-gradient(#2e3236,#23272b);border:1px solid #111417;box-shadow:inset 0 1px rgba(255,255,255,.06)}.combat-overview span,.economy-strip span,.loadout-strip span{display:block;color:#aeb5bb;font-size:10px;text-transform:uppercase;letter-spacing:.35px}.combat-overview strong,.economy-strip strong,.loadout-strip strong{display:block;color:#f3f5f6;margin-top:3px;font-size:13px;overflow-wrap:anywhere}.loadout-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.loadout-strip>div{display:grid;grid-template-columns:28px 1fr;column-gap:7px;align-items:center}.loadout-strip .mini-icon{grid-row:1/3;width:24px;height:24px}.combat-foes .card{margin-bottom:6px}.foe-row,.market-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center}.foe-row>div,.market-row>div{min-width:0}.foe-row span,.market-row span,.market-row small{display:block;color:#aeb5bb;font-size:10px}.foe-row strong,.market-row strong{color:#f4f6f7}.combat-event{padding:7px 9px;border-bottom:1px solid #30353a;background:#202429;color:#d7dcdf;font-size:12px}.combat-event.crit{background:#352625;border-left:3px solid #b75d50;color:#ffd9d1}.combat-event.miss{color:#979fa5}.combat-event.reload{background:#252c33;border-left:3px solid #5f7890}.combat-history-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:8px;padding:7px 8px;border-bottom:1px solid #30353a;align-items:center}.combat-history-row time,.combat-history-row small{color:#98a1a8;font-size:10px}.market-results{display:grid;gap:5px}.market-row{padding:8px 9px;background:linear-gradient(#2a2e32,#212529);border:1px solid #121518}.market-row form{margin:0}.market-filter{display:grid;grid-template-columns:2fr repeat(4,minmax(100px,1fr)) auto;gap:6px;align-items:end}.market-filter label{margin:0}.stock-history{display:flex;gap:4px;overflow-x:auto;padding:5px 0}.stock-history span{white-space:nowrap;padding:4px 6px;background:#252a2f;border:1px solid #15181b;color:#aeb5bb;font-size:10px}.panel-footer-link{margin-top:8px}.content-panels>.card{content-visibility:auto;contain-intrinsic-size:80px}.live-indicator{transition:opacity .15s ease,background .15s ease}.live-indicator.syncing{opacity:.72}.live-indicator.offline{opacity:.9}.card h2,.card h3{letter-spacing:.1px}.info-list>div,.stat{line-height:1.28}.game-content button,.game-content .ui-link{min-height:38px}.quick-links{scrollbar-width:none}.quick-links::-webkit-scrollbar{display:none}.quick-links a{min-width:70px}.quick-links a[href*="Account"],.quick-links a[href*="Owner"]{border-top:2px solid #70777d}.card:focus-within{outline:1px solid #555e65;outline-offset:1px}.panel-body p:first-child{margin-top:0}.panel-body p:last-child{margin-bottom:0}.combat-event{overflow-wrap:anywhere}.economy-trend-positive{color:#9bcf65}.economy-trend-negative{color:#df7c76} @media(max-width:760px){.combat-overview,.economy-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.loadout-strip{grid-template-columns:1fr}.foe-row,.market-row{grid-template-columns:minmax(0,1fr) auto}.foe-row>div:nth-child(2),.foe-row>div:nth-child(3),.market-row>div:nth-child(2),.market-row>div:nth-child(3){display:inline-flex;gap:5px;align-items:baseline}.foe-row>div:last-child,.market-row>div:last-child{grid-column:1/-1}.market-filter{grid-template-columns:1fr 1fr}.market-filter label:first-of-type{grid-column:1/-1}.market-filter button{grid-column:1/-1}.combat-history-row{grid-template-columns:62px 1fr}.combat-history-row small{grid-column:2}.content-panels{gap:6px}} /* v1.4.3 — sequential public player IDs */ /* v1.6.0 — Career 2.0: five ranked city careers and exclusive employment */ .combat-tactics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tactic-choice{padding:9px;background:linear-gradient(#2b2f33,#22262a);border:1px solid #121518}.tactic-choice.active{outline:2px solid #829e55;outline-offset:-2px}.tactic-choice strong,.tactic-choice span{display:block}.tactic-choice span{color:#aeb5bb;font-size:10px;margin:3px 0 7px}.tactic-choice form{margin:0}.economy-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.economy-links a{display:flex;align-items:center;justify-content:center;min-height:42px;text-align:center;text-decoration:none;font-weight:800;background:linear-gradient(#34383c,#282c30);border:1px solid #15181b;color:#e9edef}.wealth-bar{height:8px;background:#181b1e;border:1px solid #0c0e10;margin-top:10px;overflow:hidden}.wealth-bar i{display:block;height:100%;background:linear-gradient(90deg,#6f8d4a,#95b868)}.page-economy .economy-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.game-content form[data-live-pending="1"] button{opacity:.65;pointer-events:none}.live-toast{box-shadow:0 6px 20px rgba(0,0,0,.35)} @media(max-width:760px){.combat-tactics{grid-template-columns:1fr}.economy-links{grid-template-columns:repeat(2,minmax(0,1fr))}.page-economy .economy-strip{grid-template-columns:repeat(2,minmax(0,1fr))}} /* v1.6.0 Career 2.0 */ .career-note{font-size:11px;color:#69727c} .page-forums .content-panels{display:block}.forum-home-head,.forum-category-hero,.forum-thread-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;margin-bottom:9px;background:linear-gradient(#34383c,#292d31);border:1px solid #15181b}.forum-home-head h2,.forum-category-hero h2,.forum-thread-head h2{margin:2px 0 4px;color:#f2f3f4;font-size:18px}.forum-home-head p,.forum-category-hero p,.forum-thread-head p{margin:0;color:#aeb5bb}.forum-home-stats,.forum-thread-metrics{display:grid;grid-template-columns:repeat(2,auto);gap:2px 14px;text-align:right}.forum-home-stats strong,.forum-thread-metrics strong{font-size:17px;color:#f4f4f4}.forum-home-stats span,.forum-thread-metrics span{font-size:9px;color:#9ca4aa;text-transform:uppercase}.forum-category-grid{display:grid;gap:6px;margin-bottom:10px}.forum-category-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;background:linear-gradient(#303438,#262a2e);border:1px solid #15181b;color:#e8eaec;text-decoration:none}.forum-category-card:hover,.forum-thread-row:hover{background:linear-gradient(#393e42,#2c3135)}.forum-cat-icon,.forum-topic-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #596067;background:#202428;color:#d2b878;font-weight:900}.forum-cat-copy{min-width:0}.forum-cat-copy strong{display:block;color:#f4f5f6;font-size:13px}.forum-cat-copy span,.forum-cat-copy small{display:block;color:#a9b0b6;font-size:10px;white-space:normal}.forum-cat-copy small{margin-top:4px;color:#858e95}.forum-cat-stats{display:grid;grid-template-columns:auto auto;gap:1px 6px;text-align:right;min-width:74px}.forum-cat-stats strong{color:#eceeef;font-size:12px}.forum-cat-stats span{color:#8f989f;font-size:9px}.forum-breadcrumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 9px;font-size:11px;color:#8f989f}.forum-breadcrumbs a{color:#86b9df}.forum-thread-list{border:1px solid #15181b;margin-bottom:9px}.forum-thread-row{display:grid;grid-template-columns:30px minmax(0,1fr) 58px 58px 112px;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid #171a1d;background:#292d31;color:#e8eaec;text-decoration:none}.forum-thread-row:last-child{border-bottom:0}.forum-topic-icon{width:24px;height:24px;font-size:10px}.forum-topic-copy{min-width:0}.forum-topic-copy strong,.forum-topic-copy span{display:block}.forum-topic-copy strong{font-size:12px;color:#f2f4f5}.forum-topic-copy span{font-size:9px;color:#949ca3}.forum-player-id{color:#a7b0b6;font-weight:500}.forum-count,.forum-last{text-align:right;min-width:0}.forum-count strong,.forum-last strong{display:block;color:#e5e7e8;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-count span,.forum-last span{display:block;color:#8e979e;font-size:9px}.forum-post{display:grid;grid-template-columns:145px minmax(0,1fr);border:1px solid #15181b;background:#292d31;margin-bottom:7px}.forum-post aside{padding:11px;background:#24282c;border-right:1px solid #15181b}.forum-post aside strong,.forum-post aside span,.forum-post aside small{display:block}.forum-post aside strong{color:#eef0f1}.forum-post aside span,.forum-post aside small{font-size:9px;color:#9099a0;margin-top:3px}.forum-post>div{padding:10px 12px;min-width:0}.forum-post time{display:block;text-align:right;font-size:9px;color:#828b92;border-bottom:1px solid #393e42;padding-bottom:6px;margin-bottom:10px}.forum-post-body{color:#dce0e3;overflow-wrap:anywhere}.forum-tools{margin-top:12px;font-size:10px;color:#9fa7ad}.forum-tags{display:flex;gap:5px}.forum-tag{padding:2px 6px;border:1px solid #555d64;font-size:9px;text-transform:uppercase}.forum-tag.pinned{color:#e3c176}.forum-tag.locked{color:#d38d86}.forum-pager{display:flex;justify-content:space-between;gap:8px;margin:9px 0 12px}.forum-pager a{padding:8px 10px;background:#2d3236;border:1px solid #15181b;text-decoration:none}.forum-recent{border:1px solid #15181b;background:#292d31;margin-bottom:10px}.forum-recent h3{margin:0;padding:9px 11px;border-bottom:1px solid #15181b}.forum-recent a{display:flex;justify-content:space-between;gap:10px;padding:8px 11px;border-bottom:1px solid #353a3e;text-decoration:none}.forum-recent a:last-child{border:0}.forum-recent span{color:#e8eaec}.forum-recent small{color:#939ba2;text-align:right}.forum-hidden{font-style:italic;color:#969da3}.bbcode-help{padding:8px 10px;margin-bottom:7px;border:1px solid #454c52;background:#23272b;color:#9fa8ae;font-size:10px}.forum-post-body blockquote,.message-bbcode blockquote,.forum-quote{margin:8px 0;padding:8px 10px;border-left:3px solid #777;background:#22272b;color:#c9ced2}.forum-post-body pre,.message-bbcode pre{overflow:auto;padding:9px;background:#1e2225;border:1px solid #41474c}.forum-signature{margin-top:14px;padding-top:8px;border-top:1px solid #444b50;color:#929ba2;font-size:10px}.forum-post-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px}.forum-post-actions form{margin:0}.button-link{display:inline-block;padding:7px 10px;border:1px solid #15181b;background:#34393d;color:#dce1e4;text-decoration:none}.forum-search-result{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid #383e43;text-decoration:none}.forum-search-result strong{color:#eef0f1}.forum-search-result span{color:#939ca3;font-size:10px;text-align:right}.message-bbcode{overflow-wrap:anywhere}.message-bbcode a,.forum-post-body a{word-break:break-word}.staff-badge{display:inline-block;padding:2px 5px;margin-left:4px;border:1px solid #70777d;font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.45px;vertical-align:middle}.staff-badge.owner{color:#e4c477;border-color:#8b7441}.staff-badge.mod{color:#a8c9df;border-color:#52758d}.message-conversation-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px;background:#292d31;border:1px solid #15181b}.message-conversation-list{border:1px solid #15181b;background:#292d31}.message-conversation-row{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid #3a4045;text-decoration:none}.message-conversation-row:last-child{border-bottom:0}.message-conversation-row strong,.message-conversation-row span,.message-conversation-row time{display:block}.message-conversation-row span{margin-top:3px;color:#9ca5ab;font-size:10px}.message-conversation-row time{color:#929ba1;font-size:9px;text-align:right}.unread-pill{display:inline-block;margin-top:5px;padding:2px 6px;border-radius:10px;background:#e7e9ea;color:#1f2326;font-size:9px}.message-thread{display:grid;gap:8px;margin-bottom:10px}.message-bubble{max-width:86%;padding:10px 12px;border:1px solid #171a1d;background:#292d31}.message-bubble.mine{justify-self:end;background:#30353a}.message-bubble.theirs{justify-self:start}.message-bubble header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:6px;margin-bottom:7px;border-bottom:1px solid #41474c}.message-bubble time{font-size:9px;color:#929ba1}.message-subject{margin-bottom:7px;color:#abb3b8;font-size:10px}.forum-unread{background:#30363a}.profile-community{margin-top:8px}.profile-community>strong{display:block;margin-bottom:7px} .public-profile-head{display:flex;align-items:center;gap:12px;padding:12px;background:#292d31;border:1px solid #15181b;margin-bottom:8px}.public-profile-main{min-width:0;flex:1}.public-profile-main h3{margin:2px 0 4px}.profile-presence{min-width:78px;text-align:right}.profile-presence strong,.profile-presence span{display:block}.profile-presence strong{font-size:11px}.profile-presence span{font-size:9px;color:#9ca5ab;margin-top:3px}.profile-presence.online strong{color:#9fd2a5}.profile-presence.idle strong{color:#dfca8d}.profile-presence.offline strong{color:#9ca5ab}.public-profile-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.public-profile-actions form{margin:0}.public-profile-actions button,.profile-action{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid #4b5257;background:#30353a;color:#e7e9ea;text-decoration:none;font-size:10px}.profile-honour{display:inline-block;padding:5px 8px;margin:3px;border:1px solid #4a5055;background:#292d31;font-size:9px}.player-directory-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.player-directory-row p{margin:3px 0}.player-directory-row>div{min-width:0;flex:1} .premium-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;margin-bottom:0;border:1px solid #15181b;background:linear-gradient(135deg,#2d3135,#1f2225)}.premium-hero h3{margin:3px 0 5px;font-size:22px;color:#f2f2f2}.premium-hero p{margin:0;color:#b6bdc3;max-width:680px}.premium-hero.premium-active{border-bottom-color:#9a7e44}.premium-status-orb{width:78px;height:78px;border:2px solid #9a7e44;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;background:#24282b}.premium-status-orb strong{font-size:22px;color:#e1c67f}.premium-status-orb span{font-size:8px;text-transform:uppercase;color:#aeb4b9}.premium-timebar{height:5px;background:#181b1d;margin:0 0 10px;border:1px solid #0e1011;border-top:0}.premium-timebar span{display:block;height:100%;background:#a68a4d}.premium-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:9px 0}.premium-metrics>div,.premium-reward-row>div{padding:9px 10px;background:#292d31;border:1px solid #15181b}.premium-metrics span,.premium-reward-row span{display:block;color:#9da5ab;font-size:9px;text-transform:uppercase}.premium-metrics strong,.premium-reward-row strong{display:block;margin-top:3px;color:#e8e9ea;font-size:12px}.premium-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.premium-benefit-grid>div{padding:11px;background:#2d3135;border:1px solid #181b1d}.premium-benefit-grid b,.premium-benefit-grid span{display:block}.premium-benefit-grid b{color:#e1c67f;margin-bottom:4px}.premium-benefit-grid span{font-size:10px;color:#adb4ba}.premium-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}.premium-plan{border:1px solid #15181b;background:#292d31}.premium-plan.featured{border-color:#8f7540}.premium-plan header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#202326;border-bottom:1px solid #15181b}.premium-plan header span{font-size:10px;letter-spacing:.8px;color:#c6cbd0}.premium-plan header strong{font-size:10px;color:#e1c67f}.premium-plan-body{padding:13px}.premium-plan-body h3{margin:0 0 7px;color:#eee}.premium-plan-body p,.premium-plan-body li{color:#adb4ba}.premium-plan-body ul{padding-left:18px}.premium-owner-note{margin-top:10px;padding:8px;border-left:3px solid #9a7e44;background:#222629;color:#aeb4b9;font-size:9px}.premium-reward-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}@media(max-width:720px){.premium-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-benefit-grid{grid-template-columns:1fr}.premium-plan-grid{grid-template-columns:1fr}.premium-hero{padding:14px}.premium-status-orb{width:66px;height:66px}.premium-reward-row{grid-template-columns:1fr}} @media(max-width:720px){.forum-home-head,.forum-category-hero,.forum-thread-head{align-items:flex-start;padding:11px}.forum-category-card{grid-template-columns:35px minmax(0,1fr);padding:10px}.forum-cat-stats{grid-column:2;display:flex;gap:8px;text-align:left}.forum-thread-row{grid-template-columns:25px minmax(0,1fr) 46px}.forum-thread-row .forum-count:nth-of-type(2),.forum-last{display:none}.forum-post{grid-template-columns:1fr}.forum-post aside{border-right:0;border-bottom:1px solid #15181b;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.forum-post aside strong,.forum-post aside span,.forum-post aside small{display:inline;margin:0}.forum-post time{text-align:left}.forum-recent a{display:block}.forum-recent small{display:block;text-align:left;margin-top:2px}} :root{--nw-page-accent:#aa8b50;--nw-page-accent-soft:#6f6043} .page-crimes{--nw-page-accent:#c66a5a;--nw-page-accent-soft:#714640}.page-gym{--nw-page-accent:#68a9d3;--nw-page-accent-soft:#405f73}.page-items,.page-inventory,.page-shop{--nw-page-accent:#9da5ac;--nw-page-accent-soft:#555d63}.page-market,.page-trades,.page-bazaar,.page-auctions{--nw-page-accent:#c7a45f;--nw-page-accent-soft:#6e5b38}.page-factions,.page-operations,.page-territories{--nw-page-accent:#8eb64c;--nw-page-accent-soft:#4d6434}.page-mail,.page-contacts,.page-forums{--nw-page-accent:#9eb154;--nw-page-accent-soft:#566337}.page-hospital{--nw-page-accent:#5eabd5;--nw-page-accent-soft:#3a6076}.page-jail{--nw-page-accent:#cf805f;--nw-page-accent-soft:#704d40}.page-bank,.page-stocks{--nw-page-accent:#78ad73;--nw-page-accent-soft:#49664a}.page-casino{--nw-page-accent:#c99b50;--nw-page-accent-soft:#6d5736}.page-racing{--nw-page-accent:#d06c55;--nw-page-accent-soft:#75443b}.page-travel,.page-explore{--nw-page-accent:#d3ad62;--nw-page-accent-soft:#725e3b}.page-work,.page-companies,.page-education{--nw-page-accent:#8ca8b8;--nw-page-accent-soft:#4c606b}.page-property,.page-rentals{--nw-page-accent:#b39068;--nw-page-accent-soft:#66523f}.page-donator,.page-points{--nw-page-accent:#d2af62;--nw-page-accent-soft:#705d3b}.page-profile,.page-players{--nw-page-accent:#83a4bd;--nw-page-accent-soft:#4a6172}.page-merits,.page-awards,.page-honours{--nw-page-accent:#b894d1;--nw-page-accent-soft:#624e72} .page-header{position:relative;overflow:hidden;isolation:isolate;min-height:72px;grid-template-columns:44px minmax(0,1fr) auto!important;padding:10px 10px 9px!important;border-bottom:3px solid var(--nw-page-accent)!important;background:linear-gradient(105deg,#3b3f43 0%,#292d30 58%,#222528 100%)!important} .page-header:after{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.38))} .page-heading-icon{width:40px!important;height:40px!important;background:linear-gradient(145deg,#25292c,#191c1f)!important;border-color:#101112!important;box-shadow:inset 0 1px #50555a!important}.page-icon{width:25px!important;height:25px!important;color:var(--nw-page-accent)!important}.page-heading-copy{position:relative;z-index:2}.page-kicker{color:var(--nw-page-accent)!important;font-weight:800;letter-spacing:1.35px!important}.page-title{font-family:Impact,"Arial Narrow Bold",sans-serif!important;font-weight:400!important;font-size:25px!important;letter-spacing:.45px!important;text-shadow:0 2px #111!important} .section-tabs{border-bottom:2px solid var(--nw-page-accent-soft)!important}.section-tabs a[aria-current=page]{border-bottom-color:var(--nw-page-accent)!important;background:linear-gradient(#424640,#30342e)!important}.card{overflow:hidden;border-color:#151719!important;background:linear-gradient(#303438,#292d30)!important;box-shadow:inset 0 1px #43484c,0 1px 2px #0005!important}.card>h2,.compact>summary{position:relative;background:linear-gradient(#3b3f43,#2c3033)!important;border-bottom-color:#17191b!important;color:#eef0f1!important;text-shadow:0 1px #000!important}.card>h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--nw-page-accent)}.panel-body{background:linear-gradient(180deg,#292d30,#25292c)!important;color:#d8dcdf}.panel-body p{color:#c3c8cc}.panel-body strong{color:#eff1f2}.stat,.info-list>div,.torn-table>div{border-color:#41464a!important}.stat span,.info-list span{color:#aab0b5}.stat strong,.info-list strong{color:#eef0f1}button,.profile-action{background:linear-gradient(#464b4f,#303438)!important;border:1px solid #141617!important;color:#f0f1f2!important;box-shadow:inset 0 1px #5d6266;text-shadow:0 1px #000}input,select,textarea{background:#1f2326!important;color:#eef0f1!important;border-color:#4c5257!important;box-shadow:inset 0 1px 2px #0008}label{color:#b8bec3}.row-hint{background:#1f2224!important;color:#d5c393!important;border-color:#575249!important}.market-row,.message-conversation-row,.forum-category-card,.forum-search-result{background:linear-gradient(#33373a,#292d30)!important;border-color:#17191b!important}progress{accent-color:var(--nw-page-accent)!important} @media(max-width:720px){.page-header{min-height:62px!important;grid-template-columns:36px minmax(0,1fr) auto!important;padding:7px!important}.page-heading-icon{width:34px!important;height:34px!important}.page-icon{width:22px!important;height:22px!important}.page-title{font-size:21px!important}.card{border-radius:0!important}.content-panels{gap:7px!important}} .money-qol-tip{margin:0 0 8px;padding:8px 10px;border:1px solid #514b3c;border-left:3px solid var(--nw-page-accent);background:#232527;color:#bfc5c9;font-size:10px}.money-qol-tip b{color:#e0c47f}.money-preview{display:block;min-height:14px;margin-top:3px;color:#d0b46f;font-size:9px;font-weight:700}.money-quick-buttons{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.money-quick-buttons button{min-height:27px!important;padding:3px 7px!important;font-size:8px!important;letter-spacing:.3px!important}.money-field-valid{border-color:#6d8051!important}.money-field-invalid{border-color:#9b5e55!important}.form-working{opacity:.72;pointer-events:none}.form-working button[type=submit],.form-working button:not([type]){position:relative}.form-working button[type=submit]:after,.form-working button:not([type]):after{content:" …";color:#d5bd82}.qol-form-error{margin-top:4px;color:#d88d82;font-size:9px} @media(max-width:520px){.money-quick-buttons button{flex:1 1 auto;min-width:48px}.money-preview{font-size:10px}} .appearance-settings>div>p{margin:4px 0 8px}.appearance-options{display:flex;gap:6px;flex-wrap:wrap}.appearance-options form{margin:0}.appearance-options button:disabled{opacity:1;border-color:var(--nw-page-accent)!important;box-shadow:inset 0 0 0 1px var(--nw-page-accent)!important}.appearance-preview-row{display:grid;grid-template-columns:repeat(2,minmax(0,160px));gap:7px;margin-top:10px}.appearance-preview{height:68px;padding:7px;border:1px solid #474c50}.appearance-preview span{display:block;font-size:9px;font-weight:800;text-transform:uppercase;margin-bottom:6px}.appearance-preview i,.appearance-preview b{display:block;height:10px;margin:4px 0}.dark-preview{background:#23272a;color:#e8ebed}.dark-preview i{background:#3d4246}.dark-preview b{background:#171a1c}.light-preview{background:#f1f2f3;color:#25282a;border-color:#bfc3c6}.light-preview i{background:#d6d9db}.light-preview b{background:#fff;border:1px solid #d0d3d5} body.theme-light{background:#e7e8e9!important;color:#25282b!important} body.theme-light>header{background:linear-gradient(#f7f7f7,#dddfe1)!important;border-bottom-color:#a9adb0!important;color:#202326!important} body.theme-light>header h1,body.theme-light .brand-note{color:#24272a!important;text-shadow:none!important} body.theme-light main{color:#25282b} body.theme-light .sidebar,body.theme-light .sidebar-group,body.theme-light nav{background:#f0f1f2!important;border-color:#c5c8ca!important} body.theme-light .sidebar a,body.theme-light nav a{color:#35393c!important;border-color:#d2d5d7!important} body.theme-light .sidebar a:hover,body.theme-light nav a:hover{background:#e2e4e5!important;color:#111!important} body.theme-light .page-header{background:linear-gradient(105deg,#f1f2f3 0%,#e3e5e6 58%,#d6d9db 100%)!important;border-color:#bbbfc2!important;border-bottom-color:var(--nw-page-accent)!important} body.theme-light .page-header:after{background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(80,85,90,.08))!important} body.theme-light .page-title{color:#1c1f21!important;text-shadow:none!important} body.theme-light .page-heading-icon{background:linear-gradient(#f9f9f9,#d9dcde)!important;border-color:#b7bbbe!important;box-shadow:inset 0 1px #fff!important} body.theme-light button,body.theme-light .profile-action{background:linear-gradient(#fff,#dfe2e4)!important;border-color:#adb2b5!important;color:#262a2d!important;box-shadow:inset 0 1px #fff!important;text-shadow:none!important} body.theme-light button:hover:not(:disabled),body.theme-light .profile-action:hover{background:linear-gradient(#fff,#d5d9dc)!important} body.theme-light .card{background:#f4f5f5!important;border-color:#b9bdc0!important;box-shadow:inset 0 1px #fff,0 1px 2px #0002!important} body.theme-light .card>h2,body.theme-light .compact>summary{background:linear-gradient(#f8f8f8,#dfe2e4)!important;border-bottom-color:#c0c4c7!important;color:#222629!important;text-shadow:none!important} body.theme-light .panel-body{background:linear-gradient(#f5f6f6,#eceeef)!important;color:#303437!important} body.theme-light .panel-body p,body.theme-light .panel-body span{color:#4d5357!important} body.theme-light .panel-body strong,body.theme-light .stat strong,body.theme-light .info-list strong{color:#202427!important} body.theme-light .stat,body.theme-light .info-list>div,body.theme-light .torn-table>div{border-color:#c8ccce!important;background:#f7f8f8!important} body.theme-light input,body.theme-light select,body.theme-light textarea{background:#fff!important;color:#202427!important;border-color:#b7bdc1!important;box-shadow:inset 0 1px 2px #0001!important} body.theme-light label{color:#353a3e!important} body.theme-light .section-tabs{background:#e3e5e6!important;border-color:#c4c8ca!important;border-bottom-color:var(--nw-page-accent-soft)!important} body.theme-light .section-tabs a{color:#3c4246!important;border-color:#c8cccf!important} body.theme-light .section-tabs a[aria-current=page]{background:linear-gradient(#fff,#e5e7e8)!important;color:#171a1c!important} body.theme-light .market-row,body.theme-light .message-conversation-row,body.theme-light .forum-category-card,body.theme-light .forum-search-result{background:linear-gradient(#fff,#e8eaeb)!important;border-color:#c2c6c9!important;color:#272b2e!important} body.theme-light .market-row:hover,body.theme-light .message-conversation-row:hover,body.theme-light .forum-category-card:hover,body.theme-light .forum-search-result:hover{background:linear-gradient(#fff,#dfe2e4)!important} body.theme-light .money-qol-tip,body.theme-light .row-hint,body.theme-light .premium-owner-note{background:#f5f1e8!important;color:#504b40!important;border-color:#c8b98f!important} body.theme-light .flash{background:#eef5e9!important;color:#294025!important;border-color:#b2c9a7!important} body.theme-light .flash.error{background:#f8ecea!important;color:#67322d!important;border-color:#d4aba5!important} body.theme-light .global-notice{background:#f4eedf!important;color:#423b2c!important;border-color:#c6ae72!important} body.theme-light .city-live-strip,body.theme-light .city-featured-grid>a,body.theme-light .city-district-card,body.theme-light .city-location-list>a{background:#eff1f2!important;border-color:#bfc3c6!important;color:#272b2e!important} body.theme-light .city-live-strip a{background:linear-gradient(#fff,#e2e5e6)!important} body.theme-light .city-live-strip strong,body.theme-light .city-featured-grid strong,body.theme-light .city-location-list strong{color:#202427!important} body.theme-light .city-featured-grid small,body.theme-light .city-location-list small{color:#62696e!important} body.theme-light .premium-metrics>div,body.theme-light .premium-reward-row>div,body.theme-light .premium-benefit-grid>div,body.theme-light .premium-plan{background:#f4f5f5!important;border-color:#bdc1c4!important} body.theme-light .premium-metrics strong,body.theme-light .premium-reward-row strong,body.theme-light .premium-plan-body h3{color:#25282b!important} body.theme-light .premium-metrics span,body.theme-light .premium-reward-row span,body.theme-light .premium-plan-body p,body.theme-light .premium-plan-body li{color:#555c61!important} body.theme-light code,body.theme-light pre{background:#eceeef!important;color:#24282b!important;border-color:#c6cacc!important} body.theme-light .muted,body.theme-light .small{color:#666d72!important} @media(max-width:520px){.appearance-preview-row{grid-template-columns:1fr 1fr}} .nav-unread,.quick-unread{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#a95d50;color:#fff;font-size:8px;font-weight:900;margin-left:auto}.desktop-sidebar nav a{display:flex!important;align-items:center;gap:5px}.desktop-sidebar nav a span{min-width:0;flex:1}.nav-pin{margin-left:auto;color:#c5a65f;font-size:10px}.quick-link-badged{position:relative}.quick-unread{position:absolute;top:2px;right:2px;margin:0}.player-status-summary{display:flex;justify-content:space-between;gap:5px;padding:5px 7px;border-top:1px solid #3d4246;font-size:8px;color:#aeb4b9}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#76ad66;margin-right:3px}.page-header-actions{display:flex;gap:5px;align-items:center;position:relative;z-index:3}.page-header-actions form{margin:0}.page-header-actions button{min-height:34px;padding:6px 8px}.header-back{white-space:nowrap}.recent-nav-group a{font-size:10px!important}.recent-nav-group strong{display:flex!important;justify-content:space-between}.recent-clear{border:0;background:transparent!important;color:#a6acb1!important;padding:0!important;min-height:0!important;box-shadow:none!important;font-size:8px!important} .quantity-shortcuts{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px}.quantity-shortcuts button,.money-max-button{min-height:27px!important;padding:3px 7px!important;font-size:8px!important}.money-max-button{margin-left:3px}.empty-state{padding:16px!important;text-align:center!important;border:1px dashed #53595e!important;background:#24282b!important;color:#aeb4b9!important}.empty-state:before{content:"—";display:block;font-size:22px;color:var(--nw-page-accent);margin-bottom:4px}.density-compact .card{margin-bottom:6px!important}.density-compact .card>h2,.density-compact .compact>summary{padding:6px 8px!important}.density-compact .panel-body{padding:6px 8px!important}.density-compact .info-list>div,.density-compact .stat{padding:4px 0!important}.density-compact button,.density-compact .profile-action{min-height:32px!important;padding-top:5px!important;padding-bottom:5px!important}.density-compact .page-header{min-height:56px!important;padding:6px 8px!important}.density-compact .market-row,.density-compact .message-conversation-row{padding:5px 7px!important}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.qol-confirm-hint{display:block;color:#cbb476;font-size:8px;margin-top:3px} body.theme-light .empty-state{background:#f3f4f4!important;border-color:#b9bec1!important;color:#666d72!important} @media(max-width:620px){.page-header-actions .header-back{display:none}.page-header-actions form button{font-size:0;width:38px;padding:4px}.page-header-actions form button:after{content:"★";font-size:14px}.page-header-actions .player-status-summary{font-size:9px}} .market-row,.message-conversation-row,.forum-category-card,.forum-search-result,.event-row,.player-directory-row,.profile-honour{content-visibility:auto;contain-intrinsic-size:auto 64px} .city-district-card,.premium-plan{content-visibility:auto;contain-intrinsic-size:auto 220px} .live-pending{opacity:.72;pointer-events:none}.live-pending button{cursor:wait} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}} body.theme-light{background:#dfe2e4!important;color:#1b1e20!important} body.theme-light main,body.theme-light .game-content,body.theme-light .content-panels{color:#1b1e20!important} body.theme-light a{color:#1f5f84} body.theme-light p,body.theme-light li,body.theme-light dd,body.theme-light td,body.theme-light th,body.theme-light small,body.theme-light .small,body.theme-light .muted{color:#41474b!important} body.theme-light h1,body.theme-light h2,body.theme-light h3,body.theme-light h4,body.theme-light h5,body.theme-light h6, body.theme-light strong,body.theme-light b{color:#16191b!important} body.theme-light .eyebrow,body.theme-light .page-kicker,body.theme-light .city-section-heading span{color:#7a5f25!important} body.theme-light .card,body.theme-light details.compact,body.theme-light .panel-body, body.theme-light .market-row,body.theme-light .message-conversation-row,body.theme-light .forum-category-card, body.theme-light .forum-search-result,body.theme-light .player-directory-row,body.theme-light .profile-honour, body.theme-light .premium-plan,body.theme-light .premium-benefit-grid>div,body.theme-light .premium-metrics>div, body.theme-light .premium-reward-row>div{background:#f7f8f8!important;border-color:#aeb4b8!important;color:#202427!important} body.theme-light .card>h2,body.theme-light details.compact>summary,body.theme-light .compact>summary{ background:linear-gradient(#ffffff,#e4e7e9)!important; color:#171a1c!important; border-bottom-color:#aeb3b7!important; text-shadow:none!important; } body.theme-light .card>h2 *,body.theme-light details.compact>summary *,body.theme-light .compact>summary *{color:#171a1c!important} body.theme-light .panel-body{background:#f4f5f5!important} body.theme-light .panel-body p,body.theme-light .panel-body li,body.theme-light .panel-body span, body.theme-light .panel-body small,body.theme-light .panel-body .muted{color:#454c51!important} body.theme-light .panel-body strong,body.theme-light .panel-body b{color:#171a1c!important} body.theme-light .stat,body.theme-light .info-list>div,body.theme-light .torn-table>div, body.theme-light .profile-metrics>div,body.theme-light .home-status-strip>div{ background:#eef0f1!important; border-color:#b8bdc1!important; color:#1f2326!important } body.theme-light .stat span,body.theme-light .info-list span,body.theme-light .profile-metrics span, body.theme-light .home-status-strip span{color:#555d62!important} body.theme-light .stat strong,body.theme-light .info-list strong,body.theme-light .profile-metrics strong, body.theme-light .home-status-strip strong{color:#111416!important} body.theme-light button,body.theme-light .profile-action,body.theme-light body.theme-light button:hover:not(:disabled),body.theme-light .profile-action:hover:hover{ background:linear-gradient(#fff,#cfd4d7)!important;color:#0f1112!important } body.theme-light button:disabled{color:#777e83!important;background:#e5e7e8!important;border-color:#c4c8ca!important} body.theme-light input,body.theme-light select,body.theme-light textarea{ background:#fff!important; color:#141719!important; border-color:#9fa6ab!important; box-shadow:inset 0 1px 2px #0002!important } body.theme-light input::placeholder,body.theme-light textarea::placeholder{color:#7f878c!important} body.theme-light label{color:#2d3337!important} body.theme-light .money-preview{color:#735b28!important} body.theme-light .section-tabs{background:#e9ebec!important;border-color:#b9bec1!important} body.theme-light .section-tabs a{background:#e9ebec!important;color:#3e454a!important;border-color:#c4c8ca!important} body.theme-light .section-tabs a[aria-current=page]{background:#fff!important;color:#111416!important;border-bottom-color:var(--nw-page-accent)!important} body.theme-light .market-row strong,body.theme-light .message-conversation-row strong, body.theme-light .forum-category-card strong,body.theme-light .forum-search-result strong, body.theme-light .player-directory-row strong{color:#111416!important} body.theme-light .market-row span,body.theme-light .market-row small, body.theme-light .message-conversation-row span,body.theme-light .message-conversation-row small, body.theme-light .forum-category-card span,body.theme-light .forum-category-card small, body.theme-light .forum-search-result span,body.theme-light .forum-search-result small, body.theme-light .player-directory-row span,body.theme-light .player-directory-row small{color:#4d555a!important} body.theme-light .row-hint,body.theme-light .money-qol-tip,body.theme-light .premium-owner-note{ background:#f4efe3!important;color:#413b2e!important;border-color:#bda96f!important } body.theme-light .row-hint strong,body.theme-light .money-qol-tip strong,body.theme-light .premium-owner-note strong{color:#2d281f!important} body.theme-light .badge,body.theme-light .module-status,body.theme-light .city-hero-badges span, body.theme-light .city-location-list em{background:#f0f2f3!important;color:#252a2d!important;border-color:#9ea5aa!important} body.theme-light .city-featured-grid>a,body.theme-light .city-location-list>a, body.theme-light .city-district-card{background:#f5f6f6!important;border-color:#b3b9bd!important} body.theme-light .city-district-card>header{background:linear-gradient(#eef0f1,#d9dde0)!important} body.theme-light .city-district-card>header h3,body.theme-light .city-featured-grid strong, body.theme-light .city-location-list strong,body.theme-light .city-live-strip strong{color:#15181a!important} body.theme-light .city-district-card>header p,body.theme-light .city-featured-grid small, body.theme-light .city-location-list small,body.theme-light .city-live-strip span{color:#50585d!important} body.theme-light .city-location-icon,body.theme-light .city-featured-icon{color:#66552f!important} body.theme-light .premium-plan header{background:#e5e8ea!important;border-color:#b6bcc0!important} body.theme-light .premium-plan header span{color:#4d5358!important} body.theme-light .premium-plan header strong,body.theme-light .premium-benefit-grid b{color:#715b2c!important} body.theme-light .premium-plan-body p,body.theme-light .premium-plan-body li, body.theme-light .premium-benefit-grid span,body.theme-light .premium-metrics span, body.theme-light .premium-reward-row span{color:#454c51!important} body.theme-light .premium-plan-body h3,body.theme-light .premium-metrics strong, body.theme-light .premium-reward-row strong{color:#141719!important} body.theme-light .flash{background:#edf6e8!important;color:#23431f!important;border-color:#9eba8f!important} body.theme-light .flash.error{background:#f9e9e7!important;color:#6a2b25!important;border-color:#d39c95!important} body.theme-light .global-notice{background:#f5edda!important;color:#3f3728!important;border-color:#c1a35e!important} body.theme-light .live-toast{background:#f8f9f9!important;color:#1f2325!important;border-color:#aeb5b9!important} body.theme-light progress{background:#cfd4d7!important} body.theme-light hr{border-color:#c5c9cc!important} body.theme-light code,body.theme-light pre{background:#e8ebed!important;color:#1e2225!important;border-color:#b7bdc1!important} /* Crime / operations cards were the worst offenders in light mode */ body.theme-light .page-crimes details.compact, body.theme-light .page-crimes .card, body.theme-light .page-operations details.compact, body.theme-light .page-operations .card{ background:#f7f8f8!important; color:#1b1f21!important; border-color:#aeb4b8!important } body.theme-light .page-crimes details.compact>summary, body.theme-light .page-operations details.compact>summary{ background:linear-gradient(#fff,#e1e5e7)!important; color:#141719!important } body.theme-light .page-crimes details.compact>summary span, body.theme-light .page-crimes details.compact>summary strong, body.theme-light .page-operations details.compact>summary span, body.theme-light .page-operations details.compact>summary strong{color:#141719!important} /* ensure dark mode remains intentionally dark/readable too */ body.theme-dark .card>h2,body.theme-dark details.compact>summary{color:#f2f4f5!important} body.theme-dark .panel-body p,body.theme-dark .panel-body li,body.theme-dark .panel-body span{color:#c8cdd1} body.theme-dark .panel-body strong,body.theme-dark .panel-body b{color:#f2f4f5} @media(max-width:720px){ body.theme-light .card>h2,body.theme-light details.compact>summary{font-size:15px!important} body.theme-light .panel-body,body.theme-light .market-row,body.theme-light .forum-category-card{font-size:11px} } .page-breadcrumbs{display:flex;align-items:center;gap:5px;min-width:0;margin:0 0 7px;padding:6px 8px;background:#222629;border:1px solid #151719;color:#8f979d;font-size:9px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.page-breadcrumbs::-webkit-scrollbar{display:none}.page-breadcrumbs a{color:#b9c0c5;text-decoration:none}.page-breadcrumbs a:hover{color:#fff}.page-breadcrumbs strong{color:var(--nw-page-accent);font-weight:800} .live-timers{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px!important}.live-timers>a{display:flex!important;align-items:center;justify-content:center;gap:4px;min-width:0;padding:6px 5px!important;background:#24282b!important;border:1px solid #454b50!important;color:#aeb5ba!important;text-decoration:none!important;border-radius:2px}.live-timers>a span{font-size:8px;text-transform:uppercase;letter-spacing:.3px}.live-timers>a b{font-size:9px;color:#d9dddf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-timers>a.status-live{border-color:#8b6b47!important;background:#2c2924!important}.live-timers>a.status-live b{color:#e0bf78!important}.live-timers>a:hover{background:#303438!important} .player-status-summary a,.player-status-summary span{text-decoration:none;color:#abb2b7}.player-status-summary .status-active{color:#d6b76e}.player-status-summary .status-ready{color:#9eb89a}.player-status-summary .online-count:hover{color:#dbe0e3} .presence-dot,.presence-chip i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:#7b8389}.profile-presence.online .presence-dot,.presence-chip.online i{background:#72b779;box-shadow:0 0 0 2px #72b77922}.profile-presence.idle .presence-dot,.presence-chip.idle i{background:#d1a852}.profile-presence.offline .presence-dot,.presence-chip.offline i{background:#737b80}.profile-presence small{display:block;margin-top:3px;color:#7f888e;font-size:8px}.profile-presence strong{display:flex;align-items:center;justify-content:flex-end} .player-name-link{text-decoration:none;color:inherit}.player-name-link:hover{text-decoration:underline}.player-directory-status{display:flex;align-items:center;gap:5px;flex-wrap:wrap!important}.player-directory-status>span{display:inline-flex;align-items:center}.player-directory-status small{color:#7f888e}.game-status-chip,.presence-chip{padding:2px 5px;border:1px solid #4a5055;background:#25292c;font-size:8px;color:#bec4c8}.presence-chip.online{color:#91cf98;border-color:#4e7353}.presence-chip.idle{color:#d7bd79;border-color:#776840}.presence-chip.offline{color:#969da2} body.theme-light .page-breadcrumbs{background:#eceeef!important;border-color:#bcc1c4!important;color:#6b7378!important}.theme-light .page-breadcrumbs a{color:#37454e!important}.theme-light .page-breadcrumbs a:hover{color:#111!important}.theme-light .live-timers>a{background:#edf0f1!important;border-color:#b8bdc1!important;color:#4d555a!important}.theme-light .live-timers>a b{color:#202427!important}.theme-light .live-timers>a.status-live{background:#f4ecda!important;border-color:#b79b60!important}.theme-light .live-timers>a.status-live b{color:#6c5222!important}.theme-light .game-status-chip,.theme-light .presence-chip{background:#eef0f1!important;border-color:#b4babd!important;color:#343a3e!important}.theme-light .presence-chip.online{color:#356a3b!important;border-color:#7da283!important}.theme-light .presence-chip.idle{color:#765d26!important;border-color:#b19c68!important}.theme-light .presence-chip.offline{color:#626a6f!important} @media(max-width:620px){.live-timers{grid-template-columns:repeat(3,minmax(0,1fr))!important}.live-timers>a{padding:6px 3px!important}.page-breadcrumbs{font-size:8px}.player-directory-status{gap:4px}} .inventory-filter,.market-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-items:end}.inventory-filter .inventory-check{display:flex;align-items:center;gap:6px;min-height:40px}.inventory-filter .inventory-check input{width:auto!important}.inventory-market-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:7px 0;padding:7px 8px;border:1px solid #40464a;background:#23272a;font-size:9px;color:#aeb5ba}.inventory-market-strip strong{color:#eceff1}.inventory-market-strip a{margin-left:auto;color:#c9aa68;text-decoration:none}.market-price-context{display:block;margin-top:3px;color:#c7ad73!important}.market-row-main{display:grid;grid-template-columns:56px minmax(0,1fr);gap:9px;align-items:center}.market-row-copy{min-width:0}.market-row-main .item-art{margin:0}.market-row-main .item-art-icon{width:52px;height:52px}.item-visual-row.compact{margin:0 0 8px}.item-visual-row.compact .item-art-icon{width:52px;height:52px}.market-row-actions{display:flex;flex-direction:column;gap:4px;min-width:145px}.market-row-actions form{margin:0}.market-row-actions label{margin:0 0 3px}.market-row-actions input{max-width:130px}.market-row-actions button{width:100%} body.theme-light .inventory-market-strip{background:#eef0f1!important;border-color:#b7bdc1!important;color:#4c5459!important}.theme-light .inventory-market-strip strong{color:#171a1c!important}.theme-light .inventory-market-strip a{color:#6d5423!important}.theme-light .market-price-context{color:#6f592a!important} @media(max-width:760px){.inventory-filter,.market-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.market-row-actions{min-width:120px}} @media(max-width:520px){.inventory-filter,.market-filter{grid-template-columns:1fr}.inventory-market-strip{align-items:flex-start;flex-direction:column}.inventory-market-strip a{margin-left:0}.market-row-main{grid-template-columns:46px minmax(0,1fr)}.market-row-main .item-art-icon{width:42px;height:42px}.market-row-actions{min-width:0;width:100%}} .social-state{display:inline-flex;align-items:center;min-height:38px;padding:7px 10px;border:1px solid #4b5257;background:#292d30;font-size:10px;font-weight:800}.social-state.friend{color:#91cb97;border-color:#4c7452}.social-state.enemy{color:#dc9a8f;border-color:#754b45}.social-state.blocked{color:#c3a4d4;border-color:#665272}.profile-private-state{padding:13px;border:1px dashed #4c5358;background:#222629;text-align:center}.profile-private-state strong{display:block;color:#d9dddf;margin-bottom:4px}.profile-private-state p{margin:0;color:#929ba1}.profile-privacy-setting{margin-top:10px;padding-top:10px;border-top:1px solid #41474b}.profile-privacy-setting>p{margin:3px 0 7px}.profile-privacy-options{display:flex;gap:5px;flex-wrap:wrap}.profile-privacy-options form{margin:0}.profile-privacy-options button:disabled{opacity:1;border-color:var(--nw-page-accent)!important;box-shadow:inset 0 0 0 1px var(--nw-page-accent)!important}.contact-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.contact-kind{display:inline-flex;padding:3px 6px;border:1px solid #50565b;background:#25292c;font-size:8px;text-transform:uppercase;font-weight:800}.contact-kind.friend{color:#8fc896;border-color:#4e7253}.contact-kind.enemy{color:#d89085;border-color:#754b45}.contact-kind.blocked{color:#bea0cf;border-color:#665171}.contact-note{padding:8px;border-left:3px solid #7e6b44;background:#24282b;color:#c6cbd0}.contact-note-editor{margin-top:7px} body.theme-light .social-state{background:#eef0f1!important;border-color:#afb5b9!important;color:#252a2d!important}.theme-light .social-state.friend{color:#35683b!important;border-color:#7da283!important}.theme-light .social-state.enemy{color:#7d3e35!important;border-color:#b7867f!important}.theme-light .social-state.blocked{color:#6d4b7b!important;border-color:#a98db4!important}.theme-light .profile-private-state{background:#eef0f1!important;border-color:#b7bdc1!important}.theme-light .profile-private-state strong{color:#202427!important}.theme-light .profile-private-state p{color:#596166!important}.theme-light .contact-kind{background:#eef0f1!important;border-color:#b2b8bc!important}.theme-light .contact-note{background:#f4efe3!important;color:#474036!important;border-color:#b79e62!important} @media(max-width:620px){.public-profile-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.public-profile-actions>*{width:100%}.public-profile-actions form button,.public-profile-actions .profile-action,.public-profile-actions .social-state{width:100%;box-sizing:border-box}.profile-privacy-options{display:grid;grid-template-columns:1fr}.profile-privacy-options form,.profile-privacy-options button{width:100%}.contact-summary{align-items:flex-start}} .notification-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}.notification-summary>div{padding:9px;border:1px solid #42484d;background:#25292c}.notification-summary span{display:block;color:#929aa0;font-size:8px;text-transform:uppercase;letter-spacing:.4px}.notification-summary strong{display:block;margin-top:3px;color:#f0f2f3;font-size:16px}.notification-read-actions{display:flex;gap:5px;flex-wrap:wrap}.notification-read-actions form{margin:0}.notification-filters{display:flex;gap:0;margin:0 0 8px;border-bottom:2px solid #444a4f}.notification-filters a{padding:8px 12px;color:#aab1b6;text-decoration:none;font-size:10px;border-bottom:2px solid transparent;margin-bottom:-2px}.notification-filters a[aria-current=page]{color:#fff;border-color:var(--nw-page-accent);background:#272b2e}.notification-feed{display:flex;flex-direction:column;gap:4px}.notification-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #3e4449;background:#24282b;color:#d7dcdf;text-decoration:none}.notification-row.unread{background:#2c2b27;border-left:3px solid var(--nw-page-accent)}.notification-row:hover{background:#303438}.notification-kind-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #4b5257;background:#1f2326}.notification-copy{min-width:0}.notification-copy strong,.notification-copy span,.notification-copy small{display:block}.notification-copy strong{font-size:11px;color:#eef0f1}.notification-copy span{margin-top:2px;color:#aeb5ba;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-copy small{margin-top:3px;color:#747d83;font-size:8px}.notification-new{padding:3px 5px;border:1px solid #8b7047;color:#e0bd72;font-size:7px;letter-spacing:.5px}.notification-card-actions{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.notification-card-actions form{margin:0} body.theme-light .notification-summary>div{background:#eef0f1!important;border-color:#b7bdc1!important}.theme-light .notification-summary span{color:#5b6368!important}.theme-light .notification-summary strong{color:#181b1d!important}.theme-light .notification-filters{border-color:#bec3c6!important}.theme-light .notification-filters a{color:#525b60!important}.theme-light .notification-filters a[aria-current=page]{background:#fff!important;color:#15181a!important}.theme-light .notification-row{background:#f5f6f6!important;border-color:#b7bdc1!important;color:#252a2d!important}.theme-light .notification-row.unread{background:#f6f0e2!important}.theme-light .notification-row:hover{background:#eceff0!important}.theme-light .notification-kind-icon{background:#e6e9eb!important;border-color:#b4babd!important}.theme-light .notification-copy strong{color:#15181a!important}.theme-light .notification-copy span{color:#4f575c!important}.theme-light .notification-copy small{color:#737b80!important}.theme-light .notification-new{color:#745920!important;border-color:#b49a60!important} @media(max-width:560px){.notification-summary{grid-template-columns:repeat(3,1fr)}.notification-read-actions{display:grid;grid-template-columns:1fr}.notification-read-actions form,.notification-read-actions button{width:100%}.notification-row{grid-template-columns:30px minmax(0,1fr) auto;padding:8px}.notification-copy span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}} html{max-width:100%;overflow-x:hidden} body{max-width:100%;overflow-x:hidden} img,svg,video,canvas{max-width:100%} .game-content,.content-panels,.panel-body,.card,details.compact{min-width:0} .panel-body,.card,.message-bubble,.forum-post-body,.notification-copy,.public-profile-main{overflow-wrap:anywhere;word-break:normal} @media(max-width:720px){ body{font-size:13px} header>div{min-width:0} header h1{font-size:18px;letter-spacing:1px;white-space:nowrap} .brand-note{display:none} main{padding:6px!important} .game-content{padding:0!important} /* Torn-style dense mobile navigation */ .city-menu{margin-bottom:6px!important} .city-menu>summary{position:relative;padding:9px 10px!important;min-height:40px!important} .city-menu nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:5px!important} .city-menu nav strong{font-size:9px!important;padding:4px 6px!important} .city-menu nav a{min-height:35px!important;padding:8px 7px!important;font-size:10px!important;line-height:1.15!important} .quick-links{ margin:0 -6px 6px!important; height:50px!important; display:flex!important; overflow-x:auto!important; overscroll-behavior-x:contain; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch } .quick-links a{min-width:68px!important;flex:0 0 68px!important;padding:5px 3px!important;scroll-snap-align:start} .quick-links .nav-icon{font-size:20px!important;line-height:20px!important} .quick-links small{font-size:8px!important;line-height:1!important} /* Keep top resources compact and readable */ .player-strip{gap:3px!important;padding:5px 0!important;font-size:10px!important} .resources{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;margin:3px 0 6px!important} .resources>div{padding:5px 6px!important;font-size:8px!important;min-width:0} .resources strong{font-size:9px!important;float:none!important;display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .resources progress{height:5px!important;margin-top:3px!important} .live-timers{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;margin-bottom:6px} .live-timers>a{min-height:34px!important;padding:4px 3px!important;flex-direction:column;gap:0!important} .live-timers>a span{font-size:7px!important} .live-timers>a b{font-size:8px!important;max-width:100%} /* Page identity without wasting phone space */ .page-header{min-height:54px!important;padding:7px 8px!important;margin-bottom:4px!important} .page-heading-icon{width:34px!important;height:34px!important} .page-heading-copy{min-width:0} .page-heading-copy .page-kicker{font-size:7px!important} .page-heading-copy .page-title{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .page-header-actions{gap:3px!important} .page-header-actions form button{width:34px!important;min-height:34px!important} .page-breadcrumbs{margin-bottom:5px!important;padding:5px 7px!important;font-size:8px!important} .section-tabs{ display:flex!important; flex-wrap:nowrap!important; overflow-x:auto!important; -webkit-overflow-scrolling:touch; scrollbar-width:none; margin:0 -1px 6px!important } .section-tabs::-webkit-scrollbar{display:none} .section-tabs a{flex:0 0 auto!important;min-height:36px!important;padding:8px 9px!important;font-size:9px!important;white-space:nowrap} /* Cards remain information-dense instead of giant mobile tiles */ .card,details.compact{margin-bottom:6px!important;border-radius:3px!important} .card>h2,.compact>summary{padding:8px 9px!important;font-size:12px!important;min-height:38px!important} .panel-body,.compact .panel-body{padding:8px 9px!important} .panel-body p{margin:5px 0!important} .small{font-size:9px!important} /* Inputs/actions */ .game-content input,.game-content select,.game-content textarea{ width:100%!important; max-width:100%!important; min-height:39px!important; padding:8px 9px!important; margin:4px 0 8px!important; font-size:12px!important } .game-content button,.profile-action,.button-link{ min-height:38px!important; padding:7px 9px!important; font-size:10px!important } .row{gap:5px!important} .row>*{min-width:min(150px,100%)} .quantity-shortcuts,.money-quick-buttons{gap:3px!important} .quantity-shortcuts button,.money-quick-buttons button,.money-max-button{min-height:30px!important;padding:4px 7px!important;font-size:8px!important} /* Generic key/value layouts */ .torn-table>div,.info-list>div,.stat{min-width:0} .torn-table>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important} .torn-table strong,.torn-table span{min-width:0;overflow-wrap:anywhere} /* Market becomes a readable stacked row */ .market-row{ grid-template-columns:minmax(0,1fr) auto!important; gap:5px 8px!important; padding:8px!important } .market-row>div:first-child{grid-column:1/-1} .market-row>div:nth-child(2),.market-row>div:nth-child(3){ display:block!important; padding:4px 7px; border:1px solid #3d4449; background:#24282b } .market-row>div:nth-child(2) span,.market-row>div:nth-child(3) span{font-size:7px!important;text-transform:uppercase} .market-row-actions{grid-column:1/-1!important;min-width:0!important;width:100%!important;display:grid!important;grid-template-columns:1fr!important} .market-row-actions input{max-width:100%!important} .market-row-actions form,.market-row-actions button{width:100%!important} .market-filter,.inventory-filter{grid-template-columns:1fr 1fr!important;gap:5px!important} .market-filter label:first-of-type,.market-filter button,.inventory-filter button,.inventory-filter .profile-action{grid-column:1/-1} .inventory-market-strip{font-size:8px!important;padding:6px!important} /* Player/social rows */ .player-directory-row{align-items:flex-start!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;padding:7px 0} .player-directory-row .profile-action{align-self:center;white-space:nowrap} .player-directory-status{gap:3px!important} .game-status-chip,.presence-chip{font-size:7px!important;padding:2px 4px!important} .public-profile-head{align-items:flex-start!important;padding:9px!important;gap:8px!important} .profile-presence{min-width:68px!important} .public-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important} .public-profile-actions>*{min-width:0!important} /* Mail */ .message-conversation-row{padding:8px!important;gap:7px!important} .message-conversation-row time{min-width:52px;font-size:8px!important} .message-bubble{max-width:94%!important;padding:8px 9px!important} .message-bubble header{gap:5px!important} .message-bubble header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Forums: preserve table-like feel but strip low-value columns */ .forum-category-card{padding:8px!important;gap:7px!important} .forum-thread-row{grid-template-columns:22px minmax(0,1fr) 42px!important;gap:5px!important;padding:8px!important} .forum-thread-row .forum-count{font-size:8px!important} .forum-post{margin-bottom:5px!important} .forum-post aside{padding:7px 8px!important;font-size:9px!important} .forum-post>div{padding:8px 9px!important} .forum-post-actions{gap:4px!important} .forum-post-actions form{flex:1 1 auto} .forum-post-actions button,.forum-post-actions .button-link{width:100%} .forum-search-result{padding:7px 8px!important;gap:6px!important} .forum-search-result span{max-width:42%;font-size:8px!important} /* Notifications */ .notification-summary{gap:3px!important;margin-bottom:5px!important} .notification-summary>div{padding:6px!important} .notification-summary span{font-size:7px!important}.notification-summary strong{font-size:13px!important} .notification-row{grid-template-columns:26px minmax(0,1fr) auto!important;padding:7px!important;gap:6px!important} .notification-kind-icon{width:25px!important;height:25px!important} .notification-copy strong{font-size:10px!important} .notification-copy span{font-size:8px!important} .notification-new{font-size:6px!important;padding:2px 4px!important} /* City / dashboard / economy / combat metric strips */ .combat-overview,.economy-strip,.home-status-strip,.profile-metrics,.premium-metrics{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:3px!important } .combat-overview>div,.economy-strip>div,.home-status-strip>div,.profile-metrics>div,.premium-metrics>div{padding:6px!important} .crime-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important} .crime-summary>div{min-width:0;padding:6px 3px!important} .crime-summary span{font-size:7px!important} .crime-summary strong{font-size:10px!important} /* Tables and wide legacy sections scroll only themselves, never the whole page */ .panel-body table,.card table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} pre{max-width:100%;overflow:auto} footer{padding:12px 5px 64px!important;font-size:9px!important} } @media(max-width:420px){ main{padding:4px!important} .quick-links{margin-left:-4px!important;margin-right:-4px!important} .resources{grid-template-columns:repeat(2,minmax(0,1fr))!important} .market-filter,.inventory-filter{grid-template-columns:1fr!important} .market-filter>* ,.inventory-filter>*{grid-column:1!important} .player-directory-row{grid-template-columns:1fr!important} .player-directory-row .profile-action{width:100%!important} .public-profile-actions{grid-template-columns:1fr!important} .notification-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important} .notification-row{grid-template-columns:24px minmax(0,1fr)!important} .notification-new{grid-column:2;justify-self:start} .forum-search-result{display:block!important} .forum-search-result span{display:block;max-width:none!important;text-align:left!important;margin-top:2px} .page-heading-icon{display:none!important} } @media(max-width:720px){ /* Header: give the actual page name priority */ .page-header{ display:grid!important; grid-template-columns:34px minmax(0,1fr) 34px!important; align-items:center!important; min-height:58px!important; padding:7px 8px!important; gap:7px!important } .page-heading-copy{ min-width:0!important; width:100%!important; overflow:visible!important } .page-heading-copy .page-kicker{ display:block!important; max-width:100%!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; font-size:7px!important; line-height:1.15!important; margin-bottom:2px!important } .page-heading-copy .page-title, .page-title{ display:block!important; width:auto!important; max-width:none!important; margin:0!important; padding:0!important; font-size:20px!important; line-height:1.05!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; word-break:normal!important } .page-header-actions{ width:34px!important; min-width:34px!important; justify-content:flex-end!important } .page-header-actions form{ width:34px!important; height:34px!important; margin:0!important } .page-header-actions form button{ width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; padding:0!important; margin:0!important; display:grid!important; place-items:center!important; overflow:hidden!important; font-size:0!important; line-height:1!important } .page-header-actions form button:after{ content:"★"!important; font-size:14px!important; line-height:1!important } .page-header-actions form button:disabled:after{content:"★"!important} /* Breadcrumbs should read like breadcrumbs, not giant navigation buttons */ .page-breadcrumbs{ display:flex!important; align-items:center!important; gap:5px!important; min-height:28px!important; padding:5px 7px!important; margin:0 0 6px!important; font-size:8px!important; line-height:1.2!important; border-radius:0!important } .page-breadcrumbs a, .page-breadcrumbs strong, .page-breadcrumbs span{ display:inline!important; flex:0 0 auto!important; width:auto!important; min-width:0!important; min-height:0!important; height:auto!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; line-height:1.2!important; font-size:8px!important; text-shadow:none!important } .page-breadcrumbs a{color:#bac1c6!important} .page-breadcrumbs strong{color:var(--nw-page-accent)!important} /* Remove old nested-chip styling from live status labels */ .live-timers{ padding:4px!important; gap:3px!important; grid-template-columns:repeat(3,minmax(0,1fr))!important } .live-timers>a{ min-width:0!important; min-height:42px!important; padding:5px 4px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:2px!important; border-radius:2px!important } .live-timers>a span{ display:block!important; width:auto!important; min-width:0!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#9fa7ac!important; font-size:7px!important; line-height:1!important; letter-spacing:.4px!important } .live-timers>a b{ display:block!important; width:100%!important; max-width:100%!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; color:#eef0f1!important; font-size:10px!important; line-height:1.15!important; font-weight:800!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important } .live-timers>a.status-live span{color:#c4aa72!important} .live-timers>a.status-live b{color:#f1d28a!important} /* Shared card typography: never let important text fade below readable contrast */ .card>h2,.compact>summary{ min-width:0!important; font-size:13px!important; line-height:1.2!important; color:#f2f4f5!important } .card>h2 *, .compact>summary *{min-width:0} .panel-body{ font-size:12px!important; line-height:1.42!important; color:#d8dde0!important } .panel-body p,.panel-body li,.panel-body dd{ color:#cbd0d4!important; line-height:1.42!important } .panel-body small,.small{color:#aab2b7!important} .panel-body strong,.panel-body b{color:#f5f6f7!important} /* Stats: stop labels/value pairs from clipping or becoming unreadable */ .crime-summary, .profile-metrics, .home-status-strip, .premium-metrics, .combat-overview, .economy-strip{ grid-template-columns:repeat(2,minmax(0,1fr))!important } .crime-summary>div, .profile-metrics>div, .home-status-strip>div, .premium-metrics>div, .combat-overview>div, .economy-strip>div{ min-width:0!important; padding:7px 8px!important } .crime-summary span, .profile-metrics span, .home-status-strip span, .premium-metrics span, .combat-overview span, .economy-strip span{ display:block!important; color:#aeb5ba!important; font-size:8px!important; line-height:1.15!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important } .crime-summary strong, .profile-metrics strong, .home-status-strip strong, .premium-metrics strong, .combat-overview strong, .economy-strip strong{ display:block!important; margin-top:3px!important; color:#f3f5f6!important; font-size:12px!important; line-height:1.15!important; white-space:normal!important; overflow-wrap:anywhere!important } /* Generic information rows */ .info-list>div, .torn-table>div, .stat-line, .event-row, .timer-list>div{ min-width:0!important; gap:7px!important } .info-list span,.stat-line span,.timer-list span{color:#aeb5ba!important} .info-list strong,.stat-line strong{ color:#f1f3f4!important; min-width:0!important; max-width:60%!important; text-align:right!important; overflow-wrap:anywhere!important } /* Details/accordion summaries: remove legacy oversized row titles */ .compact>summary{ grid-template-columns:minmax(0,1fr) auto!important; gap:6px!important; min-height:44px!important; padding:8px 9px!important } .compact .row-title, .row-title{ min-width:0!important; font-size:13px!important; line-height:1.15!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important } .compact .row-preview{ grid-column:1/3!important; min-width:0!important; font-size:9px!important; line-height:1.25!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; color:#aab1b6!important } .row-hint{ width:auto!important; min-width:32px!important; height:auto!important; min-height:28px!important; padding:4px 6px!important; border-radius:2px!important; font-size:8px!important; line-height:1.1!important } /* Crime cards keep their identity but don't use giant titles */ .page-crimes .compact>summary{min-height:52px!important} .page-crimes .row-title{ font-size:15px!important; line-height:1.05!important } /* Hospital/Jail and similar status cards */ .page-hospital .crime-summary, .page-jail .crime-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important} .page-hospital .panel-body, .page-jail .panel-body{overflow:visible!important} /* Form labels and helper text need enough contrast */ .game-content label{ color:#c7cdd1!important; font-size:10px!important; line-height:1.25!important } .game-content input,.game-content select,.game-content textarea{ color:#f3f4f5!important; font-size:12px!important } .game-content input::placeholder,.game-content textarea::placeholder{color:#7f888e!important} .money-preview,.row-hint,.section-help{color:#b8c0c5!important} /* prevent fixed browser/snackbar overlays from hiding last actions */ .content-panels{padding-bottom:18px!important} } /* Light-mode equivalents for the repaired mobile components */ @media(max-width:720px){ body.theme-light .page-breadcrumbs a{color:#465057!important} body.theme-light .live-timers>a span{color:#596166!important} body.theme-light .live-timers>a b{color:#202427!important} body.theme-light .live-timers>a.status-live span{color:#765d28!important} body.theme-light .live-timers>a.status-live b{color:#654a17!important} body.theme-light .card>h2, body.theme-light .compact>summary{color:#171a1c!important} body.theme-light .panel-body{color:#252a2d!important} body.theme-light .panel-body p, body.theme-light .panel-body li, body.theme-light .panel-body dd{color:#454c51!important} body.theme-light .panel-body small, body.theme-light .small{color:#626a6f!important} body.theme-light .crime-summary span, body.theme-light .profile-metrics span, body.theme-light .home-status-strip span, body.theme-light .premium-metrics span, body.theme-light .combat-overview span, body.theme-light .economy-strip span{color:#596166!important} body.theme-light .crime-summary strong, body.theme-light .profile-metrics strong, body.theme-light .home-status-strip strong, body.theme-light .premium-metrics strong, body.theme-light .combat-overview strong, body.theme-light .economy-strip strong{color:#171a1c!important} body.theme-light .game-content label{color:#343a3e!important} body.theme-light .compact .row-preview{color:#596166!important} } @media(max-width:420px){ .page-header{grid-template-columns:28px minmax(0,1fr) 32px!important;gap:6px!important} .page-heading-icon{width:28px!important;height:28px!important} .page-icon{width:19px!important;height:19px!important} .page-heading-copy .page-title,.page-title{font-size:18px!important} .page-header-actions,.page-header-actions form,.page-header-actions form button{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important} .crime-summary,.profile-metrics,.home-status-strip,.premium-metrics,.combat-overview,.economy-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:720px){ .page-header{ position:relative!important; grid-template-columns:34px minmax(0,1fr)!important; padding-right:48px!important } .page-heading-icon{grid-column:1!important} .page-heading-copy{grid-column:2!important;padding-right:0!important} .page-header-actions{ position:absolute!important; right:8px!important; top:50%!important; transform:translateY(-50%)!important; width:32px!important; min-width:32px!important; z-index:5!important } .page-header-actions form,.page-header-actions form button{ width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important } } @media(max-width:420px){ .page-header{grid-template-columns:28px minmax(0,1fr)!important;padding-right:44px!important} .page-header-actions{right:6px!important} } /* Crimes: compact Torn-style list; details only when requested */ .page-crimes .crime-family-grid, .page-crimes .crime-summary{margin:0} .crime-mini-status{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 6px; border:1px solid #151719; background:#222629 } .crime-mini-status>div{min-width:0;padding:7px 9px;border-right:1px solid #3b4145} .crime-mini-status>div:last-child{border-right:0} .crime-mini-status span{display:block;color:#899298;font-size:7px;text-transform:uppercase;letter-spacing:.4px} .crime-mini-status strong{display:block;margin-top:2px;color:#eef0f1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .crime-progress-panel{margin:0 0 7px;border:1px solid #3d4348;background:#24282b} .crime-progress-panel>summary{ list-style:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px; min-height:38px;padding:7px 9px;cursor:pointer } .crime-progress-panel>summary::-webkit-details-marker{display:none} .crime-progress-panel>summary span{font-size:11px;font-weight:800;color:#e4e7e9} .crime-progress-panel>summary small{color:#818a90;font-size:8px} .crime-progress-panel>summary b{font-size:18px;color:#858e94;transition:transform .15s ease} .crime-progress-panel[open]>summary b{transform:rotate(90deg)} .crime-progress-body{padding:8px;border-top:1px solid #3c4246} .crime-reward-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px} .crime-minimal-list{display:flex;flex-direction:column;gap:4px} .crime-minimal-row{ margin:0!important; border:1px solid #3c4246!important; background:#24282b!important; border-radius:2px!important; overflow:hidden } .crime-minimal-row>summary{ list-style:none; display:grid!important; grid-template-columns:minmax(0,1fr) 54px minmax(92px,auto) 48px 16px!important; align-items:center!important; gap:7px!important; min-height:52px!important; padding:7px 9px!important; cursor:pointer!important; background:#292d30!important; border:0!important } .crime-minimal-row>summary::-webkit-details-marker{display:none} .crime-minimal-row[open]>summary{background:#303438!important;border-bottom:1px solid #444a4f!important} .crime-minimal-title{min-width:0} .crime-minimal-title span{display:block;color:#8e979d;font-size:7px;line-height:1.1;text-transform:uppercase;letter-spacing:.45px} .crime-minimal-title strong{display:block;margin-top:2px;color:#edf0f1;font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .crime-minimal-cost,.crime-minimal-pay{text-align:right;min-width:0} .crime-minimal-cost b,.crime-minimal-pay b{display:block;color:#dfe3e5;font-size:9px;white-space:nowrap} .crime-minimal-cost small,.crime-minimal-pay small{display:block;color:#737d83;font-size:7px;text-transform:uppercase} .crime-minimal-state{padding:4px 5px;border:1px solid #555d62;text-align:center;font-size:7px;font-weight:800;text-transform:uppercase} .crime-minimal-state.ready{color:#9bd0a0;border-color:#4f7354;background:#233027} .crime-minimal-state.locked{color:#a5aaad;background:#292c2e} .crime-chevron{font-style:normal;color:#929ba1;font-size:18px;line-height:1;transition:transform .15s ease} .crime-minimal-row[open] .crime-chevron{transform:rotate(90deg)} .crime-minimal-body{padding:9px 10px;background:#222629} .crime-description{margin:0 0 8px!important;color:#bcc3c7!important;font-size:10px!important} .crime-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #3a4044} .crime-detail-grid>div{padding:6px 7px;border-right:1px solid #3a4044} .crime-detail-grid>div:last-child{border-right:0} .crime-detail-grid span{display:block;color:#7f898f;font-size:7px;text-transform:uppercase} .crime-detail-grid strong{display:block;margin-top:2px;color:#e7eaec;font-size:9px} .crime-skill-line{margin:6px 0}.crime-skill-line progress{width:100%;height:5px} .crime-requirements{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0} .crime-requirements span{padding:3px 5px;border:1px solid #41484c;background:#292d30;color:#aeb5ba;font-size:7px} .crime-inline-result{margin:8px 0;padding:7px 8px;border-left:3px solid #777;background:#292d30} .crime-inline-result span{display:block;color:#858e94;font-size:7px;text-transform:uppercase} .crime-inline-result strong{display:block;margin-top:2px;color:#e7eaec;font-size:9px;line-height:1.3} .crime-inline-result.success{border-color:#6ea876}.crime-inline-result.success strong{color:#a7d6ad} .crime-inline-result.fail{border-color:#a96a60}.crime-inline-result.fail strong{color:#d8a19a} .crime-inline-result.critical{border-color:#bd7d54}.crime-inline-result.critical strong{color:#e1af89} .crime-repeat-action{display:flex;justify-content:flex-end;margin-top:7px} .crime-repeat-action form{margin:0;width:min(220px,100%)} .crime-repeat-action button{width:100%;min-height:36px} .page-crimes .crime-list{display:none!important} body.theme-light .crime-mini-status{background:#eef0f1!important;border-color:#b8bdc1!important} body.theme-light .crime-mini-status>div{border-color:#c5c9cc!important} body.theme-light .crime-mini-status span{color:#626a6f!important} body.theme-light .crime-mini-status strong{color:#171a1c!important} body.theme-light .crime-progress-panel{background:#f2f3f4!important;border-color:#b9bec1!important} body.theme-light .crime-progress-panel>summary span{color:#202427!important} body.theme-light .crime-progress-panel>summary small{color:#687176!important} body.theme-light .crime-progress-body{border-color:#c4c8cb!important} body.theme-light .crime-minimal-row{background:#f6f7f7!important;border-color:#b8bdc1!important} body.theme-light .crime-minimal-row>summary{background:#edf0f1!important} body.theme-light .crime-minimal-row[open]>summary{background:#e3e7e9!important;border-color:#b8bdc1!important} body.theme-light .crime-minimal-title span{color:#666f74!important} body.theme-light .crime-minimal-title strong{color:#171a1c!important} body.theme-light .crime-minimal-cost b,body.theme-light .crime-minimal-pay b{color:#24282b!important} body.theme-light .crime-minimal-cost small,body.theme-light .crime-minimal-pay small{color:#6d757a!important} body.theme-light .crime-minimal-body{background:#f8f9f9!important} body.theme-light .crime-description{color:#454d52!important} body.theme-light .crime-detail-grid{border-color:#c3c8cb!important} body.theme-light .crime-detail-grid>div{border-color:#c3c8cb!important} body.theme-light .crime-detail-grid span{color:#646d72!important} body.theme-light .crime-detail-grid strong{color:#171a1c!important} body.theme-light .crime-requirements span{background:#eef0f1!important;border-color:#b8bdc1!important;color:#535b60!important} body.theme-light .crime-inline-result{background:#eef0f1!important} @media(max-width:620px){ .crime-mini-status{grid-template-columns:repeat(4,minmax(0,1fr))!important} .crime-mini-status>div{padding:6px 5px!important} .crime-mini-status span{font-size:6px!important} .crime-mini-status strong{font-size:9px!important} .crime-minimal-row>summary{ grid-template-columns:minmax(0,1fr) 45px 70px 14px!important; gap:5px!important; min-height:48px!important; padding:6px 7px!important } .crime-minimal-title strong{font-size:11px!important} .crime-minimal-state{display:none!important} .crime-minimal-pay b{font-size:8px!important} .crime-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .crime-detail-grid>div:nth-child(2){border-right:0} .crime-detail-grid>div:nth-child(-n/**/+2){border-bottom:1px solid #3a4044} body.theme-light .crime-detail-grid>div:nth-child(-n/**/+2){border-bottom-color:#c3c8cb!important} .crime-repeat-action form{width:100%!important} } :root{ --nw-shell:#171a1c; --nw-panel:#2b2f32; --nw-panel-2:#24282b; --nw-panel-3:#323639; --nw-line:#111315; --nw-line-soft:#444a4e; --nw-copy:#d7dadd; --nw-muted:#9da4a9; --nw-heading:#f2f3f4; --nw-gold:#c2a15f; } /* Overall shell */ body.theme-dark{ background:#151719!important; color:var(--nw-copy)!important; font-size:12px!important; line-height:1.35!important } body.theme-dark header{ background:linear-gradient(#292d30,#1b1e20)!important; border-bottom:2px solid #0e1011!important; padding:10px 14px!important } body.theme-dark header>div{max-width:1180px!important} body.theme-dark header h1{ color:#f2f3f4!important; font-size:20px!important; letter-spacing:2px!important; text-shadow:0 1px #000!important } body.theme-dark .brand-note{font-size:8px!important;color:#8f969b!important} main{padding:8px 10px 18px!important;max-width:1180px!important} /* Player HUD */ .player-strip{ min-height:34px!important; padding:5px 7px!important; margin:0!important; background:#1c2022!important; border:1px solid #0f1112!important; border-top:0!important; font-size:10px!important } .player-strip a,.player-strip span{white-space:nowrap} .resources{ margin:0!important; gap:0!important; border:1px solid #0f1112!important; border-top:0!important; background:#202427!important } .resources>div{ min-width:0!important; border:0!important; border-right:1px solid #111315!important; border-radius:0!important; background:#292d30!important; padding:6px 8px!important } .resources>div:last-child{border-right:0!important} .resources strong{ display:block!important; float:none!important; color:#e5e7e8!important; font-size:10px!important; line-height:1.1!important } .resources progress{ display:block!important; margin-top:4px!important; height:5px!important; border-radius:0!important } /* Primary icon navigation */ .quick-links{ display:flex!important; gap:0!important; margin:0 0 6px!important; border:1px solid #101213!important; border-top:0!important; background:#222629!important; box-shadow:none!important } .quick-links a{ position:relative; min-width:68px!important; min-height:62px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:3px!important; padding:7px 6px!important; border-right:1px solid #101213!important; background:linear-gradient(#35393c,#262a2d)!important; color:#c6cbce!important; text-decoration:none!important; font-size:9px!important; font-weight:700!important } .quick-links a:last-child{border-right:0!important} .quick-links a:hover{background:linear-gradient(#3c4144,#2c3033)!important;color:#fff!important} .quick-links small{font-size:8px!important;letter-spacing:.2px!important} .quick-links .nav-icon{width:22px!important;height:22px!important} /* Timers become compact status strip */ .live-timers{ display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:0!important; padding:0!important; margin:0 0 6px!important; border:1px solid #111315!important; background:#202427!important } .live-timers>a{ min-width:0!important; min-height:34px!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:4px!important; padding:5px 6px!important; border:0!important; border-right:1px solid #111315!important; border-radius:0!important; background:#292d30!important; color:#9fa6aa!important } .live-timers>a:last-child{border-right:0!important} .live-timers>a span{ border:0!important;background:none!important;padding:0!important;margin:0!important; color:#969ea3!important;font-size:7px!important;line-height:1!important } .live-timers>a b{ width:auto!important; color:#dfe2e4!important; font-size:8px!important; line-height:1!important; overflow:visible!important; text-overflow:clip!important } .live-timers>a.status-live{background:#302d27!important} .live-timers>a.status-live b{color:#d9ba76!important} /* Page header: flat title bar, not hero banner */ .page-header{ position:relative!important; min-height:44px!important; display:grid!important; grid-template-columns:30px minmax(0,1fr) auto!important; gap:7px!important; align-items:center!important; margin:0 0 0!important; padding:6px 8px!important; overflow:visible!important; background:linear-gradient(#3a3e41,#2b2f32)!important; border:1px solid #111315!important; border-left:3px solid var(--nw-page-accent)!important; border-bottom:1px solid #111315!important; box-shadow:inset 0 1px #4a4f52!important } .page-header:after{display:none!important} .page-heading-icon{ width:28px!important;height:28px!important; display:grid!important;place-items:center!important; background:#25292c!important; border:1px solid #4c5256!important } .page-icon{width:17px!important;height:17px!important} .page-heading-copy{min-width:0!important} .page-kicker{ display:block!important; margin:0 0 1px!important; color:#a5aaae!important; font-size:6px!important; letter-spacing:.7px!important; line-height:1!important } .page-title{ margin:0!important;padding:0!important;border:0!important; color:#f3f4f5!important; font-size:15px!important; line-height:1.1!important; letter-spacing:.1px!important; text-shadow:0 1px #000!important } .page-header-actions{ position:static!important; transform:none!important; width:auto!important; min-width:0!important; display:flex!important; align-items:center!important; gap:4px!important } .page-header-actions form{margin:0!important;width:auto!important;height:auto!important} .page-header-actions form button{ width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important; padding:0!important; display:grid!important;place-items:center!important; font-size:0!important; background:#25292c!important; border:1px solid #4b5155!important; box-shadow:inset 0 1px #555b5f!important } .page-header-actions form button:after{content:"★"!important;font-size:12px!important;color:#c7aa69!important} /* Breadcrumb and sub-tabs */ .page-breadcrumbs{ min-height:26px!important; display:flex!important; gap:5px!important; align-items:center!important; margin:0 0 5px!important; padding:4px 8px!important; background:#202427!important; border:1px solid #111315!important; border-top:0!important; color:#81898e!important; font-size:7px!important } .page-breadcrumbs a,.page-breadcrumbs span,.page-breadcrumbs strong{ display:inline!important; width:auto!important;height:auto!important;min-height:0!important; margin:0!important;padding:0!important;border:0!important; background:none!important;box-shadow:none!important } .page-breadcrumbs a{color:#aeb4b8!important} .page-breadcrumbs strong{color:#cfb06d!important} .section-tabs{ display:flex!important; gap:0!important; margin:0 0 6px!important; padding:0!important; border:1px solid #111315!important; border-bottom:2px solid #111315!important; background:#25292c!important; overflow-x:auto!important } .section-tabs a{ flex:0 0 auto!important; min-height:32px!important; display:flex!important; align-items:center!important; padding:6px 10px!important; border:0!important; border-right:1px solid #111315!important; border-bottom:2px solid transparent!important; margin-bottom:-2px!important; background:#2d3134!important; color:#abb1b5!important; font-size:9px!important; text-decoration:none!important } .section-tabs a[aria-current=page]{ background:#35393c!important; color:#fff!important; border-bottom-color:var(--nw-page-accent)!important } .section-help{ margin:0 0 6px!important; padding:5px 7px!important; background:#1f2326!important; border-left:2px solid #555d62!important; color:#9fa6aa!important; font-size:8px!important } /* Cards and accordions */ .card,details.compact{ margin:0 0 5px!important; padding:0!important; border:1px solid #111315!important; border-radius:0!important; background:#292d30!important; box-shadow:none!important; overflow:hidden!important } .card>h2,.compact>summary{ position:relative!important; min-height:34px!important; display:flex!important; align-items:center!important; margin:0!important; padding:6px 9px!important; background:linear-gradient(#383c3f,#2e3235)!important; border:0!important; border-bottom:1px solid #111315!important; color:#eef0f1!important; font-size:11px!important; line-height:1.15!important; text-shadow:0 1px #000!important } .card>h2:before{width:2px!important} .panel-body{ padding:7px 9px!important; background:#292d30!important; color:#d1d5d8!important; font-size:10px!important; line-height:1.35!important } .panel-body p{margin:4px 0!important;color:#b9c0c4!important} .panel-body strong{color:#f0f2f3!important} /* Information lists / "General Information" */ .info-list,.torn-table{border:1px solid #151718!important} .info-list>div,.torn-table>div,.stat-line,.stat{ min-height:32px!important; display:grid!important; grid-template-columns:minmax(110px,34%) minmax(0,1fr)!important; align-items:center!important; gap:8px!important; margin:0!important; padding:5px 8px!important; background:#2b2f32!important; border:0!important; border-bottom:1px solid #44494d!important; line-height:1.2!important } .info-list>div:last-child,.torn-table>div:last-child{border-bottom:0!important} .info-list>div:nth-child(even),.torn-table>div:nth-child(even){background:#303437!important} .info-list span,.torn-table span,.stat-line span,.stat span{ color:#aeb4b8!important; font-size:9px!important; font-weight:500!important } .info-list strong,.torn-table strong,.stat-line strong,.stat strong{ color:#f0f1f2!important; font-size:10px!important; font-weight:700!important; text-align:right!important; overflow-wrap:anywhere!important } .torn-table em{color:#74aeda!important;font-size:9px!important} /* Metric grids */ .home-status-strip,.profile-metrics,.premium-metrics,.combat-overview,.economy-strip,.crime-mini-status{ gap:1px!important; border:1px solid #111315!important; background:#111315!important } .home-status-strip>div,.profile-metrics>div,.premium-metrics>div,.combat-overview>div,.economy-strip>div,.crime-mini-status>div{ min-width:0!important; padding:6px 7px!important; background:#2b2f32!important; border:0!important } .home-status-strip span,.profile-metrics span,.premium-metrics span,.combat-overview span,.economy-strip span,.crime-mini-status span{ color:#9ba2a7!important;font-size:7px!important } .home-status-strip strong,.profile-metrics strong,.premium-metrics strong,.combat-overview strong,.economy-strip strong,.crime-mini-status strong{ color:#f0f2f3!important;font-size:10px!important } /* Buttons/forms */ button,.profile-action,.button-link,.ui-link{ min-height:32px!important; padding:6px 9px!important; border:1px solid #111315!important; border-radius:2px!important; background:linear-gradient(#44494d,#303437)!important; color:#eef0f1!important; font-size:9px!important; font-weight:700!important; line-height:1.1!important; box-shadow:inset 0 1px #5a6064!important; text-shadow:0 1px #000!important } button:hover:not(:disabled),.profile-action:hover{background:linear-gradient(#4d5357,#373c40)!important} button:disabled{opacity:.48!important} label{color:#b9bfc3!important;font-size:9px!important} input,select,textarea{ min-height:34px!important; padding:6px 8px!important; margin:3px 0 6px!important; border:1px solid #50575c!important; border-radius:2px!important; background:#1c2023!important; color:#f0f2f3!important; font-size:10px!important; box-shadow:inset 0 1px 2px #0009!important } textarea{line-height:1.35!important} /* Lists */ .market-row,.message-conversation-row,.forum-category-card,.forum-search-result,.player-directory-row,.notification-row{ padding:6px 7px!important; border:1px solid #151718!important; border-radius:0!important; background:#2c3033!important; box-shadow:none!important } .market-row+.market-row,.message-conversation-row+.message-conversation-row,.forum-search-result+.forum-search-result{margin-top:3px} .market-row span,.market-row small,.message-conversation-row span,.forum-category-card span,.forum-search-result span{ color:#a9b0b4!important;font-size:8px!important } .market-row strong,.message-conversation-row strong,.forum-category-card strong,.forum-search-result strong{ color:#eef0f1!important;font-size:10px!important } /* Overview should read as a compact status page */ .page-overview .dashboard-grid{gap:5px!important} .page-overview .content-panels>.card{margin-bottom:5px!important} .page-overview .panel-body{padding:6px 8px!important} .page-overview .torn-table>div{min-height:31px!important} .page-overview .torn-table span{font-size:9px!important} .page-overview .torn-table strong{font-size:10px!important} /* Crime page stays intentionally minimal */ .page-crimes .crime-progress-panel{margin-bottom:5px!important;border-radius:0!important} .page-crimes .crime-minimal-list{gap:3px!important} .page-crimes .crime-minimal-row{border-radius:0!important} .page-crimes .crime-minimal-row>summary{min-height:44px!important;padding:5px 7px!important} .page-crimes .crime-minimal-body{padding:7px 8px!important} /* Light mode gets same structure, distinct palette */ body.theme-light{ background:#dadcde!important; color:#24282b!important } body.theme-light header{background:linear-gradient(#f3f4f4,#d9dcde)!important;border-color:#aeb3b6!important} body.theme-light header h1{color:#202427!important;text-shadow:none!important} body.theme-light .player-strip, body.theme-light .resources, body.theme-light .quick-links, body.theme-light .live-timers, body.theme-light .page-breadcrumbs, body.theme-light .section-tabs{border-color:#aeb3b6!important} body.theme-light .resources>div, body.theme-light .quick-links a, body.theme-light .live-timers>a, body.theme-light .page-breadcrumbs, body.theme-light .section-tabs, body.theme-light .section-tabs a{background:#eceeef!important;color:#434b50!important} body.theme-light .page-header{ background:linear-gradient(#f5f6f6,#dfe2e4)!important; border-color:#aeb3b6!important; border-left-color:var(--nw-page-accent)!important; box-shadow:inset 0 1px #fff!important } body.theme-light .page-heading-icon,body.theme-light .page-header-actions form button{background:#eef0f1!important;border-color:#b9bec1!important;box-shadow:inset 0 1px #fff!important} body.theme-light .page-title{color:#171a1c!important;text-shadow:none!important} body.theme-light .page-kicker{color:#6d757a!important} body.theme-light .card,body.theme-light details.compact{border-color:#b5babe!important;background:#f4f5f5!important} body.theme-light .card>h2,body.theme-light .compact>summary{ background:linear-gradient(#fafafa,#e3e6e8)!important; color:#1e2225!important; border-color:#b9bec1!important; text-shadow:none!important } body.theme-light .panel-body{background:#f5f6f6!important;color:#2b3033!important} body.theme-light .panel-body p{color:#4a5257!important} body.theme-light .info-list,body.theme-light .torn-table{border-color:#b6bcc0!important} body.theme-light .info-list>div,body.theme-light .torn-table>div,body.theme-light .stat-line,body.theme-light .stat{ background:#f6f7f7!important;border-color:#c4c8cb!important } body.theme-light .info-list>div:nth-child(even),body.theme-light .torn-table>div:nth-child(even){background:#eceff0!important} body.theme-light .info-list span,body.theme-light .torn-table span,body.theme-light .stat-line span,body.theme-light .stat span{color:#555e63!important} body.theme-light .info-list strong,body.theme-light .torn-table strong,body.theme-light .stat-line strong,body.theme-light .stat strong{color:#171a1c!important} body.theme-light input,body.theme-light select,body.theme-light textarea{background:#fff!important;color:#171a1c!important;border-color:#aeb4b8!important} body.theme-light button,body.theme-light .profile-action,body.theme-light .button-link{ background:linear-gradient(#fff,#dfe2e4)!important; color:#202427!important;border-color:#a6adb1!important; box-shadow:inset 0 1px #fff!important;text-shadow:none!important } /* Mobile: stay compact, not tile-heavy */ @media(max-width:720px){ body.theme-dark{font-size:11px!important} main{padding:5px!important} header{padding:8px 10px!important} header h1{font-size:17px!important} .quick-links{margin:0 0 4px!important;overflow-x:auto!important} .quick-links a{ flex:0 0 70px!important; min-width:70px!important; min-height:52px!important; padding:5px 3px!important } .quick-links .nav-icon{width:19px!important;height:19px!important} .quick-links small{font-size:7px!important} .resources>div{padding:5px 6px!important} .resources strong{font-size:9px!important} .player-strip{font-size:9px!important} .live-timers{ grid-template-columns:repeat(3,minmax(0,1fr))!important; margin-bottom:4px!important } .live-timers>a{ min-height:30px!important; flex-direction:row!important; padding:4px!important } .page-header{ min-height:40px!important; grid-template-columns:26px minmax(0,1fr) 28px!important; padding:5px 6px!important; gap:6px!important } .page-heading-icon{width:24px!important;height:24px!important} .page-icon{width:15px!important;height:15px!important} .page-title{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .page-kicker{font-size:5px!important} .page-header-actions{position:static!important;width:28px!important;min-width:28px!important;transform:none!important} .page-header-actions form,.page-header-actions form button{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important} .page-header-actions form button:after{font-size:10px!important} .page-breadcrumbs{min-height:23px!important;padding:3px 6px!important;margin-bottom:4px!important;font-size:6px!important} .section-tabs{margin-bottom:4px!important} .section-tabs a{min-height:29px!important;padding:5px 8px!important;font-size:8px!important} .card,details.compact{margin-bottom:4px!important} .card>h2,.compact>summary{min-height:31px!important;padding:5px 7px!important;font-size:10px!important} .panel-body{padding:6px 7px!important;font-size:9px!important} .info-list>div,.torn-table>div,.stat-line,.stat{ min-height:29px!important; grid-template-columns:minmax(90px,38%) minmax(0,1fr)!important; padding:5px 6px!important; gap:5px!important } .info-list span,.torn-table span,.stat-line span,.stat span{font-size:8px!important} .info-list strong,.torn-table strong,.stat-line strong,.stat strong{font-size:9px!important} .home-status-strip,.profile-metrics,.premium-metrics,.combat-overview,.economy-strip,.crime-mini-status{ grid-template-columns:repeat(2,minmax(0,1fr))!important } .crime-mini-status{grid-template-columns:repeat(4,minmax(0,1fr))!important} button,.profile-action,.button-link{min-height:30px!important;padding:5px 7px!important;font-size:8px!important} input,select,textarea{min-height:32px!important;padding:5px 7px!important;font-size:9px!important} .market-row,.message-conversation-row,.forum-category-card,.forum-search-result,.player-directory-row,.notification-row{padding:5px 6px!important} .content-panels{padding-bottom:10px!important} } @media(max-width:420px){ main{padding:4px!important} .page-header{grid-template-columns:24px minmax(0,1fr) 26px!important} .page-heading-icon{width:22px!important;height:22px!important} .page-title{font-size:13px!important} .quick-links a{flex-basis:66px!important;min-width:66px!important} .info-list>div,.torn-table>div{grid-template-columns:42% 58%!important} } body.theme-dark header, body.theme-light header{ padding:0!important; min-height:0!important } body.theme-dark header>div, body.theme-light header>div{ min-height:40px!important; height:40px!important; padding:0 12px!important; display:flex!important; align-items:center!important; justify-content:space-between!important } /* Keep the existing logo font size; only remove wasted height */ body.theme-dark header h1, body.theme-light header h1{ margin:0!important; line-height:1!important } body.theme-dark .brand-note, body.theme-light .brand-note{ line-height:1!important } /* Full-width Torn-style wallet/progression strip */ .hud-wallet{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; width:100%!important; margin:0!important; padding:0!important; border:1px solid #111315!important; border-top:0!important; background:#1e2225!important; overflow:hidden!important } .hud-wallet .wallet-cell{ min-width:0!important; min-height:38px!important; display:grid!important; grid-template-columns:16px minmax(0,1fr)!important; grid-template-rows:auto auto!important; column-gap:5px!important; align-items:center!important; padding:5px 8px!important; border:0!important; border-right:1px solid #111315!important; background:linear-gradient(#2c3033,#24282b)!important; color:#cbd0d3!important; text-decoration:none!important; box-shadow:inset 0 1px #3a3f42!important } .hud-wallet .wallet-cell:last-child{border-right:0!important} .hud-wallet .wallet-cell:hover, .hud-wallet .wallet-cell:focus-visible{ background:linear-gradient(#383d40,#2d3235)!important; color:#fff!important } .hud-wallet .wallet-icon{ grid-row:1/3!important; width:14px!important; height:14px!important; align-self:center!important } .hud-wallet .wallet-cell>span{ display:block!important; min-width:0!important; color:#8f989e!important; font-size:6px!important; line-height:1!important; text-transform:uppercase!important; letter-spacing:.35px!important } .hud-wallet .wallet-cell>strong{ display:block!important; min-width:0!important; margin-top:2px!important; color:#e6e9eb!important; font-size:10px!important; line-height:1.05!important; font-weight:700!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important } .hud-wallet .cash .wallet-icon,.hud-wallet .cash>strong{color:#76bd62!important} .hud-wallet .points .wallet-icon,.hud-wallet .points>strong{color:#66add0!important} .hud-wallet .level .wallet-icon,.hud-wallet .level>strong{color:#b59ad2!important} .hud-wallet .merits .wallet-icon,.hud-wallet .merits>strong{color:#d5a55a!important} body.theme-light .hud-wallet{ border-color:#aeb4b8!important; background:#dde0e2!important } body.theme-light .hud-wallet .wallet-cell{ background:linear-gradient(#f3f4f4,#e5e8e9)!important; border-color:#b6bcc0!important; box-shadow:inset 0 1px #fff!important } body.theme-light .hud-wallet .wallet-cell:hover{ background:linear-gradient(#fff,#dde1e3)!important } body.theme-light .hud-wallet .wallet-cell>span{color:#646d72!important} body.theme-light .hud-wallet .wallet-cell>strong{color:#202427!important} @media(max-width:720px){ body.theme-dark header>div, body.theme-light header>div{ min-height:36px!important; height:36px!important; padding:0 10px!important } /* preserve current mobile NEW WRLD text size */ body.theme-dark header h1, body.theme-light header h1{ font-size:17px!important } .hud-wallet .wallet-cell{ min-height:40px!important; padding:5px 6px!important; grid-template-columns:14px minmax(0,1fr)!important; column-gap:4px!important } .hud-wallet .wallet-icon{width:13px!important;height:13px!important} .hud-wallet .wallet-cell>span{font-size:6px!important} .hud-wallet .wallet-cell>strong{font-size:9px!important} } @media(max-width:400px){ .hud-wallet .wallet-cell{padding:5px 4px!important;column-gap:3px!important} .hud-wallet .wallet-cell>span{font-size:5.5px!important} .hud-wallet .wallet-cell>strong{font-size:8px!important} } .content-panels{display:block!important} .content-panels>*{max-width:100%;box-sizing:border-box} .content-panels>.card, .content-panels>details.compact, .content-panels>.notification-feed, .content-panels>.forum-home, .content-panels>.message-thread{margin-bottom:5px!important} /* one border/radius language across all pages */ .card,details.compact, .market-row,.message-conversation-row,.forum-category-card,.forum-search-result, .player-directory-row,.notification-row,.city-district-card,.premium-plan{ border-radius:0!important; box-shadow:none!important } .card>h2,.compact>summary, .forum-home-head,.forum-category-hero,.forum-thread-head, .message-conversation-head{ border-radius:0!important; box-shadow:none!important } /* one title hierarchy */ .card>h2,.compact>summary{ font-family:inherit!important; font-weight:700!important; letter-spacing:0!important } .row-title{ font-family:inherit!important; font-size:11px!important; font-weight:700!important; line-height:1.2!important } .row-preview{font-size:8px!important;line-height:1.3!important} /* suppress old circular "View" treatments; use compact rectangular affordance */ .row-hint{ width:auto!important;height:auto!important; min-width:34px!important;min-height:24px!important; padding:4px 6px!important; border-radius:2px!important; font-size:7px!important; line-height:1!important } /* consistent internal spacing */ .panel-body>.info-list:first-child, .panel-body>.torn-table:first-child{margin-top:0!important} .panel-body>.info-list:last-child, .panel-body>.torn-table:last-child{margin-bottom:0!important} .panel-footer-link{ margin:5px 0 0!important; padding:5px 7px!important; border-top:1px solid #41474b!important; background:transparent!important } .panel-footer-link a{font-size:9px!important;font-weight:700!important;text-decoration:none} .overview-contract-link{ margin:0 0 5px!important; border:1px solid #111315!important; background:#25292c!important } .overview-contract-link a{display:block;padding:2px 1px} /* consistent data grids */ .info-list,.torn-table,.timer-list{margin:0!important} .timer-list>div{ min-height:31px!important; padding:5px 7px!important; border-bottom:1px solid #44494d!important; background:#2b2f32!important } .timer-list>div:last-child{border-bottom:0!important} .timer-list small{color:#959da2!important} /* actions should align instead of creating random oversized blocks */ .panel-body form{max-width:100%} .panel-body form+form{margin-top:5px} .panel-body .row{gap:5px!important} .public-profile-actions,.notification-card-actions,.notification-read-actions, .crime-reward-actions,.appearance-options{ gap:4px!important } /* Remove legacy decorative glow/highlight effects from shared panels */ .card:before,.card:after, details.compact:before,details.compact:after{filter:none!important} .city-featured-grid>a,.city-location-list>a{ border-radius:0!important; box-shadow:none!important } /* Light mode consistency */ body.theme-light .overview-contract-link{ background:#eef0f1!important; border-color:#b6bcc0!important } body.theme-light .panel-footer-link{border-color:#c5c9cc!important} body.theme-light .timer-list>div{ background:#f3f4f4!important; border-color:#c5c9cc!important } /* Mobile: keep all shared rows compact and aligned */ @media(max-width:720px){ .row-title{font-size:10px!important} .row-preview{font-size:8px!important} .compact>summary{ grid-template-columns:minmax(0,1fr) auto!important; min-height:34px!important; padding:5px 7px!important } .compact .row-preview{ grid-column:1/2!important; grid-row:auto!important; margin-top:2px!important } .row-hint{align-self:center!important} .panel-footer-link{padding:5px 6px!important} } /* ============================================================ NEW WRLD 1.8.21 — PAGE-BY-PAGE INTERFACE NORMALIZATION One compact browser-RPG visual language across every section. ============================================================ */ /* Global content rhythm */ .content-panels{display:flex!important;flex-direction:column!important;gap:0!important} .content-panels>h2,.content-panels>h3{margin:5px 0!important} .section-note,.level-notice,.global-notice,.live-toast{ border-radius:0!important;box-shadow:none!important } .section-note{ margin:0 0 5px!important;padding:6px 8px!important; border:1px solid #3e4448!important;background:#23272a!important; color:#aeb5ba!important;font-size:9px!important } .action-row{ display:flex!important;align-items:center!important;gap:4px!important; flex-wrap:wrap!important;margin:5px 0!important } .action-row form{margin:0!important} .badge,.forum-tag,.catalog-chip,.module-status,.staff-badge,.unread-pill{ border-radius:2px!important;box-shadow:none!important } /* ---------- Overview ---------- */ .page-overview .event-live{ margin:0 0 5px!important;padding:7px 9px!important; border:1px solid #596041!important;border-left:3px solid #a8a04a!important; background:#252b21!important;font-size:10px!important } .page-overview .home-status-strip{ grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:5px!important } .page-overview .home-status-strip>div{min-height:42px!important} .page-overview .overview-contract-link{order:1!important} .page-overview .content-panels>.card{order:2} .page-overview .torn-table{width:100%!important} /* ---------- Own profile / public player profiles ---------- */ .page-profile .profile-head{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important;gap:8px!important; margin:0 0 5px!important;padding:8px!important; border:1px solid #111315!important;background:#2b2f32!important } .page-profile .profile-head h3{margin:0!important;font-size:14px!important} .page-profile .profile-status{font-size:9px!important} .page-profile .profile-community{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:1px!important;background:#111315!important;border:1px solid #111315!important } .page-profile .profile-community>div{padding:6px 7px!important;background:#2b2f32!important} .public-profile-head{ display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important; gap:8px!important;align-items:center!important; padding:8px!important;margin-bottom:5px!important; border:1px solid #111315!important;background:#2b2f32!important } .profile-avatar{width:42px!important;height:42px!important;border-radius:2px!important} .public-profile-main h3{font-size:14px!important;margin:0!important} .profile-bio-panel{padding:7px 8px!important;border-radius:0!important} .profile-presence{padding:5px 7px!important;border-radius:0!important;min-width:86px!important} .public-profile-actions{ display:flex!important;gap:4px!important;flex-wrap:wrap!important;margin:5px 0!important } .profile-honour{padding:5px 7px!important} /* ---------- City ---------- */ .page-city .city-map-hero{ min-height:0!important;margin:0 0 5px!important;padding:0!important; display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; border:1px solid #111315!important;border-left:3px solid var(--nw-page-accent)!important; border-radius:0!important;background:#2b2f32!important;box-shadow:none!important } .page-city .city-skyline,.page-city .city-map-emblem{display:none!important} .page-city .city-map-copy{padding:8px 9px!important;position:static!important} .page-city .city-map-copy h3{font-size:14px!important;margin:2px 0!important} .page-city .city-map-copy p{font-size:9px!important;margin:2px 0!important;color:#aeb5ba!important} .page-city .city-hero-badges{ display:flex!important;flex-wrap:wrap!important;gap:3px!important;margin-top:5px!important } .page-city .city-hero-badges span{ padding:3px 5px!important;border-radius:2px!important;font-size:7px!important } .page-city .city-live-strip{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:1px!important;margin:0 0 5px!important; border:1px solid #111315!important;background:#111315!important } .page-city .city-live-strip>div{padding:6px!important;background:#2b2f32!important} .page-city .city-featured{margin-bottom:5px!important} .page-city .city-section-heading{margin:0!important;padding:5px 7px!important;background:#25292c!important;border:1px solid #111315!important} .page-city .city-section-heading h3{font-size:11px!important;margin:0!important} .page-city .city-featured-grid{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:3px!important;margin-top:3px!important } .page-city .city-featured-grid>a{ min-height:58px!important;padding:6px 7px!important; background:#2b2f32!important;border:1px solid #111315!important } .page-city .city-featured-art{display:none!important} .page-city .city-featured-grid strong{font-size:9px!important} .page-city .city-featured-grid small{font-size:7px!important} .page-city .city-districts{display:flex!important;flex-direction:column!important;gap:4px!important} .page-city .city-district-card{ min-height:0!important;background:#292d30!important;border:1px solid #111315!important } .page-city .city-district-card>header{ min-height:32px!important;padding:5px 7px!important; background:#34383b!important;border-bottom:1px solid #111315!important } .page-city .city-district-card>header h3{font-size:11px!important} .page-city .city-district-card>header p{font-size:8px!important;margin:1px 0!important} .page-city .city-district-art{display:none!important} .page-city .city-location-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;padding:1px!important} .page-city .city-location-list>a{ min-height:42px!important;padding:5px 7px!important;border:0!important;background:#25292c!important } .page-city .city-location-list strong{font-size:9px!important} .page-city .city-location-list small{font-size:7px!important} /* ---------- Crimes ---------- */ .page-crimes .crime-mini-status{margin-bottom:4px!important} .page-crimes .crime-progress-panel{margin-bottom:4px!important} .page-crimes .crime-progress-panel>summary{min-height:31px!important;padding:5px 7px!important} .page-crimes .crime-progress-body{padding:6px 7px!important} .page-crimes .crime-family-grid{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important; background:#111315!important;border:1px solid #111315!important } .page-crimes .crime-family-grid>div{padding:5px 7px!important;background:#2b2f32!important} .page-crimes .crime-minimal-row>summary{min-height:42px!important} .page-crimes .crime-minimal-body{font-size:9px!important} .page-crimes .crime-detail-grid>div{padding:5px 6px!important} .page-crimes .crime-requirements{margin:4px 0!important} .page-crimes .crime-repeat-action{margin-top:5px!important} /* ---------- Gym ---------- */ .page-gym .gym-head{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important;gap:8px!important; margin:0 0 5px!important;padding:7px 8px!important; border:1px solid #111315!important;background:#2b2f32!important } .page-gym .gym-head h3{font-size:13px!important;margin:0!important} .page-gym .gym-energy{font-size:9px!important} .page-gym .gym-stat-grid{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:1px!important;background:#111315!important;border:1px solid #111315!important } .page-gym .gym-stat-grid>div{padding:6px 7px!important;background:#2b2f32!important} .page-gym .gym-stat-value{font-size:12px!important} .page-gym .multiplier-bars{margin:4px 0!important} .page-gym .gym-membership-row{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important;gap:6px!important;padding:6px 7px!important; border-bottom:1px solid #43494d!important } /* ---------- Inventory / Shop ---------- */ .page-inventory .inventory-filter,.page-shop .inventory-filter{ padding:7px!important;margin:0!important;border:0!important;background:transparent!important } .page-inventory .item-visual-row,.page-shop .item-visual-row{ display:grid!important;grid-template-columns:40px minmax(0,1fr)!important; gap:7px!important;align-items:start!important } .item-art{width:52px!important;height:52px!important;border-radius:10px!important;padding:2px!important} .item-visual-meta h3{font-size:12px!important;margin:0 0 2px!important} .item-visual-meta p{font-size:9px!important;margin:2px 0!important} .inventory-market-strip{margin:5px 0!important;padding:5px 6px!important} .loadout-panel,.combat-tactics,.loadout-strip{ padding:6px 7px!important;border-radius:0!important } .equipment-slots{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important } .equipment-slot{min-height:42px!important;padding:5px!important} /* ---------- Hospital / Jail ---------- */ .page-hospital .crime-summary,.page-jail .crime-summary{ grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:5px!important } .page-hospital .event-row,.page-jail .event-row{ min-height:34px!important;padding:5px 7px!important; border-bottom:1px solid #43494d!important } .page-hospital .event-row:last-child,.page-jail .event-row:last-child{border-bottom:0!important} .page-hospital .action-row,.page-jail .action-row{margin-top:4px!important} /* ---------- Combat ---------- */ .page-combat .combat-overview{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:5px!important} .page-combat .combat-foes{display:flex!important;flex-direction:column!important;gap:3px!important} .page-combat .foe-row{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; gap:7px!important;padding:6px 7px!important;border:1px solid #111315!important;background:#2b2f32!important } .page-combat .combat-event,.page-combat .combat-history-row{padding:5px 7px!important} /* ---------- Economy / Points / Bank ---------- */ .page-economy .wealth-bar{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:1px!important;background:#111315!important;border:1px solid #111315!important; margin-bottom:5px!important } .page-economy .wealth-bar>div{padding:6px 7px!important;background:#2b2f32!important} .page-economy .economy-links{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:3px!important;margin-bottom:5px!important } .page-economy .economy-links a{min-height:40px!important;padding:6px!important;border-radius:0!important} .page-bank .crime-summary,.page-points .crime-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important} /* ---------- Market / Bazaar / Trades / Auctions / Stocks ---------- */ .page-market .market-filter{ display:grid!important;grid-template-columns:2fr 1fr 1fr auto!important; gap:5px!important;padding:6px 7px!important } .page-market .market-results{display:flex!important;flex-direction:column!important;gap:3px!important} .page-market .market-row{ grid-template-columns:minmax(0,1fr) 58px 82px minmax(110px,auto)!important; align-items:center!important;gap:6px!important } .page-market .market-row-actions{min-width:110px!important} .page-market .market-price-context{font-size:7px!important} .page-trades .event-row,.page-auctions .event-row,.page-stocks .event-row,.page-bazaar .event-row{ min-height:34px!important;padding:5px 7px!important } .page-stocks .stock-history{margin:4px 0!important} .page-trades .action-row,.page-auctions .action-row,.page-stocks .action-row{margin:4px 0!important} /* ---------- Work / Education ---------- */ .page-work .crime-summary,.page-education .crime-summary{ grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:5px!important } .page-work .org-row,.page-education .org-row{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; gap:6px!important;align-items:center!important; min-height:38px!important;padding:5px 7px!important; border-bottom:1px solid #43494d!important } /* ---------- Property ---------- */ .page-property .crime-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:5px!important} .page-property .event-row{padding:5px 7px!important} .page-property .action-row{justify-content:flex-start!important} /* ---------- Travel / Hunting ---------- */ .page-travel .crime-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:5px!important} .page-travel .destination-row{ display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important; gap:7px!important;align-items:center!important; padding:4px 0!important } .page-travel .destination-icon{width:24px!important;height:24px!important} .page-travel .destination-row strong{font-size:10px!important} .page-travel .destination-row span{font-size:8px!important;color:#aeb5ba!important} .page-travel .destination-row small{font-size:7px!important;color:#858e94!important} .page-hunting .event-row{padding:5px 7px!important} /* ---------- Players / Contacts ---------- */ .page-players .player-directory-row{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important;gap:6px!important } .page-players .player-directory-row p{margin:1px 0!important} .page-players .player-directory-status{font-size:8px!important} .page-contacts .contact-summary{margin-bottom:4px!important} .page-contacts .contact-note{padding:6px 7px!important;margin:4px 0!important} /* ---------- Mail / Notifications ---------- */ .page-mail .message-conversation-head{ padding:6px 7px!important;border:1px solid #111315!important;background:#323639!important } .page-mail .message-thread{display:flex!important;flex-direction:column!important;gap:4px!important} .page-mail .message-bubble{ max-width:88%!important;padding:6px 7px!important;border-radius:2px!important; box-shadow:none!important } .page-mail .message-subject{font-size:9px!important} .page-mail .message-conversation-list{display:flex!important;flex-direction:column!important;gap:3px!important} .page-notifications .notification-summary{margin-bottom:5px!important} .page-notifications .notification-filters{margin-bottom:5px!important} .page-notifications .notification-feed{gap:3px!important} .page-notifications .notification-row{min-height:42px!important} /* ---------- Forums ---------- */ .page-forums .forum-home-head,.page-forums .forum-category-hero,.page-forums .forum-thread-head{ min-height:34px!important;padding:6px 7px!important; border:1px solid #111315!important;background:#323639!important } .page-forums .forum-home-stats,.page-forums .forum-thread-metrics{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:1px!important;background:#111315!important } .page-forums .forum-home-stats>div,.page-forums .forum-thread-metrics>div{padding:5px 6px!important;background:#2b2f32!important} .page-forums .forum-category-grid{display:flex!important;flex-direction:column!important;gap:3px!important} .page-forums .forum-category-card{min-height:48px!important} .page-forums .forum-thread-list{display:flex!important;flex-direction:column!important;gap:2px!important} .page-forums .forum-thread-row{min-height:42px!important;padding:5px 7px!important} .page-forums .forum-post{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;margin-bottom:4px!important} .page-forums .forum-post aside{padding:6px!important} .page-forums .forum-post>div{padding:6px 7px!important} .page-forums .forum-post-body{font-size:9px!important;line-height:1.4!important} .page-forums .forum-post-actions{margin-top:5px!important} /* ---------- Companies ---------- */ .page-companies .org-row{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important;gap:6px!important; padding:6px 7px!important;border-bottom:1px solid #43494d!important } .page-companies .crime-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important} /* ---------- Factions / Operations / Territories ---------- */ .page-factions .org-row,.page-operations .org-row,.page-territories .org-row{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; gap:6px!important;align-items:center!important;padding:6px 7px!important; border-bottom:1px solid #43494d!important } .page-factions .crime-summary,.page-operations .crime-summary,.page-territories .crime-summary{ grid-template-columns:repeat(4,minmax(0,1fr))!important } .page-factions .event-row,.page-operations .event-row,.page-territories .event-row{ padding:5px 7px!important } /* ---------- Contracts / Collections / Leaderboards ---------- */ .page-contracts .event-row,.page-collections .event-row,.page-leaderboards .event-row{ min-height:34px!important;padding:5px 7px!important } .page-contracts .crime-summary,.page-collections .crime-summary,.page-leaderboards .crime-summary{ grid-template-columns:repeat(4,minmax(0,1fr))!important } /* ---------- Events ---------- */ .page-events .event-row{ display:grid!important;grid-template-columns:86px minmax(0,1fr) auto!important; align-items:center!important;gap:7px!important; min-height:40px!important;padding:6px 7px!important; border-bottom:1px solid #43494d!important } .page-events .event-row time{font-size:8px!important;color:#91999e!important} /* ---------- Merits / Awards / Honours ---------- */ .page-merits .crime-summary,.page-awards .crime-summary,.page-honours .crime-summary{ grid-template-columns:repeat(4,minmax(0,1fr))!important } .page-merits .event-row,.page-awards .event-row,.page-honours .event-row{ min-height:34px!important;padding:5px 7px!important } .page-merits .action-row{margin:4px 0!important} /* ---------- Donator ---------- */ .page-donator .premium-hero{ min-height:0!important;padding:8px 9px!important;margin:0 0 5px!important; display:grid!important;grid-template-columns:auto minmax(0,1fr)!important; align-items:center!important;gap:8px!important; border-radius:0!important;box-shadow:none!important } .page-donator .premium-status-orb{width:36px!important;height:36px!important} .page-donator .premium-timebar{height:5px!important;margin-top:5px!important} .page-donator .premium-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important} .page-donator .premium-benefit-grid{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important } .page-donator .premium-benefit-grid>div{padding:6px 7px!important;border-radius:0!important} .page-donator .premium-plan-grid{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important } .page-donator .premium-plan{min-height:0!important} .page-donator .premium-plan header{padding:6px 7px!important} .page-donator .premium-plan-body{padding:6px 7px!important} .page-donator .premium-reward-row{padding:6px 7px!important} /* ---------- Account ---------- */ .page-account .appearance-settings{padding:0!important} .page-account .appearance-preview-row{display:none!important} .page-account .appearance-options{ display:flex!important;gap:4px!important;flex-wrap:wrap!important;margin:5px 0!important } .page-account hr{margin:8px 0!important} /* ---------- Owner / administration ---------- */ .page-owner .admin-heading{ padding:6px 8px!important;margin:0 0 5px!important; border:1px solid #111315!important;background:#323639!important } .page-owner .admin-heading h3{font-size:13px!important;margin:0!important} .page-owner .admin-tabs{display:flex!important;gap:0!important;overflow-x:auto!important;margin-bottom:5px!important} .page-owner .admin-tabs a{flex:0 0 auto!important;border-radius:0!important} .page-owner .admin-metrics,.page-owner .admin-metrics-wide{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:1px!important;background:#111315!important;border:1px solid #111315!important } .page-owner .admin-metrics>div,.page-owner .admin-metrics-wide>div{padding:6px!important;background:#2b2f32!important} .page-owner .owner-shortcuts{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important } .page-owner .owner-shortcuts a{padding:6px 7px!important;border-radius:0!important} .page-owner .owner-mini-log,.page-owner .audit-entry,.page-owner .owner-diagnostic{ padding:5px 7px!important;border-radius:0!important } .page-owner .owner-admin-grid{gap:4px!important} /* ---------- Shared responsive normalization ---------- */ @media(max-width:720px){ .page-overview .home-status-strip, .page-hospital .crime-summary,.page-jail .crime-summary, .page-combat .combat-overview, .page-bank .crime-summary,.page-points .crime-summary, .page-work .crime-summary,.page-education .crime-summary, .page-property .crime-summary,.page-travel .crime-summary, .page-companies .crime-summary, .page-factions .crime-summary,.page-operations .crime-summary,.page-territories .crime-summary, .page-contracts .crime-summary,.page-collections .crime-summary,.page-leaderboards .crime-summary, .page-merits .crime-summary,.page-awards .crime-summary,.page-honours .crime-summary, .page-donator .premium-metrics{ grid-template-columns:repeat(2,minmax(0,1fr))!important } .page-city .city-live-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important} .page-city .city-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .page-city .city-location-list{grid-template-columns:1fr!important} .page-gym .gym-stat-grid{grid-template-columns:1fr!important} .equipment-slots{grid-template-columns:1fr!important} .page-market .market-filter{grid-template-columns:1fr 1fr!important} .page-market .market-row{ grid-template-columns:minmax(0,1fr) 55px 76px!important } .page-market .market-row-actions{grid-column:1/-1!important;width:100%!important} .page-forums .forum-post{grid-template-columns:1fr!important} .page-forums .forum-post aside{ display:flex!important;align-items:center!important;gap:7px!important;border-bottom:1px solid #43494d!important } .page-donator .premium-benefit-grid,.page-donator .premium-plan-grid{grid-template-columns:1fr!important} .page-owner .admin-metrics,.page-owner .admin-metrics-wide{grid-template-columns:repeat(2,minmax(0,1fr))!important} .page-owner .owner-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important} .public-profile-head{grid-template-columns:38px minmax(0,1fr)!important} .public-profile-head .profile-presence{grid-column:1/-1!important;min-width:0!important} .page-events .event-row{grid-template-columns:70px minmax(0,1fr)!important} .page-events .event-row>*:last-child{grid-column:2!important} } @media(max-width:420px){ .page-city .city-featured-grid{grid-template-columns:1fr!important} .page-market .market-filter{grid-template-columns:1fr!important} .page-owner .owner-shortcuts{grid-template-columns:1fr!important} .page-overview .home-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* Light-mode equivalents for page-specific normalized components */ body.theme-light .section-note, body.theme-light .page-profile .profile-head, body.theme-light .public-profile-head, body.theme-light .page-city .city-map-hero, body.theme-light .page-city .city-live-strip>div, body.theme-light .page-city .city-featured-grid>a, body.theme-light .page-city .city-district-card, body.theme-light .page-city .city-location-list>a, body.theme-light .page-gym .gym-head, body.theme-light .page-gym .gym-stat-grid>div, body.theme-light .page-travel .destination-row, body.theme-light .page-owner .admin-heading{ background:#f1f3f4!important;border-color:#b7bdc1!important;color:#24282b!important } body.theme-light .page-city .city-district-card>header, body.theme-light .page-mail .message-conversation-head, body.theme-light .page-forums .forum-home-head, body.theme-light .page-forums .forum-category-hero, body.theme-light .page-forums .forum-thread-head{ background:#e5e8ea!important;border-color:#b7bdc1!important;color:#202427!important } body.theme-light .page-city .city-map-copy p, body.theme-light .page-city .city-featured-grid small, body.theme-light .page-city .city-location-list small, body.theme-light .page-travel .destination-row span, body.theme-light .page-travel .destination-row small{color:#5f686d!important} :root{ --nw-accent-gold:#b99145; --nw-accent-blue:#5b9bc1; --nw-ink:#202428; --nw-copy-light:#eef1f2; --nw-copy-dark:#2c3236; --nw-muted-light:#aeb5ba; --nw-muted-dark:#667078; --nw-light-panel:#f2f4f5; --nw-light-panel-2:#e8ebed; --nw-light-line:#b9bfc3; --nw-dark-panel:#2b2f32; --nw-dark-panel-2:#23272a; --nw-dark-line:#111315; } /* Crisp text everywhere — old shadow layers were causing the fuzzy look on mobile */ html,body,button,input,select,textarea{ font-family:Arial,Helvetica,sans-serif!important; text-rendering:optimizeLegibility!important; -webkit-font-smoothing:antialiased!important; -moz-osx-font-smoothing:grayscale!important } body *, body *:before, body *:after{ text-shadow:none!important } h1,h2,h3,h4,h5,h6,.page-title,.row-title,.card>h2,.compact>summary{ font-family:Arial,Helvetica,sans-serif!important; font-weight:700!important; letter-spacing:0!important } svg{filter:none!important} /* Header/quick-nav typography */ body.theme-dark header h1,body.theme-light header h1{ font-family:Arial,Helvetica,sans-serif!important; font-weight:800!important; letter-spacing:1.8px!important } .quick-links a,.quick-links small,.quick-links strong{ font-family:Arial,Helvetica,sans-serif!important; font-weight:700!important } /* Consistent light-mode shell */ body.theme-light{ background:#dfe2e4!important; color:var(--nw-copy-dark)!important } body.theme-light main, body.theme-light .game-content{background:transparent!important} body.theme-light .player-strip{ background:#f0f2f3!important; border-color:var(--nw-light-line)!important; color:#343a3e!important } body.theme-light .resources>div{ background:#2a2e31!important; border-color:#151719!important } body.theme-light .resources strong{color:#eef0f1!important} body.theme-light .quick-links{ background:#e6e9eb!important; border-color:#aeb5b9!important } body.theme-light .quick-links a{ background:linear-gradient(#f6f7f7,#e4e7e9)!important; border-color:#b5bbc0!important; color:#2d3337!important } body.theme-light .quick-links a:hover{ background:#fff!important; color:#111416!important } body.theme-light .live-timers{ background:#d8dcdf!important; border-color:#afb5b9!important } body.theme-light .live-timers>a{ background:#eef0f1!important; border-color:#b6bcc0!important; color:#50585d!important } body.theme-light .live-timers>a span{color:#737c82!important} body.theme-light .live-timers>a b{color:#202427!important} body.theme-light .live-timers>a.status-live{ background:#f3ead5!important; border-color:#b79a60!important } body.theme-light .live-timers>a.status-live span, body.theme-light .live-timers>a.status-live b{color:#6e5420!important} /* Page chrome */ body.theme-light .page-header{ background:linear-gradient(#fafbfb,#e5e8e9)!important; border-color:#b7bdc1!important; border-left-color:var(--nw-page-accent)!important; box-shadow:inset 0 1px #fff!important } body.theme-light .page-heading-icon, body.theme-light .page-header-actions form button{ background:#eef0f1!important; border-color:#b5bbc0!important; box-shadow:none!important } body.theme-light .page-title{color:#1d2124!important} body.theme-light .page-kicker{color:#717a80!important} body.theme-light .page-breadcrumbs{ background:#e9ecee!important; border-color:#b9bfc3!important; color:#667078!important } body.theme-light .page-breadcrumbs a{color:#4c5962!important} body.theme-light .page-breadcrumbs strong{color:#765c27!important} body.theme-light .section-tabs{ background:#e0e4e6!important; border-color:#b4babf!important } body.theme-light .section-tabs a{ background:#e7eaec!important; color:#515a60!important; border-color:#bcc2c6!important } body.theme-light .section-tabs a[aria-current=page]{ background:#f8f9f9!important; color:#171a1c!important; border-bottom-color:var(--nw-page-accent)!important } body.theme-light .section-help{ background:#edf0f1!important; color:#626b71!important; border-left-color:#8a949a!important } /* Cards/rows: one consistent light palette */ body.theme-light .card, body.theme-light details.compact, body.theme-light .market-row, body.theme-light .message-conversation-row, body.theme-light .forum-category-card, body.theme-light .forum-search-result, body.theme-light .player-directory-row, body.theme-light .notification-row{ background:#f3f5f5!important; border-color:#b8bec2!important; color:#252a2e!important } body.theme-light .card>h2, body.theme-light .compact>summary{ background:linear-gradient(#f9fafa,#e3e7e8)!important; color:#222629!important; border-color:#b8bec2!important } body.theme-light .panel-body{ background:#f7f8f8!important; color:#2c3236!important } body.theme-light .panel-body p, body.theme-light .panel-body li, body.theme-light .panel-body dd{color:#4b545a!important} body.theme-light .panel-body small, body.theme-light .small{color:#6f787e!important} body.theme-light .panel-body strong{color:#171a1c!important} /* Standard row tables */ body.theme-light .info-list, body.theme-light .torn-table{border-color:#b9bfc3!important} body.theme-light .info-list>div, body.theme-light .torn-table>div, body.theme-light .stat, body.theme-light .stat-line, body.theme-light .timer-list>div{ background:#f7f8f8!important; border-color:#c6cbce!important } body.theme-light .info-list>div:nth-child(even), body.theme-light .torn-table>div:nth-child(even){ background:#eceff0!important } body.theme-light .info-list span, body.theme-light .torn-table span, body.theme-light .stat span, body.theme-light .stat-line span{color:#657078!important} body.theme-light .info-list strong, body.theme-light .torn-table strong, body.theme-light .stat strong, body.theme-light .stat-line strong{color:#1e2225!important} /* Buttons/forms */ body.theme-light button, body.theme-light .profile-action, body.theme-light .button-link{ background:linear-gradient(#fff,#e0e4e6)!important; color:#252a2e!important; border-color:#aeb5ba!important; box-shadow:none!important } body.theme-light button:hover:not(:disabled), body.theme-light .profile-action:hover{ background:#fff!important; color:#111416!important } body.theme-light input, body.theme-light select, body.theme-light textarea{ background:#fff!important; color:#171a1c!important; border-color:#aab1b6!important; box-shadow:inset 0 1px 1px #0001!important } /* Owner page — remove the old dark admin island */ .page-owner .admin-heading{ padding:8px 9px!important; margin:0 0 5px!important; border-radius:0!important; box-shadow:none!important } .page-owner .admin-heading .badge{ display:inline-flex!important; margin:0 0 5px!important; padding:3px 6px!important; font-size:7px!important; letter-spacing:.4px!important } .page-owner .admin-heading h2{ margin:0!important; font-size:15px!important; line-height:1.2!important } .page-owner .admin-heading p{ margin:4px 0 0!important; font-size:9px!important; line-height:1.35!important } body.theme-dark .page-owner .admin-heading{ background:#2b2f32!important; border:1px solid #111315!important; border-left:3px solid var(--nw-page-accent)!important; color:#eef1f2!important } body.theme-dark .page-owner .admin-heading h2{color:#f3f4f5!important} body.theme-dark .page-owner .admin-heading p{color:#aeb5ba!important} body.theme-dark .page-owner .admin-heading .badge{ background:#24282b!important; color:#c9aa68!important; border-color:#5f543b!important } body.theme-light .page-owner .admin-heading{ background:#f2f4f5!important; border:1px solid #b7bdc1!important; border-left:3px solid var(--nw-page-accent)!important; color:#252a2e!important } body.theme-light .page-owner .admin-heading h2{color:#1c2023!important} body.theme-light .page-owner .admin-heading p{color:#606a70!important} body.theme-light .page-owner .admin-heading .badge{ background:#ebe4d4!important; color:#6d5523!important; border-color:#b9a06a!important } /* Owner tabs match the rest of the UI */ .page-owner .admin-tabs{ display:flex!important; gap:0!important; padding:0!important; margin:0 0 5px!important; overflow-x:auto!important; border:1px solid!important; border-radius:0!important } .page-owner .admin-tabs a{ min-height:31px!important; display:flex!important; align-items:center!important; padding:6px 10px!important; margin:0!important; border:0!important; border-right:1px solid!important; border-radius:0!important; font-size:8px!important; font-weight:700!important; white-space:nowrap!important } .page-owner .admin-tabs a:last-child{border-right:0!important} body.theme-dark .page-owner .admin-tabs{ background:#24282b!important; border-color:#111315!important } body.theme-dark .page-owner .admin-tabs a{ background:#2e3235!important; color:#b2b9bd!important; border-color:#111315!important } body.theme-dark .page-owner .admin-tabs a[aria-current=page]{ background:#393d40!important; color:#fff!important; box-shadow:inset 0 -2px var(--nw-page-accent)!important } body.theme-light .page-owner .admin-tabs{ background:#dde1e3!important; border-color:#b6bcc0!important } body.theme-light .page-owner .admin-tabs a{ background:#e8ebed!important; color:#535d63!important; border-color:#bcc2c6!important } body.theme-light .page-owner .admin-tabs a[aria-current=page]{ background:#f8f9f9!important; color:#181b1d!important; box-shadow:inset 0 -2px var(--nw-page-accent)!important } /* Owner diagnostics/status: crisp and neutral */ .page-owner .module-status, .page-owner .admin-diagnostic-status{ border-radius:2px!important; font-weight:700!important } body.theme-light .page-owner .module-status, body.theme-light .page-owner .admin-diagnostic-status{ background:#e9edef!important; border-color:#c0c6ca!important; color:#515a60!important } body.theme-dark .page-owner .module-status, body.theme-dark .page-owner .admin-diagnostic-status{ background:#24282b!important; border-color:#42484c!important; color:#b8c0c4!important } /* Accent discipline: gold = current/important, blue = links, green = success only */ a{color:#5a9ac0!important} a:hover{color:#74b5d8!important} button:disabled{filter:none!important} .flash:not(.error){border-left-color:#6da36f!important} .error{border-left-color:#a45c55!important} /* Remove leftover opacity/filter effects that can soften text */ .card,details.compact,.page-header,.section-tabs,.admin-heading,.admin-tabs, .quick-links,.live-timers,.hud-wallet{ filter:none!important; opacity:1!important } /* Mobile */ @media(max-width:720px){ .page-owner .admin-heading{padding:7px 8px!important} .page-owner .admin-heading h2{font-size:14px!important} .page-owner .admin-heading p{font-size:8px!important} .page-owner .admin-tabs a{min-height:29px!important;padding:5px 8px!important;font-size:8px!important} .card>h2,.compact>summary{font-size:10px!important} .panel-body{font-size:9px!important} } .org-bulletin{ margin:0 0 6px;padding:7px 8px; border:1px solid #41474b;border-left:3px solid var(--nw-page-accent); background:#24282b } .org-bulletin strong{display:block;color:#eef0f1;font-size:10px} .org-bulletin p{margin:4px 0!important;color:#b8c0c4!important} .org-bulletin small{display:block;color:#8f989e!important;font-size:7px} .org-performance-row,.org-rank-row,.org-log-row{ display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px; align-items:center;min-height:36px;padding:5px 7px; border-bottom:1px solid #41474b;background:#2b2f32 } .org-performance-row:last-child,.org-rank-row:last-child,.org-log-row:last-child{border-bottom:0} .org-performance-row strong,.org-rank-row strong,.org-log-row strong{display:block;color:#eef0f1;font-size:9px} .org-performance-row small,.org-rank-row small,.org-log-row small{display:block;color:#899298;font-size:7px;margin-top:2px} .org-performance-row>span{color:#c8ae73;font-size:8px;text-align:right} .org-rank-row form{margin:0;display:flex;gap:4px;align-items:end} .org-rank-row form label{margin:0} .org-rank-row form input{margin:0!important;min-width:120px} .org-log-row{grid-template-columns:90px minmax(0,1fr) 55px} .org-log-row>span{font-size:8px;color:#afb6ba} .org-log-row>small{text-align:right;margin:0} body.theme-light .org-bulletin{background:#f1f3f4;border-color:#b8bec2;border-left-color:var(--nw-page-accent)} body.theme-light .org-bulletin strong{color:#1f2326} body.theme-light .org-bulletin p{color:#4e575d!important} body.theme-light .org-bulletin small{color:#687177!important} body.theme-light .org-performance-row,body.theme-light .org-rank-row,body.theme-light .org-log-row{ background:#f5f6f6;border-color:#c5cace } body.theme-light .org-performance-row strong,body.theme-light .org-rank-row strong,body.theme-light .org-log-row strong{color:#1e2225} body.theme-light .org-performance-row>span{color:#705822} body.theme-light .org-log-row>span{color:#515a60} @media(max-width:620px){ .org-performance-row{grid-template-columns:minmax(0,1fr) auto} .org-rank-row{grid-template-columns:1fr} .org-rank-row form{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%} .org-rank-row form input{min-width:0;width:100%} .org-log-row{grid-template-columns:1fr} .org-log-row>small{text-align:left} } .contract-focus{margin-top:6px;padding-top:6px;border-top:1px solid #41474b}.contract-focus>span{display:block;color:#8f989e;font-size:7px;text-transform:uppercase}.contract-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.contract-head strong{display:block;font-size:10px;color:#eef0f1}.contract-head span{display:block;margin-top:2px;font-size:7px;color:#8f989e}.contract-head>b{font-size:11px;color:#c6aa6b}.contract-meta{display:flex;justify-content:space-between;gap:8px;margin:4px 0 6px;color:#9fa7ac;font-size:7px}.contract-chain{display:flex;flex-direction:column;gap:3px}.contract-row{margin:0!important;border:1px solid #41474b!important;background:#292d30!important}.contract-row>summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;min-height:40px!important;padding:6px 7px!important;list-style:none!important;background:#303437!important}.contract-row>summary::-webkit-details-marker{display:none}.contract-row>summary strong,.contract-row>summary span{display:block}.contract-row>summary strong{font-size:9px;color:#eef0f1}.contract-row>summary span{margin-top:2px;color:#979fa4;font-size:7px}.contract-row>summary>div:last-child{text-align:right}.contract-row>summary b{display:block;font-size:8px;color:#c5a765}.contract-row>summary small{display:block;font-size:7px;color:#899298}.contract-row-body{padding:6px 7px;border-top:1px solid #41474b}.contract-row-body p{font-size:8px!important}.mission-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.mission-offer{padding:7px;border:1px solid #41474b;background:#292d30}.mission-offer strong,.mission-offer span{display:block}.mission-offer strong{font-size:9px;color:#eef0f1}.mission-offer span,.mission-offer small{font-size:7px;color:#8f989e}.mission-offer p{font-size:8px!important;min-height:32px}.mission-offer form{margin-top:5px}.item-depth-strip{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:5px 0;padding:5px 6px;border:1px solid #41474b;background:#24282b;font-size:7px}.item-depth-strip span{text-transform:uppercase;color:#9fa7ac}.item-depth-strip strong{color:#eef0f1}.item-depth-strip em{font-style:normal;padding:2px 4px;border:1px solid #6a5c3e;color:#d3b36d;background:#302c24}.item-depth-strip b{margin-left:auto}.item-depth-strip b.upgrade{color:#8dcb92}.item-depth-strip b.downgrade{color:#d18c82} body.theme-light .contract-focus{border-color:#c5cace}.theme-light .contract-head strong,.theme-light .contract-row>summary strong,.theme-light .mission-offer strong,.theme-light .item-depth-strip strong{color:#1e2225!important}.theme-light .contract-head span,.theme-light .contract-meta,.theme-light .contract-row>summary span,.theme-light .contract-row>summary small,.theme-light .mission-offer span,.theme-light .mission-offer small,.theme-light .item-depth-strip span{color:#667078!important}.theme-light .contract-row,.theme-light .mission-offer,.theme-light .item-depth-strip{background:#f3f5f5!important;border-color:#bec4c8!important}.theme-light .contract-row>summary{background:#e9edef!important}.theme-light .contract-row-body{border-color:#c5cace!important}.theme-light .item-depth-strip em{background:#eee5d3!important;border-color:#baa267!important;color:#705722!important} @media(max-width:620px){.mission-shop-grid{grid-template-columns:1fr}.contract-meta{flex-direction:column;gap:2px}.item-depth-strip b{margin-left:0;width:100%}} .agent-encounter-intro{margin-bottom:5px}.agent-encounter-intro p{margin:0!important}.agent-encounter-row{display:grid;grid-template-columns:minmax(0,1fr) 54px 82px auto;gap:6px;align-items:center;min-height:42px;padding:6px 7px;border-bottom:1px solid #41474b;background:#2b2f32}.agent-encounter-row:last-of-type{border-bottom:0}.agent-encounter-row strong,.agent-encounter-row span,.agent-encounter-row b{display:block}.agent-encounter-row strong{font-size:9px;color:#eef0f1}.agent-encounter-row span{font-size:7px;color:#8f989e}.agent-encounter-row b{font-size:8px;color:#d5d9db}.contract-combat-report{margin-top:5px;border:1px solid #41474b}.contract-combat-report>summary{padding:5px 7px;font-size:8px;font-weight:700}.contract-combat-report pre{margin:0;padding:7px;background:#1e2225;color:#c9ced1;font-size:8px;white-space:pre-wrap} .property-secondary-stats,.travel-perks{display:flex;gap:4px;flex-wrap:wrap;margin:5px 0}.property-secondary-stats span,.travel-perks span{padding:3px 5px;border:1px solid #41474b;background:#25292c;color:#9fa7ac;font-size:7px}.property-home-list,.property-upgrade-list,.travel-destination-list,.foreign-market-list{display:flex;flex-direction:column;gap:0}.property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row,.travel-destination-row,.foreign-market-row,.travel-class-option{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:58px;padding:7px 8px;border-bottom:1px solid #41474b;background:#2b2f32}.property-home-row:last-child,.property-upgrade-row:last-child,.property-staff-row:last-child,.property-storage-row:last-child,.travel-destination-row:last-child,.foreign-market-row:last-child,.travel-class-option:last-child{border-bottom:0}.property-home-row strong,.property-upgrade-row strong,.property-staff-row strong,.property-storage-row strong,.travel-destination-row strong,.foreign-market-row strong,.travel-class-option strong{display:block;color:#eef0f1;font-size:9px}.property-home-row span,.property-upgrade-row span,.property-staff-row span,.travel-destination-row span,.foreign-market-row span,.travel-class-option span{display:block;margin-top:2px;color:#9aa2a7;font-size:7px}.property-home-row small,.property-upgrade-row small,.property-staff-row small,.property-storage-row small,.travel-destination-row small,.foreign-market-row small,.travel-class-option small{display:block;margin-top:2px;color:#7f898f;font-size:7px}.property-art{width:48px;height:48px;display:grid;place-items:center;background:linear-gradient(#2f353a,#1d2125);border:1px solid #5a6167;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 2px 8px rgba(0,0,0,.22);border-radius:10px;padding:2px;overflow:hidden}.property-art-icon{width:100%;height:100%;display:block}.nw-raster-art{display:block;width:100%;height:100%;}.property-storage-head,.travel-current{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 7px;background:#24282b;border-bottom:1px solid #41474b}.property-storage-head span,.travel-current span{display:block;color:#8f989e;font-size:7px}.property-storage-head strong,.travel-current strong{display:block;color:#eef0f1;font-size:10px}.travel-current>b{font-size:8px;color:#aeb5ba}.property-storage-row form{display:flex;gap:4px;align-items:center;margin:0}.property-storage-row input{width:70px!important;margin:0!important}.property-store-form{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:5px;align-items:end;margin-top:6px}.travel-class-grid{border:1px solid #41474b}.travel-class-option.active{background:#302d26;border-left:3px solid #b99552} body.theme-light .agent-encounter-row,body.theme-light .property-home-row,body.theme-light .property-upgrade-row,body.theme-light .property-staff-row,body.theme-light .property-storage-row,body.theme-light .travel-destination-row,body.theme-light .foreign-market-row,body.theme-light .travel-class-option{background:#f4f6f6!important;border-color:#c5cace!important}.theme-light .agent-encounter-row strong,.theme-light .property-home-row strong,.theme-light .property-upgrade-row strong,.theme-light .property-staff-row strong,.theme-light .property-storage-row strong,.theme-light .travel-destination-row strong,.theme-light .foreign-market-row strong,.theme-light .travel-class-option strong,.theme-light .travel-current strong{color:#1e2225!important}.theme-light .agent-encounter-row span,.theme-light .property-home-row span,.theme-light .property-upgrade-row span,.theme-light .property-staff-row span,.theme-light .travel-destination-row span,.theme-light .foreign-market-row span,.theme-light .travel-class-option span,.theme-light .travel-perks span,.theme-light .property-secondary-stats span{color:#667078!important}.theme-light .travel-current,.theme-light .property-storage-head{background:#edf0f1!important;border-color:#c5cace!important}.theme-light .travel-class-option.active{background:#f3ecd9!important;border-left-color:#9c7b3d!important} @media(max-width:620px){.agent-encounter-row{grid-template-columns:minmax(0,1fr) 46px 68px}.agent-encounter-row>div:last-child{grid-column:1/-1}.agent-encounter-row form,.agent-encounter-row button{width:100%}.property-store-form{grid-template-columns:1fr}.property-storage-row{grid-template-columns:44px 1fr}.property-storage-row form{width:100%;grid-column:1/-1}.property-storage-row input{width:100%!important}.travel-class-option,.travel-destination-row,.foreign-market-row,.property-home-row,.property-upgrade-row,.property-staff-row{grid-template-columns:44px minmax(0,1fr);}.travel-class-option>div:last-child,.travel-destination-row>div:last-child,.foreign-market-row>div:last-child,.property-home-row>div:last-child,.property-upgrade-row>div:last-child,.property-staff-row>div:last-child{grid-column:1/-1}} .black-market-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 7px;margin-bottom:3px;border:1px solid #4b4036;background:#28231f}.black-market-head strong,.black-market-head span,.black-market-head b{display:block}.black-market-head strong{font-size:10px;color:#eee9e2}.black-market-head span{font-size:7px;color:#a79b90}.black-market-head b{font-size:10px;color:#c79d62}.black-market-grid{border:1px solid #3d3935}.black-market-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;min-height:46px;padding:6px 7px;border-bottom:1px solid #3d3935;background:#252321}.black-market-row:last-child{border-bottom:0}.black-market-row strong,.black-market-row span,.black-market-row small,.black-market-row b{display:block}.black-market-row strong{font-size:9px;color:#edeae6}.black-market-row span{font-size:7px;color:#a89f97}.black-market-row small{margin-top:2px;font-size:7px;color:#847b73}.black-market-row>div:last-child{text-align:right}.black-market-row b{margin-bottom:4px;color:#c7a76d;font-size:9px}.black-market-row form{margin:0} .event-calendar-head{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;text-align:center;margin-bottom:3px;border:1px solid #41474b;background:#282c2f}.event-calendar-head a{display:flex;align-items:center;justify-content:center;min-height:32px;text-decoration:none;font-size:18px}.event-calendar-head strong{font-size:10px}.event-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#41474b;border:1px solid #41474b}.event-calendar.weekdays>div{padding:4px 2px;background:#24282b;text-align:center;color:#979fa4;font-size:7px;font-weight:700}.calendar-day{position:relative;min-height:64px;padding:4px;background:#2b2f32;overflow:hidden}.calendar-day.empty{background:#222629}.calendar-day>b{display:block;font-size:8px;color:#9fa7ac}.calendar-day.today{outline:2px solid #b79a59;outline-offset:-2px}.calendar-event{display:block;margin-top:3px;padding:2px 3px;border-left:3px solid var(--event-accent,#8a9298);background:#202427;color:#d9dddf;font-size:6.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.season-live-row,.upcoming-event-row,.event-shop-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;min-height:42px;padding:6px 7px;border-bottom:1px solid #41474b;background:#2b2f32}.season-live-row{border-left:3px solid var(--event-accent,var(--nw-page-accent))}.season-live-row:last-child,.upcoming-event-row:last-child,.event-shop-row:last-child{border-bottom:0}.season-live-row strong,.season-live-row span,.season-live-row small,.season-live-row b,.upcoming-event-row strong,.upcoming-event-row span,.upcoming-event-row small,.upcoming-event-row b,.event-shop-row strong,.event-shop-row span,.event-shop-row small,.event-shop-row b{display:block}.season-live-row strong,.upcoming-event-row strong,.event-shop-row strong{font-size:9px;color:#eef0f1}.season-live-row span,.upcoming-event-row span,.event-shop-row span{margin-top:2px;font-size:7px;color:#9aa2a7}.season-live-row small,.upcoming-event-row small,.event-shop-row small{font-size:7px;color:#828b90}.season-live-row>div:last-child,.upcoming-event-row>div:last-child,.event-shop-row>div:last-child{text-align:right}.season-live-row b,.upcoming-event-row b,.event-shop-row b{font-size:8px;color:#d2b36f}.event-shop-grid,.upcoming-event-list{border:1px solid #41474b}.event-shop-row form{margin:4px 0 0} body.theme-light .black-market-head{background:#eee8df!important;border-color:#b7aa98!important}.theme-light .black-market-head strong{color:#302a24!important}.theme-light .black-market-head span{color:#6f665d!important}.theme-light .black-market-row,.theme-light .calendar-day,.theme-light .season-live-row,.theme-light .upcoming-event-row,.theme-light .event-shop-row{background:#f4f6f6!important;border-color:#c5cace!important}.theme-light .black-market-row strong,.theme-light .season-live-row strong,.theme-light .upcoming-event-row strong,.theme-light .event-shop-row strong{color:#1f2326!important}.theme-light .black-market-row span,.theme-light .black-market-row small,.theme-light .season-live-row span,.theme-light .upcoming-event-row span,.theme-light .event-shop-row span,.theme-light .event-shop-row small{color:#687177!important}.theme-light .event-calendar,.theme-light .event-calendar-head,.theme-light .event-shop-grid,.theme-light .upcoming-event-list{border-color:#bcc2c6!important;background:#bcc2c6!important}.theme-light .event-calendar.weekdays>div,.theme-light .event-calendar-head{background:#e3e7e8!important}.theme-light .calendar-day.empty{background:#e3e6e8!important}.theme-light .calendar-event{background:#e8ecee!important;color:#2b3034!important} @media(max-width:620px){.event-calendar.weekdays>div{font-size:6px}.calendar-day{min-height:52px;padding:3px}.calendar-event{font-size:5.8px}.black-market-row,.event-shop-row,.upcoming-event-row{grid-template-columns:minmax(0,1fr) auto}.season-live-row{grid-template-columns:1fr}.season-live-row>div:last-child{text-align:left}} .racing-secondary,.casino-secondary{display:flex;gap:4px;flex-wrap:wrap;margin:5px 0}.racing-secondary span,.casino-secondary span{padding:3px 5px;border:1px solid #41474b;background:#25292c;color:#9ca4a9;font-size:7px}.race-car-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:5px}.race-car-head strong,.race-car-head span,.race-car-head b{display:block}.race-car-head strong{font-size:10px;color:#eef0f1}.race-car-head span{font-size:7px;color:#8f989e}.race-car-head b{color:#c9ad70;font-size:9px}.race-tuning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.race-tuning-grid>div{padding:6px;border:1px solid #41474b;background:#292d30}.race-tuning-grid span,.race-tuning-grid strong{display:block}.race-tuning-grid span{font-size:7px;color:#8f989e}.race-tuning-grid strong{margin:2px 0 5px;font-size:9px;color:#eef0f1}.race-track-list{border:1px solid #41474b}.race-track-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:6px 7px;border-bottom:1px solid #41474b;background:#2b2f32}.race-track-row:last-child{border-bottom:0}.race-track-row strong,.race-track-row span,.race-track-row small{display:block}.race-track-row strong{font-size:9px;color:#eef0f1}.race-track-row span{margin-top:2px;font-size:7px;color:#9aa2a7}.race-track-row small{margin-top:2px;font-size:7px;color:#7f898f}.racing-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.racing-special-grid>div{padding:7px;border:1px solid #41474b;background:#292d30}.racing-special-grid strong,.racing-special-grid span{display:block}.racing-special-grid strong{font-size:9px;color:#eef0f1}.racing-special-grid span{min-height:30px;margin:2px 0 5px;font-size:7px;color:#91999e}.race-history>div,.casino-history>div{display:grid;grid-template-columns:minmax(0,1fr) auto 55px;gap:6px;align-items:center;padding:5px 7px;border-bottom:1px solid #41474b;background:#2b2f32}.race-history>div:last-child,.casino-history>div:last-child{border-bottom:0}.race-history span,.casino-history span{font-size:8px;color:#aab1b5}.race-history strong,.casino-history strong{font-size:8px;color:#eef0f1}.race-history small,.casino-history small{text-align:right;font-size:7px;color:#7f888e}.casino-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.casino-game{padding:7px;border:1px solid #41474b;background:#292d30}.casino-game strong,.casino-game span,.casino-game small{display:block}.casino-game strong{font-size:10px;color:#eef0f1}.casino-game span{min-height:28px;margin-top:2px;font-size:7px;color:#9aa2a7}.casino-game small{margin:3px 0 5px;font-size:7px;color:#7f898f}.casino-game form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:end}.casino-game form label{margin:0}.casino-game form input{margin:2px 0 0!important}.casino-win{color:#88c58d!important}.casino-loss{color:#ce877d!important} body.theme-light .racing-secondary span,body.theme-light .casino-secondary span{background:#eef0f1!important;border-color:#c3c8cc!important;color:#667078!important}.theme-light .race-tuning-grid>div,.theme-light .race-track-row,.theme-light .racing-special-grid>div,.theme-light .race-history>div,.theme-light .casino-game,.theme-light .casino-history>div{background:#f4f6f6!important;border-color:#c5cace!important}.theme-light .race-car-head strong,.theme-light .race-tuning-grid strong,.theme-light .race-track-row strong,.theme-light .racing-special-grid strong,.theme-light .casino-game strong{color:#1e2225!important}.theme-light .race-car-head span,.theme-light .race-tuning-grid span,.theme-light .race-track-row span,.theme-light .race-track-row small,.theme-light .racing-special-grid span,.theme-light .casino-game span,.theme-light .casino-game small{color:#667078!important} @media(max-width:620px){.race-tuning-grid,.racing-special-grid,.casino-game-grid{grid-template-columns:1fr}.race-track-row{grid-template-columns:1fr}.race-track-row form,.race-track-row button{width:100%}.race-history>div,.casino-history>div{grid-template-columns:minmax(0,1fr) auto}.race-history small,.casino-history small{grid-column:1/-1;text-align:left}.casino-game form{grid-template-columns:1fr}} .city-wire{border:1px solid #41474b}.city-wire-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:7px;padding:6px 7px;border-bottom:1px solid #41474b;background:#2b2f32}.city-wire-row:last-child{border-bottom:0}.city-wire-row time{font-size:7px;font-weight:700;color:#a6905f}.city-wire-row strong,.city-wire-row span{display:block}.city-wire-row strong{font-size:9px;color:#eef0f1}.city-wire-row span{margin-top:2px;font-size:7px;color:#929ba0}.city-wire-row.event{border-left:3px solid #9f8753}.city-wire-row.upcoming{border-left:3px solid #687f8e}.newspaper-lead-meta{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.newspaper-lead-meta span{padding:2px 4px;border:1px solid #41474b;background:#25292c;color:#8f989e;font-size:7px}.newspaper-lead-meta .official-story{border-color:#846d3e;color:#d1b36d}.newspaper-lead-copy{font-size:9px!important;line-height:1.5!important}.newspaper-story-list{display:flex;flex-direction:column;gap:2px}.newspaper-story{border:1px solid #41474b;background:#2b2f32}.newspaper-story>summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:6px 7px!important;min-height:38px!important}.newspaper-story summary strong,.newspaper-story summary span{display:block}.newspaper-story summary strong{font-size:9px;color:#eef0f1}.newspaper-story summary span,.newspaper-story summary time{font-size:7px;color:#8f989e}.newspaper-story>div{padding:7px;border-top:1px solid #41474b;font-size:8px;line-height:1.45}.classified-list{border:1px solid #41474b}.classified-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:6px 7px;border-bottom:1px solid #41474b;background:#2b2f32}.classified-row:last-child{border-bottom:0}.classified-row strong,.classified-row span,.classified-row small,.classified-row b{display:block}.classified-row strong{font-size:9px;color:#eef0f1}.classified-row span{font-size:7px;color:#9aa2a7}.classified-row small{font-size:7px;color:#7f898f}.classified-row b{font-size:8px;color:#c6aa6d}.classified-post{margin-top:5px;border:1px solid #41474b}.classified-post>summary{padding:5px 7px;font-size:8px;font-weight:700}.classified-post form{padding:7px;border-top:1px solid #41474b} .featured-honours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:5px 0}.featured-honours>div{padding:6px;border:1px solid #41474b;background:#292d30}.featured-honours span,.featured-honours strong{display:block}.featured-honours span{font-size:7px;color:#8f989e}.featured-honours strong{margin:2px 0 5px;font-size:9px;color:#eef0f1}.honour-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:5px;align-items:end}.honour-list{display:flex;flex-direction:column;gap:2px}.honour-row{border:1px solid #41474b;background:#292d30}.honour-row>summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;padding:6px 7px!important;min-height:38px!important}.honour-row summary strong,.honour-row summary span{display:block}.honour-row summary strong{font-size:9px;color:#eef0f1}.honour-row summary span{font-size:7px;color:#8f989e}.honour-row summary b{font-size:7px;color:#c6aa6d}.honour-body{padding:6px 7px;border-top:1px solid #41474b}.honour-body p{font-size:8px!important}.honour-body small{display:block;margin-top:2px;color:#8f989e;font-size:7px}.honour-feature-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.honour-feature-actions form{margin:0}.prestige-achievement-list{display:flex;flex-direction:column;gap:3px}.prestige-achievement{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:1px solid #41474b;border-left:3px solid #727b80;background:#292d30}.prestige-achievement.rare{border-left-color:#5680a0}.prestige-achievement.epic{border-left-color:#8167a1}.prestige-achievement.legendary{border-left-color:#b68c46}.prestige-achievement strong,.prestige-achievement p,.prestige-achievement b,.prestige-achievement small{display:block}.prestige-achievement strong{font-size:9px;color:#eef0f1}.prestige-achievement p{margin:2px 0!important;font-size:7px!important;color:#979fa4!important}.prestige-achievement>div:last-child{text-align:right}.prestige-achievement b{font-size:8px;color:#d1b36d}.prestige-achievement small{font-size:6.5px;color:#7f898f}.prestige-rarity{display:inline-block!important;width:max-content;margin-bottom:2px;padding:1px 3px;border:1px solid #50575b;font-size:6px!important;text-transform:uppercase;color:#aab1b5}.award-list{display:flex;flex-direction:column;gap:2px}.award-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 7px;border:1px solid #41474b;background:#2b2f32}.award-row.earned{border-left:3px solid #728f6b}.award-row strong,.award-row span,.award-row small,.award-row b{display:block}.award-row strong{font-size:9px;color:#eef0f1}.award-row span,.award-row small{font-size:7px;color:#8f989e}.award-row progress{margin:4px 0 2px}.award-row b{font-size:8px;color:#c6aa6d}.profile-honour-strip{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px}.profile-honour-strip span{padding:2px 4px;border:1px solid #5b5040;background:#2c2924;color:#cdb172;font-size:6.5px} body.theme-light .city-wire-row,body.theme-light .newspaper-story,body.theme-light .classified-row,body.theme-light .featured-honours>div,body.theme-light .honour-row,body.theme-light .prestige-achievement,body.theme-light .award-row{background:#f4f6f6!important;border-color:#c5cace!important}.theme-light .city-wire-row strong,.theme-light .newspaper-story summary strong,.theme-light .classified-row strong,.theme-light .featured-honours strong,.theme-light .honour-row summary strong,.theme-light .prestige-achievement strong,.theme-light .award-row strong{color:#1e2225!important}.theme-light .city-wire-row span,.theme-light .newspaper-story summary span,.theme-light .classified-row span,.theme-light .classified-row small,.theme-light .featured-honours span,.theme-light .honour-row summary span,.theme-light .prestige-achievement p,.theme-light .award-row span,.theme-light .award-row small{color:#667078!important}.theme-light .profile-honour-strip span{background:#eee7d8!important;border-color:#b8a16d!important;color:#705722!important} @media(max-width:620px){.featured-honours{grid-template-columns:1fr}.honour-filter{grid-template-columns:1fr}.prestige-achievement{grid-template-columns:1fr}.prestige-achievement>div:last-child{text-align:left}.classified-row{grid-template-columns:1fr}.city-wire-row{grid-template-columns:42px minmax(0,1fr)}} .contact-filters{display:flex;gap:0;overflow-x:auto;margin:0 0 5px;border:1px solid #41474b;background:#25292c}.contact-filters a{flex:0 0 auto;padding:5px 8px;border-right:1px solid #41474b;color:#9fa7ac;font-size:8px;font-weight:700;text-decoration:none}.contact-filters a:last-child{border-right:0}.contact-filters a[aria-current=page]{background:#353a3d;color:#fff;box-shadow:inset 0 -2px var(--nw-page-accent)}.social-contact-list{display:flex;flex-direction:column;gap:3px}.social-contact-row{padding:7px;border:1px solid #41474b;background:#2b2f32}.social-contact-main{display:flex;justify-content:space-between;gap:7px;align-items:center}.social-contact-main strong{font-size:9px;color:#eef0f1}.social-contact-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}.social-contact-meta span{font-size:7px;color:#8f989e}.social-contact-actions{display:flex;gap:4px;margin-top:5px}.social-contact-actions a{padding:4px 6px;border:1px solid #41474b;background:#25292c;font-size:7px;font-weight:700;text-decoration:none}.presence-dot.online{color:#83be87!important}.presence-dot.idle{color:#c5aa68!important}.presence-dot.offline{color:#838b90!important} .invite-code{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:5px 0;padding:7px 8px;border:1px solid #5a4f3b;background:#2d2922}.invite-code span{font-size:7px;color:#9f9789;text-transform:uppercase}.invite-code strong{font-size:12px;letter-spacing:1px;color:#d2b46e}.referrer-card{display:flex;justify-content:space-between;gap:8px;align-items:center}.referrer-card strong,.referrer-card span{display:block}.referrer-card strong{font-size:9px;color:#eef0f1}.referrer-card span{font-size:7px;color:#8f989e}.referral-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.referral-milestones>div{padding:6px 7px;border:1px solid #41474b;background:#292d30}.referral-milestones span,.referral-milestones strong{display:block}.referral-milestones span{font-size:7px;color:#8f989e}.referral-milestones strong{margin-top:2px;font-size:8px;color:#d1b36d}.referral-list{border:1px solid #41474b}.referral-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:6px 7px;border-bottom:1px solid #41474b;background:#2b2f32}.referral-row:last-child{border-bottom:0}.referral-row strong,.referral-row span,.referral-row b{display:block}.referral-row strong{font-size:9px;color:#eef0f1}.referral-row span{margin-top:2px;font-size:7px;color:#8f989e}.referral-row b{font-size:7px;color:#c9aa68} body.theme-light .contact-filters{background:#e4e8ea!important;border-color:#b9bfc3!important}.theme-light .contact-filters a{border-color:#b9bfc3!important;color:#5d676d!important}.theme-light .contact-filters a[aria-current=page]{background:#fafbfb!important;color:#1d2124!important}.theme-light .social-contact-row,.theme-light .referral-milestones>div,.theme-light .referral-row{background:#f4f6f6!important;border-color:#c5cace!important}.theme-light .social-contact-main strong,.theme-light .referrer-card strong,.theme-light .referral-row strong{color:#1e2225!important}.theme-light .social-contact-meta span,.theme-light .referrer-card span,.theme-light .referral-row span,.theme-light .referral-milestones span{color:#667078!important}.theme-light .social-contact-actions a{background:#edf0f1!important;border-color:#bcc2c6!important}.theme-light .invite-code{background:#f1eadb!important;border-color:#b7a16f!important}.theme-light .invite-code strong{color:#6e5522!important} @media(max-width:620px){.social-contact-main{align-items:flex-start}.referral-milestones{grid-template-columns:1fr}.referral-row{grid-template-columns:1fr}.social-contact-actions a{flex:1;text-align:center}} .org-item-list,.reward-list{display:flex;flex-direction:column;gap:3px}.org-item-row,.reward-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 7px;border:1px solid #41474b;background:#292d30}.org-item-row .item-art,.reward-row .item-art{width:48px;height:48px;margin:0}.org-item-row strong,.org-item-row span,.org-item-row b,.reward-row strong,.reward-row span,.reward-row b{display:block}.org-item-row strong,.reward-row strong{font-size:9px;color:#eef0f1}.org-item-row span,.reward-row span{margin-top:2px;font-size:7px;color:#929ba0}.org-item-row b,.reward-row b{font-size:8px;color:#c9aa68;text-align:right}.reward-row b form{margin:0}.reward-row b button{min-width:72px}.theme-light .org-item-row,.theme-light .reward-row{background:#f4f6f6!important;border-color:#c5cace!important}.theme-light .org-item-row strong,.theme-light .reward-row strong{color:#1e2225!important}.theme-light .org-item-row span,.theme-light .reward-row span{color:#667078!important}@media(max-width:620px){.org-item-row,.reward-row{grid-template-columns:46px minmax(0,1fr)}.org-item-row .item-art,.reward-row .item-art{width:42px;height:42px}.org-item-row>b,.reward-row>b{grid-column:1/-1;text-align:left}.reward-row b button{width:100%}} .city-scene-art svg,.city-location-scene svg,.travel-scene svg,.race-track-scene svg,.night-market-art svg,.event-banner svg,.npc-portrait svg{display:block;width:100%;height:100%}.city-featured-art.city-scene-art,.city-district-art.city-scene-art{padding:0;background:none;border:none}.city-featured-scene{width:72px;height:72px}.city-district-scene{width:72px;height:72px}.city-location-scene{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px}.city-location-scene-icon{width:40px;height:40px}.travel-current-visual{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center}.travel-scene{width:64px;height:64px;flex:0 0 64px}.travel-scene-icon{width:64px;height:64px}.travel-destination-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center}.race-vehicle-row{margin:0 0 8px}.race-track-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:8px;align-items:center}.race-track-scene{width:54px;height:54px;flex:0 0 54px}.race-track-scene-icon{width:54px;height:54px}.racing-special-grid>div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;align-items:center}.racing-special-grid form{grid-column:2}.night-market-hero{display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px;align-items:center;margin:0 0 10px;padding:8px;border:1px solid #3b3238;background:linear-gradient(180deg,#2f2529,#231b1e)}.night-market-art{width:58px;height:58px}.night-market-scene-icon{width:58px;height:58px}.agent-encounter-row{display:grid;grid-template-columns:56px minmax(0,1fr) 92px 130px auto;gap:8px;align-items:center}.npc-portrait{width:50px;height:50px}.npc-portrait-icon{width:50px;height:50px}.season-live-row,.upcoming-event-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:10px;align-items:center}.event-banner{width:78px;height:54px}.event-banner-icon{width:78px;height:54px}@media(max-width:680px){.travel-current-visual,.travel-destination-row,.race-track-row,.agent-encounter-row,.season-live-row,.upcoming-event-row{grid-template-columns:1fr}.travel-scene,.race-track-scene,.event-banner,.npc-portrait,.city-location-scene{width:auto;height:auto}.agent-encounter-row .npc-portrait{width:52px;height:52px}.racing-special-grid>div{grid-template-columns:1fr}.racing-special-grid form{grid-column:auto}} .asset-catalog-card{margin:-2px 0 8px;padding:10px;border:1px solid #24292d;background:linear-gradient(180deg,#2a2f33,#22272b);box-shadow:inset 0 1px rgba(255,255,255,.04),0 2px 10px rgba(0,0,0,.18);border-radius:4px}.asset-catalog-head{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center}.asset-catalog-art{width:88px;height:88px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#31373c,#171b1f 72%);border:1px solid #3d454b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 3px 10px rgba(0,0,0,.35);border-radius:4px;padding:4px;overflow:hidden}.asset-catalog-art.property{background:radial-gradient(circle at 30% 25%,#32383d,#171b1f 72%)}.asset-art-icon{width:100%;height:100%;display:block}.asset-catalog-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.asset-catalog-kicker{font-size:9px;line-height:1.1;color:#9da6ad;text-transform:uppercase;letter-spacing:.9px}.asset-catalog-title{font-size:16px;line-height:1.1;color:#f2f3f4;display:block}.asset-catalog-sub{font-size:11px;line-height:1.35;color:#b5bcc1}.asset-description{margin:10px 0 6px;color:#c7ccd0}.asset-meta-line{margin:0;color:#adb4b9;font-size:10px}.asset-catalog-card .item-depth-strip,.asset-catalog-card .profile-action,.asset-catalog-card .action-row,.asset-catalog-card form{margin-top:8px} .property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #24292d;background:linear-gradient(180deg,#2a2f33,#22272b);box-shadow:inset 0 1px rgba(255,255,255,.04);border-radius:4px}.property-home-row .property-art,.property-upgrade-row .property-art,.property-storage-row .item-art{width:88px;height:88px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#31373c,#171b1f 72%);border:1px solid #3d454b;border-radius:4px;padding:4px;overflow:hidden}.property-home-row strong,.property-upgrade-row strong,.property-staff-row strong,.property-storage-row strong{display:block;font-size:15px;color:#f1f2f3}.property-home-row span,.property-upgrade-row span,.property-staff-row span,.property-storage-row small{display:block;color:#b4bbc0;font-size:11px;line-height:1.35}.property-home-row small,.property-upgrade-row small,.property-staff-row small{display:block;color:#9ca5ab;margin-top:4px} .item-visual-row,.item-visual-row.compact{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid #24292d;background:linear-gradient(180deg,#2a2f33,#22272b);border-radius:4px;box-shadow:inset 0 1px rgba(255,255,255,.04)}.item-visual-row .item-art,.item-visual-row.compact .item-art{width:88px;height:88px;background:radial-gradient(circle at 30% 25%,#31373c,#171b1f 72%);border:1px solid #3d454b;border-radius:4px;padding:4px}.item-visual-row .item-art-icon,.item-visual-row.compact .item-art-icon{width:100%;height:100%}.item-visual-meta strong{font-size:15px;line-height:1.1;color:#f2f3f4;text-transform:none;letter-spacing:0}.item-visual-meta span{font-size:11px;color:#b4bbc0;line-height:1.35} .market-row-main{grid-template-columns:92px minmax(0,1fr);align-items:center}.market-row-main .item-art,.market-row-main .item-art-icon{width:88px;height:88px}.market-row-actions{min-width:155px}.org-item-row,.reward-row,.foreign-market-row,.event-shop-row,.race-track-row,.travel-destination-row{background:linear-gradient(180deg,#2a2f33,#22272b);border-color:#24292d} .page-inventory .card,.page-shop .card,.page-market .card,.page-property .card,.page-points .card{overflow:hidden}.page-inventory .item-depth-strip{margin-top:8px}.page-inventory .equipment-slot{background:linear-gradient(180deg,#2a2f33,#22272b);border:1px solid #24292d}.page-inventory .equipment-slot .equipment-slot-icon{width:46px;height:46px}.foreign-market-row,.event-shop-row{padding:10px;border:1px solid #24292d;border-radius:4px;margin-bottom:8px}.foreign-market-row small,.event-shop-row small{color:#aab1b6} @media(max-width:680px){.asset-catalog-head,.property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row,.item-visual-row,.item-visual-row.compact{grid-template-columns:72px minmax(0,1fr)}.asset-catalog-art,.property-home-row .property-art,.property-upgrade-row .property-art,.property-storage-row .item-art,.item-visual-row .item-art,.item-visual-row.compact .item-art{width:68px;height:68px}.property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row{grid-template-columns:72px minmax(0,1fr)}.property-home-row form,.property-upgrade-row form,.property-staff-row form,.property-storage-row form{grid-column:1/-1}.market-row-main{grid-template-columns:72px minmax(0,1fr)}} .asset-catalog-head{grid-template-columns:80px minmax(0,1fr);gap:10px}.asset-catalog-art{width:76px;height:76px;padding:3px}.asset-catalog-copy{min-width:0;overflow:hidden}.asset-catalog-title{font-size:14px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}.asset-catalog-sub{font-size:10px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.asset-catalog-kicker{font-size:8px}.asset-description{font-size:11px;line-height:1.45}.asset-meta-line{font-size:9px;line-height:1.4} .item-visual-row,.item-visual-row.compact{grid-template-columns:76px minmax(0,1fr);gap:10px;padding:8px}.item-visual-row .item-art,.item-visual-row.compact .item-art{width:72px;height:72px;padding:3px}.item-visual-meta{min-width:0;overflow:hidden}.item-visual-meta strong{font-size:13px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}.item-visual-meta span{font-size:10px;line-height:1.35;white-space:normal;overflow-wrap:anywhere} .property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row{grid-template-columns:78px minmax(0,1fr) auto;gap:9px;padding:8px}.property-home-row .property-art,.property-upgrade-row .property-art,.property-storage-row .item-art{width:74px;height:74px;padding:3px}.property-home-row strong,.property-upgrade-row strong,.property-staff-row strong,.property-storage-row strong{font-size:13px;line-height:1.2;overflow-wrap:anywhere}.property-home-row span,.property-upgrade-row span,.property-staff-row span,.property-storage-row small{font-size:10px;line-height:1.35}.market-row-main{grid-template-columns:78px minmax(0,1fr);gap:9px}.market-row-main .item-art,.market-row-main .item-art-icon{width:74px;height:74px}.market-row-copy{min-width:0;overflow:hidden}.market-row-copy strong{white-space:normal;overflow-wrap:anywhere}.org-item-row,.reward-row{grid-template-columns:50px minmax(0,1fr) auto}.org-item-row .item-art,.reward-row .item-art{width:46px;height:46px} @media(max-width:680px){.asset-catalog-card{padding:8px}.asset-catalog-head{grid-template-columns:66px minmax(0,1fr);gap:8px}.asset-catalog-art{width:62px;height:62px}.asset-catalog-title{font-size:13px}.asset-catalog-sub{font-size:9px}.item-visual-row,.item-visual-row.compact{grid-template-columns:64px minmax(0,1fr);gap:8px;padding:7px}.item-visual-row .item-art,.item-visual-row.compact .item-art{width:60px;height:60px}.item-visual-meta strong{font-size:12px}.item-visual-meta span{font-size:9px}.property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row{grid-template-columns:66px minmax(0,1fr);gap:8px;padding:7px}.property-home-row .property-art,.property-upgrade-row .property-art,.property-storage-row .item-art{width:62px;height:62px}.property-home-row form,.property-upgrade-row form,.property-staff-row form,.property-storage-row form{grid-column:1/-1;margin-top:2px}.market-row-main{grid-template-columns:64px minmax(0,1fr)}.market-row-main .item-art,.market-row-main .item-art-icon{width:60px;height:60px}.market-row-actions{width:100%;min-width:0}.market-row-actions button{min-height:38px}.org-item-row,.reward-row{grid-template-columns:46px minmax(0,1fr)}.org-item-row>b,.reward-row>b{grid-column:2;text-align:right}.org-item-row .item-art,.reward-row .item-art{width:42px;height:42px}} .page-racing,.page-casino,.page-property,.page-rentals,.page-factions,.page-operations,.page-territories,.page-companies{--nw-ui-row-gap:6px;--nw-ui-border:#3b4248;--nw-ui-panel:#25292d;--nw-ui-panel-2:#2b3034;--nw-ui-muted:#9ea7ad;--nw-ui-text:#edf0f2} .page-racing .card,.page-casino .card,.page-property .card,.page-rentals .card,.page-factions .card,.page-operations .card,.page-territories .card,.page-companies .card{border-color:var(--nw-ui-border);background:linear-gradient(180deg,var(--nw-ui-panel-2),var(--nw-ui-panel));box-shadow:0 1px 2px rgba(0,0,0,.28)} .page-racing .card>h2,.page-casino .card>h2,.page-property .card>h2,.page-rentals .card>h2,.page-factions .card>h2,.page-operations .card>h2,.page-territories .card>h2,.page-companies .card>h2{min-height:32px;padding:7px 9px;font-size:11px;line-height:1.2;letter-spacing:.15px;text-transform:none;border-bottom:1px solid var(--nw-ui-border);background:#202428;color:var(--nw-ui-text)} .page-racing .crime-summary,.page-casino .crime-summary,.page-property .crime-summary,.page-rentals .crime-summary,.page-factions .crime-summary,.page-operations .crime-summary,.page-territories .crime-summary,.page-companies .crime-summary{gap:4px;margin:5px 0 7px!important} .page-racing .crime-summary>div,.page-casino .crime-summary>div,.page-property .crime-summary>div,.page-rentals .crime-summary>div,.page-factions .crime-summary>div,.page-operations .crime-summary>div,.page-territories .crime-summary>div,.page-companies .crime-summary>div{min-height:42px;padding:6px 7px;background:#202428;border:1px solid #373e44;border-radius:2px} .page-racing .crime-summary span,.page-casino .crime-summary span,.page-property .crime-summary span,.page-rentals .crime-summary span,.page-factions .crime-summary span,.page-operations .crime-summary span,.page-territories .crime-summary span,.page-companies .crime-summary span{font-size:8px;color:var(--nw-ui-muted);text-transform:uppercase;letter-spacing:.45px} .page-racing .crime-summary strong,.page-casino .crime-summary strong,.page-property .crime-summary strong,.page-rentals .crime-summary strong,.page-factions .crime-summary strong,.page-operations .crime-summary strong,.page-territories .crime-summary strong,.page-companies .crime-summary strong{font-size:11px;color:var(--nw-ui-text);line-height:1.15} .page-racing button,.page-casino button,.page-property button,.page-rentals button,.page-factions button,.page-operations button,.page-territories button,.page-companies button{min-height:30px;padding:5px 8px;border-radius:2px;font-size:9px;font-weight:700;letter-spacing:.1px} .page-racing input,.page-racing select,.page-casino input,.page-casino select,.page-property input,.page-property select,.page-rentals input,.page-rentals select,.page-factions input,.page-factions select,.page-companies input,.page-companies select{min-height:30px;border-radius:2px} .page-racing .event-row,.page-casino .event-row,.page-property .event-row,.page-rentals .event-row,.page-factions .event-row,.page-operations .event-row,.page-territories .event-row,.page-companies .event-row,.page-factions .org-row,.page-companies .org-row{padding:7px 8px!important;margin:0!important;border-bottom:1px solid #383f45;background:#272c30} .page-racing .event-row:last-child,.page-casino .event-row:last-child,.page-property .event-row:last-child,.page-rentals .event-row:last-child,.page-factions .event-row:last-child,.page-operations .event-row:last-child,.page-territories .event-row:last-child,.page-companies .event-row:last-child{border-bottom:0} .page-property .property-home-row,.page-property .property-upgrade-row,.page-property .property-staff-row,.page-property .property-storage-row,.page-rentals .property-home-row{min-height:62px;padding:7px 8px;border-color:#383f45;background:#272c30} .page-property .property-art,.page-rentals .property-art{width:52px;height:52px;border-radius:3px;border-color:#444c53;background:#191d20} .page-property .property-art-icon,.page-rentals .property-art-icon{width:100%;height:100%;object-fit:cover} .page-racing .race-track-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:62px;padding:7px 8px;border:1px solid #383f45;border-radius:2px;background:#272c30;margin-bottom:5px} .page-racing .race-track-row strong{font-size:10px;color:var(--nw-ui-text)}.page-racing .race-track-row span,.page-racing .race-track-row small{font-size:8px;color:var(--nw-ui-muted)} .page-casino .action-row{gap:5px}.page-casino .action-row form{margin:0}.page-casino .card p.small{margin:5px 0;color:var(--nw-ui-muted)} .page-factions .stat,.page-companies .stat,.page-operations .stat,.page-territories .stat{margin:0!important;padding:6px 7px!important;background:#252a2e!important;border:0!important;border-bottom:1px solid #373e44!important} .page-factions .stat:last-child,.page-companies .stat:last-child,.page-operations .stat:last-child,.page-territories .stat:last-child{border-bottom:0!important} .page-factions .stat span,.page-companies .stat span,.page-operations .stat span,.page-territories .stat span{color:var(--nw-ui-muted);font-size:9px}.page-factions .stat strong,.page-companies .stat strong,.page-operations .stat strong,.page-territories .stat strong{font-size:10px;color:var(--nw-ui-text)} .page-factions .org-row,.page-companies .org-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:44px} .page-factions .org-row strong,.page-companies .org-row strong{font-size:10px}.page-factions .org-row span,.page-companies .org-row span{font-size:8px;color:var(--nw-ui-muted)} .theme-light.page-racing,.theme-light.page-casino,.theme-light.page-property,.theme-light.page-rentals,.theme-light.page-factions,.theme-light.page-operations,.theme-light.page-territories,.theme-light.page-companies{--nw-ui-border:#c9ced2;--nw-ui-panel:#f8f9fa;--nw-ui-panel-2:#fff;--nw-ui-muted:#667078;--nw-ui-text:#202428} .theme-light.page-racing .card,.theme-light.page-casino .card,.theme-light.page-property .card,.theme-light.page-rentals .card,.theme-light.page-factions .card,.theme-light.page-operations .card,.theme-light.page-territories .card,.theme-light.page-companies .card{background:#fff;border-color:#c9ced2;box-shadow:0 1px 2px rgba(0,0,0,.08)} .theme-light.page-racing .card>h2,.theme-light.page-casino .card>h2,.theme-light.page-property .card>h2,.theme-light.page-rentals .card>h2,.theme-light.page-factions .card>h2,.theme-light.page-operations .card>h2,.theme-light.page-territories .card>h2,.theme-light.page-companies .card>h2{background:#eef1f3;border-color:#c9ced2;color:#202428} .theme-light.page-racing .crime-summary>div,.theme-light.page-casino .crime-summary>div,.theme-light.page-property .crime-summary>div,.theme-light.page-rentals .crime-summary>div,.theme-light.page-factions .crime-summary>div,.theme-light.page-operations .crime-summary>div,.theme-light.page-territories .crime-summary>div,.theme-light.page-companies .crime-summary>div{background:#f5f7f8;border-color:#d3d8dc} .theme-light.page-racing .event-row,.theme-light.page-casino .event-row,.theme-light.page-property .event-row,.theme-light.page-rentals .event-row,.theme-light.page-factions .event-row,.theme-light.page-operations .event-row,.theme-light.page-territories .event-row,.theme-light.page-companies .event-row,.theme-light.page-factions .org-row,.theme-light.page-companies .org-row,.theme-light.page-property .property-home-row,.theme-light.page-property .property-upgrade-row,.theme-light.page-property .property-staff-row,.theme-light.page-property .property-storage-row,.theme-light.page-racing .race-track-row{background:#fbfcfc;border-color:#d3d8dc} .theme-light.page-factions .stat,.theme-light.page-companies .stat,.theme-light.page-operations .stat,.theme-light.page-territories .stat{background:#f5f7f8!important;border-color:#d5dade!important} .theme-light.page-property .property-art,.theme-light.page-rentals .property-art{background:#e9edef;border-color:#c7cdd2} @media(max-width:720px){.page-racing .crime-summary,.page-casino .crime-summary,.page-property .crime-summary,.page-rentals .crime-summary,.page-factions .crime-summary,.page-operations .crime-summary,.page-territories .crime-summary,.page-companies .crime-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-racing .race-track-row{grid-template-columns:48px minmax(0,1fr)}.page-racing .race-track-row>*:last-child{grid-column:1/-1}.page-property .property-home-row,.page-property .property-upgrade-row,.page-property .property-staff-row,.page-property .property-storage-row{grid-template-columns:50px minmax(0,1fr)!important}.page-property .property-home-row>*:last-child,.page-property .property-upgrade-row>*:last-child,.page-property .property-staff-row>*:last-child,.page-property .property-storage-row>*:last-child{grid-column:1/-1}.page-factions .org-row,.page-companies .org-row{grid-template-columns:1fr}.page-factions .org-row>*:last-child,.page-companies .org-row>*:last-child{justify-self:start}} .page-mail,.page-notifications,.page-contacts,.page-referrals,.page-forums,.page-newspaper,.page-church{--nw-ui-row-gap:4px;--nw-ui-border:#3b4248;--nw-ui-panel:#25292d;--nw-ui-panel-2:#2b3034;--nw-ui-muted:#9ea7ad;--nw-ui-text:#edf0f2} .page-mail .card,.page-notifications .card,.page-contacts .card,.page-referrals .card,.page-forums .card,.page-newspaper .card,.page-church .card{border-color:var(--nw-ui-border);background:linear-gradient(180deg,var(--nw-ui-panel-2),var(--nw-ui-panel));box-shadow:0 1px 2px rgba(0,0,0,.24)} .page-mail .card>h2,.page-notifications .card>h2,.page-contacts .card>h2,.page-referrals .card>h2,.page-forums .card>h2,.page-newspaper .card>h2,.page-church .card>h2{min-height:32px;padding:7px 9px;font-size:11px;line-height:1.2;letter-spacing:.15px;text-transform:none;border-bottom:1px solid var(--nw-ui-border);background:#202428;color:var(--nw-ui-text)} .page-mail .message-conversation-head,.page-forums .forum-home-head,.page-forums .forum-category-hero,.page-forums .forum-thread-head{margin:0 0 5px!important;padding:7px 8px!important;background:#202428!important;border-color:var(--nw-ui-border)!important} .page-mail .message-conversation-list,.page-forums .forum-thread-list,.page-newspaper .classified-list,.page-referrals .referral-list{border-color:var(--nw-ui-border)!important;background:transparent!important} .page-mail .message-conversation-row,.page-notifications .notification-row,.page-contacts .social-contact-row,.page-referrals .referral-row,.page-newspaper .classified-row{min-height:44px;padding:6px 7px!important;border-color:var(--nw-ui-border)!important;background:#282d31!important} .page-mail .message-conversation-row:hover,.page-contacts .social-contact-row:hover,.page-referrals .referral-row:hover,.page-newspaper .classified-row:hover{background:#2e3438!important} .page-mail .message-bubble{max-width:84%!important;padding:7px 8px!important;border:1px solid var(--nw-ui-border)!important;background:#282d31!important;border-radius:2px!important} .page-mail .message-bubble.mine{background:#30363a!important;border-color:#495159!important}.page-mail .message-bubble header{padding-bottom:5px!important;margin-bottom:6px!important;border-color:#434a50!important}.page-mail .message-bubble time,.page-mail .message-conversation-row time{font-size:8px!important;color:var(--nw-ui-muted)!important}.page-mail .message-subject{font-size:9px!important;margin-bottom:5px!important} .page-contacts .contact-filters{margin-bottom:5px!important;border-color:var(--nw-ui-border)!important;background:#202428!important}.page-contacts .contact-filters a{padding:5px 8px!important;border-color:var(--nw-ui-border)!important;color:#aeb5ba!important}.page-contacts .contact-filters a[aria-current=page]{background:#343a3f!important;color:#fff!important} .page-contacts .social-contact-list{gap:3px!important}.page-contacts .social-contact-main{align-items:flex-start!important}.page-contacts .social-contact-main strong{font-size:10px!important}.page-contacts .social-contact-meta{gap:5px!important;margin-top:2px!important}.page-contacts .social-contact-actions{gap:3px!important;margin-top:4px!important}.page-contacts .social-contact-actions a{padding:4px 6px!important;background:#202428!important;border-color:var(--nw-ui-border)!important} .page-referrals .crime-summary,.page-contacts .crime-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin-bottom:5px!important}.page-referrals .crime-summary>div,.page-contacts .crime-summary>div{min-height:40px;padding:5px 6px;background:#202428;border:1px solid #373e44} .page-referrals .invite-code{margin:5px 0!important;padding:6px 7px!important;border-color:#665b42!important;background:#2b2822!important}.page-referrals .referral-milestones{gap:3px!important}.page-referrals .referral-milestones>div{padding:5px 6px!important;background:#282d31!important;border-color:var(--nw-ui-border)!important} .page-forums .forum-category-grid{gap:3px!important}.page-forums .forum-category-card{grid-template-columns:36px minmax(0,1fr) auto!important;gap:7px!important;min-height:46px!important;padding:6px 7px!important;background:#282d31!important;border-color:var(--nw-ui-border)!important}.page-forums .forum-category-card:hover,.page-forums .forum-thread-row:hover{background:#30363a!important}.page-forums .forum-cat-icon{width:28px!important;height:28px!important}.page-forums .forum-cat-copy strong{font-size:10px!important}.page-forums .forum-cat-copy span,.page-forums .forum-cat-copy small{font-size:8px!important}.page-forums .forum-thread-row{grid-template-columns:26px minmax(0,1fr) 48px 48px 96px!important;gap:6px!important;min-height:40px!important;padding:5px 7px!important;background:#282d31!important;border-color:var(--nw-ui-border)!important}.page-forums .forum-post{grid-template-columns:110px minmax(0,1fr)!important;background:#282d31!important;border-color:var(--nw-ui-border)!important}.page-forums .forum-post aside{background:#202428!important;border-color:var(--nw-ui-border)!important}.page-forums .forum-post>div{padding:7px 8px!important}.page-forums .forum-post-body{font-size:9px!important;line-height:1.45!important}.page-forums .forum-recent{background:#282d31!important;border-color:var(--nw-ui-border)!important}.page-forums .forum-recent h3,.page-forums .forum-recent a{border-color:var(--nw-ui-border)!important} .page-newspaper .newspaper-lead-meta{gap:4px!important;margin-bottom:5px!important}.page-newspaper .newspaper-lead-meta span{padding:2px 5px!important;background:#202428!important;border-color:var(--nw-ui-border)!important}.page-newspaper .newspaper-lead-copy{font-size:9px!important;line-height:1.55!important}.page-newspaper .newspaper-story-list{gap:3px!important}.page-newspaper .newspaper-story{background:#282d31!important;border-color:var(--nw-ui-border)!important}.page-newspaper .newspaper-story>summary{min-height:38px!important;padding:6px 7px!important}.page-newspaper .newspaper-story>div{padding:7px 8px!important;border-color:var(--nw-ui-border)!important}.page-newspaper .classified-post{border-color:var(--nw-ui-border)!important}.page-newspaper .classified-post>summary{padding:6px 7px!important;background:#202428!important}.page-newspaper .classified-post form{padding:7px!important;border-color:var(--nw-ui-border)!important} .page-church .event-row{min-height:40px!important;padding:6px 7px!important;border-color:var(--nw-ui-border)!important}.page-church .action-row{margin:4px 0!important} body.theme-light .page-mail,body.theme-light .page-notifications,body.theme-light .page-contacts,body.theme-light .page-referrals,body.theme-light .page-forums,body.theme-light .page-newspaper,body.theme-light .page-church{--nw-ui-border:#c7cdd1;--nw-ui-panel:#f5f7f8;--nw-ui-panel-2:#fff;--nw-ui-muted:#657078;--nw-ui-text:#202427} body.theme-light .page-mail .card,body.theme-light .page-notifications .card,body.theme-light .page-contacts .card,body.theme-light .page-referrals .card,body.theme-light .page-forums .card,body.theme-light .page-newspaper .card,body.theme-light .page-church .card{background:#fff!important;border-color:var(--nw-ui-border)!important;box-shadow:0 1px 2px rgba(20,25,29,.08)!important} body.theme-light .page-mail .card>h2,body.theme-light .page-notifications .card>h2,body.theme-light .page-contacts .card>h2,body.theme-light .page-referrals .card>h2,body.theme-light .page-forums .card>h2,body.theme-light .page-newspaper .card>h2,body.theme-light .page-church .card>h2{background:#edf0f2!important;color:#202427!important;border-color:var(--nw-ui-border)!important} body.theme-light .page-mail .message-conversation-head,body.theme-light .page-forums .forum-home-head,body.theme-light .page-forums .forum-category-hero,body.theme-light .page-forums .forum-thread-head,body.theme-light .page-contacts .contact-filters,body.theme-light .page-newspaper .classified-post>summary{background:#edf0f2!important;border-color:var(--nw-ui-border)!important;color:#202427!important} body.theme-light .page-mail .message-conversation-row,body.theme-light .page-mail .message-bubble,body.theme-light .page-notifications .notification-row,body.theme-light .page-contacts .social-contact-row,body.theme-light .page-referrals .referral-row,body.theme-light .page-referrals .referral-milestones>div,body.theme-light .page-forums .forum-category-card,body.theme-light .page-forums .forum-thread-row,body.theme-light .page-forums .forum-post,body.theme-light .page-forums .forum-recent,body.theme-light .page-newspaper .newspaper-story,body.theme-light .page-newspaper .classified-row{background:#f7f8f9!important;border-color:var(--nw-ui-border)!important;color:#202427!important} body.theme-light .page-mail .message-bubble.mine{background:#edf2f5!important;border-color:#b8c4cb!important}body.theme-light .page-forums .forum-post aside{background:#edf0f2!important;border-color:var(--nw-ui-border)!important}body.theme-light .page-contacts .social-contact-actions a{background:#edf0f2!important;border-color:var(--nw-ui-border)!important;color:#30363a!important}body.theme-light .page-contacts .contact-filters a{color:#5f6970!important}body.theme-light .page-contacts .contact-filters a[aria-current=page]{background:#fff!important;color:#202427!important}body.theme-light .page-referrals .invite-code{background:#f3ecdc!important;border-color:#b8a26f!important} @media(max-width:680px){.page-forums .forum-thread-row{grid-template-columns:24px minmax(0,1fr) 48px!important}.page-forums .forum-thread-row .forum-count:nth-of-type(2),.page-forums .forum-thread-row .forum-last{display:none!important}.page-forums .forum-post{grid-template-columns:1fr!important}.page-forums .forum-post aside{display:flex!important;gap:7px!important;align-items:center!important;border-right:0!important;border-bottom:1px solid var(--nw-ui-border)!important}.page-mail .message-bubble{max-width:94%!important}.page-contacts .social-contact-actions a{flex:1;text-align:center}.page-referrals .crime-summary,.page-contacts .crime-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-newspaper .classified-row{grid-template-columns:1fr!important}} .page-economy,.page-bank,.page-stocks,.page-work,.page-education,.page-points,.page-donator,.page-account,.page-owner{--nw-fin-border:#3b4248;--nw-fin-panel:#25292d;--nw-fin-panel2:#2b3034;--nw-fin-muted:#9ca6ad;--nw-fin-text:#edf0f2;--nw-fin-head:#202428;--nw-fin-row:#282d31} .page-economy .card,.page-bank .card,.page-stocks .card,.page-work .card,.page-education .card,.page-points .card,.page-donator .card,.page-account .card,.page-owner .card{background:linear-gradient(180deg,var(--nw-fin-panel2),var(--nw-fin-panel));border-color:var(--nw-fin-border);box-shadow:0 1px 2px rgba(0,0,0,.24)} .page-economy .card>h2,.page-bank .card>h2,.page-stocks .card>h2,.page-work .card>h2,.page-education .card>h2,.page-points .card>h2,.page-donator .card>h2,.page-account .card>h2,.page-owner .card>h2{min-height:32px;padding:7px 9px;background:var(--nw-fin-head);border-bottom:1px solid var(--nw-fin-border);color:var(--nw-fin-text);font-size:11px;line-height:1.2;text-transform:none;letter-spacing:.15px} .page-economy .crime-summary,.page-bank .crime-summary,.page-stocks .crime-summary,.page-work .crime-summary,.page-education .crime-summary,.page-points .crime-summary,.page-donator .crime-summary,.page-account .crime-summary,.page-owner .crime-summary{gap:4px!important;margin:5px 0 7px!important} .page-economy .crime-summary>div,.page-bank .crime-summary>div,.page-stocks .crime-summary>div,.page-work .crime-summary>div,.page-education .crime-summary>div,.page-points .crime-summary>div,.page-donator .crime-summary>div,.page-account .crime-summary>div,.page-owner .crime-summary>div{min-height:40px;padding:5px 6px;background:var(--nw-fin-head);border:1px solid #373e44;border-radius:2px} .page-economy .crime-summary span,.page-bank .crime-summary span,.page-stocks .crime-summary span,.page-work .crime-summary span,.page-education .crime-summary span,.page-points .crime-summary span,.page-donator .crime-summary span,.page-account .crime-summary span,.page-owner .crime-summary span{font-size:8px;color:var(--nw-fin-muted);text-transform:uppercase;letter-spacing:.4px} .page-economy .crime-summary strong,.page-bank .crime-summary strong,.page-stocks .crime-summary strong,.page-work .crime-summary strong,.page-education .crime-summary strong,.page-points .crime-summary strong,.page-donator .crime-summary strong,.page-account .crime-summary strong,.page-owner .crime-summary strong{font-size:11px;line-height:1.15;color:var(--nw-fin-text)} .page-economy button,.page-bank button,.page-stocks button,.page-work button,.page-education button,.page-points button,.page-donator button,.page-account button,.page-owner button{min-height:30px;padding:5px 8px;border-radius:2px;font-size:9px;font-weight:700;letter-spacing:.1px} .page-economy input,.page-economy select,.page-economy textarea,.page-bank input,.page-bank select,.page-stocks input,.page-stocks select,.page-work input,.page-work select,.page-education input,.page-education select,.page-points input,.page-points select,.page-donator input,.page-donator select,.page-account input,.page-account select,.page-account textarea,.page-owner input,.page-owner select,.page-owner textarea{min-height:30px;border-radius:2px} .page-economy .event-row,.page-bank .event-row,.page-stocks .event-row,.page-work .event-row,.page-education .event-row,.page-points .event-row,.page-donator .event-row,.page-account .event-row,.page-owner .event-row,.page-work .org-row,.page-education .org-row{padding:7px 8px!important;margin:0!important;border-bottom:1px solid #383f45;background:var(--nw-fin-row)} .page-economy .event-row:last-child,.page-bank .event-row:last-child,.page-stocks .event-row:last-child,.page-work .event-row:last-child,.page-education .event-row:last-child,.page-points .event-row:last-child,.page-donator .event-row:last-child,.page-account .event-row:last-child,.page-owner .event-row:last-child{border-bottom:0} .page-economy .economy-links{gap:4px!important;margin:5px 0!important}.page-economy .economy-links a{min-height:34px!important;padding:6px 8px!important;background:#252a2e!important;border:1px solid var(--nw-fin-border)!important;color:#e8ecef!important;border-radius:2px!important;font-size:9px!important}.page-economy .economy-links a:hover{background:#30363b!important}.page-economy .wealth-bar{height:6px!important;margin-top:6px!important;border-color:#111417!important;background:#171a1e!important}.page-economy .wealth-bar i{background:linear-gradient(90deg,#708d4e,#9ab96e)!important} .page-bank form,.page-stocks form,.page-work form,.page-education form,.page-points form,.page-donator form,.page-account form,.page-owner form{margin-top:5px}.page-bank .action-row,.page-stocks .action-row,.page-work .action-row,.page-education .action-row,.page-points .action-row,.page-account .action-row,.page-owner .action-row{gap:4px!important;margin:4px 0!important} .page-stocks .stock-history{margin:4px 0!important;border:1px solid var(--nw-fin-border)!important;background:#23272b!important}.page-stocks table{font-size:9px!important}.page-stocks th{background:#202428!important;color:#c8cfd4!important}.page-stocks td,.page-stocks th{padding:5px 6px!important;border-color:#383f45!important}.page-stocks tr:nth-child(even) td{background:#272c30!important} .page-work .org-row,.page-education .org-row{min-height:46px;background:var(--nw-fin-row)!important;border-color:var(--nw-fin-border)!important}.page-work .org-row strong,.page-education .org-row strong{font-size:10px!important}.page-work .org-row span,.page-education .org-row span{font-size:8px!important;color:var(--nw-fin-muted)!important}.page-education progress{height:6px!important;border-radius:0!important} .page-points .item-visual-row,.page-points .asset-catalog-card{margin-bottom:5px!important}.page-points .asset-catalog-head{grid-template-columns:64px minmax(0,1fr)!important}.page-points .asset-catalog-art{width:60px!important;height:60px!important}.page-points .asset-catalog-title{font-size:12px!important}.page-points .asset-catalog-sub{font-size:9px!important} .page-donator .premium-hero{padding:8px 9px!important;border:1px solid #66583c!important;background:linear-gradient(180deg,#302b22,#27231d)!important;border-radius:2px!important}.page-donator .premium-metrics{gap:4px!important}.page-donator .premium-metrics>div{padding:5px 6px!important;background:#211f1a!important;border:1px solid #574b34!important}.page-donator .premium-benefit-grid,.page-donator .premium-plan-grid{gap:4px!important}.page-donator .premium-benefit-grid>div,.page-donator .premium-plan{background:var(--nw-fin-row)!important;border:1px solid var(--nw-fin-border)!important;border-radius:2px!important}.page-donator .premium-plan header{background:#202428!important;border-color:var(--nw-fin-border)!important}.page-donator .premium-reward-row{background:#282d31!important;border-color:var(--nw-fin-border)!important} .page-account .appearance-settings{border:1px solid var(--nw-fin-border)!important;background:#23272b!important}.page-account .appearance-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:6px!important}.page-account .appearance-options form{margin:0!important}.page-account .appearance-options button{width:100%!important}.page-account hr{border:0!important;border-top:1px solid var(--nw-fin-border)!important;margin:7px 0!important}.page-account label{font-size:9px!important;color:#c2c9ce!important}.page-account .small{color:var(--nw-fin-muted)!important} .page-owner .admin-heading{margin-bottom:5px!important;padding:8px 9px!important;border:1px solid var(--nw-fin-border)!important;background:#202428!important}.page-owner .admin-heading h2,.page-owner .admin-heading h3{margin:0!important;color:#f0f2f4!important}.page-owner .admin-heading p{margin:3px 0 0!important;color:var(--nw-fin-muted)!important;font-size:8px!important}.page-owner .admin-tabs{border:1px solid var(--nw-fin-border)!important;background:#202428!important}.page-owner .admin-tabs a{min-height:30px!important;padding:6px 9px!important;background:#252a2e!important;border-color:var(--nw-fin-border)!important;color:#b8c0c5!important;font-size:8px!important}.page-owner .admin-tabs a[aria-current=page]{background:#343a3f!important;color:#fff!important}.page-owner .admin-metrics,.page-owner .admin-metrics-wide,.page-owner .owner-shortcuts{gap:4px!important}.page-owner .admin-metrics>div,.page-owner .admin-metrics-wide>div,.page-owner .owner-mini-log,.page-owner .audit-entry,.page-owner .owner-diagnostic{background:#282d31!important;border:1px solid var(--nw-fin-border)!important;border-radius:2px!important}.page-owner .owner-shortcuts a{background:#252a2e!important;border:1px solid var(--nw-fin-border)!important;color:#e2e6e8!important;border-radius:2px!important}.page-owner .owner-shortcuts a:hover{background:#30363b!important} body.theme-light.page-economy,body.theme-light.page-bank,body.theme-light.page-stocks,body.theme-light.page-work,body.theme-light.page-education,body.theme-light.page-points,body.theme-light.page-donator,body.theme-light.page-account,body.theme-light.page-owner{--nw-fin-border:#c9ced2;--nw-fin-panel:#f5f7f8;--nw-fin-panel2:#fff;--nw-fin-muted:#657078;--nw-fin-text:#202427;--nw-fin-head:#edf0f2;--nw-fin-row:#fbfcfc} body.theme-light.page-economy .card,body.theme-light.page-bank .card,body.theme-light.page-stocks .card,body.theme-light.page-work .card,body.theme-light.page-education .card,body.theme-light.page-points .card,body.theme-light.page-donator .card,body.theme-light.page-account .card,body.theme-light.page-owner .card{background:#fff!important;border-color:var(--nw-fin-border)!important;box-shadow:0 1px 2px rgba(20,25,29,.08)!important} body.theme-light.page-economy .card>h2,body.theme-light.page-bank .card>h2,body.theme-light.page-stocks .card>h2,body.theme-light.page-work .card>h2,body.theme-light.page-education .card>h2,body.theme-light.page-points .card>h2,body.theme-light.page-donator .card>h2,body.theme-light.page-account .card>h2,body.theme-light.page-owner .card>h2{background:#edf0f2!important;color:#202427!important;border-color:var(--nw-fin-border)!important} body.theme-light.page-economy .crime-summary>div,body.theme-light.page-bank .crime-summary>div,body.theme-light.page-stocks .crime-summary>div,body.theme-light.page-work .crime-summary>div,body.theme-light.page-education .crime-summary>div,body.theme-light.page-points .crime-summary>div,body.theme-light.page-donator .crime-summary>div,body.theme-light.page-account .crime-summary>div,body.theme-light.page-owner .crime-summary>div{background:#f3f5f6!important;border-color:#d5dade!important} body.theme-light.page-economy .event-row,body.theme-light.page-bank .event-row,body.theme-light.page-stocks .event-row,body.theme-light.page-work .event-row,body.theme-light.page-education .event-row,body.theme-light.page-points .event-row,body.theme-light.page-donator .event-row,body.theme-light.page-account .event-row,body.theme-light.page-owner .event-row,body.theme-light.page-work .org-row,body.theme-light.page-education .org-row{background:#fbfcfc!important;border-color:#d5dade!important;color:#202427!important} body.theme-light.page-economy .economy-links a,body.theme-light.page-owner .owner-shortcuts a,body.theme-light.page-owner .admin-tabs a{background:#f5f7f8!important;border-color:#cbd1d5!important;color:#283036!important}.theme-light.page-economy .economy-links a:hover,.theme-light.page-owner .owner-shortcuts a:hover{background:#e9edef!important}.theme-light.page-owner .admin-tabs a[aria-current=page]{background:#dfe4e7!important;color:#171b1e!important} body.theme-light.page-stocks .stock-history{background:#fff!important;border-color:#cbd1d5!important}.theme-light.page-stocks th{background:#edf0f2!important;color:#384047!important}.theme-light.page-stocks td,.theme-light.page-stocks th{border-color:#d7dcdf!important}.theme-light.page-stocks tr:nth-child(even) td{background:#f7f8f9!important} body.theme-light.page-donator .premium-hero{background:linear-gradient(180deg,#fffaf0,#f6efe0)!important;border-color:#d7c59d!important}.theme-light.page-donator .premium-metrics>div{background:#fff8e9!important;border-color:#ddcda8!important}.theme-light.page-donator .premium-benefit-grid>div,.theme-light.page-donator .premium-plan,.theme-light.page-donator .premium-reward-row{background:#fff!important;border-color:#d5dade!important}.theme-light.page-donator .premium-plan header{background:#edf0f2!important;border-color:#d5dade!important} body.theme-light.page-account .appearance-settings{background:#fff!important;border-color:#cbd1d5!important}.theme-light.page-account label{color:#3e474d!important}.theme-light.page-owner .admin-heading{background:#edf0f2!important;border-color:#cbd1d5!important}.theme-light.page-owner .admin-heading h2,.theme-light.page-owner .admin-heading h3{color:#202427!important}.theme-light.page-owner .admin-heading p{color:#667078!important}.theme-light.page-owner .admin-metrics>div,.theme-light.page-owner .admin-metrics-wide>div,.theme-light.page-owner .owner-mini-log,.theme-light.page-owner .audit-entry,.theme-light.page-owner .owner-diagnostic{background:#fbfcfc!important;border-color:#d3d8dc!important} @media(max-width:720px){.page-bank .crime-summary,.page-stocks .crime-summary,.page-work .crime-summary,.page-education .crime-summary,.page-points .crime-summary,.page-donator .premium-metrics,.page-owner .admin-metrics,.page-owner .admin-metrics-wide{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-economy .economy-links,.page-owner .owner-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-work .org-row,.page-education .org-row{grid-template-columns:1fr!important}.page-account .appearance-options{grid-template-columns:1fr 1fr!important}.page-owner .admin-tabs{overflow-x:auto!important;white-space:nowrap!important}.page-owner .admin-tabs a{flex:0 0 auto!important}} @media(max-width:430px){.page-economy .economy-links,.page-owner .owner-shortcuts{grid-template-columns:1fr!important}.page-bank .crime-summary,.page-stocks .crime-summary,.page-work .crime-summary,.page-education .crime-summary,.page-points .crime-summary,.page-owner .admin-metrics,.page-owner .admin-metrics-wide{grid-template-columns:1fr 1fr!important}} /* City — dense directory rather than oversized dashboard tiles */ /* Contracts */ /* Drugs — compact status, inventory and history */ /* Dump */ /* Hunting */ /* Explore */ /* Collections + Leaderboards */ /* Events — calendar, live activity, seasonal shop */ /* Merits / Awards / Honours — same progression language */ /* Final sweep: shared visual rhythm */ /* White-mode page-specific equivalents */ @media(max-width:720px){ .page-drugs .crime-summary,.page-dump .crime-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important} .page-hunting .crime-summary{grid-template-columns:1fr!important} .page-dump form{grid-template-columns:1fr!important}.page-dump form button{width:100%!important} .page-events .upcoming-event-row{grid-template-columns:52px minmax(0,1fr)!important}.page-events .upcoming-event-row>div:last-child{grid-column:2!important;text-align:left!important} .page-events .event-shop-row{grid-template-columns:1fr!important}.page-events .event-shop-row>div:last-child{text-align:left!important} .page-awards .honour-filter,.page-honours .honour-filter{grid-template-columns:1fr!important} .page-honours .featured-honours{grid-template-columns:1fr!important} } .page-city,.page-contracts,.page-drugs,.page-dump,.page-hunting,.page-explore, .page-collections,.page-leaderboards,.page-events,.page-merits,.page-awards,.page-honours{ --nw-section-gap:5px; } .page-city .card,.page-contracts .card,.page-drugs .card,.page-dump .card,.page-hunting .card, .page-explore .card,.page-collections .card,.page-leaderboards .card,.page-events .card, .page-merits .card,.page-awards .card,.page-honours .card{margin-bottom:var(--nw-section-gap)!important} /* City — dense directory rather than oversized dashboard tiles */ .page-city .city-map-hero{min-height:0!important;border-radius:0!important;box-shadow:none!important} .page-city .city-live-strip{gap:1px!important;background:#111315!important;border:1px solid #111315!important} .page-city .city-featured-grid>a,.page-city .city-location-list>a{border-radius:0!important;box-shadow:none!important} .page-city .city-section-heading{border-radius:0!important} .page-city .city-district-card{border-radius:0!important;box-shadow:none!important} /* Contracts */ .page-contracts .event-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important} .page-contracts .event-row strong{font-size:10px!important} .page-contracts .event-row span,.page-contracts .event-row small{font-size:8px!important;color:#9da5aa!important} .page-contracts .action-row{margin:4px 0 0!important} /* Drugs — compact status, inventory and history */ .page-drugs .crime-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:5px!important} .page-drugs .event-row{min-height:36px!important;padding:5px 7px!important} .page-drugs .item-visual-row{min-height:56px!important} .page-drugs .item-visual-row .item-art{width:56px!important;height:56px!important} .page-drugs .item-visual-row,.page-drugs .item-visual-row.compact{grid-template-columns:56px minmax(0,1fr)!important;gap:8px!important;padding:6px!important} .page-drugs .action-row{margin:4px 0!important} /* Dump */ .page-dump .crime-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:5px!important} .page-dump form{display:grid!important;grid-template-columns:minmax(0,1fr) 90px auto!important;gap:5px!important;align-items:end!important} .page-dump form label{margin:0!important} .page-dump form button{margin:0!important;min-height:30px!important} .page-dump .card>p{margin:3px 0 6px!important} /* Hunting */ .page-hunting .crime-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-bottom:5px!important} .page-hunting .card>p{margin:3px 0 5px!important} .page-hunting .card form{margin:3px 0 0!important} .page-hunting .event-row{min-height:34px!important} /* Explore */ .page-explore .card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;padding:0!important} .page-explore .card>h2{grid-column:1/-1!important;margin:0!important} .page-explore .card>p{margin:0!important;padding:6px 8px!important;font-size:9px!important;color:#aeb5ba!important} .page-explore .card>form{padding:6px 8px 6px 0!important;margin:0!important} .page-explore .card>form button{white-space:nowrap!important} /* Collections + Leaderboards */ .page-collections .event-row,.page-leaderboards .event-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important} .page-collections .event-row strong,.page-leaderboards .event-row strong{font-size:10px!important} .page-collections .event-row span,.page-leaderboards .event-row span{font-size:8px!important;color:#9da5aa!important} .page-leaderboards table td,.page-leaderboards table th{padding:5px 6px!important} .page-leaderboards table th{font-size:8px!important;text-transform:uppercase!important;letter-spacing:.35px!important} /* Events — calendar, live activity, seasonal shop */ .page-events .event-calendar-head{display:grid!important;grid-template-columns:28px 1fr 28px!important;align-items:center!important;gap:1px!important;background:#111315!important;border:1px solid #111315!important;margin-bottom:2px!important} .page-events .event-calendar-head>a,.page-events .event-calendar-head>strong{min-height:28px!important;display:grid!important;place-items:center!important;background:#2b2f32!important;text-decoration:none!important;color:#edf0f2!important} .page-events .event-calendar{gap:1px!important;background:#111315!important} .page-events .event-calendar.weekdays>div{padding:4px 2px!important;background:#25292c!important;font-size:7px!important;text-transform:uppercase!important;color:#9da5aa!important} .page-events .calendar-day{min-height:48px!important;padding:4px!important;background:#2b2f32!important;border:0!important;border-radius:0!important} .page-events .calendar-day>b{font-size:8px!important} .page-events .calendar-day.today{box-shadow:inset 0 0 0 1px var(--nw-page-accent,#b99145)!important} .page-events .calendar-event{display:block!important;margin-top:2px!important;padding:2px 3px!important;border-left:2px solid var(--event-accent,#b99145)!important;background:#202428!important;font-size:6px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .page-events .upcoming-event-list,.page-events .event-shop-grid{display:flex!important;flex-direction:column!important;gap:2px!important} .page-events .upcoming-event-row{display:grid!important;grid-template-columns:62px minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;padding:6px 7px!important;border:1px solid #3f454a!important;background:#2b2f32!important} .page-events .upcoming-event-row .event-banner{width:58px!important;height:42px!important;overflow:hidden!important} .page-events .upcoming-event-row strong{font-size:10px!important}.page-events .upcoming-event-row span,.page-events .upcoming-event-row small{font-size:7px!important;color:#969fa5!important} .page-events .event-shop-row{display:grid!important;grid-template-columns:minmax(0,1fr) 100px!important;gap:7px!important;align-items:center!important;padding:6px 7px!important;border-bottom:1px solid #41474b!important} .page-events .event-shop-row .item-visual-row.compact{margin:0!important;grid-template-columns:54px minmax(0,1fr)!important;padding:4px!important} .page-events .event-shop-row .item-art{width:52px!important;height:52px!important} .page-events .event-shop-row>div:last-child{text-align:right!important}.page-events .event-shop-row>div:last-child form{margin:4px 0 0!important} /* Merits / Awards / Honours — same progression language */ .page-merits .card>p,.page-awards .card>p,.page-honours .card>p{margin:4px 0!important} .page-merits .card form{margin:4px 0 0!important} .page-awards .honour-filter,.page-honours .honour-filter{display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:5px!important;align-items:end!important;margin:5px 0 0!important} .page-awards .award-list,.page-honours .honour-list{display:flex!important;flex-direction:column!important;gap:2px!important} .page-awards .award-row{display:grid!important;grid-template-columns:minmax(0,1fr) 58px!important;gap:8px!important;align-items:center!important;padding:6px 7px!important;border:1px solid #41474b!important;background:#2b2f32!important} .page-awards .award-row strong,.page-honours .honour-row strong{font-size:10px!important} .page-awards .award-row span,.page-honours .honour-row span{display:block!important;font-size:8px!important;color:#9da5aa!important;margin-top:1px!important} .page-awards .award-row progress,.page-honours .honour-row progress{width:100%!important;height:5px!important;margin:4px 0 1px!important} .page-awards .award-row>b{font-size:8px!important;text-align:right!important;color:var(--nw-page-accent,#b894d1)!important} .page-honours .featured-honours{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;margin:5px 0!important} .page-honours .featured-honours>div{padding:6px!important;background:#2b2f32!important;border:1px solid #41474b!important} .page-honours .featured-honours span{display:block!important;font-size:7px!important;color:#8f989e!important}.page-honours .featured-honours strong{display:block!important;font-size:9px!important;margin:2px 0!important} .page-honours .honour-row{border:1px solid #41474b!important;background:#2b2f32!important} .page-honours .honour-row summary{display:grid!important;grid-template-columns:minmax(0,1fr) 58px!important;gap:7px!important;align-items:center!important;padding:6px 7px!important;cursor:pointer!important} .page-honours .honour-row summary>b{font-size:8px!important;text-align:right!important;color:var(--nw-page-accent,#b894d1)!important} .page-honours .honour-body{padding:0 7px 7px!important;border-top:1px solid #41474b!important} .page-honours .honour-feature-actions{display:flex!important;gap:3px!important;flex-wrap:wrap!important;margin-top:5px!important}.page-honours .honour-feature-actions form{margin:0!important} /* Final sweep: shared visual rhythm */ main>.layout .content>.card+ .card{margin-top:0!important} .card>h2+form,.card>h2+.action-row,.card>h2+.crime-summary{margin-top:0!important} .card p.small,.card small{line-height:1.35!important} button,.button,a.button{border-radius:2px!important} /* White-mode page-specific equivalents */ body.theme-light .page-events .event-calendar-head, body.theme-light .page-events .event-calendar{background:#b7bdc1!important;border-color:#b7bdc1!important} body.theme-light .page-events .event-calendar-head>a, body.theme-light .page-events .event-calendar-head>strong, body.theme-light .page-events .calendar-day, body.theme-light .page-events .upcoming-event-row, body.theme-light .page-awards .award-row, body.theme-light .page-honours .featured-honours>div, body.theme-light .page-honours .honour-row{background:#f1f3f4!important;border-color:#b7bdc1!important;color:#24282b!important} body.theme-light .page-events .event-calendar.weekdays>div{background:#e5e8ea!important;color:#596267!important} body.theme-light .page-events .calendar-event{background:#e2e6e8!important;color:#30363a!important} body.theme-light .page-contracts .event-row span, body.theme-light .page-contracts .event-row small, body.theme-light .page-explore .card>p, body.theme-light .page-collections .event-row span, body.theme-light .page-leaderboards .event-row span, body.theme-light .page-awards .award-row span, body.theme-light .page-honours .honour-row span, body.theme-light .page-honours .featured-honours span{color:#60696e!important} @media(max-width:720px){ .page-drugs .crime-summary,.page-dump .crime-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important} .page-hunting .crime-summary{grid-template-columns:1fr!important} .page-dump form{grid-template-columns:1fr!important}.page-dump form button{width:100%!important} .page-events .upcoming-event-row{grid-template-columns:52px minmax(0,1fr)!important}.page-events .upcoming-event-row>div:last-child{grid-column:2!important;text-align:left!important} .page-events .event-shop-row{grid-template-columns:1fr!important}.page-events .event-shop-row>div:last-child{text-align:left!important} .page-awards .honour-filter,.page-honours .honour-filter{grid-template-columns:1fr!important} .page-honours .featured-honours{grid-template-columns:1fr!important} } :root{ --nw-shell-width:1180px; --nw-shell-gap:10px; --nw-shell-radius:0px; --nw-dark-bg:#181b1e; --nw-dark-panel:#292d30; --nw-dark-panel-alt:#24282b; --nw-dark-head:#34383b; --nw-dark-border:#111315; --nw-dark-border-soft:#41474b; --nw-dark-text:#e8ebed; --nw-dark-muted:#9da5aa; --nw-light-bg:#e4e6e7; --nw-light-panel:#f8f9f9; --nw-light-panel-alt:#eef0f1; --nw-light-head:#dfe2e4; --nw-light-border:#b9bec2; --nw-light-border-soft:#d0d5d8; --nw-light-text:#202428; --nw-light-muted:#626c72; } html{background:#181b1e} body{min-height:100vh} header>div,main{max-width:var(--nw-shell-width)!important} header{ padding:8px 14px!important; background:linear-gradient(#34383b,#25292c)!important; border-bottom:2px solid #9a804b!important; box-shadow:inset 0 1px rgba(255,255,255,.08)!important } header>div{min-height:34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important} header h1{font-family:Arial,Helvetica,sans-serif!important;font-size:18px!important;line-height:1!important;letter-spacing:1.4px!important;color:#f0f1f2!important;text-shadow:0 1px #000!important} header .brand-note{font-size:7px!important;letter-spacing:1.4px!important;color:#abb1b5!important;text-transform:uppercase!important} main{padding:8px 10px 14px!important} .game-shell{grid-template-columns:176px minmax(0,1fr)!important;gap:10px!important;align-items:start!important} .game-content{width:100%;max-width:100%;overflow:hidden} .player-panel{margin:0 0 7px!important;border:1px solid var(--nw-dark-border)!important;border-radius:0!important;background:#292d30!important;box-shadow:none!important} .player-name{padding:7px 8px!important;background:linear-gradient(#3a3e41,#2c3033)!important;border-bottom:1px solid #111315!important;font-size:11px!important;color:#f0f1f2!important} .player-name span{font-size:8px!important;color:#aeb4b8!important} .player-meta{min-height:25px!important;padding:4px 7px!important;border-color:#41474b!important;font-size:8px!important;color:#9fa6aa!important} .player-meta strong{font-size:9px!important;color:#e6e9eb!important} .player-status-summary{min-height:27px!important;padding:5px 7px!important;background:#23272a!important;border-color:#111315!important} .sidebar-resources{padding:5px!important;background:#262a2d!important} .side-resource{margin:0 0 4px!important}.side-resource:last-child{margin-bottom:0!important} .side-resource strong{font-size:8px!important} .side-resource progress{height:4px!important;margin-top:2px!important} .desktop-sidebar nav>div{margin-bottom:5px!important;border-color:#111315!important;background:#292d30!important;box-shadow:none!important} .desktop-sidebar nav strong{padding:5px 8px!important;background:linear-gradient(#3b3f42,#2e3235)!important;border-color:#111315!important;font-size:9px!important;letter-spacing:.2px!important} .desktop-sidebar nav a{min-height:27px!important;padding:5px 7px 5px 8px!important;border-color:#41474b!important;background:#292d30!important;color:#b8bec2!important;font-size:9px!important} .desktop-sidebar nav a:before{display:none!important} .desktop-sidebar nav a:hover{background:#33383b!important;color:#fff!important} .desktop-sidebar nav a.active{background:#383b34!important;color:#fff!important;box-shadow:3px 0 0 var(--nw-page-accent) inset!important} .side-nav-icon{width:13px!important;height:13px!important;opacity:.86} .nav-favourites strong{color:#d2bd8c!important}.nav-favourites a{background:#302d27!important} .quick-links{overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important} .quick-links::-webkit-scrollbar{display:none!important} .quick-links a{scroll-snap-align:start!important;transition:background .12s ease,color .12s ease!important} .quick-links a.active{background:linear-gradient(#4a4e50,#34383b)!important;color:#fff!important;box-shadow:inset 0 -3px var(--nw-page-accent)!important} .quick-links a.active .nav-icon{filter:brightness(1.12)!important} .mobile-hud{margin:0 0 6px!important;border-radius:0!important} .hud-resources,.hud-wallet{gap:0!important;border:1px solid #111315!important;background:#202427!important} .hud-resource,.wallet-cell{border-radius:0!important;border:0!important;border-right:1px solid #111315!important;background:#292d30!important} .hud-resource:last-child,.wallet-cell:last-child{border-right:0!important} .wallet-cell{min-height:40px!important;padding:4px 5px!important} .wallet-cell span{font-size:6px!important}.wallet-cell strong{font-size:8px!important} .live-indicator{font-size:6px!important;letter-spacing:.5px!important;color:#8f989e!important} .page-header,.page-breadcrumbs,.section-tabs,.section-help{max-width:100%!important} .page-heading-icon,.page-header-actions form button{border-radius:0!important} .page-breadcrumbs{scroll-snap-type:x proximity!important}.page-breadcrumbs>*{scroll-snap-align:start!important} .section-tabs{scrollbar-width:none!important}.section-tabs::-webkit-scrollbar{display:none!important} .section-tabs a:hover{background:#383c3f!important;color:#fff!important} .card>h2,.compact>summary{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important} button,.profile-action,.button-link{border-radius:2px!important} input,select,textarea{border-radius:2px!important} footer{margin-top:7px!important;padding:10px 8px!important;border-top:1px solid #33383c!important;color:#737c82!important;font-size:8px!important;text-align:center!important} /* White mode uses the same physical hierarchy, only palette changes. */ html:has(body.theme-light){background:var(--nw-light-bg)} body.theme-light{background:var(--nw-light-bg)!important;color:var(--nw-light-text)!important} body.theme-light header{background:linear-gradient(#f6f7f7,#dfe2e4)!important;border-bottom-color:#a8894e!important;box-shadow:inset 0 1px #fff!important} body.theme-light header h1{color:#22272a!important;text-shadow:none!important} body.theme-light header .brand-note{color:#616a70!important} body.theme-light .player-panel{background:#f7f8f8!important;border-color:#afb5b9!important} body.theme-light .player-name{background:linear-gradient(#f2f4f5,#dfe2e4)!important;border-color:#b7bdc1!important;color:#1f2427!important} body.theme-light .player-name span{color:#667078!important} body.theme-light .player-meta{background:#fafbfb!important;border-color:#d0d5d8!important;color:#657078!important} body.theme-light .player-meta strong{color:#202428!important} body.theme-light .player-status-summary{background:#eef0f1!important;border-color:#bec4c8!important;color:#626c72!important} body.theme-light .sidebar-resources{background:#f4f6f6!important} body.theme-light .desktop-sidebar nav>div{background:#f7f8f8!important;border-color:#b8bec2!important} body.theme-light .desktop-sidebar nav strong{background:linear-gradient(#e4e7e8,#d4d8da)!important;border-color:#b8bec2!important;color:#30363a!important;text-shadow:none!important} body.theme-light .desktop-sidebar nav a{background:#f6f7f8!important;border-color:#d4d8db!important;color:#454e54!important} body.theme-light .desktop-sidebar nav a:hover{background:#fff!important;color:#171b1e!important} body.theme-light .desktop-sidebar nav a.active{background:#ece7db!important;color:#2e332d!important;box-shadow:3px 0 0 var(--nw-page-accent) inset!important} body.theme-light .nav-favourites a{background:#f4efe3!important} body.theme-light .quick-links{background:#e3e6e7!important;border-color:#b8bdc1!important} body.theme-light .quick-links a{background:linear-gradient(#fafbfb,#e8ebec)!important;border-color:#c8cdd0!important;color:#485158!important} body.theme-light .quick-links a:hover{background:#fff!important;color:#111416!important} body.theme-light .quick-links a.active{background:linear-gradient(#fff,#e7e9ea)!important;color:#171b1e!important;box-shadow:inset 0 -3px var(--nw-page-accent)!important} body.theme-light .hud-resources,body.theme-light .hud-wallet{background:#dde1e3!important;border-color:#b8bdc1!important} body.theme-light .hud-resource,body.theme-light .wallet-cell{background:#f6f7f8!important;border-color:#c7ccd0!important;color:#343b40!important} body.theme-light .wallet-cell strong{color:#1e2326!important} body.theme-light .live-timers{background:#dfe3e5!important;border-color:#b8bdc1!important} body.theme-light .live-timers>a{background:#f5f7f7!important;border-color:#c7ccd0!important;color:#5d676d!important} body.theme-light .live-timers>a b{color:#202528!important} body.theme-light .page-header{background:linear-gradient(#f5f6f7,#e2e5e7)!important;border-color:#b6bcc0!important;border-left-color:var(--nw-page-accent)!important;box-shadow:inset 0 1px #fff!important} body.theme-light .page-heading-icon{background:#f8f9f9!important;border-color:#bcc2c6!important} body.theme-light .page-title{color:#202428!important;text-shadow:none!important} body.theme-light .page-kicker{color:#687278!important} body.theme-light .page-header-actions form button{background:#f7f8f8!important;border-color:#b7bdc1!important;box-shadow:inset 0 1px #fff!important} body.theme-light .page-breadcrumbs{background:#f0f2f3!important;border-color:#bcc2c6!important;color:#687278!important} body.theme-light .section-tabs{background:#e6e9ea!important;border-color:#bcc2c6!important} body.theme-light .section-tabs a{background:#eef0f1!important;border-color:#c6cbce!important;color:#4d575d!important} body.theme-light .section-tabs a:hover{background:#f8f9f9!important;color:#15191c!important} body.theme-light .section-tabs a[aria-current=page]{background:#fff!important;color:#171b1e!important;border-bottom-color:var(--nw-page-accent)!important} body.theme-light .section-help{background:#f1f3f4!important;border-left-color:#8b9297!important;color:#606a70!important} body.theme-light footer{border-top-color:#c5cacf!important;color:#717a80!important} /* Accessibility and rhythm QA */ a,button,summary{-webkit-tap-highlight-color:transparent} a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--nw-page-accent)!important;outline-offset:2px!important} button:disabled{filter:saturate(.6)!important} .card:last-child{margin-bottom:0!important} .content-panels{min-width:0!important} .content-panels img,.panel-body img{max-width:100%} pre,code{max-width:100%;overflow-wrap:anywhere} table{max-width:100%} @media(max-width:720px){ main{padding:6px!important} .game-shell{display:block!important} .city-menu{margin:0 0 5px!important;border-radius:0!important} .city-menu>summary{min-height:36px!important;padding:8px 9px!important;font-size:10px!important} .city-menu nav{gap:3px!important;padding:4px!important} .city-menu nav>div{margin:0!important} .city-menu nav strong{font-size:8px!important} .city-menu nav a{min-height:32px!important;padding:6px 7px!important;font-size:9px!important;border-radius:0!important} .quick-links a{min-width:62px!important;flex:0 0 62px!important;min-height:54px!important;padding:5px 3px!important} .quick-links .nav-icon{width:19px!important;height:19px!important} .mobile-hud{display:block!important} .page-header{min-height:42px!important;grid-template-columns:28px minmax(0,1fr) auto!important;padding:5px 6px!important} .page-heading-icon{width:26px!important;height:26px!important}.page-icon{width:16px!important;height:16px!important} .page-title{font-size:14px!important}.page-kicker{font-size:5.5px!important} .page-breadcrumbs{min-height:24px!important;padding:4px 6px!important} .section-tabs a{min-height:30px!important;padding:5px 8px!important;font-size:8px!important} .card>h2,.compact>summary{min-height:32px!important;padding:6px 8px!important;font-size:10px!important} .panel-body{padding:6px 8px!important} } @media(max-width:430px){ .hud-resources{grid-template-columns:repeat(2,minmax(0,1fr))!important} .hud-wallet{grid-template-columns:repeat(4,minmax(0,1fr))!important} .live-timers{grid-template-columns:repeat(3,minmax(0,1fr))!important} .page-header-actions form button{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important} } :root{ --nw-radius:3px;--nw-gap:8px;--nw-control-h:34px;--nw-font:Arial,Helvetica,sans-serif; --nw-accent:#9b7a3d;--nw-good:#6f915c;--nw-warn:#b58a43;--nw-bad:#a85b52;--nw-info:#527f9d; } body.theme-dark{ --nw-bg:#17191c;--nw-shell:#202327;--nw-panel:#292d31;--nw-panel-2:#24282c;--nw-panel-3:#31363b; --nw-line:#3f464c;--nw-line-soft:#343a3f;--nw-text:#e6e8e9;--nw-muted:#9aa2a8;--nw-subtle:#707980; --nw-input:#1c1f22;--nw-hover:#34393e;--nw-selected:#3a3428;--nw-link:#c7aa6e;--nw-shadow:#0007; } body.theme-light{ --nw-bg:#dfe2e4;--nw-shell:#eceeef;--nw-panel:#f7f8f8;--nw-panel-2:#eff1f2;--nw-panel-3:#e5e8e9; --nw-line:#b8bec2;--nw-line-soft:#ccd0d3;--nw-text:#1d2124;--nw-muted:#596167;--nw-subtle:#747c82; --nw-input:#fff;--nw-hover:#e7eaec;--nw-selected:#f0e7d6;--nw-link:#2c6482;--nw-shadow:#0002; } html,body{font-family:var(--nw-font);} body{background:var(--nw-bg)!important;color:var(--nw-text)!important;} main,.game-shell,.game-content,.content-panels{color:var(--nw-text)!important;} .game-content{background:var(--nw-shell)!important;border-color:var(--nw-line)!important;} a{color:var(--nw-link);} .card,details.compact,.player-panel,.market-row,.message-conversation-row,.forum-category-card,.forum-search-result,.player-directory-row, .property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row,.travel-destination-row,.foreign-market-row,.travel-class-option, .event-shop-row,.race-track-row,.org-item-row,.reward-row{background:var(--nw-panel)!important;border-color:var(--nw-line)!important;color:var(--nw-text)!important;box-shadow:0 1px 2px var(--nw-shadow)!important;} .card>h2,details.compact>summary,.compact>summary,.player-name,.city-menu>summary{ background:linear-gradient(var(--nw-panel-3),var(--nw-panel-2))!important;color:var(--nw-text)!important;border-color:var(--nw-line)!important;text-shadow:none!important; } .panel-body{background:var(--nw-panel)!important;color:var(--nw-text)!important;} .panel-body p,.panel-body li,.panel-body span,.panel-body td,.panel-body th,.panel-body small,.small,.muted{color:var(--nw-muted)!important;} .panel-body strong,.panel-body b,.stat strong,.info-list strong,.profile-metrics strong,.home-status-strip strong{color:var(--nw-text)!important;} .stat,.info-list>div,.torn-table>div,.profile-metrics>div,.home-status-strip>div,.inventory-market-strip{ background:var(--nw-panel-2)!important;border-color:var(--nw-line-soft)!important;color:var(--nw-text)!important; } .page-header{background:linear-gradient(var(--nw-panel),var(--nw-panel-2))!important;border-color:var(--nw-line)!important;border-bottom:3px solid var(--nw-accent)!important;box-shadow:0 1px 2px var(--nw-shadow)!important;} .page-title{color:var(--nw-text)!important;text-shadow:none!important;} .page-kicker,.eyebrow{color:var(--nw-accent)!important;} .section-tabs,.admin-tabs{background:var(--nw-panel-2)!important;border-color:var(--nw-line)!important;} .section-tabs a,.admin-tabs a{background:var(--nw-panel-3)!important;color:var(--nw-muted)!important;border-color:var(--nw-line)!important;} .section-tabs a[aria-current=page],.section-tabs a[aria-current],.admin-tabs a[aria-current=page]{background:var(--nw-panel)!important;color:var(--nw-text)!important;border-top:2px solid var(--nw-accent)!important;} button,.profile-action,.ui-link,input[type=submit],input[type=button]{border-radius:var(--nw-radius)!important;min-height:var(--nw-control-h);} button,.profile-action,.ui-link,input[type=submit],input[type=button]{background:linear-gradient(var(--nw-panel-3),var(--nw-panel-2))!important;border:1px solid var(--nw-line)!important;color:var(--nw-text)!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important;text-shadow:none!important;} button:hover:not(:disabled),.profile-action:hover,.ui-link:hover{background:var(--nw-hover)!important;} input,select,textarea{background:var(--nw-input)!important;border:1px solid var(--nw-line)!important;color:var(--nw-text)!important;border-radius:var(--nw-radius)!important;box-shadow:inset 0 1px 2px var(--nw-shadow)!important;} label{color:var(--nw-muted)!important;} input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb,var(--nw-accent) 85%,white 15%)!important;outline-offset:1px;} .item-art,.property-art{background:radial-gradient(circle at 30% 25%,#353b40,#161a1d 74%)!important;border-color:#4b5359!important;} body.theme-light .item-art,body.theme-light .property-art{background:radial-gradient(circle at 30% 25%,#31373c,#171b1f 74%)!important;border-color:#737b80!important;} .market-row:hover,.message-conversation-row:hover,.forum-category-card:hover,.forum-search-result:hover,.city-location-list>a:hover{background:var(--nw-hover)!important;} .flash{background:color-mix(in srgb,var(--nw-good) 20%,var(--nw-panel) 80%)!important;color:var(--nw-text)!important;border-color:var(--nw-good)!important;} .flash.error{background:color-mix(in srgb,var(--nw-bad) 20%,var(--nw-panel) 80%)!important;border-color:var(--nw-bad)!important;} .empty-state{background:var(--nw-panel-2)!important;border-color:var(--nw-line)!important;color:var(--nw-muted)!important;} .money-qol-tip,.row-hint,.premium-owner-note{background:var(--nw-selected)!important;color:var(--nw-text)!important;border-color:color-mix(in srgb,var(--nw-accent) 55%,var(--nw-line) 45%)!important;} .desktop-sidebar,.city-menu{background:var(--nw-shell)!important;border-color:var(--nw-line)!important;} .desktop-sidebar nav strong,.city-menu nav strong{background:var(--nw-panel-3)!important;color:var(--nw-muted)!important;border-color:var(--nw-line)!important;} .desktop-sidebar nav a,.city-menu nav a{background:var(--nw-panel)!important;color:var(--nw-text)!important;border-color:var(--nw-line-soft)!important;} .desktop-sidebar nav a:hover,.city-menu nav a:hover{background:var(--nw-hover)!important;} .desktop-sidebar nav a[aria-current=page],.desktop-sidebar nav a.active,.city-menu nav a[aria-current=page]{background:var(--nw-selected)!important;border-left:3px solid var(--nw-accent)!important;color:var(--nw-text)!important;} .quick-links{background:var(--nw-panel-2)!important;border-color:var(--nw-line)!important;} .quick-links a{background:var(--nw-panel)!important;color:var(--nw-muted)!important;border-color:var(--nw-line-soft)!important;} .quick-links a:hover{background:var(--nw-hover)!important;color:var(--nw-text)!important;} .quick-links a[aria-current=page],.quick-links a.active{background:var(--nw-selected)!important;color:var(--nw-text)!important;border-bottom:2px solid var(--nw-accent)!important;} .player-panel{overflow:hidden}.player-name{border-bottom:2px solid var(--nw-accent)!important}.player-meta,.player-status-summary{border-color:var(--nw-line-soft)!important;color:var(--nw-muted)!important;} .card table{border-collapse:collapse}.card th{background:var(--nw-panel-3)!important;color:var(--nw-text)!important;border-color:var(--nw-line)!important}.card td{background:var(--nw-panel)!important;color:var(--nw-muted)!important;border-color:var(--nw-line-soft)!important;} progress{accent-color:var(--nw-accent)} footer{color:var(--nw-subtle)!important;border-color:var(--nw-line)!important;} @media(max-width:720px){ main{padding:6px!important}.game-content{padding:0 6px 8px!important;border-left:0!important;border-right:0!important}.page-header{padding:7px 8px!important;margin-bottom:6px!important}.page-header .page-title,.page-title{font-size:16px!important}.page-kicker{font-size:7px!important}.section-tabs{margin-bottom:7px!important}.section-tabs a{padding:8px 9px!important;font-size:10px!important}.card{margin-bottom:7px!important}.card>h2,.compact>summary{padding:8px 9px!important}.panel-body{padding:8px 9px!important}.quick-links{height:34px!important}.quick-links a{min-width:68px!important;padding:8px!important;font-size:9px!important}.city-menu nav{gap:4px!important;padding:5px!important}.city-menu nav a{min-height:34px!important;padding:8px!important;font-size:10px!important}.city-menu nav strong{padding:4px 6px!important;font-size:9px!important}.market-row,.message-conversation-row,.property-home-row,.travel-destination-row,.foreign-market-row{padding:6px!important;}.item-visual-row,.item-visual-row.compact{grid-template-columns:68px minmax(0,1fr)!important;gap:8px!important;padding:7px!important}.item-visual-row .item-art,.item-visual-row.compact .item-art{width:68px!important;height:68px!important}.market-row-main{grid-template-columns:70px minmax(0,1fr)!important}.market-row-main .item-art,.market-row-main .item-art-icon{width:66px!important;height:66px!important}} @media(max-width:430px){.page-header-actions{gap:3px!important}.page-header-actions button{min-height:32px!important}.section-tabs a{padding:7px 8px!important}.compact>summary{grid-template-columns:minmax(0,1fr) auto!important}.row-preview{grid-column:1/-1!important}.row-hint{grid-column:2!important;grid-row:1!important}.dashboard-grid,.city-grid,.gym-stat-grid{grid-template-columns:1fr!important}} :root{ --nw-radius-sm:3px;--nw-radius-md:4px;--nw-gap-xs:4px;--nw-gap-sm:6px;--nw-gap-md:8px; --nw-font-xs:9px;--nw-font-sm:10px;--nw-font-md:11px;--nw-font-lg:14px;--nw-font-xl:18px; } body{font-size:var(--nw-font-md);line-height:1.32;letter-spacing:0} main,.content,.page-content{min-width:0} h1,.page-title{font-size:var(--nw-font-xl)!important;line-height:1.08!important;letter-spacing:.15px!important;margin:0!important} h2,.card>h2,.panel>h2,.section-title{font-size:12px!important;line-height:1.15!important;letter-spacing:.45px!important} h3{font-size:11px!important;line-height:1.2!important} p{line-height:1.38}.small,small,.muted{line-height:1.3} /* navigation: denser, calmer and consistent */ .sidebar,.side-nav,.nav-panel{gap:2px!important} .sidebar a,.side-nav a,.nav-panel a,.quick-nav a,.top-nav a{min-height:30px!important;padding:6px 8px!important;border-radius:var(--nw-radius-sm)!important;font-size:10px!important;line-height:1.1!important} .sidebar .nav-group,.side-nav .nav-group{margin:6px 0 2px!important;padding:0 6px!important;font-size:8px!important;letter-spacing:.75px!important;text-transform:uppercase} .quick-nav,.quick-links,.subnav,.page-tabs,.tabs{gap:4px!important} .quick-nav a,.quick-links a,.subnav a,.page-tabs a,.tabs a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* page shell */ .page-header,.content-header{padding:8px 10px!important;margin-bottom:7px!important;border-radius:var(--nw-radius-md)!important} .breadcrumbs{font-size:8px!important;margin-bottom:3px!important} .card,.panel,.box,.section{border-radius:var(--nw-radius-md)!important;margin-bottom:7px!important} .card>h2,.panel>h2,.box>h2,.section>h2{padding:7px 9px!important;margin:0!important} .card-body,.panel-body,.section-body{padding:8px 9px!important} /* controls */ button,.button,.btn,input,select,textarea{border-radius:var(--nw-radius-sm)!important} button,.button,.btn{min-height:31px!important;padding:6px 9px!important;font-size:10px!important;line-height:1.1!important} input,select,textarea{min-height:31px!important;padding:6px 7px!important;font-size:10px!important} label{font-size:9px!important;margin-bottom:3px!important} /* tables + list rows */ table{font-size:10px!important}th{font-size:8px!important;letter-spacing:.45px!important;text-transform:uppercase} th,td{padding:6px 7px!important} .item-visual-row,.market-row,.property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row,.travel-destination-row,.foreign-market-row,.travel-class-option,.org-item-row,.reward-row,.event-shop-row,.race-track-row{border-radius:var(--nw-radius-sm)!important} .item-visual-meta strong,.market-row-copy strong,.property-home-row strong,.travel-destination-row strong{line-height:1.15!important} /* badges/status chips */ .badge,.pill,.chip,.tag,.status-pill{padding:3px 5px!important;border-radius:999px!important;font-size:8px!important;line-height:1!important} /* desktop density */ @media(min-width:721px){ .layout,.app-shell{gap:8px!important}.sidebar{width:190px!important}.content,.page-content{padding:8px!important} .home-status-strip,.profile-metrics{gap:4px!important;margin:4px 0 6px!important}.home-status-strip>div,.profile-metrics>div{padding:6px 7px!important} } /* mobile: reduce dead space without crushing actions */ @media(max-width:720px){ body{font-size:10px!important}.content,.page-content,main{padding:5px!important} .page-header,.content-header{padding:7px 8px!important;margin-bottom:5px!important} h1,.page-title{font-size:16px!important} .card,.panel,.box,.section{margin-bottom:5px!important} .card>h2,.panel>h2,.box>h2,.section>h2{padding:6px 7px!important} .card-body,.panel-body,.section-body{padding:7px!important} .quick-nav,.quick-links,.subnav,.page-tabs,.tabs{gap:3px!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} .quick-nav::-webkit-scrollbar,.quick-links::-webkit-scrollbar,.subnav::-webkit-scrollbar,.page-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none} .quick-nav a,.quick-links a,.subnav a,.page-tabs a,.tabs a{flex:0 0 auto;min-height:28px!important;padding:5px 7px!important;font-size:9px!important} button,.button,.btn{min-height:30px!important;padding:6px 8px!important} input,select,textarea{min-height:30px!important} th,td{padding:5px 6px!important} .item-visual-row,.item-visual-row.compact{grid-template-columns:68px minmax(0,1fr)!important;gap:8px!important;padding:7px!important} .item-visual-row .item-art,.item-visual-row.compact .item-art{width:64px!important;height:64px!important} .market-row-main{grid-template-columns:68px minmax(0,1fr)!important;gap:8px!important} .market-row-main .item-art,.market-row-main .item-art-icon{width:64px!important;height:64px!important} .property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row,.travel-destination-row,.foreign-market-row,.travel-class-option{grid-template-columns:50px minmax(0,1fr) auto!important;gap:6px!important;min-height:52px!important;padding:6px!important} .property-art{width:44px!important;height:44px!important} } @media(max-width:430px){ .topbar,.app-header,.mobile-hud{padding-left:6px!important;padding-right:6px!important} .page-header,.content-header{margin-left:0!important;margin-right:0!important} .stats-grid,.home-status-strip,.profile-metrics{gap:3px!important} .home-status-strip>div,.profile-metrics>div{padding:5px!important} .home-status-strip span,.profile-metrics span{font-size:8px!important}.home-status-strip strong,.profile-metrics strong{font-size:11px!important} .market-row-actions{gap:3px!important}.market-row-actions button{min-height:28px!important} .inventory-market-strip{padding:5px 6px!important;margin:5px 0!important;gap:5px!important} } :root{--nw-shell-w:1180px;--nw-side-w:188px;--nw-nav-h:48px} body{background:var(--nw-bg)!important} header{padding:0!important;border-bottom:1px solid #090a0b!important;background:linear-gradient(#25282b,#151719)!important;box-shadow:0 1px 0 rgba(255,255,255,.06) inset!important} header>div{max-width:var(--nw-shell-w);margin:0 auto;padding:7px 10px!important} .brand-lockup{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important} .brand-vector{width:31px;height:31px;display:grid;place-items:center;border:1px solid #4a4f53;background:linear-gradient(#34383b,#1f2225);box-shadow:0 1px 0 rgba(255,255,255,.08) inset} .brand-vector-icon{width:20px;height:20px;color:#c2a266;stroke-width:1.5} .brand-copy{display:flex;flex-direction:column;gap:0}.brand-copy h1{margin:0!important;font:700 19px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.8px!important}.brand-copy .brand-note{display:block!important;font:700 7px/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:1.15px!important;color:#878e93!important;margin-top:3px} main{max-width:var(--nw-shell-w)!important;margin:0 auto!important;padding:7px 8px 12px!important} .game-shell{grid-template-columns:var(--nw-side-w) minmax(0,1fr)!important;gap:7px!important;align-items:start!important} .desktop-sidebar{top:6px!important;background:transparent!important} .player-panel{border-radius:0!important;border:1px solid #0d0e0f!important;background:#24272a!important;box-shadow:0 1px 0 rgba(255,255,255,.05) inset!important} .player-name{padding:7px 8px!important;background:linear-gradient(#3b3e41,#2b2e31)!important;border-bottom:1px solid #111315!important;font-size:11px!important} .player-meta{padding:4px 7px!important;font-size:8px!important;border-color:#3a3f43!important} .player-status-summary{padding:5px 7px!important;border-color:#111315!important} .sidebar-resources{padding:5px 6px!important;background:#1c1f21!important} .side-resource>div{font-size:8px!important}.side-resource progress{height:5px!important} .desktop-sidebar nav{border:1px solid #111315!important;background:#222528!important} .desktop-sidebar nav>div{margin:0!important;border:0!important;border-bottom:1px solid #101113!important;background:#25282b!important} .desktop-sidebar nav strong{padding:5px 7px!important;background:linear-gradient(#393d40,#2c2f32)!important;color:#aeb4b8!important;border:0!important;border-bottom:1px solid #111315!important;font:700 8px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.55px!important;text-transform:uppercase!important} .desktop-sidebar nav a{display:grid!important;grid-template-columns:15px minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;min-height:26px!important;padding:4px 6px!important;background:#262a2d!important;border:0!important;border-bottom:1px solid #3a3f43!important;color:#b9c0c4!important;font:600 9px/1.1 Arial,Helvetica,sans-serif!important} .desktop-sidebar nav a:hover{background:#31363a!important;color:#fff!important} .desktop-sidebar nav a.active{background:#353a35!important;color:#fff!important;box-shadow:3px 0 0 var(--nw-accent) inset!important} .side-nav-icon{display:block!important;width:13px!important;height:13px!important;color:#858f95!important;stroke-width:1.7}.desktop-sidebar nav a.active .side-nav-icon{color:#c5a668!important} .nav-unread{justify-self:end;min-width:16px;padding:1px 4px;border-radius:8px;background:#8c3f39;color:#fff;font-size:7px;text-align:center} .game-content{background:#202326!important;border:1px solid #111315!important;padding:0 6px 8px!important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset!important} .vector-nav{display:grid!important;grid-template-columns:repeat(11,minmax(55px,1fr))!important;height:var(--nw-nav-h)!important;overflow:visible!important;margin:0 -6px 5px!important;border:0!important;border-bottom:1px solid #101113!important;background:linear-gradient(#35393c,#24272a)!important;box-shadow:0 1px 0 rgba(255,255,255,.07) inset!important} .vector-nav a{min-width:0!important;height:var(--nw-nav-h)!important;padding:4px 2px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;border:0!important;border-right:1px solid #17191b!important;background:transparent!important;color:#a8afb4!important;text-shadow:0 1px #000!important;font-size:7px!important} .vector-nav a:hover{background:#3b4043!important;color:#fff!important}.vector-nav a.active{background:linear-gradient(#4a4f51,#34383b)!important;color:#fff!important;box-shadow:inset 0 -3px var(--nw-accent)!important} .vector-nav .nav-icon{display:block!important;width:18px!important;height:18px!important;stroke-width:1.55!important;color:#9ba4aa!important}.vector-nav a.active .nav-icon{color:#ceb06f!important}.vector-nav small{font:700 7px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.3px!important} .quick-unread{position:absolute!important;top:3px!important;right:5px!important;min-width:14px!important;height:14px!important;line-height:14px!important;padding:0 3px!important;border-radius:7px!important;font-size:7px!important} .vector-nav a{position:relative!important} /* Use the live HUD as the desktop status header too, matching dense browser-MMO hierarchy. */ @media(min-width:721px){ .mobile-hud{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr)!important;grid-template-areas:"resources wallet" "timers timers";margin:0 -6px 5px!important;border:0!important;border-bottom:1px solid #111315!important;background:#1b1d1f!important;box-shadow:none!important} .mobile-hud .live-indicator{display:none!important}.hud-resources{grid-area:resources!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.hud-wallet{grid-area:wallet!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:0!important;overflow:visible!important;border-left:1px solid #111315!important}.wallet-cell{min-height:29px!important;padding:4px 6px!important;border:0!important;border-right:1px solid #111315!important;border-bottom:1px solid #111315!important;display:grid!important;grid-template-columns:13px 1fr!important;grid-template-areas:"icon label" "icon value"!important;column-gap:5px!important}.wallet-cell .wallet-icon{grid-area:icon!important;align-self:center!important}.wallet-cell span{grid-area:label!important;font-size:6px!important;text-transform:uppercase!important;color:#858d92!important}.wallet-cell strong{grid-area:value!important;font-size:9px!important}.live-timers{grid-area:timers!important;display:flex!important;gap:0!important;padding:0!important;background:#202326!important;border-top:1px solid #353a3e!important;overflow:hidden!important}.live-timers a{flex:1!important;min-height:24px!important;padding:4px 6px!important;border-right:1px solid #111315!important;font-size:7px!important}.live-timers a:last-child{border-right:0!important} .hud-resource{padding:5px 6px!important}.hud-resource>div{font-size:8px!important}.resource-symbol{display:block!important}.resource-icon{width:13px!important;height:13px!important}.hud-resource progress{height:4px!important;margin-top:3px!important} } .page-header{margin:0 -1px 5px!important;padding:6px 8px!important;min-height:41px!important;border:1px solid #111315!important;border-bottom:3px solid var(--nw-accent)!important;border-radius:0!important;background:linear-gradient(#35393c,#292c2f)!important;align-items:center!important}.page-heading-icon{width:25px!important;height:25px!important;display:grid!important;place-items:center!important;border:1px solid #4a5054!important;background:#222528!important}.page-icon{width:15px!important;height:15px!important;color:#b99a5e!important}.page-kicker{font-size:6px!important;letter-spacing:.75px!important;color:#868f95!important}.page-title{font-size:15px!important;color:#f1f2f3!important;text-shadow:0 1px #111!important} .page-breadcrumbs{margin:0 0 4px!important;padding:4px 6px!important;background:#181a1c!important;border:1px solid #111315!important;font-size:7px!important}.section-tabs{margin:0 0 5px!important;background:#24272a!important;border:1px solid #111315!important}.section-tabs a{display:flex!important;align-items:center!important;gap:4px!important;padding:5px 7px!important;min-height:25px!important;background:#292d30!important;border:0!important;border-right:1px solid #111315!important;font-size:8px!important}.section-tabs a[aria-current=page]{background:#393c35!important;border-top:0!important;border-bottom:2px solid var(--nw-accent)!important}.tab-icon{width:12px!important;height:12px!important} .card{border-radius:0!important;border-color:#111315!important;background:#292d30!important}.card>h2,.compact>summary{border-radius:0!important;background:linear-gradient(#393d40,#2d3033)!important;border-color:#111315!important;padding:6px 8px!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.35px!important}.panel-body{padding:7px 8px!important} body.theme-light header{background:linear-gradient(#f5f6f6,#dfe2e3)!important;border-bottom-color:#aeb4b8!important}.theme-light .brand-vector{background:linear-gradient(#fff,#e7e9ea);border-color:#b7bdc1}.theme-light .brand-vector-icon{color:#98743c}.theme-light .brand-copy h1{color:#24292c!important;text-shadow:none!important}.theme-light .game-content{background:#e8eaeb!important;border-color:#b8bec2!important}.theme-light .player-panel,.theme-light .desktop-sidebar nav,.theme-light .desktop-sidebar nav>div{background:#f4f5f5!important;border-color:#b7bdc1!important}.theme-light .player-name,.theme-light .desktop-sidebar nav strong{background:linear-gradient(#e1e4e5,#cfd4d6)!important;color:#30363a!important;border-color:#b7bdc1!important;text-shadow:none!important}.theme-light .desktop-sidebar nav a{background:#f7f8f8!important;color:#4b545a!important;border-color:#d3d8db!important}.theme-light .desktop-sidebar nav a:hover{background:#fff!important;color:#141719!important}.theme-light .desktop-sidebar nav a.active{background:#ece6d8!important;color:#252a2d!important}.theme-light .sidebar-resources{background:#e5e8e9!important}.theme-light .vector-nav{background:linear-gradient(#eef0f1,#d9dddf)!important;border-color:#b5bbc0!important;box-shadow:0 1px 0 #fff inset!important}.theme-light .vector-nav a{color:#586168!important;text-shadow:none!important;border-color:#c4c9cc!important}.theme-light .vector-nav a:hover{background:#fff!important;color:#171b1e!important}.theme-light .vector-nav a.active{background:linear-gradient(#fff,#e9e3d7)!important;color:#24282b!important}.theme-light .vector-nav .nav-icon{color:#69747b!important}.theme-light .vector-nav a.active .nav-icon{color:#98743c!important}.theme-light .mobile-hud{background:#edf0f1!important;border-color:#b8bec2!important}.theme-light .hud-resources,.theme-light .hud-wallet,.theme-light .live-timers{background:#f4f6f6!important;border-color:#c2c8cb!important}.theme-light .hud-resource,.theme-light .wallet-cell,.theme-light .live-timers a{border-color:#c6cbce!important}.theme-light .page-header{background:linear-gradient(#fff,#e3e6e7)!important;border-color:#b9bec2!important}.theme-light .page-title{color:#252a2d!important;text-shadow:none!important}.theme-light .page-heading-icon{background:#f2f4f4!important;border-color:#c4c9cc!important}.theme-light .page-breadcrumbs{background:#f4f6f6!important;border-color:#c4c9cc!important}.theme-light .section-tabs{background:#dfe3e4!important;border-color:#b8bec2!important}.theme-light .section-tabs a{background:#eef0f1!important;border-color:#c4c9cc!important}.theme-light .section-tabs a[aria-current=page]{background:#fff!important}.theme-light .card{background:#f7f8f8!important;border-color:#c2c7ca!important}.theme-light .card>h2,.theme-light .compact>summary{background:linear-gradient(#f2f4f4,#dde1e2)!important;border-color:#bec4c7!important;color:#30363a!important} @media(max-width:720px){ header>div{padding:5px 7px!important}.brand-vector{width:28px;height:28px}.brand-copy h1{font-size:17px!important}.game-content{border-left:0!important;border-right:0!important;padding:0 4px 7px!important}.vector-nav{display:flex!important;height:50px!important;margin:0 -4px 4px!important;overflow-x:auto!important}.vector-nav a{flex:0 0 58px!important;min-width:58px!important;height:50px!important}.vector-nav .nav-icon{width:17px!important;height:17px!important}.mobile-hud{margin:0 -4px 4px!important}.page-header{margin:0 0 4px!important}.page-breadcrumbs{display:none!important}.section-tabs{overflow-x:auto!important}.card>h2,.compact>summary{padding:6px 7px!important}.panel-body{padding:7px!important} } :root{--nw-shell-w:1120px;--nw-side-w:174px;--nw-accent:#8b6b31;--nw-panel-edge:#131516} html{background:#d7d9da!important} body.theme-dark{background:#d7d9da!important;color:#d8dcde!important} body.theme-light{background:#dfe1e2!important;color:#25292c!important} header{height:48px!important;background:linear-gradient(#202224,#0f1011)!important;border-bottom:1px solid #555!important;box-shadow:0 1px 0 #000!important} header>div{height:48px!important;box-sizing:border-box!important;padding:5px 7px!important}.brand-vector{width:34px!important;height:34px!important;border:0!important;background:transparent!important}.brand-copy h1{font-size:25px!important;line-height:1!important;letter-spacing:-.6px!important;font-weight:900!important}.brand-copy .brand-note{display:none!important} main{padding:0 6px 14px!important;background:transparent!important}.game-shell{grid-template-columns:174px minmax(0,1fr)!important;gap:5px!important}.desktop-sidebar{top:0!important;padding-top:0!important} .player-panel{margin:0!important;border:1px solid #bbb!important;border-top:0!important;background:#efefef!important;color:#222!important;box-shadow:none!important}.player-name{padding:6px 7px!important;background:linear-gradient(#383a3b,#262829)!important;color:#fff!important;border-bottom:1px solid #101112!important;font-size:10px!important;text-shadow:0 1px #000!important}.player-name span{color:#c6c6c6!important}.player-meta{padding:2px 7px!important;min-height:19px!important;background:#f5f5f5!important;color:#45494c!important;border:0!important;border-bottom:1px solid #d1d1d1!important;font-size:8px!important}.player-meta strong{color:#202326!important}.player-status-summary{padding:4px 7px!important;background:#f0f0f0!important;color:#54595d!important;border:0!important;border-bottom:1px solid #c9c9c9!important}.sidebar-resources{padding:4px 7px 5px!important;background:#f7f7f7!important}.side-resource{margin:0 0 3px!important}.side-resource>div{font-size:7px!important;color:#555!important}.side-resource strong{color:#333!important}.side-resource progress{height:5px!important;background:#ddd!important;border:1px solid #bbb!important;border-radius:0!important}.resource-energy progress::-webkit-progress-value,.side-resource.resource-energy progress::-webkit-progress-value{background:#76a149!important}.resource-nerve progress::-webkit-progress-value,.side-resource.resource-nerve progress::-webkit-progress-value{background:#c7694d!important}.resource-happy progress::-webkit-progress-value,.side-resource.resource-happy progress::-webkit-progress-value{background:#c7ad4f!important}.resource-life progress::-webkit-progress-value,.side-resource.resource-life progress::-webkit-progress-value{background:#5c82b8!important} .desktop-sidebar nav{border:1px solid #bfc2c4!important;border-top:0!important;background:#eee!important}.desktop-sidebar nav>div{background:#efefef!important;border-bottom:4px solid #d9dbdc!important}.desktop-sidebar nav strong{padding:5px 7px!important;background:linear-gradient(#383a3b,#2b2d2e)!important;color:#f1f1f1!important;border:0!important;text-shadow:0 1px #111!important;font-size:8px!important}.desktop-sidebar nav a{min-height:25px!important;padding:3px 6px!important;background:linear-gradient(#fff,#f1f1f1)!important;color:#555!important;border:0!important;border-bottom:1px solid #d4d6d7!important;font-size:8px!important;font-weight:700!important;text-shadow:none!important}.desktop-sidebar nav a:hover{background:#fff!important;color:#111!important}.desktop-sidebar nav a.active{background:linear-gradient(#ececec,#ddd)!important;color:#222!important;box-shadow:3px 0 0 #7c7f80 inset!important}.side-nav-icon{color:#90979b!important;width:12px!important;height:12px!important}.desktop-sidebar nav a.active .side-nav-icon{color:#666!important} .game-content{border:0!important;border-left:1px solid #b7b9ba!important;border-right:1px solid #b7b9ba!important;background:#e4e5e6!important;padding:0 5px 12px!important;box-shadow:none!important;min-height:900px!important}.vector-nav{height:34px!important;margin:0 -5px 4px!important;grid-template-columns:repeat(11,minmax(48px,1fr))!important;background:linear-gradient(#252728,#171819)!important;border-bottom:1px solid #777!important;box-shadow:none!important}.vector-nav a{height:34px!important;flex-direction:row!important;gap:3px!important;padding:0 4px!important;border-right:1px solid #3a3c3d!important;color:#b9bdc0!important;font-size:7px!important}.vector-nav .nav-icon{width:13px!important;height:13px!important;color:#9ea3a6!important}.vector-nav a.active{background:linear-gradient(#3b3d3e,#282a2b)!important;box-shadow:inset 0 -2px #9c7a3d!important;color:#fff!important}.vector-nav a.active .nav-icon{color:#d0b06b!important} @media(min-width:721px){.mobile-hud{margin:0 -5px 4px!important;background:#efefef!important;border:1px solid #bfc2c4!important;border-top:0!important;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)!important}.hud-resources{background:#f2f2f2!important}.hud-resource{padding:3px 6px!important;color:#333!important;border-right:1px solid #d0d2d3!important}.hud-resource>div{font-size:7px!important}.hud-resource strong{color:#272a2c!important}.hud-resource progress{height:4px!important;background:#ddd!important}.hud-wallet{background:#f7f7f7!important;border-left:1px solid #ccc!important}.wallet-cell{min-height:25px!important;padding:3px 5px!important;color:#333!important;border-color:#d4d5d6!important}.wallet-cell span{color:#777!important}.wallet-cell strong{color:#222!important}.live-timers{background:#e6e7e8!important;border-top:1px solid #c3c5c6!important}.live-timers a{min-height:20px!important;padding:3px 6px!important;color:#5b6165!important;border-color:#ccc!important}.live-timers a b{color:#333!important}} .page-header{margin:0 0 4px!important;min-height:34px!important;padding:4px 7px!important;border:0!important;border-bottom:1px solid #aaa!important;background:transparent!important;box-shadow:none!important}.page-kicker{display:none!important}.page-title{font-size:18px!important;color:#303336!important;text-shadow:0 1px #fff!important;font-weight:700!important}.page-header-actions form button{min-height:22px!important;padding:3px 6px!important;font-size:7px!important;background:linear-gradient(#fff,#e7e7e7)!important;border:1px solid #bbb!important;color:#555!important} .page-breadcrumbs{margin:0 0 4px!important;padding:4px 6px!important;background:#f5f5f5!important;border:1px solid #c5c7c8!important;color:#62676a!important}.section-tabs{margin:0 0 5px!important;background:transparent!important;border:0!important;border-bottom:1px solid #b8babb!important}.section-tabs a{min-height:24px!important;padding:4px 7px!important;background:linear-gradient(#f8f8f8,#e7e7e7)!important;color:#555!important;border:1px solid #c0c2c3!important;border-bottom:0!important;font-size:8px!important}.section-tabs a[aria-current=page]{background:#fff!important;color:#222!important;border-top:2px solid #777!important;border-bottom:1px solid #fff!important;margin-bottom:-1px!important} .card,.compact{margin-bottom:5px!important;border:1px solid #bfc1c2!important;background:#f8f8f8!important;color:#303438!important;box-shadow:0 1px 1px rgba(0,0,0,.08)!important}.card>h2,.compact>summary{padding:5px 7px!important;background:linear-gradient(#3a3c3d,#2d2f30)!important;color:#fff!important;border:0!important;border-bottom:1px solid #111!important;font-size:9px!important;letter-spacing:0!important;text-transform:none!important;text-shadow:0 1px #111!important}.panel-body,.card>p,.card>form{color:#3c4144!important}.stat,.metric,.market-row,.event-row,.property-home-row,.travel-destination-row,.foreign-market-row,.message-conversation-row{background:#f7f7f7!important;border-color:#d0d2d3!important;color:#333!important}.market-row:nth-child(even),.event-row:nth-child(even){background:#f1f1f1!important} .item-visual-row,.item-visual-row.compact{background:#f7f7f7!important;border-color:#c9cbcc!important}.item-visual-meta strong,.market-row strong,.property-home-row strong{color:#222!important}.item-visual-meta span,.market-row span,.property-home-row span{color:#666!important}.item-art,.property-art{background:#202326!important;border-color:#777!important;border-radius:0!important}.item-art-icon,.property-art-icon{border-radius:0!important} button,.btn,input,select,textarea{border-radius:0!important}.flash,.global-notice{border-radius:0!important} body.theme-dark .game-content,body.theme-dark main{background:transparent!important}body.theme-dark .game-content{background:#e4e5e6!important}body.theme-dark .page-title{color:#303336!important;text-shadow:0 1px #fff!important}body.theme-dark .card,body.theme-dark .compact{background:#f8f8f8!important;color:#333!important}body.theme-dark .card>h2,body.theme-dark .compact>summary{color:#fff!important}body.theme-dark .panel-body,body.theme-dark .card>p,body.theme-dark .card>form{color:#3c4144!important} /* Dark theme keeps the chrome dark, while the content canvas remains the classic neutral browser-game grey. */ body.theme-light header{background:linear-gradient(#eceeef,#d7d9da)!important;border-bottom-color:#a9acae!important}.theme-light .brand-copy h1{color:#232628!important;text-shadow:0 1px #fff!important}.theme-light .brand-vector-icon{color:#777!important}.theme-light .game-content{background:#eceeef!important}.theme-light .vector-nav{background:linear-gradient(#d2d5d6,#bfc3c5)!important;border-bottom-color:#999!important}.theme-light .vector-nav a{color:#40464a!important;border-color:#adb1b3!important;text-shadow:0 1px #eee!important}.theme-light .vector-nav a.active{background:linear-gradient(#fff,#dfdfdf)!important;color:#222!important;box-shadow:inset 0 -2px #8b6b31!important}.theme-light .vector-nav .nav-icon{color:#686f73!important}.theme-light .mobile-hud{background:#f6f6f6!important}.theme-light .page-title{color:#333!important}.theme-light .card{background:#fff!important}.theme-light .card>h2,.theme-light .compact>summary{background:linear-gradient(#55585a,#3d4042)!important;color:#fff!important} @media(max-width:720px){html,body.theme-dark,body.theme-light{background:#e4e5e6!important}main{padding:0!important}.game-content{padding:0 4px 9px!important;border:0!important}.vector-nav{height:36px!important;margin:0 -4px 4px!important}.vector-nav a{height:36px!important;flex:0 0 63px!important;min-width:63px!important}.page-header{padding:4px 3px!important}.page-title{font-size:17px!important}.card{margin-bottom:4px!important}.card>h2,.compact>summary{padding:5px 6px!important}.panel-body{padding:6px!important}} :root{ --nw-accent:#a98243;--nw-accent-2:#c5a667;--nw-shell-w:1160px;--nw-side-w:182px; --nw-dark-bg:#17191b;--nw-dark-surface:#222528;--nw-dark-surface2:#2b2f32;--nw-dark-edge:#3c4246; --nw-light-bg:#dfe2e4;--nw-light-surface:#f5f6f6;--nw-light-surface2:#e9ebec;--nw-light-edge:#bcc1c4; } html{background:#151719!important} body{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0!important} body.theme-dark{background:radial-gradient(circle at 50% -120px,#303438 0,#1b1d1f 420px,#151719 900px)!important;color:#dfe3e5!important} body.theme-light{background:linear-gradient(#d6d9db,#e8eaeb 360px,#dfe2e4)!important;color:#272b2e!important} header{height:52px!important;background:linear-gradient(180deg,#2b2e31 0,#181a1c 72%,#101112 100%)!important;border-bottom:1px solid #060708!important;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 2px 7px rgba(0,0,0,.28)!important} header>div{height:52px!important;max-width:var(--nw-shell-w)!important;padding:7px 8px!important} .brand-lockup{gap:7px!important}.brand-vector{width:34px!important;height:34px!important;border:1px solid #4e5458!important;border-radius:3px!important;background:linear-gradient(#363a3d,#222528)!important;box-shadow:0 1px 0 rgba(255,255,255,.09) inset!important}.brand-vector-icon{width:21px!important;height:21px!important;color:#c4a15d!important}.brand-copy h1{font-size:22px!important;letter-spacing:.4px!important;font-weight:800!important;text-shadow:0 1px 2px #000!important}.brand-copy .brand-note{display:block!important;color:#7f878c!important;font-size:6px!important;letter-spacing:1.05px!important;margin-top:2px!important} main{max-width:var(--nw-shell-w)!important;padding:7px 8px 16px!important}.game-shell{grid-template-columns:var(--nw-side-w) minmax(0,1fr)!important;gap:7px!important} .desktop-sidebar{top:7px!important}.player-panel{border:1px solid #0f1112!important;border-radius:3px!important;overflow:hidden!important;background:#212427!important;box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 2px 7px rgba(0,0,0,.2)!important}.player-name{padding:7px 8px!important;background:linear-gradient(#3a3e41,#2c2f32)!important;font-size:10px!important;border-bottom:1px solid #0e0f10!important}.player-meta{padding:3px 7px!important;min-height:20px!important;background:#292d30!important;border-bottom:1px solid #3a3f43!important;color:#aeb5b9!important}.player-meta strong{color:#eef0f1!important}.player-status-summary{padding:5px 7px!important;background:#24272a!important;border-bottom:1px solid #111315!important}.sidebar-resources{padding:6px 7px!important;background:#1c1f21!important}.side-resource{margin-bottom:5px!important}.side-resource>div{font-size:7px!important;color:#939ca2!important}.side-resource strong{color:#dce0e2!important}.side-resource progress{height:5px!important;border:1px solid #0e0f10!important;background:#151719!important;box-shadow:0 1px 2px rgba(0,0,0,.45) inset!important} .desktop-sidebar nav{margin-top:6px!important;border:1px solid #0f1112!important;border-radius:3px!important;overflow:hidden!important;background:#202326!important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset!important}.desktop-sidebar nav>div{background:#23272a!important;border-bottom:5px solid #17191b!important}.desktop-sidebar nav strong{padding:6px 7px!important;background:linear-gradient(#35393c,#292c2f)!important;color:#adb4b8!important;border-bottom:1px solid #111315!important;font-size:7px!important;letter-spacing:.7px!important}.desktop-sidebar nav a{min-height:27px!important;padding:4px 7px!important;background:linear-gradient(180deg,#2b2f32,#262a2d)!important;color:#b8bfc3!important;border-bottom:1px solid #3b4044!important;font-size:8px!important;font-weight:600!important;transition:background .12s,color .12s,box-shadow .12s!important}.desktop-sidebar nav a:hover{background:linear-gradient(#353a3e,#2b3033)!important;color:#fff!important}.desktop-sidebar nav a.active{background:linear-gradient(#3d4144,#313538)!important;color:#fff!important;box-shadow:inset 3px 0 var(--nw-accent),inset 0 1px rgba(255,255,255,.05)!important}.side-nav-icon{width:13px!important;height:13px!important;color:#869097!important}.desktop-sidebar nav a.active .side-nav-icon{color:#d1b270!important} .game-content{min-height:900px!important;padding:0 7px 10px!important;border:1px solid #0f1112!important;border-radius:3px!important;background:#1e2124!important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 2px 8px rgba(0,0,0,.18)!important} .vector-nav{height:42px!important;margin:0 -7px 5px!important;grid-template-columns:repeat(11,minmax(50px,1fr))!important;background:linear-gradient(#34383b,#24272a)!important;border-bottom:1px solid #101113!important;box-shadow:0 1px rgba(255,255,255,.07) inset!important}.vector-nav a{height:42px!important;padding:3px 2px!important;flex-direction:column!important;gap:1px!important;border-right:1px solid #181a1c!important;color:#9ea6ab!important;text-shadow:0 1px #000!important}.vector-nav a:hover{background:linear-gradient(#3d4245,#2c3033)!important;color:#fff!important}.vector-nav a.active{background:linear-gradient(#454a4d,#34383b)!important;color:#fff!important;box-shadow:inset 0 -3px var(--nw-accent)!important}.vector-nav .nav-icon{width:17px!important;height:17px!important;color:#9ba4aa!important}.vector-nav a.active .nav-icon{color:#d3b777!important}.vector-nav small{font-size:6.5px!important;letter-spacing:.2px!important} @media(min-width:721px){.mobile-hud{margin:0 -7px 5px!important;border:0!important;border-bottom:1px solid #111315!important;background:#1b1e20!important;box-shadow:0 1px rgba(255,255,255,.04) inset!important}.hud-resources{background:#25292c!important}.hud-resource{padding:5px 6px!important;border-right:1px solid #111315!important}.hud-resource>div{font-size:7px!important;color:#9da5aa!important}.hud-resource strong{color:#edf0f1!important}.hud-resource progress{height:4px!important;background:#121415!important}.hud-wallet{background:#202326!important;border-left:1px solid #111315!important}.wallet-cell{min-height:28px!important;border-color:#111315!important}.wallet-cell span{color:#7f888e!important}.wallet-cell strong{color:#e7e9ea!important}.live-timers{background:#202326!important;border-top:1px solid #353a3e!important}.live-timers a{min-height:22px!important;color:#8f989e!important;border-color:#111315!important}.live-timers a b{color:#d8dcde!important}} .page-header{margin:0 0 5px!important;min-height:42px!important;padding:7px 8px!important;background:linear-gradient(#2e3235,#25282b)!important;border:1px solid #111315!important;border-left:3px solid var(--nw-accent)!important;border-radius:2px!important;box-shadow:0 1px rgba(255,255,255,.05) inset!important}.page-heading-icon{display:none!important}.page-kicker{display:block!important;color:#8d969c!important;font-size:6px!important;letter-spacing:.8px!important}.page-title{font-size:18px!important;color:#f1f3f4!important;text-shadow:0 1px #000!important}.page-header-actions form button{min-height:24px!important;padding:4px 7px!important;background:linear-gradient(#3a3e41,#2d3033)!important;border:1px solid #111315!important;color:#d8dcde!important;border-radius:2px!important} .page-breadcrumbs{margin:0 0 5px!important;padding:5px 7px!important;background:#24282b!important;border:1px solid #111315!important;color:#899298!important;border-radius:2px!important}.page-breadcrumbs a{color:#b9c1c5!important}.section-tabs{margin:0 0 5px!important;border:0!important;border-bottom:1px solid #111315!important;gap:2px!important}.section-tabs a{min-height:25px!important;padding:5px 8px!important;background:linear-gradient(#303438,#26292c)!important;color:#aab2b7!important;border:1px solid #111315!important;border-bottom:0!important;border-radius:2px 2px 0 0!important}.section-tabs a:hover{background:#383d40!important;color:#fff!important}.section-tabs a[aria-current=page]{background:linear-gradient(#474b4e,#35393c)!important;color:#fff!important;border-top:2px solid var(--nw-accent)!important} .card,.compact{margin-bottom:6px!important;border:1px solid #111315!important;border-radius:2px!important;background:#282c2f!important;color:#d7dbdd!important;box-shadow:0 1px rgba(255,255,255,.04) inset,0 1px 3px rgba(0,0,0,.18)!important;overflow:hidden!important}.card>h2,.compact>summary{padding:6px 8px!important;background:linear-gradient(#383c3f,#2c3033)!important;color:#f0f2f3!important;border-bottom:1px solid #111315!important;font-size:9px!important;text-shadow:0 1px #000!important}.panel-body,.card>p,.card>form{color:#c9ced1!important}.stat,.metric,.market-row,.event-row,.property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row,.travel-destination-row,.foreign-market-row,.message-conversation-row{background:linear-gradient(#2b3033,#272b2e)!important;border-color:#3b4145!important;color:#d7dbdd!important}.stat:nth-child(even),.market-row:nth-child(even),.event-row:nth-child(even){background:#262a2d!important}.stat strong,.metric strong,.market-row strong,.property-home-row strong{color:#eef0f1!important}.stat span,.metric span,.market-row span,.property-home-row span{color:#9ca5aa!important}.item-visual-row,.item-visual-row.compact{background:radial-gradient(circle at 14% 25%,#33393d 0,#282d30 58%,#24282b 100%)!important;border:1px solid #3c4347!important;border-radius:2px!important}.item-visual-meta strong{color:#f0f2f3!important}.item-visual-meta span{color:#a5adb2!important}.item-art,.property-art{background:radial-gradient(circle at 35% 25%,#31373b,#15181a 78%)!important;border:1px solid #4a5156!important;border-radius:2px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 1px 3px rgba(0,0,0,.32)!important}.item-art img,.property-art img{border-radius:1px!important} button,.btn{border-radius:2px!important;background:linear-gradient(#3a3e41,#292d30)!important;border:1px solid #111315!important;color:#e5e8ea!important;box-shadow:0 1px rgba(255,255,255,.05) inset!important}.btn:hover,button:hover{background:linear-gradient(#474c4f,#34383b)!important}.btn.primary,button.primary{border-color:#5f4b28!important;background:linear-gradient(#a27e3d,#735725)!important;color:#fff!important}.btn.danger,button.danger{background:linear-gradient(#8b453f,#5d2d29)!important}.flash,.global-notice{border-radius:2px!important} input,select,textarea{border-radius:2px!important;background:#1d2022!important;border:1px solid #454c50!important;color:#e2e5e7!important;box-shadow:0 1px 2px rgba(0,0,0,.35) inset!important}input:focus,select:focus,textarea:focus{border-color:#8d7445!important;box-shadow:0 0 0 1px rgba(169,130,67,.35)!important} th{background:#313538!important;color:#d9dde0!important;border-color:#151719!important}td{background:#262a2d!important;color:#cbd0d3!important;border-color:#3b4145!important}tr:nth-child(even) td{background:#23272a!important} /* Light mode keeps the exact same shell and depth, with a soft off-white content canvas. */ body.theme-light{background:linear-gradient(#cfd3d5,#e3e5e6 300px,#d9dddf)!important}.theme-light header{background:linear-gradient(#2f3235,#1d1f21)!important}.theme-light .brand-copy h1{color:#f0f2f3!important;text-shadow:0 1px #000!important}.theme-light .player-panel{background:#eef0f1!important;border-color:#aeb4b7!important}.theme-light .player-name{background:linear-gradient(#424649,#313437)!important}.theme-light .player-meta{background:#f5f6f6!important;color:#62696d!important;border-color:#d3d6d7!important}.theme-light .player-meta strong{color:#272b2d!important}.theme-light .player-status-summary{background:#eceeef!important;border-color:#c9cdcf!important}.theme-light .side-resource>div{color:#5c6469!important}.theme-light .side-resource strong{color:#272b2e!important}.theme-light .desktop-sidebar nav{border-color:#afb5b8!important;background:#e8eaeb!important}.theme-light .desktop-sidebar nav>div{background:#eef0f1!important;border-bottom-color:#d7dadc!important}.theme-light .desktop-sidebar nav strong{background:linear-gradient(#45494c,#35383b)!important;color:#f0f2f3!important}.theme-light .desktop-sidebar nav a{background:linear-gradient(#f8f9f9,#eceeef)!important;color:#535b60!important;border-color:#d4d7d9!important}.theme-light .desktop-sidebar nav a.active{background:linear-gradient(#fff,#e2e5e7)!important;color:#25292c!important;box-shadow:inset 3px 0 var(--nw-accent)!important}.theme-light .game-content{background:#e9ebec!important;border-color:#adb3b6!important;box-shadow:0 1px #fff inset,0 2px 8px rgba(0,0,0,.08)!important}.theme-light .vector-nav{background:linear-gradient(#35393c,#25282b)!important}.theme-light .mobile-hud{background:#f0f2f3!important;border-color:#b8bdc0!important}.theme-light .hud-resources{background:#f4f5f5!important}.theme-light .hud-resource{border-color:#d0d4d6!important}.theme-light .hud-resource>div{color:#687076!important}.theme-light .hud-resource strong{color:#23272a!important}.theme-light .hud-wallet{background:#f7f8f8!important;border-color:#d0d4d6!important}.theme-light .wallet-cell{border-color:#d0d4d6!important}.theme-light .wallet-cell span{color:#7a8287!important}.theme-light .wallet-cell strong{color:#23272a!important}.theme-light .live-timers{background:#e6e8e9!important;border-color:#c5c9cb!important}.theme-light .live-timers a{color:#687075!important;border-color:#ccd0d2!important}.theme-light .live-timers a b{color:#25292c!important}.theme-light .page-header{background:linear-gradient(#fafafa,#eceeef)!important;border-color:#b7bdc0!important;border-left-color:var(--nw-accent)!important;box-shadow:0 1px #fff inset!important}.theme-light .page-title{color:#2d3235!important;text-shadow:0 1px #fff!important}.theme-light .page-kicker{color:#787f83!important}.theme-light .page-breadcrumbs{background:#f4f5f5!important;border-color:#c2c7ca!important;color:#6b7378!important}.theme-light .section-tabs a{background:linear-gradient(#f8f9f9,#e4e7e8)!important;color:#5b6368!important;border-color:#b9bec1!important}.theme-light .section-tabs a[aria-current=page]{background:#fff!important;color:#23272a!important;border-top-color:var(--nw-accent)!important}.theme-light .card,.theme-light .compact{background:#f7f8f8!important;border-color:#b9bec1!important;color:#2d3235!important;box-shadow:0 1px #fff inset,0 1px 3px rgba(0,0,0,.09)!important}.theme-light .card>h2,.theme-light .compact>summary{background:linear-gradient(#45494c,#35383b)!important;color:#fff!important;border-color:#202224!important}.theme-light .panel-body,.theme-light .card>p,.theme-light .card>form{color:#41484c!important}.theme-light .stat,.theme-light .metric,.theme-light .market-row,.theme-light .event-row,.theme-light .property-home-row,.theme-light .property-upgrade-row,.theme-light .property-staff-row,.theme-light .property-storage-row,.theme-light .travel-destination-row,.theme-light .foreign-market-row,.theme-light .message-conversation-row{background:linear-gradient(#fff,#f3f4f4)!important;border-color:#d0d4d6!important;color:#303538!important}.theme-light .stat:nth-child(even),.theme-light .market-row:nth-child(even),.theme-light .event-row:nth-child(even){background:#eef0f1!important}.theme-light .stat strong,.theme-light .metric strong,.theme-light .market-row strong,.theme-light .property-home-row strong{color:#22272a!important}.theme-light .stat span,.theme-light .metric span,.theme-light .market-row span,.theme-light .property-home-row span{color:#687076!important}.theme-light .item-visual-row,.theme-light .item-visual-row.compact{background:linear-gradient(#fff,#f1f3f3)!important;border-color:#c8cdcf!important}.theme-light .item-visual-meta strong{color:#252a2d!important}.theme-light .item-visual-meta span{color:#6f777c!important}.theme-light input,.theme-light select,.theme-light textarea{background:#fff!important;border-color:#b9bec1!important;color:#272b2e!important;box-shadow:0 1px 2px rgba(0,0,0,.07) inset!important}.theme-light th{background:#e0e3e5!important;color:#3c4246!important;border-color:#c2c7ca!important}.theme-light td{background:#fff!important;color:#41484c!important;border-color:#d5d8da!important} @media(max-width:720px){ body.theme-dark,body.theme-light{background:#16181a!important}.theme-light{background:#dde0e2!important} main{padding:0!important}.game-shell{display:block!important}.desktop-sidebar{display:none!important}.game-content{border:0!important;border-radius:0!important;padding:0 5px 64px!important;min-height:auto!important}.theme-light .game-content{background:#e6e8e9!important} .city-menu{margin:0 -5px 4px!important;border-radius:0!important}.vector-nav{margin:0 -5px 4px!important;height:40px!important;display:flex!important;overflow-x:auto!important;grid-template-columns:none!important}.vector-nav a{min-width:60px!important;height:40px!important;flex:0 0 60px!important}.vector-nav .nav-icon{width:15px!important;height:15px!important} .mobile-hud{margin:0 -5px 5px!important}.page-header{margin-left:0!important;margin-right:0!important}.card,.compact{margin-bottom:5px!important} } :root{ --nw-accent:#b08b4f;--nw-accent-strong:#c5a262;--nw-accent-dim:#6e5732; --nw-bg:#15181b;--nw-shell:#1d2023;--nw-shell-2:#25292d;--nw-panel:#292d31;--nw-panel-2:#31363a; --nw-line:#3b4146;--nw-line-soft:#33383d;--nw-text:#e7eaec;--nw-muted:#8f989f;--nw-faint:#6e767c; --nw-green:#67a268;--nw-red:#be6659;--nw-yellow:#c6a950;--nw-blue:#6d9eb4; --nw-radius:4px;--nw-shadow:0 1px 0 rgba(255,255,255,.035) inset,0 4px 14px rgba(0,0,0,.16); } body.theme-light{ --nw-bg:#dfe2e4;--nw-shell:#24272a;--nw-shell-2:#303438;--nw-panel:#f7f8f8;--nw-panel-2:#eceff0; --nw-line:#bcc2c6;--nw-line-soft:#d2d6d8;--nw-text:#24282b;--nw-muted:#667077;--nw-faint:#8a9297; --nw-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 3px 10px rgba(0,0,0,.07); } html{background:var(--nw-bg)} body{background:var(--nw-bg)!important;color:var(--nw-text)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.35!important} header{background:linear-gradient(180deg,#24282b 0%,#171a1d 100%)!important;border:0!important;border-bottom:1px solid #090b0c!important;box-shadow:0 1px 0 #363a3d inset,0 2px 7px rgba(0,0,0,.25)!important;padding:0!important;min-height:50px!important} header>div{max-width:1200px!important;min-height:50px!important;margin:auto!important;padding:0 11px!important;display:flex!important;align-items:center!important} .brand-lockup{display:flex!important;align-items:center!important;gap:8px!important}.brand-vector{width:27px!important;height:27px!important;opacity:.9}.brand-copy h1{font-size:21px!important;line-height:1!important;letter-spacing:2.4px!important;color:#f0f2f3!important;text-shadow:0 1px 1px #000!important}.brand-note{font-size:7px!important;letter-spacing:1.5px!important;color:#7f888f!important;margin-top:3px!important} main{max-width:1200px!important;padding:8px 8px 18px!important;margin:auto!important} .game-shell{grid-template-columns:186px minmax(0,1fr)!important;gap:8px!important;align-items:start!important}.game-content{min-width:0!important;background:var(--nw-shell)!important;border:1px solid #0f1113!important;border-top-color:#363b3f!important;border-radius:var(--nw-radius)!important;box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,0 5px 18px rgba(0,0,0,.16)!important;padding:5px!important;min-height:780px!important} body.theme-light .game-content{background:#e8ebed!important;border-color:#abb1b5!important;box-shadow:0 1px 0 #fff inset,0 5px 18px rgba(0,0,0,.07)!important} .desktop-sidebar{top:6px!important}.player-panel{border:1px solid #101214!important;border-top-color:#41464a!important;border-radius:var(--nw-radius)!important;background:linear-gradient(180deg,#2c3034,#202428)!important;box-shadow:var(--nw-shadow)!important;overflow:hidden!important;margin-bottom:7px!important}.player-name{padding:8px 9px 6px!important;background:linear-gradient(#34383c,#292d31)!important;color:#eef0f1!important;font-size:11px!important;border-bottom:1px solid #151719!important;text-shadow:0 1px #000!important}.player-name span{color:#8e969b!important;font-weight:400!important}.player-meta{padding:4px 8px!important;border-bottom:1px solid #34393d!important;font-size:9px!important;color:#9ba3a8!important}.player-meta strong{color:#e2e5e7!important}.player-status-summary{padding:5px 8px!important;background:#1c1f22!important;border-bottom:1px solid #34393d!important;font-size:9px!important}.status-ready{color:#81ad77!important}.status-active{color:#d1aa68!important}.online-dot{width:6px!important;height:6px!important}.sidebar-resources{padding:7px 8px 3px!important;background:#23272a!important}.side-resource{margin-bottom:6px!important}.side-resource>div{font-size:8px!important;color:#879097!important}.side-resource strong{color:#dce0e2!important;font-size:8px!important}.side-resource progress{height:5px!important;background:#151719!important;border:1px solid #353a3e!important} body.theme-light .player-panel{border-color:#aeb4b8!important}.theme-light .player-name{background:linear-gradient(#3b3f42,#2f3336)!important}.theme-light .player-meta{background:#f4f5f5!important;color:#687178!important;border-color:#d4d7d9!important}.theme-light .player-meta strong{color:#25292c!important}.theme-light .player-status-summary{background:#eceff0!important;border-color:#d0d4d6!important}.theme-light .sidebar-resources{background:#f5f6f6!important}.theme-light .side-resource>div{color:#626b71!important}.theme-light .side-resource strong{color:#24282b!important}.theme-light .side-resource progress{background:#d9dddf!important;border-color:#c3c8cb!important} .desktop-sidebar nav{display:block!important;border:1px solid #111315!important;border-top-color:#3c4145!important;background:#202428!important;border-radius:var(--nw-radius)!important;box-shadow:var(--nw-shadow)!important;overflow:hidden!important;padding:0!important}.desktop-sidebar nav>div{margin:0!important;border:0!important;border-bottom:1px solid #111315!important;background:#202428!important;box-shadow:none!important}.desktop-sidebar nav>div:last-child{border-bottom:0!important}.desktop-sidebar nav strong{display:block!important;background:linear-gradient(#34383c,#292d30)!important;color:#b6bdc2!important;padding:6px 8px!important;border:0!important;border-bottom:1px solid #17191b!important;font-size:8px!important;letter-spacing:.7px!important;text-transform:uppercase!important;text-shadow:0 1px #000!important}.desktop-sidebar nav a{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto!important;gap:5px!important;align-items:center!important;min-height:27px!important;padding:4px 7px!important;margin:0!important;border:0!important;border-bottom:1px solid #30353a!important;background:linear-gradient(180deg,#282c30,#24282b)!important;color:#9da5aa!important;font-size:9px!important;transition:background .12s ease,color .12s ease!important}.desktop-sidebar nav a:last-child{border-bottom:0!important}.desktop-sidebar nav a::before{display:none!important}.desktop-sidebar nav a:hover{background:#30353a!important;color:#e8ebed!important}.desktop-sidebar nav a.active{background:linear-gradient(90deg,#3b3529 0,#302f2d 38%,#2b2f32 100%)!important;color:#f2f3f4!important;box-shadow:3px 0 0 var(--nw-accent) inset!important;font-weight:700!important}.side-nav-icon{width:14px!important;height:14px!important;opacity:.78}.desktop-sidebar nav a.active .side-nav-icon{opacity:1!important;color:var(--nw-accent-strong)!important}.nav-unread{font-size:7px!important;line-height:15px!important;min-width:15px!important;height:15px!important;border-radius:8px!important;background:#8d3f39!important;color:#fff!important;text-align:center!important;padding:0 4px!important}.nav-favourites .nav-pin{color:var(--nw-accent)!important;background:transparent!important} body.theme-light .desktop-sidebar nav{border-color:#afb5b8!important;background:#eef0f1!important}.theme-light .desktop-sidebar nav>div{background:#eef0f1!important;border-color:#c9ced1!important}.theme-light .desktop-sidebar nav strong{background:linear-gradient(#464a4d,#363a3d)!important;color:#f0f1f2!important}.theme-light .desktop-sidebar nav a{background:linear-gradient(#fafbfb,#eef0f1)!important;color:#566067!important;border-color:#d3d7d9!important}.theme-light .desktop-sidebar nav a:hover{background:#fff!important;color:#222!important}.theme-light .desktop-sidebar nav a.active{background:linear-gradient(90deg,#f0e7d3,#fff 42%,#f3f4f4 100%)!important;color:#25292c!important;box-shadow:3px 0 0 var(--nw-accent) inset!important} .vector-nav{display:grid!important;grid-template-columns:repeat(11,minmax(52px,1fr))!important;height:42px!important;margin:0 0 5px!important;border:1px solid #101214!important;border-top-color:#454a4e!important;border-radius:3px!important;background:linear-gradient(#313539,#24272a)!important;box-shadow:0 1px 0 rgba(255,255,255,.055) inset,0 2px 5px rgba(0,0,0,.15)!important;overflow:hidden!important}.vector-nav a{position:relative!important;height:40px!important;padding:5px 3px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;background:transparent!important;color:#8f989e!important;border:0!important;border-right:1px solid #181a1c!important;text-shadow:0 1px #000!important;text-decoration:none!important;transition:background .12s ease,color .12s ease!important}.vector-nav a:last-child{border-right:0!important}.vector-nav a:hover{background:#393e42!important;color:#e9ebed!important}.vector-nav a.active{background:linear-gradient(#454039,#37332d)!important;color:#fff!important;box-shadow:0 -3px 0 var(--nw-accent) inset!important}.vector-nav .nav-icon{width:15px!important;height:15px!important}.vector-nav small{font-size:6px!important;letter-spacing:.35px!important}.quick-unread{position:absolute!important;right:4px!important;top:3px!important;min-width:13px!important;height:13px!important;line-height:13px!important;font-size:6px!important;border-radius:7px!important;background:#a34840!important;color:#fff!important} .mobile-hud{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"resources wallet" "timers timers"!important;gap:4px!important;margin:0 0 5px!important;padding:4px!important;border:1px solid #111315!important;border-top-color:#3c4145!important;border-radius:3px!important;background:#202428!important;box-shadow:0 1px 0 rgba(255,255,255,.035) inset!important}.live-indicator{display:none!important}.hud-resources{grid-area:resources!important;display:grid!important;grid-template-columns:repeat(4,minmax(74px,1fr))!important;background:transparent!important;gap:2px!important}.hud-resource{padding:4px 5px!important;border:1px solid #34393d!important;background:#272b2f!important;min-width:0!important}.hud-resource>div{font-size:7px!important;color:#8d969c!important}.hud-resource strong{font-size:9px!important;color:#e6e9eb!important}.resource-symbol{display:none!important}.hud-resource progress{height:4px!important;margin-top:3px!important;background:#17191b!important}.hud-wallet{grid-area:wallet!important;display:grid!important;grid-template-columns:repeat(2,78px)!important;gap:2px!important;background:transparent!important}.wallet-cell{min-height:31px!important;padding:4px 5px!important;border:1px solid #34393d!important;background:#272b2f!important;text-decoration:none!important}.wallet-cell .wallet-icon{display:none!important}.wallet-cell span{font-size:6px!important;color:#7f888e!important}.wallet-cell strong{font-size:9px!important;color:#e4e7e9!important}.live-timers{grid-area:timers!important;display:flex!important;gap:2px!important;padding:0!important;background:transparent!important;border:0!important;overflow:auto!important}.live-timers>a{min-width:70px!important;padding:3px 6px!important;border:1px solid #34393d!important;background:#262a2e!important;text-decoration:none!important}.live-timers>a span{font-size:6px!important;color:#798188!important}.live-timers>a b{font-size:7px!important;color:#cfd4d7!important} body.theme-light .mobile-hud{background:#f0f2f3!important;border-color:#b8bdc0!important}.theme-light .hud-resource,.theme-light .wallet-cell,.theme-light .live-timers>a{background:#f8f9f9!important;border-color:#ced2d4!important}.theme-light .hud-resource>div,.theme-light .wallet-cell span,.theme-light .live-timers>a span{color:#687178!important}.theme-light .hud-resource strong,.theme-light .wallet-cell strong,.theme-light .live-timers>a b{color:#22272a!important} .page-header{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;padding:7px 10px!important;margin:0 0 5px!important;border:1px solid #111315!important;border-left:3px solid var(--nw-accent)!important;border-top-color:#41464a!important;border-radius:3px!important;background:linear-gradient(#303438,#292d31)!important;box-shadow:0 1px 0 rgba(255,255,255,.035) inset!important}.page-title{font-size:17px!important;line-height:1.1!important;color:#eceeef!important;text-shadow:0 1px #000!important}.page-kicker,.eyebrow{font-size:7px!important;letter-spacing:.8px!important;color:var(--nw-accent-strong)!important}.page-breadcrumbs{min-height:24px!important;margin:0 0 5px!important;padding:4px 7px!important;border:1px solid #33383c!important;background:#202428!important;color:#707981!important;font-size:7px!important}.page-breadcrumbs a{color:#9da5aa!important}.section-tabs{gap:1px!important;margin:0 0 5px!important;border-bottom:1px solid #111315!important}.section-tabs a{padding:6px 9px!important;border:1px solid #34393d!important;border-bottom:0!important;background:linear-gradient(#2c3034,#24282b)!important;color:#929ba1!important;font-size:8px!important}.section-tabs a:hover{color:#e7eaec!important;background:#34393d!important}.section-tabs a[aria-current=page]{background:#353a3e!important;color:#fff!important;border-top:2px solid var(--nw-accent)!important;padding-top:5px!important} body.theme-light .page-header{background:linear-gradient(#fbfbfb,#e8ebed)!important;border-color:#b7bdc0!important;border-left-color:var(--nw-accent)!important;box-shadow:0 1px #fff inset!important}.theme-light .page-title{color:#25292c!important;text-shadow:0 1px #fff!important}.theme-light .page-breadcrumbs{background:#f5f6f6!important;border-color:#c6cbce!important;color:#777f84!important}.theme-light .page-breadcrumbs a{color:#465158!important}.theme-light .section-tabs{border-color:#b7bdc0!important}.theme-light .section-tabs a{background:linear-gradient(#f8f9f9,#e5e8e9)!important;border-color:#bec3c6!important;color:#5f686e!important}.theme-light .section-tabs a[aria-current=page]{background:#fff!important;color:#202427!important;border-top-color:var(--nw-accent)!important} .card,.compact{border:1px solid #111315!important;border-top-color:#3d4246!important;border-radius:3px!important;background:#282c30!important;color:#d7dbde!important;box-shadow:0 1px 0 rgba(255,255,255,.025) inset,0 2px 6px rgba(0,0,0,.11)!important;margin-bottom:5px!important}.card>h2,.compact>summary{min-height:28px!important;margin:0!important;padding:7px 9px!important;border:0!important;border-bottom:1px solid #17191b!important;background:linear-gradient(#373b3f,#2f3337)!important;color:#e7e9ea!important;font-size:9px!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:.35px!important;text-shadow:0 1px #000!important}.panel-body{padding:8px 9px!important}.card p{margin:5px 0!important}.stat,.metric,.market-row,.event-row,.property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row,.travel-destination-row,.foreign-market-row,.message-conversation-row,.forum-category-card,.player-directory-row{border-color:#353a3e!important;background:#292d31!important}.stat:nth-child(even),.market-row:nth-child(even),.event-row:nth-child(even){background:#262a2e!important}.stat strong,.metric strong,.market-row strong{color:#e5e8ea!important}.stat span,.metric span,.market-row span,.market-row small{color:#879097!important}.item-visual-row,.item-visual-row.compact{border-color:#373d42!important;background:linear-gradient(#2d3236,#262a2e)!important;border-radius:3px!important}.item-art,.property-art{background:radial-gradient(circle at 35% 25%,#343a3e,#171a1c 72%)!important;border:1px solid #3b4247!important;border-radius:2px!important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 2px 5px rgba(0,0,0,.18)!important} body.theme-light .card,body.theme-light .compact{background:#f8f9f9!important;border-color:#bcc2c5!important;box-shadow:0 1px #fff inset,0 2px 5px rgba(0,0,0,.06)!important}.theme-light .card>h2,.theme-light .compact>summary{background:linear-gradient(#45494c,#363a3d)!important;color:#fff!important;border-bottom-color:#222426!important}.theme-light .panel-body{color:#343a3e!important}.theme-light .stat,.theme-light .metric,.theme-light .market-row,.theme-light .event-row,.theme-light .property-home-row,.theme-light .property-upgrade-row,.theme-light .property-staff-row,.theme-light .property-storage-row,.theme-light .travel-destination-row,.theme-light .foreign-market-row,.theme-light .message-conversation-row,.theme-light .forum-category-card,.theme-light .player-directory-row{background:#fff!important;border-color:#d2d6d8!important}.theme-light .stat:nth-child(even),.theme-light .market-row:nth-child(even),.theme-light .event-row:nth-child(even){background:#f1f3f4!important}.theme-light .stat strong,.theme-light .metric strong,.theme-light .market-row strong{color:#24282b!important}.theme-light .stat span,.theme-light .metric span,.theme-light .market-row span,.theme-light .market-row small{color:#687178!important}.theme-light .item-visual-row,.theme-light .item-visual-row.compact{background:linear-gradient(#fff,#f1f3f4)!important;border-color:#c8cdd0!important} button,.ui-link{border-radius:3px!important;min-height:32px!important;padding:6px 9px!important;background:linear-gradient(#3b4044,#2f3438)!important;border:1px solid #17191b!important;border-top-color:#50565a!important;color:#e4e7e9!important;font-size:9px!important;text-shadow:0 1px #000!important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset!important}.ui-link{text-decoration:none!important}button:hover:not(:disabled),.ui-link:hover{background:linear-gradient(#4a4540,#38342f)!important;border-color:#6e5937!important;color:#fff!important}input,select,textarea{min-height:32px!important;padding:6px 8px!important;border-radius:3px!important;border:1px solid #3b4247!important;background:#1b1f22!important;color:#e3e6e8!important;font-size:10px!important;box-shadow:0 1px 2px rgba(0,0,0,.28) inset!important}label{font-size:8px!important;color:#8f989e!important}.badge,.game-status-chip,.presence-chip{border-radius:2px!important;background:#202428!important;border:1px solid #41474c!important;color:#aeb6bb!important;font-size:7px!important;padding:3px 5px!important} body.theme-light button,body.theme-light .ui-link{background:linear-gradient(#fff,#e5e8e9)!important;border-color:#aeb5b9!important;color:#34393d!important;text-shadow:none!important;box-shadow:0 1px #fff inset!important}.theme-light button:hover:not(:disabled),.theme-light .ui-link:hover{background:#f5efe2!important;border-color:#ac9158!important}.theme-light input,.theme-light select,.theme-light textarea{background:#fff!important;border-color:#b9c0c4!important;color:#24282b!important;box-shadow:0 1px 2px rgba(0,0,0,.07) inset!important}.theme-light label{color:#5e676d!important}.theme-light .badge,.theme-light .game-status-chip,.theme-light .presence-chip{background:#eef0f1!important;border-color:#b8bec1!important;color:#41494e!important} table{border-collapse:separate!important;border-spacing:0!important;border:1px solid #353a3e!important;border-radius:3px!important;overflow:hidden!important}th{padding:6px 7px!important;background:linear-gradient(#373b3f,#2e3236)!important;color:#cfd4d7!important;border-color:#17191b!important;font-size:7px!important;text-transform:uppercase!important;letter-spacing:.35px!important}td{padding:6px 7px!important;background:#282c30!important;color:#c8cdd0!important;border-color:#353a3e!important;font-size:9px!important}tr:nth-child(even) td{background:#25292d!important}.theme-light table{border-color:#c0c6c9!important}.theme-light th{background:linear-gradient(#e8ebed,#dce0e2)!important;color:#41494e!important;border-color:#c2c7ca!important}.theme-light td{background:#fff!important;color:#3f464a!important;border-color:#d7dbdd!important}.theme-light tr:nth-child(even) td{background:#f2f4f4!important} @media(max-width:900px){.game-shell{grid-template-columns:164px minmax(0,1fr)!important}.vector-nav{grid-template-columns:repeat(11,58px)!important;overflow-x:auto!important}.hud-wallet{grid-template-columns:repeat(2,70px)!important}} @media(max-width:720px){main{padding:0 0 58px!important}.game-shell{display:block!important}.desktop-sidebar{display:none!important}.game-content{border:0!important;border-radius:0!important;padding:4px!important;min-height:0!important}.city-menu{display:block!important;position:sticky!important;top:0!important;z-index:60!important;margin:0 0 4px!important;border:1px solid #111315!important;border-radius:0 0 3px 3px!important;background:#24282b!important}.city-menu>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:36px!important;padding:7px 10px!important;background:linear-gradient(#34383c,#282c30)!important;color:#e7eaec!important;font-size:10px!important;list-style:none!important}.city-menu>summary::-webkit-details-marker{display:none!important}.city-menu>summary:before{content:"☰";margin-right:7px;color:var(--nw-accent-strong)!important}.city-menu[open]>summary{border-bottom:1px solid #111315!important}.city-menu nav{max-height:68vh!important;overflow:auto!important;display:block!important;padding:0!important;background:#202428!important}.city-menu nav>div{display:block!important}.city-menu nav strong{display:block!important;background:#313539!important;color:#aeb5ba!important;padding:6px 9px!important;font-size:7px!important;text-transform:uppercase!important}.city-menu nav a{display:grid!important;grid-template-columns:18px 1fr auto!important;gap:5px!important;align-items:center!important;min-height:34px!important;padding:7px 9px!important;background:#272b2f!important;border:0!important;border-bottom:1px solid #34393d!important;color:#aeb5ba!important;font-size:9px!important}.city-menu nav a.active{background:#39342c!important;color:#fff!important;box-shadow:3px 0 var(--nw-accent) inset!important}.vector-nav{position:sticky!important;top:36px!important;z-index:55!important;height:40px!important;margin:0 0 4px!important;border-radius:0!important;display:flex!important;overflow-x:auto!important}.vector-nav a{flex:0 0 58px!important;height:38px!important}.mobile-hud{grid-template-columns:1fr!important;grid-template-areas:"resources" "wallet" "timers"!important}.hud-resources{grid-template-columns:repeat(4,minmax(68px,1fr))!important;overflow-x:auto!important}.hud-wallet{grid-template-columns:repeat(4,minmax(68px,1fr))!important}.page-header{min-height:40px!important;padding:6px 8px!important}.page-title{font-size:15px!important}.section-tabs{overflow-x:auto!important}.section-tabs a{white-space:nowrap!important;min-height:32px!important;padding:7px 9px!important}.panel-body{padding:7px!important}.card>h2,.compact>summary{padding:7px 8px!important}.dashboard-grid,.city-grid{grid-template-columns:1fr!important}} @media(max-width:430px){body{font-size:11px!important}.hud-resources{grid-template-columns:repeat(4,76px)!important}.hud-wallet{grid-template-columns:repeat(4,76px)!important;overflow-x:auto!important}.page-kicker{display:none!important}.item-visual-row,.item-visual-row.compact{grid-template-columns:68px minmax(0,1fr)!important;gap:7px!important}.item-visual-row .item-art,.item-visual-row.compact .item-art{width:68px!important;height:68px!important}.market-row-main{grid-template-columns:70px minmax(0,1fr)!important}.market-row-main .item-art,.market-row-main .item-art-icon{width:66px!important;height:66px!important}} :root{ --nw-mobile-bar:42px; --nw-mobile-gap:4px; --nw-mobile-pad:6px; } @media(max-width:720px){ html,body{min-width:0!important;width:100%!important;overflow-x:hidden!important} body{font-size:11px!important;line-height:1.25!important;background:var(--nw-bg)!important} main{padding:0 0 16px!important;margin:0!important;width:100%!important} .game-shell{display:block!important;width:100%!important;max-width:none!important;margin:0!important} .desktop-sidebar{display:none!important} .game-content{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--nw-bg)!important;box-shadow:none!important} /* compact sticky mobile account/menu bar */ .city-menu{order:-30!important;position:sticky!important;top:0!important;z-index:100!important;display:block!important;margin:0!important;border:0!important;border-bottom:1px solid var(--nw-line)!important;border-radius:0!important;background:var(--nw-shell)!important;box-shadow:0 2px 8px rgba(0,0,0,.28)!important} .city-menu>summary{height:var(--nw-mobile-bar)!important;min-height:var(--nw-mobile-bar)!important;display:grid!important;grid-template-columns:24px 1fr auto!important;align-items:center!important;gap:6px!important;padding:0 9px!important;background:linear-gradient(180deg,var(--nw-panel-3),var(--nw-shell))!important;color:var(--nw-text)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.15px!important;list-style:none!important} .city-menu>summary:before{content:"☰"!important;margin:0!important;font-size:17px!important;line-height:1!important;color:var(--nw-accent-strong)!important} .city-menu>summary:after{content:"MENU"!important;font-size:7px!important;letter-spacing:.8px!important;color:var(--nw-muted)!important} .city-menu>summary::-webkit-details-marker{display:none!important} .city-menu[open]>summary{border-bottom:1px solid var(--nw-line)!important} .city-menu nav{display:grid!important;grid-template-columns:1fr 1fr!important;max-height:72vh!important;overflow:auto!important;padding:4px!important;gap:4px!important;background:var(--nw-shell)!important} .city-menu nav>div{margin:0!important;border:1px solid var(--nw-line)!important;background:var(--nw-panel)!important} .city-menu nav strong{display:block!important;padding:6px 8px!important;background:var(--nw-panel-3)!important;color:var(--nw-muted)!important;font-size:7px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.7px!important;border:0!important;border-bottom:1px solid var(--nw-line)!important} .city-menu nav a{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;min-height:34px!important;padding:7px 8px!important;background:var(--nw-panel)!important;color:var(--nw-text)!important;border:0!important;border-bottom:1px solid var(--nw-line-soft)!important;border-radius:0!important;font-size:9px!important;text-decoration:none!important} .city-menu nav a:last-child{border-bottom:0!important} .city-menu nav a:hover{background:var(--nw-hover)!important} .city-menu nav a.active,.city-menu nav a[aria-current=page]{background:var(--nw-selected)!important;box-shadow:3px 0 0 var(--nw-accent) inset!important;color:var(--nw-text)!important} .city-menu .side-nav-icon{width:15px!important;height:15px!important} /* quick access strip directly under menu */ .vector-nav{order:-29!important;position:sticky!important;top:var(--nw-mobile-bar)!important;z-index:95!important;height:43px!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;margin:0!important;padding:0!important;background:var(--nw-shell)!important;border:0!important;border-bottom:1px solid var(--nw-line)!important;border-radius:0!important;scrollbar-width:none!important;box-shadow:0 2px 5px rgba(0,0,0,.18)!important} .vector-nav::-webkit-scrollbar{display:none!important} .vector-nav a{flex:0 0 58px!important;min-width:58px!important;height:42px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;padding:3px 2px!important;background:var(--nw-panel)!important;border:0!important;border-right:1px solid var(--nw-line-soft)!important;border-radius:0!important;color:var(--nw-muted)!important;font-size:6px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.25px!important} .vector-nav a.active,.vector-nav a[aria-current=page]{background:var(--nw-selected)!important;color:var(--nw-text)!important;box-shadow:0 -3px 0 var(--nw-accent) inset!important} .vector-nav svg{width:15px!important;height:15px!important} /* resource HUD is horizontal and thumb-friendly */ .mobile-hud{order:-28!important;display:block!important;margin:0!important;padding:4px!important;background:var(--nw-bg)!important;border:0!important;border-bottom:1px solid var(--nw-line)!important;border-radius:0!important;box-shadow:none!important} .hud-resources{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;overflow:visible!important;background:transparent!important} .hud-resource{min-width:0!important;padding:5px 5px 4px!important;background:var(--nw-panel)!important;border:1px solid var(--nw-line)!important;border-radius:2px!important} .hud-resource>div{display:flex!important;justify-content:space-between!important;gap:3px!important;align-items:center!important;font-size:6px!important;line-height:1!important;color:var(--nw-muted)!important} .hud-resource>div:before{content:attr(title)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-transform:uppercase!important;letter-spacing:.3px!important} .hud-resource strong{font-size:8px!important;line-height:1!important;color:var(--nw-text)!important;white-space:nowrap!important} .hud-resource progress{height:4px!important;margin:4px 0 0!important;border:0!important;border-radius:0!important;background:var(--nw-input)!important} .hud-wallet{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;margin-top:3px!important;background:transparent!important} .wallet-cell{min-width:0!important;min-height:28px!important;padding:4px 5px!important;background:var(--nw-panel)!important;border:1px solid var(--nw-line)!important;border-radius:2px!important;text-decoration:none!important} .wallet-cell span{display:block!important;font-size:6px!important;line-height:1!important;color:var(--nw-muted)!important;text-transform:uppercase!important;letter-spacing:.25px!important} .wallet-cell strong{display:block!important;margin-top:3px!important;font-size:8px!important;line-height:1!important;color:var(--nw-text)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .wallet-icon,.resource-symbol,.live-indicator{display:none!important} .live-timers{display:flex!important;gap:3px!important;margin-top:3px!important;padding:0!important;overflow-x:auto!important;background:transparent!important;border:0!important;scrollbar-width:none!important} .live-timers::-webkit-scrollbar{display:none!important} .live-timers>a{flex:0 0 auto!important;min-width:72px!important;padding:4px 6px!important;background:var(--nw-panel)!important;border:1px solid var(--nw-line)!important;border-radius:2px!important;text-decoration:none!important} .live-timers>a span{font-size:6px!important;color:var(--nw-muted)!important;text-transform:uppercase!important}.live-timers>a b{font-size:7px!important;color:var(--nw-text)!important} /* page body */ .page-header{margin:4px 4px 0!important;min-height:42px!important;padding:6px 8px!important;border:1px solid var(--nw-line)!important;border-left:3px solid var(--nw-accent)!important;border-radius:2px!important;background:var(--nw-panel-2)!important;box-shadow:none!important} .page-title{font-size:15px!important;line-height:1.05!important}.page-kicker{font-size:6px!important;line-height:1!important;letter-spacing:.6px!important;margin-top:3px!important;color:var(--nw-accent-strong)!important} .page-header-actions{gap:3px!important}.page-header-actions button,.page-header-actions a{min-height:28px!important;padding:5px 7px!important;font-size:8px!important} .section-tabs,.page-tabs,.tabs,.subnav{display:flex!important;gap:0!important;margin:4px!important;border:1px solid var(--nw-line)!important;border-radius:2px!important;overflow-x:auto!important;scrollbar-width:none!important;background:var(--nw-panel)!important} .section-tabs::-webkit-scrollbar,.page-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar,.subnav::-webkit-scrollbar{display:none!important} .section-tabs a,.page-tabs a,.tabs a,.subnav a{flex:0 0 auto!important;min-height:31px!important;padding:7px 9px!important;border:0!important;border-right:1px solid var(--nw-line-soft)!important;border-radius:0!important;background:var(--nw-panel)!important;color:var(--nw-muted)!important;font-size:8px!important;white-space:nowrap!important} .section-tabs a.active,.page-tabs a.active,.tabs a.active,.subnav a.active{background:var(--nw-selected)!important;color:var(--nw-text)!important;box-shadow:0 -2px 0 var(--nw-accent) inset!important} .card,.compact,.panel{margin:4px!important;border:1px solid var(--nw-line)!important;border-radius:2px!important;background:var(--nw-panel)!important;box-shadow:none!important} .card>h2,.compact>summary,.panel-title,.card-header{min-height:29px!important;padding:7px 8px!important;background:var(--nw-panel-3)!important;border:0!important;border-bottom:1px solid var(--nw-line)!important;border-radius:0!important;color:var(--nw-text)!important;font-size:9px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.25px!important} .card-body,.panel-body{padding:7px!important} /* dense list-first gameplay rows */ .item-visual-row,.item-visual-row.compact,.market-row-main,.property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row,.travel-destination-row,.foreign-market-row,.event-shop-row,.org-item-row,.reward-row{border-radius:0!important} .item-visual-row,.item-visual-row.compact{grid-template-columns:62px minmax(0,1fr)!important;gap:7px!important;margin:0!important;padding:6px!important;border:0!important;border-bottom:1px solid var(--nw-line-soft)!important;background:var(--nw-panel)!important;box-shadow:none!important} .item-visual-row:last-child,.item-visual-row.compact:last-child{border-bottom:0!important} .item-visual-row .item-art,.item-visual-row.compact .item-art{width:60px!important;height:60px!important;padding:2px!important;border:1px solid var(--nw-line)!important;border-radius:2px!important;background:#171a1d!important} .item-visual-meta strong{font-size:10px!important;line-height:1.1!important}.item-visual-meta span{font-size:7px!important;line-height:1.25!important} .market-row-main{grid-template-columns:62px minmax(0,1fr)!important;gap:7px!important}.market-row-main .item-art,.market-row-main .item-art-icon{width:60px!important;height:60px!important} .market-row-actions{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px!important}.market-row-actions button{min-height:30px!important} table{font-size:8px!important}th{padding:6px!important}td{padding:6px!important}.stat,.compact-stat{padding:5px 6px!important} input,select,textarea,button{font-size:10px!important;border-radius:2px!important}input,select,button{min-height:32px!important} .dashboard-grid,.city-grid,.grid-2,.grid-3{grid-template-columns:1fr!important;gap:4px!important} } @media(max-width:430px){ .city-menu nav{grid-template-columns:1fr!important} .hud-resource>div:before{font-size:5px!important} .hud-resource strong{font-size:7px!important} .hud-wallet{grid-template-columns:repeat(4,72px)!important;overflow-x:auto!important;scrollbar-width:none!important} .page-header{margin-left:3px!important;margin-right:3px!important}.card,.compact,.panel{margin:3px!important} .item-visual-row,.item-visual-row.compact{grid-template-columns:58px minmax(0,1fr)!important}.item-visual-row .item-art,.item-visual-row.compact .item-art{width:56px!important;height:56px!important} } @media(min-width:721px){ /* desktop expands from the mobile information hierarchy */ .game-shell{max-width:1180px!important;margin:0 auto!important} .game-content{min-width:0!important} } :root{--nw-ref-font:Arial,Helvetica,sans-serif;--nw-ref-gutter:12px;--nw-ref-header:34px;--nw-ref-ticker:24px;--nw-ref-nav:39px;--nw-ref-bars:30px;--nw-ref-wallet:30px} @media(max-width:720px){ html{background:#17191b!important}body{font-family:var(--nw-ref-font)!important;font-size:12px!important;background:#17191b!important;padding-bottom:64px!important} main{padding:0!important;max-width:none!important}.game-shell{margin:0!important;max-width:none!important}.game-content{padding:0!important;background:radial-gradient(circle at 68% 16%,rgba(255,255,255,.055),transparent 34%),linear-gradient(180deg,#292b2d 0,#26282a 34%,#202224 100%)!important;min-height:calc(100vh - 34px)!important} .desktop-sidebar{display:none!important} header.nw-topbar{position:sticky!important;top:0!important;z-index:140!important;height:var(--nw-ref-header)!important;min-height:var(--nw-ref-header)!important;padding:0!important;margin:0!important;background:linear-gradient(180deg,#2e3032,#1f2123)!important;border:0!important;border-bottom:1px solid #0e0f10!important;box-shadow:0 1px 4px rgba(0,0,0,.55)!important} header.nw-topbar>div{height:100%!important;min-height:0!important;max-width:none!important;padding:0 7px!important;display:flex!important;align-items:center!important;gap:6px!important} .brand-lockup{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}.brand-copy h1{margin:0!important;padding:1px 13px 2px!important;background:linear-gradient(180deg,#4a4c4e,#2f3133)!important;border:1px solid #101112!important;border-radius:0 0 2px 2px!important;font:900 24px/.95 Arial Black,Impact,sans-serif!important;letter-spacing:-1.5px!important;color:#a7a9aa!important;text-shadow:0 1px #000,0 -1px rgba(255,255,255,.2)!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}.brand-copy .brand-note,.brand-vector{display:none!important} .nw-menu-button{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;min-width:29px!important;padding:0!important;border:0!important;background:transparent!important;color:#9da1a4!important;font:800 22px/1 Arial!important;box-shadow:none!important} .nw-header-tools{margin-left:auto!important;display:flex!important;align-items:center!important;height:100%!important}.nw-header-tools a{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;color:#8f9497!important;border:0!important;background:transparent!important;text-decoration:none!important}.header-tool-icon{width:19px!important;height:19px!important}.nw-header-tools a:hover{color:#d6d8d9!important;background:#25282a!important} .nw-news-ticker{height:var(--nw-ref-ticker)!important;display:flex!important;align-items:center!important;gap:5px!important;padding:0 9px!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:linear-gradient(#393b3d,#2a2c2e)!important;border-top:1px solid #4d4f50!important;border-bottom:1px solid #111!important;color:#c8cacc!important;font-size:11px!important;line-height:1!important}.ticker-icon{font-size:10px!important;color:#a9adaf!important} .city-menu{display:none!important} .vector-nav{position:relative!important;top:auto!important;z-index:auto!important;height:var(--nw-ref-nav)!important;margin:0!important;padding:0!important;display:flex!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;background:linear-gradient(180deg,#2e3032,#242628)!important;border:0!important;border-bottom:1px solid #111!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}.vector-nav::-webkit-scrollbar{display:none!important} .vector-nav a{position:relative!important;flex:0 0 58px!important;height:var(--nw-ref-nav)!important;min-width:58px!important;min-height:0!important;padding:4px 2px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:1px!important;border:0!important;border-right:1px solid #2f3234!important;border-radius:0!important;background:transparent!important;color:#888d90!important;text-decoration:none!important;box-shadow:none!important}.vector-nav a .nav-icon{width:20px!important;height:20px!important;margin:0!important}.vector-nav a small{font:700 7px/1 Arial,Helvetica,sans-serif!important;color:#8f9497!important;letter-spacing:0!important}.vector-nav a.active{background:linear-gradient(180deg,#333638,#292b2d)!important;color:#e2e4e5!important;box-shadow:inset 0 -2px #4aa4d8!important}.vector-nav a.active small{color:#e3e5e6!important}.quick-unread{position:absolute!important;top:1px!important;right:8px!important;min-width:12px!important;height:12px!important;padding:0 2px!important;border-radius:8px!important;background:#5aaee0!important;color:#fff!important;font:700 7px/12px Arial!important} .mobile-hud{display:block!important;margin:0!important;padding:0!important;background:#26282a!important;border:0!important;border-bottom:1px solid #111!important;box-shadow:none!important}.live-indicator,.live-timers{display:none!important} .hud-resources{height:var(--nw-ref-bars)!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;background:#2b2d2f!important;overflow:visible!important}.hud-resource{position:relative!important;padding:3px 8px 7px!important;border:0!important;border-right:1px solid #1a1b1c!important;background:transparent!important;min-width:0!important}.hud-resource:last-child{border-right:0!important}.hud-resource>div{display:flex!important;align-items:center!important;gap:4px!important;color:#d8d9da!important}.resource-symbol{display:inline-grid!important;width:13px!important;height:13px!important;color:#92989c!important}.resource-icon{width:13px!important;height:13px!important}.hud-resource strong{font:500 11px/1 Arial,Helvetica,sans-serif!important;color:#d9dbdc!important;white-space:nowrap!important}.hud-resource>div:before{display:none!important}.hud-resource progress{position:absolute!important;left:8px!important;right:8px!important;bottom:4px!important;width:calc(100% - 16px)!important;height:4px!important;margin:0!important;border:0!important;border-radius:0!important;background:#bfc0c1!important;accent-color:#6b9e32!important}.resource-energy progress{accent-color:#66a52f!important}.resource-nerve progress{accent-color:#ce5635!important}.resource-happy progress{accent-color:#c8bd34!important}.resource-life progress{accent-color:#596bd3!important} .hud-wallet{height:var(--nw-ref-wallet)!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 12px!important;overflow-x:auto!important;background:linear-gradient(180deg,#242628,#1e2022)!important;border:0!important;border-top:1px solid #393b3d!important;scrollbar-width:none!important}.hud-wallet::-webkit-scrollbar{display:none!important}.wallet-cell{flex:0 0 auto!important;min-width:auto!important;height:28px!important;min-height:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:4px!important;border:0!important;background:transparent!important;text-decoration:none!important}.wallet-cell .wallet-icon{display:grid!important;width:21px!important;height:21px!important;padding:2px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#8bd239,#4c9615 60%,#2f6710)!important;color:#fff!important;filter:drop-shadow(0 1px 1px #000)!important}.wallet-cell.points .wallet-icon{background:radial-gradient(circle at 35% 30%,#65baf0,#267fb8 65%,#14547c)!important}.wallet-cell.level .wallet-icon{background:radial-gradient(circle at 35% 30%,#b35fe5,#7430af 65%,#4d1e78)!important}.wallet-cell.merits .wallet-icon{background:radial-gradient(circle at 35% 30%,#e28450,#b34d26 65%,#7b2e15)!important}.wallet-cell span{display:none!important}.wallet-cell strong{font:500 14px/1 Arial,Helvetica,sans-serif!important;color:#a8d659!important;white-space:nowrap!important}.wallet-cell.points strong{color:#6ab7e9!important}.wallet-cell.level strong,.wallet-cell.merits strong{color:#d1d3d4!important} .page-header{position:relative!important;min-height:55px!important;margin:0!important;padding:14px 12px 8px!important;display:flex!important;align-items:flex-end!important;gap:6px!important;background:linear-gradient(180deg,rgba(58,60,62,.95),rgba(37,39,41,.94))!important;border:0!important;border-bottom:1px solid #191a1b!important;border-radius:0!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}.page-heading-icon{display:none!important}.page-heading-copy{display:block!important}.page-title{margin:0!important;font:700 20px/1.1 Arial,Helvetica,sans-serif!important;color:#bfc1c2!important;text-shadow:0 1px #000!important}.page-kicker{display:none!important}.page-header-actions{margin-left:auto!important}.page-header-actions form button{height:25px!important;min-height:25px!important;padding:2px 7px!important;background:#333638!important;border:1px solid #4b4e50!important;color:#9da2a5!important;border-radius:2px!important} .page-breadcrumbs,.section-help{display:none!important}.section-tabs{height:32px!important;margin:0!important;padding:0 7px!important;display:flex!important;align-items:stretch!important;gap:0!important;overflow-x:auto!important;background:#252729!important;border:0!important;border-bottom:1px solid #121314!important}.section-tabs a{flex:0 0 auto!important;min-height:0!important;height:31px!important;padding:8px 10px!important;border:0!important;border-right:1px solid #383b3d!important;border-radius:0!important;background:transparent!important;color:#979da1!important;font:700 9px/1 Arial!important}.section-tabs a[aria-current=page]{color:#e4e6e7!important;background:#303335!important;box-shadow:inset 0 -2px #58a6d2!important}.section-tabs .tab-icon{display:none!important} .content-panels{display:block!important;padding:0 12px 82px!important;margin:0!important;background:transparent!important}.card,details.compact,.panel{margin:10px 0 0!important;border:1px solid #1b1c1d!important;border-radius:5px!important;background:#333536!important;box-shadow:0 1px 3px rgba(0,0,0,.45)!important;overflow:hidden!important}.card>h2,.compact>summary{min-height:34px!important;margin:0!important;padding:9px 10px!important;background:linear-gradient(180deg,#4b4d4f,#393b3d)!important;border:0!important;border-bottom:1px solid #202122!important;color:#f0f1f2!important;font:700 14px/1.1 Arial,Helvetica,sans-serif!important;text-shadow:0 1px #000!important}.panel-body,.compact-body{padding:0!important}.card p,.panel-body p{font-size:12px!important;line-height:1.35!important}.info-list>div,.stat-row,.property-home-row,.travel-destination-row,.foreign-market-row,.market-row,.message-conversation-row{min-height:38px!important;padding:8px 10px!important;background:#343637!important;border:0!important;border-bottom:1px solid #1f2021!important;border-radius:0!important;color:#e4e5e6!important}.info-list>div:nth-child(even),.market-row:nth-child(even){background:#303233!important}.info-list span,.stat-row span{font:700 12px/1.1 Arial!important;color:#f0f1f2!important}.info-list strong,.stat-row strong{font:400 12px/1.1 Arial!important;color:#d0d2d3!important} .item-visual-row,.item-visual-row.compact{grid-template-columns:58px minmax(0,1fr)!important;gap:8px!important;padding:7px 9px!important;background:#333536!important;border:0!important;border-bottom:1px solid #1e1f20!important}.item-visual-row .item-art,.item-visual-row.compact .item-art{width:56px!important;height:56px!important;border:1px solid #1b1d1f!important;background:#181a1c!important;border-radius:1px!important}.item-visual-meta strong{font:700 12px/1.15 Arial!important}.item-visual-meta span{font:400 10px/1.3 Arial!important;color:#a8adb0!important} .nw-mobile-dock{position:fixed!important;left:50%!important;bottom:37px!important;transform:translateX(-50%)!important;z-index:150!important;height:42px!important;display:flex!important;align-items:flex-end!important;gap:1px!important;padding:0!important;background:transparent!important}.nw-mobile-dock a{display:grid!important;place-items:center!important;width:42px!important;height:39px!important;border:1px solid #0e1112!important;border-bottom:0!important;border-radius:8px 8px 0 0!important;background:linear-gradient(180deg,#169051,#086438)!important;color:#e8f5ec!important;box-shadow:0 -1px 3px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.12)!important}.nw-mobile-dock a:nth-child(4),.nw-mobile-dock a:nth-child(5),.nw-mobile-dock a:nth-child(6){background:linear-gradient(180deg,#288db3,#17657f)!important}.dock-icon{width:23px!important;height:23px!important} .nw-bottom-bar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:160!important;height:38px!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;background:#090a0b!important;border-top:1px solid #252729!important}.nw-bottom-bar a,.nw-bottom-bar button{display:grid!important;place-items:center!important;height:38px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-right:1px solid #2a2c2e!important;border-radius:0!important;background:#090a0b!important;color:#c8cacb!important;font:700 25px/1 Arial!important;text-decoration:none!important;box-shadow:none!important}.nw-bottom-bar a:last-child{border-right:0!important}.bottom-icon{width:20px!important;height:20px!important} } @media(max-width:430px){.nw-header-tools a{width:28px!important}.nw-header-tools a:nth-child(2),.nw-header-tools a:nth-child(3){display:none!important}.brand-copy h1{font-size:22px!important;padding-left:10px!important;padding-right:10px!important}.vector-nav a{flex-basis:56px!important}.content-panels{padding-left:10px!important;padding-right:10px!important}} @media(min-width:721px){.nw-news-ticker,.nw-mobile-dock,.nw-bottom-bar,.nw-menu-button{display:none!important}} body.theme-light{--nw-ref-light:#eceeef} @media(max-width:720px){body.theme-light .game-content{background:linear-gradient(#e5e7e8,#d9dcde)!important}.theme-light .nw-news-ticker{background:linear-gradient(#f4f5f5,#e2e4e5)!important;color:#4d555a!important;border-color:#b7bdc1!important}.theme-light .vector-nav{background:linear-gradient(#e8eaeb,#d5d9db)!important;border-color:#b5bbc0!important}.theme-light .vector-nav a{border-color:#c4c9cc!important;color:#626b71!important}.theme-light .vector-nav a.active{background:#f7f8f8!important;color:#22272a!important}.theme-light .mobile-hud{background:#eef0f1!important;border-color:#b5bbc0!important}.theme-light .hud-resources{background:#eef0f1!important}.theme-light .hud-resource{border-color:#c4c9cc!important}.theme-light .hud-resource strong{color:#30363a!important}.theme-light .hud-wallet{background:#e4e7e8!important;border-color:#b7bdc1!important}.theme-light .page-header{background:linear-gradient(#f4f5f5,#e3e5e6)!important;border-color:#b7bdc1!important}.theme-light .page-title{color:#555d62!important;text-shadow:none!important}.theme-light .card,.theme-light details.compact,.theme-light .panel{background:#f5f6f6!important;border-color:#adb4b8!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important}.theme-light .card>h2,.theme-light .compact>summary{background:linear-gradient(#5a5c5e,#414345)!important;color:#fff!important}.theme-light .info-list>div,.theme-light .stat-row,.theme-light .market-row,.theme-light .item-visual-row,.theme-light .property-home-row{background:#f7f8f8!important;border-color:#c4c9cc!important;color:#272c2f!important}.theme-light .info-list>div:nth-child(even),.theme-light .market-row:nth-child(even){background:#edf0f1!important}.theme-light .info-list span,.theme-light .stat-row span{color:#3f464a!important}.theme-light .info-list strong,.theme-light .stat-row strong{color:#596167!important}} :root{ --nw-signal:#66b7c9; --nw-signal-soft:#395e67; --nw-amber:#b88b43; --nw-ink:#121518; --nw-panel-deep:#1b1f22; } header{position:relative;overflow:hidden} header:after{content:"";position:absolute;right:0;bottom:0;width:42%;height:2px;background:linear-gradient(90deg,transparent,var(--nw-signal),var(--nw-amber));opacity:.8} h1{position:relative;padding-right:14px} h1:after{content:"//";margin-left:8px;color:var(--nw-signal);font-size:.58em;letter-spacing:-1px;opacity:.85} .brand-note:before{content:"CITY NETWORK • ";color:var(--nw-signal);font-weight:800} .quick-links{position:relative} .quick-links:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--nw-signal),transparent 32%,transparent 68%,var(--nw-amber));pointer-events:none;opacity:.6} .quick-links a.active,.quick-links a[aria-current=page]{background:linear-gradient(180deg,#353a3e,#24282b)!important;box-shadow:inset 0 -2px var(--nw-signal)!important} .quick-links a.active .nav-icon,.quick-links a[aria-current=page] .nav-icon{color:#d9f4f8!important;filter:drop-shadow(0 0 4px rgba(102,183,201,.26))} .page-header{position:relative;overflow:hidden} .page-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--nw-signal),var(--nw-amber))} .page-header:after{content:"NW//";position:absolute;right:9px;top:7px;color:rgba(102,183,201,.16);font-weight:900;font-size:22px;letter-spacing:-2px;pointer-events:none} .page-kicker,.eyebrow{color:#c6a15f!important} .card>h2,.compact>summary{position:relative;padding-left:18px!important} .card>h2:before,.compact>summary:before{content:"";position:absolute;left:7px;top:50%;width:5px;height:5px;transform:translateY(-50%) rotate(45deg);border:1px solid var(--nw-signal);box-sizing:border-box} .resources>div{position:relative;overflow:hidden} .resources>div:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,183,201,.55),transparent)} .resources progress{border-radius:0!important} .hud-wallet{position:relative} .hud-wallet:after{content:"NW CITY SIGNAL";margin-left:auto;color:var(--nw-signal);font-size:8px;font-weight:800;letter-spacing:1px;opacity:.72} .item-art,.property-art{position:relative;border-color:#394349!important;box-shadow:inset 0 0 0 1px rgba(102,183,201,.05),0 2px 8px rgba(0,0,0,.25)!important} .item-art:after,.property-art:after{content:"";position:absolute;left:3px;top:3px;width:9px;height:9px;border-left:1px solid rgba(102,183,201,.55);border-top:1px solid rgba(102,183,201,.55);pointer-events:none} .ui-link,button{transition:background .12s ease,border-color .12s ease,transform .12s ease} .ui-link:hover,button:hover:not(:disabled){border-color:#5b7e86!important} .live-indicator{border-left:2px solid var(--nw-signal)!important} body.theme-light{--nw-signal:#347f91;--nw-signal-soft:#d5e7eb;--nw-amber:#9c7436;--nw-ink:#edf1f2;--nw-panel-deep:#fff} body.theme-light header:after{opacity:.6} body.theme-light .quick-links a.active,body.theme-light .quick-links a[aria-current=page]{background:linear-gradient(#f6f4ef,#e9e1d3)!important;box-shadow:inset 0 -2px var(--nw-signal)!important} body.theme-light .card>h2:before,body.theme-light .compact>summary:before{border-color:#4c8c99} @media(max-width:720px){ header:after{width:58%} h1:after{font-size:.5em;margin-left:5px} .brand-note:before{content:"NW CITY • "} .page-header:after{font-size:17px;top:8px} .hud-wallet:after{content:"NW//";font-size:7px;letter-spacing:0} .quick-links a.active,.quick-links a[aria-current=page]{box-shadow:inset 0 -3px var(--nw-signal)!important} } :root{ --nw-radius-xs:7px; --nw-radius-sm:10px; --nw-radius-md:14px; --nw-radius-lg:18px; --nw-radius-xl:22px; --nw-soft-shadow:0 8px 20px rgba(0,0,0,.18); --nw-soft-inset:inset 0 1px rgba(255,255,255,.055); } /* Shell and global controls */ .nw-topbar{border-radius:0 0 var(--nw-radius-lg) var(--nw-radius-lg)!important;overflow:hidden!important;box-shadow:0 4px 14px rgba(0,0,0,.22)!important} .nw-menu-button,.nw-header-tools a,.page-heading-icon,.page-header-actions button,.page-header-actions a{border-radius:var(--nw-radius-md)!important} .flash,.global-notice{border-radius:var(--nw-radius-md)!important;overflow:hidden!important} button,.ui-link,input,select,textarea{border-radius:var(--nw-radius-sm)!important} /* Main cards / panels */ .card,details.compact,.panel,.player-panel,.city-menu,.page-header,.section-tabs,.page-breadcrumbs{ border-radius:var(--nw-radius-lg)!important; overflow:hidden!important; box-shadow:var(--nw-soft-inset),var(--nw-soft-shadow)!important; } .card>h2,.compact>summary{ border-radius:var(--nw-radius-lg) var(--nw-radius-lg) 0 0!important; overflow:hidden!important; } .panel-body{border-radius:0 0 var(--nw-radius-lg) var(--nw-radius-lg)!important} /* Rounded list language used throughout the game */ .info-list,.stat-list,.property-home-list,.property-upgrade-list,.travel-destination-list,.foreign-market-list, .market-list,.notification-list,.thread-list,.message-list{gap:5px!important} .info-list>div,.stat-row,.market-row,.item-visual-row,.item-visual-row.compact,.property-home-row,.property-upgrade-row, .property-staff-row,.property-storage-row,.travel-destination-row,.foreign-market-row,.travel-class-option, .event-shop-row,.race-track-row,.org-item-row,.reward-row,.notification-row,.message-row,.thread-row{ border-radius:var(--nw-radius-md)!important; overflow:hidden!important; border:1px solid var(--nw-line)!important; box-shadow:inset 0 1px rgba(255,255,255,.035),0 2px 7px rgba(0,0,0,.12)!important; margin-bottom:5px!important; } .info-list>div:last-child,.stat-row:last-child,.market-row:last-child,.property-home-row:last-child, .property-upgrade-row:last-child,.property-staff-row:last-child,.property-storage-row:last-child, .travel-destination-row:last-child,.foreign-market-row:last-child,.travel-class-option:last-child{margin-bottom:0!important} /* Art wells */ .item-art,.property-art,.market-row-main .item-art,.equipment-slot-icon,.asset-catalog-art{ border-radius:var(--nw-radius-md)!important; overflow:hidden!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.2)!important; } .item-art:after,.property-art:after{border-radius:3px 0 0 0!important} /* Navigation */ .vector-nav{border-radius:var(--nw-radius-lg)!important;overflow-x:auto!important;overflow-y:hidden!important;padding:5px!important;gap:5px!important;border:1px solid var(--nw-line)!important;background:linear-gradient(180deg,#2f3337,#202428)!important;box-shadow:var(--nw-soft-inset),0 6px 16px rgba(0,0,0,.18)!important} .vector-nav a{border-radius:var(--nw-radius-md)!important;border:1px solid #394046!important;background:linear-gradient(180deg,#34393e,#252a2e)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important} .vector-nav a:hover{background:linear-gradient(180deg,#3b4247,#2b3035)!important} .vector-nav a.active,.vector-nav a[aria-current=page]{border-color:rgba(67,203,226,.72)!important;background:linear-gradient(180deg,#144d59,#12333b)!important;box-shadow:inset 0 0 0 1px rgba(63,213,236,.18),0 0 12px rgba(35,177,198,.18)!important} .desktop-sidebar nav,.desktop-sidebar nav>div{border-radius:var(--nw-radius-md)!important;overflow:hidden!important} .desktop-sidebar nav a{border-radius:var(--nw-radius-xs)!important;margin:2px 4px!important;border-bottom:0!important} .desktop-sidebar nav a.active{border-radius:var(--nw-radius-sm)!important} /* Resource + wallet capsules */ .hud-resources,.hud-wallet,.live-timers{ border-radius:var(--nw-radius-lg)!important; overflow:hidden!important; border:1px solid var(--nw-line)!important; box-shadow:var(--nw-soft-inset),0 4px 12px rgba(0,0,0,.15)!important; } .hud-resource,.wallet-cell,.live-timers a{border-radius:0!important} .hud-resource:first-child,.wallet-cell:first-child,.live-timers a:first-child{border-radius:var(--nw-radius-lg) 0 0 var(--nw-radius-lg)!important} .hud-resource:last-child,.wallet-cell:last-child,.live-timers a:last-child{border-radius:0 var(--nw-radius-lg) var(--nw-radius-lg) 0!important} .hud-resource progress,.side-resource progress,.resources progress{border-radius:999px!important;overflow:hidden!important} .hud-resource progress::-webkit-progress-bar,.side-resource progress::-webkit-progress-bar{border-radius:999px!important} .hud-resource progress::-webkit-progress-value,.side-resource progress::-webkit-progress-value{border-radius:999px!important} /* Tabs and compact actions */ .section-tabs{padding:5px!important;gap:5px!important;background:#202428!important} .section-tabs a,.page-tabs a,.tabs a,.subnav a,.quick-links a{ border-radius:var(--nw-radius-sm)!important; } .section-tabs a[aria-current=page],.page-tabs a[aria-current=page],.tabs a.active{ border-radius:var(--nw-radius-sm)!important; box-shadow:inset 0 -2px var(--nw-signal)!important; } /* Tables keep structure but soften outer and cell geometry */ table{border-radius:var(--nw-radius-md)!important;overflow:hidden!important;border-collapse:separate!important;border-spacing:0!important} table th:first-child{border-top-left-radius:var(--nw-radius-md)!important} table th:last-child{border-top-right-radius:var(--nw-radius-md)!important} table tr:last-child td:first-child{border-bottom-left-radius:var(--nw-radius-md)!important} table tr:last-child td:last-child{border-bottom-right-radius:var(--nw-radius-md)!important} /* Forms and badges */ .badge,.pill,.status-chip,.chip,.tag,.market-price-context,.property-secondary-stats span,.travel-perks span{ border-radius:999px!important; } form button,.market-row-actions button{border-radius:var(--nw-radius-sm)!important} /* Floating mobile dock + utility bar, matching the approved visual direction */ .nw-mobile-dock{ border-radius:var(--nw-radius-xl)!important; padding:5px!important; gap:5px!important; background:rgba(14,18,21,.94)!important; border:1px solid #3b4449!important; box-shadow:0 8px 24px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.06)!important; backdrop-filter:blur(10px)!important; } .nw-mobile-dock a{ border-radius:var(--nw-radius-md)!important; overflow:hidden!important; border:1px solid #3b454b!important; background:linear-gradient(180deg,#1d96b5,#087394)!important; box-shadow:inset 0 1px rgba(255,255,255,.11),0 3px 8px rgba(0,0,0,.22)!important; } .nw-mobile-dock a:nth-child(-n/**/+2){background:linear-gradient(180deg,#149963,#087b4d)!important} .nw-mobile-dock a:nth-child(3){background:linear-gradient(180deg,#4b5257,#33393d)!important} .nw-bottom-bar{ left:6px!important;right:6px!important;bottom:5px!important;height:46px!important; border-radius:var(--nw-radius-xl)!important;overflow:hidden!important; border:1px solid #343c41!important;background:rgba(7,9,10,.96)!important; box-shadow:0 8px 24px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04)!important; } .nw-bottom-bar a,.nw-bottom-bar button{height:44px!important;background:transparent!important;border-radius:0!important} .nw-bottom-bar a[aria-current=page],.nw-bottom-bar a.active{background:linear-gradient(180deg,#1297b7,#076a86)!important;color:#fff!important} /* Light mode keeps the same shapes */ body.theme-light .vector-nav{background:rgba(245,248,249,.96)!important;border-color:#c7cdd1!important;box-shadow:0 5px 15px rgba(67,78,85,.12),inset 0 1px #fff!important} body.theme-light .vector-nav a{background:linear-gradient(#fff,#eef1f2)!important;border-color:#d7dcdf!important;color:#42505a!important;box-shadow:0 2px 6px rgba(65,75,82,.08)!important} body.theme-light .vector-nav a.active,body.theme-light .vector-nav a[aria-current=page]{background:linear-gradient(#55d5e5,#22b6cb)!important;color:#fff!important;border-color:#27aebe!important;box-shadow:0 4px 12px rgba(29,170,190,.2)!important} body.theme-light .hud-resources,body.theme-light .hud-wallet,body.theme-light .live-timers{background:rgba(255,255,255,.92)!important;border-color:#d1d7da!important;box-shadow:0 4px 12px rgba(70,80,86,.1)!important} body.theme-light .section-tabs{background:#e6ebed!important} body.theme-light .nw-mobile-dock{background:rgba(245,248,249,.95)!important;border-color:#ccd3d7!important;box-shadow:0 8px 24px rgba(61,77,88,.18)!important} body.theme-light .nw-bottom-bar{background:rgba(255,255,255,.96)!important;border-color:#cfd6da!important;box-shadow:0 8px 24px rgba(61,77,88,.18)!important} body.theme-light .nw-bottom-bar a,body.theme-light .nw-bottom-bar button{color:#3e4b54!important;border-color:#d7dcdf!important} @media(max-width:720px){ .game-content{padding:6px!important} .nw-news-ticker{margin:4px 4px 5px!important;border-radius:var(--nw-radius-md)!important;overflow:hidden!important} .vector-nav{margin:0 4px 5px!important;height:58px!important;padding:5px!important} .vector-nav a{flex:0 0 58px!important;height:46px!important} .mobile-hud{padding:0 4px 5px!important;background:transparent!important;border:0!important} .hud-resources{margin-bottom:5px!important} .hud-wallet{margin-bottom:0!important} .page-header{margin:6px 4px!important;border-radius:var(--nw-radius-lg)!important;min-height:50px!important;padding:8px 10px!important} .page-header:before{border-radius:var(--nw-radius-lg) 0 0 var(--nw-radius-lg)!important} .section-tabs{margin:0 4px 5px!important;border-radius:var(--nw-radius-md)!important} .card,details.compact,.panel{margin-left:4px!important;margin-right:4px!important;border-radius:var(--nw-radius-lg)!important} .card>h2,.compact>summary{min-height:39px!important;border-radius:var(--nw-radius-lg) var(--nw-radius-lg) 0 0!important} .panel-body{border-radius:0 0 var(--nw-radius-lg) var(--nw-radius-lg)!important} .info-list>div,.stat-row,.market-row,.item-visual-row,.property-home-row,.property-upgrade-row, .property-staff-row,.property-storage-row,.travel-destination-row,.foreign-market-row,.travel-class-option, .event-shop-row,.race-track-row,.org-item-row,.reward-row{border-radius:var(--nw-radius-md)!important;margin:5px!important} .item-art,.property-art{border-radius:var(--nw-radius-md)!important} .nw-mobile-dock{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:57px!important;max-width:330px!important;width:calc(100% - 56px)!important;height:52px!important} .nw-mobile-dock a{height:40px!important} main{padding-bottom:116px!important} } @media(max-width:430px){ :root{--nw-radius-lg:16px;--nw-radius-xl:20px} .vector-nav{border-radius:16px!important} .vector-nav a{border-radius:12px!important} .page-title{font-size:19px!important} .card>h2,.compact>summary{font-size:13px!important} } :root{ --ui-bg:#071015; --ui-bg-soft:#0d171d; --ui-surface:#121e25; --ui-surface-2:#17252d; --ui-surface-3:#1e2d35; --ui-surface-4:#263840; --ui-line:#304650; --ui-line-soft:#253941; --ui-text:#f0f4f6; --ui-muted:#9aabb4; --ui-dim:#72858f; --ui-cyan:#21c4dc; --ui-cyan-2:#128aa1; --ui-amber:#f1a719; --ui-green:#47d25b; --ui-danger:#e6685b; --ui-r-xs:8px; --ui-r-sm:11px; --ui-r-md:14px; --ui-r-lg:18px; --ui-r-xl:22px; --ui-gap-1:4px; --ui-gap-2:6px; --ui-gap-3:8px; --ui-gap-4:12px; --ui-shadow-sm:0 2px 7px rgba(0,0,0,.2); --ui-shadow-md:0 7px 18px rgba(0,0,0,.26); --ui-shadow-lg:0 12px 30px rgba(0,0,0,.34); --ui-inset:inset 0 1px rgba(255,255,255,.055); --ui-font:Arial,Helvetica,sans-serif; } body.theme-light{ --ui-bg:#dfe8ed; --ui-bg-soft:#e9f0f3; --ui-surface:#f8fbfc; --ui-surface-2:#eef4f6; --ui-surface-3:#e3ecef; --ui-surface-4:#d6e2e7; --ui-line:#c4d1d7; --ui-line-soft:#d6e0e4; --ui-text:#26343d; --ui-muted:#687b86; --ui-dim:#8899a1; --ui-cyan:#16b8cf; --ui-cyan-2:#0f879b; --ui-amber:#dc9816; --ui-green:#27b746; --ui-danger:#cf594d; --ui-shadow-sm:0 2px 7px rgba(62,84,95,.09); --ui-shadow-md:0 7px 18px rgba(62,84,95,.13); --ui-shadow-lg:0 12px 28px rgba(62,84,95,.17); --ui-inset:inset 0 1px rgba(255,255,255,.9); } html,body{font-family:var(--ui-font)!important;background:var(--ui-bg)!important;color:var(--ui-text)!important} body{letter-spacing:0!important} *{box-sizing:border-box} /* remove mismatched legacy geometry */ .card,.panel,details.compact,.page-header,.section-tabs,.page-breadcrumbs,.player-panel,.city-menu, .info-list>div,.stat-row,.market-row,.item-visual-row,.property-home-row,.property-upgrade-row,.property-staff-row, .property-storage-row,.travel-destination-row,.foreign-market-row,.travel-class-option,.event-shop-row,.race-track-row, .org-item-row,.reward-row,.notification-row,.message-row,.thread-row,.item-art,.property-art, .asset-catalog-art,.equipment-slot-icon,.vector-nav,.hud-resources,.hud-wallet,.live-timers, .nw-mobile-dock,.nw-bottom-bar,.flash,.global-notice,button,.ui-link,input,select,textarea{ border-color:var(--ui-line)!important; } /* top shell */ .nw-topbar{ background:linear-gradient(180deg,#101b22,#091218)!important; border:0!important;border-bottom:1px solid #21333b!important; box-shadow:0 8px 24px rgba(0,0,0,.24)!important; } body.theme-light .nw-topbar{background:linear-gradient(180deg,#f8fbfc,#e7f0f4)!important;border-bottom-color:#c7d5db!important;box-shadow:0 5px 16px rgba(65,84,94,.12)!important} .nw-topbar>div{max-width:1180px!important;margin:auto!important;padding:7px 10px!important} .brand-lockup{gap:8px!important;min-height:40px!important}.brand-copy h1{font:800 24px/1 var(--ui-font)!important;letter-spacing:.4px!important;color:var(--ui-text)!important}.brand-copy h1:after{color:var(--ui-cyan)!important}.brand-note{font:700 7px/1.2 var(--ui-font)!important;color:var(--ui-muted)!important}.brand-note:before{color:var(--ui-cyan)!important}.nw-menu-button,.nw-header-tools a{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,var(--ui-surface-3),var(--ui-surface))!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;color:var(--ui-text)!important;box-shadow:var(--ui-inset),var(--ui-shadow-sm)!important} /* shell */ main{max-width:1180px!important;margin:0 auto!important;padding:7px 8px 14px!important}.game-shell{gap:8px!important}.game-content{background:var(--ui-bg)!important;border:0!important;padding:0!important;box-shadow:none!important} .desktop-sidebar{background:transparent!important}.player-panel{background:linear-gradient(180deg,var(--ui-surface-2),var(--ui-surface))!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;overflow:hidden!important;box-shadow:var(--ui-inset),var(--ui-shadow-md)!important}.player-name{background:linear-gradient(180deg,var(--ui-surface-4),var(--ui-surface-2))!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}.player-meta,.player-status-summary{border-color:var(--ui-line-soft)!important;color:var(--ui-muted)!important}.sidebar-resources{background:transparent!important;padding:7px!important}.side-resource progress{border-radius:999px!important;overflow:hidden!important} .desktop-sidebar nav{background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;overflow:hidden!important;box-shadow:var(--ui-shadow-sm)!important}.desktop-sidebar nav>div{background:transparent!important;border:0!important}.desktop-sidebar nav strong{background:linear-gradient(180deg,var(--ui-surface-3),var(--ui-surface-2))!important;border-color:var(--ui-line)!important;color:var(--ui-muted)!important}.desktop-sidebar nav a{margin:3px 5px!important;padding:5px 7px!important;min-height:29px!important;background:transparent!important;border:1px solid transparent!important;border-radius:var(--ui-r-sm)!important;color:var(--ui-muted)!important}.desktop-sidebar nav a:hover{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}.desktop-sidebar nav a.active{background:linear-gradient(180deg,rgba(33,196,220,.18),rgba(33,196,220,.07))!important;border-color:rgba(33,196,220,.42)!important;color:var(--ui-text)!important;box-shadow:inset 3px 0 var(--ui-cyan)!important} /* ticker */ .nw-news-ticker{background:linear-gradient(180deg,var(--ui-surface-2),var(--ui-surface))!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;color:var(--ui-muted)!important;box-shadow:var(--ui-inset),var(--ui-shadow-sm)!important}.ticker-icon{color:var(--ui-cyan)!important} /* primary icon nav */ .vector-nav{display:flex!important;grid-template-columns:none!important;gap:5px!important;height:auto!important;padding:5px!important;margin:5px 0!important;background:linear-gradient(180deg,var(--ui-surface-2),var(--ui-surface))!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;box-shadow:var(--ui-inset),var(--ui-shadow-md)!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}.vector-nav::-webkit-scrollbar{display:none!important}.vector-nav a{flex:0 0 64px!important;height:52px!important;padding:5px 3px!important;border:1px solid var(--ui-line-soft)!important;border-radius:var(--ui-r-md)!important;background:linear-gradient(180deg,var(--ui-surface-3),var(--ui-surface-2))!important;color:var(--ui-muted)!important;text-shadow:none!important;box-shadow:var(--ui-inset)!important}.vector-nav a:hover{background:var(--ui-surface-3)!important;color:var(--ui-text)!important}.vector-nav a.active,.vector-nav a[aria-current=page]{background:linear-gradient(180deg,#155d6a,#103b45)!important;border-color:#20bcd3!important;color:white!important;box-shadow:inset 0 0 0 1px rgba(71,223,242,.17),0 0 14px rgba(33,196,220,.17)!important}.vector-nav .nav-icon{width:20px!important;height:20px!important;color:currentColor!important}.vector-nav small{font:700 7px/1 var(--ui-font)!important} body.theme-light .vector-nav a.active,body.theme-light .vector-nav a[aria-current=page]{background:linear-gradient(180deg,#36c8da,#16abc1)!important;color:#fff!important} /* resources / wallet */ .mobile-hud{background:transparent!important;border:0!important;box-shadow:none!important}.hud-resources,.hud-wallet,.live-timers{background:linear-gradient(180deg,var(--ui-surface-2),var(--ui-surface))!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;overflow:hidden!important;box-shadow:var(--ui-inset),var(--ui-shadow-sm)!important}.hud-resource,.wallet-cell,.live-timers a{background:transparent!important;border-color:var(--ui-line-soft)!important;color:var(--ui-text)!important}.hud-resource span,.wallet-cell span{color:var(--ui-muted)!important}.hud-resource strong,.wallet-cell strong{color:var(--ui-text)!important}.hud-resource progress,.side-resource progress,.resources progress{height:5px!important;border-radius:999px!important;overflow:hidden!important}.hud-wallet:after{color:var(--ui-cyan)!important} /* page chrome */ .page-header{position:relative!important;margin:7px 0!important;min-height:54px!important;padding:9px 12px!important;background:linear-gradient(180deg,var(--ui-surface-2),var(--ui-surface))!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;box-shadow:var(--ui-inset),var(--ui-shadow-md)!important;overflow:hidden!important}.page-header:before{width:4px!important;background:linear-gradient(var(--ui-cyan),var(--ui-amber))!important}.page-header:after{color:rgba(33,196,220,.12)!important}.page-title{font:800 20px/1 var(--ui-font)!important;color:var(--ui-text)!important;text-shadow:none!important}.page-kicker,.eyebrow{font:700 6px/1.2 var(--ui-font)!important;color:var(--ui-cyan)!important;letter-spacing:.7px!important}.page-heading-icon{border-radius:var(--ui-r-sm)!important;background:var(--ui-surface-3)!important;border:1px solid var(--ui-line)!important}.page-breadcrumbs{background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-sm)!important;color:var(--ui-muted)!important;box-shadow:var(--ui-shadow-sm)!important} .section-tabs{display:flex!important;gap:5px!important;padding:5px!important;margin:0 0 7px!important;background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-md)!important;overflow-x:auto!important;box-shadow:var(--ui-shadow-sm)!important}.section-tabs a{min-height:31px!important;padding:6px 10px!important;background:var(--ui-surface-2)!important;border:1px solid var(--ui-line-soft)!important;border-radius:var(--ui-r-sm)!important;color:var(--ui-muted)!important}.section-tabs a[aria-current=page]{background:rgba(33,196,220,.13)!important;border-color:rgba(33,196,220,.45)!important;color:var(--ui-text)!important;box-shadow:inset 0 -2px var(--ui-cyan)!important} /* panels */ .card,details.compact,.panel{background:linear-gradient(180deg,var(--ui-surface-2),var(--ui-surface))!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;overflow:hidden!important;box-shadow:var(--ui-inset),var(--ui-shadow-md)!important}.card>h2,.compact>summary{min-height:39px!important;padding:10px 14px 10px 25px!important;background:linear-gradient(180deg,var(--ui-surface-4),var(--ui-surface-2))!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg) var(--ui-r-lg) 0 0!important;color:var(--ui-text)!important;font:800 14px/1.1 var(--ui-font)!important;text-transform:none!important;letter-spacing:0!important}.card>h2:before,.compact>summary:before{left:11px!important;width:4px!important;height:20px!important;transform:translateY(-50%)!important;border:0!important;border-radius:999px!important;background:var(--ui-amber)!important}.panel-body{background:transparent!important} /* shared rows */ .info-list,.stat-list,.market-list,.property-home-list,.property-upgrade-list,.travel-destination-list,.foreign-market-list,.notification-list,.thread-list,.message-list{gap:5px!important}.info-list>div,.stat-row,.market-row,.item-visual-row,.item-visual-row.compact,.property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row,.travel-destination-row,.foreign-market-row,.travel-class-option,.event-shop-row,.race-track-row,.org-item-row,.reward-row,.notification-row,.message-row,.thread-row{margin:0 5px 5px!important;background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-md)!important;color:var(--ui-text)!important;box-shadow:var(--ui-inset),var(--ui-shadow-sm)!important;overflow:hidden!important}.info-list>div:nth-child(even),.market-row:nth-child(even),.stat-row:nth-child(even){background:var(--ui-surface-2)!important}.info-list span,.stat-row span,.market-row span,.item-visual-meta span{color:var(--ui-muted)!important}.info-list strong,.stat-row strong,.market-row strong,.item-visual-meta strong{color:var(--ui-text)!important} /* item imagery */ .item-art,.property-art,.market-row-main .item-art,.equipment-slot-icon,.asset-catalog-art{background:#111a1f!important;border:1px solid #2e414a!important;border-radius:var(--ui-r-md)!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 5px 14px rgba(0,0,0,.24)!important}.nw-raster-art{border-radius:calc(var(--ui-r-md) - 2px)!important}.item-art:after,.property-art:after{display:none!important} /* controls */ button,.ui-link,input,select,textarea{min-height:34px!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-sm)!important;background:var(--ui-surface-2)!important;color:var(--ui-text)!important;box-shadow:var(--ui-inset)!important;font-family:var(--ui-font)!important}button,.ui-link{font-weight:700!important}button:hover:not(:disabled),.ui-link:hover{background:var(--ui-surface-3)!important;border-color:rgba(33,196,220,.55)!important}.badge,.pill,.status-chip,.chip,.tag,.market-price-context,.property-secondary-stats span,.travel-perks span{border-radius:999px!important}.badge,.pill,.status-chip,.chip,.tag{background:var(--ui-surface-3)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important} /* tables */ table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-md)!important;overflow:hidden!important;background:var(--ui-surface)!important}th{background:var(--ui-surface-3)!important;color:var(--ui-text)!important}td{border-color:var(--ui-line-soft)!important;color:var(--ui-muted)!important}tr:nth-child(even) td{background:var(--ui-surface-2)!important} /* mobile docks */ .nw-mobile-dock{background:rgba(11,18,22,.94)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-xl)!important;box-shadow:var(--ui-shadow-lg),var(--ui-inset)!important;backdrop-filter:blur(12px)!important}.nw-mobile-dock a{border-radius:var(--ui-r-md)!important;border:1px solid #2d6b78!important;background:linear-gradient(180deg,#1a9db9,#0d6f87)!important;box-shadow:var(--ui-inset),var(--ui-shadow-sm)!important}.nw-mobile-dock a:nth-child(-n/**/+2){background:linear-gradient(180deg,#15945f,#0b6d47)!important}.nw-mobile-dock a:nth-child(3){background:linear-gradient(180deg,#4d565b,#30383d)!important;border-color:#556168!important}.nw-bottom-bar{background:rgba(7,12,15,.97)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-xl)!important;box-shadow:var(--ui-shadow-lg)!important;overflow:hidden!important}.nw-bottom-bar a,.nw-bottom-bar button{background:transparent!important;border:0!important;border-right:1px solid var(--ui-line-soft)!important;border-radius:0!important;color:var(--ui-text)!important;box-shadow:none!important}.nw-bottom-bar a.active,.nw-bottom-bar a[aria-current=page]{background:linear-gradient(180deg,#159ab6,#0b6d86)!important;color:#fff!important} body.theme-light .nw-mobile-dock{background:rgba(250,253,254,.96)!important}.theme-light .nw-bottom-bar{background:rgba(251,253,254,.97)!important}.theme-light .nw-bottom-bar a,.theme-light .nw-bottom-bar button{color:#31424b!important} /* focus */ a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ui-cyan)!important;outline-offset:2px!important} /* mobile first proportions */ @media(max-width:720px){ main{padding:0 6px 118px!important}.game-content{padding:0!important}.nw-news-ticker{margin:4px 0 5px!important}.vector-nav{margin:0 0 5px!important}.vector-nav a{flex-basis:58px!important;height:49px!important}.mobile-hud{padding:0!important}.hud-resources{margin-bottom:5px!important}.page-header{margin:6px 0!important}.section-tabs{margin:0 0 6px!important}.card,details.compact,.panel{margin-left:0!important;margin-right:0!important}.info-list>div,.stat-row,.market-row,.item-visual-row,.property-home-row,.property-upgrade-row,.property-staff-row,.property-storage-row,.travel-destination-row,.foreign-market-row,.travel-class-option,.event-shop-row,.race-track-row,.org-item-row,.reward-row{margin-left:5px!important;margin-right:5px!important}.nw-mobile-dock{left:50%!important;right:auto!important;bottom:59px!important;transform:translateX(-50%)!important;width:calc(100% - 38px)!important;max-width:350px!important;height:54px!important;padding:5px!important;gap:5px!important}.nw-mobile-dock a{height:42px!important}.nw-bottom-bar{left:6px!important;right:6px!important;bottom:5px!important;height:48px!important}.nw-bottom-bar a,.nw-bottom-bar button{height:46px!important}.page-title{font-size:21px!important}.card>h2,.compact>summary{font-size:14px!important} } @media(max-width:430px){ :root{--ui-r-md:13px;--ui-r-lg:17px;--ui-r-xl:21px}.brand-copy h1{font-size:23px!important}.nw-header-tools a{width:34px!important;height:34px!important}.vector-nav{padding:4px!important;gap:4px!important}.vector-nav a{flex-basis:57px!important}.page-header{min-height:52px!important;padding:9px 10px!important}.page-title{font-size:20px!important}.item-art,.property-art{border-radius:13px!important} } :root{ --mock-radius-sm:12px;--mock-radius-md:16px;--mock-radius-lg:20px;--mock-radius-xl:24px; --mock-cyan:#18c2dc;--mock-cyan-2:#0c8fa8;--mock-amber:#f2a81e; --mock-shadow:0 9px 24px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05); --mock-soft-shadow:0 4px 12px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04); } #nwReactMobileShell{display:none} .react-mobile-shell{display:none} @media(max-width:720px){ body.react-shell-ready header.nw-topbar{display:none!important} body.react-shell-ready .nw-news-ticker,body.react-shell-ready .vector-nav,body.react-shell-ready .mobile-hud,body.react-shell-ready .nw-mobile-dock,body.react-shell-ready .nw-bottom-bar{display:none!important} body.react-shell-ready main{padding-top:0!important} body.react-shell-ready #nwReactMobileShell{display:block!important;position:relative;z-index:180} body.react-shell-ready .game-content{padding-top:0!important} .react-mobile-shell{display:block;position:sticky;top:0;z-index:180;background:#081015;border-bottom:1px solid #243039;box-shadow:0 5px 18px rgba(0,0,0,.34)} .theme-light .react-mobile-shell{background:#edf5f8;border-bottom-color:#c9d7de;box-shadow:0 5px 16px rgba(70,92,103,.14)} .react-topbar{height:46px;display:flex;align-items:center;gap:7px;padding:6px 8px;background:linear-gradient(180deg,#121b21,#0a1116)} .theme-light .react-topbar{background:linear-gradient(180deg,#fbfdfe,#edf5f8)} .react-brand{display:flex;align-items:baseline;min-width:0;margin-right:auto;gap:5px}.react-brand strong{font-size:22px;line-height:1;font-weight:900;letter-spacing:.4px;color:#eef4f7}.theme-light .react-brand strong{color:#283843}.react-brand i{font-style:normal;font-weight:900;color:var(--mock-cyan);font-size:20px}.react-brand small{font-size:8px;line-height:1;font-weight:800;letter-spacing:.9px;color:#8797a0;text-transform:uppercase} .react-tool{width:34px;height:34px;border:1px solid #30414b;border-radius:11px;background:linear-gradient(180deg,#1d2930,#121b20);display:grid;place-items:center;color:#d8e2e7;padding:0;box-shadow:inset 0 1px rgba(255,255,255,.04)}.theme-light .react-tool{border-color:#c9d8df;background:linear-gradient(180deg,#fff,#eef5f8);color:#40515b} .react-tool svg,.react-nav-icon svg,.react-dock svg,.react-bottom svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .react-ticker{height:31px;margin:0 7px 5px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid #253741;border-radius:15px;background:linear-gradient(90deg,#122029,#111a20);color:#a9b6bd;font-size:9px;white-space:nowrap;overflow:hidden}.theme-light .react-ticker{background:linear-gradient(90deg,#f9fcfd,#e9f3f7);border-color:#cbdbe2;color:#60717b}.react-signal-dot{width:7px;height:7px;border-radius:50%;background:var(--mock-cyan);box-shadow:0 0 9px rgba(24,194,220,.8);flex:0 0 auto} .react-nav-scroller{display:flex;gap:5px;overflow-x:auto;padding:3px 7px 6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.react-nav-scroller::-webkit-scrollbar{display:none} .react-nav-item{position:relative;flex:0 0 58px;height:58px;scroll-snap-align:start;border:1px solid #2b3b44;border-radius:15px;background:linear-gradient(180deg,#1b252b,#12191e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#a9b5bc;text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.04),0 3px 8px rgba(0,0,0,.12)}.theme-light .react-nav-item{background:linear-gradient(180deg,#fff,#edf4f7);border-color:#cbd9df;color:#52636d}.react-nav-item.active{color:#e9fbff;border-color:#19c2dc;background:linear-gradient(180deg,#0c8299,#075a6b);box-shadow:0 0 14px rgba(24,194,220,.24),inset 0 1px rgba(255,255,255,.12)}.theme-light .react-nav-item.active{color:#164d5a;background:linear-gradient(180deg,#d7fbff,#bceef4)}.react-nav-item small{font-size:7px;font-weight:800;line-height:1}.react-nav-unread{position:absolute;top:-4px;right:-3px;min-width:17px;height:17px;padding:0 3px;border-radius:10px;background:#62bd23;color:#fff;font-size:7px;font-weight:900;display:grid;place-items:center;border:1px solid #a9e777} .react-resource-wrap,.react-wallet-wrap{margin:0 7px 5px;border:1px solid #293b44;border-radius:18px;background:linear-gradient(180deg,#162127,#0f181d);box-shadow:var(--mock-soft-shadow);overflow:hidden}.theme-light .react-resource-wrap,.theme-light .react-wallet-wrap{background:linear-gradient(180deg,#fff,#edf5f8);border-color:#cbdbe2;box-shadow:0 4px 12px rgba(56,76,87,.1)} .react-resource-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 6px 7px;gap:6px}.react-resource{min-width:0}.react-resource-head{display:flex;align-items:center;gap:4px;font-size:8px;color:#dce4e8}.theme-light .react-resource-head{color:#344853}.react-resource-head b{font-size:9px;white-space:nowrap}.react-resource-head span{font-size:11px}.react-resource-track{height:5px;border-radius:999px;background:#768188;margin-top:5px;overflow:hidden}.react-resource-fill{height:100%;border-radius:inherit} .react-wallet-wrap{display:flex;align-items:center;gap:11px;padding:7px 10px;min-height:39px;overflow-x:auto;scrollbar-width:none}.react-wallet-wrap::-webkit-scrollbar{display:none}.react-wallet-primary{font-size:15px;font-weight:900;color:#69d832;white-space:nowrap}.react-wallet-stat{display:flex;align-items:center;gap:4px;color:#46aee8;font-size:12px;font-weight:800;white-space:nowrap}.react-wallet-stat:nth-of-type(3){color:#b85ce4}.react-wallet-symbol{font-size:14px} .react-shell-spacer{height:2px} .react-dock{position:fixed;left:50%;bottom:58px;transform:translateX(-50%);z-index:210;display:flex;align-items:flex-end;gap:4px;padding:5px;border:1px solid #2a404a;border-radius:20px;background:rgba(9,17,21,.94);box-shadow:0 9px 25px rgba(0,0,0,.4);backdrop-filter:blur(12px)}.theme-light .react-dock{background:rgba(249,253,254,.95);border-color:#c7d7de;box-shadow:0 9px 22px rgba(67,88,100,.18)}.react-dock a{width:43px;height:43px;border-radius:13px;border:1px solid #247890;background:linear-gradient(180deg,#159fbb,#0a738b);display:grid;place-items:center;color:#eafaff}.react-dock a:nth-child(-n/**/+2){border-color:#1f7951;background:linear-gradient(180deg,#18a86b,#0b784c)}.react-dock a.active{box-shadow:0 0 0 2px rgba(24,194,220,.28),0 0 14px rgba(24,194,220,.32)} .react-bottom{position:fixed;left:7px;right:7px;bottom:5px;z-index:205;height:49px;border:1px solid #273a44;border-radius:20px;background:rgba(6,11,14,.97);box-shadow:0 8px 24px rgba(0,0,0,.38);display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden}.theme-light .react-bottom{background:rgba(252,254,255,.97);border-color:#c9d8df;box-shadow:0 8px 20px rgba(61,81,92,.16)}.react-bottom a,.react-bottom button{height:47px;background:transparent;border:0;border-right:1px solid #20313a;color:#dce5e9;display:grid;place-items:center;padding:0}.theme-light .react-bottom a,.theme-light .react-bottom button{color:#455762;border-right-color:#d7e0e5}.react-bottom .active{color:#eafdff;background:linear-gradient(180deg,#159eb9,#0b6f87)} /* bring PHP content closer to the approved mockup */ body.react-shell-ready .game-content{background:radial-gradient(circle at 78% 10%,rgba(28,107,125,.11),transparent 28%),linear-gradient(180deg,#091014,#071014 68%,#061015)!important;min-height:100vh} body.react-shell-ready.theme-light .game-content{background:radial-gradient(circle at 75% 12%,rgba(50,175,198,.12),transparent 28%),linear-gradient(180deg,#eaf4f8,#dfeaf0)!important} body.react-shell-ready .page-header{border-radius:18px!important;background:linear-gradient(180deg,#202c33,#162127)!important;border:1px solid #31434d!important;box-shadow:0 7px 18px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)!important;padding:12px 13px!important} body.react-shell-ready.theme-light .page-header{background:linear-gradient(180deg,#fff,#edf5f8)!important;border-color:#cbdbe2!important;box-shadow:0 6px 16px rgba(65,86,98,.12)!important} body.react-shell-ready .page-header:before{border-radius:999px!important;width:5px!important;left:7px!important;top:10px!important;bottom:10px!important;background:linear-gradient(180deg,var(--mock-amber),#d68900)!important} body.react-shell-ready .card,body.react-shell-ready details.compact,body.react-shell-ready .panel{border-radius:18px!important;overflow:hidden!important;box-shadow:var(--mock-shadow)!important;border-color:#30414a!important;background:linear-gradient(180deg,#1b262c,#141f24)!important} body.react-shell-ready.theme-light .card,body.react-shell-ready.theme-light details.compact,body.react-shell-ready.theme-light .panel{background:linear-gradient(180deg,#fff,#f1f7f9)!important;border-color:#cad9e0!important;box-shadow:0 8px 20px rgba(68,89,100,.12)!important} body.react-shell-ready .card>h2,body.react-shell-ready .compact>summary,body.react-shell-ready .panel-title{border-radius:0!important;background:linear-gradient(180deg,#26343c,#1b282f)!important;min-height:42px!important;padding:11px 14px 11px 20px!important;font-size:15px!important;letter-spacing:0!important} body.react-shell-ready.theme-light .card>h2,body.react-shell-ready.theme-light .compact>summary,body.react-shell-ready.theme-light .panel-title{background:linear-gradient(180deg,#f8fbfc,#e8f1f4)!important;color:#273843!important} body.react-shell-ready .card>h2:before,body.react-shell-ready .compact>summary:before,body.react-shell-ready .panel-title:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:5px;border-radius:999px;background:var(--mock-amber)} body.react-shell-ready .info-list>div,body.react-shell-ready .stat-row,body.react-shell-ready .market-row,body.react-shell-ready .item-visual-row,body.react-shell-ready .property-home-row,body.react-shell-ready .property-upgrade-row,body.react-shell-ready .property-staff-row,body.react-shell-ready .property-storage-row,body.react-shell-ready .travel-destination-row,body.react-shell-ready .foreign-market-row,body.react-shell-ready .travel-class-option,body.react-shell-ready .event-shop-row,body.react-shell-ready .race-track-row,body.react-shell-ready .org-item-row,body.react-shell-ready .reward-row{border-radius:14px!important;margin:5px 7px!important;border:1px solid #2c3d46!important;background:linear-gradient(180deg,#1b262c,#162127)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important} body.react-shell-ready.theme-light .info-list>div,body.react-shell-ready.theme-light .stat-row,body.react-shell-ready.theme-light .market-row,body.react-shell-ready.theme-light .item-visual-row,body.react-shell-ready.theme-light .property-home-row,body.react-shell-ready.theme-light .property-upgrade-row,body.react-shell-ready.theme-light .property-staff-row,body.react-shell-ready.theme-light .property-storage-row,body.react-shell-ready.theme-light .travel-destination-row,body.react-shell-ready.theme-light .foreign-market-row,body.react-shell-ready.theme-light .travel-class-option,body.react-shell-ready.theme-light .event-shop-row,body.react-shell-ready.theme-light .race-track-row,body.react-shell-ready.theme-light .org-item-row,body.react-shell-ready.theme-light .reward-row{background:linear-gradient(180deg,#fff,#f2f7f9)!important;border-color:#cfdee4!important} body.react-shell-ready button,body.react-shell-ready .ui-link,body.react-shell-ready input,body.react-shell-ready select,body.react-shell-ready textarea{border-radius:13px!important} body.react-shell-ready .item-art,body.react-shell-ready .property-art{border-radius:15px!important;background:radial-gradient(circle at 30% 25%,#243039,#11191e 72%)!important;border:1px solid #30434d!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 4px 10px rgba(0,0,0,.18)!important} body.react-shell-ready .nw-raster-art{border-radius:12px!important} } :root{ --premium-cyan:#22d4f1;--premium-cyan-deep:#08798f;--premium-gold:#f7b52b; --premium-glow:0 0 0 1px rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.075); --premium-border:rgba(115,153,171,.34);--premium-highlight:rgba(255,255,255,.09); } html{background:#050b0f} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility} @media(max-width:720px){ body.react-shell-ready{background:#050b0f!important} body.react-shell-ready .game-content{position:relative;isolation:isolate;padding:11px 10px 112px!important;background: radial-gradient(ellipse at 82% 5%,rgba(26,162,190,.14),transparent 28%), radial-gradient(ellipse at 20% 58%,rgba(246,181,43,.045),transparent 32%), linear-gradient(180deg,#071015 0%,#081116 36%,#050b0f 100%)!important} body.react-shell-ready .game-content:before{content:"";position:fixed;z-index:-2;inset:190px 0 0;pointer-events:none;opacity:.2;background: linear-gradient(120deg,transparent 0 18%,rgba(76,115,131,.18) 18.4% 18.7%,transparent 19.1% 100%), linear-gradient(60deg,transparent 0 74%,rgba(58,98,115,.12) 74.3% 74.5%,transparent 75% 100%);background-size:160px 160px} body.react-shell-ready .game-content:after{content:"";position:fixed;z-index:-1;left:0;right:0;top:198px;height:195px;pointer-events:none;opacity:.18;background: linear-gradient(90deg,transparent 0 5%,#24404d 5% 12%,transparent 12% 14%,#1d3642 14% 21%,transparent 21% 29%,#294855 29% 37%,transparent 37% 43%,#1e3a45 43% 51%,transparent 51% 62%,#294b58 62% 71%,transparent 71% 78%,#1c3440 78% 86%,transparent 86%);mask-image:linear-gradient(180deg,#000,transparent)} body.react-shell-ready.theme-light .game-content{background:radial-gradient(ellipse at 84% 5%,rgba(35,191,217,.15),transparent 30%),linear-gradient(180deg,#eef8fc,#e3eef3 48%,#dbe8ee)!important} body.react-shell-ready.theme-light .game-content:before{opacity:.09} body.react-shell-ready.theme-light .game-content:after{opacity:.09} .react-mobile-shell{background:linear-gradient(180deg,#081015,#071015 74%,#061014);border-bottom:1px solid rgba(91,128,145,.34);box-shadow:0 7px 28px rgba(0,0,0,.5)} .theme-light .react-mobile-shell{background:linear-gradient(180deg,#fafdff,#edf6f9);border-bottom-color:#c8d8df;box-shadow:0 8px 24px rgba(54,79,92,.13)} .react-topbar{height:51px;padding:7px 9px;background:linear-gradient(180deg,#142029,#0a1218 82%);border-bottom:1px solid rgba(255,255,255,.035)} .theme-light .react-topbar{background:linear-gradient(180deg,#fff,#f0f6f9)} .react-brand{gap:6px}.react-brand strong{font-size:23px;letter-spacing:.65px;text-shadow:0 2px 9px rgba(0,0,0,.35)}.react-brand i{font-size:22px;color:var(--premium-cyan);text-shadow:0 0 12px rgba(34,212,241,.5)}.react-brand small{font-size:8px;letter-spacing:1.15px;color:#91a2ab} .react-tool{width:37px;height:37px;border-radius:13px;border-color:rgba(112,150,168,.42);background:linear-gradient(180deg,#202e36,#10191f);box-shadow:0 4px 12px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.075),inset 0 -1px rgba(0,0,0,.24)} .theme-light .react-tool{background:linear-gradient(180deg,#fff,#eef5f8);box-shadow:0 4px 10px rgba(67,91,104,.12),inset 0 1px #fff} .react-tool:active{transform:translateY(1px)} .react-ticker{height:33px;margin:0 8px 6px;border-radius:17px;border-color:rgba(104,145,164,.3);background:linear-gradient(90deg,rgba(16,30,38,.98),rgba(10,18,24,.97));box-shadow:inset 0 1px rgba(255,255,255,.04);font-size:9px} .theme-light .react-ticker{background:linear-gradient(90deg,#f9fdff,#eaf4f8)} .react-signal-dot{box-shadow:0 0 0 3px rgba(34,212,241,.08),0 0 12px rgba(34,212,241,.9)} .react-nav-scroller{gap:6px;padding:3px 8px 7px} .react-nav-item{flex-basis:60px;height:62px;border-radius:18px;border-color:rgba(98,135,152,.38);background:linear-gradient(180deg,#202b32,#11191f 88%);box-shadow:0 5px 12px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.075),inset 0 -1px rgba(0,0,0,.35);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease} .theme-light .react-nav-item{background:linear-gradient(180deg,#fff,#edf4f7);box-shadow:0 5px 12px rgba(71,96,108,.1),inset 0 1px #fff} .react-nav-item:active{transform:scale(.97)} .react-nav-icon{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.06)} .react-nav-icon svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))} .react-nav-item.active{background:linear-gradient(180deg,#10abc6,#087186 88%);border-color:#38d9f2;box-shadow:0 0 0 1px rgba(34,212,241,.12),0 0 22px rgba(20,190,218,.35),inset 0 1px rgba(255,255,255,.3),inset 0 -2px rgba(0,0,0,.18)} .react-nav-item.active:after{content:"";position:absolute;left:13px;right:13px;bottom:-1px;height:3px;border-radius:3px;background:#9cf4ff;box-shadow:0 0 10px rgba(34,212,241,.8)} .theme-light .react-nav-item.active{background:linear-gradient(180deg,#46d7ea,#1cb7cf);color:#fff;border-color:#8ceaf5;box-shadow:0 7px 17px rgba(32,176,199,.26),inset 0 1px rgba(255,255,255,.55)} .react-nav-item small{font-size:7px;letter-spacing:.15px} .react-resource-wrap,.react-wallet-wrap{border-radius:21px;border-color:rgba(100,141,160,.37);background:linear-gradient(180deg,#17232a,#0d171c 86%);box-shadow:0 7px 18px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07),inset 0 -1px rgba(0,0,0,.3)} .theme-light .react-resource-wrap,.theme-light .react-wallet-wrap{background:linear-gradient(180deg,#fff,#edf5f8);box-shadow:0 6px 15px rgba(54,82,96,.11),inset 0 1px #fff} .react-resource-wrap{padding:9px 7px 8px}.react-resource-head{font-size:8px}.react-resource-head span{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);box-shadow:inset 0 1px rgba(255,255,255,.07)}.theme-light .react-resource-head span{background:#eef5f8}.react-resource-head b{font-size:9px} .react-resource-track{height:6px;background:#6f7a81;box-shadow:inset 0 1px 2px rgba(0,0,0,.45)}.react-resource-fill{box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 6px currentColor} .react-wallet-wrap{padding:8px 11px;min-height:42px;gap:14px}.react-wallet-primary{font-size:16px;text-shadow:0 0 11px rgba(105,216,50,.16)}.react-wallet-stat{font-size:13px}.react-wallet-symbol{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.08)} body.react-shell-ready .page-header{position:relative;border-radius:22px!important;padding:15px 15px 14px 18px!important;background:linear-gradient(180deg,rgba(35,48,56,.98),rgba(22,32,38,.98))!important;border-color:rgba(104,145,164,.42)!important;box-shadow:0 14px 30px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(0,0,0,.36)!important;backdrop-filter:blur(8px)} body.react-shell-ready.theme-light .page-header{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(238,246,249,.98))!important;box-shadow:0 12px 26px rgba(55,80,94,.13),inset 0 1px #fff!important} body.react-shell-ready .page-title{font-size:25px!important;letter-spacing:-.35px!important;text-shadow:0 2px 7px rgba(0,0,0,.24)} body.react-shell-ready.theme-light .page-title{text-shadow:none} body.react-shell-ready .page-header:after{content:"NW//";position:absolute;right:14px;bottom:8px;font-size:9px;font-weight:900;letter-spacing:1px;color:rgba(34,212,241,.32)} body.react-shell-ready .card,body.react-shell-ready details.compact,body.react-shell-ready .panel{border-radius:22px!important;border-color:rgba(94,134,152,.4)!important;background:linear-gradient(180deg,rgba(27,39,46,.99),rgba(18,28,34,.99))!important;box-shadow:0 13px 30px rgba(0,0,0,.29),inset 0 1px rgba(255,255,255,.055)!important} body.react-shell-ready.theme-light .card,body.react-shell-ready.theme-light details.compact,body.react-shell-ready.theme-light .panel{background:linear-gradient(180deg,#fff,#f2f8fa)!important;border-color:#c9d9e0!important;box-shadow:0 11px 26px rgba(67,91,104,.12),inset 0 1px #fff!important} body.react-shell-ready .card>h2,body.react-shell-ready .compact>summary,body.react-shell-ready .panel-title{min-height:47px!important;padding:13px 16px 12px 24px!important;background:linear-gradient(180deg,#2b3a43,#1b2930)!important;font-size:16px!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 1px rgba(0,0,0,.34)!important} body.react-shell-ready.theme-light .card>h2,body.react-shell-ready.theme-light .compact>summary,body.react-shell-ready.theme-light .panel-title{background:linear-gradient(180deg,#fbfdfe,#e9f2f5)!important} body.react-shell-ready .card>h2:before,body.react-shell-ready .compact>summary:before,body.react-shell-ready .panel-title:before{width:5px!important;top:10px!important;bottom:10px!important;left:9px!important;border-radius:999px!important;background:linear-gradient(180deg,#ffc640,#ee9c05)!important;box-shadow:0 0 10px rgba(247,181,43,.27)} body.react-shell-ready .detail-row,body.react-shell-ready .item-row,body.react-shell-ready .market-row,body.react-shell-ready .property-row,body.react-shell-ready .foreign-market-row,body.react-shell-ready .mission-shop-row,body.react-shell-ready .relationship-card{border-radius:16px!important;margin:4px 7px!important;border:1px solid rgba(82,120,138,.38)!important;background:linear-gradient(180deg,#19262d,#131e24)!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 3px 8px rgba(0,0,0,.11)!important} body.react-shell-ready.theme-light .detail-row,body.react-shell-ready.theme-light .item-row,body.react-shell-ready.theme-light .market-row,body.react-shell-ready.theme-light .property-row,body.react-shell-ready.theme-light .foreign-market-row,body.react-shell-ready.theme-light .mission-shop-row,body.react-shell-ready.theme-light .relationship-card{background:linear-gradient(180deg,#fff,#f5f9fb)!important;border-color:#d1dde3!important;box-shadow:0 3px 9px rgba(76,99,112,.07),inset 0 1px #fff!important} body.react-shell-ready .item-art,body.react-shell-ready .property-art{border-radius:16px!important;background:radial-gradient(circle at 40% 30%,#26333a,#10171b 72%)!important;border:1px solid rgba(95,135,153,.3)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 5px 12px rgba(0,0,0,.22)!important} body.react-shell-ready .button,body.react-shell-ready button,body.react-shell-ready input[type=submit],body.react-shell-ready .btn,body.react-shell-ready .action-btn{border-radius:14px!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 10px rgba(0,0,0,.13)!important} body.react-shell-ready .section-tabs a,body.react-shell-ready .section-tabs button{border-radius:14px!important;min-height:37px!important} body.react-shell-ready .section-tabs .active{background:linear-gradient(180deg,#159db7,#0b7086)!important;border-color:#25cce7!important;color:#fff!important;box-shadow:0 7px 15px rgba(25,182,207,.2)!important} .react-dock{bottom:61px;border-radius:25px;padding:6px;gap:5px;border-color:rgba(98,141,161,.4);background:linear-gradient(180deg,rgba(16,27,33,.97),rgba(7,14,18,.97));box-shadow:0 14px 36px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.07)} .theme-light .react-dock{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(236,245,248,.98))} .react-dock a{width:46px;height:46px;border-radius:15px;background:linear-gradient(180deg,#13a8c4,#08748b);box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 13px rgba(0,0,0,.22)}.react-dock a:nth-child(-n/**/+2){background:linear-gradient(180deg,#18b474,#087749)} .react-bottom{height:54px;border-radius:24px;border-color:rgba(93,133,152,.4);background:linear-gradient(180deg,rgba(14,23,28,.98),rgba(5,10,13,.98));box-shadow:0 11px 30px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05)} .theme-light .react-bottom{background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(237,245,248,.98))} .react-bottom a,.react-bottom button{height:52px}.react-bottom .active{background:linear-gradient(180deg,#14b3d0,#08788f);box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 15px rgba(34,212,241,.22)} } @media(max-width:430px){ body.react-shell-ready .game-content{padding-left:8px!important;padding-right:8px!important} .react-nav-item{flex-basis:58px;height:60px}.react-dock a{width:44px;height:44px} } @media(max-width:720px){ body.react-shell-ready{background:#dfe3e5!important} body.react-shell-ready.theme-dark{background:#151719!important} body.react-shell-ready #nwReactMobileShell{font-family:Arial,Helvetica,sans-serif!important} .react-mobile-shell{background:#242628!important;border:0!important;border-radius:0!important;box-shadow:none!important;position:sticky!important;top:0!important} .theme-light .react-mobile-shell{background:#f2f3f4!important} /* compact top chrome: ~154 CSS px total, matching supplied reference density */ .react-topbar{height:31px!important;padding:0 6px!important;gap:4px!important;background:linear-gradient(180deg,#2e3032,#1d1f20)!important;border-radius:0!important;border-bottom:1px solid #080909!important} .theme-light .react-topbar{background:linear-gradient(180deg,#333537,#232526)!important} .react-brand{gap:4px!important;align-items:center!important;height:31px!important} .react-brand strong{font-family:Impact,"Arial Narrow",Arial,sans-serif!important;font-size:22px!important;letter-spacing:.2px!important;line-height:1!important;color:#bfc1c2!important;text-shadow:0 1px #111!important} .react-brand i{display:none!important}.react-brand small{display:none!important} .react-tool{width:28px!important;height:28px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#8f9294!important} .react-tool svg{width:19px!important;height:19px!important;stroke-width:2.2!important} .react-ticker{height:28px!important;margin:0!important;padding:0 9px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#343638,#2b2d2f)!important;color:#c4c6c7!important;font-size:10px!important;box-shadow:inset 0 1px rgba(255,255,255,.04),inset 0 -1px #111!important} .theme-light .react-ticker{background:linear-gradient(180deg,#3a3c3e,#303234)!important;color:#d0d1d2!important} .react-signal-dot{display:none!important}.react-ticker:before{content:"▤";font-size:10px;color:#aeb1b3;margin-right:5px} .react-ticker b{display:none!important} .react-nav-scroller{height:38px!important;padding:0!important;gap:0!important;background:linear-gradient(180deg,#333536,#2b2d2f)!important;border-bottom:1px solid #111!important;scroll-snap-type:x mandatory!important} .react-nav-item{flex:0 0 52px!important;height:38px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:0!important;color:#9a9d9f!important;padding:0!important;justify-content:flex-start!important;scroll-snap-align:start!important} .theme-light .react-nav-item{background:transparent!important;color:#a0a3a5!important} .react-nav-item.active{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.05))!important;color:#f2f2f2!important;border:0!important;box-shadow:inset 0 -2px #46a4d8!important} .theme-light .react-nav-item.active{color:#f2f2f2!important;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.05))!important} .react-nav-icon{height:23px!important;display:grid!important;place-items:center!important;padding-top:3px!important} .react-nav-icon svg{width:18px!important;height:18px!important;stroke-width:2!important} .react-nav-item small{font-size:5.6px!important;line-height:10px!important;font-weight:800!important;color:inherit!important;text-transform:uppercase!important} .react-nav-unread{top:0!important;right:7px!important} .react-resource-wrap{height:29px!important;margin:0!important;padding:0 8px!important;gap:10px!important;border:0!important;border-radius:0!important;background:#f1f1f1!important;box-shadow:inset 0 -1px #d1d1d1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important} .theme-dark .react-resource-wrap{background:#292b2d!important;box-shadow:inset 0 -1px #111!important} .react-resource{position:relative!important;padding-top:2px!important} .react-resource-head{height:16px!important;gap:5px!important;font-size:9px!important;color:#3e4245!important;justify-content:flex-start!important} .theme-dark .react-resource-head{color:#d1d3d4!important} .react-resource-head span{font-size:12px!important}.react-resource-head b{font-size:9px!important;font-weight:500!important} .react-resource-track{height:4px!important;margin-top:0!important;border-radius:0!important;background:#aaa!important} .react-resource-fill{border-radius:0!important} .react-wallet-wrap{height:30px!important;min-height:30px!important;margin:0!important;padding:0 10px!important;gap:12px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:inset 0 -1px #d0d0d0!important;overflow:hidden!important} .theme-dark .react-wallet-wrap{background:#242628!important;box-shadow:inset 0 -1px #111!important} .react-wallet-primary{font-size:14px!important;color:#4cae20!important} .react-wallet-stat{font-size:12px!important}.react-wallet-symbol{font-size:13px!important} .react-shell-spacer{height:0!important} /* reference-style page canvas */ body.react-shell-ready .game-content{padding:0 12px 94px!important;background:linear-gradient(rgba(255,255,255,.76),rgba(255,255,255,.76)),radial-gradient(circle at 72% 9%,rgba(255,255,255,.68),transparent 20%),linear-gradient(180deg,#d7d7d7,#c7c7c7 70%,#bdbdbd)!important;color:#3d3d3d!important;min-height:100vh!important} body.react-shell-ready.theme-dark .game-content{background:linear-gradient(rgba(27,29,31,.85),rgba(27,29,31,.9)),linear-gradient(180deg,#353739,#222426)!important;color:#eee!important} body.react-shell-ready .page-header{margin:0 -12px 10px!important;padding:20px 12px 7px!important;min-height:63px!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.25)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} body.react-shell-ready .page-header:before{display:none!important} body.react-shell-ready .page-title{font-family:Arial,Helvetica,sans-serif!important;font-size:19px!important;line-height:1.15!important;font-weight:700!important;color:#4c4c4c!important;text-shadow:0 1px rgba(255,255,255,.45)!important} body.react-shell-ready.theme-dark .page-title{color:#bfc1c2!important;text-shadow:0 1px #111!important} body.react-shell-ready .page-kicker{display:none!important} /* panels calibrated to reference: 8px radius, dark gradient title, white table body */ body.react-shell-ready .card,body.react-shell-ready details.compact,body.react-shell-ready .panel{border:0!important;border-radius:7px!important;overflow:hidden!important;background:#efefef!important;box-shadow:0 2px 6px rgba(0,0,0,.18)!important;margin-bottom:11px!important} body.react-shell-ready.theme-dark .card,body.react-shell-ready.theme-dark details.compact,body.react-shell-ready.theme-dark .panel{background:#343536!important;box-shadow:0 2px 6px rgba(0,0,0,.4)!important} body.react-shell-ready .card>h2,body.react-shell-ready .compact>summary,body.react-shell-ready .panel-title{min-height:33px!important;padding:8px 10px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#575858,#303132)!important;color:#fff!important;font-size:12px!important;line-height:17px!important;font-weight:700!important;text-shadow:0 1px #111!important} body.react-shell-ready .card>h2:before,body.react-shell-ready .compact>summary:before,body.react-shell-ready .panel-title:before{display:none!important} body.react-shell-ready .table,body.react-shell-ready table{font-size:12px!important;border-collapse:collapse!important;background:#f1f1f1!important;color:#404040!important} body.react-shell-ready.theme-dark .table,body.react-shell-ready.theme-dark table{background:#343536!important;color:#ddd!important} body.react-shell-ready table th,body.react-shell-ready table td{padding:7px 9px!important;border:1px solid #d5d5d5!important;line-height:1.25!important} body.react-shell-ready.theme-dark table th,body.react-shell-ready.theme-dark table td{border-color:#232425!important} body.react-shell-ready table th{font-weight:700!important;background:#ededed!important;text-align:left!important} body.react-shell-ready.theme-dark table th{background:#333435!important} /* convert stacked info rows to flatter reference-like rows */ body.react-shell-ready .info-row,body.react-shell-ready .kv-row,body.react-shell-ready .stat-row,body.react-shell-ready .market-row,body.react-shell-ready .inventory-row,body.react-shell-ready .asset-row,body.react-shell-ready .relationship-row{border-radius:0!important;box-shadow:none!important;border:0!important;border-bottom:1px solid #d5d5d5!important;background:#efefef!important;min-height:38px!important;padding:7px 9px!important} body.react-shell-ready.theme-dark .info-row,body.react-shell-ready.theme-dark .kv-row,body.react-shell-ready.theme-dark .stat-row,body.react-shell-ready.theme-dark .market-row,body.react-shell-ready.theme-dark .inventory-row,body.react-shell-ready.theme-dark .asset-row,body.react-shell-ready.theme-dark .relationship-row{background:#343536!important;border-bottom-color:#232425!important} /* level-up/notice panel */ body.react-shell-ready .notice,body.react-shell-ready .flash,body.react-shell-ready .global-notice{border-radius:7px!important;background:linear-gradient(180deg,#fff,#e9e9e9)!important;color:#555!important;border:1px solid #ccc!important;box-shadow:0 2px 6px rgba(0,0,0,.18)!important;font-size:12px!important} body.react-shell-ready.theme-dark .notice,body.react-shell-ready.theme-dark .flash,body.react-shell-ready.theme-dark .global-notice{background:linear-gradient(180deg,#5c5d5e,#3a3b3c)!important;color:#fff!important;border-color:#242526!important} /* item art stays NEW WRLD-original but follows reference density */ body.react-shell-ready .item-art,body.react-shell-ready .property-art,body.react-shell-ready .item-art-frame,body.react-shell-ready .asset-thumb{border-radius:3px!important;box-shadow:none!important;border:1px solid rgba(0,0,0,.28)!important;background:#202224!important} /* fixed action dock and utility bar approximating reference proportions */ .react-dock{bottom:41px!important;padding:0!important;gap:2px!important;border:0!important;border-radius:7px 7px 0 0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important} .react-dock a{width:44px!important;height:39px!important;border-radius:7px 7px 0 0!important;border:1px solid #0d4d63!important;background:linear-gradient(180deg,#1886ad,#0b5d80)!important;color:white!important;box-shadow:inset 0 1px rgba(255,255,255,.28)!important} .react-dock a:nth-child(-n/**/+2){background:linear-gradient(180deg,#159d5c,#08743e)!important;border-color:#07542f!important} .react-bottom{left:0!important;right:0!important;bottom:0!important;height:41px!important;border:0!important;border-radius:0!important;background:#050505!important;box-shadow:none!important;grid-template-columns:repeat(7,1fr)!important} .react-bottom a,.react-bottom button{height:41px!important;border-right:1px solid #2d2d2d!important;color:#d4d4d4!important;font-size:20px!important} .react-bottom .active{background:#050505!important;color:#e05225!important} } /* v1.8.43-dev QoL */ .smart-action-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.smart-action-bar form{margin:0}.bulk-inventory-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bulk-inventory-bar>span{margin-right:auto;display:flex;flex-direction:column}.bulk-item-toggle{display:inline-flex!important;align-items:center;gap:5px;margin:0 0 6px!important;padding:4px 7px!important;border:1px solid var(--ui-line,#46515a)!important;border-radius:999px!important;background:var(--ui-surface-2,#252d33)!important;font-size:8px!important}.bulk-item-toggle input{width:auto!important;margin:0!important}.quantity-shortcuts,.money-percent-buttons{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.quantity-shortcuts button,.money-percent-buttons button{min-height:26px!important;padding:4px 7px!important;font-size:8px!important}.qol-price-toggle button{min-height:28px!important;padding:5px 8px!important;font-size:8px!important}.qol-live-stamp{font-size:7px;color:var(--ui-muted,#9ca6ad)} @media(max-width:720px){.smart-action-bar>*{flex:1 1 auto}.bulk-inventory-bar>span{flex:1 0 100%}.bulk-inventory-bar button{flex:1 1 auto}} /* ======================================================================== NEW WRLD LOCKED UI SYSTEM — nw-classic-v1 Canonical visual contract. Future features must reuse these tokens/classes. Do not introduce page-local geometry, alternate shells, or replacement themes. ======================================================================== */ /* Fixed global shell */ /* Primary navigation is a single immutable component */ /* HUD */ /* Page chrome */ /* Canonical panels used by every page */ /* Universal table/list geometry */ /* Forms and actions reuse the same controls everywhere */ /* Notices and status */ /* QoL controls are subordinate to the locked visual contract */ /* Mobile utility bar */ /* Same geometry in dark mode; only surfaces change. */ /* ======================================================================== nw-classic-v1 · COMPONENT MIGRATION PASS 1.1 This block MUST remain the last visual layer. Page features may add semantic classes, but visual geometry must resolve through this contract. ======================================================================== */ /* Reference HUD always has five equal resources. */ /* Every page family is flattened into the same reference information system. */ /* Visual hero blocks are permitted, but use the same rectangular panel grammar. */ /* Canonical row set: inventory, markets, travel, property, missions, orgs, social, forums, events. */ /* Item artwork remains original NEW WRLD art, but the container geometry is locked. */ /* Equipment, gym, crime, contracts and catalogue use the same panel cells. */ /* City remains richer than tables but cannot introduce a separate visual language. */ /* Community/forum/message pages use identical list and input geometry. */ /* Admin/account controls are visually ordinary game panels, not a separate app. */ /* Tables are a first-class canonical component. */ /* No feature may silently reintroduce large pill buttons or floating cards. */ /* The mobile screenshot geometry is the authoritative breakpoint. */ /* 1.9 frontend bridge: React wrappers are layout-neutral so the locked UI geometry cannot drift. */ .nw-app{min-height:100vh} .nw-page-chrome,.nw-mobile-controls{display:contents} .nav-icon,.tab-icon,.wallet-icon{display:inline-grid;place-items:center} .live-loading{margin:8px 12px;padding:8px 10px;border:1px solid currentColor;opacity:.7;font-size:12px} /* 1.9.1 native React page bridge — inherits nw-classic-v1, no theme divergence. */ /* 1.9.2 native action-page migration — structure only; nw-classic-v1 remains authoritative */ /* 1.9.3 native economy/item migration — component extensions only; nw-classic-v1 stays locked. */ /* 1.9.4 native world pages inherit the locked panel/row geometry. */ /* Travel 2.1: additions use existing nw-classic-v1 tokens and panel geometry. */ .native-travel .travel-flight-progress{margin:8px 0;padding:10px;border:1px solid var(--border,#45494c);background:var(--panel-bg,#292d30)} .native-travel .travel-progress-track{height:8px;overflow:hidden;background:#171a1c;border:1px solid #45494c;margin:7px 0} .native-travel .travel-progress-track i{display:block;height:100%;background:var(--accent,#c39e54);transition:width 1s linear} .native-travel .travel-history-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #414448;flex-wrap:wrap} .native-travel .travel-history-row span{font-size:12px;color:var(--muted,#a9afb5)} .native-travel .travel-buy-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center} .native-travel .travel-class-grid{display:grid;gap:7px} @media(max-width:580px){.native-travel .travel-buy-actions{width:100%}.native-travel .travel-history-row{display:block}.native-travel .travel-history-row span{display:block;margin-top:3px}} /* v2.3 DEVELOPMENT: additive travel inventory + collectible panels; UI LOCK stays nw-classic-v1 */