:root{--ink: #110b1d;--ink-deep: #090611;--panel: rgba(22, 13, 39, .84);--panel-solid: #170d28;--line: rgba(193, 157, 255, .24);--violet: #9f67ff;--violet-bright: #ceb7ff;--magenta: #ec75cf;--mint: #89e7cb;--amber: #ffd28a;--muted: #9585ad;--white: #f6efff;--danger: #ff758e;--shadow: 0 18px 52px rgba(3, 1, 11, .4)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink);color:var(--white)}body{overscroll-behavior:none}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--violet-bright);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.38}#knot-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none}.topbar{position:absolute;inset:0 0 auto;min-height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#090611f7,#090611a3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.11em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--violet);color:var(--violet-bright);font:700 11px/1 Georgia,serif;transform:rotate(45deg)}.brand-mark:first-letter{transform:rotate(-45deg)}.brand b,.brand small{display:block}.brand b{font:700 13px/1.3 Georgia,serif}.brand small{margin-top:3px;color:var(--muted);font-size:8px;letter-spacing:.22em;text-transform:uppercase}.mission-strip{min-width:245px;text-align:center;color:var(--violet-bright);font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.mission-strip:before,.mission-strip:after{content:"";display:inline-block;width:26px;height:1px;margin:0 10px 3px;background:var(--violet);opacity:.75}.utility{justify-self:end;display:flex;gap:7px;pointer-events:auto}.icon-button,.secondary,.primary,.close{border:1px solid var(--line);background:#0f091cb8;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.icon-button{padding:9px 11px;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.icon-button:hover,.icon-button.active{color:var(--white);border-color:var(--violet);background:#6737b447}.telemetry{position:absolute;top:102px;left:24px;display:flex;gap:28px}.telemetry-cell{position:relative;padding-left:12px;border-left:2px solid var(--violet)}.telemetry-cell span{display:block;color:var(--muted);font:8px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em}.telemetry-cell b{display:inline-block;margin-top:4px;font:400 23px/1 Georgia,serif}.telemetry-cell i{display:inline-block;margin-left:6px;color:var(--violet-bright);font: 10px/1 ui-monospace,monospace}.telemetry-cell:last-child i{max-width:150px;display:block;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parity-cell{border-left-color:var(--magenta)}.parity-cell b{color:var(--mint);font:700 11px/1 ui-monospace,monospace;letter-spacing:.1em}.parity-cell i{color:var(--muted);font-size:8px}.crossing-panel{position:absolute;top:190px;left:24px;width:214px;padding:15px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);pointer-events:auto}.panel-kicker{color:var(--violet-bright);font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em}.panel-rule{height:1px;margin:13px 0;background:var(--line)}.braid-word{display:flex;flex-wrap:wrap;gap:5px;min-height:25px;margin-top:11px}.word-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 6px;border:1px solid rgba(193,157,255,.22);color:var(--violet-bright);font:700 9px/1 ui-monospace,monospace}.word-chip.negative{color:var(--magenta);border-color:#ec75cf4d}.word-chip.locked{opacity:.55}.crossing-list{display:grid;gap:5px;margin-top:10px}.crossing-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;width:100%;padding:7px 8px;border:1px solid transparent;background:#ceb7ff0a;color:var(--muted);text-align:left;cursor:pointer}.crossing-row:hover,.crossing-row.active,.crossing-row.selected{border-color:var(--violet);background:#9f67ff29;color:var(--white)}.crossing-row.locked{color:var(--danger)}.crossing-token{display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;font:700 9px/1 ui-monospace,monospace;transform:rotate(45deg)}.crossing-token span{transform:rotate(-45deg)}.crossing-row strong{font:700 10px/1.1 ui-monospace,monospace;letter-spacing:.08em}.crossing-row small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.crossing-row em{font: 9px/1 ui-monospace,monospace}.selection-hint{min-height:30px;margin:12px 0 0;color:var(--muted);font:9px/1.45 ui-monospace,monospace}.selection-hint[data-tone=danger]{color:var(--danger)}.selection-hint[data-tone=warning]{color:var(--amber)}.selection-hint[data-tone=success]{color:var(--mint)}.undo-button{width:100%;min-height:36px;margin-top:10px;border:1px solid var(--line);background:#ffffff09;color:var(--muted);cursor:pointer;font:700 8px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.undo-button span{margin-left:5px;color:var(--mint)}.undo-button:hover:not(:disabled){border-color:var(--violet);color:var(--white);background:#6737b429}.mini-stats{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font:8px/1.2 ui-monospace,monospace}.mini-stats b{color:var(--violet-bright);font-weight:400}.word-panel{position:absolute;top:102px;right:24px;width:235px;padding:16px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);pointer-events:none}.resonance{display:flex;align-items:center;gap:9px;margin:14px 0 17px;color:var(--white);font:italic 12px/1.45 Georgia,serif}.resonance-line{flex:0 0 20px;height:1px;background:var(--magenta);box-shadow:0 0 10px var(--magenta)}.depth-meter{display:grid;grid-template-columns:1fr auto;gap:7px 10px;color:var(--muted);font:8px/1.1 ui-monospace,monospace;letter-spacing:.12em}.depth-meter>div{grid-column:1 / -1;height:4px;background:#ceb7ff24}.depth-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--violet),var(--mint));box-shadow:0 0 12px #89e7cbb3;transition:width .3s ease}.depth-legend{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:12px;color:var(--muted);font:7px/1 ui-monospace,monospace;letter-spacing:.08em}.depth-legend i{height:1px;background:linear-gradient(90deg,var(--violet-bright),var(--magenta))}.depth-summary{margin:8px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.depth-meter b{color:var(--mint);font-weight:400}.controls-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:19px;color:var(--muted);font:8px/1.3 ui-monospace,monospace}kbd{display:inline-grid;place-items:center;min-width:18px;height:17px;margin-right:3px;padding:0 4px;border:1px solid rgba(206,183,255,.28);color:var(--violet-bright);font:8px/1 ui-monospace,monospace}.toast{position:absolute;top:94px;left:50%;max-width:min(480px,84vw);padding:9px 14px;border:1px solid var(--line);background:#090611f0;color:var(--white);font:9px/1.35 ui-monospace,monospace;letter-spacing:.06em;opacity:0;transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.modal{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;padding:32px;text-align:center;pointer-events:auto;background:radial-gradient(circle at center,#271443e8,#07040efa 69%)}.modal.hidden{display:none}.title-modal{justify-items:start;padding-left:clamp(32px,8vw,120px);text-align:left;background:linear-gradient(90deg,#08050ffa,#08050fdb 48%,#08050f57 76%,#08050fb8);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.title-glyph{margin-bottom:17px;color:var(--violet-bright);font:400 49px/.7 Georgia,serif;text-shadow:0 0 25px rgba(159,103,255,.9)}.eyebrow{margin:0 0 14px;color:var(--magenta);font:700 9px/1.4 ui-monospace,monospace;letter-spacing:.28em}h1{margin:0;font:400 clamp(58px,10vw,116px)/.72 Georgia,serif;letter-spacing:-.06em}h1 em{color:transparent;-webkit-text-stroke:1px var(--violet-bright);font-weight:400}.title-copy{max-width:510px;margin:31px 0 24px;color:#c7b8d9;font:13px/1.7 Georgia,serif}.title-objectives{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:11px 22px;margin-bottom:30px;color:var(--muted);font:8px/1.4 ui-monospace,monospace;letter-spacing:.08em}.primary,.secondary{min-width:210px;padding:13px 20px}.primary{color:#150b22;background:var(--violet-bright);font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em}.primary:hover{color:var(--white);background:#4a2a76}.secondary{margin-top:9px;color:var(--muted);font:700 9px/1 ui-monospace,monospace;letter-spacing:.1em}.secondary:hover{color:var(--white);border-color:var(--violet)}.seed-label{margin:14px 0 0;color:#756688;font:8px/1 ui-monospace,monospace;letter-spacing:.12em}.compact-modal{z-index:7;background:#07040eed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h2{margin:0;font:400 clamp(36px,6vw,62px)/1 Georgia,serif}.compact-modal p:not(.eyebrow){max-width:450px;margin:13px 0 27px;color:var(--muted);font:11px/1.55 Georgia,serif}.manual-modal{z-index:8;overflow:auto}.route-choice{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:8px;width:min(640px,92vw);margin-top:4px}.route-button{min-height:76px;padding:13px 15px;border:1px solid var(--violet);background:#6737b429;color:var(--white);text-align:left;cursor:pointer}.route-button:hover{border-color:var(--violet-bright);background:#6737b447;transform:translateY(-1px)}.route-button.crown{border-color:#ffd28ab3;background:#ffd28a14}.route-button.crown:hover{border-color:var(--amber);background:#ffd28a26}.route-button b,.route-button span{display:block}.route-button b{font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.route-button span{margin-top:7px;color:var(--muted);font-size:9px;line-height:1.4}.close{position:absolute;top:22px;right:22px;width:36px;height:36px;color:var(--muted);font-size:20px}.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,360px));gap:1px;margin:30px 0 18px;background:var(--line)}.manual-grid article{padding:18px;text-align:left;background:var(--panel-solid)}.manual-grid b{color:var(--violet-bright);font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em}.manual-grid p{margin:9px 0 0;color:var(--muted);font:11px/1.55 Georgia,serif}.manual-risk{max-width:590px;margin:0 0 19px;color:var(--muted);font:10px/1.5 Georgia,serif}.end-modal{z-index:9;overflow:auto}#end-title{max-width:760px}#end-copy{max-width:560px;margin:15px auto 23px;color:var(--muted);font:12px/1.6 Georgia,serif}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);width:min(470px,90vw);margin-bottom:22px;border:1px solid var(--line)}.score-grid div{padding:12px;border-right:1px solid var(--line)}.score-grid div:last-child{border-right:0}.score-grid span{display:block;color:var(--muted);font:7px/1 ui-monospace,monospace;letter-spacing:.16em}.score-grid b{display:block;margin-top:5px;font:400 24px/1 Georgia,serif}.trace-list{width:min(620px,92vw);margin-bottom:23px;text-align:left}.trace{display:grid;grid-template-columns:38px 1fr auto;gap:10px;padding:8px 0;border-top:1px solid var(--line);color:var(--muted);font:8px/1.4 ui-monospace,monospace}.trace span{color:var(--magenta)}.trace b{color:var(--violet-bright);font-weight:400;text-align:right}@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.mission-strip{display:none}.word-panel{top:auto;right:16px;bottom:116px;width:210px}.crossing-panel{top:166px;left:16px;width:188px}.telemetry{left:16px;gap:17px}.route-choice{grid-template-columns:1fr;width:min(360px,90vw)}.title-modal{justify-items:center;padding-left:18px;text-align:center;background:linear-gradient(180deg,#08050fe0,#08050ff5)}.depth-summary{font-size:7px}}@media(max-width:620px){.topbar{min-height:67px;padding:12px 13px}.brand-mark{width:29px;height:29px;font-size:9px}.brand b{font-size:11px}.brand small{font-size:7px}.utility{gap:4px}.icon-button{padding:8px 7px;font-size:8px}.telemetry{top:83px;left:13px;gap:12px}.telemetry-cell{padding-left:8px}.telemetry-cell span{font-size:7px}.telemetry-cell b{font-size:18px}.telemetry-cell i{font-size:8px}.crossing-panel{top:138px;left:13px;width:160px;padding:11px}.panel-kicker{font-size:7px;letter-spacing:.16em}.braid-word{gap:3px}.word-chip{padding:4px;font-size:8px}.crossing-row{grid-template-columns:20px 1fr auto;gap:5px;padding:6px 5px}.crossing-token{width:19px;height:19px;font-size:8px}.crossing-row strong{font-size:9px}.crossing-row small{font-size:7px}.word-panel{right:13px;bottom:93px;width:166px;padding:11px}.resonance{margin:10px 0 12px;font-size:10px}.controls-legend{display:none}.mini-stats{gap:6px;font-size:7px}.title-copy{margin-top:24px;font-size:12px}.title-objectives{justify-content:center;gap:7px 12px;font-size:7px}.manual-grid{grid-template-columns:1fr;width:min(360px,90vw)}.manual-grid article{padding:13px}.manual-risk{font-size:9px}.score-grid div{padding:9px 5px}.score-grid span{font-size:6px;letter-spacing:.1em}.score-grid b{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.route-button:hover{transform:none}}@media(max-width:900px){html,body,#app{overflow-x:clip}.toast{top:80px}.title-modal,.compact-modal,.manual-modal,.end-modal{overflow-y:auto}.title-modal>*,.compact-modal>*,.manual-modal>*,.end-modal>*{max-width:100%}}@media(max-width:620px){.topbar{min-width:0;overflow:hidden}.brand,.utility{min-width:0}.utility{flex-wrap:nowrap}.icon-button{white-space:nowrap}.telemetry{max-width:calc(100% - 26px);overflow:hidden}.telemetry-cell span,.panel-kicker,.mini-stats{font-size:8px}.crossing-panel,.word-panel{max-height:min(42vh,300px);overflow-y:auto;overscroll-behavior:contain}.toast{top:auto;right:13px;bottom:max(18px,env(safe-area-inset-bottom));left:13px;width:auto;max-width:none;transform:translate(0);font-size:10px}.toast.show{transform:translate(0)}.title-modal,.compact-modal,.manual-modal,.end-modal{padding:18px 13px}.modal-card,.score-grid,.trace-list{max-width:100%}}@media(max-width:360px){.crossing-panel,.word-panel{width:calc(50% - 18px)}.crossing-panel{left:10px}.word-panel{right:10px}.score-grid{grid-template-columns:1fr}.score-grid div{border-right:0;border-bottom:1px solid var(--line)}.score-grid div:last-child{border-bottom:0}}@media(min-width:901px){.crossing-panel,.word-panel{max-height:calc(100dvh - 170px);overflow-y:auto;overscroll-behavior:contain}.title-modal,.compact-modal,.manual-modal,.end-modal{overflow-y:auto}.title-modal>*,.compact-modal>*,.manual-modal>*,.end-modal>*{max-width:100%}.score-grid div{background:#c19dff06}}