:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button,select,input,textarea{border:1px solid var(--line);color:var(--text);background:var(--surface-2)}button{min-height:38px;padding:0 12px;cursor:pointer;border-radius:var(--control-radius)}button:hover,button.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{width:100%;min-height:36px;padding:8px 10px;border-radius:var(--control-radius);outline:none}textarea{min-height:96px;resize:vertical;line-height:1.35}label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.shell{display:grid;grid-template-columns:var(--left-width, 360px) minmax(0,1fr) var(--right-width, 380px);height:100vh;background:radial-gradient(circle at 50% 30%,var(--ambient),transparent 42%),var(--bg)}.left-panel,.right-panel{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px;overflow:auto;background:var(--panel);border-color:var(--line)}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.brand{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center}.brand h1{color:var(--heading);font-weight:900}.brand p{color:var(--text);font-weight:700;opacity:.86}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:var(--accent);background:var(--surface);border:1px solid var(--line);border-radius:var(--node-radius)}.app-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.app-tabs button{min-height:34px;font-weight:900}.guide-shell{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);height:100vh;background:radial-gradient(circle at 50% 30%,var(--ambient),transparent 42%),var(--bg)}.guide-side{display:flex;flex-direction:column;gap:12px;padding:14px;overflow:auto;background:var(--panel);border-right:1px solid var(--line)}.guide-content{position:relative;display:grid;align-content:start;gap:18px;padding:34px;overflow:auto}.guide-hero{display:grid;gap:12px;max-width:920px}.guide-hero h1{max-width:760px;color:var(--heading);font-size:40px;line-height:1.05}.guide-hero p{max-width:850px;color:var(--text);font-size:16px;line-height:1.6}.eyebrow{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-grid article,.guide-section{padding:18px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:8px}.guide-grid h2,.guide-section h2,.guide-actions h2{margin-bottom:8px;color:var(--heading);font-size:15px}.guide-grid p,.guide-section p{color:var(--text);line-height:1.55}.guide-section pre{margin:10px 0 0;overflow:auto;padding:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:8px}.guide-section code{font-family:Cascadia Code,Consolas,monospace}.legal-row{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;font-weight:700}.legal-row a{color:currentColor;text-decoration:none}.legal-row a:hover,.legal-row a:focus-visible{color:var(--accent);text-decoration:underline;outline:none}.canvas-wrap .legal-row{position:absolute;left:50%;bottom:64px;z-index:4;transform:translate(-50%);padding:6px 10px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:var(--control-radius)}.guide-actions{display:grid;gap:8px}.button-link{display:grid;place-items:center;min-height:38px;padding:0 12px;color:var(--text);text-decoration:none;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--control-radius);font-weight:800}.button-link:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.guide-status{position:static;justify-self:start}h1,h2,p{margin:0}h1{font-size:17px;line-height:1.15}h2{font-size:13px;text-transform:uppercase;color:var(--heading);font-weight:900}p{color:var(--muted);font-size:12px;line-height:1.35}.tool-section{display:grid;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.collapsible{gap:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;min-height:34px;padding:0;border:0;background:transparent;color:var(--heading);box-shadow:none;text-align:left;text-transform:uppercase;font-size:13px;font-weight:900;text-shadow:0 1px 0 rgba(0,0,0,.35)}.panel-heading:hover{color:var(--heading);border-color:transparent;box-shadow:none}.right-panel label{color:var(--heading)}.panel-body{display:grid;gap:10px;padding-top:10px}.collapsed .panel-body{display:none}.tool-section.compact{padding:10px}.toolbar{grid-template-columns:repeat(4,1fr)}.toolbar button{min-width:0;padding:0;font-size:12px}.resource-list,.inspector{display:grid;gap:10px}.resource-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.resource-card button{grid-column:1 / -1}.resource-id{font-family:Cascadia Mono,Consolas,monospace;font-size:11px}.asset-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:6px;align-items:center}.asset-row>span:first-child{color:var(--heading);font-size:12px;font-weight:800}.asset-row input,.asset-row button{grid-column:1 / -1}.asset-name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;text-align:right}.asset-stack{display:grid;gap:8px}.split-actions,.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.io-panel textarea{min-height:230px;font-family:Cascadia Mono,Consolas,monospace;font-size:11px}.canvas-wrap{position:relative;min-width:0;min-height:0;overflow:hidden}.action-bar{position:absolute;top:14px;left:50%;z-index:5;display:flex;width:min(1040px,calc(100% - 24px));min-height:48px;height:auto;gap:4px;align-items:center;justify-content:center;padding:6px;overflow:visible;flex-wrap:wrap;transform:translate(-50%);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px #00000038}.action-group{display:flex;flex:0 1 auto;gap:3px;align-items:center;min-width:0}.layout-actions{flex:0 1 auto;justify-content:center}.layout-actions select{width:auto;min-width:112px;max-width:142px;min-height:30px;padding:4px 8px}.action-bar button{min-height:30px;padding:0 7px;white-space:nowrap;font-size:11px;font-weight:800}.keep-center{display:inline-flex;grid-auto-flow:column;grid-template-columns:auto auto;gap:4px;align-items:center;min-height:30px;padding:0 6px;color:var(--text);border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface-2);white-space:nowrap}.keep-center input{width:auto;min-height:0;padding:0}.play-actions{padding-left:6px;border-left:1px solid var(--line)}.primary-action{background:var(--accent);color:var(--primary-text);border-color:var(--accent)}.background-asset{opacity:.32;pointer-events:none}.tree-svg{display:block;width:100%;height:100%;cursor:grab;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:34px 34px}.tree-svg:active{cursor:grabbing}.edge{stroke-width:var(--edge-width);stroke-linecap:round;filter:var(--edge-filter)}.edge.locked{stroke:var(--edge-locked);opacity:.55}.edge.ready{stroke:var(--edge-ready)}.edge.bought{stroke:var(--edge-bought)}.edge.highlight.ready,.edge.highlight.bought{stroke:var(--accent-2)}.edge.ready,.edge.bought{stroke:var(--category-color, var(--edge-ready))}.skill-node{cursor:pointer;-webkit-user-select:none;user-select:none}.skill-node.filtered{opacity:.18}.node-halo{fill:var(--node-halo);opacity:0;filter:url(#soft-glow)}.skill-node.can-buy .node-halo,.skill-node.selected .node-halo,.skill-node.maxed .node-halo{opacity:1}.node-frame{fill:var(--node-fill);stroke:var(--category-color, var(--node-stroke));stroke-width:var(--node-stroke-width);filter:var(--node-filter)}.skill-node.locked .node-frame{opacity:.58;stroke:var(--edge-locked)}.skill-node.selected .node-frame{stroke:var(--accent);stroke-width:calc(var(--node-stroke-width) + 1px)}.node-frame-asset,.node-icon-asset{pointer-events:none}.skill-node.maxed .node-frame{fill:var(--node-maxed)}.node-icon{fill:var(--text);font-size:24px;font-weight:800}.node-level,.node-cost{fill:var(--text);paint-order:stroke;stroke:var(--label-stroke);stroke-width:3px;font-size:13px;font-weight:800}.node-cost{fill:var(--muted);font-size:11px}.zoom-strip,.status-line,.search-strip{position:absolute;display:flex;gap:8px;align-items:center}.zoom-strip{left:16px;bottom:16px}.search-strip{top:92px;left:16px;width:min(320px,calc(100% - 32px))}.zoom-strip button{width:42px;padding:0;font-size:20px}.zoom-strip #zoom-reset{width:70px;font-size:13px;font-weight:800}.status-line{right:16px;bottom:16px;max-width:min(520px,calc(100% - 160px));min-height:38px;padding:0 14px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--control-radius);font-size:13px}.resize-handle{position:absolute;top:0;z-index:8;width:8px;height:100%;cursor:col-resize;background:transparent}.resize-handle:hover{background:var(--accent-soft)}.resize-left{right:-4px}.resize-right{left:-4px}.validation-panel ul{margin:0;padding-left:18px;color:var(--accent-2);font-size:12px;line-height:1.4}.ok-text{color:var(--edge-bought);font-weight:700}.theme-neon-space{--bg: #05070b;--panel: rgba(3, 8, 16, .92);--surface: rgba(9, 18, 29, .88);--surface-2: #101a27;--text: #ecf8ff;--muted: #89a9bb;--heading: #f4fbff;--primary-text: #031017;--line: rgba(93, 211, 255, .22);--grid: rgba(71, 198, 255, .055);--ambient: rgba(0, 187, 255, .17);--accent: #4bdcff;--accent-2: #ff5aa9;--accent-soft: rgba(75, 220, 255, .16);--edge-ready: #53d9ff;--edge-bought: #ffec8a;--edge-locked: #44515f;--edge-width: 5px;--edge-filter: drop-shadow(0 0 8px rgba(77, 212, 255, .72));--node-fill: #132233;--node-maxed: #264c63;--node-stroke: #b8f4ff;--node-stroke-width: 2px;--node-halo: #35cfff;--node-filter: drop-shadow(0 0 12px rgba(67, 210, 255, .72));--label-stroke: #061019;--control-radius: 6px;--node-radius: 7px}.theme-pixel-ui{--bg: #094b34;--panel: #173529;--surface: #213f35;--surface-2: #2c5962;--text: #ffe3a6;--muted: #b9c6a3;--heading: #fff1b8;--primary-text: #112217;--line: #7f9580;--grid: rgba(255, 221, 91, .12);--ambient: rgba(255, 189, 48, .16);--accent: #ffd14a;--accent-2: #e64b3f;--accent-soft: rgba(255, 209, 74, .17);--edge-ready: #ffd14a;--edge-bought: #69e26d;--edge-locked: #48754c;--edge-width: 4px;--edge-filter: none;--node-fill: #31596a;--node-maxed: #376f42;--node-stroke: #ffd14a;--node-stroke-width: 4px;--node-halo: #ffd14a;--node-filter: none;--label-stroke: #0c271e;--control-radius: 2px;--node-radius: 2px}.theme-pixel-ui,.theme-pixel-ui button,.theme-pixel-ui input,.theme-pixel-ui select,.theme-pixel-ui textarea{font-family:Cascadia Mono,Courier New,monospace}.theme-neutral{--bg: #101317;--panel: #171b21;--surface: #20262e;--surface-2: #272e38;--text: #edf2f7;--muted: #a9b4c2;--heading: #ffffff;--line: #3a4654;--grid: rgba(174, 189, 207, .08);--ambient: rgba(63, 128, 210, .13);--accent: #6da8ff;--accent-2: #ff7ab8;--accent-soft: rgba(109, 168, 255, .16);--edge-ready: #6da8ff;--edge-bought: #58d69a;--edge-locked: #657180;--edge-width: 3px;--edge-filter: none;--node-fill: #252d37;--node-maxed: #23443a;--node-stroke: #6da8ff;--node-stroke-width: 2px;--node-halo: #6da8ff;--node-filter: drop-shadow(0 8px 18px rgba(20, 32, 54, .14));--label-stroke: #101317;--primary-text: #08111d;--control-radius: 6px;--node-radius: 7px}.theme-arcane-runes{--bg: #080712;--panel: rgba(15, 11, 28, .94);--surface: rgba(25, 16, 44, .9);--surface-2: #241c3b;--text: #f8f0ff;--muted: #b8a8d8;--heading: #fff8ff;--primary-text: #120d20;--line: rgba(145, 113, 255, .3);--grid: rgba(93, 255, 190, .08);--ambient: rgba(143, 70, 255, .19);--accent: #b78cff;--accent-2: #55f0b2;--accent-soft: rgba(183, 140, 255, .17);--edge-ready: #55f0b2;--edge-bought: #f7d66b;--edge-locked: #4b415f;--edge-width: 4px;--edge-filter: drop-shadow(0 0 9px rgba(85, 240, 178, .55));--node-fill: #1d1731;--node-maxed: #33462f;--node-stroke: #b78cff;--node-stroke-width: 2px;--node-halo: #55f0b2;--node-filter: drop-shadow(0 0 14px rgba(183, 140, 255, .6));--label-stroke: #080712;--control-radius: 6px;--node-radius: 7px}.theme-solar-forge{--bg: #070908;--panel: rgba(19, 20, 18, .95);--surface: rgba(31, 32, 29, .92);--surface-2: #292b28;--text: #fff3d7;--muted: #b7aa90;--heading: #fff8e8;--primary-text: #170f05;--line: rgba(255, 174, 69, .27);--grid: rgba(255, 174, 69, .07);--ambient: rgba(255, 114, 43, .17);--accent: #ffb449;--accent-2: #ff4e45;--accent-soft: rgba(255, 180, 73, .16);--edge-ready: #ffb449;--edge-bought: #52d7ff;--edge-locked: #5a5044;--edge-width: 4px;--edge-filter: drop-shadow(0 0 7px rgba(255, 180, 73, .55));--node-fill: #242521;--node-maxed: #443a24;--node-stroke: #ffb449;--node-stroke-width: 2px;--node-halo: #ff8b3d;--node-filter: drop-shadow(0 0 12px rgba(255, 114, 43, .48));--label-stroke: #070908;--control-radius: 4px;--node-radius: 6px}@media(max-width:980px){body{overflow:auto}.shell{grid-template-columns:1fr;grid-template-rows:auto 70vh auto;height:auto;min-height:100vh}.guide-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.guide-side{border-right:0;border-bottom:1px solid var(--line)}.guide-content{padding:22px 14px}.guide-hero h1{font-size:30px}.guide-grid{grid-template-columns:1fr}.left-panel,.right-panel{border:0}}