:root{--ink: #0b0614;--panel: rgba(20, 12, 33, .92);--panel-solid: #160d26;--edge: rgba(198, 168, 240, .2);--edge-strong: rgba(198, 168, 240, .42);--bone: #f3edff;--bone-dim: #c0b0dc;--lilac: #b892f0;--mint: #59d9bd;--violet: #9a6fe0;--brass: #ecbc68;--bad: #ff8aa5;--serif: ui-serif, Georgia, "Iowan Old Style", "Times New Roman", serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--bone);font-family:var(--serif);overflow:hidden;-webkit-text-size-adjust:100%}#app{position:relative;width:100%;height:100%;overflow:hidden}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#stage:active{cursor:grabbing}.eyebrow{margin:0 0 4px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--lilac)}h1{margin:0 0 14px;font-size:clamp(38px,6vw,62px);font-weight:500;letter-spacing:-.015em;line-height:1.02}h2{margin:0 0 10px;font-size:26px;font-weight:500;letter-spacing:-.01em}button{font:inherit;color:var(--bone);background:transparent;border:1px solid var(--edge);border-radius:3px;padding:9px 14px;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}button:hover:not(:disabled){border-color:var(--edge-strong);background:#9a6fe024}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--brass);outline-offset:2px}button.primary{background:var(--brass);border-color:var(--brass);color:#1b1030;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}button.primary:hover:not(:disabled){background:#f6d089;border-color:#f6d089}button.primary--wide{padding:14px 28px;font-size:12px}.hud{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 24px;pointer-events:none}.hud[hidden]{display:none}.hud__block{background:var(--panel);border:1px solid var(--edge);border-radius:3px;padding:10px 16px;max-width:30rem}.hud__block--right{text-align:right;min-width:8.5rem}.hud__title{margin:0 0 2px;font-size:21px;font-weight:500}.hud__note{margin:0;font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--bone-dim)}.counter{margin:0;font-family:var(--mono);font-size:34px;line-height:1;font-weight:600;color:var(--brass);font-variant-numeric:tabular-nums}.counter[data-low=true]{color:var(--bad)}.status{position:absolute;left:50%;bottom:26px;transform:translate(-50%);margin:0;max-width:min(46rem,calc(100% - 48px));padding:9px 18px;background:var(--panel);border:1px solid var(--edge);border-radius:3px;font-family:var(--mono);font-size:12px;line-height:1.5;text-align:center;color:var(--bone)}.status[hidden]{display:none}.status[data-tone=bad]{border-color:#ff8aa599;color:var(--bad)}.status[data-tone=good]{border-color:#59d9bd99;color:var(--mint)}.planner{position:absolute;left:24px;top:108px;width:384px;padding:16px;background:var(--panel);border:1px solid var(--edge);border-radius:4px;backdrop-filter:blur(3px)}.planner[hidden]{display:none}.planner__boards{display:flex;align-items:flex-end;gap:12px}.board{margin:0;display:flex;flex-direction:column;gap:6px}.board--wide{flex:1 1 auto}.board--target{flex:0 0 132px}.board__caption{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-dim)}.board canvas{display:block;width:100%;aspect-ratio:1 / 1;background:#241838;border:1px solid var(--edge);border-radius:3px;touch-action:none;cursor:crosshair}.readout{margin:12px 0 10px;min-height:2.6em;font-family:var(--mono);font-size:11px;line-height:1.6;color:var(--bone-dim)}.readout[data-tone=bad]{color:var(--bad)}.readout strong{color:var(--bone);font-weight:600}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle{display:flex;gap:4px;border:1px solid var(--edge);border-radius:3px;padding:3px}.toggle button{flex:1 1 0;padding:7px 4px;border:0;border-radius:2px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim);white-space:nowrap}.toggle button.is-on{background:#9a6fe047;color:var(--bone)}.toggle button.chip--valley.is-on{background:#59d9bd42;color:#b6f2e5}.toggle button.chip--mountain.is-on{background:#ecbc683d;color:#f7dda9}.actions{display:flex;gap:8px;margin-top:10px}.actions button{flex:1 1 0;font-family:var(--mono);font-size:11px}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 44%,#341e5099,#07040ee0 74%);z-index:20;overflow-y:auto}.screen__inner{max-width:42rem;text-align:center;background:#0e0818eb;border:1px solid var(--edge);border-radius:5px;padding:34px 42px 30px;box-shadow:0 24px 60px #04020a8c}.screen--sheet .screen__inner{padding:28px 36px 26px}.timeline{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--edge)}.timeline button.step{flex:0 0 auto;padding:7px 11px;font-size:11px;line-height:1;color:var(--bone-dim)}.timeline input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--lilac);height:22px;cursor:pointer}.timeline button.primary--commit{flex:0 0 auto;padding:9px 12px}.screen[hidden]{display:none}.lede{margin:0 0 12px;font-size:16px;line-height:1.65;color:var(--bone)}.lede--quiet{color:var(--bone-dim);font-size:15px}.hint{margin:18px auto 0;max-width:34rem;font-family:var(--mono);font-size:11px;line-height:1.85;color:var(--bone-dim)}.keys{display:grid;gap:6px;margin:18px auto 0;max-width:28rem;text-align:left}.keys>div{display:flex;gap:12px;align-items:baseline;padding-bottom:5px;border-bottom:1px solid rgba(198,168,240,.1)}.keys dt{flex:0 0 6.2rem;font-family:var(--mono);font-size:11px;color:var(--brass);letter-spacing:.06em}.keys dd{margin:0;font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--bone-dim)}.checks{list-style:none;margin:18px auto 0;padding:0;max-width:26rem;display:grid;gap:7px;text-align:left}.checks li{display:flex;justify-content:space-between;gap:14px;padding:8px 12px;border:1px solid var(--edge);border-radius:3px;font-family:var(--mono);font-size:11px;line-height:1.45;color:var(--bone-dim)}.checks li[data-pass=true]{border-color:#59d9bd8c;color:var(--mint)}.checks li[data-pass=false]{border-color:#ff8aa580;color:var(--bad)}@media(max-width:860px){.screen{padding:16px}.screen__inner{padding:24px 20px 22px}}@media(max-width:860px){.hud{padding:12px 14px;gap:10px}.hud__block{padding:8px 12px;max-width:60%}.hud__title{font-size:17px}.hud__note{font-size:10px}.counter{font-size:26px}.hud__block--right{min-width:6rem}.planner{inset:auto 0 0;width:auto;border-radius:0;border-left:0;border-right:0;border-bottom:0;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.board--target{flex:0 0 88px}.readout{margin:9px 0 8px;min-height:0}.actions button{padding:11px 8px}.status{bottom:auto;top:118px;font-size:11px;padding:7px 12px}.hud__note{display:none}}@media(max-width:860px)and (orientation:landscape){.planner{inset:0 0 0 auto;width:320px;overflow-y:auto;border-top:0;border-right:0}.status{top:auto;bottom:20px}}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}