:root{--bg:#0d100f;--panel:#131716;--line:rgba(224,232,228,.14);--text:#eef1ef;--muted:#98a09c;--gold:#c3a13f;--purple:#6e3d91;--blue:#5fa8d8;--cyan:#66d2cf;--pink:#cf6a92;--cream:#d9d2b4;--bar:#f3f5f3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a09;color:var(--text);font-family:"Helvetica Neue",Arial,sans-serif;font-size:15px}.app-shell{min-height:100vh;background:radial-gradient(circle at 65% 22%,#202523 0,#101311 48%,#090b0a 100%);padding-bottom:58px}.utility-bar{height:42px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;padding:0 3.2vw;border-bottom:1px solid var(--line);background:rgba(15,18,17,.82);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.wordmark{color:#fff;text-decoration:none;font-weight:900;font-size:13px;letter-spacing:.6px}.wordmark i{font-style:normal;color:#77807b;font-weight:500}.ghost-mark{margin-right:6px}.global-nav{justify-self:center;height:100%;display:flex;gap:28px}.global-nav a{display:grid;place-items:center;color:#8d9691;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;border-bottom:2px solid transparent}.global-nav a:hover,.global-nav a.active{color:white;border-bottom-color:white}.utilities{display:flex}.utilities button{height:42px;min-width:36px;color:#d8ddda;background:none;border:0;border-left:1px solid rgba(255,255,255,.04);cursor:pointer;font-size:14px}.utilities button:hover{background:#fff;color:#111}.weapon-stage{height:min(56vw,650px);min-height:485px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#121615}.rarity-band{position:absolute;inset:0 0 auto;height:44px;background:linear-gradient(90deg,#733f91,#332140 54%,#19151d);border-bottom:5px solid #8f7631}.grid-plane{position:absolute;inset:44px 0 0;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:30px 30px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.crest{position:absolute;left:-10px;top:66px;color:rgba(210,180,73,.18);font-size:78px;font-weight:900;line-height:.78;letter-spacing:-6px;transform:rotate(-90deg) translateX(-100%);transform-origin:left top}.weapon-art{position:absolute;inset:44px 0 0 25%;width:75%;height:calc(100% - 44px);object-fit:cover;object-position:66% center;filter:saturate(.82) brightness(.72) contrast(1.08);mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%)}.identity{position:absolute;z-index:3;left:3.2vw;top:90px;width:min(520px,45vw)}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#a6ada9}.eyebrow span{color:var(--gold)}.title-line{display:flex;align-items:center;gap:15px}.title-line img{width:74px;height:74px;object-fit:cover;border:2px solid #d7c866;box-shadow:0 0 0 2px rgba(0,0,0,.6)}h1{font-size:clamp(44px,5vw,78px);line-height:.86;margin:0;letter-spacing:-3.5px}.title-line p{margin:10px 0 0;color:#c8ceca;font-size:19px}.identity blockquote{font-style:italic;margin:24px 0 36px;max-width:440px;color:#c7ccc9;font-size:16px;line-height:1.5}.frame-card{display:flex;align-items:center;gap:14px}.frame-glyph{display:grid;place-items:center;background:#e9edeb;color:#191c1a;width:50px;height:50px;font-size:28px}.frame-card strong,.frame-card small{display:block}.frame-card strong{font-size:14px}.frame-card small{color:#8f9792;margin-top:6px}.power-readout{position:absolute;right:3.2vw;bottom:28px;z-index:3;text-align:right}.power-readout small{display:block;color:#989f9b;letter-spacing:1.2px}.power-readout strong{display:block;font-size:58px;line-height:1}.power-readout span{display:block;font-size:10px;margin-top:10px}.workspace{display:grid;grid-template-columns:minmax(560px,1.35fr) minmax(410px,.8fr);gap:0;max-width:1500px;margin:auto}.perk-area,.inspection-panel>section{padding:34px 3.2vw}.perk-area{border-right:1px solid var(--line)}.inspection-panel>section+section{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:20px}.section-heading p{margin:0 0 5px;color:#747c77;font-size:9px;letter-spacing:1.7px}.section-heading h2{font-size:22px;font-weight:400;margin:0}.section-heading>span{font:11px ui-monospace,monospace;color:#919a95}.perk-columns{display:grid;grid-template-columns:repeat(5,minmax(92px,1fr));gap:12px}.perk-column{min-width:0}.perk-column h3{height:32px;margin:0 0 12px;color:#8f9792;text-transform:uppercase;font-size:9px;letter-spacing:1px;display:flex;align-items:end}.perk-list{display:grid;gap:7px}.perk{position:relative;display:grid;grid-template-columns:44px 1fr;gap:7px;align-items:center;min-height:46px;padding:3px;background:#151918;border:1px solid #343a37;color:#b9c0bc;text-align:left;cursor:pointer;transition:.18s ease;overflow:hidden}.perk:hover,.perk:focus-visible{border-color:#edf2ef;color:#fff;transform:translateX(3px);outline:0}.perk.selected{background:#e7ebe8;color:#141715;border-color:#fff}.perk.recommended:after{content:"";position:absolute;right:-10px;top:-10px;width:20px;height:20px;background:var(--gold);transform:rotate(45deg)}.perk img{width:38px;height:38px;object-fit:cover;border-radius:50%;background:#2f87aa;filter:grayscale(.15)}.perk.selected img{filter:none;box-shadow:0 0 0 2px var(--gold)}.perk-name{font-size:10px;line-height:1.15}.roll-tabs{display:grid;gap:7px}.roll-tab{display:grid;grid-template-columns:40px 1fr;text-align:left;gap:8px;border:1px solid #343a37;background:#171b19;color:#c5cbc7;min-height:52px;padding:5px;cursor:pointer}.roll-tab b{display:grid;place-items:center;font:11px ui-monospace,monospace;color:#707873;border-right:1px solid #343a37}.roll-tab span,.roll-tab small{display:block}.roll-tab span{font-size:13px;padding-top:3px}.roll-tab small{font-size:10px;color:#707873;margin-top:4px}.roll-tab:hover,.roll-tab.active{background:#e8ece9;color:#151816;border-color:white}.roll-tab.active small,.roll-tab.active b{color:#555c58}.active-roll{margin-top:18px;border-left:3px solid var(--gold);padding:4px 0 4px 16px}.active-roll>p{font:9px ui-monospace,monospace;letter-spacing:1.2px;color:#9a8140;margin:0}.active-roll h3{font-size:18px;font-weight:400;margin:6px 0 12px}.active-roll div{display:flex;flex-wrap:wrap;gap:5px}.active-roll span{font-size:10px;border:1px solid #3b413e;padding:5px 7px;color:#bac1bd}.stat-row{display:grid;grid-template-columns:124px 1fr 34px;align-items:center;gap:9px;height:27px}.stat-row label{color:#9da49f;font-size:11px}.stat-track{height:14px;background:#1e2321;position:relative}.stat-fill{height:100%;background:var(--bar);position:relative;transform-origin:left;animation:loadbar .6s both}.stat-fill:after{content:"";position:absolute;right:0;top:0;width:2px;height:100%;background:var(--gold)}.stat-row output{font:11px ui-monospace,monospace;text-align:right}.compact-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.compact-stats span{padding:12px;color:#747c77;font-size:9px;letter-spacing:1px;border-right:1px solid var(--line)}.compact-stats span:last-child{border:0}.compact-stats b{display:block;color:#fff;font-size:18px;margin-top:5px}.command-bar{position:fixed;bottom:0;left:0;right:0;height:48px;background:rgba(7,9,8,.94);backdrop-filter:blur(14px);border-top:1px solid #1f2422;z-index:30;padding:0 3.2vw;display:flex;justify-content:space-between;align-items:center}.command-bar p{font-size:9px;color:#747c77;margin:0}.command-bar div{display:flex;gap:20px}.command-bar span,.command-bar a{color:#9ba29e;text-decoration:none;font-size:11px}.command-bar kbd{font:9px ui-monospace,monospace;border:1px solid #646b67;border-radius:2px;padding:2px 4px;color:#dfe3e0}.tooltip{position:fixed;pointer-events:none;z-index:100;max-width:230px;background:#e9edea;color:#111412;padding:10px 12px;border-left:4px solid var(--gold);box-shadow:0 10px 30px #0008;opacity:0;transform:translateY(5px);transition:.12s}.tooltip.visible{opacity:1;transform:none}.tooltip b,.tooltip small{display:block}.tooltip b{font-size:12px}.tooltip small{color:#59605c;font-size:10px;margin-top:5px}@keyframes loadbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:980px){.global-nav{display:none}.utility-bar{grid-template-columns:1fr auto}.weapon-stage{height:620px}.weapon-art{left:0;width:100%;opacity:.64;mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 60%,transparent 100%);object-position:65% center}.identity{width:90vw}.power-readout{bottom:25px}.workspace{grid-template-columns:1fr}.perk-area{border-right:0}.perk-columns{grid-template-columns:repeat(3,1fr)}.perk-column:nth-child(n+4){margin-top:12px}.inspection-panel{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.inspection-panel>section+section{border-top:0;border-left:1px solid var(--line)}}
@media(max-width:640px){.utility-bar{padding:0 16px}.utilities button:nth-child(2),.utilities button:nth-child(3){display:none}.weapon-stage{min-height:570px;height:72vh}.rarity-band{height:30px}.identity{left:18px;top:64px}.eyebrow{margin-bottom:14px}.title-line img{width:54px;height:54px}.title-line{gap:10px}h1{font-size:38px;letter-spacing:-2px}.title-line p{font-size:14px;margin-top:6px}.identity blockquote{font-size:13px;max-width:280px;margin:20px 0 24px}.weapon-art{inset:30px 0 0;width:100%;height:calc(100% - 30px);object-position:63% center;opacity:.58}.frame-card{position:absolute;top:255px}.power-readout{right:18px}.power-readout strong{font-size:44px}.workspace{display:block}.perk-area,.inspection-panel>section{padding:28px 18px}.perk-columns{grid-template-columns:1fr 1fr;gap:18px 10px}.perk{grid-template-columns:38px 1fr}.perk img{width:34px;height:34px}.inspection-panel{display:block}.inspection-panel>section+section{border-left:0;border-top:1px solid var(--line)}.command-bar{height:54px;padding:0 14px}.command-bar p{display:none}.command-bar div{width:100%;justify-content:space-between;gap:8px}.command-bar span,.command-bar a{font-size:10px}.app-shell{padding-bottom:54px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}