:root{--page-bg: #000000;--maroon: #5c0d0d;--maroon-deep: #3d0808;--maroon-edge: #7a1a1a;--panel-bg: #000000;--panel-alt: #120606;--border: #4a1010;--border-dim: #2a0a0a;--text: #ffffff;--text-dim: #b8b0b0;--link: #0000ee;--link-lit: #4444ff;--title-red: #cc1111;--ok-green: #33cc33;--err-red: #ff3333;--gold-text: #ffcc00;--ink: var(--text);--muted: var(--text-dim);--accent: var(--link-lit);--accent-2: var(--err-red);--ok: var(--ok-green);--bad: var(--err-red);--line: var(--border);--gold: var(--gold-text);--sodium: var(--gold-text);--coral: var(--err-red);--chrome: var(--maroon);--chrome-dark: var(--maroon-deep);--btn-face: #1a1a1a;--bevel-light: #555555;--bevel-dark: #000000;--font-display: "Bangers", "Arial Black", sans-serif;--font-body: Verdana, Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font-body);font-size:11px;background:var(--page-bg)}button,input,select{font:inherit}a{color:var(--link);text-decoration:underline}a:hover{color:var(--link-lit)}::selection{background:var(--maroon);color:var(--text)}.app-shell{max-width:760px;margin:0 auto;padding:6px 6px 30px}.top-brand{position:relative;border:1px solid var(--border);background:#000;overflow:hidden}.top-brand .skyline{display:block;width:100%;height:92px}.top-brand .brand-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.logo{font-family:var(--font-display);font-size:44px;font-weight:400;letter-spacing:.04em;line-height:1;margin:0;color:var(--title-red);transform:rotate(-2deg);text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,0 2px 0 #fff,4px 4px 0 #000}.logo span{color:var(--title-red)}.tagline{margin:2px 0 0;color:var(--text-dim);font-size:10px;text-shadow:1px 1px 0 #000}.session-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 8px;border:1px solid var(--border);border-top:none;background:var(--maroon-deep);font-size:10px}.top-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;border:1px solid var(--border);border-top:none;background:#000;padding:4px 2px}.nav-icon-btn{display:flex;flex-direction:column;align-items:center;gap:2px;width:62px;padding:4px 2px 3px;background:none;border:1px solid transparent;color:var(--text);cursor:pointer;font-family:var(--font-body);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-icon-btn svg{display:block;width:22px;height:22px}.nav-icon-btn:hover{border-color:var(--border);background:var(--panel-alt)}.nav-icon-btn.active{border-color:var(--maroon-edge);background:var(--maroon-deep)}.nav-icon-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn{border:1px solid #555;border-top-color:#888;border-left-color:#888;background:#1a1a1a;color:var(--text);padding:2px 8px;cursor:pointer;font-size:10px;font-weight:700}.nav-btn:hover{background:var(--maroon-deep)}.nav-btn:active{border-color:#888;border-top-color:#333;border-left-color:#333}.nav-btn.active{background:var(--maroon);border-color:var(--maroon-edge)}.nav-btn:disabled{color:var(--text-dim);opacity:.5;cursor:not-allowed}.layout{display:grid;grid-template-columns:170px 1fr;gap:6px;margin-top:6px}@media(max-width:720px){.layout{grid-template-columns:1fr}}.panel{border:1px solid var(--border);background:var(--panel-bg);padding:8px}.panel h2,.panel h3{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:-8px -8px 8px;padding:3px 8px;color:var(--text);background:var(--maroon);border-top:1px solid var(--maroon-edge);border-bottom:1px solid var(--border-dim)}.date-bar{margin:0 -8px 6px;padding:2px 8px;background:var(--maroon);border-top:1px solid var(--maroon-edge);color:var(--text);font-size:10px;font-weight:700}.side-nav{display:flex;flex-direction:column;gap:0}.side-nav .nav-btn{text-align:left;background:none;border:none;border-bottom:1px solid var(--border-dim);color:var(--link);text-decoration:underline;font-weight:400;font-size:10px;padding:3px 4px;cursor:pointer}.side-nav .nav-btn:hover{color:var(--link-lit);background:var(--panel-alt)}.side-nav .nav-btn.active{color:var(--text);text-decoration:none;font-weight:700;background:var(--maroon-deep)}.side-nav .nav-btn:disabled{color:var(--text-dim);text-decoration:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:4px}.stat-card{background:var(--panel-alt);border:1px solid var(--border);padding:4px 6px}.stat-card .label{color:var(--text-dim);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.stat-card .value{font-size:14px;font-weight:700;color:var(--text)}.stat-card .value.gold{color:var(--gold-text)}.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.stack{display:flex;flex-direction:column;gap:8px}.btn{border:1px solid #555;border-top-color:#888;border-left-color:#888;background:#1a1a1a;color:var(--text);font-weight:700;font-size:11px;padding:3px 12px;cursor:pointer}.btn:hover{background:#2a2a2a}.btn:active{border-color:#888;border-top-color:#333;border-left-color:#333;background:#000}.btn.secondary{background:#111}.btn.danger{background:var(--maroon-deep);border-color:var(--maroon-edge);color:var(--err-red)}.btn:disabled{color:var(--text-dim);opacity:.5;cursor:not-allowed}input,select{border:1px solid #555;background:#0d0d0d;color:var(--text);padding:3px 5px;min-width:0;font-size:11px}input:focus,select:focus{outline:1px solid var(--maroon-edge)}.form-grid{display:grid;gap:6px;max-width:340px}.form-grid label{display:grid;gap:2px;font-size:10px;font-weight:700;color:var(--text-dim)}.auth-boxes{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:start}@media(max-width:640px){.auth-boxes{grid-template-columns:1fr}}.board-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:start}@media(max-width:640px){.board-row{grid-template-columns:1fr}}.item-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px}.item-card{background:var(--panel-alt);border:1px solid var(--border);padding:6px 8px}.item-card:hover{background:#1a0a0a;border-color:var(--maroon-edge)}.item-card h4{margin:0 0 3px;font-size:11px;font-weight:700;color:var(--text)}.muted{color:var(--text-dim);font-size:10px}.error{color:var(--err-red);font-weight:700}.ok{color:var(--ok-green)}.avatar-preview{width:140px;height:180px;position:relative;margin:0 auto;border:1px solid var(--border);background:#2a2a2a;overflow:hidden}.avatar-preview.avatar-lg{width:200px;height:240px}.avatar-preview.avatar-alley{background:#8a8a8a}.avatar-preview.avatar-2d canvas,.avatar-preview.avatar-3d canvas{width:100%!important;height:100%!important;display:block}.concept-avatar-stage{width:100%;height:100%}.concept-avatar-stage canvas{width:100%!important;height:100%!important;display:block}.status-portrait{display:flex;justify-content:center;padding:8px 0}.status-stats{width:100%;max-width:320px;margin:0 auto;border-collapse:collapse;font-size:11px}.status-stats th,.status-stats td{padding:3px 6px;border-bottom:1px solid var(--border-dim);text-align:left}.status-stats th{width:38%;color:var(--text-dim);font-weight:700}.gold-cell{color:var(--gold-text);font-weight:700}.shop-buy-layout{display:grid;grid-template-columns:200px 1fr;gap:10px;align-items:start}@media(max-width:720px){.shop-buy-layout{grid-template-columns:1fr}}.shop-preview-col{position:sticky;top:6px}.shop-preview-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-dim);letter-spacing:.06em}.shop-preview-meta{display:flex;flex-direction:column;gap:4px}.shop-preview-name{font-weight:700;font-size:12px;text-decoration:underline}.shop-sprite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0;border:1px solid var(--border)}.shop-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 10px;background:#000;border:1px solid var(--border-dim);color:var(--text);cursor:pointer;font:inherit;text-align:center;position:relative}.shop-tile.alt{background:#1a0808}.shop-tile:hover,.shop-tile.selected{background:#2a1010;outline:1px solid var(--maroon-edge);z-index:1}.shop-tile.owned{opacity:.55}.shop-tile-stats{position:absolute;top:4px;left:4px;display:flex;flex-direction:column;gap:1px;font-size:9px;color:var(--text-dim);text-align:left}.item-sprite{display:block;image-rendering:auto;border:1px solid #333}.shop-tile-name{font-size:10px;font-weight:700;text-decoration:underline;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-tile-price{font-size:11px;font-weight:700;color:var(--gold-text)}.stash-layout{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.equip-row{display:grid!important;grid-template-columns:72px 1fr;align-items:center;gap:6px}.equip-pick{display:flex;align-items:center;gap:6px}.equip-pick select{flex:1}.progress{height:10px;border:1px solid #555;background:#0d0d0d;overflow:hidden}.progress>span{display:block;height:100%;background:var(--title-red)}.fight-wrap{width:100%;overflow:auto}.fight-wrap canvas{display:block;margin:0 auto;border:1px solid var(--border);max-width:100%}.table{width:100%;border-collapse:collapse;border:1px solid var(--border);background:var(--panel-bg);font-size:10px}.table th,.table td{border:1px solid var(--border-dim);padding:3px 6px;text-align:left}.table th{background:var(--maroon);border-top:1px solid var(--maroon-edge);color:var(--text);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.table tbody tr:nth-child(2n){background:var(--panel-alt)}.table tbody tr:hover{background:#1a0a0a}.banner-note{background:var(--maroon-deep);border:1px solid var(--border);color:var(--text);padding:4px 8px;font-size:10px}.site-footer{margin-top:10px;padding:6px 0;border-top:1px solid var(--border-dim);text-align:center;color:var(--text-dim);font-size:9px}.site-footer a{color:var(--link)}:root{--page-bg: #050505;--maroon: #681313;--maroon-deep: #3a0b0b;--maroon-edge: #9a2525;--panel-bg: #090909;--panel-alt: #160a0a;--border: #632020;--border-dim: #351313;--text-dim: #c4baba;--link-lit: #6c73ff;--title-red: #e01a1a;--btn-face: #202020}html{scroll-behavior:smooth}body{min-width:280px;background:radial-gradient(circle at 50% -12%,rgba(116,18,18,.2),transparent 38rem),var(--page-bg);line-height:1.45}button,a,input,select{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}.app-shell{max-width:980px;padding:14px 14px 42px}.top-brand{box-shadow:0 8px 24px #00000073}.top-brand .skyline{height:118px}.brand-overlay{background:linear-gradient(180deg,#00000014,#0000006b)}.logo{font-size:clamp(42px,7vw,58px);letter-spacing:.055em}.tagline{margin-top:6px;letter-spacing:.12em;text-transform:uppercase}.session-strip{min-height:32px;padding:6px 10px;background:linear-gradient(90deg,var(--maroon-deep),#170606 72%,var(--maroon-deep))}.top-nav{justify-content:flex-start;gap:4px;padding:6px;background:#070707}.nav-icon-btn{width:74px;min-height:52px;padding:6px 4px 5px}.nav-icon-btn:hover,.nav-icon-btn.active{box-shadow:inset 0 0 0 1px #9a252580,0 3px 10px #00000059;transform:translateY(-1px)}.layout{grid-template-columns:204px minmax(0,1fr);gap:10px;margin-top:10px}.panel{padding:12px;border-color:var(--border);background:linear-gradient(180deg,#0d0d0d,var(--panel-bg) 70%);box-shadow:0 6px 18px #00000047}.panel h2,.panel h3{margin:-12px -12px 12px;padding:6px 10px;font-size:11px;letter-spacing:.1em;background:linear-gradient(90deg,var(--maroon),#3f0c0c 78%,var(--maroon-deep))}.date-bar{margin:0 -12px 10px;padding:4px 10px;letter-spacing:.04em}.stack{gap:10px}.side-nav .nav-btn{min-height:28px;padding:6px 8px}.stat-grid{gap:7px}.stat-card{min-height:52px;padding:7px 8px;border-color:var(--border-dim);background:linear-gradient(135deg,var(--panel-alt),#0b0505)}.stat-card .label{letter-spacing:.1em}.stat-card .value{margin-top:2px;font-size:16px;font-variant-numeric:tabular-nums}.btn,.nav-btn{min-height:28px;border-radius:2px}.btn{padding:5px 13px;background:linear-gradient(#2b2b2b,var(--btn-face));box-shadow:inset 0 1px #ffffff1a,0 2px 5px #0000004d}.btn:hover,.nav-btn:hover{background-color:#351010;border-color:var(--maroon-edge);transform:translateY(-1px)}.btn:active,.nav-btn:active{transform:translateY(1px);box-shadow:none}.btn.secondary{background:#111;color:var(--text-dim)}.btn.danger{background:linear-gradient(#4c1111,var(--maroon-deep))}input,select{min-height:29px;padding:5px 7px;border-color:#654242;background:#111}input:hover,select:hover{border-color:var(--maroon-edge)}input:focus,select:focus{outline:none;border-color:var(--gold-text);box-shadow:0 0 0 1px #ffcc0040}.form-grid{gap:9px;max-width:400px}.form-grid label{gap:4px}.auth-boxes,.board-row{gap:10px}.item-list{gap:8px}.item-card{min-height:112px;padding:10px;border-color:var(--border-dim);background:linear-gradient(145deg,var(--panel-alt),#0b0505)}.item-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #00000057}.shop-buy-layout{grid-template-columns:218px minmax(0,1fr);gap:14px}.shop-preview-col{top:14px;padding:8px;border:1px solid var(--border-dim);background:#070707}.shop-sprite-grid{gap:5px;padding:5px;border-color:var(--border-dim);background:#040404}.shop-tile{min-height:142px;padding:10px 7px 11px;border-color:var(--border-dim);background:#0b0b0b}.shop-tile:hover,.shop-tile.selected{background:linear-gradient(145deg,#351111,#180808);box-shadow:inset 0 0 0 1px var(--maroon-edge);outline:none;transform:translateY(-1px)}.item-sprite{border-color:#5f3030}.progress{height:12px;border-color:#684242;background:#0a0a0a}.progress>span{background:linear-gradient(90deg,#8d0e0e,var(--title-red))}.fight-wrap{padding:6px;border:1px solid var(--border-dim);background:#030303;box-shadow:inset 0 0 0 1px #170707}.fight-wrap canvas{border-color:var(--maroon-edge);box-shadow:0 0 0 1px #000,0 8px 20px #00000080}.table th,.table td{padding:6px 8px}.table th{background:linear-gradient(90deg,var(--maroon),var(--maroon-deep))}.table tbody tr:hover{background:#291010}.banner-note{padding:7px 10px;background:linear-gradient(90deg,var(--maroon-deep),#150606)}.site-footer{margin-top:18px;padding-top:10px}@media(max-width:720px){.app-shell{padding:8px 8px 28px}.top-brand .skyline{height:100px}.layout{gap:8px}.side-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.side-nav .nav-btn{border-right:1px solid var(--border-dim)}.shop-preview-col{position:static}}@media(max-width:480px){body{font-size:12px}.logo{font-size:38px}.tagline{max-width:88%;text-align:center;font-size:9px}.session-strip{align-items:flex-start;flex-direction:column}.top-nav{justify-content:center}.nav-icon-btn{width:calc(25% - 4px);min-width:62px}.panel{padding:9px}.panel h2,.panel h3{margin:-9px -9px 10px}.date-bar{margin-left:-9px;margin-right:-9px}.row{align-items:stretch}.row>.btn{flex:1 1 auto}.table{display:block;overflow-x:auto;white-space:nowrap}.fight-wrap{margin:0 -3px;padding:3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,a,input,select{transition:none}}:root{--page-bg: #08090c;--panel-bg: #101218;--panel-alt: #171a22;--maroon: #4a1620;--maroon-deep: #281017;--maroon-edge: #9a3144;--border: #343845;--border-dim: #242732;--text-dim: #a9afbd;--link: #e1b8ff;--link-lit: #fff0c2;--title-red: #ef4655;--gold-text: #f3c563;--font-body: "Trebuchet MS", Verdana, Arial, sans-serif}html{background:var(--page-bg)}body{min-width:320px;font-size:13px;line-height:1.4;background:radial-gradient(circle at 80% -10%,rgba(122,30,53,.2),transparent 34rem),linear-gradient(180deg,#0b0c11 0%,var(--page-bg) 52%,#050507 100%)}.app-shell{width:min(1180px,calc(100% - 28px));max-width:none;padding:22px 0 48px}.top-brand{border-color:var(--border);border-radius:14px 14px 0 0;background:#0d0f14;box-shadow:0 18px 45px #0006}.top-brand .skyline{height:132px;opacity:.72}.top-brand .brand-overlay{background:linear-gradient(90deg,#0a0b0f80,#300c16ad)}.logo{max-width:94%;font-size:clamp(36px,6vw,66px);letter-spacing:.025em}.tagline{margin-top:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.session-strip,.top-nav{border-color:var(--border);background:#140e14f5}.session-strip{min-height:34px;padding:7px 12px;color:var(--text-dim)}.top-nav{justify-content:flex-start;gap:6px;padding:7px}.nav-icon-btn{width:78px;min-height:56px;border-radius:8px;color:#e9ebf2;font-size:10px;transition:background .14s ease,border-color .14s ease,transform .14s ease}.nav-icon-btn:hover{border-color:var(--maroon-edge);background:#24141b;transform:translateY(-1px)}.nav-icon-btn.active{background:linear-gradient(180deg,#581a27,#2b1018);border-color:var(--maroon-edge);box-shadow:inset 0 0 0 1px #ffd2dc0f}.layout{grid-template-columns:228px minmax(0,1fr);gap:16px;margin-top:16px}.panel{border-color:var(--border);border-radius:12px;background:linear-gradient(145deg,#14161efa,#0b0c11fa);padding:16px;box-shadow:0 14px 30px #0000003d}.panel h2,.panel h3{margin:-16px -16px 14px;padding:9px 14px;border-top:0;border-bottom-color:var(--border);border-radius:11px 11px 0 0;font-size:13px;letter-spacing:.12em;color:#fff4f2;background:linear-gradient(90deg,#551925,#2d131b 70%,transparent)}.side-nav{gap:4px}.side-nav .nav-btn{border:1px solid transparent;border-radius:7px;padding:8px 10px;color:var(--text-dim);font-size:12px;text-decoration:none}.side-nav .nav-btn:hover,.side-nav .nav-btn.active{border-color:var(--border);color:#fff;background:#1b1720}.stat-grid{gap:9px}.stat-card,.item-card,.shop-preview-col{border-color:var(--border);border-radius:9px;background:linear-gradient(145deg,#1a1d26,#101118)}.stat-card{min-height:70px;padding:10px 11px}.stat-card .value{font-size:20px}.btn{border-radius:7px;border-color:#626a7a;background:linear-gradient(180deg,#3a3f4b,#20232c);padding:7px 14px;transition:transform .14s ease,border-color .14s ease,background .14s ease}.btn:hover{border-color:var(--gold-text);background:linear-gradient(180deg,#4f3a45,#281a25)}.shop-buy-layout{grid-template-columns:248px minmax(0,1fr);gap:18px}.shop-preview-col{top:18px;padding:12px}.shop-sprite-grid{gap:8px;padding:8px;border-radius:10px;border-color:var(--border);background:#0b0c10}.shop-tile{min-height:164px;padding:10px 8px 12px;border-color:var(--border-dim);border-radius:8px;background:#12141a;transition:transform .14s ease,background .14s ease,border-color .14s ease}.shop-tile.alt{background:#17151b}.shop-tile:hover,.shop-tile.selected{border-color:var(--maroon-edge);background:linear-gradient(145deg,#321621,#17141c);box-shadow:0 8px 18px #00000047}.item-sprite{border-color:#596171;border-radius:5px}.fight-wrap{padding:10px;border:1px solid var(--border);border-radius:10px;background:#08090c}.fight-wrap canvas{border-color:var(--maroon-edge);border-radius:5px}.table{overflow:hidden;border-color:var(--border);border-radius:8px}.table th{padding:9px 10px;background:linear-gradient(90deg,#551925,#2a1119)}.table td{padding:9px 10px}@media(max-width:720px){.app-shell{width:min(100% - 16px,600px);padding-top:10px}.layout{grid-template-columns:1fr;gap:10px}.side-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.shop-buy-layout{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.nav-icon-btn,.btn,.shop-tile{transition:none}}:root{--page-bg: #090b10;--panel-bg: #11151d;--panel-alt: #181c25;--maroon: #672235;--maroon-deep: #321522;--maroon-edge: #b24a61;--border: #333b49;--border-dim: #252c38;--text: #f3f5f7;--text-dim: #aeb6c3;--link: #f08a9d;--link-lit: #ffd1d8;--title-red: #f05b6f;--gold-text: #f2c66d;--font-body: "IBM Plex Sans", "Trebuchet MS", Verdana, sans-serif}body{background:radial-gradient(circle at 12% -8%,rgba(119,37,62,.24),transparent 32rem),radial-gradient(circle at 96% 18%,rgba(40,58,75,.15),transparent 30rem),var(--page-bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 74%);mask-image:linear-gradient(to bottom,black,transparent 74%)}.app-shell{width:min(1220px,calc(100% - 40px));padding:28px 0 64px}.top-brand{border-radius:18px 18px 0 0;border-color:#b24a616b;background:#0f1218;box-shadow:0 24px 70px #0000005c}.top-brand .skyline{height:148px;opacity:.62}.top-brand .brand-overlay{background:linear-gradient(90deg,#0d0f1580,#511328b8)}.logo{font-size:clamp(40px,6.4vw,72px);letter-spacing:.02em}.tagline{color:#d8b3bb;font-size:12px;letter-spacing:.14em}.session-strip{min-height:42px;padding:9px 14px;border-color:var(--border);background:#23111cf5}.top-nav{gap:8px;padding:9px;border-color:var(--border);background:#11141cfa}.nav-icon-btn{width:86px;min-height:60px;border-radius:10px;font-size:10px}.nav-icon-btn:hover,.nav-icon-btn.active{border-color:#b24a61b8;background:#2d1824;box-shadow:0 8px 16px #0000003d}.layout{grid-template-columns:238px minmax(0,1fr);gap:18px;margin-top:18px}.panel{padding:18px;border-radius:16px;border-color:var(--border);background:linear-gradient(145deg,#141821fa,#0c0e14fa);box-shadow:0 18px 38px #0000003d}.panel h2,.panel h3{margin:-18px -18px 16px;padding:12px 16px;border-radius:15px 15px 0 0;border-bottom:1px solid rgba(178,74,97,.26);font-size:14px;letter-spacing:.1em;background:linear-gradient(90deg,rgba(103,34,53,.92),rgba(50,21,34,.74) 70%,transparent)}.stack{gap:14px}.stat-grid{gap:10px}.stat-card{min-height:78px;padding:12px 13px;border-radius:11px;border-color:var(--border-dim);background:linear-gradient(145deg,#1a1f29,#11151c)}.stat-card .label{color:#c3cad6;letter-spacing:.12em}.stat-card .value{font-size:21px;font-variant-numeric:tabular-nums}.btn,.nav-btn{min-height:34px;border-radius:8px}.btn{padding:8px 15px;border-color:#677284;background:linear-gradient(180deg,#414a5a,#252b36)}.btn:hover,.nav-btn:hover{border-color:var(--maroon-edge);background:linear-gradient(180deg,#65404e,#30212b)}.btn:focus-visible,.nav-btn:focus-visible,.forum-topic:focus-visible,.message-row:focus-visible{outline:2px solid var(--gold-text);outline-offset:3px}input,select,textarea{border-radius:7px;border-color:#4c5666;background:#0d1117;color:var(--text)}textarea{min-height:76px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--gold-text);box-shadow:0 0 0 2px #f2c66d29}.error,.ok{border-radius:8px;padding:9px 11px}.error{border-color:#f05b6f80;background:#6e1b2e52}.ok{border-color:#5cbd8975;background:#1b5e424d}.shop-buy-layout{grid-template-columns:264px minmax(0,1fr);gap:20px}.shop-preview-col{top:20px;border-radius:12px;padding:14px;background:#0c1016}.shop-sprite-grid{gap:10px;padding:10px;border-radius:12px;background:#0c1016}.shop-tile{min-height:176px;border-radius:10px;background:#151922}.shop-tile.alt{background:#1a1920}.shop-tile:hover,.shop-tile.selected{border-color:var(--maroon-edge);background:linear-gradient(145deg,#3b1d2a,#171821);transform:translateY(-2px)}.item-sprite{border-radius:7px;border-color:#687486}.table{border-radius:10px;border-color:var(--border)}.table th{padding:10px 11px;background:linear-gradient(90deg,#672235,#321522)}.table td{padding:10px 11px}.table tbody tr:hover{background:#251a24}.forum-layout{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr);gap:12px}.forum-topics,.forum-detail,.forum-compose,.crew-requests,.message-list,.mission-list{border:1px solid var(--border-dim);border-radius:11px;background:#0a0d128f;padding:12px}.forum-topics{display:grid;align-content:start;gap:6px}.forum-topic,.message-row{display:flex;width:100%;gap:5px;border:1px solid transparent;border-radius:8px;padding:10px;color:var(--text);text-align:left;background:transparent;cursor:pointer}.forum-topic{flex-direction:column}.forum-topic span,.message-row small{color:var(--text-dim);font-size:11px}.forum-topic:hover,.forum-topic.active{border-color:var(--maroon-edge);background:#271724}.forum-detail{min-height:260px}.forum-detail h3,.forum-compose h3{margin:0 0 8px;padding:0;border:0;background:none;font-size:16px;letter-spacing:.02em}.forum-replies{display:grid;gap:7px;margin:14px 0}.forum-replies article{border-left:3px solid var(--maroon-edge);padding:8px 10px;background:#2b1b2485}.forum-replies p{margin:4px 0 0}.forum-compose{max-width:none}.crew-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.crew-heading h3{margin:4px 0 0;padding:0;border:0;background:none;font-size:22px;letter-spacing:.01em}.badge{display:inline-flex;align-items:center;min-height:26px;border:1px solid rgba(242,198,109,.42);border-radius:6px;padding:3px 8px;color:var(--gold-text);background:#5e411b42;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.message-list,.mission-list{display:grid;gap:7px}.message-row{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(0,1fr);align-items:start;text-align:left;background:#251a2499}.message-row:hover,.message-row.read{border-color:var(--border);background:#20202a}.message-row span{display:grid;gap:3px}.message-row.read{opacity:.7}.mission-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border-dim);border-radius:9px;padding:12px;background:#1a1e28bf}.mission-card h3{margin:0;padding:0;border:0;background:none;font-size:16px;letter-spacing:.01em}.mission-card p{margin:4px 0 0}.site-footer{margin-top:26px;padding:14px 0 0;border-color:var(--border-dim);font-size:11px}@media(max-width:820px){.app-shell{width:min(100% - 24px,680px);padding-top:14px}.layout,.shop-buy-layout,.forum-layout{grid-template-columns:1fr}.shop-preview-col{position:static}.forum-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.app-shell{width:min(100% - 16px,440px)}.top-brand .skyline{height:108px}.nav-icon-btn{width:calc(25% - 6px);min-width:64px}.panel{padding:12px}.panel h2,.panel h3{margin:-12px -12px 12px}.forum-topics,.message-row{grid-template-columns:1fr}.mission-card{align-items:flex-start;flex-direction:column}}