/* styles/base.css */
/* ./tokens.css */
:root{--bg:#101315;--surface:#171b1e;--surface2:#1c2125;--input:#13171a;--hover:#272d31;--line:#2b3136;--text:#e8eaec;--muted:#a0a8ae;--accent:#dfb774;--accent-bright:#edc98e;--accent-dim:#dfb7740b;--cyan:#7cd7c2;--cyan-dim:#7cd7c210;--red:#f39591;--on-accent:#161a1d;--sidebar:#121619;--shadow:0 8px 26px #00000018}
:root[data-theme=light]{color-scheme:light;--bg:#f1f2f2;--surface:#fff;--surface2:#f6f7f7;--input:#f7f8f8;--hover:#e6e9e9;--line:#d0d5d6;--text:#1c2429;--muted:#59666e;--accent:#7d521d;--accent-bright:#976628;--accent-dim:#8e672009;--cyan:#176b58;--cyan-dim:#176b5810;--red:#b33032;--on-accent:#fff;--sidebar:#fafbfb}
:root[data-accent=cyan]{--accent:#83d8dc;--accent-bright:#a1e5e8;--accent-dim:#83d8dc09}:root[data-accent=violet]{--accent:#c4a8ef;--accent-bright:#dac2ff;--accent-dim:#c4a8ef09}:root[data-theme=light][data-accent=cyan]{--accent:#176675;--accent-bright:#207d8d}:root[data-theme=light][data-accent=violet]{--accent:#7144a5;--accent-bright:#8654ba}

*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:var(--surface2);color:var(--text);padding:9px 13px;transition:background .16s,border-color .16s,transform .16s;min-height:38px}button:hover:not(:disabled){background:var(--hover);border-color:var(--muted)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{border:1px solid var(--line);border-radius:6px;background:var(--input);color:var(--text);padding:9px 10px;min-height:39px;max-width:100%;min-width:0}input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{width:100%}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;min-height:16px;cursor:pointer}input[type=range]{accent-color:var(--accent);padding:4px 0;width:100%}input[type=color]{width:46px;padding:3px;cursor:pointer}textarea{resize:vertical}select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,pre:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.4px;font-weight:650;line-height:1.15;margin-bottom:10px}h2{font-size:16px;font-weight:600;letter-spacing:-.25px}h3{font-size:14px;font-weight:600}small,.small{font-size:11px}p{margin-bottom:15px}code,kbd,pre{font-family:Consolas,'Courier New',monospace}code{font-size:12px}kbd{display:inline-block;border:1px solid var(--line);border-bottom-width:3px;padding:2px 7px;border-radius:4px;background:var(--surface2);font-size:12px}hr{border:0;border-top:1px solid var(--line);margin:25px 0}summary{cursor:pointer;padding:14px 0;color:var(--accent)}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:500;color:var(--muted);padding:13px;border-bottom:1px solid var(--line)}td{padding:14px 13px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted)}dt{color:var(--accent);font-weight:600;margin-top:16px}dd{margin:5px 0 0;color:var(--muted)}[hidden]{display:none!important}.skip{position:fixed;top:-70px;left:20px;z-index:1000;padding:10px 18px;background:var(--accent);color:#161a1d}.skip:focus{top:10px}.muted,.help{color:var(--muted)}.help{font-size:12px;line-height:1.65}.good-text,.cyan-text{color:var(--cyan)}.danger-text{color:var(--red)}.wide{width:100%}.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650}.primary:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright)}.subtle{background:transparent}.text-button{background:transparent;border:0;color:var(--accent);padding:6px 0;min-height:32px;font-size:12px}.icon{padding:6px;width:38px}.tiny{padding:0 6px;min-height:26px;border:0;background:transparent}.danger-button{background:transparent;color:var(--red);border-color:var(--line)}.dashed{border-style:dashed;background:transparent;color:var(--muted)}.align-end{align-self:end}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.form-row{display:flex;gap:10px;align-items:center}.form-row>.field{flex:1;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);margin-bottom:15px;min-width:0}.field>span{text-wrap:balance}.check-line{display:flex;gap:9px;align-items:center;font-size:13px;margin:14px 0}.pill{display:inline-flex;border:1px solid var(--line);border-radius:5px;padding:5px 9px;font-size:10px;letter-spacing:.3px;white-space:nowrap}.pill.good{color:var(--cyan);background:var(--cyan-dim);border-color:transparent}.pill.danger{color:var(--red)}.counter{font:11px Consolas,monospace;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 7px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:600}.eyebrow span{color:var(--muted);padding:0 7px}.notice{padding:16px 20px;border-left:2px solid var(--accent);background:var(--accent-dim);border-radius:0 6px 6px 0;margin-bottom:22px;color:var(--text);font-size:13px}.notice.warning{border-color:var(--accent)}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty>span{font-size:32px;color:var(--accent);display:block;margin-bottom:12px}.empty p{font-size:13px}.table-wrap{overflow:auto;max-width:100%}.table-wrap td{overflow-wrap:anywhere}.section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 15px}.section-label h2,.section-label h3{margin:0}.section-label>span{font:10px Consolas,monospace;letter-spacing:1px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reduce-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
.batch-bar{flex-wrap:wrap}
.diff-details{width:100%;font-size:11px}.diff-details summary{padding:6px 0}.diff-details pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:11px}
.action-row input[type=number]{flex:0 0 55px;width:55px!important}.action-row input[type=text]{width:145px!important;flex:0 1 145px}.action-row input[type=color]{flex:0 0 38px}.inspector .action-row label{flex:1 1 80px;min-width:60px}.action-row .tiny{flex-shrink:0}

/* styles/components.css */
#app{min-height:100vh;display:grid;grid-template-columns:214px minmax(0,1fr)}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:30px 16px 18px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.brand{display:flex;gap:10px;color:var(--text);align-items:center;margin:0 6px 40px;font-size:13px;font-weight:650;letter-spacing:1.2px;line-height:1.3}.brand:hover{text-decoration:none}.brand img{width:35px;height:40px}.brand b{display:block;color:var(--accent);font-size:12px;letter-spacing:3px;margin-top:4px}.brand i{font-style:normal;font-size:8px;letter-spacing:2px;color:var(--muted);font-weight:400}.nav-label{font-size:9px;letter-spacing:1.7px;color:var(--muted);padding:0 13px;margin-bottom:16px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;color:var(--muted);font-size:12px;border-radius:6px;padding:10px 12px;min-height:41px}.nav-item.active{background:var(--accent-dim);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.nav-item.active:before{content:'';width:2px;background:var(--accent);height:16px;position:absolute;margin-left:-13px}.nav-icon{width:19px;font-size:19px;line-height:1}.nav-item small{margin-left:auto;opacity:.5;font:10px Consolas,monospace}.sidebar-bottom{margin-top:auto;padding:35px 10px 0}.sidebar-bottom p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:13px}.sidebar-bottom>small{display:block;margin-top:18px;font-size:10px;color:var(--muted)}.sidebar-bottom button{font-size:11px}.local-badge{font-size:9px;letter-spacing:1.6px;color:var(--cyan)}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{min-height:76px;border-bottom:1px solid var(--line);padding:16px 30px;display:flex;gap:14px;align-items:center;background:var(--sidebar)}.game-tabs{display:flex;border:1px solid var(--line);border-radius:6px;padding:3px;background:var(--bg);flex-shrink:0}.game-tabs button{border:0;min-height:29px;padding:4px 13px;color:var(--muted);background:transparent;font-size:10px;letter-spacing:.8px}.game-tabs button b{padding-left:3px;font-size:12px}.game-tabs button.active{background:var(--surface2);color:var(--accent);box-shadow:0 1px 5px #0002}.league-label{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center;max-width:200px;overflow-wrap:anywhere}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);flex-shrink:0}.dot.amber{background:var(--accent)}.top-status{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.topbar>.primary,.topbar>.subtle{font-size:11px;min-height:35px}.topbar>.primary span{margin-left:15px}main{padding:32px 30px 40px;flex:1;max-width:2000px;width:100%;margin:0 auto;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.page-heading .eyebrow{margin-bottom:12px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.heading-dot{color:var(--accent)}.heading-actions{display:flex;gap:7px;align-items:center}.heading-actions button{font-size:12px}.heading-actions .icon{font-size:21px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:15px 30px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}footer b{color:var(--cyan);margin-left:7px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0;box-shadow:var(--shadow)}.padded{padding:24px}.padded>h2{margin-bottom:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 18px;border-bottom:1px solid var(--line)}.panel-title h2{font-size:12px;margin:0;font-weight:600}.panel-title>span:not(.counter){color:var(--muted)}.panel-foot{padding:13px 16px;border-top:1px solid var(--line)}.panel-foot button{font-size:11px;min-height:34px}.project-strip{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;background:linear-gradient(110deg,var(--accent-dim),transparent 65%),var(--surface);padding:15px 20px;margin-bottom:21px}.project-symbol{font-size:30px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);background:var(--accent-dim);width:46px;height:46px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.project-strip>div:nth-child(2){flex:1;min-width:0}.project-strip input{background:transparent;border:0;padding:0;min-height:23px;font-size:14px;font-weight:550}.project-strip small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.project-strip small span{padding:0 7px;color:var(--line)}.project-strip button{font-size:11px;min-height:34px}.editor-layout{display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(300px,1.15fr) minmax(230px,.85fr);gap:18px;align-items:start}.rule-panel,.inspector{min-width:0}.rule-tools{display:flex;gap:8px;padding:14px}.rule-tools input{font-size:11px;min-height:35px}.rule-tools select{font-size:10px;max-width:85px;min-height:35px;padding:6px}.batch-bar{display:flex;gap:12px;align-items:center;padding:0 16px 11px;font-size:10px;border-bottom:1px solid var(--line)}.batch-bar label{display:flex;gap:6px;align-items:center;margin-right:auto;color:var(--muted)}.batch-bar .text-button{font-size:10px}.rules{padding:13px;max-height:740px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.rule-card{border:1px solid var(--line);border-radius:6px;background:var(--surface2);margin-bottom:10px;position:relative;transition:border-color .15s;overflow:hidden}.rule-card.selected{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:linear-gradient(110deg,var(--accent-dim),transparent 70%),var(--surface2);box-shadow:inset 2px 0 var(--accent)}.rule-card.disabled-rule{opacity:.55}.rule-card-top{display:flex;align-items:center;gap:8px;padding:10px 12px 0}.rule-card-top>input{width:12px;height:12px;min-height:12px;margin:0}.rule-number{font:10px Consolas,monospace;color:var(--muted)}.mode{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--cyan);background:var(--cyan-dim);border-radius:3px;padding:2px 5px}.mode.hide{color:var(--red);background:#f3959110}.group{font-size:8px;color:var(--muted);margin-left:auto;max-width:80px;text-overflow:ellipsis;overflow:hidden}.toggle{display:flex;position:relative;align-items:center}.toggle input{position:absolute;opacity:0;width:28px;height:20px;z-index:1;cursor:pointer}.toggle span{display:block;width:24px;height:13px;border-radius:8px;background:var(--line)}.toggle span:before{content:'';display:block;width:9px;height:9px;background:var(--muted);border-radius:50%;margin:2px}.toggle input:checked+span{background:color-mix(in srgb,var(--accent) 35%,var(--bg))}.toggle input:checked+span:before{background:var(--accent);transform:translateX(11px)}.toggle input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.rule-open{display:block;text-align:left;width:100%;background:transparent!important;border:0;padding:10px 13px 7px;border-radius:0}.rule-open strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.rule-open small{font-size:10px;color:var(--muted);display:block;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.rule-card-bottom{display:flex;align-items:center;justify-content:space-between;margin:0 12px;padding:5px 0;border-top:1px solid var(--line)}.rule-card-bottom>span{font-size:8px;color:var(--muted)}.rule-card-bottom .tiny{font-size:11px;color:var(--muted);min-height:20px}.inspector-content{padding:18px}.inspector .field{font-size:10px;margin-bottom:12px}.inspector .field input,.inspector .field select{font-size:12px}.inspector .section-label{margin-top:24px;margin-bottom:10px}.inspector .section-label h3{font-size:12px}.inspector .help{font-size:10px}.condition-row{padding:10px;background:var(--input);border:1px solid var(--line);border-radius:6px;margin-bottom:10px}.condition-row>select{background:transparent;border:0;padding:0;font-size:11px;min-height:22px;margin-bottom:8px;color:var(--accent)}.condition-row>div{display:flex;gap:5px}.condition-row>div select{width:60px;font:11px Consolas,monospace;padding:5px;min-height:31px}.condition-row>div input{font-size:10px;min-height:31px;padding:5px 7px;flex:1}.condition-row>div>select:nth-child(2){flex:1;width:auto}.condition-row small{font-size:9px;color:var(--muted);display:block;margin-top:7px;line-height:1.5}.inspector .dashed{font-size:10px;min-height:33px}.palette-row{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 16px}.palette{font-size:9px;display:flex;align-items:center;gap:4px;padding:4px 6px;min-height:28px;background:transparent}.swatch{width:8px;height:8px;display:inline-block;border-radius:50%}.swatch.amber{background:#dfb774}.swatch.cyan{background:#73d4d0}.swatch.violet{background:#b393da}.swatch.white{background:#ddd}.action-row{display:flex;align-items:center;gap:7px;margin-bottom:10px}.action-row label{font-size:10px;color:var(--muted);flex:1;overflow-wrap:anywhere;min-width:0}.action-row input[type=number]{width:55px;padding:5px;font-size:10px;min-height:30px}.action-row input[type=text]{width:145px;font-size:11px;min-height:32px;padding:5px}.action-row input[type=color]{height:30px;min-height:30px;width:38px}.action-row .tiny{color:var(--muted)}.contrast-box{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:9px;margin:15px 0;color:var(--muted)}.contrast-box strong{color:var(--text);padding-left:8px}.inspector .form-row button{font-size:10px;min-height:33px}.inspector-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.inspector-actions button{font-size:10px;padding:6px 9px;min-height:30px}.raw-entry{padding:10px;border:1px solid var(--line);font-size:10px;overflow-wrap:anywhere;margin-top:10px}.raw-entry code,.raw-entry small{display:block}.preview-column{display:flex;flex-direction:column;gap:17px}.live-label{font-size:8px;letter-spacing:1px;color:var(--cyan)!important}.preview-scene{position:relative;background-color:#111719;color:#eee;isolation:isolate;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:20px 14px;padding:30px 18px;background-image:radial-gradient(ellipse at 50% 25%,#b5aa7230,transparent 75%),linear-gradient(35deg,transparent 48%,#ad966610 49%,#ad966610 50%,transparent 51%),linear-gradient(-35deg,transparent 48%,#ad966610 49%,#ad966610 50%,transparent 51%);background-size:auto,120px 70px,120px 70px;box-shadow:inset 0 0 80px #0006}.preview-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent,#05080a80);pointer-events:none}.preview-scene[data-scene=forest]{background-color:#11231b;background-image:radial-gradient(ellipse at 25% 20%,#49694a60,transparent 65%),repeating-linear-gradient(65deg,transparent 0 60px,#38543a20 60px 63px,transparent 63px 130px)}.preview-scene[data-scene=void]{background-color:#181526;background-image:radial-gradient(ellipse at center,#55477950,transparent 65%),radial-gradient(circle,#ae9ae544 1px,transparent 1px);background-size:auto,50px 50px}.preview-scene.mini{min-height:320px;gap:15px 8px;padding:28px 12px}.preview-scene.full{min-height:490px;gap:30px 28px;padding:45px}.loot{border-radius:0;border:1px solid #b3a377;background:#29231c;color:#e5d4b1;padding:3px 9px;min-height:0;font-family:Georgia,'Times New Roman',serif;line-height:1.25;max-width:100%;overflow-wrap:anywhere;box-shadow:0 2px 6px #0008;transition:filter .15s}.loot:hover{filter:brightness(1.2);background:revert-layer}.loot:nth-child(3n){transform:translateY(6px)}.loot:nth-child(4n){transform:translateY(-5px)}.loot.hidden-loot{opacity:.25;border-style:dashed}.loot small{font:8px 'Segoe UI',sans-serif;display:block}.preview-caption{font-size:9px;line-height:1.6;color:var(--muted);padding:10px 15px;border-top:1px solid var(--line)}.health{padding:0 17px 14px}.health .panel-title{padding:15px 0}.health-stat{display:grid;grid-template-columns:26px 1fr;gap:10px 8px;margin:15px 0;font-size:10px;align-items:center;color:var(--muted)}.health-stat b{font-size:19px;font-weight:400;color:var(--cyan)}.health-stat b:nth-of-type(2){color:var(--accent)}.health .small{font-size:10px;line-height:1.7}.activity{padding:0 17px 12px}.activity .panel-title{padding:15px 0}.activity p{font-size:9px;color:var(--muted);display:flex;gap:12px;margin:14px 0 0}.activity time{font-family:Consolas,monospace;color:var(--accent)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric{padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-radius:7px}.metric span{font-size:11px;color:var(--muted)}.metric b{display:block;font-weight:400;font-size:30px;margin-top:7px}.sim-controls{padding:20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.sim-controls .field{margin:0;min-width:100px;flex:1}.sim-controls .check-line{font-size:11px}.trace{list-style:none;padding:0;counter-reset:trace;margin:20px 0}.trace li{border-left:2px solid var(--line);padding:10px 15px;position:relative;margin-left:10px}.trace li:before{content:'';position:absolute;left:-5px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--line)}.trace li.match{border-color:var(--cyan)}.trace li.match:before{background:var(--cyan)}.trace li b{font-size:12px}.trace li>span{float:right;font-size:10px;color:var(--muted)}.trace li small{display:inline-block;margin:8px 9px 0 0;color:var(--muted);font-size:10px}.trace li small:first-of-type{clear:both}.result-banner{display:flex;align-items:center;gap:15px;background:var(--cyan-dim);border:1px solid var(--line);padding:15px;border-radius:7px}.result-banner b{color:var(--cyan);font-size:22px}.result-banner span{font-size:11px}.result-banner.danger b{color:var(--red)}.test-results{list-style:none;padding:0;line-height:2.2;font-size:12px}.issues{list-style:none;padding:0;margin:15px 0}.issues li{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.65;border-bottom:1px solid var(--line);padding:12px 0}.issues li>span{color:var(--accent)}.issues li.error{color:var(--red)}.issues small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.issues li .tiny{margin-left:auto;flex-shrink:0}.inspector .issues li{font-size:10px}.heatmap>div{display:grid;grid-template-columns:20px 1fr 70px 20px;align-items:center;gap:8px;margin-bottom:8px;font-size:10px}.heatmap button{font-size:11px;text-align:left;min-height:30px;padding:6px;overflow-wrap:anywhere;background:transparent;border:0}.heatmap meter{width:100%;height:8px;accent-color:var(--accent)}.heatmap span{color:var(--muted)}.coverage{display:flex;justify-content:space-between;gap:20px;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:9px;color:var(--muted)}.coverage b{color:var(--cyan);font-weight:400}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 32px}.template-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.template-art{height:120px;background:radial-gradient(ellipse at 50% 120%,#dfb77425,transparent 70%),repeating-linear-gradient(45deg,transparent 0 24px,#dfb77408 24px 25px);position:relative;display:grid;place-items:center;border-bottom:1px solid var(--line);overflow:hidden}.template-art:before{content:'';position:absolute;width:80px;height:80px;border:1px solid #dfb77433;transform:rotate(45deg)}.template-art:after{content:'';position:absolute;width:110px;height:110px;border:1px solid #dfb77411;transform:rotate(45deg)}.template-art>span{font:42px Georgia,serif;color:var(--accent);z-index:1}.template-art small{position:absolute;top:12px;right:12px;font-size:8px;color:var(--muted);letter-spacing:2px}.art-1,.art-4{filter:hue-rotate(25deg)}.art-2,.art-5{filter:hue-rotate(140deg)}.template-card>div:last-child{padding:20px}.template-card h3{font-size:17px;margin:7px 0 10px}.template-card p{font-size:11px;color:var(--muted)}.template-card button{font-size:11px}.library-list{display:flex;flex-direction:column;gap:10px}.library-entry{padding:15px;display:flex;gap:15px;align-items:center}.library-entry>div{flex:1;min-width:0}.library-entry h3{margin:0;overflow-wrap:anywhere}.library-entry small{color:var(--muted)}.library-entry button{font-size:11px;flex-shrink:0}.highlight{background:var(--accent-dim)}.sparkline{width:90px;height:32px;color:var(--cyan);display:block}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.diff-row{padding:12px;border:1px solid var(--line);border-radius:5px;display:flex;flex-wrap:wrap;gap:7px 15px;margin-bottom:10px;font-size:12px;overflow-wrap:anywhere}.diff-row del{color:var(--red);text-decoration:none}.diff-row ins{color:var(--cyan);text-decoration:none}.diff-row small{color:var(--muted)}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 25px}.chips code{border:1px solid var(--line);background:var(--surface2);border-radius:4px;padding:5px 7px;font-size:10px;overflow-wrap:anywhere;max-width:100%}.changelog{padding-left:15px;color:var(--muted);font-size:11px;line-height:1.9;overflow-wrap:anywhere}.tutorial{display:flex;gap:35px;align-items:center;padding:35px 40px;margin-bottom:25px;background:radial-gradient(ellipse at 0 100%,var(--accent-dim),transparent 75%),var(--surface)}.tutorial-number{font:100px Georgia,serif;color:var(--accent);opacity:.45}.tutorial h2{font-size:25px;margin:10px 0 15px}.tutorial p{max-width:600px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:10000;background:var(--text);color:var(--bg);padding:12px 22px;border-radius:7px;box-shadow:0 6px 30px #0004;max-width:calc(100% - 32px);font-size:12px;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;width:min(820px,calc(100% - 30px));max-height:90vh;padding:0;box-shadow:0 30px 130px #0008}dialog::backdrop{background:#06090cc9;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}.modal-head h2{margin:0;font-size:19px}.modal-body{padding:25px}.modal-actions{padding:18px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;background:var(--surface);position:sticky;bottom:0}.modal-actions button{font-size:12px}.code-preview{margin:20px 0 0;background:var(--input);border:1px solid var(--line);border-radius:6px;padding:20px;max-height:350px;overflow:auto;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.code-comment{color:var(--muted)}.code-block{color:var(--accent)}.code-line{color:var(--cyan)}.export-checks{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--cyan);margin-bottom:20px}.wizard-intro h3{font-size:25px;margin:12px 0}.wizard-intro p{color:var(--muted);font-size:12px;margin-bottom:25px}
@media(min-width:1700px){.editor-layout{grid-template-columns:minmax(320px,1fr) minmax(380px,1.2fr) minmax(300px,.9fr);gap:25px}.rules{max-height:900px}.preview-scene.mini{min-height:410px}.rule-open strong{font-size:14px}.rule-open small{font-size:12px}.rule-card-top{padding-top:15px}.rule-card{margin-bottom:14px}.rule-card-bottom{padding:7px 0}.inspector-content{padding:25px}.inspector .help{font-size:12px}.inspector .section-label h3{font-size:14px}.condition-row small{font-size:11px}.condition-row>select{font-size:13px}.condition-row>div input{font-size:12px}.action-row label{font-size:12px}.topbar,main{padding-left:40px;padding-right:40px}}
@media(max-width:1240px){#app{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.brand{font-size:11px}.brand img{width:30px}.topbar{padding:15px 20px;gap:10px}.top-status{font-size:9px}.league-label{display:none}main{padding:25px 20px}.editor-layout{grid-template-columns:minmax(250px,1fr) minmax(270px,1fr)}.preview-column{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr 1fr}.preview-scene.mini{min-height:220px;gap:10px;padding:20px 12px}.preview-column .loot{font-size:13px!important}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-entry{flex-wrap:wrap}.library-entry>div{min-width:180px}}
@media(max-width:900px){#app{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:24px 8px}.brand{margin:0 auto 30px}.brand img{width:34px}.brand>span,.nav-label,.nav-item>span:not(.nav-icon),.nav-item small,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:9px}.nav-icon{font-size:22px;text-align:center;width:24px}.nav-item.active:before{margin-left:-50px}.sidebar nav{gap:10px}.page-heading{align-items:flex-start}h1{font-size:29px}.heading-actions .subtle{font-size:10px}.top-status{margin-left:auto}.topbar>.subtle{display:none}.two-col{grid-template-columns:1fr}.preview-column{grid-template-columns:1fr 1fr}.activity{grid-column:1/-1}.metric-grid{gap:10px}.metric{padding:14px}.metric span{font-size:10px}.padded{padding:20px}footer>span:last-child{display:none}.project-strip .pill{font-size:8px}.project-strip{padding:13px;gap:9px}.project-strip>button{font-size:10px;padding:5px}.editor-layout{gap:14px;grid-template-columns:minmax(235px,1fr) minmax(260px,1.1fr)}.page-heading p{font-size:11px}.inspector-content{padding:13px}.rules{padding:10px}.form-grid{gap:10px}.diff-grid{gap:15px}}
@media(max-width:700px){#app{display:block}.sidebar{position:relative;height:auto;padding:15px 14px 10px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.brand{margin:0 0 15px;justify-content:center}.brand>span{display:block;font-size:12px}.brand img{width:30px;height:32px}.brand b{font-size:10px}.sidebar nav{display:flex;flex-direction:row;gap:4px;flex-wrap:wrap;justify-content:center}.nav-item{padding:7px 9px;min-height:34px}.nav-icon{font-size:18px;width:18px}.nav-item>span:not(.nav-icon){display:block;font-size:10px}.nav-item{gap:6px}.nav-item.active:before{display:none}.topbar{min-height:60px;padding:12px 15px;gap:8px}.top-status{display:none}.topbar>.primary{margin-left:auto;font-size:10px;padding:8px 10px}.topbar>.subtle{display:block;font-size:10px;padding:7px;margin-left:auto}.topbar>.primary span{margin-left:8px}.game-tabs button{padding:4px 9px}.game-tabs{flex-shrink:0}.page-heading{flex-wrap:wrap;gap:15px;margin-bottom:20px}.page-heading>div:first-child{width:100%}.heading-actions{margin-left:auto}main{padding:24px 15px 30px}.page-heading h1{font-size:31px}.page-heading .eyebrow{font-size:9px}.project-strip{flex-wrap:wrap}.project-strip>div:nth-child(2){flex-basis:70%}.project-strip .pill{margin-left:55px}.project-strip>button{margin-left:auto}.editor-layout{grid-template-columns:minmax(0,1fr)}.preview-column{grid-column:auto;grid-template-columns:1fr}.activity{grid-column:auto}.rules{max-height:430px}.inspector-content{padding:18px}.rule-open strong{font-size:13px}.rule-open small{font-size:11px}.rule-card-top{padding-top:12px}.rule-card-bottom{padding:7px 0}.rule-card-bottom>span{font-size:9px}.inspector .field{font-size:11px}.inspector .help{font-size:12px}.condition-row>select{font-size:13px}.condition-row>div input{font-size:12px}.condition-row small{font-size:11px}.action-row label{font-size:11px}.preview-scene.mini{min-height:280px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric b{font-size:26px}.sim-controls{gap:15px;padding:16px}.sim-controls .field{flex-basis:40%}.preview-scene.full{padding:30px 15px;gap:25px 15px;min-height:430px}.template-grid{grid-template-columns:1fr}.template-card{display:grid;grid-template-columns:100px 1fr}.template-art{height:100%;border-bottom:0;border-right:1px solid var(--line)}.template-art:before{width:65px;height:65px}.template-art small{top:10px;right:15px}.template-card>div:last-child{padding:16px}.template-card h3{font-size:16px}.template-card .eyebrow{font-size:9px}.template-card button{font-size:10px}.library-entry{gap:9px;padding:12px}.library-entry>div{min-width:190px}.library-entry button{font-size:10px;padding:7px 9px;min-height:32px}.library-entry small{font-size:9px}.diff-grid{grid-template-columns:1fr}.tutorial{padding:25px 20px;gap:20px}.tutorial-number{font-size:60px}.tutorial h2{font-size:22px}.tutorial p{font-size:12px}.tutorial .eyebrow{font-size:8px}.tutorial .toolbar button{font-size:10px;padding:6px 10px}footer{padding:15px;font-size:8px}.padded{padding:18px}.form-grid{grid-template-columns:1fr 1fr}.heatmap>div{grid-template-columns:15px 1fr 50px 20px}.modal-head{padding:15px}.modal-head h2{font-size:16px}.modal-body{padding:18px}.modal-actions{padding:15px;gap:8px}.modal-actions button{font-size:11px}.modal-body .form-grid{grid-template-columns:1fr}.code-preview{font-size:10px;padding:10px}.export-checks{gap:10px;font-size:10px}.wizard-intro h3{font-size:23px}}

/* styles/astra.css */
.astra-shell{display:grid;gap:22px;min-width:0}.astra-commandbar,.astra-section-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}.astra-commandbar{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px}.astra-label{color:var(--accent);font-weight:700;letter-spacing:2px;margin-right:auto}.astra-tabs{display:flex;flex-wrap:wrap;gap:6px}.astra-tabs button{display:flex;gap:8px;align-items:center;padding:11px 14px}.astra-tabs button.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.astra-guide{margin:0;padding:12px 16px;border-left:2px solid var(--accent);color:var(--muted);font-size:13px;line-height:1.7;background:var(--accent-dim)}.astra-hero{position:relative;display:grid;grid-template-columns:1fr 230px;align-items:center;padding:40px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at right, var(--accent-dim),transparent 70%),var(--surface)}.astra-hero h2{font-size:clamp(26px,3vw,42px);line-height:1.15;max-width:650px;margin:20px 0}.astra-hero p{max-width:620px;color:var(--muted);line-height:1.8}.astra-orbit{height:200px;width:200px;border:1px solid var(--line);border-radius:50%;display:grid;place-content:center;position:relative;color:var(--accent);text-align:center}.astra-orbit:before,.astra-orbit:after{content:'';position:absolute;inset:20px;border:1px solid var(--accent);border-radius:50%;opacity:.35}.astra-orbit:after{inset:45px;transform:rotate(45deg);border-radius:16px}.astra-orbit b{font-size:32px}.astra-orbit span{font-size:11px;letter-spacing:3px}.astra-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.astra-metric{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:21px;display:grid;gap:8px;min-width:0}.astra-metric b{font-size:30px;font-weight:550;letter-spacing:-1px;color:var(--accent);overflow-wrap:anywhere}.astra-metric span{font-size:13px;color:var(--muted)}.astra-metric small{color:var(--muted);line-height:1.5}.astra-metrics.compact{margin:16px 0}.astra-metrics.compact .astra-metric{padding:13px}.astra-metrics.compact .astra-metric b{font-size:23px}.astra-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.astra-paths>button{display:grid;text-align:left;gap:10px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.astra-paths>button:hover{border-color:var(--accent);background:var(--surface2)}.astra-paths strong{font-size:18px}.astra-paths small{font-size:13px;color:var(--muted);line-height:1.7}.astra-paths span{color:var(--accent)}.astra-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.astra-shell .panel{min-width:0}.astra-shell h2{margin-top:0}.astra-shell .padded{padding:24px}.astra-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:16px 0}.astra-controls .field{flex:1;min-width:125px}.astra-controls input,.astra-controls select{width:100%;min-width:0}.astra-record{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}.astra-record>span{min-width:0;overflow-wrap:anywhere}.astra-record small{display:block;color:var(--muted);margin-top:6px}.astra-stepper{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.astra-stepper span{margin-right:auto}.astra-checks{list-style:none;padding:0;margin:18px 0;display:grid;gap:12px}.astra-checks li{padding:14px;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:6px;display:grid;gap:8px}.astra-checks .fail{border-left-color:var(--red)}.astra-checks code,.astra-checks small{overflow-wrap:anywhere;white-space:normal}.astra-checks small{color:var(--muted)}.astra-code{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:var(--input);border-radius:6px;font:12px/1.8 Consolas,monospace;max-height:280px;overflow:auto}.astra-trace{list-style:none;padding:0;max-height:600px;overflow:auto;margin:0}.astra-trace li{border-left:2px solid var(--line);padding:10px 12px;margin:4px 0;display:flex;align-items:center;gap:8px}.astra-trace li button{flex:1;text-align:left;min-width:0;overflow-wrap:anywhere}.astra-trace li.current{background:var(--accent-dim);border-color:var(--accent)}.astra-trace li.match{border-color:var(--cyan)}.astra-trace li.not-reached,.astra-trace li.disabled{opacity:.6}.astra-trace small{font-size:11px;max-width:95px}.astra-thresholds{display:flex;flex-wrap:wrap;gap:5px;margin:16px 0}.astra-thresholds button{min-width:38px;padding:8px}.astra-thresholds .hide{background:var(--input);border-color:var(--red)}.astra-thresholds .show{border-color:var(--cyan)}.astra-samples{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.astra-samples button{font-size:12px;padding:8px 10px;max-width:100%;overflow-wrap:anywhere}.astra-gap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.astra-gap-grid>div{padding:18px;border:1px solid var(--line);border-radius:8px}.astra-gap-grid small{display:block;margin:10px 0;color:var(--muted)}.astra-findings{list-style:none;padding:0;display:grid;gap:10px}.astra-findings li{border-bottom:1px solid var(--line);padding:14px 0;display:grid;gap:10px}.astra-findings .error{color:var(--red)}.astra-findings small{color:var(--muted)}.astra-findings button{justify-self:start}.astra-change{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.astra-change summary{cursor:pointer;padding:8px 0;line-height:1.6;overflow-wrap:anywhere}.astra-proposal{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.astra-proposal ul{line-height:1.8;padding-left:20px}.astra-component{border-top:1px solid var(--line);padding:20px 0}.astra-component h3{overflow-wrap:anywhere}.astra-component p{color:var(--muted)}.astra-principles{padding-left:20px;line-height:1.9;color:var(--muted)}.astra-shell .table-wrap{overflow:auto;max-width:100%}.astra-shell table{width:100%;border-collapse:collapse;min-width:430px}.astra-shell td,.astra-shell th{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:13px}.astra-shell th{color:var(--muted);font-weight:500}.astra-shell .pill{white-space:normal}.astra-empty{padding:28px 16px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);line-height:1.8}.astra-export-summary{border:1px solid var(--line);padding:18px;border-radius:8px;margin:18px 0}.astra-entry{margin-bottom:18px}.astra-shell progress{width:100%;accent-color:var(--accent);height:8px}.astra-shell .notice{overflow-wrap:anywhere;line-height:1.7}.astra-shell button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.astra-shell .toolbar{flex-wrap:wrap}
@media(max-width:1150px){.astra-hero{grid-template-columns:1fr;padding:28px}.astra-orbit{display:none}.astra-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.astra-split{grid-template-columns:1fr}}
@media(max-width:600px){.astra-shell{gap:16px}.astra-commandbar{gap:10px}.astra-commandbar>button{flex:1;font-size:11px}.astra-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.astra-tabs button{font-size:12px;padding:10px;min-width:0}.astra-hero{padding:22px}.astra-hero h2{font-size:28px}.astra-paths{grid-template-columns:1fr}.astra-metric{padding:15px}.astra-shell .padded{padding:17px}.astra-metrics.compact .astra-metric{padding:11px}.astra-controls .field{flex-basis:40%;min-width:90px}.astra-record{flex-wrap:wrap}.astra-section-head{align-items:start}.astra-proposal .toolbar>button{flex:1}.astra-metric b{font-size:25px}.astra-trace li{padding:7px}.astra-trace small{font-size:10px}.astra-gap-grid{grid-template-columns:1fr}.astra-shell .toolbar button{white-space:normal}.astra-hero .toolbar button{width:100%}}
.astra-metric strong{font-size:30px;font-weight:550;letter-spacing:-1px;color:var(--accent);overflow-wrap:anywhere}.astra-metrics.compact .astra-metric strong{font-size:23px}.astra-paths>article{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.astra-paths h3{font-size:19px;margin:14px 0}.astra-paths p{color:var(--muted);line-height:1.7;min-height:44px}.astra-checks>div{padding:14px;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:6px;display:grid;gap:8px}.astra-trace-button{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:10px;border:0;background:transparent}.astra-trace-button small{grid-column:2;max-width:none}.astra-findings>article{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:start;flex-wrap:wrap}.astra-findings>article>div{flex:1;min-width:150px}.astra-findings h3{margin:0;font-size:16px}.astra-gap-grid>article{padding:18px;border:1px solid var(--line);border-radius:8px}.astra-thresholds button{display:grid;gap:4px}.astra-thresholds .transition{outline:2px solid var(--accent)}.astra-thresholds .shown{border-color:var(--cyan)}.astra-thresholds .hidden-item{border-color:var(--red)}

/* styles/evolution.css */
.evo-shell{min-width:0}.evo-hero{display:flex;align-items:center;justify-content:space-between;padding:30px 34px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 90% 10%,var(--cyan-dim),transparent 50%),var(--surface);overflow:hidden}.evo-hero h2{font-size:26px;letter-spacing:-.7px;max-width:600px;margin:12px 0}.evo-hero p{color:var(--muted);margin:0}.evo-orbit{font-size:95px;color:var(--cyan);line-height:1;text-shadow:0 0 50px var(--cyan)}.evo-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.evo-tabs button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.evo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.evo-shell .panel{padding:24px;margin-bottom:20px;min-width:0}.evo-shell textarea{font-family:Consolas,monospace;font-size:12px;tab-size:4;line-height:1.6;max-height:700px}.evo-json{white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow:auto;font-size:11px;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:6px}.evo-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:10px 0;flex-wrap:wrap}.evo-row>span{flex:1;min-width:120px;overflow-wrap:anywhere}.evo-proposal{border-color:var(--cyan)!important}.evo-proposal h3{margin-top:12px}.evo-label-scene{min-height:260px;background:radial-gradient(ellipse at center,#35403b,#111619);display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:12px;padding:20px;border-radius:8px}.evo-loot{border:1px solid #66cece;background:#172021;color:#e5ffff;padding:3px 9px;font-size:13px}.evo-loot.tone-1{border-color:#dbbe80;color:#ffe5a3}.evo-loot.tone-2{border-color:#9696b9;color:#d2d2ff}.evo-command-list{display:grid;gap:10px}.evo-shell.compact .panel{padding:15px}.evo-shell.compact .evo-row{padding:5px 0}.conflict-banner{margin:0 0 20px;padding:20px;border:1px solid var(--red);background:var(--surface);border-radius:8px}.conflict-banner button{margin:5px}.evo-shell>.panel{overflow:hidden}@media(max-width:1000px){.evo-grid{grid-template-columns:1fr}.evo-orbit{font-size:60px}}@media(max-width:600px){.evo-hero{padding:20px}.evo-hero h2{font-size:21px}.evo-orbit{display:none}.evo-shell .panel{padding:16px}.evo-tabs button{flex:1 1 42%;font-size:12px}.evo-json{font-size:10px}.evo-row>button{font-size:11px}.evo-hero p{font-size:12px}}

.evo-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:20px 0}.evo-metrics>div{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.evo-metrics strong{display:block;font:30px Consolas,monospace;color:var(--cyan)}.evo-metrics span{font-size:12px;color:var(--muted)}.evo-heatmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:16px 0}.evo-heatmap span{text-align:center;padding:10px 2px;font-size:11px;border:1px solid var(--line)}.evo-heatmap b{display:block}.evo-heatmap .show{background:var(--cyan-dim);color:var(--cyan)}.evo-heatmap .hide{background:var(--surface2);color:var(--muted)}.evo-meter{height:10px;background:var(--surface2);border-radius:5px;overflow:hidden;margin-bottom:18px}.evo-meter span{display:block;height:100%;background:var(--cyan)}

/* styles/studio4.css */
.v4-studio{--v4-accent:#93e7d0}.v4-hero{display:flex;justify-content:space-between;gap:28px;padding:30px 32px;margin-bottom:22px;border:1px solid #405653;border-radius:14px;background:radial-gradient(ellipse at 90% 10%,#294a4144,transparent 60%),var(--panel,#171d21)}.v4-hero h2{font-size:clamp(23px,2.6vw,35px);letter-spacing:-1px;margin:12px 0}.v4-hero>div:last-child{display:grid;align-content:center;text-align:right;gap:8px}.v4-hero b{font-size:38px;color:var(--v4-accent)}.v4-hero span{font-size:12px}.v4-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.v4-tabs button{padding:12px 18px;border:1px solid #40524f;border-radius:8px;background:transparent;color:inherit}.v4-tabs button.active{background:#8de1cc;color:#152522;border-color:#8de1cc}.v4-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 18px}.v4-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.v4-split>section{min-width:0}.v4-wide .v4-split{grid-template-columns:1fr}.v4-studio textarea{width:100%;min-height:80px;resize:vertical;font:13px/1.7 Consolas,monospace;tab-size:4;white-space:pre;overflow:auto}.v4-result{white-space:pre-wrap;overflow-wrap:anywhere;max-height:460px;overflow:auto;font:12px/1.6 Consolas,monospace;background:#0c1117;color:#c9e3dc;padding:16px;border-radius:8px}.v4-scroll{max-height:280px;overflow:auto}.v4-proposal{border:1px solid #cbae67;margin-bottom:20px}.v4-studio details{margin:12px 0}.v4-scene{height:420px;position:relative;overflow:hidden;border-radius:12px;margin:20px 0}.v4-scene span{position:absolute;white-space:nowrap;padding:2px 6px;background:#111c;border:1px solid;font-family:Georgia,serif}.v4-studio button:focus-visible,.v4-studio summary:focus-visible{outline:3px solid #96edd5;outline-offset:3px}.v4-studio label input{max-width:100%}@media(max-width:1100px){.v4-split{grid-template-columns:1fr}.v4-hero{padding:20px}.v4-tabs button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.v4-studio *{transition:none!important}}

/* styles/workflows.css */
.wf-workspace{margin-bottom:24px;min-width:0}.wf-route{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}.wf-workspace .toolbar{flex-wrap:wrap}.wf-workspace .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.wf-workspace table{width:100%;min-width:600px}.wf-workspace td{max-width:320px;overflow-wrap:anywhere}.wf-workspace td input[type=number]{width:84px}.wf-workspace td small{display:block;color:var(--muted);margin-top:6px}.wf-workspace td button{margin:3px}.wf-workspace select{max-width:100%}.wf-detail,.wf-proposal{border:1px solid #537c72;border-radius:10px;padding:20px;margin-top:20px;overflow-wrap:anywhere;background:#14211e}.wf-proposal{border-color:#d4b16d;background:#252119}.wf-code{white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;font-size:12px}.wf-chart{max-width:440px;margin:12px 0;color:#9ce2c7}.wf-chart svg{display:block;width:100%;height:110px}.wf-chart figcaption{font-size:12px;color:#bacac4}.wf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:18px}.wf-cards article{padding:18px;border:1px solid #35443f;border-radius:8px}.wf-cards button{margin:4px}.wf-legacy{margin-top:20px}.wf-legacy>summary{cursor:pointer;padding:12px;border:1px solid #3b454a;border-radius:8px}.wf-workspace form{min-width:0}.wf-workspace .notice{overflow-wrap:anywhere}@media(max-width:600px){.wf-workspace{padding:14px}.wf-workspace .form-grid{grid-template-columns:1fr}.wf-route button{flex:1 1 40%}.wf-detail,.wf-proposal{padding:12px}.wf-cards{grid-template-columns:1fr}}

.sb-studio{border:1px solid #476c62;border-radius:12px;padding:20px;margin:20px 0;background:linear-gradient(135deg,#162421,#191d23)}.sb-studio .wf-route [aria-selected=true]{border-color:#a3ddc8;color:#b3ffe3}.sb-studio .wf-cards{margin-bottom:20px}.sb-check{display:block;margin:16px 0}.sb-studio pre{max-height:260px}.sb-studio h3{margin-top:16px}.sb-studio input[type=checkbox]{width:auto}@media(max-width:600px){.sb-studio{padding:12px}.sb-studio .section-label{flex-wrap:wrap}.sb-studio .wf-route button{flex:1 1 45%}}
.bc-explorer{margin:24px 0 36px;border-top:1px solid var(--line);padding-top:20px}.bc-hero{padding:24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(115deg,rgba(212,173,104,.1),transparent)}.bc-hero h3{font-size:clamp(22px,3vw,34px);max-width:680px;line-height:1.2;margin:12px 0}.bc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin:18px 0}.bc-cards article{padding:20px;border:1px solid var(--line);border-radius:10px;min-width:0}.bc-cards h4{font-size:20px;margin:16px 0 10px}.bc-cards p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.bc-cards a{display:inline-block;margin:12px}.bc-explorer .form-grid{margin:20px 0}.bc-explorer dt{font-weight:600;margin-top:14px}.bc-explorer dd{margin:4px 0;overflow-wrap:anywhere}.bc-explorer textarea{width:100%;max-width:100%}.bc-maintenance{padding:18px;border:1px solid var(--line);border-radius:8px;margin:24px 0}.bc-linker{border:1px solid var(--line);padding:20px;border-radius:10px;margin-bottom:24px}.bc-linker .field{margin:12px 0}.bc-linker article{overflow-wrap:anywhere}
.build-attribution{margin:14px 0}.build-source-url{display:block;overflow-wrap:anywhere;white-space:normal;margin-top:8px}.bc-local-guide{padding:16px;border:1px solid var(--line);border-radius:8px;margin:18px 0}

.original-library{margin:18px 0 30px;padding:20px;border:1px solid var(--line);border-radius:12px;background:rgba(111,218,188,.035)}
.original-evidence small{display:block;overflow-wrap:anywhere}.original-library td{overflow-wrap:anywhere}.original-library .toolbar{flex-wrap:wrap}

.journey-panel{padding:18px;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:rgba(100,210,185,.035)}.journey-panel .toolbar{flex-wrap:wrap}.journey-panel td,.game-facts td{overflow-wrap:anywhere;max-width:440px}.game-facts small{display:block;overflow-wrap:anywhere}.game-item-facts{padding:12px;border:1px solid var(--line);margin:12px 0}.journey-panel pre{max-height:480px;overflow:auto}

.journey-panel{min-width:0;max-width:100%;overflow-wrap:anywhere}.journey-panel .field,.journey-panel .form-grid,.journey-panel details,.journey-panel .table-wrap{min-width:0;max-width:100%}.journey-panel select{width:100%;min-width:0;max-width:100%}.journey-panel .form-grid{grid-template-columns:minmax(0,1fr)}.journey-panel button{white-space:normal;max-width:100%}.journey-panel .table-wrap{overflow:auto}

/* styles/explorer.css */
.vx-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;padding:38px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at 90% 20%,#74552b35,transparent 60%),var(--surface);margin-bottom:30px}.vx-hero h2{font-size:clamp(30px,4vw,54px);line-height:1.1;letter-spacing:-1.5px;margin:20px 0}.vx-hero p{max-width:650px;line-height:1.8;color:var(--muted)}.vx-launches{display:grid;gap:10px;max-width:530px;margin-top:25px}.vx-launches button{text-align:left;padding:17px 22px;font-size:15px}.vx-launches button:first-child{background:var(--accent);color:var(--on-accent)}.vx-hero-art{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border-left:1px solid var(--line);padding:18px}.vx-hero-art small{width:100%;text-align:center;color:var(--muted)}.vx-section{margin:28px 0}.vx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));gap:14px;margin:20px 0}.vx-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0;display:flex;flex-direction:column;transition:border-color .15s}.vx-card:hover{border-color:var(--accent)}.vx-card-open{display:flex;align-items:center;gap:16px;padding:0;background:none;border:0;text-align:left;width:100%;color:var(--text)}.vx-card-copy{display:grid;gap:8px;min-width:0;overflow-wrap:anywhere}.vx-card-copy strong{font-size:18px;font-weight:550;line-height:1.3}.vx-card-copy small,.vx-card-copy>span{color:var(--muted);font-size:11px;line-height:1.5}.vx-unique .vx-card-copy strong{color:#deac70}.vx-card p{color:var(--muted);font-size:12px;line-height:1.65;overflow-wrap:anywhere}.vx-card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding-top:12px;border-top:1px solid var(--line)}.vx-card-bottom button{padding:8px;font-size:11px}.vx-art{display:inline-flex;align-items:center;justify-content:center;width:84px;height:90px;flex:0 0 84px;border-radius:10px;background:radial-gradient(ellipse,#80633922,#080e1211);overflow:hidden}.vx-art img{object-fit:contain;max-width:100%;height:100%;padding:4px;image-rendering:auto}.vx-art svg{width:55px;height:55px}.vx-symbol{color:#80b7ad;border:1px dashed #80b7ad24}.vx-art.large{width:120px;height:140px;flex-basis:120px}.vx-category-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.vx-category-bar button{display:flex;gap:10px;align-items:center}.vx-category-bar small{color:var(--muted);font-size:10px}.vx-category-bar .active{border-color:var(--accent);background:var(--accent-dim)}.vx-search{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end;gap:12px;margin:20px 0}.vx-search .field{min-width:0}.vx-search input,.vx-search select{width:100%;min-width:0}.vx-search input[type=checkbox]{width:auto;height:22px}.vx-detail,.vx-context{padding:24px;border:1px solid var(--line);border-radius:14px;margin:22px 0;background:var(--surface);min-width:0;overflow-wrap:anywhere}.vx-detail-head,.vx-context-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:20px}.vx-detail-head h2{font-size:30px;line-height:1.2;margin:10px 0}.vx-detail-head>button{margin-left:auto}.vx-detail-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.vx-detail-columns>section{min-width:0}.vx-detail h3,.vx-detail h4{margin:22px 0 12px}.vx-detail p,.vx-context p{font-size:13px;line-height:1.75}.vx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin:18px 0}.vx-facts>div{border-bottom:1px solid var(--line);padding:10px 0;min-width:0}.vx-facts dt{font-size:11px;color:var(--muted)}.vx-facts dd{margin:7px 0;font-size:14px;overflow-wrap:anywhere}.vx-tags{display:flex;flex-wrap:wrap;gap:6px}.vx-tags span{padding:4px 9px;border:1px solid var(--line);border-radius:20px;font-size:11px}.vx-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.vx-actions button{white-space:normal}.vx-detail table,.vx-context table,.vx-coverage table{width:100%;border-collapse:collapse;min-width:430px}.vx-detail th,.vx-detail td,.vx-context th,.vx-context td,.vx-coverage th,.vx-coverage td{font-size:12px;text-align:left;padding:12px;border-bottom:1px solid var(--line);max-width:350px;overflow-wrap:anywhere}.vx-detail .table-wrap,.vx-context .table-wrap,.vx-coverage .table-wrap{overflow:auto;max-width:100%}.vx-detail details,.vx-context details{margin-top:14px;min-width:0}.vx-detail summary,.vx-context summary,.vx-coverage summary{cursor:pointer;color:var(--accent);padding:8px 0}.vx-verdict{margin-left:auto;font-size:23px;border:1px solid currentColor;padding:8px 18px;border-radius:6px}.vx-verdict.shown{color:#8dd8b1}.vx-verdict.hidden{color:#e2938f}.vx-coverage{border-top:1px solid var(--line);margin:28px 0;padding-top:18px;font-size:12px;line-height:1.8;color:var(--muted)}.vx-plan{padding:20px;border:1px solid #80b7ad55;border-radius:10px;background:#80b7ad08;margin:24px 0}.vx-planned{display:grid;gap:8px;padding:16px 0;border-top:1px solid var(--line)}.vx-planned button{justify-self:start}.vx-planned small{color:var(--muted)}.vx-mod-text{color:#9cbbdf!important}.vx-mod .vx-art{width:48px;height:54px;flex-basis:48px}.vx-mod .vx-art svg{width:34px}.vx-mod>button{margin-top:8px}.vx-build-art{display:flex;gap:14px;margin-bottom:18px}.wf-market .vx-art{width:48px;height:58px;float:left;margin:0 10px 8px 0}.wf-market .vx-art svg{width:35px}.vx-explorer .toolbar,.vx-crafting .toolbar,.vx-context .toolbar{flex-wrap:wrap}.vx-crafting button,.vx-explorer button{white-space:normal}.vx-context small{color:var(--muted)}
@media(max-width:900px){.vx-hero{grid-template-columns:1fr;padding:25px}.vx-hero-art{display:none}.vx-detail-columns{grid-template-columns:1fr}.vx-detail-head h2{font-size:26px}}
@media(max-width:600px){.vx-detail,.vx-context{padding:15px}.vx-art.large{width:80px;height:95px;flex-basis:80px}.vx-detail-head{gap:14px}.vx-detail-head>div{min-width:0;flex:1}.vx-detail-head>button{margin-left:0}.vx-context-head{gap:12px}.vx-context-head>div{min-width:0;flex:1}.vx-verdict{font-size:17px;margin-left:0}.vx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-actions{grid-template-columns:1fr}.vx-card{padding:15px}.vx-category-bar button{flex:1 1 28%;justify-content:space-between;font-size:12px}.vx-hero h2{font-size:36px}.vx-hero{padding:20px}.vx-plan{padding:13px}}

@media(min-width:900px){.vx-launches{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.vx-launches button{font-size:13px;padding:13px;white-space:normal}.vx-hero{padding:28px}.vx-hero h2{font-size:44px}}

/* styles/premium.css */
/* No fonts or assets from remote services. The visual system uses local resources. */
:root{--bg:#0c1018;--sidebar:#10151f;--surface:#141c28;--surface2:#1c2635;--input:#101722;--hover:#243246;--line:#2a3546;--text:#f0f2f5;--muted:#a9b4c4;--accent:#e6bd7b;--accent-bright:#f4d6a5;--accent-dim:#e6bd7b12;--cyan:#86d8c8;--red:#f4a09e;--shadow:0 12px 32px #0002;--pr-radius:16px;--pr-space:24px;--pr-unique:#dfa476;--pr-gem:#8dd2b5;--pr-currency:#d8bd7c;--pr-essence:#b7a0e7;--pr-rare:#eadb86;--pr-magic:#9cb5ef}
:root[data-theme=light]{--bg:#edf0f5;--sidebar:#fbfcfe;--surface:#fff;--surface2:#f4f6fa;--input:#f8f9fc;--hover:#e8edf5;--line:#ccd4e0;--text:#182335;--muted:#536278;--accent:#79521e;--accent-bright:#956422;--accent-dim:#8b662211;--cyan:#196b59;--red:#a53035;--pr-unique:#895021;--pr-gem:#17654e;--pr-currency:#785c22;--pr-essence:#674196;--pr-rare:#79671d;--pr-magic:#3a5594;--shadow:0 10px 28px #2539570b}
body{font-size:15px;line-height:1.65}h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.5px;font-weight:650}h2{font-size:21px;line-height:1.3}h3{font-size:17px}small,.small{font-size:12px}button{min-height:42px;border-radius:9px;font-size:13px;font-weight:550}input,select,textarea{min-height:44px;border-radius:9px;font-size:14px}.field{font-size:12px;gap:8px}.help{font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.7px}.pr-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.pr-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pr-badge{display:inline-flex;align-items:center;gap:5px;line-height:1.3;padding:5px 8px;font-size:11px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:6px;background:color-mix(in srgb,currentColor 5%,transparent);color:var(--muted)}.pr-badge.rarity-unique{color:var(--pr-unique)}.pr-badge.rarity-rare{color:var(--pr-rare)}.pr-badge.rarity-magic{color:var(--pr-magic)}.pr-badge.rarity-normal{color:var(--text)}.status-local{color:var(--cyan)}.status-local:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.family-currency{--family:var(--pr-currency)}.family-gem,.family-support{--family:var(--pr-gem)}.family-essence,.family-mod{--family:var(--pr-essence)}.family-sword,.family-axe,.family-mace,.family-wand,.family-bow,.family-crossbow,.family-quiver{--family:#b4c5de}.family-armour,.family-helmet,.family-shield,.family-boots,.family-gloves{--family:#8db7d5}.family-ring,.family-amulet,.family-belt{--family:#c6b6dd}.family-fragment,.family-map{--family:#b4b99e}.pr-badge[class*="family-"]{color:var(--family,var(--muted))}
#app{grid-template-columns:224px minmax(0,1fr)}.sidebar{padding:25px 15px;scrollbar-width:thin}.brand{margin-bottom:24px}.sidebar nav{gap:3px}.nav-item{font-size:13px;min-height:42px;padding:10px 12px}.nav-icon{font-size:18px}.pr-nav-section{font-size:10px;font-weight:650;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted);padding:20px 12px 6px}.pr-nav-section:first-child{padding-top:2px}.nav-item.active{background:linear-gradient(90deg,var(--accent-dim),transparent);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.sidebar-bottom{padding-top:25px}.topbar{min-height:72px;padding:14px 32px;background:var(--sidebar);gap:12px}.game-tabs button{font-size:12px;min-height:32px}.game-tabs button.active{background:var(--accent-dim)}.league-label,.top-status{font-size:12px}.page-heading{margin:0 0 24px}.page-heading p{font-size:14px;max-width:750px}.page-heading h1{margin:7px 0 9px}.page-heading .eyebrow{margin-bottom:0}main{padding:30px 32px 60px;max-width:1700px}.panel,.vx-detail,.vx-context{border-radius:var(--pr-radius);box-shadow:var(--shadow)}.panel.padded{padding:26px}.wf-workspace{border:0;background:transparent;padding:0!important;box-shadow:none}.wf-workspace>.section-label{margin:0 0 20px}.wf-workspace>.section-label h2{font-size:19px}.wf-route{display:flex;gap:6px;flex-wrap:wrap;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:8px;margin:18px 0}.wf-route button{border:0;font-size:12px;min-height:36px}.pr-linked-context,.pr-legacy,.pr-selected-context{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:3px 18px;margin:24px 0}.pr-linked-context>summary,.pr-legacy>summary,.pr-selected-context>summary{font-size:14px;font-weight:600;color:var(--muted)}details>summary{list-style-position:inside}details>summary::marker{font-size:11px}details[open]>summary{color:var(--accent)}summary{min-height:44px}summary span{font-weight:400;color:var(--muted);font-size:12px;margin-left:10px}.journey-panel{border:0;background:transparent;box-shadow:none;padding:16px 0;margin:0}.journey-report{max-width:100%}
/* Market: one semantic table, two deliberately different visual presentations. */
body[data-view=economy] .wf-workspace>.section-label{display:none}.pr-market-hero{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:28px 32px;background:radial-gradient(ellipse at 85% 50%,#a1753920,transparent 65%),var(--surface);border:1px solid var(--line);border-radius:18px 18px 0 0}.pr-market-hero h2{font-size:clamp(25px,3vw,38px);letter-spacing:-1px;max-width:580px;line-height:1.15;margin:12px 0}.pr-market-hero p{color:var(--muted);font-size:14px;margin-bottom:16px}.pr-hero-coins{display:flex;align-items:center;gap:0;flex-shrink:0}.pr-hero-coins .pr-art{border:0!important;background:transparent!important;width:84px;height:108px;flex-basis:84px}.pr-hero-coins .pr-art-label{display:none}.pr-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;background:var(--surface);margin-bottom:24px}.pr-metrics>div{padding:19px 24px;display:grid;gap:5px;min-width:0}.pr-metrics>div+div{border-left:1px solid var(--line)}.pr-metrics small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.pr-metrics strong{font-size:23px;font-weight:550;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.pr-metrics>div:last-child strong{font-size:17px;margin-top:5px}.pr-metrics span{font-size:12px;color:var(--muted)}.pr-market-tools{padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.pr-search-primary{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;align-items:end;gap:14px}.pr-search-primary .field{margin:0}.pr-search-primary button{background:var(--accent);color:var(--on-accent);border-color:var(--accent);height:44px}.pr-category-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.pr-category-tabs button,.pr-view-switch button{background:transparent;border-color:transparent;color:var(--muted);font-size:12px}.pr-category-tabs button[aria-pressed=true],.pr-view-switch button[aria-pressed=true]{border-color:var(--line);background:var(--surface2);color:var(--text)}.pr-filters{border-top:1px solid var(--line);margin-top:15px}.pr-filters summary{font-size:13px;color:var(--muted)}.pr-filters .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pr-results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 14px}.pr-results-bar p{font-size:13px;color:var(--muted);margin:0}.pr-view-switch{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px;background:var(--surface)}.pr-view-switch button{min-height:32px;padding:4px 12px}.pr-market-list{min-width:0}.wf-market{font-size:14px;min-width:0!important}.wf-market td{max-width:none!important;min-width:0}.pr-item-identity{min-width:0}.pr-item-copy{min-width:0;overflow-wrap:anywhere}.pr-item-copy>strong{display:block;font-size:18px;line-height:1.3;margin:10px 0 6px;font-weight:600;color:var(--text)}.is-unique .pr-item-copy>strong{color:var(--pr-unique)}.pr-item-copy>span:not(.pr-badges){display:block;font-size:12px;line-height:1.5;color:var(--muted)}.pr-price{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;min-width:0}.pr-price strong{font-size:25px;line-height:1.3;letter-spacing:-.6px;color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.pr-price>span{font-size:12px;color:var(--muted)}.pr-item-price>small{font-size:11px;color:var(--muted);margin-top:6px}.pr-item-provenance{font-size:12px;color:var(--muted);line-height:1.65}.pr-item-provenance small{font-size:11px}.pr-value-label{display:block;font-size:10px;line-height:1.5;color:var(--accent);margin-top:7px}.pr-item-actions{display:flex;gap:8px;flex-wrap:wrap}.pr-item-actions button{flex:1 1 auto;font-size:12px}.pr-item-actions button:first-child{background:var(--surface2);border-color:var(--line);color:var(--text)}.as-cards .wf-market,.as-cards .wf-market tbody{display:block;width:100%}.as-cards .wf-market thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.as-cards .wf-market tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));gap:16px}.as-cards .wf-market tr{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 4px 12px #0001;transition:border-color .15s,transform .15s}.as-cards .wf-market tr:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));transform:translateY(-2px)}.as-cards .wf-market td{display:block;border:0;padding:16px 20px}.as-cards .wf-market .pr-item-identity{padding-top:0;padding-bottom:10px}.as-cards .pr-item-art{display:flex;align-items:center;justify-content:center;height:135px;margin:0 -20px 16px;background:radial-gradient(ellipse at 50% 80%,#739cb61b,transparent 70%),color-mix(in srgb,var(--bg) 50%,var(--surface));border-bottom:1px solid var(--line)}.as-cards .is-unique .pr-item-art{background:radial-gradient(ellipse at 50% 90%,#b77c3e22,transparent 80%),color-mix(in srgb,var(--bg) 50%,var(--surface))}.as-cards .wf-market .pr-art{width:120px;height:120px;float:none;margin:0;border:0;background:transparent}.as-cards .pr-art img{max-height:102px}.as-cards .wf-market .pr-item-price{margin-top:auto;padding-top:10px;padding-bottom:10px}.as-cards .wf-market .pr-item-provenance{padding-top:0;padding-bottom:14px}.as-cards .wf-market .pr-item-actions{display:flex;border-top:1px solid var(--line);padding:12px 16px;background:color-mix(in srgb,var(--surface2) 35%,var(--surface))}.as-table{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.as-table th{padding:15px 18px;background:var(--surface2);white-space:nowrap;font-size:10px}.as-table td{padding:16px}.as-table .pr-item-identity{display:flex;gap:14px;align-items:center;min-width:230px}.as-table .pr-item-copy>strong{font-size:15px}.as-table .pr-price strong{font-size:19px}.as-table .pr-item-actions{display:table-cell;min-width:130px}.as-table .pr-item-actions button{display:block;width:100%;margin:4px 0;font-size:11px}.as-table .pr-art{width:64px;height:74px;flex-basis:64px;float:none!important;margin:0!important}.as-table .pr-art-label{display:none}.pr-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:28px 0}.pr-pagination span{font-size:12px;color:var(--muted)}.pr-market-secondary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.pr-market-secondary>details{border:1px solid var(--line);border-radius:12px;padding:4px 18px;background:var(--surface);min-width:0}.pr-market-secondary>details>summary{font-weight:600;font-size:14px}.pr-market-secondary>details[open]{grid-column:1/-1}.pr-market-detail{scroll-margin-top:20px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:16px;background:var(--surface);padding:24px;margin:20px 0}.pr-detail-title{display:flex;gap:24px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.pr-detail-title>div{flex:1;min-width:180px}.pr-detail-title h3{font-size:24px;margin:12px 0 8px}.pr-detail-title p{font-size:12px;color:var(--muted);margin:0}.pr-detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.pr-detail-actions button:first-child{background:var(--accent);color:var(--on-accent)}.wf-chart{max-width:500px}.pr-market-detail .wf-code{font-size:12px}.pr-empty{padding:55px 25px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:16px}.pr-empty>span{font-size:46px;color:var(--accent)}.pr-empty p{color:var(--muted);font-size:14px}.pr-loading{background:linear-gradient(90deg,var(--surface),var(--surface2),var(--surface));border-radius:10px;padding:12px;color:var(--muted)}
/* Shared, honest image system. */
.pr-art{position:relative;isolation:isolate;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--family,var(--accent)) 10%,transparent),transparent 75%),var(--input);border:1px solid color-mix(in srgb,var(--family,var(--muted)) 18%,transparent);border-radius:12px;flex-shrink:0;color:var(--family,var(--muted));padding:8px 8px 17px;overflow:hidden}.pr-art .pr-art-symbol{display:grid;place-items:center;width:100%;height:100%}.pr-art-symbol svg{width:58px;height:58px;max-width:100%;filter:drop-shadow(0 3px 5px #0003)}.pr-art[data-art=real] .pr-art-symbol{display:none}.pr-art img{width:100%;height:100%;object-fit:contain;padding:0;filter:drop-shadow(0 8px 7px #0004)}.pr-art-label{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1px;color:var(--muted);line-height:1.3}.pr-art.vx-symbol{border-style:solid}.pr-art.large{width:130px;height:145px;flex-basis:130px}.pr-art.large svg{width:68px;height:68px}
/* Explorer, laboratory, and saved objects: distinct information zones. */
.vx-category-bar{padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:7px}.vx-category-bar button{font-size:12px;min-height:43px;border-color:transparent;background:transparent}.vx-category-bar .active{background:var(--surface2);border-color:var(--accent)}.vx-search{background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:12px;gap:14px}.vx-search .field{margin:0}.vx-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}.vx-card{padding:0;border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.vx-card-open{padding:22px 20px;display:flex;flex-direction:column;align-items:stretch;gap:18px}.vx-card-open .pr-art{align-self:center;width:110px;height:120px;flex-basis:120px;background:transparent;border:0}.vx-card-copy strong{font-size:20px;line-height:1.3}.vx-card-copy small{font-size:11px}.vx-card-copy .pr-badges{margin-bottom:4px}.vx-card>p{padding:0 20px;margin-bottom:18px;font-size:13px}.vx-card-bottom{padding:14px 18px;background:color-mix(in srgb,var(--surface2) 30%,var(--surface));font-size:13px}.vx-card-bottom>span{font-weight:550}.vx-unique{border-top:2px solid var(--pr-unique)}.vx-detail{padding:28px;scroll-margin-top:20px}.vx-detail-head{border-bottom:1px solid var(--line);padding-bottom:24px;gap:26px}.vx-detail-head h2{font-size:32px}.vx-detail-columns{gap:32px}.vx-detail-columns>section:last-child{background:var(--input);border:1px solid var(--line);border-radius:12px;padding:20px}.vx-detail-columns>section:last-child>.vx-search{padding:0;border:0;background:none}.vx-actions button{font-size:12px;min-height:44px}.vx-actions button:first-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.vx-facts>div{padding:12px;background:var(--surface2);border:1px solid var(--line);border-radius:9px}.vx-facts dt{margin:0;font-size:11px}.vx-facts dd{color:var(--text);font-size:15px;margin:6px 0 0}.pr-tag,.vx-tags span{display:inline-flex;font-size:11px;padding:5px 9px;border-radius:5px;background:var(--surface2);border:1px solid var(--line);color:var(--muted)}.pr-tag.tone-life{color:#eaa5a2;border-color:#be777433}.pr-tag.tone-fire{color:#edb28b;border-color:#e2915433}.pr-tag.tone-cold{color:#91cde7;border-color:#73c5dd33}.pr-tag.tone-lightning{color:#e2d58e;border-color:#c5b95b33}.pr-tag.tone-chaos{color:#c6a4e8;border-color:#a276cd33}.pr-tag.tone-defence{color:#9cbdd9}.pr-tag.tone-speed{color:#8cd6c6}.pr-tag.tone-critical{color:#dcb3c6}.vx-mod{padding:20px;position:relative;border-top:2px solid var(--pr-essence)}.vx-mod .vx-context-head{gap:14px;align-items:center;margin-bottom:10px}.vx-mod .vx-context-head h3{font-size:19px;margin:6px 0}.vx-mod>p{padding:0}.vx-mod .vx-mod-text{font-size:18px;font-weight:550}.vx-mod>button{width:100%}.vx-mod>button:first-of-type{margin-top:auto;background:var(--surface2)}.vx-plan{background:var(--surface);border-color:color-mix(in srgb,var(--cyan) 35%,var(--line));padding:24px}.vx-planned{grid-template-columns:1fr auto;align-items:center;gap:8px}.vx-planned b,.vx-planned span,.vx-planned small{grid-column:1}.vx-planned button{grid-column:2;grid-row:1/4}.vx-context{border-left:3px solid var(--cyan)}.vx-context-head{padding-bottom:18px;border-bottom:1px solid var(--line)}.vx-context h3{font-size:24px;margin:5px 0}.vx-context table thead,.vx-detail table thead{background:var(--surface2)}.vx-context td,.vx-detail td{font-size:13px}.vx-verdict{border-radius:9px;background:color-mix(in srgb,currentColor 7%,transparent);padding:10px 22px}.vx-context .toolbar{gap:8px}.vx-context>.toolbar button{font-size:12px}.vx-context summary{font-size:14px}.vx-hero{background:radial-gradient(ellipse at 90% 30%,#92713d22,transparent 55%),var(--surface);padding:34px;grid-template-columns:minmax(0,1fr) 260px;border-radius:20px}.vx-hero h2{font-size:clamp(35px,4vw,54px);font-weight:550}.vx-hero-art{border:0;gap:10px}.vx-hero-art .pr-art{height:180px;width:105px;flex-basis:105px;border:0;background:transparent}.vx-hero-art img{max-height:150px}.vx-launches{gap:10px}.vx-launches button{border-radius:10px;border-color:var(--line);background:var(--surface2);padding:16px!important;font-size:13px!important}.vx-section>.section-label h2{font-size:23px}
/* Builds, library and professional workspaces retain their working controls. */
.original-library,.build-studio,.wf-cards>article,.build-card,.original-card{border-radius:16px!important}.original-cards,.wf-cards{gap:18px!important}.original-cards>article,.wf-cards>article{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:16px;min-width:0;box-shadow:var(--shadow)}.original-cards h3,.wf-cards h3{font-size:21px}.vx-build-art{background:radial-gradient(ellipse,#7d664d20,transparent 70%),var(--input);border:1px solid var(--line);border-radius:12px;justify-content:center;padding:18px;margin:0 0 20px}.vx-build-art .pr-art{border:0;background:transparent;width:105px;height:120px;flex-basis:105px}.original-library>h3{font-size:28px;margin:12px 0}.original-library>p{max-width:900px;color:var(--muted);font-size:14px}.original-library #original-count{color:var(--cyan);border-left:2px solid var(--cyan);padding-left:12px}.original-detail,.original-evidence{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}.original-detail>h3{font-size:28px}.build-studio>header,.build-source-controls,.build-tabs{padding:16px!important;border-radius:12px!important}.build-tabs{border:1px solid var(--line);background:var(--surface);gap:6px}.build-tabs button{font-size:12px!important;min-height:40px!important}.build-studio>p{color:var(--muted)}#wf-build-form{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:24px 0}.wf-code{border-radius:10px;border:1px solid var(--line);background:var(--input);padding:16px;line-height:1.6}.wf-proposal{background:var(--surface);border:1px solid var(--accent);border-radius:14px;padding:24px}.wf-proposal>h3{font-size:23px}.astra-hero{border-radius:18px;background:radial-gradient(ellipse at right,#576a9b25,transparent 60%),var(--surface);padding:32px;border:1px solid var(--line)}.astra-hero h2{font-size:38px;line-height:1.15}.astra-tabs,.studio-tabs,.evo-tabs{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;margin-bottom:22px}.astra-tabs button,.studio-tabs button,.evo-tabs button{font-size:13px;min-height:42px}.astra-metrics{gap:16px}.astra-metric{border-radius:12px;background:var(--surface);padding:22px;border:1px solid var(--line)}.astra-metric strong{font-size:32px}.astra-paths article{border-radius:14px;padding:25px;border:1px solid var(--line);background:var(--surface)}.astra-paths h3{font-size:20px}.astra-paths p{font-size:14px}.astra-section-head{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:18px 0}.astra-section-head h2{font-size:24px}.rule-card{border-radius:10px;margin-bottom:12px}.rule-open strong{font-size:14px}.rule-open small{font-size:12px}.rule-tools input,.rule-tools select{font-size:12px}.rule-card-top{padding-top:12px}.rule-card-bottom{min-height:36px}.mode{font-size:10px}.inspector .field,.inspector .help,.inspector .section-label h3{font-size:12px}.condition-row{padding:12px;border-radius:9px}.condition-row>select,.condition-row>div input{font-size:12px}.panel-title h2{font-size:14px}.project-strip{padding:18px 22px;border-radius:12px}.project-strip input{font-size:18px}.project-strip small{font-size:12px}.preview-column .panel{background:var(--surface)}.notice{padding:18px 20px;border-radius:0 10px 10px 0;font-size:13px}.pr-stepbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:-4px 0 22px;padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.pr-stepbar>span{font-size:12px;color:var(--muted);margin-right:auto}.pr-stepbar button{font-size:12px;min-height:36px;background:transparent}.pr-stepbar b{color:var(--accent);margin-right:8px}.pr-compare-fields{border:1px solid var(--line);border-radius:12px;overflow:hidden}.pr-diff-changed{background:var(--accent-dim)}.pr-diff-changed td:first-child{border-left:2px solid var(--accent)}.pr-section-kicker{display:block;font-size:11px;color:var(--accent);letter-spacing:1px;margin-bottom:10px}.pr-library-empty{padding:25px;border:1px dashed var(--line);border-radius:12px;background:var(--surface)}.pr-library-empty p{color:var(--muted)}#vx-library h2{font-size:24px}.pr-library-tools{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:20px 0}.pr-library-tools .field{flex:1;margin:0;min-width:150px}.pr-library-tools button{min-height:44px}
@media(min-width:1450px){.as-cards .wf-market tbody{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){#app{grid-template-columns:192px minmax(0,1fr)}main{padding:26px 22px 50px}.topbar{padding:14px 22px}.pr-hero-coins .pr-art{width:64px;flex-basis:64px}.pr-search-primary{grid-template-columns:minmax(0,1fr) 155px}.pr-search-primary>button{grid-column:1/-1}.pr-filters .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-metrics>div{padding:17px}.pr-metrics strong{font-size:20px}.pr-hero-coins{max-width:200px}.editor-layout{grid-template-columns:1fr 1fr}.preview-column{grid-column:1/-1}.pr-market-hero{padding:25px}}
@media(max-width:800px){#app{display:block}.sidebar{height:auto;position:relative;width:100%;padding:16px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.sidebar .brand{margin:0 0 16px}.sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.nav-item{justify-content:center;flex-direction:column;gap:5px;padding:8px 4px;text-align:center;font-size:11px;min-width:0;white-space:normal}.nav-item.active:before{display:none}.nav-item small,.pr-nav-section,.nav-label,.sidebar-bottom{display:none}.nav-icon{font-size:19px}.topbar{padding:12px 18px;flex-wrap:wrap;gap:9px}.top-status{margin-left:auto}.league-label{order:3;max-width:none;width:100%}main{padding:24px 18px 44px}.page-heading{align-items:start}.heading-actions button{font-size:11px}.page-heading p{font-size:13px}.pr-market-hero{align-items:start}.pr-hero-coins{display:none}.pr-metrics strong{font-size:18px}.pr-metrics>div:last-child strong{font-size:14px}.pr-metrics>div{padding:14px}.pr-metrics span{font-size:11px}.pr-market-secondary{grid-template-columns:1fr}.pr-search-primary{grid-template-columns:1fr 150px}.pr-market-tools{padding:16px}.vx-hero{grid-template-columns:1fr;padding:25px}.vx-hero-art{display:none}.vx-detail-columns{grid-template-columns:1fr}.vx-detail{padding:20px}.vx-detail-head h2{font-size:27px}.as-table .wf-market{min-width:670px!important}.pr-detail-title{gap:15px}.pr-detail-title .pr-price{margin-left:0}.astra-hero h2{font-size:30px}.pr-linked-context{padding:0 14px}.panel.padded{padding:18px}.wf-cards{grid-template-columns:1fr 1fr}.pr-stepbar{gap:8px}}
@media(max-width:480px){body{font-size:14px}.topbar>.primary span{margin-left:4px}.topbar>.primary,.topbar>.subtle{font-size:11px;padding:8px}.top-status{width:100%;order:4;justify-content:flex-end;font-size:11px}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.brand{font-size:12px}.sidebar{padding:14px}.nav-item{font-size:10px;min-height:54px}.nav-icon{font-size:18px}main{padding:22px 14px 40px}.page-heading{display:block}.heading-actions{margin-top:14px}.pr-market-hero{padding:22px 18px}.pr-market-hero h2{font-size:29px}.pr-metrics{grid-template-columns:1fr 1fr}.pr-metrics>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.pr-search-primary{grid-template-columns:1fr}.pr-filters .form-grid{grid-template-columns:1fr}.pr-category-tabs button{flex:1 1 40%;font-size:11px}.pr-results-bar{flex-wrap:wrap}.pr-results-bar p{width:100%}.as-cards .wf-market tbody{grid-template-columns:1fr}.as-cards .pr-item-art{height:145px}.pr-market-secondary summary span,.pr-filters summary span{display:block;margin:4px 0 0}.pr-detail-title>div{min-width:0;flex-basis:calc(100% - 120px)}.pr-detail-title .pr-art{width:90px;height:115px;flex-basis:90px}.pr-detail-title h3{font-size:21px}.pr-market-detail{padding:18px}.pr-detail-actions button{flex:1 1 45%}.pr-hero-coins{display:none}.vx-search{padding:14px}.vx-actions{grid-template-columns:1fr}.vx-detail-columns>section:last-child{padding:15px}.vx-hero{padding:23px}.vx-hero h2{font-size:37px}.vx-launches{grid-template-columns:1fr!important}.vx-card-open{flex-direction:column}.vx-detail-head{gap:16px}.vx-detail-head h2{font-size:25px}.vx-detail-head>.pr-art{width:85px;flex-basis:85px;height:110px}.vx-grid{grid-template-columns:1fr}.vx-planned{grid-template-columns:1fr}.vx-planned button{grid-column:1;grid-row:auto}.vx-context{padding:16px}.vx-context h3{font-size:21px}.vx-context-head .pr-art{width:70px;height:85px;flex-basis:70px}.vx-context .toolbar button{flex:1 1 40%}.wf-cards{grid-template-columns:1fr}.original-cards{grid-template-columns:1fr!important}#wf-build-form{padding:17px}.pr-stepbar>span{width:100%}.pr-stepbar button{flex:1 1 40%}.editor-layout{grid-template-columns:1fr}.preview-column{grid-column:auto}.pr-library-tools .field{min-width:100%}.pr-metrics time{white-space:normal}footer{padding:16px;flex-wrap:wrap}.pr-art-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.as-cards .wf-market tr:hover{transform:none}}
:root[data-theme=light] .pr-tag{color:var(--text)}
body[data-view=economy] .page-heading{margin-bottom:18px}body[data-view=economy] .page-heading h1{font-size:32px}body[data-view=economy] .page-heading .eyebrow{font-size:10px}.pr-market-hero{padding:18px 24px}.pr-market-hero h2{font-size:29px;margin:7px 0 10px}.pr-market-hero p{display:none}.pr-market-hero .pr-hero-coins .pr-art{height:86px;width:70px;flex-basis:70px}.pr-metrics>div{padding:14px 20px}.pr-metrics strong{font-size:21px}.pr-metrics>div:last-child strong{font-size:16px}.pr-search-primary{grid-template-columns:minmax(0,1fr) 150px auto}.pr-search-primary>button{grid-column:auto}.pr-market-tools{padding:16px 20px}.pr-category-tabs{margin-top:12px}.pr-filters{margin-top:10px}.pr-filters summary{padding:9px 0;min-height:35px}.pr-filters:not([open]) summary span{display:none}.pr-market-secondary p{font-size:13px}.pr-sim-case{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:12px;padding:8px 20px;margin:15px 0}.pr-sim-case.hidden-result{border-left-color:var(--red)}.pr-sim-case>summary{display:flex;align-items:center;gap:14px;justify-content:space-between;font-size:17px;color:var(--text)}.pr-sim-case>summary b{font-size:12px;color:var(--cyan)}.pr-sim-case.hidden-result>summary b{color:var(--red)}.pr-sim-case p{color:var(--muted);font-size:13px}.pr-manual-scenario{padding:3px 18px;margin:20px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.pr-machine-trace>summary{font-size:12px;color:var(--muted)}.pr-comparison-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;margin:22px 0}.pr-comparison-summary h3{grid-column:1/-1}.pr-comparison-summary>div{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.pr-comparison-summary span{font-size:12px;color:var(--muted)}.pr-comparison-summary strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.pr-decision{font-size:11px;border-radius:5px;padding:4px 7px;background:var(--surface2);color:var(--muted);white-space:nowrap}.pr-decision.match{color:var(--cyan);background:var(--cyan-dim)}.pr-decision-summary{padding:15px 18px;border-radius:9px;background:var(--input);border:1px solid var(--line)}.pr-library-objects .vx-card{padding:20px;gap:14px}.pr-library-objects .pr-art{align-self:center;margin-bottom:10px;width:110px;height:120px}.pr-library-objects h3{font-size:21px}.pr-library-objects .vx-card p{padding:0;margin:0}.pr-library-objects button{font-size:12px}.pr-filter-art{padding:20px;background:var(--input);border:1px solid var(--line);border-radius:10px;color:var(--cyan);font-size:55px;line-height:1;margin-bottom:20px}.wf-chart svg{max-height:150px}.wf-chart{display:inline-block;width:min(100%,440px);vertical-align:top;margin:12px 20px 12px 0}
@media(max-width:950px){.pr-search-primary{grid-template-columns:1fr 150px}.pr-search-primary>button{grid-column:1/-1}.pr-hero-coins{display:none}}
@media(max-width:480px){.pr-search-primary{grid-template-columns:1fr}.pr-market-hero{padding:20px}.pr-metrics>div{padding:14px}.pr-market-hero h2{font-size:27px}.pr-sim-case>summary{flex-wrap:wrap}.pr-sim-case{padding:8px 15px}}
body[data-view=builds] .wf-workspace>.section-label{display:none}.sb-studio{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 24px!important;box-shadow:none!important}.sb-studio>.section-label{display:none}.sb-studio>.wf-route{margin-top:0}.original-library{background:var(--surface)!important;border:1px solid var(--line)!important;padding:24px!important;border-radius:16px!important}.original-library>h3{font-size:27px;margin:7px 0}.original-library>.eyebrow{font-size:10px}.original-library #original-count{font-size:12px;line-height:1.5;margin:12px 0}.pr-source-note,.pr-build-search{display:inline-block;vertical-align:top;max-width:100%;margin-right:20px}.pr-source-note[open],.pr-build-search[open]{display:block;margin:0}.pr-source-note>summary,.pr-build-search>summary{font-size:12px;min-height:35px;padding:7px 0;color:var(--muted)}.original-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:15px!important}.original-cards>article{display:flex;flex-direction:column;gap:0;padding:20px!important;background:var(--input)!important;border-color:var(--line)!important}.original-cards h4{font-size:23px;line-height:1.25;margin:14px 0 10px}.original-cards .pill{align-self:start;color:var(--accent);font-size:10px}.original-cards p{font-size:13px;color:var(--muted)}.original-cards .vx-build-art{margin:-20px -20px 20px;border-radius:15px 15px 0 0;border:0;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 60% 80%,#b6955425,transparent 65%),var(--surface);padding:20px}.original-cards>article>button{margin-top:8px}.original-cards>article>button:first-of-type{background:var(--surface2)}.pr-build-metrics{display:grid;grid-template-columns:1fr auto;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:5px 0 14px}.pr-build-metrics small{font-size:10px;color:var(--muted);display:block}.pr-build-metrics strong{font-size:16px;font-weight:550;display:block;margin-top:5px}.pr-author{font-size:11px!important}.pr-source-library,.pr-active-build{padding:5px 20px;background:var(--surface);border:1px solid var(--line);border-radius:13px;margin:24px 0}.pr-source-library>summary,.pr-active-build>summary{font-size:14px;font-weight:600}.pr-active-build>.toolbar{align-items:end}.pr-active-build>.toolbar>.field{margin:0}.pr-active-build>.toolbar button{max-height:44px}.pr-active-build #wf-build-form{border:0;padding:0;background:transparent}.sb-studio>h3{margin-top:25px}.sb-studio>.form-grid{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
@media(max-width:650px){.original-cards{grid-template-columns:1fr!important}.original-library{padding:17px!important}.original-library>h3{font-size:24px}.pr-build-metrics{grid-template-columns:1fr 80px}.pr-active-build{padding:5px 14px}.sb-studio>.wf-route button{font-size:11px;flex:1 1 40%}}
.pr-mobile-menu{display:none}.metric-grid{gap:16px}.metric{border-radius:12px;background:var(--surface);border:1px solid var(--line);padding:20px}.metric b{font-size:29px}.metric span{font-size:12px}.preview-scene.full{min-height:420px;background-color:var(--input)}.sim-controls{padding:22px;gap:16px}.preview-caption{font-size:12px;line-height:1.6;padding:15px 20px}.pr-sim-case summary:before{content:'▧';font-size:20px;color:var(--cyan)}.pr-sim-case.hidden-result summary:before{color:var(--red)}.astra-findings article{border-radius:12px;margin:12px 0;padding:20px}.astra-findings h3{font-size:18px}.astra-findings p{font-size:14px}.astra-checks>div{border-radius:10px;padding:15px;gap:7px}.astra-checks b{font-size:14px}.astra-checks span{font-size:13px}.astra-checks .pass{border-left:3px solid var(--cyan)}.astra-checks .fail{border-left:3px solid var(--red)}.astra-code{border-radius:10px;max-height:500px}.astra-proposal .toolbar .primary{min-height:44px}.evo-card,.s4-card,.studio-card{border-radius:14px!important;background:var(--surface)!important}.s4-grid,.evo-grid{gap:18px!important}body[data-view=analysis] .metric-grid{margin-bottom:25px}body[data-view=learn] .panel{padding:24px}body[data-view=settings] .form-grid{gap:20px}.pr-art-label{font-weight:500}
@media(max-width:800px){.sidebar{position:relative;padding:16px}.sidebar .brand{margin:0;min-height:44px;max-width:55%}.pr-mobile-menu{display:block;position:absolute;right:16px;top:17px;font-size:12px;min-height:40px;background:var(--surface2)}.sidebar:not(.pr-menu-open) nav{display:none}.sidebar.pr-menu-open nav{margin-top:16px}.topbar{padding:12px 16px}.page-heading{margin-bottom:20px}.pr-sim-case>summary{font-size:15px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric b{font-size:25px}.preview-scene.full{min-height:350px}.sim-controls{padding:16px;flex-wrap:wrap}.sim-controls .field{min-width:100px}}
@media(min-width:1100px){.vx-crafting{display:grid;grid-template-columns:minmax(0,1fr) 285px;grid-template-areas:"head head" "search search" "info info" "count count" "mods plan" "coverage coverage";gap:0 22px;align-items:start}.vx-crafting>.vx-detail-head{grid-area:head}.vx-crafting>.vx-search{grid-area:search}.vx-crafting>p:not(#vx-craft-count){grid-area:info}.vx-crafting>#vx-craft-count{grid-area:count}.vx-crafting>#vx-craft-plan{grid-area:plan;position:sticky;top:18px;margin-top:20px;padding:18px}.vx-crafting>#vx-mods{grid-area:mods}.vx-crafting>.vx-coverage{grid-area:coverage}.vx-crafting>.notice{grid-column:1/-1}.vx-crafting .vx-plan .toolbar{display:grid;gap:8px}.vx-crafting .vx-plan h3{font-size:20px;margin-top:0}.vx-crafting .vx-plan p{font-size:12px}}
.vx-crafting>.vx-detail-head h2{margin-bottom:5px}.vx-crafting .vx-mod .pr-badge{font-size:11px}.vx-crafting>.vx-search{margin:5px 0 18px}.vx-crafting>.vx-search .field{font-size:11px}.vx-crafting>#vx-craft-count{font-size:12px;color:var(--muted);padding:12px 15px;border:1px solid var(--line);border-radius:9px}.vx-crafting .vx-mod .pr-art{background:transparent;border:0;padding:5px}.vx-crafting .vx-mod .pr-art-label{display:none}.vx-plan .toolbar button:first-child{background:var(--surface2)}
.astra-shell[data-tab=overview]{display:flex;flex-direction:column}.astra-shell[data-tab=overview]>.astra-commandbar{order:0}.astra-shell[data-tab=overview]>.astra-tabs{order:1}.astra-shell[data-tab=overview]>.astra-guide{order:2;margin:0 0 20px}.astra-shell[data-tab=overview]>.astra-metrics{order:3;margin-bottom:20px}.astra-shell[data-tab=overview]>.astra-hero{order:4}.astra-shell[data-tab=overview]>.astra-paths{order:5}.astra-shell[data-tab=overview]>.help{order:6}.astra-shell[data-tab=overview]>.pr-linked-context{order:7}.astra-shell[data-tab=overview]>.astra-proposal{order:2}.astra-commandbar{padding:8px 0 15px;min-height:44px}.astra-guide{font-size:12px!important;padding:12px 16px!important;border-radius:0 8px 8px 0}.astra-metric span{font-size:12px}.astra-metric small{font-size:11px}.astra-hero .astra-orbit{width:150px;height:150px}.astra-hero{padding:26px}.astra-hero h2{font-size:32px}.astra-paths{margin-top:20px}
.vx-crafting>.vx-detail-head{padding-bottom:18px;margin-bottom:15px;gap:20px}.vx-crafting>.vx-detail-head .pr-art{width:80px;height:90px;flex-basis:80px}.vx-crafting>.vx-detail-head .pr-art svg{width:48px;height:48px}.vx-crafting>.vx-detail-head h2{font-size:27px}.vx-crafting>.vx-detail-head p{margin-bottom:0}.pr-badge.affix-prefix{color:var(--cyan);background:var(--cyan-dim)}.pr-badge.affix-suffix{color:var(--pr-essence);background:#b7a0e70c}.pr-explorer-search{display:flex;gap:12px;align-items:end;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.pr-explorer-search>.field{flex:1;margin:0}.pr-explorer-search>button{height:44px}.pr-explorer-search>button:first-of-type{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.pr-explorer-filters{padding:0 16px;margin-bottom:12px;border-bottom:1px solid var(--line)}.pr-explorer-filters>summary{font-size:12px;color:var(--muted);min-height:38px;padding:8px 0}.pr-explorer-filters .vx-search{border:0;padding:0;background:transparent}.vx-category-bar{margin-bottom:15px}.vx-explorer #vx-count{font-size:13px;color:var(--muted);margin:12px 0}
@media(max-width:480px){.pr-explorer-search{flex-wrap:wrap;padding:15px;gap:9px}.pr-explorer-search>.field{min-width:100%}.pr-explorer-search>button{flex:1}.vx-crafting>.vx-detail-head h2{font-size:23px}.vx-crafting>.vx-detail-head .pr-art{width:65px;height:80px;flex-basis:65px}}
.pr-comparison-summary del{font-size:13px;color:var(--muted);text-decoration-thickness:1px}.pr-comparison-summary strong{color:var(--accent)}
:root[data-theme=light] [class*="family-"]{--family:#3d5878}:root[data-theme=light] .family-currency{--family:#785c22}:root[data-theme=light] .family-gem,:root[data-theme=light] .family-support{--family:#17654e}:root[data-theme=light] .family-essence,:root[data-theme=light] .family-mod{--family:#674196}
@media(max-width:480px){.nav-item{font-size:12px}.nav-item>span:last-of-type{overflow-wrap:anywhere}}
@media(min-width:801px){body[data-view=economy] main{padding-top:24px}body[data-view=economy] .page-heading{margin-bottom:16px;min-height:42px}body[data-view=economy] .page-heading .eyebrow,body[data-view=economy] .page-heading p{display:none}body[data-view=economy] .page-heading h1{font-size:27px;margin:0}.pr-market-hero{padding:13px 22px}.pr-market-hero .eyebrow{font-size:10px;line-height:1.2}.pr-market-hero h2{font-size:27px;line-height:1.15;margin:6px 0 10px}.pr-market-hero .pr-hero-coins .pr-art{height:80px}.pr-metrics{margin-bottom:18px}.pr-metrics>div{padding:10px 20px;gap:4px}.pr-metrics strong{font-size:20px;line-height:1.25}.pr-metrics small{font-size:10px;line-height:1.4}.pr-metrics span{font-size:11px;line-height:1.4}.pr-market-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:12px 18px}.pr-search-primary{grid-column:1/-1;gap:12px}.pr-search-primary .field{font-size:11px;gap:5px}.pr-search-primary input,.pr-search-primary select,.pr-search-primary button{height:40px;min-height:40px}.pr-category-tabs{margin-top:9px;gap:4px}.pr-category-tabs button{min-height:34px;padding:6px 10px}.pr-filters{border:0;margin-top:9px}.pr-filters>summary{min-height:34px;padding:7px 0}.pr-filters[open]{grid-column:1/-1;border-top:1px solid var(--line)}.pr-results-bar{margin:15px 0 12px}.as-cards .pr-item-art{height:114px;margin-bottom:14px}.as-cards .wf-market .pr-art{height:108px}.as-cards .pr-art img{max-height:88px}.pr-item-copy>strong{font-size:17px}.as-cards .wf-market .pr-item-price{padding-top:9px}}
#vx-comparison .vx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0}#vx-comparison .vx-facts>div{padding:9px;border:0;background:var(--input)}#vx-comparison .vx-facts dt{font-size:10px}#vx-comparison .vx-facts dd{font-size:13px}#vx-comparison .vx-tags{margin:0;gap:4px}#vx-comparison .pr-tag{font-size:10px;padding:3px 6px}.pr-missing{color:var(--muted);font-size:12px}

/* styles/phase2.css */
/* Phase 2: information hierarchy, functional dossiers and narrow screens. */
:root{--p2-gap:18px;--p2-radius:14px;--p2-soft:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.p2-dossier,.p2-price-compare,.p2-astra-board{padding:24px;border:1px solid var(--line);border-radius:var(--p2-radius);background:var(--surface);margin:0 0 24px;min-width:0}
.p2-dossier-head{display:flex;justify-content:space-between;gap:22px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}
.p2-dossier-head h2{font-size:clamp(24px,3vw,36px);line-height:1.15;margin:12px 0}.p2-dossier-head p{color:var(--muted);font-size:13px}.p2-dossier-art{display:flex;gap:12px}.p2-dossier-art .pr-art{width:90px;height:110px;flex-basis:90px;border:0;background:radial-gradient(ellipse,var(--accent-dim),transparent)}
.p2-stats,.p2-market-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:20px 0}.p2-stats>div,.p2-market-facts>div{padding:16px;background:var(--input);display:flex;flex-direction:column;gap:8px;min-width:0}.p2-stats small,.p2-market-facts small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.p2-stats strong{font-size:18px;overflow-wrap:anywhere}.p2-market-facts b,.p2-market-facts time{font-size:13px;line-height:1.5}.p2-market-facts span{font-size:11px}
.p2-dossier-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px}.p2-dossier-columns h3{font-size:19px;margin:18px 0 12px}.p2-dossier-columns>section{min-width:0}.p2-equipment{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.p2-slot{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--input);min-width:0}.p2-slot>small{display:block;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:10px;margin-bottom:9px}.p2-slot.pending{border-style:dashed;opacity:.8}.p2-slot.pending>strong{font-size:12px;color:var(--muted);font-weight:400}.p2-equipped{display:flex;gap:10px;align-items:center}.p2-equipped .pr-art{width:48px;height:65px;flex-basis:48px;border:0;background:transparent;padding:2px}.p2-equipped .pr-art-label{display:none}.p2-equipped>div{min-width:0}.p2-equipped b,.p2-equipped span{display:block;overflow-wrap:anywhere}.p2-equipped b{font-size:13px}.p2-equipped span{font-size:11px;color:var(--muted)}.p2-equipped .pr-price{margin-top:8px}.p2-equipped .pr-price strong{font-size:16px;color:var(--text)}
.p2-skills{display:grid;gap:10px}.p2-skills article{display:flex;gap:14px;align-items:center;background:var(--input);border:1px solid var(--line);padding:12px;border-radius:12px}.p2-skills .pr-art{width:58px;flex-basis:58px;height:75px;padding:4px}.p2-skills b,.p2-skills span,.p2-skills small{display:block}.p2-skills b{font-size:15px}.p2-skills span,.p2-skills small{font-size:11px;color:var(--muted);margin-top:6px}.p2-timeline{list-style:none;padding:0}.p2-timeline li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.p2-timeline li>small{align-self:start;flex-shrink:0;background:var(--accent-dim);color:var(--accent);border:1px solid var(--line);padding:5px 8px;border-radius:7px;font-size:11px}.p2-timeline b{font-size:13px}.p2-timeline p{font-size:12px;color:var(--muted);margin:7px 0}.p2-missing{border:1px dashed var(--line);padding:16px;border-radius:10px;color:var(--muted);font-size:12px}.p2-pending{background:var(--p2-soft);border:1px solid var(--line);border-radius:12px;padding:4px 18px;margin-top:20px}.p2-pending>summary{font-size:15px;font-weight:600}.p2-pending ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.p2-pending li{padding:12px;background:var(--surface);border-radius:8px;min-width:0}.p2-pending li b{font-size:12px;display:block}.p2-pending li span{font-size:12px;color:var(--muted);display:block;margin-top:6px}.p2-author{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:20px}
.p2-price-pair,.p2-impact-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.p2-price-pair>article{border:1px solid var(--line);border-radius:12px;background:var(--input);padding:18px;display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:center;min-width:0}.p2-price-pair>article>small{grid-column:1/-1;color:var(--accent)}.p2-price-pair h4{font-size:17px;margin:0}.p2-price-pair .pr-art{grid-row:2/5;width:65px;height:100px;flex-basis:65px;border:0;background:transparent}.p2-price-pair time{font-size:11px;color:var(--muted)}.p2-price-delta{padding:14px;border-left:2px solid var(--accent);font-variant-numeric:tabular-nums;background:var(--p2-soft);border-radius:6px;font-size:17px}.p2-added,.p2-applied{padding:14px 18px;border:1px solid var(--cyan);border-radius:10px;margin-bottom:18px;background:var(--cyan-dim);display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.p2-freshness{display:inline-flex;align-items:center;gap:5px;font-size:11px;border:1px solid var(--line);padding:5px 8px;border-radius:7px;width:fit-content}.p2-freshness.recent{color:var(--cyan)}.p2-freshness.aging,.p2-freshness.old{color:var(--accent);background:var(--accent-dim)}.p2-freshness.unknown{color:var(--muted)}.p2-history{padding:3px 14px;background:var(--input);border:1px solid var(--line);border-radius:10px}.p2-history>summary{font-size:13px}.p2-market-facts{margin:20px 0}.pr-detail-actions{flex-wrap:wrap}.pr-detail-title{align-items:center}.pr-detail-title h3{font-size:26px;line-height:1.2}.pr-market-detail .pr-art.large{min-width:100px}.as-table .pr-item-provenance{min-width:150px}.as-table .pr-item-price .pr-price{white-space:nowrap}.pr-price strong{font-variant-numeric:tabular-nums}.as-cards .pr-item-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.as-cards .pr-item-actions button:last-child{grid-column:1/-1;min-height:32px;font-size:11px;background:transparent;color:var(--muted)}
.p2-quick-tags{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.p2-quick-tags button{border:0;background:none;padding:0;min-height:34px}.p2-quick-tags .pr-tag{font-size:12px;padding:7px 12px}.vx-detail-columns>section:first-child{background:var(--input);padding:20px;border-radius:12px;border:1px solid var(--line)}.vx-detail-columns>section:last-child{padding:5px 0}.vx-detail-head .pr-art.large{width:130px;height:150px;flex-basis:130px}.vx-facts dt{line-height:1.5}.vx-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vx-actions button{font-size:12px}.vx-actions button:first-child{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}
.p2-plan-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}.p2-plan-summary>div{display:flex;flex-direction:column;gap:5px}.p2-plan-summary b{font-size:24px;font-weight:600;color:var(--accent)}.p2-plan-summary small{font-size:10px;color:var(--muted)}#p2-plan-diff{padding:12px;background:var(--input);border:1px solid var(--line);border-radius:8px;margin-top:16px}#p2-plan-diff h4{font-size:14px}#p2-plan-diff li{font-size:12px;margin:8px 0}.vx-mod .vx-mod-text{font-size:16px;color:var(--text);padding:10px 0;border-bottom:1px solid var(--line)}
.astra-shell[data-tab=overview]>.p2-astra-board{order:3}.astra-shell[data-tab=overview]>.p2-applied{order:2}.p2-astra-board{background:linear-gradient(115deg,var(--surface),var(--p2-soft))}.p2-astra-board h2{font-size:24px;margin:0}.p2-action-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.p2-action-cards article{display:flex;flex-direction:column;padding:18px;background:var(--input);border:1px solid var(--line);border-radius:12px;min-width:0}.p2-action-cards small{font-size:11px;color:var(--muted)}.p2-action-cards b{font-size:21px;margin-top:9px}.p2-action-cards p{font-size:12px;color:var(--muted);flex:1}.p2-action-cards button{font-size:11px}.p2-impact-preview{margin:18px 0}.p2-impact-preview article{background:var(--input);padding:14px;border-radius:10px;border:1px solid var(--line)}.p2-impact-preview b,.p2-impact-preview span,.p2-impact-preview small{display:block}.p2-impact-preview span{color:var(--accent);margin:8px 0}.p2-impact-preview small{color:var(--muted);font-size:11px}
.wf-cards article,.vx-card,.p2-slot{transition:border-color .16s,box-shadow .16s}.wf-cards article:hover,.vx-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.table-wrap{max-width:100%;overscroll-behavior-x:contain}td,th{font-variant-numeric:tabular-nums}.section-label{gap:12px;flex-wrap:wrap}
@media(max-width:1050px){.p2-dossier-columns{grid-template-columns:1fr}.p2-stats,.p2-market-facts{grid-template-columns:1fr 1fr}.p2-action-cards{grid-template-columns:1fr}.p2-action-cards article{display:grid;grid-template-columns:1fr auto;gap:8px}.p2-action-cards small,.p2-action-cards p{grid-column:1}.p2-action-cards button{grid-column:2;grid-row:1/4;align-self:center}.p2-action-cards b{grid-column:1;margin:0}.p2-action-cards p{margin:0}.p2-price-pair{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.p2-dossier,.p2-price-compare,.p2-astra-board{padding:16px}.p2-dossier-head{flex-direction:column;align-items:start}.p2-dossier-art{align-self:center}.p2-pending ul,.p2-price-pair,.p2-impact-preview{grid-template-columns:1fr}.p2-action-cards article{display:flex}.p2-action-cards button{align-self:stretch}.p2-stats>div,.p2-market-facts>div{padding:12px}.p2-stats strong{font-size:15px}.p2-equipped{flex-direction:column;align-items:start}.p2-slot{padding:10px}.p2-equipment{gap:8px}.p2-pending{padding:4px 12px}.vx-detail-columns>section:first-child{padding:14px}.vx-actions{grid-template-columns:1fr}.pr-detail-title{flex-wrap:wrap}.pr-detail-title h3{font-size:23px}.p2-dossier-art .pr-art{height:90px}}
@media(max-width:380px){main{padding:16px 10px!important}.topbar{padding:10px!important;gap:8px}.topbar>.topbar-actions{flex-wrap:wrap}.page-heading{gap:10px}.page-heading h1{font-size:26px}.pr-market-hero h2{font-size:23px}.pr-search-primary{display:flex;flex-wrap:wrap}.pr-search-primary>.field{min-width:0;width:100%;flex:1 1 100%}.pr-search-primary>button{width:100%}.pr-metrics{grid-template-columns:1fr!important}.form-grid,.astra-controls,.vx-search{grid-template-columns:1fr!important}.field{min-width:0}.p2-equipment{grid-template-columns:1fr 1fr}.p2-stats{grid-template-columns:1fr 1fr}.p2-market-facts{grid-template-columns:1fr}.vx-detail-head{flex-wrap:wrap}.vx-detail-head>div{min-width:0}.wf-route{flex-wrap:wrap}.wf-route button{white-space:normal}.pr-market-tools{padding:12px}.pr-category-tabs{flex-wrap:wrap}.panel.padded{padding:14px}.toolbar{flex-wrap:wrap}.toolbar button{white-space:normal}.metric-grid{gap:8px}.metric{padding:10px}.metric b{font-size:22px}.p2-dossier-head .pr-badge{white-space:normal}.astra-tabs{flex-wrap:wrap}.astra-controls .field{min-width:0}.sim-controls .field{flex:1 1 100%;min-width:0}.p2-stats>div{padding:10px}}
@media(prefers-reduced-motion:reduce){.wf-cards article,.vx-card,.p2-slot{transition:none}}
@media(max-width:600px){.vx-category-bar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;gap:7px;padding:10px;scrollbar-width:thin}.vx-category-bar button{flex:0 0 auto;display:flex;gap:8px;align-items:center;min-height:40px;padding:8px 12px}.vx-category-bar button small{margin:0}}
.p2-skills .pr-art-label{display:none}.p2-skills .pr-art-symbol svg{max-width:44px;max-height:44px}.p2-selected-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.p2-selected-items article{display:flex;gap:12px;align-items:center;padding:12px;background:var(--input);border:1px solid var(--line);border-radius:10px;min-width:0}.p2-selected-items .pr-art{width:55px;height:75px;flex-basis:55px;border:0}.p2-selected-items .pr-art-label{display:none}.p2-selected-items b,.p2-selected-items small,.p2-selected-items time{display:block}.p2-selected-items small,.p2-selected-items time{color:var(--muted);font-size:11px;margin:6px 0}.p2-selected-items b{font-size:14px}.p2-selected-items .pr-price strong{font-size:18px}.p2-selections,.p2-mechanics{border-top:1px solid var(--line);margin-top:20px}.p2-selections>summary,.p2-mechanics>summary{font-size:14px;font-weight:600}.p2-saved-plan{display:flex;gap:18px;padding:18px;background:var(--input);border:1px solid var(--line);border-radius:12px;margin:20px 0}.p2-saved-plan h3{font-size:18px;margin:0}.pr-library-tools{flex-wrap:wrap}.pr-library-tools>.field{flex:1;min-width:150px}

/* styles/integral.css */
.bi-studio{margin-top:24px}.bi-nav{display:flex;gap:7px;flex-wrap:wrap;padding:12px 0;border-block:1px solid var(--line,#30404c);margin-bottom:24px}.bi-nav button[aria-pressed=true]{background:#c8b17e;color:#121923;border-color:#e8c98e}.bi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bi-slot{background:linear-gradient(145deg,#172531,#101923);border:1px solid #314251;border-radius:14px;padding:16px;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:10px}.bi-slot header{display:flex;align-items:center;gap:12px;color:#dbd4c1}.bi-slot header strong{font-size:12px;letter-spacing:.03em}.bi-silhouette{display:inline-flex;width:40px;height:46px;color:#71899d;flex-shrink:0}.bi-silhouette svg{width:100%;height:100%}.bi-slot:not(.occupied){border-style:dashed}.bi-slot p{font-size:12px;color:#94a7b7;margin:0}.bi-slot>button:last-child{margin-top:auto}.bi-slot.occupied{border-color:#9b8150;background:linear-gradient(145deg,#29271f,#14212b)}.bi-equipped{display:grid;gap:8px;min-width:0}.bi-equipped>.pr-art{width:78px;height:78px;justify-self:center}.bi-equipped>b{font-size:14px;color:#ecd4a0}.bi-equipped small{font-size:11px}.bi-equipped .pr-price{font-size:17px}.bi-equipped details{font-size:12px}.bi-slot button{font-size:12px;min-height:36px;padding:7px 9px}.bi-status{padding:12px 16px;border-left:3px solid #91dcc4;background:#162c2c}.bi-secondary.p2-dossier-columns{display:block}.bi-secondary #bi-documentation>.p2-skills,.bi-secondary #bi-documentation>h3:first-child,.bi-secondary #bi-documentation>p:first-of-type{display:none}.bi-secondary #bi-documentation{padding:20px;border:1px solid #30404c;border-radius:14px;margin-top:24px}.bi-secondary .p2-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bi-picker,.bi-review{margin:24px 0;background:#121f2d;border:1px solid #586779;border-radius:16px;padding:24px;scroll-margin-top:25px}.bi-review{border-color:#ba9b5f}.bi-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.bi-results article{min-width:0;background:#192a38;border:1px solid #35495c;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px}.bi-results h4{font-size:17px;color:#f0e0b8;margin:0}.bi-results article>button{margin-top:auto}.bi-properties{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.bi-properties>div{padding:6px 8px;background:#0b1722;border-radius:5px;min-width:54px}.bi-properties dt{font-size:10px;color:#98acbe}.bi-properties dd{margin:2px 0;font-size:13px;color:#e1e9ee;font-variant-numeric:tabular-nums}.bi-before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bi-before-after>div{padding:15px;background:#0e1823;border-radius:10px}.bi-source{display:block;margin:10px 0;color:#a4b6c6;overflow-wrap:anywhere}.bi-picker label,.bi-review label{display:grid;gap:7px;font-size:12px;color:#adc0ce}.bi-gems{margin-top:24px;padding:22px;border:1px solid #35495c;border-radius:14px;background:#14232f;scroll-margin-top:20px}.bi-gem-card{display:flex;align-items:start;gap:18px;padding:18px 0;border-top:1px solid #304859}.bi-gem-card>div{flex:1;min-width:0}.bi-gem-card small{display:block;margin:7px 0;color:#9eb4c4}.bi-skill-fields{display:grid;grid-template-columns:80px 80px minmax(80px,1fr);gap:10px}.bi-skill-fields label{font-size:11px}.bi-skill-fields input{margin-top:5px;min-width:0;width:100%}.bi-gem-card button{margin-top:10px}.bi-complete-action{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.p2-pending{padding:14px!important}.p2-pending:not([open]){background:#17232e!important}.p2-dossier-art{max-width:125px}.p2-dossier-head h2{font-size:clamp(23px,3vw,36px)}.p2-dossier-art .pr-art{width:100px;height:110px}.original-cards .vx-build-art{justify-content:flex-start;min-height:110px}.original-cards .vx-build-art>.pr-art{width:100px;height:100px}.original-cards article{border-top:2px solid #9a8254}.pr-art-label{display:none!important}.pr-art-symbol svg{max-width:100%}.bi-studio [hidden]{display:none!important}.bi-studio button:focus-visible,.bi-studio input:focus-visible,.bi-studio select:focus-visible{outline:3px solid #a8eadb;outline-offset:3px}.bi-studio input,.bi-studio select{max-width:100%}.bi-studio details p{overflow-wrap:anywhere}.bi-studio .pr-badge{white-space:normal}.p2-dossier{overflow-wrap:anywhere}
@media(max-width:1100px){.bi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bi-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.bi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-results,.bi-secondary .p2-timeline{grid-template-columns:1fr}.bi-picker,.bi-review,.bi-gems{padding:14px}.bi-gem-card{gap:10px}.bi-gem-card>.pr-art{width:45px;height:55px}.bi-skill-fields{grid-template-columns:1fr 1fr}.bi-skill-fields label:last-child{grid-column:1/-1}.bi-nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%}.bi-nav button{flex:0 0 auto}.p2-dossier-head{gap:10px}.p2-dossier-art{max-width:75px}.p2-dossier-art .pr-art{width:70px;height:85px}.bi-before-after{grid-template-columns:1fr}}
@media(max-width:390px){.bi-grid{gap:8px}.bi-slot{padding:10px}.bi-slot header{display:block}.bi-slot header strong{display:block}.bi-slot button{padding:8px 4px}.bi-equipped>.pr-art{width:55px;height:60px}.bi-gem-card{flex-direction:column}.bi-gem-card>div{width:100%}}
.p2-dossier:has(.bi-studio){padding:22px}.p2-dossier:has(.bi-studio) .p2-dossier-head{padding-bottom:12px}.p2-dossier:has(.bi-studio) .p2-dossier-head h2{margin:7px 0}.p2-dossier:has(.bi-studio) .p2-dossier-head p{margin:8px 0}.p2-dossier:has(.bi-studio) .p2-stats{margin:14px 0}.p2-dossier:has(.bi-studio) .p2-stats>div{padding:10px 14px}.bi-studio{margin-top:12px}.bi-nav{padding:9px 0;margin-bottom:15px}.bi-studio>.help{font-size:12px}.bi-studio>.section-label{margin-bottom:8px}
@media(max-width:600px){.p2-dossier:has(.bi-studio){padding:12px}.p2-dossier:has(.bi-studio) .p2-dossier-head{flex-direction:row}.p2-dossier:has(.bi-studio) .p2-dossier-head>div:first-child{min-width:0}.p2-dossier:has(.bi-studio) .p2-dossier-art{align-self:flex-start;flex-shrink:0}.p2-dossier:has(.bi-studio) .p2-stats>div{padding:10px}.bi-gems>.section-label{flex-wrap:wrap}}
.bi-item-head{display:flex;align-items:center;gap:10px;min-width:0}.bi-item-head>.pr-art{width:48px;height:60px;flex:0 0 48px}.bi-item-head>div{min-width:0}.bi-item-head b{display:block;font-size:13px;color:#ecd4a0}.bi-item-head small{display:block;margin:5px 0}.bi-item-head .pr-badge{font-size:10px;padding:2px 6px}.bi-item-price time{display:block;font-size:10px;color:#a3b5c4;margin-top:5px}.bi-item-actions{display:flex;gap:6px;flex-wrap:wrap}.bi-item-actions>button{flex:1}.bi-slot{padding:14px}.bi-slot>header{gap:8px}.bi-slot .bi-silhouette{width:32px;height:36px}.bi-grid{align-items:stretch}.bi-slot:not(.occupied){min-height:180px}
@media(max-width:390px){.bi-item-head{flex-direction:column;align-items:start}.bi-slot{padding:9px}.bi-item-actions{flex-direction:column}.bi-item-head>.pr-art{width:44px;height:50px;flex-basis:50px}}
.api-connection{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px 20px;margin:20px 0;background:linear-gradient(120deg,#182d36,#14202c);border:1px solid #355363;border-radius:14px;min-width:0}.api-connection .eyebrow{display:block;font-size:9px;margin-bottom:6px}.api-connection b{font-size:17px;color:#dfede9}.api-connection p{margin:7px 0;font-size:12px;color:#b6ccd3}.api-connection small{font-size:10px;color:#8fa6b3}.api-connection details{grid-column:1/-1;font-size:11px}.api-connection details p{overflow-wrap:anywhere}.api-connection>button{align-self:start;margin-top:8px}.bi-passives,.api-base-evidence{padding:22px;border:1px solid #3e5365;border-radius:14px;margin:22px 0;background:#172733;scroll-margin-top:20px}.bi-passives>label{display:grid;gap:8px;margin:12px 0}.bi-passives .bi-results article{font-size:12px}.api-base-evidence h3{color:#d7bc88}.api-base-evidence p{font-size:13px}.bi-limits{margin:12px 0}.bi-limits summary{font-size:12px;color:#adc2ce}.vx-category-bar{gap:8px}.vx-category-bar button{font-size:12px}
@media(max-width:600px){.api-connection{grid-template-columns:1fr;padding:14px}.api-connection>button{width:100%}.bi-passives,.api-base-evidence{padding:14px}.api-connection b{font-size:15px}}

/* styles/closure.css */
.cg-guide{margin:0 0 26px;padding:24px;border:1px solid #46615c;border-radius:18px;background:linear-gradient(130deg,#172b2d,#17212e)}
.cg-guide>p{color:#b8c8cf;max-width:850px;font-size:13px}.cg-guide h3{margin:4px 0 8px;font-size:23px;line-height:1.3}
.cg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}
.cg-step{position:relative;text-align:left;display:grid;align-content:start;gap:8px;min-height:100px;padding:15px 25px 15px 15px;border:1px solid #42545f;background:#13202c;border-radius:12px;color:#e4eceb;white-space:normal}
.cg-step:hover{border-color:#e7bd78;background:#223138}.cg-step b{font-size:13px;color:#e8c98c}.cg-step small{font-size:11px;color:#b0c5ca;line-height:1.5}.cg-step>span{position:absolute;right:10px;bottom:10px;color:#81cdbd}
.cg-profile{background:#111c28;padding:18px;border-radius:12px;border:1px solid #3d5261;margin:18px 0;scroll-margin-top:20px}.cg-profile>summary{font-size:14px;color:#ecd199;cursor:pointer}.cg-profile[open]>.form-grid{margin-top:18px}
.cg-profile label,.cg-price-filters label{display:grid;gap:7px;font-size:12px;color:#bdcbd3}.cg-profile input,.cg-profile select,.cg-price-filters input,.cg-price-filters select{max-width:100%;min-width:0}
.cg-summary{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.cg-summary>div{padding:18px;border:1px solid #344855;border-radius:12px;background:#14202a;min-width:0}.cg-summary h4{margin:0 0 12px;font-size:15px}.cg-summary p,.cg-summary small,.cg-summary details{font-size:12px;line-height:1.6;color:#adc1c8}.cg-summary .pr-price{margin:12px 0}.cg-requirements{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.cg-requirements>span{display:grid;gap:5px;background:#1e3440;border:1px solid #405863;padding:10px 14px;border-radius:10px;font-size:10px;color:#c1d7d9}.cg-requirements b{font-size:22px;color:#f0d198}.cg-warning{color:#f0cb8a!important}
.cg-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.cg-actions button{white-space:normal}.cg-price-filters{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:12px;margin:16px 0}.cg-price-filters .check-line{display:flex;align-items:center;font-size:12px}.cg-price-filters input[type=checkbox]{width:18px;height:18px;flex:none}
.cg-candidate-price{display:grid;gap:5px;margin:15px 0;padding:12px;border:1px solid #405b59;border-radius:10px;background:#172c2e;font-size:11px}.cg-candidate-price .pr-price{font-size:18px}.cg-candidate-price small{line-height:1.5}
.cg-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;flex-wrap:wrap}.cg-pager span{font-size:12px;color:#b8c8cf}.cg-selected-passives{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.cg-selected-passives>span{display:flex;align-items:center;gap:9px;padding:8px 12px;background:#263b42;border-radius:10px;border:1px solid #56706b;font-size:12px}.cg-selected-passives button{padding:6px 10px;font-size:11px}
.cg-before-after{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.cg-before-after>div{display:grid;gap:10px;border:1px solid #48645b;border-radius:12px;background:#142a2a;padding:18px}.cg-before-after small{color:#a8baba}.cg-before-after b{font-size:15px}.cg-before-after span{color:#8ee1b5;font-size:21px}
.cg-plan-history{margin:22px 0;border:1px solid #3d5261;padding:18px;border-radius:12px}.cg-plan-history summary{cursor:pointer}.cg-plan-history article{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #344855}.cg-plan-history article span{font-size:12px;color:#b2c4cf}
.bi-grid{align-items:start;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.bi-slot{min-height:200px}.bi-slot:not(.occupied){background:linear-gradient(150deg,#172633,#131d29)}.bi-item-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bi-item-actions button{font-size:11px;min-width:0;padding:9px 7px;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:normal}.bi-item-actions button:last-child{grid-column:1/-1}.bi-slot .bi-silhouette{color:#91b9ba}.bi-gem-card .cg-actions{gap:8px}.bi-gem-card .cg-actions button{font-size:11px}
.bi-results article{min-width:0}.bi-results article>button{margin:4px 4px 0 0}.bi-source,.bi-properties dd{overflow-wrap:anywhere}.pr-active-build>summary{font-size:15px;color:#e1c58e}.cg-advanced-profiles{padding:20px;margin:24px 0;border:1px solid #354b58;border-radius:14px}.cg-advanced-profiles>summary{cursor:pointer;color:#c2d4dc}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #e8c58b;outline-offset:4px}html{scroll-padding-top:20px}.bi-picker,.bi-review,.bi-passives,.cg-guide{scroll-margin-top:20px}
@media(max-width:1000px){.cg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-price-filters{grid-template-columns:1fr 1fr}.cg-price-filters .check-line{grid-column:1/-1}}
@media(max-width:600px){.cg-guide{padding:14px}.cg-guide h3{font-size:19px}.cg-step{padding:12px 22px 12px 12px;min-height:105px}.cg-summary,.cg-before-after,.cg-price-filters{grid-template-columns:1fr}.cg-price-filters .check-line{grid-column:auto}.cg-profile{padding:13px}.cg-actions>button{flex:1 1 130px}.cg-pager{justify-content:center}.cg-pager>button{flex:1 1 110px}.bi-grid{grid-template-columns:1fr}.cg-steps small{overflow-wrap:anywhere}.cg-plan-history{padding:12px}.cg-selected-passives>span{max-width:100%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
[data-theme=light] .cg-guide,[data-theme=light] .cg-profile,[data-theme=light] .cg-summary>div,[data-theme=light] .cg-step,[data-theme=light] .cg-before-after>div,[data-theme=light] .cg-candidate-price{background:#edf2ed;color:#1c3434}[data-theme=light] .cg-guide :is(p,small,label,b,h3,h4),[data-theme=light] .cg-step small{color:#284743}
.cg-mods{padding-left:18px;font-size:12px;line-height:1.65}.cg-mods li{margin:8px 0}.cg-mods small,.cg-original-text{display:block;color:#a4b7c1;font-size:11px;margin-top:4px}.cg-summary .cg-warning{padding:8px 0}

/* styles/populated.css */
.pd-discovery-controls,.pd-desk{border:1px solid #354954;border-radius:16px;background:linear-gradient(135deg,#162731,#101a25);padding:22px;margin:20px 0}.pd-discovery-controls h3,.pd-desk h2{margin:5px 0 10px}.pd-discovery-controls p,.pd-desk .section-label p{max-width:800px;font-size:13px;color:#b6c6cd}.pd-discovery-fields,.pd-desk-search{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:16px 0}.pd-discovery-fields label,.pd-desk-search label{display:grid;gap:7px;flex:1 1 150px;min-width:0;font-size:12px;color:#c2d0d6}.pd-discovery-fields input,.pd-desk-search :is(input,select){min-width:0;width:100%}.pd-discovery-fields .pd-check{display:flex;align-items:center;flex:0 1 160px}.pd-check input{width:18px}.pd-discovery-controls>small{font-size:11px;color:#aabcc8;line-height:1.5}
.bi-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.pd-slot-options{margin:12px 0}.pd-options-count{display:block;color:#9fb5bd;margin-bottom:10px;font-size:10px}.pd-option{border:1px solid #314b59;border-radius:12px;padding:12px;background:#101d29;margin:10px 0;min-width:0}.pd-option.pd-unique{border-color:#7c573a;background:linear-gradient(145deg,#2a231e,#14212b)}.pd-option-head{display:flex;align-items:center;gap:12px}.pd-option-head>.pr-art{flex:0 0 60px;width:60px;height:72px}.pd-option-head>div{min-width:0}.pd-option-head b{font-size:13px;color:#f1d7a7;display:block;line-height:1.5}.pd-option-head small,.pd-option-head span{display:block;color:#a8bfca;font-size:10px;line-height:1.5;margin-top:4px}.pd-facts,.pd-tags{display:flex;gap:5px;flex-wrap:wrap;font-size:10px;margin:12px 0}.pd-facts>span,.pd-tags>span{background:#20323f;color:#c8d9df;padding:4px 6px;border-radius:5px}.pd-effect{font-size:11px;line-height:1.6;max-height:70px;overflow:auto;color:#b6b4ed}.pd-price{margin:10px 0;font-size:10px;color:#b6c6cd}.pd-price .pr-price{font-size:18px}.pd-price time,.pd-price small{display:block;margin-top:3px;font-size:10px}.pd-no-price{display:block;margin:10px 0;font-size:10px;color:#b0bdc6}.pd-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pd-card-actions button{flex:1 1 75px;font-size:11px;white-space:normal;word-break:normal;overflow-wrap:normal;padding:8px}.pd-slot-pager,.pd-desk-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.pd-slot-pager button{min-width:44px;min-height:36px}.pd-more-options{margin-top:14px}.pd-more-options summary{font-size:11px;color:#dbc58d;cursor:pointer}.pd-gem-gallery{margin:20px 0}.pd-gem-gallery>.pd-slot-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pd-gem-gallery .pd-options-count,.pd-gem-gallery .pd-slot-pager{grid-column:1/-1}.pd-gem-gallery .pd-option{margin:0}.pd-gem-gallery h4{font-size:16px;margin-top:24px}
.pd-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pd-result{display:flex;align-items:start;gap:14px;background:#111f2a;border:1px solid #324955;border-radius:12px;padding:16px;min-width:0}.pd-result>.pr-art{flex:0 0 58px;width:58px;height:76px}.pd-result>div{min-width:0;flex:1}.pd-result h3{font-size:15px;margin:0 0 5px;color:#e7c994;overflow-wrap:anywhere}.pd-result small{font-size:11px;color:#b1c2cc;line-height:1.5;overflow-wrap:anywhere}.pd-verdict{display:inline-block;font-size:11px;border-radius:6px;padding:5px 8px;background:#163c35;color:#9fe2c3}.pd-verdict.pending{background:#453921;color:#e8cf8d}.pd-verdict.hidden{background:#482a35;color:#f2adb6}.pd-rule{font-size:12px;margin:8px 0;color:#b8cdd3}.pd-desk-pager span{font-size:11px;color:#a9bec8}.pd-craft-gallery{border:1px solid #384d59;border-radius:12px;padding:16px;margin-bottom:25px}.pd-craft-gallery>summary{font-size:16px;color:#e5c58e;cursor:pointer}.pd-base-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.pd-base-grid article{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border:1px solid #354b58;border-radius:10px;background:#14232e;min-width:0;text-align:center}.pd-base-grid .pr-art{width:58px;height:70px}.pd-base-grid b{font-size:12px}.pd-base-grid small,.pd-base-grid span{font-size:10px;color:#b9cbd4}.pd-base-grid button{font-size:11px;white-space:normal}
@media(max-width:1100px){.pd-result-grid,.pd-gem-gallery>.pd-slot-options{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-base-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.pd-discovery-controls,.pd-desk{padding:14px}.bi-grid,.pd-result-grid,.pd-gem-gallery>.pd-slot-options{grid-template-columns:1fr}.pd-result{padding:12px;gap:10px}.pd-discovery-fields button,.pd-desk-search button{flex:1 1 130px}.pd-base-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-desk-pager{flex-wrap:wrap}.pd-desk-pager span{order:-1;width:100%;text-align:center}}
[data-theme=light] :is(.pd-desk,.pd-discovery-controls,.pd-option,.pd-result,.pd-base-grid article){background:#eaf0ee;color:#243d43}[data-theme=light] :is(.pd-desk,.pd-discovery-controls,.pd-option,.pd-result,.pd-base-grid) :is(h2,h3,b,small,p,span,label){color:#28454d}
.pd-contextbar{display:flex;align-items:center;gap:18px;border:1px solid #3b505c;border-radius:12px;padding:18px;margin:18px 0;background:#14232d}.pd-contextbar>.pr-art{flex:0 0 55px;width:55px;height:70px}.pd-contextbar>div{min-width:0;flex:1}.pd-contextbar h2{font-size:16px;margin:5px 0}.pd-contextbar p,.pd-contextbar code{font-size:12px;color:#b8cbd2;line-height:1.6;overflow-wrap:anywhere}.pd-contextbar>.pd-card-actions{flex:0 1 250px;margin:0}.pd-contextbar button{white-space:normal}@media(max-width:600px){.pd-contextbar{flex-wrap:wrap;padding:12px}.pd-contextbar>.pd-card-actions{flex:1 1 100%}.pd-contextbar>div{flex-basis:150px}}

/* styles/platform.css */
/* Platform layer: product home and shared premium surfaces. */
:root{--hub-gold:#e3bb72;--hub-gold-soft:#e3bb7222;--hub-panel:#151a1e;--hub-panel2:#1a2025;--hub-edge:#2a3238;--hub-glow:0 18px 50px #0000004d;--hub-r:18px}
:root[data-theme=light]{--hub-gold:#8a5c1f;--hub-gold-soft:#8a5c1f18;--hub-panel:#fff;--hub-panel2:#f6f7f7;--hub-edge:#d6dbdc;--hub-glow:0 12px 32px #1a24291a}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body[data-view=home] .page-heading{display:none}
.hub{display:grid;gap:34px;padding-bottom:12px}

/* Hero */
.hub-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:24px;padding:40px 40px 28px;border:1px solid var(--hub-edge);border-radius:24px;background:radial-gradient(120% 140% at 100% 0%,#3a2b1455 0%,transparent 55%),radial-gradient(80% 120% at 0% 100%,#11403a3d 0%,transparent 60%),linear-gradient(160deg,var(--hub-panel2),var(--hub-panel));box-shadow:var(--hub-glow);overflow:hidden}
.hub-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 46px,#ffffff05 46px 47px);pointer-events:none}
.hub-hero-copy{position:relative;z-index:1}
.hub-hero .eyebrow{color:var(--hub-gold);letter-spacing:2.2px;font-size:11px;font-weight:700}
.hub-hero h2{font-size:clamp(30px,3.6vw,50px);line-height:1.04;letter-spacing:-1.8px;font-weight:700;margin:12px 0 14px}
.hub-hero-copy>p{color:var(--muted);font-size:15.5px;max-width:640px;margin-bottom:22px}
.hub-search{display:flex;gap:8px;max-width:680px}
.hub-search input{min-height:50px;font-size:15px;border-radius:12px;padding:0 16px;background:#0c0f12cc;border-color:var(--hub-edge)}
:root[data-theme=light] .hub-search input{background:#fff}
.hub-search button{min-height:50px;padding:0 22px;border-radius:12px;font-weight:650}
.hub-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.hub-chip{min-height:30px;padding:4px 12px;border-radius:999px;font-size:12.5px;background:transparent}
.hub-hero-art{position:relative;min-height:240px;z-index:0}
.hub-float{position:absolute;filter:drop-shadow(0 14px 22px #000a);animation:hub-bob 7s ease-in-out infinite}
.hub-float .vx-art{background:none;width:110px;height:130px;flex-basis:110px;border:0;box-shadow:none;outline:0}
.hub-float.f0{left:34%;top:4%;transform:scale(1.25)}.hub-float.f1{left:2%;top:34%;animation-delay:-2s}.hub-float.f2{right:0;top:30%;animation-delay:-4s}.hub-float.f3{left:22%;bottom:-6%;animation-delay:-1s;opacity:.8}.hub-float.f4{right:18%;bottom:-10%;animation-delay:-3s;opacity:.7}
@keyframes hub-bob{50%{translate:0 -8px}}
.hub-facts{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:10px 0 0;border:1px solid var(--hub-edge);border-radius:14px;overflow:hidden;background:var(--hub-edge)}
.hub-facts div{background:var(--hub-panel);padding:12px 16px;min-width:0}
.hub-facts dt{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}
.hub-facts dd{margin:2px 0 0;font-weight:650;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-facts small{display:block;font-weight:400;font-size:12px;color:var(--muted);white-space:normal}

/* Action tiles */
.hub-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hub-tile-hit{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 14px;width:100%;height:100%;text-align:left;padding:20px;border-radius:var(--hub-r);border:1px solid var(--hub-edge);background:linear-gradient(150deg,var(--hub-panel2),var(--hub-panel));transition:transform .18s,border-color .18s,box-shadow .18s}
.hub-tile-hit:hover:not(:disabled){transform:translateY(-3px);border-color:var(--tile,var(--hub-gold));box-shadow:0 14px 36px #0005;background:linear-gradient(150deg,var(--hub-panel2),var(--hub-panel))}
.hub-tile-icon{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--tile,var(--hub-gold)) 16%,transparent);color:var(--tile,var(--hub-gold))}
.hub-tile-icon svg{width:24px;height:24px}
.hub-tile-copy strong{display:block;font-size:17px;letter-spacing:-.3px}
.hub-tile-copy span{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-top:2px}
.hub-tile-art{grid-row:1/3;grid-column:3;display:flex;align-items:center}
.hub-tile-art .vx-art{width:42px;height:48px;flex-basis:42px;background:none;margin-left:-8px}
.hub-tile-art .vx-art svg{width:26px;height:26px}
.hub-tile-meta{grid-column:2/4;margin-top:10px;padding-top:10px;border-top:1px dashed var(--hub-edge);color:var(--tile,var(--hub-gold));font-size:12px;font-weight:600}
.hub-tile-go{position:absolute;right:16px;bottom:12px;color:var(--muted);transition:translate .18s}
.hub-tile-hit:hover .hub-tile-go{translate:4px 0;color:var(--tile,var(--hub-gold))}
.hub-explore{--tile:#e3bb72}.hub-filter{--tile:#7cd7c2}.hub-analyze{--tile:#c4a8ef}.hub-builds{--tile:#8dd2b5}.hub-market{--tile:#eadb86}.hub-craft{--tile:#f0a37b}
:root[data-theme=light] .hub-explore{--tile:#8a5c1f}:root[data-theme=light] .hub-filter{--tile:#176b58}:root[data-theme=light] .hub-analyze{--tile:#6b3fa0}:root[data-theme=light] .hub-builds{--tile:#1d6d52}:root[data-theme=light] .hub-market{--tile:#7a6512}:root[data-theme=light] .hub-craft{--tile:#a2491f}

/* Rails */
.hub-rail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}
.hub-rail-head h2{font-size:22px;letter-spacing:-.6px;margin:0 0 2px}
.hub-rail-head p{color:var(--muted);margin:0;font-size:13.5px}
.hub-rail-head button{white-space:nowrap}
.hub-rail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hub-card{display:flex;flex-direction:column;border:1px solid var(--hub-edge);border-radius:14px;background:var(--hub-panel);overflow:hidden;transition:border-color .16s,transform .16s}
.hub-card:hover{border-color:color-mix(in srgb,var(--family,var(--hub-gold)) 70%,var(--hub-edge));transform:translateY(-2px)}
.hub-card.is-unique{border-top:2px solid var(--pr-unique,#dfa476)}
.hub-card-hit{flex:1;display:flex;gap:12px;align-items:flex-start;text-align:left;border:0;border-radius:0;background:transparent;padding:14px;min-height:118px}
.hub-card-hit:hover:not(:disabled){background:var(--hub-gold-soft)}
.hub-card .vx-art{width:64px;height:72px;flex:0 0 64px;border-radius:10px;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--family,#806339) 22%,transparent),transparent 70%)}
.hub-card-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.hub-card-copy strong{font-size:14.5px;line-height:1.25}
.hub-card.is-unique .hub-card-copy strong{color:var(--pr-unique,#dfa476)}
.hub-card-copy small{color:var(--muted);font-size:12px}
.hub-sub{font-size:12px;color:var(--muted)}
.hub-mods{display:grid;gap:2px;margin-top:6px}
.hub-mods span{font-size:12px;color:#9cb5ef;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:root[data-theme=light] .hub-mods span{color:#2f4f8f}
.hub-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.hub-tags .pr-tag{font-size:11px;padding:1px 7px}
.hub-card footer{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-top:1px solid var(--hub-edge);font-size:12.5px;background:var(--hub-panel2)}
.hub-price b{font-size:15px;color:var(--pr-currency,#d8bd7c);font-variant-numeric:tabular-nums}
.hub-noprice{color:var(--muted)}

/* Tool map */
.hub-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hub-map-group{display:grid;gap:6px;align-content:start;padding:16px;border:1px solid var(--hub-edge);border-radius:var(--hub-r);background:var(--hub-panel)}
.hub-map-group h3{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--hub-gold);margin:0 0 4px}
.hub-map-item{display:block;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:9px;min-height:0}
.hub-map-item strong{display:block;font-size:13.5px}
.hub-map-item span{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.hub-legal{color:var(--muted);font-size:11.5px;max-width:900px;margin:0}

/* Crafting pool */
.cp-pool{margin:18px 0;padding:22px;border:1px solid var(--hub-edge);border-radius:var(--hub-r);background:linear-gradient(160deg,var(--hub-panel2),var(--hub-panel))}
.cp-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}
.cp-head h3{font-size:20px;letter-spacing:-.4px;margin:4px 0}
.cp-head p{color:var(--muted);margin:0}
.cp-kpis{display:flex;gap:8px;margin:0}
.cp-kpis div{min-width:84px;padding:10px 12px;border:1px solid var(--hub-edge);border-radius:12px;background:var(--hub-panel);text-align:center}
.cp-kpis dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.cp-kpis dd{margin:0;font-size:22px;font-weight:700}
.cp-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cp-col h4{display:flex;flex-direction:column;font-size:15px;margin:0 0 8px;padding-left:10px;border-left:3px solid var(--gen,#9cb5ef)}
.cp-col h4 small{font-weight:400;color:var(--muted);font-size:12px}
.cp-prefix{--gen:#e3bb72}.cp-suffix{--gen:#7cd7c2}
.cp-group{border:1px solid var(--hub-edge);border-radius:10px;background:var(--hub-panel);margin-bottom:6px}
.cp-group summary{display:flex;align-items:center;gap:12px;padding:9px 12px;cursor:pointer;list-style:none}
.cp-group summary::-webkit-details-marker{display:none}
.cp-group[open] summary{border-bottom:1px solid var(--hub-edge)}
.cp-group.is-locked{opacity:.55}
.cp-name{flex:1;min-width:0;display:flex;flex-direction:column}
.cp-name b{font-size:13.5px;font-weight:600}
.cp-name small{color:var(--muted);font-size:11.5px}
.cp-share{display:flex;align-items:center;gap:8px;min-width:120px;justify-content:flex-end}
.cp-share b{font-variant-numeric:tabular-nums;font-size:12.5px;min-width:52px;text-align:right}
.cp-bar{width:64px;height:6px;border-radius:9px;background:var(--hub-edge);overflow:hidden}
.cp-bar i{display:block;height:100%;background:var(--gen,#9cb5ef);border-radius:9px}
.cp-tiers{width:100%;border-collapse:collapse;font-size:12.5px}
.cp-tiers th{text-align:left;font-weight:600;color:var(--muted);padding:6px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.6px}
.cp-tiers td{padding:6px 10px;border-top:1px solid var(--hub-edge);font-variant-numeric:tabular-nums}
.cp-tiers tr.is-off td{opacity:.45}
.cp-tiers button{min-height:28px;padding:3px 10px;font-size:12px;white-space:nowrap}
.cp-formula{margin:14px 0 0;color:var(--muted);font-size:12.5px}
.cp-weight{color:var(--pr-currency,#d8bd7c)}
@media(min-width:1100px){.vx-crafting{grid-template-areas:"gallery gallery" "head head" "search search" "info info" "evidence evidence" "count count" "pool pool" "mods plan" "pager pager" "coverage coverage"}.vx-crafting>.pd-craft-gallery{grid-area:gallery}.vx-crafting>.api-base-evidence{grid-area:evidence}.vx-crafting>.cp-pool{grid-area:pool}}
.cp-group{overflow-x:auto}
.cp-tiers td:nth-child(-n+4){white-space:nowrap}
.cp-tiers th{white-space:nowrap}
@media(max-width:1200px){.cp-cols{grid-template-columns:1fr}}
@media(max-width:900px){.cp-head{flex-direction:column}}
@media(max-width:650px){.cp-pool{padding:16px}.cp-tiers{display:block;overflow-x:auto}}

/* Builds: entry gallery and coverage */
.bc-entry{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;padding:28px;margin:18px 0;border:1px solid var(--hub-edge);border-radius:22px;background:radial-gradient(90% 120% at 100% 0%,#1d4a3f40,transparent 60%),linear-gradient(160deg,var(--hub-panel2),var(--hub-panel));box-shadow:var(--hub-glow)}
.bc-entry h3{font-size:26px;letter-spacing:-.8px;margin:8px 0}
.bc-entry p{color:var(--muted)}
.bc-entry .eyebrow{color:#8dd2b5;letter-spacing:2px;font-size:11px;font-weight:700}
.bc-entry .toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bc-entry .primary{min-height:46px;padding:0 20px;font-weight:650}
.bc-link{font-weight:600}
.bc-entry+.cg-guide{display:none}
.bc-doll{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bc-slot{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:10px 8px;border:1px solid var(--hub-edge);border-radius:12px;background:#0b0f1266;min-width:0}
:root[data-theme=light] .bc-slot{background:#fff}
.bc-slot small{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.bc-slot .vx-art{width:56px;height:62px;flex-basis:auto;background:none}
.bc-slot b{font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
.bc-slot span{font-size:11px;color:#8dd2b5}
.bc-slot.is-gem{border-style:dashed}
.bc-coverage{margin:14px 0;padding:14px;border:1px solid var(--hub-edge);border-radius:12px;background:var(--hub-panel)}
.bc-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.bc-head b{font-size:20px;color:var(--text);letter-spacing:0}
.bc-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:8px 0 10px}
.bc-dim{height:6px;border-radius:9px;background:var(--hub-edge);overflow:hidden}
.bc-dim i{display:block;height:100%;background:#e3bb72}
.bc-dim.is-done i{background:#7cd7c2}
.bc-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;font-size:12px}
.bc-list li{display:flex;gap:6px;min-width:0}
.bc-list li:before{content:"○";color:var(--muted)}
.bc-list li.is-part:before{content:"◐";color:#e3bb72}
.bc-list li.is-done:before{content:"●";color:#7cd7c2}
.bc-list b{font-weight:600}
.bc-list span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.original-cards .vx-build-art .vx-art{width:110px;height:120px;flex-basis:110px}
@media(max-width:1000px){.bc-entry{grid-template-columns:1fr}}
@media(max-width:650px){.bc-entry{padding:18px}.bc-doll{grid-template-columns:repeat(3,minmax(0,1fr))}.bc-list{grid-template-columns:1fr}}

/* Smart build import (Builds → Importar y analizar) */
.sb-pob{display:grid;gap:18px;margin:18px 0;padding:24px;border:1px solid var(--hub-edge);border-radius:20px;background:linear-gradient(160deg,var(--hub-panel2),var(--hub-panel))}
.sb-pob .section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sb-pob .section-label h3{font-size:20px;margin:0}
.sb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sb-steps button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:12px;background:var(--hub-panel);font-weight:600;font-size:13px}
.sb-steps b{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;border:1px solid var(--hub-edge);font-size:12px}
.sb-steps .is-current button{border-color:var(--hub-gold);background:var(--hub-gold-soft)}
.sb-steps .is-current b{background:var(--hub-gold);color:var(--on-accent);border-color:var(--hub-gold)}
.sb-steps .is-done b{background:#7cd7c2;color:#0b1512;border-color:#7cd7c2}
.sb-import{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}
.sb-import textarea{font-family:ui-monospace,Consolas,monospace;font-size:12px}
.sb-import-side{padding:16px;border:1px dashed var(--hub-edge);border-radius:14px}
.sb-file{display:inline-flex;align-items:center;min-height:38px;padding:9px 13px;border:1px solid var(--line);border-radius:7px;cursor:pointer;background:var(--surface2)}
.sb-pob .toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sb-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:start;padding:18px;border:1px solid var(--hub-edge);border-radius:16px;background:var(--hub-panel)}
.sb-summary h3{font-size:22px;margin:4px 0}
.sb-summary .eyebrow{color:var(--hub-gold);font-size:11px;letter-spacing:1.6px}
.sb-kpis{display:flex;gap:8px;margin:0}
.sb-kpis div{min-width:84px;padding:10px;border:1px solid var(--hub-edge);border-radius:12px;text-align:center;background:var(--hub-panel2)}
.sb-kpis dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.sb-kpis dd{margin:0;font-size:20px;font-weight:700}
.sb-kpis small{font-size:11px;color:var(--muted)}
.sb-declared{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font-size:12.5px;color:var(--muted)}
.sb-declared span b{color:var(--text);font-variant-numeric:tabular-nums}
.sb-h{margin:6px 0 0;font-size:16px}
.sb-gear{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.sb-slot{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--hub-edge);border-radius:12px;background:var(--hub-panel);min-width:0}
.sb-slot .vx-art{width:48px;height:54px;flex:0 0 48px;background:none}
.sb-slot div{display:flex;flex-direction:column;min-width:0;gap:1px}
.sb-slot small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.sb-slot b{font-size:13.5px;line-height:1.25}
.sb-slot span{font-size:12px;color:var(--muted)}
.sb-slot.rarity-unique b{color:var(--pr-unique,#dfa476)}.sb-slot.rarity-rare b{color:var(--pr-rare,#eadb86)}.sb-slot.rarity-magic b{color:var(--pr-magic,#9cb5ef)}
.sb-runes{font-size:11.5px!important;color:#9fd8f0!important}
.sb-status,.sb-gem-groups em{align-self:flex-start;font-style:normal;font-size:11px;padding:1px 8px;border-radius:999px;border:1px solid var(--hub-edge);margin-top:3px}
.st-exact,.st-exact-name{color:#7cd7c2}.st-equivalent,.st-derived{color:#9cb5ef}.st-review{color:#e3bb72}.st-unresolved,.st-unmapped{color:var(--red)}
.sb-gem-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-top:8px}
.sb-gem-groups div{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:10px;border:1px solid var(--hub-edge);border-radius:12px;background:var(--hub-panel)}
.sb-gem-groups b{width:100%;font-size:12px;color:var(--muted)}
.sb-gem-groups span{font-size:12px;padding:2px 8px;border-radius:999px;background:#7cd7c218}
.sb-gem-groups span.is-support{background:#9cb5ef18}.sb-gem-groups span.is-off{opacity:.45}
.sb-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sb-targets section{padding:14px;border:1px solid var(--hub-edge);border-radius:14px;background:var(--hub-panel);min-width:0}
.sb-targets h4{margin:0 0 8px;font-size:14px;display:flex;justify-content:space-between}
.sb-targets h4 small{color:var(--muted);font-weight:400}
.sb-target{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--hub-edge)}
.sb-target input{margin-top:3px}
.sb-target span{display:flex;flex-direction:column;gap:2px;min-width:0}
.sb-target b{font-size:13.5px}
.sb-target small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.sb-target small:nth-of-type(1){font-family:ui-monospace,Consolas,monospace;color:#9fd8f0;font-size:11.5px}
.sb-limit{color:#e3bb72!important}
.sb-target.is-blocked{opacity:.6}
.sb-undetectable{grid-column:1/-1}
.sb-undetectable ul{margin:0;padding-left:18px;columns:2;column-gap:28px;font-size:12.5px;color:var(--muted)}
.sb-undetectable li{break-inside:avoid;margin-bottom:4px}
.sb-undetectable b{color:var(--text)}
.sb-prefs{align-items:end}
.sb-rules table{font-size:12.5px}
.sb-rules td small{display:block;color:var(--muted)}
.sb-rules tr.is-bad td{background:#f3959114}
.sb-rules .table-wrap{max-height:520px;overflow:auto}
.sb-assistant{display:grid;gap:12px;padding:18px;border:1px solid #c4a8ef55;border-radius:16px;background:radial-gradient(100% 140% at 0 0,#c4a8ef14,transparent 60%),var(--hub-panel)}
.sb-assistant .eyebrow{color:#c4a8ef;font-size:11px;letter-spacing:1.6px}
.sb-assistant h4{margin:4px 0}
.sb-answer{padding:14px 16px;border-radius:12px;background:var(--hub-panel2);border:1px solid var(--hub-edge)}
.sb-answer h5{margin:0 0 6px;font-size:14px}
.sb-answer ul{margin:0 0 8px;padding-left:18px;line-height:1.55}
.sb-answer small{color:var(--muted)}
.sb-variants,.sb-compare{padding:12px;border:1px dashed var(--hub-edge);border-radius:12px}
.sb-other-formats{margin-top:10px}
@media(max-width:1000px){.sb-import,.sb-targets{grid-template-columns:1fr}.sb-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-summary{grid-template-columns:1fr}.sb-undetectable ul{columns:1}}
@media(max-width:650px){.sb-pob{padding:16px}.sb-kpis{flex-wrap:wrap}.sb-kpis div{flex:1 1 40%}}

/* Market reliability and grouped variants */
.pr-variant-count{display:inline-block;margin:2px 0;font-size:11px;padding:1px 8px;border-radius:999px;background:var(--hub-gold-soft);color:var(--hub-gold)}
.pr-reliability{font-weight:600}
.pr-reliability.rel-low{color:var(--red)}.pr-reliability.rel-ok{color:#7cd7c2}.pr-reliability.rel-unknown{color:var(--muted)}
.pr-fresh.old{color:var(--red)}.pr-fresh.aging{color:#e3bb72}
.pr-market-list.as-cards .pr-market-item.is-variant{opacity:.92}
.pr-market-list.as-cards .pr-market-item.is-variant .pr-item-art .vx-art{transform:scale(.7)}
.pr-market-item.rel-low .pr-price strong{text-decoration:underline dotted var(--red)}

/* Integrated journey strip */
.hub-journey h2{font-size:18px;margin:0 0 10px}
.hub-journey ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.hub-journey button{width:100%;height:100%;display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;border-radius:12px;background:var(--hub-panel)}
.hub-journey strong{font-size:13px}.hub-journey span{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
@media(max-width:1100px){.hub-journey ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.hub-journey ol{grid-template-columns:1fr 1fr}}

/* My characters */
.chr-panel{display:grid;gap:14px;padding:22px;border:1px solid var(--hub-edge);border-radius:18px;background:linear-gradient(160deg,var(--hub-panel2),var(--hub-panel))}
.chr-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
.chr-head h3{margin:4px 0;font-size:22px}
.chr-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chr-connect{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-weight:650;text-decoration:none}
.chr-off{font-size:12.5px;padding:6px 12px;border:1px dashed var(--hub-edge);border-radius:8px;color:var(--muted)}
.chr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.chr-list>p{grid-column:1/-1;margin:0}
.chr-sim{font-weight:700;color:#e3bb72}
.chr-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:12px;background:var(--hub-panel);text-align:left}
.chr-item span{font-size:12px;color:var(--muted)}
.chr-item.is-current{border-color:var(--hub-gold)}
.chr-detail{display:grid;gap:10px;padding:16px;border:1px solid var(--hub-edge);border-radius:14px;background:var(--hub-panel)}
.chr-detail header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.chr-detail h3{margin:2px 0}
.chr-coverage{font-size:12.5px;color:var(--muted)}
.chr-targets ul{margin:6px 0;padding-left:18px;font-size:12.5px}
.chr-targets code{font-size:11px;color:#9fd8f0}

/* Language switch */
.lang-tabs{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;margin-left:8px}
.lang-tabs button{min-height:30px;padding:4px 10px;border:0;background:transparent;font-size:12px;font-weight:700}
.lang-tabs button.active{background:var(--hub-gold-soft);color:var(--hub-gold)}

/* Shared premium panel shell (item paste, version alerts, build crafting, Astra chat) */
.ip-panel,.pa-panel,.bcr-panel,.ach-panel{margin:0 0 18px;padding:20px;border:1px solid var(--hub-edge);border-radius:18px;background:linear-gradient(160deg,var(--hub-panel2),var(--hub-panel))}
.ip-panel summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.ip-panel summary span{color:var(--muted);font-size:13px}
.ip-input{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;margin-top:12px}
.ip-input textarea{font-family:ui-monospace,Consolas,monospace;font-size:12px}
.ip-side{display:flex;flex-direction:column;gap:8px}
.ip-result{margin-top:14px;padding:16px;border:1px solid var(--hub-edge);border-radius:14px;background:var(--hub-panel)}
.ip-result header{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
.ip-result header .vx-art{width:72px;height:80px;flex:0 0 72px}
.ip-result h3{margin:2px 0;font-size:20px}
.ip-result h3.rarity-unique{color:var(--pr-unique,#dfa476)}.ip-result h3.rarity-rare{color:var(--pr-rare,#eadb86)}.ip-result h3.rarity-magic{color:var(--pr-magic,#9cb5ef)}
.ip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ip-grid section{padding:12px;border:1px solid var(--hub-edge);border-radius:12px;min-width:0}
.ip-grid h4{margin:0 0 6px;font-size:14px}
.ip-grid h4 small{font-weight:400;color:var(--muted)}
.ip-warn,.pa-warn{color:#e3bb72;font-size:12.5px;margin:4px 0}
.ip-useful{color:#7cd7c2}.ip-maybe{color:#e3bb72}.ip-unrelated{color:var(--muted)}
.ip-affixes{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.ip-affixes li{display:flex;flex-direction:column;font-size:13px}
.ip-tier{font-style:normal;font-size:11.5px;color:var(--muted)}.ip-tier.prefix{color:#e3bb72}.ip-tier.suffix{color:#7cd7c2}
.pa-head,.bcr-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.pa-head h3,.bcr-head h3{margin:4px 0;font-size:19px}
.pa-kpis{display:flex;gap:8px;margin:0}.pa-kpis div{padding:8px 12px;border:1px solid var(--hub-edge);border-radius:12px;text-align:center;background:var(--hub-panel)}.pa-kpis dt{font-size:11px;color:var(--muted)}.pa-kpis dd{margin:0;font-size:20px;font-weight:700}
.pa-changes{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:10px 0}.pa-changes p{flex-basis:100%;margin:0;font-size:12.5px;color:var(--muted)}
.pa-table td small{display:block;color:var(--muted)}
.pa-not-in-catalog{color:#e3bb72}.pa-renamed{color:#9cb5ef}.pa-retired{color:var(--red)}.pa-ok{color:#7cd7c2}
.pa-preview{margin-top:10px;padding:12px;border:1px dashed var(--hub-gold);border-radius:12px}
.bcr-controls{display:flex;gap:8px;align-items:flex-end}
.bcr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;margin-top:10px}
.bcr-item{display:flex;gap:10px;padding:12px;border:1px solid var(--hub-edge);border-radius:12px;background:var(--hub-panel)}
.bcr-item>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.bcr-item ul{margin:4px 0;padding-left:16px;font-size:12.5px}
.bcr-item li.ok{color:#7cd7c2}.bcr-item li.no{color:var(--muted)}
.bcr-ess{color:#b7a0e7}
.ach-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.ach-head h3{margin:2px 0}
.ach-status{display:flex;flex-wrap:wrap;gap:6px}
.ach-chip{font-size:11.5px;padding:2px 9px;border-radius:999px;border:1px solid var(--hub-edge)}
.ach-chip.ok{color:#7cd7c2}.ach-chip.stale{color:#e3bb72}.ach-chip.missing{color:var(--muted)}
.ach-log{display:grid;gap:10px;max-height:460px;overflow:auto;margin:10px 0;padding-right:4px}
.ach-msg{display:grid;gap:6px}
.ach-q{justify-self:end;max-width:80%;margin:0;padding:8px 12px;border-radius:12px;background:var(--hub-gold-soft)}
.ach-a{padding:10px 14px;border-radius:12px;border:1px solid var(--hub-edge);background:var(--hub-panel)}
.ach-a h4{margin:0 0 4px;font-size:14px}.ach-a ul{margin:0 0 6px;padding-left:18px;line-height:1.55}
.ach-not-found,.ach-missing{border-color:#e3bb7266}
.ach-refs{font-size:12px;color:var(--muted)}
.linklike{border:0;background:none;padding:0;min-height:0;color:var(--accent);text-decoration:underline;cursor:pointer}
.ach-form{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.ach-form input,.ach-form textarea{flex:1 1 320px;min-width:0}.ach-form textarea{resize:vertical;min-height:2.6em;max-height:16em;font:inherit}.ach-form #ach-q-help{flex-basis:100%;order:3}
.ach-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ach-panel.is-full{position:fixed;inset:16px;z-index:60;margin:0;overflow:auto;box-shadow:0 30px 80px #000c;display:flex;flex-direction:column}
.ach-panel.is-full .ach-log{max-height:none;flex:1}
.chr-import{margin:12px 0;padding:12px 14px;border:1px solid var(--accent);border-radius:12px;background:var(--hub-panel)}
.chr-import h4{margin:0 0 4px}.chr-import .toolbar{display:flex;flex-wrap:wrap;gap:6px}
.ach-context{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px;margin:8px 0 2px}
.ach-context small{color:var(--muted)}
.ach-tool+.ach-tool{margin-top:8px;padding-top:8px;border-top:1px dashed var(--hub-edge)}
.ach-badge{display:inline-block;font-size:10.5px;padding:0 6px;border-radius:999px;border:1px solid var(--hub-edge);color:var(--muted);vertical-align:1px}
.ach-k-recommendation .ach-badge{color:#7cd7c2;border-color:#7cd7c255}.ach-k-hypothesis .ach-badge{color:#e3bb72;border-color:#e3bb7255}
.ach-k-pob .ach-badge{color:#9db8ff;border-color:#9db8ff55}.ach-k-price .ach-badge{color:#e8c66f;border-color:#e8c66f55}.ach-k-limit{color:var(--muted)}
.ach-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ach-gen{margin:0 0 8px;padding:8px 10px;border-left:3px solid var(--accent);background:var(--hub-gold-soft);border-radius:6px}
.ach-prop{margin-top:10px;padding:10px 12px;border:1px solid var(--accent);border-radius:12px}
.ach-prop.is-applied{border-color:#7cd7c2}.ach-prop .toolbar{display:flex;flex-wrap:wrap;gap:6px}
.ach-prop-head{margin:0 0 4px}
.ach-audit{margin-top:8px;font-size:12px;color:var(--muted)}.ach-audit ul{margin:4px 0;padding-left:18px}
@media (max-width:600px){.ach-form{flex-wrap:wrap}.ach-form input,.ach-form textarea{flex:1 1 100%;width:100%}.ach-form button{flex:1 1 auto;min-height:44px}.ach-q{max-width:100%}.ach-prop .toolbar button{flex:1 1 100%}}
.sb-evolution{padding:14px;border:1px solid var(--hub-edge);border-radius:14px;background:var(--hub-panel)}
.sb-evolution h4{margin:0 0 8px}
.sb-evo-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.sb-evo-stages>div{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--hub-edge);border-radius:12px}
.sb-evo-stages>div.is-current{border-color:var(--hub-gold)}
.sb-evo-stages small{color:var(--muted)}
.sb-diff{margin:6px 0;padding-left:18px;font-size:12.5px}.sb-diff small{color:var(--muted)}
.sb-next{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--hub-edge)}
@media(max-width:900px){.ip-input,.ip-grid,.sb-evo-stages{grid-template-columns:1fr}.lang-tabs{margin-left:0}}

/* Loading */
.hub-loading{min-height:280px}
.hub-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hub-skeleton span{height:80px;border-radius:12px;background:linear-gradient(90deg,var(--hub-panel2),var(--hover),var(--hub-panel2));background-size:200% 100%;animation:hub-shimmer 1.4s linear infinite}
@keyframes hub-shimmer{to{background-position:-200% 0}}

@media(max-width:1250px){.hub-rail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-rail-grid>:nth-child(n+7){display:none}.hub-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.hub-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-hero{grid-template-columns:1fr;padding:30px 26px 22px}.hub-hero-art{display:none}.hub-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-rail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-rail-grid>:nth-child(n+7){display:flex}}
@media(max-width:650px){.hub{gap:26px}.hub-hero{padding:24px 18px 18px;border-radius:18px}.hub-hero h2{letter-spacing:-1px}.hub-search{flex-direction:column}.hub-search button{width:100%}.hub-tiles,.hub-rail-grid,.hub-map-grid{grid-template-columns:1fr}.hub-rail-grid>:nth-child(n+5){display:none}.hub-tile-hit{padding:16px}.hub-rail-head{flex-direction:column;align-items:stretch}.hub-facts{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.hub-float,.hub-skeleton span{animation:none}.hub-tile-hit,.hub-card{transition:none}}
.reduce-motion .hub-float,.reduce-motion .hub-skeleton span{animation:none}

/* catalog freshness: cached vs checked, never "live" */
.api-freshness{margin:.35rem 0 0;font-size:.82rem;color:var(--muted,#9aa3ad)}
.api-connection .api-freshness b{font-size:inherit;color:var(--text,#e8e6e1)}
.api-connection .api-freshness.is-cache b{color:var(--warning,#e6b866)}
.ach-k-historical .ach-badge{color:var(--muted);border-style:dashed}
.pr-price.is-unavailable strong{font-size:12px;font-weight:600;color:var(--muted)}
.pr-history{display:block;font-size:11.5px;color:var(--muted)}

/* Official hourly history: exact-hour changes, confidence, Divine equivalent, league comparison (2026-11-04) */
.mk-trend{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.3rem;font-size:.78rem}
.mk-change,.mk-conf,.mk-div{padding:.05rem .4rem;border-radius:999px;border:1px solid var(--line,#2c333b);white-space:nowrap}
.mk-change.up{color:#7fd18b}.mk-change.down{color:#f08a7e}.mk-change.flat,.mk-change.none{color:var(--muted,#9aa4ae)}
.mk-conf-high{color:#7fd18b}.mk-conf-medium{color:#e6c46a}.mk-conf-low{color:#f0a37e}
.mk-official{margin:1rem 0;display:grid;gap:.6rem}
.mk-official table{width:100%;border-collapse:collapse;font-size:.85rem}
.mk-official caption{text-align:left;font-weight:600;padding:.3rem 0}
.mk-official th,.mk-official td{padding:.3rem .45rem;border-bottom:1px solid var(--line,#2c333b);text-align:left}
.mk-official tr.is-current td{font-weight:700}
@media (max-width:600px){.mk-official table{display:block;overflow-x:auto}}

/* 22 improvements (2026-11-04): official-history panels, loot value, piece swap, tree path map */
.mk-plus{display:grid;gap:.5rem;margin:1rem 0}
.mk-panel{border:1px solid var(--line,#2c333b);border-radius:10px;padding:.5rem .8rem}
.mk-panel>summary{cursor:pointer;font-weight:600}
.mk-tabs{display:flex;gap:.4rem;margin:.4rem 0}
.mk-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.mk-movers,.mk-watch,.mk-routes{margin:.3rem 0;padding-left:1.2rem;display:grid;gap:.25rem}
.mk-routes li.is-best{font-weight:700}
.mk-diary{width:100%;border-collapse:collapse;font-size:.85rem}.mk-diary td,.mk-diary th{padding:.3rem .4rem;border-bottom:1px solid var(--line,#2c333b);text-align:left;vertical-align:top}.mk-diary tr.is-low{opacity:.75}
.mk-loot{margin:.6rem 0}
.ip-swap{margin:.5rem 0}.ip-swap li.is-low{color:#f0a37e}
.ach-svg{margin:.5rem 0;max-width:100%}.ach-svg svg{width:100%;max-height:260px;background:rgba(0,0,0,.25);border-radius:8px}
.tp-edge{stroke:#e6c46a;stroke-width:22}.tp-alloc{fill:#5b6b7a}.tp-normal{fill:#e6c46a}.tp-notable{fill:#ffb347}.tp-keystone{fill:#ff6a3d}.tp-jewel,.tp-mastery,.tp-class-start,.tp-ascendancy-start{fill:#9aa4ae}
@media (max-width:600px){.mk-two{grid-template-columns:1fr}.mk-diary{display:block;overflow-x:auto}}
/* #12 version comparison */
.pa-diff{margin:12px 0;padding:12px 14px;border:1px dashed var(--hub-edge);border-radius:10px}
.pa-diff h4{margin:0 0 6px}.pa-diff details{margin:6px 0}.pa-diff ul,.pa-decisions{margin:6px 0 6px 18px;padding:0;font-size:13px}
.pa-diff-table td,.pa-diff-table th{text-align:center}.pa-diff-table th:first-child{text-align:left}
/* #21 tree planner (Builds) */
.tpl-panel{margin:16px 0;padding:16px;border:1px solid var(--hub-edge);border-radius:12px}
.tpl-pick{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.tpl-pick .field{flex:1 1 240px;margin:0}
.tpl-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:10px 0}.tpl-chips li{display:flex;gap:6px;align-items:center;padding:4px 8px;border:1px solid var(--hub-edge);border-radius:999px}
.tpl-actions{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.tpl-result ul{margin:8px 0 0 18px;padding:0;font-size:13.5px}.tpl-result .ach-svg{max-width:100%;overflow:hidden}
.ip-craft2{margin:10px 0;padding:10px 12px;border:1px dashed var(--hub-edge);border-radius:10px}.ip-craft2 ul{margin:6px 0 6px 18px;padding:0;font-size:13px}
.tpl-power{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:8px 0}.tpl-power .field{margin:0;min-width:120px}.tpl-power-result p button{margin:2px}
/* «Cómo funciona / How it works» opens ExileNexus: the menu entry is a link styled like the other entries */
a.nav-item.nav-link{text-decoration:none;box-sizing:border-box}a.nav-item.nav-link small{opacity:.7}

/* styles/builds-explorer.css */
/* Builds explorer — gallery, table, comparison, visual sheet and item tooltip. Uses the platform tokens (light/dark). */
.bx{--u:46px;--unique:#c47a2c;--rare:#e7d24b;--magic:#8a8cff;--normal:#c8c8c8;display:block;margin:0 0 26px;padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--surface),var(--bg));box-shadow:var(--shadow)}
:root[data-theme=light] .bx{--unique:#9b5712;--rare:#8a6d00;--magic:#3d40c4;--normal:#59666e}
.bx h2{font-size:22px;margin-bottom:6px}.bx h3{font-size:15px;margin:0 0 10px}.bx h4{font-size:13px;margin:14px 0 8px}
.bx-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}.bx-head .help{margin:0;max-width:760px}
.bx-legend{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:14px 0 6px;padding:0;font-size:12px;color:var(--muted)}.bx-legend li{display:flex;gap:6px;align-items:center}
.bx-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;white-space:nowrap;line-height:1.5}
.bx-badge.community{border-color:#7cd7c255;color:var(--cyan);background:var(--cyan-dim)}.bx-badge.imported{border-color:#c4a8ef66;color:#c4a8ef}.bx-badge.demo{border-color:var(--red);color:var(--red)}
.bx-badge.pob{border-color:#dfb77466;color:var(--accent);background:var(--accent-dim)}.bx-badge.older{border-color:#f3959177;color:var(--red)}
:root[data-theme=light] .bx-badge.imported{color:#7144a5}
.bx-chip{display:inline-flex;border-radius:6px;padding:2px 7px;font-size:11px;background:var(--surface2);border:1px solid var(--line);color:var(--muted)}.bx-chip.def{border-style:dashed}
.bx-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end;margin:16px 0 10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.bx-toolbar .field{margin:0;display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.bx-q{grid-column:span 2}
.bx-viewswitch{display:flex;gap:6px;flex-wrap:wrap}.bx-viewswitch [aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}
.bx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.bx-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}
.bx-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}
.bx-card:hover,.bx-card:focus-within{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 26px #0003}
@media (prefers-reduced-motion:reduce){.bx-card,.bx-card:hover{transition:none;transform:none}}
.bx-card-top{display:flex;gap:11px;align-items:flex-start}.bx-card h3{font-size:15px;margin:2px 0}.bx-asc{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--accent);font-weight:600}.bx-by{font-size:12px;color:var(--muted);margin:0}
.bx-skillicon{width:48px;height:48px;flex:none;object-fit:contain;border-radius:50%;background:radial-gradient(circle,#0000 40%,#00000040);border:1px solid var(--line)}.bx-skillicon.lg{width:72px;height:72px}
.bx-noimg{display:inline-block;background:repeating-linear-gradient(45deg,var(--surface2),var(--surface2) 6px,var(--hover) 6px,var(--hover) 12px);border:1px dashed var(--line)}
.bx-badges{display:flex;flex-wrap:wrap;gap:5px}
.bx-card-gear{display:flex;align-items:center;gap:6px;min-height:46px}.bx-mini{width:40px;height:40px;display:grid;place-items:center;border-radius:7px;background:#0b0d0f;border:1px solid var(--line)}.bx-mini img,.bx-mini .bx-noimg{max-width:36px;max-height:36px;width:36px;height:36px;object-fit:contain}
.bx-mini.r-unique{border-color:var(--unique)}.bx-mini.r-rare{border-color:var(--rare)}.bx-mini.r-magic{border-color:var(--magic)}
.bx-skillname{font-size:12px;color:var(--muted);margin-left:auto;text-align:right}
.bx-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bx-stat{display:flex;flex-direction:column;padding:6px 7px;border-radius:7px;background:var(--surface2);min-width:0}.bx-stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.bx-stat b{font-size:13px;overflow-wrap:anywhere}
.bx-na{color:var(--muted);font-weight:400;font-style:italic;font-size:11px}
.bx-card footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}.bx-cmp{display:flex;gap:6px;align-items:center;font-size:12px;cursor:pointer}
.bx-linkish{all:unset;cursor:pointer;color:inherit;font-weight:600}.bx-linkish:hover{color:var(--accent);text-decoration:underline}.bx-linkish:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bx-cmpbar{position:sticky;top:8px;z-index:5;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;margin:8px 0 12px;border:1px solid var(--accent);border-radius:10px;background:var(--surface)}
.bx-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:8px 0}.bx-table{min-width:720px}.bx-table td,.bx-table th{padding:9px 10px;vertical-align:middle}.bx-table td small{display:block;color:var(--muted)}
.bx-compare .bx-table{min-width:480px}.bx-th{all:unset;cursor:pointer;font:inherit;text-transform:inherit;letter-spacing:inherit}.bx-th:focus-visible{outline:2px solid var(--accent)}
.bx-td-skill{display:flex;gap:6px;align-items:center}.bx-ico16{width:20px;height:20px;object-fit:contain}.bx-ico24{width:26px;height:26px;object-fit:contain;flex:none}
.bx-panel{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:14px;min-width:0}
.bx-back{margin-bottom:12px}
.bx-sheet-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}.bx-sheet-head p{margin:4px 0}.bx-summary{color:var(--text);max-width:900px;margin-top:10px!important}
.bx-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.bx-note{margin:0 0 14px}
.bx-sheet-grid{display:grid;grid-template-columns:calc(var(--u)*8 + 92px) minmax(0,1fr);gap:14px;align-items:start}
.bx-sheet-grid>*{min-width:0}
/* Paper doll: the game's inventory arrangement, one cell = --u */
.bx-doll{display:grid;grid-template-columns:repeat(8,var(--u));grid-auto-rows:var(--u);gap:4px;grid-template-areas:"w1 w1 . helm helm . w2 w2" "w1 w1 . helm helm amu w2 w2" "w1 w1 . body body . w2 w2" "w1 w1 r1 body body r2 w2 w2" "glove glove . body body . boot boot" "glove glove . belt belt . boot boot";padding:12px;border-radius:12px;background:radial-gradient(ellipse at center,#1d2226,#0b0d0f);border:1px solid #2b3136;width:max-content;max-width:100%}
.bx-flasks{display:grid;grid-template-columns:repeat(5,var(--u));grid-template-rows:calc(var(--u)*2);gap:4px;grid-template-areas:"f1 f2 f3 f4 f5";padding:10px 12px;margin-top:6px;border-radius:12px;background:#0b0d0f;border:1px solid #2b3136;width:max-content;max-width:100%}
.bx-flasks.poe2{grid-template-columns:repeat(5,var(--u));grid-template-areas:"f1 f2 c1 c2 c3"}
.bx-slot{position:relative;display:grid;place-items:center;padding:3px;min-height:0;min-width:0;border-radius:6px;border:1px solid #3a4248;background:linear-gradient(180deg,#14181b,#0e1113);color:#e8eaec;overflow:hidden}
.bx-slot img,.bx-slot .bx-noimg{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 4px #000a)}.bx-slot .bx-noimg{width:70%;height:70%}
.bx-slot.r-unique{border-color:var(--unique);box-shadow:inset 0 0 14px #c47a2c33}.bx-slot.r-rare{border-color:var(--rare);box-shadow:inset 0 0 14px #e7d24b22}.bx-slot.r-magic{border-color:var(--magic);box-shadow:inset 0 0 14px #8a8cff22}
.bx-slot:hover:not(.is-empty),.bx-slot:focus-visible{border-color:#fff;background:#1f262b;outline:none;box-shadow:0 0 0 2px var(--accent)}
.bx-slot.is-empty{border-style:dashed;border-color:#3a424899;background:#0e111399;font-size:9px;color:#8a949b;text-align:center;line-height:1.2}
.bx-slotname{position:absolute;inset:auto 2px 2px;font-size:9px;line-height:1.1;text-align:center}
.bx-extra{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.bx-extra li{display:flex;flex-direction:column;align-items:center;gap:3px;width:calc(var(--u) + 26px)}.bx-extra .bx-slot{width:var(--u);height:var(--u)}.bx-extra small{font-size:10px;color:var(--muted);text-align:center;line-height:1.2}
.bx-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:0}.bx-stats div{padding:8px 10px;border-radius:8px;background:var(--surface2)}.bx-stats div.hero{background:var(--accent-dim);border:1px solid #dfb77444}.bx-stats dt{font-size:11px;color:var(--muted)}.bx-stats dd{margin:0;font-size:16px;font-weight:650}
.bx-kv{display:grid;gap:6px;margin:0}.bx-kv div{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:baseline;margin:0;padding:4px 0;border-bottom:1px solid var(--line)}.bx-kv dt{color:var(--muted);font-size:12px;margin:0;padding:0}.bx-kv dd{margin:0;overflow-wrap:anywhere;font-size:13px}
.bx-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.bx-group{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.bx-group.main{border-color:var(--accent);box-shadow:0 0 0 1px #dfb77433}.bx-group h4{margin:0 0 8px;font-size:12px}
.bx-group ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.bx-group li{display:flex;gap:7px;align-items:center;font-size:12.5px;padding:3px 4px;border-radius:6px;border-left:3px solid #888}.bx-group li small{margin-left:auto;color:var(--muted);white-space:nowrap}.bx-group li.sup{padding-left:14px;opacity:.95}
.bx-group li.c-r{border-left-color:#d4544b}.bx-group li.c-g{border-left-color:#5fbf5a}.bx-group li.c-b{border-left-color:#5b8be8}.bx-group li.c-w{border-left-color:#c9c9c9}
.bx-tree{width:100%;max-width:640px;height:auto;aspect-ratio:640/420;display:block;border-radius:10px;background:radial-gradient(ellipse at center,var(--surface2),var(--bg));border:1px solid var(--line);margin:8px 0}
.bx-nodes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}.bx-nodes li{padding:7px 9px;border-radius:7px;background:var(--surface2);font-size:12px}.bx-nodes li span{display:block;color:var(--muted);margin-top:2px}
.bx-compare h2{font-size:19px}.bx-better{margin:6px 0 12px;padding-left:18px}.bx-cmp-item{display:inline-flex;gap:6px;align-items:center}.bx-cmp-item.r-unique{color:var(--unique)}.bx-cmp-item.r-rare{color:var(--rare)}.bx-cmp-item.r-magic{color:var(--magic)}
.bx-cmp-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bx-import textarea{font-family:Consolas,monospace;font-size:12px}.bx-im-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.bx-formats{margin:0 0 8px;padding-left:18px;font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Tooltip: dark, thin border, game-like, readable in both themes (it is always dark, like the game's own) */
.bx-tip{position:fixed;z-index:1000;width:min(360px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;background:#0a0b0c;color:#c8c8c8;border:1px solid #4d4a43;border-radius:4px;box-shadow:0 12px 40px #000c;font-family:'Fontin SmallCaps','Palatino Linotype',Georgia,serif;font-size:13.5px;line-height:1.35;text-align:center;pointer-events:none}
.bx-tip.pinned{pointer-events:auto}.bx-tip[hidden]{display:none}
.bx-tip-head{padding:7px 10px;border-bottom:1px solid #4d4a43;background:linear-gradient(180deg,#2a2418,#14110b)}.bx-tip-head.r-unique{background:linear-gradient(180deg,#3a2510,#170e06)}.bx-tip-head.r-magic{background:linear-gradient(180deg,#1b1d38,#0b0c18)}.bx-tip-head.r-normal{background:linear-gradient(180deg,#232323,#111)}
.bx-tip-name,.bx-tip-base{margin:0;font-size:16px;font-weight:600}.bx-tip-head.r-rare p{color:#ffff77}.bx-tip-head.r-unique p{color:#d38b38}.bx-tip-head.r-magic p{color:#8888ff}.bx-tip-head.r-normal p{color:#c8c8c8}
.bx-tip-sec{padding:6px 12px;border-bottom:1px solid #2a2926}.bx-tip-sec:last-of-type{border-bottom:0}.bx-tip-sec p{margin:1px 0}.bx-tip .p{color:#7f7f7f}.bx-tip .p b{color:#fff;font-weight:400}.bx-tip .sockets{letter-spacing:1px}
.bx-tip .m-implicit,.bx-tip .m-explicit{color:#8888ff}.bx-tip .m-crafted,.bx-tip .m-enchant{color:#b8daf2}.bx-tip .m-fractured{color:#a29162}.bx-tip .m-rune{color:#c9b38a}.bx-tip .m-scourge{color:#ff6e25}.bx-tip .m-desecrated{color:#bba7e8}.bx-tip .m-mutated{color:#c47fd1}.bx-tip .m-corrupted{color:#d20000}.bx-tip .m-flag{color:#c8c8c8;font-style:italic}
.bx-tip-foot{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px}.bx-tip-art{max-width:110px;max-height:150px;object-fit:contain}.bx-tip-foot .bx-noimg{display:none}
.bx-tip-btns{display:flex;gap:6px;font-family:Inter,'Segoe UI',Arial,sans-serif}.bx-tip-btns button{min-height:32px;padding:5px 10px;font-size:12px;background:#1c2125;color:#e8eaec;border-color:#3a4248}
.bx-tip.sheet{left:8px!important;right:8px;top:auto!important;bottom:8px;width:auto;max-height:70vh}
@media (max-width:1100px){.bx-sheet-grid{grid-template-columns:1fr}}
@media (max-width:760px){.bx{padding:14px}.bx-q{grid-column:auto}.bx-im-row,.bx-cmp-cols{grid-template-columns:1fr}.bx-sheet-head{flex-direction:column}.bx-kv div{grid-template-columns:1fr}}
@media (max-width:520px){.bx{--u:min(40px,calc((100vw - 80px)/8));padding:12px}.bx-doll{padding:8px;gap:3px}.bx-flasks{padding:8px;gap:3px}.bx-card-stats{grid-template-columns:repeat(2,1fr)}.bx-grid{grid-template-columns:1fr}.bx-toolbar{grid-template-columns:1fr 1fr}.bx-toolbar .bx-q{grid-column:1/-1}}
@media (max-width:360px){.bx-toolbar{grid-template-columns:1fr}}

/* Skills with no official GGG image: own mark (gem colour + initials), labelled, never an empty box */
.bx-skillmark{display:inline-grid;place-items:center;flex:none;border-radius:50%;font:700 10px/1 Inter,'Segoe UI',Arial,sans-serif;letter-spacing:.3px;color:#f5f7f8;background:radial-gradient(circle at 35% 30%,#ffffff40,transparent 55%),var(--mk,#7d8790);border:1px solid #ffffff38;box-shadow:inset 0 -2px 4px #0006,0 1px 2px #0008;cursor:help}
.bx-skillmark.c-r{--mk:#b23a35}.bx-skillmark.c-g{--mk:#3f8f3a}.bx-skillmark.c-b{--mk:#3a64b8}.bx-skillmark.c-w{--mk:#7d8790}
.bx-ico24.bx-skillmark{width:24px;height:24px}.bx-skillicon.bx-skillmark{width:48px;height:48px;font-size:16px}.bx-skillicon.lg.bx-skillmark{width:72px;height:72px;font-size:24px}

/* Interactive passive tree (zoom, pan, node names; full screen on phones) */
.bx-treeview{position:relative;margin:8px 0 4px;border:1px solid var(--line);border-radius:10px;background:radial-gradient(ellipse at center,var(--surface2),var(--bg));overflow:hidden}
.bx-treeview canvas{display:block;width:100%;height:clamp(340px,64vh,640px);touch-action:none;cursor:grab;outline-offset:-3px}.bx-treeview canvas:active{cursor:grabbing}
.bx-tree-ctl{position:absolute;top:8px;right:8px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 16px)}
.bx-tree-ctl button{min-width:38px;min-height:38px;padding:4px 10px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);font:600 13px/1 inherit;cursor:pointer}
.bx-tree-ctl button[data-bx-tz=in],.bx-tree-ctl button[data-bx-tz=out]{font-size:20px;padding:0}.bx-tree-ctl button:hover{border-color:var(--accent)}
.bx-tree-tip{position:absolute;z-index:3;max-width:min(320px,calc(100% - 12px));padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 6px 20px #0008;pointer-events:none;font-size:13px}
.bx-tree-tip b{display:block;color:var(--accent)}.bx-tree-tip small{display:block;color:var(--muted);margin:2px 0 4px}.bx-tree-tip ul{margin:0;padding-left:16px}
.bx-tree-msg{padding:16px;margin:0}.bx-tree-help .bx-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 4px 0 8px;vertical-align:-1px}
.bx-dot.k0{background:#7cd7c2}.bx-dot.k1{background:#edc98e}.bx-dot.k2{background:#e0703a}
.bx-treeview.bx-tree-full{position:fixed;inset:0;z-index:1000;margin:0;border-radius:0;border:0}.bx-tree-full canvas{height:100vh;height:100dvh}
html.bx-noscroll,html.bx-noscroll body{overflow:hidden}

/* styles/news.css */
/* «Noticias con IA» editorial desk (in-app). Platform tokens, light/dark. */
.nd{display:block;margin-bottom:24px}.nd-login{max-width:560px}.nd-login .field{margin:10px 0}
.nd-status{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:12px}.nd-status h2{margin:2px 0 0}
.nd-status dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0}.nd-status dl div{padding:8px 10px;border-radius:8px;background:var(--surface2)}.nd-status dt{font-size:11px;color:var(--muted)}.nd-status dd{margin:0;font-weight:600}
.nd-status-actions,.nd-actions,.nd-row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.nd-bad{color:var(--red)}
.button-link{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface2);color:var(--text)}
.nd-tabs{margin:6px 0 12px}.nd-body{display:grid;gap:12px}
.nd-addurl{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding:12px;border:1px dashed var(--line);border-radius:10px}
.nd-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.nd-pickbar{position:sticky;top:8px;z-index:4;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--accent);border-radius:10px;background:var(--surface)}
.nd-items,.nd-arts,.nd-log,.nd-history{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nd-item{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.nd-item h3{margin:6px 0 2px;font-size:14px}.nd-item.st-history,.nd-item.st-ignored{opacity:.72}
.nd-pick{padding-top:4px}.nd-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.nd-pill,.nd-game{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:11px;white-space:nowrap}.nd-game{font-weight:700}.nd-game.poe1{color:#e0a85a;border-color:#e0a85a66}.nd-game.poe2{color:#7cd7c2;border-color:#7cd7c266}
:root[data-theme=light] .nd-game.poe1{color:#8a5310}:root[data-theme=light] .nd-game.poe2{color:#176b58}
.nd-pill.v-verified-official{color:var(--cyan);border-color:var(--cyan)}.nd-pill.v-unverified{color:var(--red);border-color:var(--red)}.nd-pill.s{background:var(--surface2)}
.nd-reasons{font-size:12px;color:var(--red);margin:2px 0}.nd-facts{font-size:12px;margin:4px 0 8px;padding-left:18px}
.nd-split{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:12px;align-items:start}
.nd-art{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:left}.nd-art.on{border-color:var(--accent);background:var(--accent-dim)}.nd-art small{color:var(--muted)}
.nd-editor{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}.nd-editor h3{margin:0}.nd-ok{color:var(--cyan);margin:0}
.nd-inline{display:flex;gap:6px;align-items:center;margin:0}.nd-inline span{font-size:12px;color:var(--muted)}.nd-inline select{width:auto}
.nd-preview{padding:12px;border-radius:8px;background:var(--surface2)}.nd-lead{font-size:15px}
button.danger{border-color:var(--red);color:var(--red)}
.nd-log li,.nd-history li{font-size:12px;padding:6px 8px;border-radius:6px;background:var(--surface2)}
@media (max-width:820px){.nd-split{grid-template-columns:1fr}.nd-addurl{grid-template-columns:1fr}}