:root{--bg:#060b17;--card:#0e1929;--card2:#111f33;--stroke:#24364c;--text:#ecf7ff;--muted:#8ba2b7;--blue:#0985df;--cyan:#42e5fa;--aqua:#2ba6ee;--danger:#ff6e7e;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#050b16;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;margin:0;line-height:1.55;font-size:14px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 900px 480px at 85% -15%,#0b4a7f50,transparent),radial-gradient(ellipse 900px 750px at -20% 90%,#06467b34,transparent),#060b16}
.top{height:82px;background:#081322f1;backdrop-filter:blur(20px);border-bottom:1px solid #233d5859;position:sticky;top:0;z-index:10}.top-inner{max-width:var(--max);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:20px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{height:47px;width:47px;object-fit:contain;filter:drop-shadow(0 0 10px #23caff44)}.brand span{display:flex;flex-direction:column;line-height:.96}.brand strong{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:28px;letter-spacing:.8px}.brand small{letter-spacing:3.6px;font-size:8px;color:#c7d8e8;font-weight:900;margin-top:8px}.dot{color:var(--cyan)}.mainnav,.top-right{display:flex;align-items:center;gap:24px}.mainnav a{font-size:10px;letter-spacing:1.5px;font-weight:900;color:#9bb1c7;height:82px;display:inline-flex;align-items:center;position:relative;white-space:nowrap}.mainnav a:hover,.mainnav a.sel{color:white}.mainnav a.sel:after{content:'';width:24px;height:2px;background:var(--cyan);position:absolute;bottom:14px;left:0}.user-chip{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.avatar-sm{height:33px;width:33px;display:grid;place-items:center;background:linear-gradient(140deg,#164780,#00a4ce);border:1px solid #45dbff88;border-radius:10px;color:white;font-weight:900;text-transform:uppercase}.notify-count{background:var(--cyan);color:#001329;padding:0px 5px;border-radius:6px}.logout{background:transparent;color:#93afc6;border:0;font-size:22px}.logout:hover{color:white}.link-soft{font-size:11px;font-weight:800;color:#d4e0ee}.nav-toggle{display:none;color:white;background:transparent;border:1px solid #324257;border-radius:5px;font-size:22px}.page{max-width:var(--max);margin:auto;min-height:calc(100vh - 160px);padding:30px 24px 65px}.footer{border-top:1px solid var(--stroke);background:#071020;padding:26px max(24px,calc((100vw - var(--max))/2 + 24px));display:flex;align-items:center;justify-content:space-between;color:#758ca2;gap:20px;font-size:10px;letter-spacing:1px}.footer>span:first-child{font-family:Impact,sans-serif;color:white;letter-spacing:1.8px;font-size:20px}.footer em{font:normal 9px system-ui;letter-spacing:2px;color:#6fa2c1;padding-left:12px}.kicker,.eyebrow{font-size:10px;letter-spacing:2px;color:#65dfff;text-transform:uppercase;font-weight:900}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px}.led{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px #32e6ff}.line{width:44px;height:1px;background:#69cded66}.hero-panel{position:relative;isolation:isolate;min-height:242px;overflow:hidden;background:linear-gradient(90deg,#06101fee 0%,#0a1524c9 40%,#06101e48 100%),url('/hub-assets/hero-los-santos.webp') center 48%/cover;border:1px solid #22517095;border-radius:5px;margin-bottom:28px;display:flex;align-items:center}.hero-panel::after{content:'';position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--cyan),#0874e5,transparent);box-shadow:0 0 22px #06a7eebb}.hero-content{padding:35px 44px;z-index:1}.hero-content h1,.auth-art h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:clamp(40px,6vw,68px);line-height:.94;letter-spacing:1px;margin:0 0 15px;color:white;text-shadow:0 4px 20px #0008}.hero-content p:not(.eyebrow){font-size:14px;max-width:560px;color:#d3e2f0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0 23px}.stat{min-height:130px;display:flex;flex-direction:column;justify-content:space-between;padding:21px;background:linear-gradient(135deg,#0e1b2c,#0a1424);border:1px solid var(--stroke);border-radius:5px;position:relative;overflow:hidden}.stat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.65}.stat>span,.stat-head{color:#90a9c0;font-size:10px;letter-spacing:1.3px;font-weight:900}.stat strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:31px;line-height:1.2;font-weight:800;letter-spacing:.5px}.stat-head{display:flex;align-items:center;justify-content:space-between}.stat-head i{font-size:19px;color:var(--cyan);font-style:normal}.stat-line{height:2px;width:48px;background:linear-gradient(90deg,var(--cyan),transparent);margin-top:6px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:linear-gradient(145deg,#101d2e 0%,#0b1727 100%);border:1px solid var(--stroke);border-radius:6px;padding:27px;margin-bottom:20px;min-width:0}.panel h3,.sidebar-card h3{font-size:22px;letter-spacing:-.4px;margin:3px 0 18px}.panel h1{font-family:Impact,'Arial Narrow';font-size:38px;letter-spacing:1px}.panel-title{margin-bottom:20px}.data-line{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #26364a77;align-items:center;font-size:13px}.data-line span{color:var(--muted)}.data-line b{font-weight:700;text-align:right;max-width:62%;overflow-wrap:anywhere}.data-line:last-child{border-bottom:0}.muted{color:var(--muted)}.micro{font-size:11px}.meter{margin:20px 0}.meter>div:first-child{display:flex;justify-content:space-between;color:#9eb3c5;font-size:12px;margin-bottom:8px}.track{background:#24384b;border-radius:20px;height:8px;overflow:hidden}.track span{display:block;height:100%;background:linear-gradient(90deg,#126cce,#48e4fa);border-radius:20px}.image-panel{background:linear-gradient(90deg,#071526ed,#0a1a30ab),url('/hub-assets/banner-pixel.webp') center/cover;display:flex;flex-direction:column;justify-content:end;min-height:295px}.image-panel h3{font-family:Impact,'Arial Narrow';font-size:34px;max-width:330px;line-height:1.1}.image-panel p{max-width:400px;color:#d1e8ff}.image-panel .btn{align-self:start}.btn{appearance:none;background:linear-gradient(135deg,#0c7ad1,#0956ab);border:1px solid #3ab9ff88;color:#fff;border-radius:3px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.8px;font-weight:900;text-transform:uppercase;line-height:1.1;box-shadow:0 8px 24px #0054a525;transition:.15s ease}.btn:hover{background:linear-gradient(135deg,#13a0fc,#0867d1);transform:translateY(-1px);box-shadow:0 8px 24px #007aff50}.btn.outline{background:#101c2d;border-color:#405a72;box-shadow:none}.btn.outline:hover{background:#182e46}.btn.small{font-size:10px;padding:11px 15px}.btn.full{width:100%;display:flex}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.buttons-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.buttons-inline form{display:inline}.profile-head{display:flex;align-items:center;gap:18px;background:#0a1423d6;border:1px solid var(--stroke);padding:22px 26px;margin-bottom:20px;border-radius:5px}.profile-head h2{font-size:28px;margin:2px 0}.profile-head p{margin:0}.large-avatar{display:grid;place-items:center;flex-shrink:0;border:1px solid #39e4fe99;width:75px;height:75px;border-radius:8px;background:linear-gradient(145deg,#1578bb,#052f61 65%,#102238);color:white;font:40px Impact,Arial,sans-serif;text-shadow:0 0 12px #2cfff7}.profile-pip{margin-left:auto;color:#50e5c6;border:1px solid #226b6380;border-radius:3px;background:#0b3c3960;padding:7px 10px;font-size:10px;letter-spacing:1px;font-weight:900}.role{color:var(--cyan)}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--stroke);margin:0 0 23px}.tabs a{padding:13px 18px;color:#97abc3;font-size:11px;font-weight:900;letter-spacing:.6px;position:relative}.tabs a.active{color:#fff}.tabs a.active:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:var(--cyan)}.tabs a:hover{color:white}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.simple-card{background:#111f31;border:1px solid #25465b;padding:20px;border-radius:5px}.simple-card h3{margin:10px 0}.simple-card p{color:var(--muted)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:550px;font-size:12px}.data-table th{text-align:left;background:#0b1525;color:#87a1b9;letter-spacing:.7px;font-size:10px;padding:14px 13px;border-bottom:1px solid #34506b}.data-table td{padding:15px 13px;border-bottom:1px solid #26374a;vertical-align:top}.data-table tbody tr:hover{background:#19304a66}.truncate-cell{max-width:270px;overflow-wrap:anywhere;font-size:11px}.list-record{padding:15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border:1px solid #263a51;background:#0d1c2e;margin-bottom:9px}.list-record>span{color:var(--muted);font-size:12px}.list-record.new{border-left:3px solid var(--cyan)}.auth-wrap{min-height:580px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border:1px solid var(--stroke);border-radius:5px;background:#0d1829;margin-top:22px}.auth-art{position:relative;padding:58px 45px 25px;background:linear-gradient(100deg,#071528db,#10182548),url('/hub-assets/hero-los-santos.webp') 43% center/cover;display:flex;flex-direction:column;justify-content:center}.auth-art h1{font-size:clamp(45px,6vw,77px)}.auth-art h1 em{font-style:normal;background:linear-gradient(90deg,#ffffff,#57dfff);color:transparent;background-clip:text}.auth-art p:not(.eyebrow){color:#d5e7f8;max-width:320px}.auth-art img{position:absolute;width:180px;bottom:20px;left:38px;opacity:.9}.auth-card{padding:55px clamp(24px,5vw,55px);align-self:center}.auth-card h2{font-size:32px;margin:10px 0 5px}.auth-card .muted{margin-bottom:27px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;color:#bbcfdf;font-size:12px;font-weight:700}.field input,.field textarea,.field select,.search-form input{width:100%;background:#091524;color:white;outline:none;border:1px solid #35516a;border-radius:3px;padding:12px 13px;transition:border .12s}.field input:focus,.field textarea:focus,.field select:focus,.search-form input:focus{border-color:#2fcefb;box-shadow:0 0 0 2px #0f9ddf27}.field textarea{resize:vertical;min-height:88px}.field select{color-scheme:dark}.field small{font-size:10px;color:#7c9bb0;font-weight:500}.check{display:flex;align-items:center;gap:11px;padding:8px 0;font-size:13px;color:#b9cce0}.check input{accent-color:#24c9fb;width:17px;height:17px}.after{margin-top:25px;text-align:center;color:#829ab2;font-size:12px}.after a,.notice a{color:#55d9ff;font-weight:800}.notice{border:1px solid #2e6393;background:#08294770;padding:17px 18px;border-radius:4px;color:#d2e9ff;margin:15px 0 22px}.notice.warning{border-color:#ad7e39;background:#3c2f1675;color:#ffdc9c}.notice p{font-size:12px}.flash{margin-bottom:18px;padding:15px 20px;border-left:3px solid #2de3b5;background:#0b372f;color:#b2ffed}.flash.warning{border-left-color:#fac876;background:#312717;color:#ffde9c}.error-panel{margin:60px auto;max-width:580px;text-align:center;background:#0c192a;border:1px solid var(--stroke);padding:40px}.error-panel p{color:#9db7cf}.empty{padding:34px;text-align:center;color:#83a3bc}.empty>span{font-size:33px;color:var(--cyan)}.narrow{max-width:780px;margin:30px auto}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 24px}.section-bar h1,.section-bar h2{font-size:32px;margin:4px 0;letter-spacing:-.6px}.section-bar h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:46px;letter-spacing:.3px;line-height:1.15}.section-bar .muted{margin:6px 0}.forum-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.board-section{border:1px solid var(--stroke);border-radius:5px;overflow:hidden;margin-bottom:23px;background:#0d1929}.board-section-top{background:linear-gradient(90deg,#0b3763,#0c2039);padding:17px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px}.board-section-top strong{letter-spacing:1.2px;font-size:12px}.board-section-top>span{color:#8cb8d2;font-size:11px}.board-item{display:flex;align-items:center;gap:17px;padding:20px 22px;border-bottom:1px solid var(--stroke);transition:background .15s}.board-item:hover{background:#15314b}.board-item:last-child{border-bottom:0}.board-icon{flex-shrink:0;width:54px;height:54px;display:grid;place-items:center;background:linear-gradient(145deg,#0e477a,#0b243f);border:1px solid #276b95;border-radius:6px;color:#5df0ff;font-size:25px}.board-main{min-width:0;flex:1}.board-main h3{margin:0 0 3px;font-size:15px;font-weight:800}.board-main p{margin:0;color:#88a3b7;font-size:12px;line-height:1.5}.board-count{min-width:74px;text-align:center}.board-count strong{display:block;font-size:18px}.board-count small,.board-last small{display:block;color:#8098aa;font-size:9px;letter-spacing:.8px}.board-last{min-width:105px;text-align:right;font-size:12px;color:#a9d4e9}.arrow{font-size:18px;color:#52dcff}.topic-row .board-icon{width:46px;height:46px}.tag{font-size:9px;border:1px solid #9f8154;color:#dfbe76;padding:3px 6px;vertical-align:middle}.sidebar-card{border:1px solid var(--stroke);background:#101c2d;padding:22px;margin-bottom:18px}.sidebar-card.welcome{background:linear-gradient(180deg,#0a2844,#0b1525)}.sidebar-card img{width:155px;display:block;margin:13px auto}.sidebar-card h3{line-height:1.2;font-size:22px}.sidebar-card p{color:#93afc2;font-size:12px;margin-bottom:24px}.breadcrumbs{font-size:11px;color:#7f9bb2;letter-spacing:.8px;margin:15px 0 25px}.breadcrumbs a{color:#45cef3}.breadcrumbs b{color:white}.reply-heading{margin:36px 0 18px;font-size:22px}.reply-heading span{color:var(--cyan)}.post{display:grid;grid-template-columns:192px 1fr;background:#101c2d;border:1px solid var(--stroke);margin-bottom:14px;border-radius:5px;overflow:hidden}.post-author{background:#0c1726;padding:23px 18px;display:flex;align-items:center;flex-direction:column;text-align:center;border-right:1px solid var(--stroke)}.post-author .large-avatar{width:60px;height:60px;font-size:30px}.post-name{font-size:14px;font-weight:900;margin:12px 0 3px;overflow-wrap:anywhere}.post-author small{font-size:9px;letter-spacing:1px;color:#70d3f1}.post-content{padding:24px;min-width:0}.post-date{color:#849eb3;font-size:11px;border-bottom:1px solid #2d3d4f;padding-bottom:15px}.post-body{padding:23px 0 34px;line-height:1.9;white-space:normal;overflow-wrap:anywhere;font-size:14px}.post-tools{border-top:1px solid var(--stroke);padding-top:14px;display:flex;align-items:start;flex-wrap:wrap;gap:16px}.post-tools summary{font-size:10px;color:#62cbed;font-weight:900;cursor:pointer;letter-spacing:.8px}.post-tools details[open]{min-width:min(100%,430px);flex-basis:100%;order:1}.post-tools details form{margin-top:12px}.post-tools button.text-danger{background:none;color:#fa7484;border:0;font-size:10px;letter-spacing:1px;font-weight:900}.reply-form{margin-top:24px}.mod-box{margin-top:20px}.pager{display:flex;gap:8px;margin:22px 0}.pager a{background:#12253b;border:1px solid var(--stroke);padding:8px 13px}.pager a.active{background:#107abd;color:white}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;margin-top:20px}.staff-person{text-align:center;background:linear-gradient(160deg,#0f2c4b,#101c2e);border:1px solid #27445b;padding:23px;border-radius:6px}.staff-portrait{height:90px;width:90px;display:grid;place-items:center;background:linear-gradient(145deg,#208cb7,#1c3060);font:48px Impact,Arial,sans-serif;margin:auto;border:1px solid #44cbee;border-radius:50%}.staff-person h3{margin:14px 0 0;font-size:16px}.staff-person p{margin:5px 0 20px;font-size:11px}.mini-link{font-size:10px;color:#5de2ff;font-weight:900;letter-spacing:.7px}.search-form{display:flex;gap:8px;margin:18px 0}.search-form input{max-width:520px}.report-card{border-bottom:1px solid #294056;padding:18px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.report-card h3{margin:5px 0}.report-card p{max-width:570px}.quick-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--stroke);padding:18px;color:#cce5f3}.quick-links a:hover{color:var(--cyan)}.public-profile{display:flex;align-items:center;gap:22px}.public-profile h1{margin:5px 0}.public-profile p{overflow-wrap:anywhere}.toolbar{margin:12px 0 18px}.inline{display:inline}
@media(max-width:1050px){.top-inner{gap:15px}.mainnav,.top-right{gap:13px}.mainnav a{font-size:9px}.forum-layout{grid-template-columns:minmax(0,1fr) 240px}.board-last{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.username{display:none}}
@media(max-width:760px){.top{height:66px}.top-inner{padding:0 16px}.brand img{height:38px;width:38px}.brand strong{font-size:24px}.brand small{font-size:7px}.mainnav{display:none;position:absolute;top:66px;left:0;right:0;background:#0a1728;padding:14px 25px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #34516c}.mainnav.show{display:flex}.mainnav a{height:45px;font-size:12px}.mainnav a.sel:after{bottom:5px}.top-right{margin-left:auto}.top-right .link-soft,.top-right .btn{display:none}.nav-toggle{display:block}.page{padding:16px 15px 45px}.footer{padding:24px 16px;flex-direction:column;align-items:start}.hero-panel{min-height:200px}.hero-content{padding:26px}.hero-content h1{font-size:42px}.hero-content p:not(.eyebrow){font-size:12px}.two-cols,.forum-layout,.auth-wrap{grid-template-columns:1fr}.forum-layout{gap:10px}.auth-art{min-height:290px;padding:35px 25px}.auth-art img{position:relative;bottom:auto;left:auto;width:125px;margin-top:30px}.auth-card{padding:30px 25px}.sidebar{display:none}.board-last{display:none}.board-item{padding:15px;gap:12px}.board-icon{width:42px;height:42px;font-size:20px}.board-count{min-width:51px}.board-count small{font-size:8px}.board-main h3{font-size:14px}.board-main p{font-size:11px}.arrow{display:none}.board-section-top>span{display:none}.section-bar{align-items:start;flex-direction:column}.section-bar h1{font-size:39px}.post{display:block}.post-author{border-right:0;border-bottom:1px solid var(--stroke);flex-direction:row;gap:12px;align-items:center;padding:12px 16px}.post-author .large-avatar{width:42px;height:42px;font-size:22px}.post-name{margin:0}.post-content{padding:16px}.post-body{padding:17px 0 24px}.profile-head{padding:15px;gap:13px}.profile-head .large-avatar{width:52px;height:52px;font-size:25px}.profile-head h2{font-size:22px}.profile-pip{display:none}.tabs{overflow-x:auto;flex-wrap:nowrap}.tabs a{white-space:nowrap;padding:12px 13px}.stats-grid{gap:10px}.stat{padding:15px;min-height:110px}.stat strong{font-size:26px}.panel{padding:19px}.public-profile{align-items:start}.public-profile .large-avatar{width:48px;height:48px;font-size:25px}}
@media(max-width:380px){.stats-grid{grid-template-columns:1fr 1fr}.board-count{display:none}.mainnav{font-size:9px}.hero-content h1{font-size:35px}}

/* PIXEL HUB v2 — forum functional */
.v2-nav{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.v2-nav a{color:#c9e8fb;text-decoration:none;border:1px solid #274967;background:#0a1a2ec9;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700;letter-spacing:.03em}.v2-nav a:hover{border-color:#19d8fa;background:#0d2c49}
.v2-extras{margin:14px 0 24px}.v2-actions,.v2-mod,.v2-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.v2-mod{border:1px solid #244763;background:#071625;border-radius:12px;margin-top:13px;padding:16px}.v2-inline select{background:#081a2d;color:#e2f7ff;border:1px solid #2c566e;padding:10px;border-radius:8px;max-width:340px}
.v2-reactions{display:flex;gap:8px;flex-wrap:wrap;padding:13px 0}.v2-reactions form{margin:0}.v2-reactions button,.v2-reactions span{border:1px solid #254a65;background:#092035;color:#d0efff;border-radius:16px;padding:5px 11px;font-size:12px;cursor:pointer}.v2-reactions button:hover{background:#08659a}
.v2-poll{margin:18px 0}.v2-poll-row{margin:15px 0}.v2-poll-row>div:first-child{display:flex;justify-content:space-between;gap:15px;margin-bottom:6px}.v2-message{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px 0;color:#e4f6ff;line-height:1.75;min-height:120px;border-top:1px solid #21425a;margin-top:18px}.v2-signature{border-top:1px dashed #32506a;margin:15px 0 0;padding-top:12px;color:#91b4cd;font-size:12px;max-width:100%;overflow-wrap:anywhere}.v2-edit{border:1px solid #254765;border-radius:12px;padding:14px;margin:12px 0;background:#071a2cc9}.v2-edit summary{cursor:pointer;color:#b9eaf9;font-weight:700}.v2-edit form{margin-top:13px}.v2-quote{background:transparent;border:0;color:#64bce9;cursor:pointer;font:inherit;letter-spacing:.04em;font-size:11px}.v2-quote:hover{color:#e3faff}.post-body{overflow-wrap:anywhere}.post-body blockquote{border-left:3px solid #17d6f8;padding:12px 17px;margin:15px 0;background:#0c2238;border-radius:4px}.post-body code{color:#b6ecff;background:#071c30;padding:2px 6px;border-radius:4px}.post-body a{color:#51d8ff;overflow-wrap:anywhere}
@media(max-width:600px){.v2-nav a{flex:1;text-align:center}.v2-inline select{max-width:90vw}}

.v2-attachments{border-top:1px solid #234660;margin-top:12px;padding-top:13px;display:flex;flex-wrap:wrap;gap:10px}.v2-attachments>.kicker{width:100%}.v2-attachments a{color:#8de1ff;text-decoration:none;border:1px solid #274e68;padding:7px 10px;border-radius:8px;font-size:12px}

/* PIXEL HUB V3 */
.top-inner{max-width:1440px;gap:10px}
.brand img.pixel-header-logo{width:172px;height:60px;max-width:172px;object-fit:contain}
.mainnav{display:flex;gap:clamp(8px,1.2vw,22px);flex-wrap:wrap;align-items:center}
.mainnav a{white-space:nowrap;font-size:clamp(9px,.72vw,12px)}
.large-avatar,.avatar-sm,.staff-portrait{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;vertical-align:middle}
.large-avatar img,.avatar-sm img,.staff-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.v3-nav{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.v3-nav a{padding:11px 14px;border:1px solid #234665;background:#0d223a;color:#bce9fc;border-radius:8px;font-size:12px;font-weight:750}
.v3-nav a:hover{border-color:#24b9eb;color:white}
.v3-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:20px}
.v3-map{position:relative;max-width:100%;aspect-ratio:1;background:#071529;overflow:hidden;border:1px solid #1e577a;border-radius:12px}
.v3-map img{width:100%;height:100%;object-fit:fill;display:block}
.v3-pin{position:absolute;transform:translate(-50%,-100%);background:#003551;color:white;border:1px solid #4bdafa;border-radius:50%;width:20px;height:20px;box-shadow:0 0 12px #00beff88;cursor:pointer}
.v3-map-key{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}
.v3-map-key a{color:#5fe3fd}
.v3-pill{display:inline-flex;font-size:10px;color:#76dfff;padding:4px 9px;background:#0e3b57;border:1px solid #2b6c8c;border-radius:99px}
.v3-warning{padding:14px;border:1px solid #775d29;background:#3f321a;color:#f1dcab;border-radius:8px;margin:14px 0}
@media(max-width:1180px){.mainnav{gap:12px}.brand img.pixel-header-logo{width:130px}}
@media(max-width:780px){.v3-split{grid-template-columns:1fr}.v3-nav{gap:6px}.v3-nav a{padding:8px}.brand img.pixel-header-logo{width:120px}}