:root{--bg:#050b14;--panel:#0b1524;--panel2:#101d30;--line:#20334e;--text:#ecf5ff;--muted:#8ea3bd;--cyan:#3be2ff;--blue:#2f7bff;--violet:#8b5cff;--gold:#ffc857;--red:#ff5e73;--green:#5df2a2;--sidebar:270px;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -20%,#12294c 0,transparent 35%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--cyan)}code,kbd{font-family:"SFMono-Regular",Consolas,monospace}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--sidebar);padding:24px 18px;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(11,21,36,.98),rgba(6,13,23,.98));border-right:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:22px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#06101d;box-shadow:0 0 28px rgba(59,226,255,.3)}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.08em}.brand span{font-size:12px;color:var(--muted)}.nav{display:grid;gap:5px}.nav-btn{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;text-align:left;font-weight:650}.nav-btn span{width:22px;text-align:center;font-size:18px}.nav-btn:hover,.nav-btn.active{background:linear-gradient(90deg,rgba(59,226,255,.14),rgba(139,92,255,.08));color:var(--text)}.nav-btn.active{box-shadow:inset 3px 0 var(--cyan)}.sidebar-status{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;display:flex;gap:10px;align-items:center}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{font-size:12px}.sidebar-status small{color:var(--muted);font-size:10px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);box-shadow:0 0 12px currentColor;flex:none}.status-dot.loading{color:var(--gold);background:var(--gold);animation:pulse 1s infinite}.status-dot.live{color:var(--green);background:var(--green)}.status-dot.fallback{color:var(--gold);background:var(--gold)}@keyframes pulse{50%{opacity:.35}}.main{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:30;height:76px;padding:14px 28px;display:flex;align-items:center;gap:12px;background:rgba(5,11,20,.82);border-bottom:1px solid rgba(32,51,78,.8);backdrop-filter:blur(18px)}.global-search-wrap{max-width:760px;flex:1;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:0 14px}.global-search-wrap input{flex:1;min-width:0;height:46px;border:0;background:transparent;color:var(--text);outline:0}.global-search-wrap kbd{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 6px}.icon-btn,.cart-button{height:46px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}.icon-btn{width:46px;font-size:20px}.menu-btn{display:none}.cart-button{display:flex;align-items:center;gap:9px;padding:0 15px}.cart-button b{min-width:23px;height:23px;display:grid;place-items:center;background:var(--cyan);color:#05101d;border-radius:99px}.page{display:none;padding:32px 34px 70px;max-width:1680px;margin:auto}.page.active{display:block}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.18em;color:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.04em;margin-bottom:14px}h1 em{font-style:normal;color:var(--cyan)}h2{font-size:20px}.hero{position:relative;min-height:410px;display:flex;align-items:center;overflow:hidden;padding:54px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(120deg,rgba(18,42,77,.92),rgba(11,21,36,.9) 56%,rgba(62,30,105,.65));box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-copy{position:relative;z-index:2;max-width:720px}.hero-copy p{max-width:640px;color:#b8c9db;font-size:18px}.hero-actions,.builder-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.primary,.secondary,.load-more,.text-btn,.copy-btn{border-radius:11px;padding:10px 15px;font-weight:750}.primary{border:1px solid var(--cyan);background:linear-gradient(135deg,var(--cyan),#36a8ff);color:#06111e}.secondary{border:1px solid var(--line);background:var(--panel2);color:var(--text)}.primary:hover,.secondary:hover,.copy-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.hero-orbit{position:absolute;right:8%;width:270px;height:270px;border:1px solid rgba(59,226,255,.25);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 120px rgba(59,226,255,.12)}.hero-orbit .core{width:116px;height:116px;display:grid;place-items:center;border-radius:26px;transform:rotate(45deg);background:linear-gradient(135deg,var(--cyan),var(--violet));font-weight:950;font-size:33px;color:#07111f;box-shadow:0 0 50px rgba(59,226,255,.38)}.hero-orbit .core::first-letter{}.hero-orbit i{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px var(--gold);animation:orbit 8s linear infinite}.hero-orbit i:nth-child(2){animation-delay:-2.6s}.hero-orbit i:nth-child(3){animation-delay:-5.2s}@keyframes orbit{from{transform:rotate(0) translateX(135px) rotate(0)}to{transform:rotate(360deg) translateX(135px) rotate(-360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.stat-card,.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,29,48,.93),rgba(9,18,31,.93));border-radius:var(--radius);box-shadow:0 18px 45px rgba(0,0,0,.18)}.stat-card{padding:20px}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;font-size:34px;color:var(--cyan);margin:4px 0}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.panel{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-head h2{margin:0}.badge{border:1px solid var(--line);background:rgba(59,226,255,.08);color:var(--cyan);border-radius:99px;padding:5px 10px;font-size:11px;font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick{border:1px solid var(--line);background:#091522;padding:14px;border-radius:12px;text-align:left;color:var(--text)}.quick strong,.quick small{display:block}.quick small{color:var(--muted);margin-top:3px}.source-summary{display:grid;gap:10px}.source-line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.source-line:last-child{border:0}.source-line span{color:var(--muted)}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.page-head h1{font-size:44px}.page-head p{color:var(--muted);max-width:760px;margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.filters input,.filters select,.builder-panel input,.builder-panel select{min-height:44px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;padding:0 12px;outline:none}.filters input{min-width:280px;flex:1}.filters select{min-width:170px}.filters input:focus,.filters select:focus,.builder-panel input:focus,.builder-panel select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(59,226,255,.09)}.result-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin:10px 2px 15px}.text-btn{padding:5px 8px;border:0;background:transparent;color:var(--cyan)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}table{border-collapse:collapse;width:100%;min-width:900px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{position:sticky;top:0;background:#102039;color:#a9bed3;font-size:11px;text-transform:uppercase;letter-spacing:.08em}td code{color:var(--cyan)}.risk{font-size:11px;font-weight:800;padding:4px 8px;border-radius:99px;border:1px solid currentColor;white-space:nowrap}.risk-faible{color:var(--green)}.risk-moyen{color:var(--gold)}.risk-élevé,.risk-critique{color:var(--red)}.copy-btn{padding:7px 10px;border:1px solid var(--line);background:#102039;color:var(--text)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:13px}.entity-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#112039,#091420);overflow:hidden;transition:.18s transform,.18s border-color}.entity-card:hover{transform:translateY(-3px);border-color:rgba(59,226,255,.65)}.entity-image{height:180px;display:grid;place-items:center;background:radial-gradient(circle,#1c3555,transparent 70%),linear-gradient(145deg,#0e2037,#07111d)}.entity-image img{max-width:90%;max-height:92%;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(0,0,0,.38))}.entity-image .placeholder{color:#67809c;text-align:center;font-weight:800}.entity-body{padding:15px}.entity-title{display:flex;gap:8px;justify-content:space-between;align-items:start}.entity-title h3{font-size:17px;margin:0;overflow-wrap:anywhere}.asset{font:12px/1.4 Consolas,monospace;color:var(--cyan);overflow-wrap:anywhere;margin:6px 0}.meta-row{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.pill{font-size:10px;font-weight:800;padding:4px 7px;border-radius:99px;background:#182a43;color:#bcd0e4;border:1px solid #274260}.rarity-0{--rare:#b7c2cf}.rarity-1{--rare:#55e381}.rarity-2{--rare:#48a7ff}.rarity-3{--rare:#ad67ff}.rarity-4{--rare:#ffbb41}.rarity-5{--rare:#ff647e}.rarity-mark{color:var(--rare);border-color:var(--rare);background:color-mix(in srgb,var(--rare) 12%,transparent)}.card-actions{display:flex;gap:7px;margin-top:12px}.card-actions button{flex:1}.favorite-btn{position:absolute;z-index:2;right:10px;top:10px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:rgba(5,11,20,.8);color:#7c8ca0;font-size:17px}.favorite-btn.active{color:var(--gold);border-color:var(--gold)}.load-more{display:block;margin:24px auto 0;border:1px solid var(--line);background:var(--panel2);color:var(--text);min-width:180px}.load-more[hidden]{display:none}.schematic-list{display:grid;gap:13px}.schematic-family{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.family-head{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:14px}.family-head img{width:64px;height:64px;object-fit:contain}.family-head h3{margin:0}.family-assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}.schematic-variant{background:#0a1625;padding:13px}.schematic-variant code{display:block;color:var(--cyan);font-size:11px;overflow-wrap:anywhere;margin:5px 0 10px}.builder-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.builder-panel label{display:grid;gap:7px;color:#b9c9da;font-weight:650;margin:13px 0}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-row{display:flex!important;align-items:center;gap:9px}.check-row input{min-height:auto}.builder-items{display:grid;gap:8px;margin:14px 0}.builder-items.empty-state,.empty-state{color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:26px;text-align:center}.builder-row{display:grid;grid-template-columns:1fr 90px 34px;gap:8px;align-items:center;border:1px solid var(--line);padding:9px;border-radius:11px;background:#091522}.builder-row strong,.builder-row small{display:block}.builder-row small{color:var(--muted);font-family:Consolas,monospace;overflow-wrap:anywhere}.builder-row input{width:100%;min-height:38px}.remove-btn{border:0;background:transparent;color:var(--red);font-size:20px}.command-output{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid #295076;border-radius:12px;background:#06111e;margin-top:15px}.command-output code{flex:1;color:var(--cyan);overflow-wrap:anywhere;white-space:pre-wrap}.hint{font-size:12px;color:var(--muted);margin-top:12px}.favorite-section{margin-bottom:26px}.favorite-section h2{display:flex;align-items:center;gap:8px}.audit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.audit-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:17px}.audit-card strong{display:block;font-size:28px;color:var(--cyan)}.audit-card span{color:var(--muted)}.audit-pre{white-space:pre-wrap;overflow:auto;color:#a9bed3;max-height:600px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.prose{color:#bfd0e0}.prose h2{color:var(--text)}.prose code{color:var(--cyan)}.prose li{margin:8px 0}.prose.warning{border-color:rgba(255,200,87,.45);background:linear-gradient(180deg,rgba(255,200,87,.1),rgba(9,18,31,.93))}.legal{margin-top:18px;color:var(--muted);font-size:12px;text-align:center}.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px)}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(900px,100%);max-height:92vh;overflow:auto;border:1px solid #35577b;border-radius:22px;background:#091522;box-shadow:var(--shadow)}.modal-close{position:sticky;z-index:5;top:12px;float:right;margin:12px 12px -55px 0;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#0d1b2e;color:var(--text);font-size:24px}.detail{display:grid;grid-template-columns:330px 1fr;min-height:480px}.detail-visual{display:grid;place-items:center;min-height:410px;padding:24px;background:radial-gradient(circle,#1c3f69,transparent 70%),#07111d}.detail-visual img{max-width:100%;max-height:350px;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.4))}.detail-info{padding:32px}.detail-info h2{font-size:34px;margin-bottom:4px}.detail-info .asset{font-size:14px}.detail-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.detail-stat{border:1px solid var(--line);border-radius:10px;padding:10px}.detail-stat span,.detail-stat strong{display:block}.detail-stat span{font-size:10px;color:var(--muted);text-transform:uppercase}.variant-picker{display:flex;gap:8px;overflow:auto;padding-bottom:5px;margin:10px 0}.variant-chip{min-width:70px;border:1px solid var(--line);background:#0e1e31;border-radius:10px;padding:7px;color:var(--text)}.variant-chip img{display:block;width:52px;height:52px;object-fit:contain;margin:auto}.detail-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-controls label{display:grid;gap:5px}.detail-controls input,.detail-controls select{min-height:42px;border:1px solid var(--line);border-radius:9px;background:#07111d;color:var(--text);padding:0 10px}.toast{position:fixed;z-index:200;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:10px 16px;border-radius:99px;background:var(--green);color:#06111d;font-weight:850;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.builder-layout{grid-template-columns:1fr}.hero-orbit{opacity:.25;right:-70px}.audit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){:root{--sidebar:280px}.app-shell{display:block}.sidebar{transform:translateX(-102%);transition:.22s transform;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.main{grid-column:auto}.menu-btn{display:block}.topbar{padding:10px 12px;height:66px}.global-search-wrap kbd,.cart-button span{display:none}.page{padding:22px 14px 60px}.hero{padding:34px 24px;min-height:390px}.hero-orbit{display:none}.page-head{align-items:start;flex-direction:column}.page-head h1{font-size:38px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1;min-width:0}.filters select{min-width:0;width:100%}.guide-grid{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.detail-visual{min-height:260px}.detail-visual img{max-height:230px}.detail-info{padding:24px}.modal{max-height:96vh}.card-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.entity-image{height:145px}.family-head{grid-template-columns:58px 1fr}.family-head>button{grid-column:1/-1}.quick-grid{grid-template-columns:1fr}}
@media(max-width:520px){.stats-grid,.audit-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card strong{font-size:26px}.filters{grid-template-columns:1fr}.filters input{grid-column:auto}.card-grid{grid-template-columns:1fr 1fr;gap:9px}.entity-body{padding:11px}.entity-title h3{font-size:14px}.entity-image{height:130px}.card-actions{flex-direction:column}.detail-controls,.two-cols{grid-template-columns:1fr}.global-search-wrap{padding:0 10px}.global-search-wrap input{font-size:13px}.hero-copy p{font-size:16px}}