*{box-sizing:border-box}html{background:#06070b;min-height:100%}body{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#06070b;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}:root{--bg:#070303;--surface:#130d0adb;--surface-strong:#1b110cf2;--surface-soft:#ffb74512;--text:#fff4df;--muted:#c5a986;--subtle:#8e7053;--line:#ffb8452e;--line-strong:#ffb84557;--gold:#ffbd45;--gold-soft:#ffbd4529;--ember:#ff6a22;--red:#d52216;--blood:#7b0e0a;--green:#6ce08a;--shadow:0 26px 90px #0000008f}body{color:var(--text);background:radial-gradient(circle at 18% 0,#d5221652,#0000 24rem),radial-gradient(circle at 86% 10%,#ffbd4538,#0000 26rem),radial-gradient(circle at 50% 100%,#7b0e0a61,#0000 32rem),linear-gradient(135deg,#080302 0%,#160807 48%,#030101 100%)}body:before{pointer-events:none;content:"";background-image:linear-gradient(115deg,#ffbd450b 0 1px,#0000 1px 42px),linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:84px 84px,48px 48px,48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 80%);mask-image:linear-gradient(#000000e6,#0000 80%)}.app-shell{width:min(1220px,100%);margin:0 auto;padding:24px}.top-bar{border:1px solid var(--line-strong);box-shadow:var(--shadow), inset 0 1px 0 #ffe6b224;background:linear-gradient(120deg,#ffbd4524,#0000 28%),linear-gradient(145deg,#2b160df7,#080303f0);border-radius:18px;grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:16px;padding:clamp(24px,5vw,48px);display:grid;position:relative;overflow:hidden}.top-bar:before{content:"";opacity:.55;background:radial-gradient(circle,#0000 40%,#ffbd451f 41% 42%,#0000 43%),conic-gradient(from 25deg,#0000,#ffbd4538,#0000,#d5221638,#0000);border:1px solid #ffbd4533;border-radius:999px;width:210px;height:210px;position:absolute;top:50%;right:clamp(18px,6vw,76px);transform:translateY(-50%)rotate(-18deg)}.top-bar:after{content:"";background:radial-gradient(circle,#ff6a2252,#0000 68%);border-radius:999px;width:340px;height:340px;position:absolute;top:-120px;right:-88px}.eyebrow{width:fit-content;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(90deg,#7b0e0a6b,#ffbd451a);border:1px solid #ffbd456b;border-radius:2px;margin-bottom:12px;padding:7px 12px;font-size:.72rem;font-weight:900;display:inline-flex}.top-bar h1{color:#fff1cf;letter-spacing:-.075em;text-shadow:0 0 26px #ff6a2233,0 3px #00000073;text-transform:uppercase;max-width:760px;margin:0;font-size:clamp(2.2rem,6vw,4.9rem);line-height:.9}.top-bar p{max-width:660px;color:var(--muted);margin:16px 0 0;font-size:clamp(.98rem,2vw,1.1rem)}.hero-metrics{z-index:1;gap:10px;min-width:200px;display:grid;position:relative}.hero-metrics span{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#ffbd451a,#00000038);border-radius:8px;gap:2px;padding:14px 16px;font-size:.76rem;font-weight:800;display:grid;box-shadow:inset 4px 0 #d52216c7}.hero-metrics strong{color:var(--gold);letter-spacing:-.04em;font-size:1.8rem;line-height:1}.tab-bar{z-index:5;border:1px solid var(--line);background:#080303d6;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;padding:8px;display:grid;position:sticky;top:12px;box-shadow:0 18px 45px #0000005c}button,select,input{border:1px solid var(--line);color:var(--text);background:#ffbd450e;border-radius:6px;outline:none;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}button,select{padding:.78rem .9rem}button:hover,select:hover,input:hover{background:#ffbd451a;border-color:#ffbd4594;transform:translateY(-1px)}button:focus-visible,select:focus-visible,input:focus-visible{box-shadow:0 0 0 3px #ff6a2240}.tab-bar button{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;font-weight:900}.tab-bar button.active{color:#180604;background:linear-gradient(135deg,#ffe19a,#ffbd45 54%,#d86a1d);border-color:#ffbd45b3;box-shadow:0 12px 34px #ff6a2238,inset 0 1px #ffffff61}.screen{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#ffbd4512,#0000 28%),linear-gradient(145deg,#190d0ae6,#070303d6);border-radius:16px;gap:18px;padding:clamp(18px,3vw,28px);display:grid}.screen h2{color:#ffe3a4;letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1}.screen p{color:var(--muted);margin:0}.summary-grid,.chart-grid,.team-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.summary-card,.row-card,.team-card,.meta-card,.chart-card{border:1px solid var(--line);background:linear-gradient(145deg, #ffbd4517, transparent 42%), var(--surface);border-radius:10px;box-shadow:0 16px 44px #0000004d,inset 0 1px #ffe6b214}.summary-card{gap:8px;padding:18px;display:grid;position:relative;overflow:hidden}.summary-card:before{content:"";background:linear-gradient(90deg, var(--red), var(--gold));border-radius:0;width:50px;height:4px;box-shadow:0 0 18px #ff6a2280}.summary-card span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.82rem;font-weight:850}.summary-card strong{color:var(--text);letter-spacing:-.05em;font-size:2.25rem;line-height:.95}.list{gap:10px;display:grid}.equipment-builder{border:1px solid var(--line);background:#ffbd450e;border-radius:10px;gap:12px;padding:16px;display:grid}.catalog-search{gap:10px;display:grid}.catalog-search input{padding:.78rem .9rem}.catalog-results{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;display:grid}.catalog-results button{text-align:left;gap:4px;padding:10px;display:grid}.catalog-results span{color:var(--text);font-weight:900}.catalog-results small{color:var(--muted);text-transform:uppercase}.catalog-preview{border:1px solid var(--line);background:#0000002e;border-radius:10px;grid-template-columns:92px 1fr;align-items:start;gap:14px;padding:12px;display:grid}.catalog-preview img{object-fit:cover;border-radius:8px;width:92px;height:92px}.catalog-preview strong{color:var(--gold)}.catalog-preview p{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:6px;display:-webkit-box;overflow:hidden}.equipment-form{grid-template-columns:1.5fr 1fr 1fr auto;gap:10px;display:grid}.equipment-form input{padding:.78rem .9rem}.effect-picker{flex-wrap:wrap;gap:8px;display:flex}.effect-picker button{color:var(--muted);text-transform:uppercase;padding:.55rem .72rem;font-size:.78rem;font-weight:850}.effect-picker button.selected{color:#180604;background:linear-gradient(135deg,#ffe19a,#ffbd45);border-color:#ffbd45b8}.equipment-readiness{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.readiness-card{border:1px solid var(--line);background:linear-gradient(145deg,#d522161f,#ffbd450f);border-radius:10px;gap:12px;padding:16px;display:grid}.readiness-card div{color:var(--text);justify-content:space-between;gap:12px;display:flex}.readiness-card span{color:var(--gold);font-weight:900}meter{width:100%;height:12px}.equipment-sections{gap:18px;display:grid}.equipment-section{gap:10px;display:grid}.equipment-section h3{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:1rem}.equipment-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.equipment-tags span{border:1px solid var(--line);color:var(--gold);letter-spacing:.04em;text-transform:uppercase;background:#ffbd4514;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:850}.equipment-card .examples{color:var(--muted);margin-top:10px;font-size:.82rem}.meta-card strong{color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.row-card{grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.row-card strong{color:var(--text);font-size:1.02rem}.row-card p{color:var(--subtle);margin-top:4px;font-size:.9rem}.roster-actions{align-items:center;gap:10px;display:flex}.roster-actions>button{color:var(--red);font-weight:900}.fusion-stepper{grid-template-columns:42px 58px 42px;align-items:center;gap:8px;display:grid}.fusion-stepper button{color:var(--gold);padding:.62rem 0;font-weight:900}.fusion-stepper span{min-width:0;color:var(--gold);text-align:center;letter-spacing:.04em;font-weight:900}.controls{grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;display:grid}.controls button{color:#180604;text-transform:uppercase;background:linear-gradient(135deg,#ffe19a,#ffbd45 48%,#d52216);border-color:#ffbd458f;font-weight:950;box-shadow:0 14px 34px #d5221638}.team-card,.meta-card,.chart-card{padding:18px}.team-card h3,.chart-card h3{color:var(--text);letter-spacing:-.03em;margin:0}.team-card p{color:var(--gold);letter-spacing:.08em;margin:8px 0 14px;font-weight:900}ul{margin:0;padding-left:1.05rem}.team-card ul{color:#ead9bd;gap:6px;display:grid}.meta-card{background:linear-gradient(135deg, #d5221624, transparent), var(--surface-strong);border-color:#ff6a2257;gap:8px;display:grid}.meta-card p{color:#ffe7bf}.chart-card{min-height:290px}.chart-card h3{margin-bottom:14px}.recharts-cartesian-axis-tick-value,.recharts-polar-angle-axis-tick-value{fill:var(--muted)}.recharts-default-tooltip{border-color:var(--line-strong)!important;color:var(--text)!important;background:#0c0504f5!important;border-radius:8px!important}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2.2rem}option{color:#160807}@media (width<=820px){.app-shell{padding:14px}.top-bar{clip-path:none;border-radius:14px;grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(2,1fr)}.tab-bar{grid-template-columns:repeat(2,1fr);position:static}.controls,.equipment-form,.catalog-preview,.row-card{grid-template-columns:1fr}.roster-actions{flex-direction:column;align-items:stretch}.fusion-stepper{grid-template-columns:1fr 70px 1fr;width:100%}}@media (width<=480px){.top-bar,.screen{border-radius:12px}.hero-metrics,.tab-bar,.summary-grid,.chart-grid,.team-grid{grid-template-columns:1fr}}