:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#05070e;--bg-soft:#080c17;--panel:#0d1322c7;--panel-strong:#080d18eb;--border:#7c9bdc24;--border-strong:#7c9bdc47;--text:#dce7ff;--muted:#8696b5;--faint:#5b6a86;--accent:#7fb0ff;--accent-strong:#b8d4ff;--hot:#ffb37a;--good:#7cebc0;--warn:#ff9f9f;--mono:ui-monospace, "SFMono-Regular", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;overflow:clip}#root{height:100%;overflow:hidden}body{background:radial-gradient(circle at 16% -10%, #4660aa38, transparent 40%), radial-gradient(circle at 92% 8%, #96468c1f, transparent 38%), var(--bg);min-width:320px;color:var(--text);margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #7fb0ffb3}::selection{background:#7fb0ff52}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c9bdc33 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7c9bdc57 padding-box padding-box;border:2px solid #0000}.guide{z-index:100;overscroll-behavior:contain;scroll-behavior:smooth;height:100dvh;color:var(--text);background:radial-gradient(circle at 14% 0,#4c69be33,#0000 34%),radial-gradient(circle at 88% 7%,#96468c1f,#0000 32%),radial-gradient(circle at 50% 100%,#3c3c7814,#0000 48%),#05070e;position:fixed;inset:0;overflow:hidden auto}.guide a{color:var(--accent);text-decoration:none}.guide a:hover{color:var(--accent-strong)}.guide code{color:#cfe0ff;font-family:var(--mono);white-space:nowrap;background:#7fb0ff12;border:1px solid #7fb0ff1f;border-radius:5px;padding:1px 5px;font-size:.88em}.guide__topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050810c7;justify-content:space-between;align-items:center;gap:18px;padding:12px max(20px,50vw - 590px);display:flex;position:sticky;top:0}.guide__brand{align-items:center;gap:11px;min-width:0;display:flex}.guide__brand strong{letter-spacing:.18em;text-transform:uppercase;font-size:14px;font-weight:600;display:block}.guide__brand-sub{letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-top:1px;font-size:8.5px;display:block}.guide__mark{border:1px solid var(--border-strong);background:radial-gradient(circle at 32% 24%,#7fb0ff52,#0000 52%),linear-gradient(145deg,#111a30,#060a13);border-radius:10px;flex:none;width:34px;height:34px;position:relative;overflow:hidden}.guide__mark span{border:1px solid #7fb0ff8c;border-radius:50%;position:absolute}.guide__mark span:first-child{inset:9px}.guide__mark span:nth-child(2){border-color:#ffb37a8c;inset:12px 4px;transform:rotate(32deg)}.guide__mark span:nth-child(3){border-color:#bc96ff80;inset:4px 12px;transform:rotate(-32deg)}.guide__topbar-actions{align-items:center;gap:14px;display:flex}.guide__text-link{letter-spacing:.04em;font-size:11px;color:var(--muted)!important}.guide__text-link:hover{color:var(--text)!important}.guide__button{border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:#0c1220b8;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:11.5px;transition:background .12s,border-color .12s,transform .12s;display:inline-flex;color:var(--text)!important}.guide__button:hover{background:#7fb0ff1a;border-color:#7fb0ff59;color:var(--text)!important}.guide__button:active{transform:translateY(1px)}.guide__button--primary{background:linear-gradient(#7fb0ff33,#7fb0ff12),#0c1220d1;border-color:#7fb0ff61}.guide__hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:46px;width:min(1180px,100% - 48px);margin:0 auto;padding:68px 0 44px;display:grid}.guide__eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-size:9.5px}.guide h1{letter-spacing:-.035em;color:#eaf1ff;background:linear-gradient(120deg,#f1f6ff 10%,#b9d2ff 55%,#ffc79a 100%);-webkit-background-clip:text;background-clip:text;max-width:720px;margin:0;font-size:clamp(38px,5.2vw,64px);font-weight:600;line-height:1.02}@supports ((-webkit-background-clip:text) or (background-clip:text)){.guide h1{color:#0000;-webkit-text-fill-color:transparent}}.guide__lede{max-width:590px;color:var(--muted);margin:20px 0 0;font-size:15px;line-height:1.72}.guide__hero-actions{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.guide-figure{border:1px solid var(--border);background:#080d18bd;border-radius:17px;margin:0;padding:9px;box-shadow:0 20px 46px #0000003d}.guide-figure figcaption{color:var(--faint);padding:9px 5px 2px;font-size:10.5px;line-height:1.5}.guide-svg{border-radius:12px;width:100%;height:auto;display:block}.guide-svg-label{fill:#bed6ffb8;font-family:var(--mono);letter-spacing:.06em;font-size:10px}.guide-svg-label--muted{fill:#8ca5d27a;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.guide__layout{grid-template-columns:190px minmax(0,1fr);gap:56px;width:min(1180px,100% - 48px);margin:0 auto;padding:22px 0 86px;display:grid}.guide__toc{border:1px solid var(--border);background:#080d1880;border-radius:12px;flex-direction:column;align-self:start;gap:9px;padding:14px;display:flex;position:sticky;top:92px}.guide__toc-title{letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:3px;font-size:8.5px}.guide__toc a{color:var(--muted);font-size:11px;line-height:1.35}.guide__toc a:hover{color:var(--text)}.guide__content{min-width:0;max-width:840px}.guide-section{margin-bottom:70px;scroll-margin-top:96px}.guide-section:last-child{margin-bottom:0}.guide-section__eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 9px;font-size:9px}.guide h2{letter-spacing:-.025em;color:#eaf1ff;margin:0 0 18px;font-size:clamp(25px,3vw,34px);font-weight:600;line-height:1.15}.guide h3{letter-spacing:-.01em;color:var(--text);margin:0 0 7px;font-size:14px;font-weight:600;line-height:1.35}.guide p{color:var(--muted);margin:0 0 14px;font-size:13.5px;line-height:1.72}.guide p:last-child{margin-bottom:0}.guide strong{color:#dbe7ff;font-weight:600}.guide em{color:#c9d9f7}.guide-formula{color:#dbe8ff;font-family:var(--mono);white-space:pre-line;background:linear-gradient(90deg,#7fb0ff12,#0000 60%),#04070eb3;border:1px solid #7fb0ff29;border-left:2px solid #7fb0ff8c;border-radius:9px;margin:17px 0 20px;padding:15px 18px;font-size:13px;line-height:1.95;overflow-x:auto}.guide-formula sub,.guide-formula sup{font-size:.7em}.guide-card{border:1px solid var(--border);background:linear-gradient(150deg,#7fb0ff0b,#0000 55%),#080d18a8;border-radius:14px;padding:20px}.guide-card--soft{background:#080d1880}.guide-card__tag{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:8.5px;display:inline-block}.guide-card p{font-size:12.5px;line-height:1.65}.guide-grid{gap:16px;margin:22px 0;display:grid}.guide-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-callout{color:var(--muted);background:linear-gradient(90deg,#ffb37a12,#0000 65%),#100b0a6b;border:1px solid #ffb37a33;border-left:2px solid #ffb37aa6;border-radius:9px;margin:22px 0;padding:14px 17px;font-size:12.5px;line-height:1.65}.guide-callout strong{color:#ffe0c8}.guide-legend{border:1px solid var(--border);background:#080d188c;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:20px 0 26px;padding:16px 18px;display:grid}.guide-legend__item{color:var(--muted);align-items:flex-start;gap:10px;font-size:12px;line-height:1.55;display:flex}.guide-legend__item strong{color:var(--text)}.guide-legend__swatch{border:1px solid #ffffff14;border-radius:4px;flex:none;width:26px;height:16px;margin-top:2px}.guide-legend__swatch--heat{background:linear-gradient(90deg,#030310,#20114f 22%,#7a1a78 45%,#db483f 70%,#fdab30 88%,#fff5a4)}.guide-legend__arrow{width:26px;height:16px;color:var(--accent-strong);text-align:center;flex:none;margin-top:1px;font-size:18px;line-height:16px}.guide-legend__trail{background:radial-gradient(circle at 92%,#fff5a4 0 2px,#0000 2.5px),linear-gradient(90deg,#0000,#ffb37a1f 35%,#ffb37a8c 75%,#ffb37a);border-radius:4px;flex:none;width:26px;height:16px;margin-top:2px}.guide-legend__dot{background:#fff5a4;border-radius:50%;flex:none;width:7px;height:7px;margin:6px 9px 0;box-shadow:0 0 10px #fff5a4cc}.guide-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.guide-preset{border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(150deg,#7fb0ff0d,#0000 55%),#080d18a3;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:border-color .12s,background .12s,transform .12s;display:flex}.guide-preset:hover{background:linear-gradient(150deg,#7fb0ff1a,#0000 60%),#080d18b8;border-color:#7fb0ff61}.guide-preset:active{transform:translateY(1px)}.guide-preset__meta{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:8.5px}.guide-preset__name{color:var(--text);font-size:14px;font-weight:600}.guide-preset__desc{color:var(--muted);font-size:11px;line-height:1.55}.guide-preset__action{font-family:var(--mono);letter-spacing:.05em;color:var(--faint);margin-top:7px;font-size:9px}.guide-preset:hover .guide-preset__action{color:var(--accent-strong)}.guide-table-wrap{border:1px solid var(--border);border-radius:12px;margin:20px 0;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;font-size:12px}.guide-table th,.guide-table td{text-align:left;vertical-align:top;color:var(--muted);border-bottom:1px solid #7c9bdc1a;padding:10px 14px}.guide-table th{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);background:#7fb0ff0a;font-size:9px}.guide-table tr:last-child td{border-bottom:0}.guide-table td:first-child{color:var(--text);white-space:nowrap}.guide-table code{white-space:normal}.guide-links{flex-wrap:wrap;gap:8px;display:flex}.guide-links a{border:1px solid var(--border);color:var(--muted);background:#080d188f;border-radius:8px;padding:7px 11px;font-size:11px;transition:border-color .12s,color .12s,background .12s}.guide-links a:hover{color:var(--text);background:#7fb0ff14;border-color:#7fb0ff59}.guide__footer{border-top:1px solid var(--border);width:min(1180px,100% - 48px);color:var(--faint);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:26px 0 44px;font-size:10.5px;line-height:1.6;display:flex}.guide__footer strong{color:var(--muted)}@media (width<=1020px){.guide__hero{grid-template-columns:1fr;gap:28px;padding-top:48px}.guide__hero .guide-figure{max-width:560px}.guide__layout{grid-template-columns:1fr;gap:28px}.guide__toc{flex-flow:wrap;align-items:center;gap:8px 16px;padding:12px 14px;position:static}.guide__toc-title{width:100%;margin-bottom:0}.guide-grid--3{grid-template-columns:1fr}}@media (width<=720px){.guide__topbar{padding:10px 14px}.guide__topbar-actions{gap:8px}.guide__text-link{display:none}.guide__button{padding:7px 10px;font-size:10.5px}.guide__hero,.guide__layout,.guide__footer{width:calc(100% - 28px)}.guide__hero{padding-top:36px}.guide h1{font-size:clamp(34px,10vw,46px)}.guide__lede{font-size:13.5px}.guide-grid--2,.guide-legend,.guide-preset-grid{grid-template-columns:1fr}.guide-section{margin-bottom:54px;scroll-margin-top:82px}.guide-formula{padding:12px 13px;font-size:12px}.guide__footer{flex-direction:column;align-items:flex-start;padding-bottom:32px}}.app{flex-direction:column;height:100dvh;min-height:0;display:flex;position:fixed;inset:0;overflow:clip}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#0508108c;flex:none;justify-content:space-between;align-items:center;gap:18px;padding:12px 20px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand__mark{border:1px solid var(--border-strong);background:radial-gradient(circle at 32% 24%,#7fb0ff52,#0000 52%),linear-gradient(145deg,#111a30,#060a13);border-radius:12px;flex:none;width:38px;height:38px;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #7fb0ff1a}.brand__mark span{border:1px solid #7fb0ff8c;border-radius:50%;position:absolute}.brand__mark span:first-child{inset:10px}.brand__mark span:nth-child(2){border-color:#ffb37a8c;inset:14px 5px;transform:rotate(32deg)}.brand__mark span:nth-child(3){border-color:#bc96ff80;inset:5px 14px;transform:rotate(-32deg)}.brand__text{min-width:0}.brand h1{letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:17px;font-weight:600;line-height:1.1}.brand p{letter-spacing:.2em;text-transform:uppercase;color:var(--faint);white-space:nowrap;margin:2px 0 0;font-size:9px}.topbar__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.segmented{border:1px solid var(--border);background:#060a13bf;border-radius:10px;align-items:center;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;letter-spacing:.02em;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:6px 11px;font-size:11px;transition:background .12s,color .12s,box-shadow .12s}.segmented button:hover{color:var(--text);background:#7fb0ff14}.segmented button.is-active{color:var(--text);background:#7fb0ff29;box-shadow:inset 0 0 0 1px #7fb0ff42}.segmented--full{grid-template-columns:1fr 1fr;width:100%;margin-bottom:8px;display:grid}.segmented--mode button{min-width:82px}.button{border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#0c1220bf;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:11.5px;transition:background .12s,border-color .12s,transform .12s;display:inline-flex}.button:hover:not(:disabled){background:#7fb0ff1f;border-color:#7fb0ff52}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.4;cursor:not-allowed}.button--primary{background:linear-gradient(#7fb0ff33,#7fb0ff14),#0c1220cc;border-color:#7fb0ff57}.button__glyph{color:var(--accent-strong);letter-spacing:.04em;font-size:9px}.layout{flex:auto;grid-template-columns:344px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border);contain:paint;background:linear-gradient(#090e19b8,#05080f66);min-height:0}.sidebar__scroll{flex-direction:column;gap:12px;height:100%;padding:14px 12px 26px;display:flex;overflow-y:auto}.panel{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:13px;box-shadow:0 12px 30px #00000029}.panel__head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.panel__head h2{letter-spacing:.17em;text-transform:uppercase;color:var(--text);margin:0;font-size:10.5px;font-weight:600}.panel__meta{font-family:var(--mono);color:var(--faint);font-size:9.5px}.panel__subhead{letter-spacing:.15em;text-transform:uppercase;color:var(--faint);margin:12px 0 6px;font-size:9px;font-weight:500}.panel__subhead:first-of-type{margin-top:0}.preset-list{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:6px;display:grid}.preset-card{text-align:left;cursor:pointer;background:#060a1373;border:1px solid #0000;border-radius:9px;width:100%;min-height:38px;padding:7px 8px;transition:border-color .12s,background .12s,transform .12s}.preset-card:hover{background:#7fb0ff0f;border-color:#7fb0ff3d}.preset-card:active{transform:translateY(1px)}.preset-card.is-active{background:linear-gradient(90deg,#7fb0ff29,#7fb0ff08),#060a1399;border-color:#7fb0ff80;box-shadow:inset 0 0 0 1px #7fb0ff1f}.preset-card__top{justify-content:space-between;align-items:flex-start;gap:5px;display:flex}.preset-card__name{color:var(--text);font-size:10.5px;font-weight:600;line-height:1.3}.preset-card__tag{font-family:var(--mono);border:1px solid var(--border);color:var(--muted);border-radius:4px;flex:none;padding:1px 5px;font-size:8.5px}.preset-card__desc{display:none}.field-label{font-family:var(--mono);color:var(--accent);margin:12px 0 6px;font-size:11.5px;display:block}.expression{resize:vertical;border:1px solid var(--border);color:#e9f0ff;width:100%;min-height:64px;font-family:var(--mono);background:#03060ce6;border-radius:10px;outline:none;padding:9px 10px;font-size:11.5px;line-height:1.6;transition:border-color .12s,box-shadow .12s;display:block}.expression:focus{border-color:#7fb0ff8c;box-shadow:0 0 0 3px #7fb0ff1a}.hint{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.5}.hint--faint{color:var(--faint)}.error-box{color:#ffc0c0;word-break:break-word;background:#46101a59;border:1px solid #ff828252;border-radius:8px;margin-top:8px;padding:7px 9px;font-size:10.5px;line-height:1.45}.params{border-top:1px solid var(--border);flex-direction:column;gap:9px;margin-top:10px;padding-top:10px;display:flex}.params__title{letter-spacing:.15em;text-transform:uppercase;color:var(--faint);font-size:9px}.param{flex-direction:column;gap:5px;display:flex}.param__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.param__name{font-family:var(--mono);color:var(--accent-strong);font-size:11px}.param__value{border:1px solid var(--border);width:88px;color:var(--text);font-family:var(--mono);text-align:right;background:#03060ce6;border-radius:6px;padding:4px 7px;font-size:10.5px}input[type=range]{width:100%;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}input[type=range]:disabled{opacity:.35;cursor:not-allowed}.range-control{flex-direction:column;gap:2px;margin-bottom:9px;display:flex}.range-control__head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:10.5px;display:flex}.range-control output{font-family:var(--mono);color:var(--text);font-size:10px}.toggles{flex-direction:column;gap:9px;display:flex}.toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:11px;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle__track{border:1px solid var(--border);background:#060a13cc;border-radius:999px;flex:none;width:28px;height:16px;transition:background .14s,border-color .14s;position:relative}.toggle__thumb{background:var(--faint);border-radius:50%;width:10px;height:10px;transition:transform .14s,background .14s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle__track{background:#7fb0ff3d;border-color:#7fb0ff8c}.toggle input:checked+.toggle__track .toggle__thumb{background:#cfe1ff;transform:translate(12px)}.toggle input:focus-visible+.toggle__track{outline-offset:2px;outline:2px solid #7fb0ffb3}.toggle.is-disabled{opacity:.42;cursor:not-allowed}.select-row{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;font-size:10.5px;display:flex}.select-row select{border:1px solid var(--border);max-width:190px;color:var(--text);font-family:var(--mono);background:#03060ce6;border-radius:7px;padding:5px 7px;font-size:10px}.link-button{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-size:9.5px}.link-button:hover{color:var(--accent-strong)}.legend{align-items:center;gap:8px;margin-top:13px;display:flex}.legend__bar{background:linear-gradient(90deg,#030310 0%,#20114f 22%,#7a1a78 43%,#db483f 68%,#fdab30 87%,#fff5a4 100%);border:1px solid #ffffff0f;border-radius:999px;flex:1;height:7px}.legend__label{letter-spacing:.13em;text-transform:uppercase;color:var(--faint);font-size:8.5px}.portrait-progress{color:var(--muted);flex-direction:column;gap:6px;margin-top:8px;font-size:10px;display:flex}.portrait-progress__track{background:#ffffff0f;border-radius:999px;height:5px;overflow:hidden}.portrait-progress__fill{background:linear-gradient(90deg,#6c8cff,#b98cff,#ffb37a);height:100%;transition:width .12s linear}.sidebar__footer{color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px;padding:2px 4px 0;font-size:9px;line-height:1.6;display:flex}.dot{background:#7fb0ff8c;border-radius:50%;width:3px;height:3px}.stage{background:radial-gradient(circle at 56% 46%,#28366029,#0000 58%),radial-gradient(circle at 12% 96%,#6e2d641a,#0000 42%);min-width:0;min-height:0;position:relative}.phase-canvas{border:1px solid var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#04060c;border-radius:18px;position:absolute;inset:14px;overflow:hidden;box-shadow:0 22px 60px #0000006b,inset 0 0 0 1px #ffffff05}.phase-canvas.is-dragging{cursor:grabbing}.phase-canvas__gl{width:100%;height:100%;display:block}.phase-canvas__labels{pointer-events:none;position:absolute;inset:0;overflow:visible}.phase-canvas__tick{fill:#a0b9e885;font-family:var(--mono);letter-spacing:.02em;font-size:9px}.phase-canvas__axis-label{fill:#96beff99;font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;font-size:10px}.phase-canvas__fatal{text-align:center;color:#ffc0c0;background:#05080eeb;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:30px;font-size:12px;display:flex;position:absolute;inset:0}.phase-canvas__fatal strong{font-size:14px}.phase-canvas__fatal span{color:var(--muted);max-width:420px;line-height:1.5}.hud{pointer-events:none;z-index:2;align-items:center;gap:7px;display:flex;position:absolute}.hud--top-left{top:28px;left:28px}.hud--top-right{flex-direction:column;align-items:flex-end;gap:5px;top:28px;right:28px}.hud--bottom-left{bottom:2px;left:28px}.hud--bottom-right{bottom:2px;right:28px}.chip{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050911ad;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;display:inline-flex}.chip--live{color:#8ff0c2;border-color:#7cebc04d}.chip--live:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 8px}.chip--portrait{color:var(--hot);border-color:#ffb37a4d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.readout{border:1px solid var(--border);color:var(--text);font-family:var(--mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0509119e;border-radius:7px;align-items:baseline;gap:5px;padding:4px 8px;font-size:10.5px;display:inline-flex}.readout__label{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:8px}.readout.is-good{color:var(--good)}.readout.is-ok{color:var(--hot)}.readout.is-warn{color:var(--warn)}.range-label{color:var(--muted);font-family:var(--mono);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0509118f;border-radius:6px;padding:3px 7px;font-size:9px}.hintbar{color:#8ca0c88c;font-family:var(--mono);letter-spacing:.03em;text-shadow:0 1px 5px #000c;font-size:9px}.stage-error{z-index:3;color:#ffc7c7;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#420f18d1;border:1px solid #ff828257;border-radius:9px;max-width:min(66%,620px);padding:7px 12px;font-size:10.5px;line-height:1.45;position:absolute;top:78px;left:50%;transform:translate(-50%)}.progress-panel{z-index:3;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#060a13db;border-radius:11px;width:min(300px,60%);padding:11px 13px;position:absolute;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000059}.progress-panel__title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:9px}.progress-panel__track{background:#ffffff12;border-radius:999px;height:5px;overflow:hidden}.progress-panel__fill{border-radius:inherit;background:linear-gradient(90deg,#6c8cff,#b98cff,#ffb37a);height:100%;transition:width .14s linear}.progress-panel__number{text-align:right;font-family:var(--mono);color:var(--faint);margin-top:6px;font-size:9px}@media (width<=1000px){.topbar{flex-wrap:wrap;padding:10px 14px}.layout{grid-template-rows:minmax(0,1fr) minmax(0,42%);grid-template-columns:1fr}.stage{order:1;min-height:0}.sidebar{border-right:0;border-top:1px solid var(--border);order:2;max-height:none}.phase-canvas{inset:10px}.hud--top-left{top:22px;left:22px}.hud--top-right{top:22px;right:22px}.hud--bottom-left{bottom:1px;left:22px}.hud--bottom-right{bottom:1px;right:22px}}@media (width<=720px){.brand p{display:none}.topbar .button--guide{padding:8px 10px}.topbar .button--guide .button__label{display:none}.brand h1{font-size:15px}.topbar__actions{justify-content:space-between;width:100%}.segmented--mode button{min-width:0}.hud--top-right,.hud--bottom-right{display:none}.hud--top-left{flex-wrap:wrap;max-width:70%}.stage-error{max-width:84%;top:110px}}.sidebar-guide{text-align:left;cursor:pointer;background:linear-gradient(150deg,#7fb0ff17,#0000 60%),#080d1873;border:1px dashed #7fb0ff47;border-radius:13px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:14px;transition:border-color .12s,background .12s,transform .12s;display:flex}.sidebar-guide:hover{background:linear-gradient(150deg,#7fb0ff29,#0000 60%),#080d1899;border-color:#7fb0ff80}.sidebar-guide:active{transform:translateY(1px)}.sidebar-guide__eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:8.5px}.sidebar-guide__title{color:var(--text);font-size:12.5px;font-weight:600}.sidebar-guide__desc{color:var(--muted);font-size:10px;line-height:1.5}