.equilibrium-page{--bg:#071b12;--bg-alt:#0c2a1b;--panel:#0f2c1e;--panel-hi:#173e29;--line:#2f6b45;--line-dim:#1c4530;--line-bright:#57b378;--gold:#cfa646;--gold-bright:#f3d888;--text:#e9f3ec;--text-dim:#a9c9b3;--text-faint:#77987f;background:radial-gradient(ellipse 900px 600px at 50% 0%, #57b37847 0%, transparent 62%), radial-gradient(ellipse 700px 550px at 100% 100%, #143c2866 0%, transparent 55%), linear-gradient(180deg, var(--bg-alt), var(--bg) 65%);width:100%;min-height:100vh}html[data-bg-color=orange] .equilibrium-page{--bg:#1a0e05;--bg-alt:#2a1608;--panel:#33190a;--panel-hi:#42210d;--line:#7a4a1f;--line-dim:#4a2e12;--line-bright:#b3781f;--gold:#e0983a;--gold-bright:#ffc266;--text:#f0e0ce;--text-dim:#c2ac94;--text-faint:#8a7864}html[data-bg-color=red] .equilibrium-page{--bg:#1c0a08;--bg-alt:#2b100c;--panel:#331410;--panel-hi:#421c16;--line:#7a3223;--line-dim:#4a1f16;--line-bright:#b3543a;--gold:#e0785a;--gold-bright:#ffab86;--text:#f0d8ce;--text-dim:#c2a294;--text-faint:#8a6f64}html[data-bg-color=blue] .equilibrium-page{--bg:#081422;--bg-alt:#0d1f30;--panel:#12283b;--panel-hi:#193349;--line:#2f5a7a;--line-dim:#1f3c52;--line-bright:#4f8fae;--gold:#5fa8e0;--gold-bright:#8ecbff;--text:#d6e4ec;--text-dim:#9fb3c2;--text-faint:#6f7f8a}.equilibrium-badge{font-family:var(--font-cinzel), serif;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-bright);border:1px solid var(--line-bright);background:#57b3781f;border-radius:999px;margin-bottom:10px;padding:5px 16px;font-size:.65rem;font-weight:600;display:inline-block}.equilibrium-beta-badge{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-size:.66rem;font-weight:600;display:block}.equilibrium-app-link{justify-content:center;text-decoration:none}.equilibrium-nav-group{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;flex-shrink:0;margin-bottom:16px;display:flex;overflow:hidden}.equilibrium-nav-seg{border:none;border-top:1px solid var(--line-dim);color:var(--text-dim);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600;font-family:var(--font-cinzel), serif;text-align:start;background:0 0;align-items:center;width:100%;padding:9px 11px;text-decoration:none;display:flex;position:relative}.equilibrium-nav-seg:first-child{border-top:none}.equilibrium-nav-seg:hover{color:var(--text);background:#57b37814}.equilibrium-nav-seg.active{color:var(--gold-bright);background:linear-gradient(90deg,#57b3782e,#57b37808)}.equilibrium-nav-seg.active:after{content:"";background:var(--gold);width:2px;position:absolute;top:5px;bottom:5px;left:0}.equilibrium-nav-seg-icon{object-fit:contain;flex-shrink:0;width:16px;height:16px;margin-right:8px}.equilibrium-hero{margin-bottom:24px}.equilibrium-hero p{color:var(--text-dim);margin:0;font-size:.95rem;line-height:1.6}.equilibrium-placeholder-note{color:var(--text-faint);border-left:2px solid var(--line-bright);margin:16px 0 0;padding-left:12px;font-size:.82rem;line-height:1.5}.equilibrium-comp-controls{border:1px solid var(--line-dim);border-radius:var(--radius);background:#0f2c1e66;flex-wrap:wrap;align-items:flex-end;gap:18px;margin:18px 0 20px;padding:12px 14px;display:flex}.equilibrium-comp-field{flex-direction:column;gap:5px;display:flex}.equilibrium-comp-field label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.equilibrium-comp-field-row{align-items:center;gap:6px;display:flex}.equilibrium-comp-controls select,.equilibrium-comp-controls input[type=number]{border:1px solid var(--line-bright);color:var(--text);background:#07160f99;border-radius:6px;padding:5px 8px;font-family:inherit;font-size:.85rem}.equilibrium-comp-controls input[type=number]{width:72px}.equilibrium-comp-controls select:focus,.equilibrium-comp-controls input[type=number]:focus{outline:1px solid var(--gold-bright);outline-offset:1px}.equilibrium-comp-unit{color:var(--text-faint);font-size:.85rem}.equilibrium-comp-clear{border:1px solid var(--line-dim);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:6px;padding:4px 9px;font-size:.75rem}.equilibrium-comp-clear:hover{border-color:var(--gold-bright);color:var(--text)}.equilibrium-points-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-bottom:24px;padding:18px 20px 20px;box-shadow:0 2px 10px #00000059}.equilibrium-points-total{align-items:baseline;gap:9px;margin-bottom:14px;display:flex}.equilibrium-points-value{font-family:var(--font-cinzel), serif;color:var(--gold-bright);text-shadow:0 0 16px #57b37880;font-size:2.1rem;font-weight:700;line-height:1}.equilibrium-points-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.equilibrium-progress{margin:0}.equilibrium-progress-label{color:var(--text-dim);justify-content:space-between;margin-bottom:6px;font-size:.8rem;display:flex}.equilibrium-bar{border-radius:var(--radius);background:var(--line);height:8px;position:relative;overflow:hidden}.equilibrium-bar-fill{border-radius:var(--radius);background:linear-gradient(90deg, var(--gold), var(--gold-bright));height:100%}.equilibrium-bar-milestone{background:#07160f8c;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.equilibrium-bar-milestone-labels{height:14px;margin-top:4px;position:relative}.equilibrium-bar-milestone-label{color:var(--text-faint);white-space:nowrap;font-size:.66rem;position:absolute;transform:translate(-50%)}.equilibrium-task-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.equilibrium-task{border:1px solid var(--line-dim);border-radius:var(--radius);background:#0f2c1e80;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.equilibrium-task.done{border-color:var(--line-bright);background:#57b3781a}.equilibrium-task-label{cursor:pointer;flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.equilibrium-task-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;margin-top:1px;display:flex}.equilibrium-task-plan-btn{white-space:nowrap}.equilibrium-task-points-box{white-space:nowrap;border-radius:var(--radius);border:1px solid var(--line-bright);color:var(--gold-bright);font-size:.8rem;font-weight:700;font-family:var(--font-cinzel), serif;background:#c99a3f1f;align-items:baseline;gap:3px;padding:3px 8px;display:inline-flex}.equilibrium-task-points-unit{text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint);font-size:.62rem;font-weight:600}.equilibrium-task-label:has(.equilibrium-checkbox:disabled){cursor:default}.equilibrium-checkbox{appearance:none;cursor:pointer;border:1.5px solid var(--line-bright);background:#0f2c1e99;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin:0;font-size:.72rem;display:inline-flex;position:relative}.equilibrium-checkbox:hover{border-color:var(--gold-bright)}.equilibrium-checkbox:checked{background:var(--line-bright);border-color:var(--gold-bright)}.equilibrium-checkbox:checked:after{content:"✓";color:#07160f;font-size:.85em;font-weight:700;line-height:1}.equilibrium-checkbox:disabled{cursor:default;opacity:.85}.equilibrium-task-check{margin-top:1px}.equilibrium-task-body{flex-direction:column;gap:2px;display:flex}.equilibrium-task-skill{color:var(--gold-bright);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.equilibrium-task-title{color:var(--text);font-size:.9rem;line-height:1.4}.equilibrium-task-req{color:var(--text-faint);font-size:.78rem;line-height:1.4}.equilibrium-task-invented,.equilibrium-task-comp{color:var(--text-faint);text-transform:none;letter-spacing:0;font-weight:400}.equilibrium-region{margin-top:24px}.equilibrium-region-head{border-bottom:1px solid var(--line-dim);justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-bottom:6px;display:flex}.equilibrium-region-name{font-family:var(--font-cinzel), serif;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.04em;align-items:center;font-size:.9rem;display:flex}.equilibrium-region-icon{object-fit:contain;width:18px;height:18px;margin-right:8px}.equilibrium-region-meta{color:var(--text-faint);font-size:.75rem}.equilibrium-region.locked .equilibrium-region-name{color:var(--text-faint)}.equilibrium-region-locked-note{color:var(--text-faint);margin:0;font-size:.82rem;font-style:italic}.equilibrium-guide{border:1px solid var(--line-dim);border-radius:var(--radius);background:#0f2c1e66;margin-top:28px;padding:14px 16px}.equilibrium-guide-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.equilibrium-guide-title{font-family:var(--font-cinzel), serif;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.equilibrium-guide-meta{color:var(--text-faint);font-size:.72rem}.equilibrium-guide-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.equilibrium-guide-step label{color:var(--text-dim);cursor:pointer;align-items:flex-start;gap:8px;font-size:.85rem;line-height:1.4;display:flex}.equilibrium-guide-checkbox{margin-top:2px}.equilibrium-guide-step-count{color:var(--text-faint);white-space:nowrap;margin-left:auto;padding-left:8px;font-size:.72rem}.equilibrium-relic-tree{align-items:flex-start;gap:0;margin-top:24px;padding:6px 4px 18px;display:flex;overflow-x:auto}.equilibrium-relic-tier-col{text-align:center;flex-direction:column;flex:none;align-items:center;width:148px;display:flex}.equilibrium-relic-tier-head{flex-direction:column;align-items:center;gap:3px;margin-bottom:16px;display:flex}.equilibrium-relic-tier-label{font-family:var(--font-cinzel), serif;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}.equilibrium-relic-tier-points{color:var(--text-faint);font-size:.66rem}.equilibrium-relic-nodes{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.equilibrium-relic-node{cursor:default;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.equilibrium-relic-hex{background:var(--line-bright);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);flex-shrink:0;width:50px;height:50px;transition:background-color .15s,transform .15s;position:relative}.equilibrium-relic-hex:after{content:"";background:linear-gradient(160deg, var(--panel-hi), var(--panel));clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);position:absolute;inset:2px}.equilibrium-relic-node:hover .equilibrium-relic-hex{background:var(--gold-bright);transform:scale(1.08)}.equilibrium-relic-node-name{color:var(--text-dim);max-width:110px;font-size:.66rem;line-height:1.25}.equilibrium-relic-flow{background:var(--line-dim);flex:none;width:26px;height:2px;margin-top:30px;position:relative}.equilibrium-relic-flow:after{content:"";border:5px solid #0000;border-left-color:var(--line-bright);position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.equilibrium-relic-tier-details{text-align:start;width:100%;margin-top:14px}.equilibrium-relic-tier-details summary{cursor:pointer;color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:5px;font-size:.66rem;list-style:none;display:flex}.equilibrium-relic-tier-details summary::-webkit-details-marker{display:none}.equilibrium-relic-tier-details summary:before{content:"▸";color:var(--line-bright);font-size:.56rem}.equilibrium-relic-tier-details[open] summary:before{content:"▾"}.equilibrium-relic-tier-details summary:hover{color:var(--gold-bright)}.equilibrium-relic-passives{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.equilibrium-relic-passives li{color:var(--text-dim);padding-left:12px;font-size:.72rem;line-height:1.4;position:relative}.equilibrium-relic-passives li:before{content:"—";color:var(--line-bright);position:absolute;left:0}.equilibrium-relic-descs{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.equilibrium-relic-name{font-family:var(--font-cinzel), serif;color:var(--gold-bright);letter-spacing:.02em;margin-bottom:3px;font-size:.72rem;display:block}.equilibrium-relic-desc{color:var(--text-dim);margin:0;font-size:.72rem;line-height:1.45}@media (max-width:820px){.equilibrium-relic-tree{-webkit-overflow-scrolling:touch}}.equilibrium-main-footer{border-top:1px solid var(--line-dim);text-align:center;margin-top:32px;padding-top:18px}.equilibrium-main-footer a{color:var(--gold-bright);font-size:.82rem;font-weight:600;font-family:var(--font-cinzel), serif;letter-spacing:.03em;text-decoration:none}.equilibrium-main-footer a:hover{text-decoration:underline}