:root{--ink: #0b0714;--ink-2: #150c25;--violet: #a97ae0;--violet-dim: #6b4a95;--lilac: #e6cdf5;--bone: #efe6f6;--bone-dim: #a99cba;--brass: #e0a54a;--brass-dim: #8a6420;--good: #7fdcae;--bad: #ff7a5e;--edge: rgba(230, 207, 245, .16);--sheet: rgba(11, 7, 20, .88);--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--serif: ui-serif, Georgia, "Iowan Old Style", "Times New Roman", serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--ink);color:var(--bone);font-family:var(--mono);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}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 92% at 50% 42%,#0000 34%,#04020abd)}.eyebrow{margin:0;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--violet)}button{font:inherit;color:var(--bone);background:#150c2599;border:1px solid var(--edge);border-radius:2px;padding:9px 13px;cursor:pointer;font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}button:hover:not(:disabled){border-color:#a97ae0bf;background:#a97ae024}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}button.primary{background:var(--violet);border-color:var(--violet);color:#14081f;font-weight:600}button.primary:hover:not(:disabled){background:#c39bef;border-color:#c39bef}button.primary.warn{background:var(--bad);border-color:var(--bad);color:#2a0a04}button.primary.warn:hover:not(:disabled){background:#ff9a83;border-color:#ff9a83}#hud{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 20px;pointer-events:none;background:linear-gradient(180deg,#06030cdb,#06030c00)}#hud[hidden]{display:none}#hud>*{pointer-events:auto}.mark span{font-size:12px;letter-spacing:.3em;color:var(--bone)}.mark small{display:block;margin-top:3px;font-size:9px;letter-spacing:.2em;color:var(--bone-dim)}.hud-read{flex:1;max-width:460px}.order-line{margin:0 0 7px;display:flex;align-items:baseline;gap:10px}.order-line span{font-size:10px;letter-spacing:.2em;color:var(--violet)}.order-line b{font-family:var(--serif);font-size:19px;font-weight:500;letter-spacing:.01em}.meter-line{margin:0;display:flex;align-items:center;gap:9px}.meter-label{font-size:9px;letter-spacing:.2em;color:var(--bone-dim)}.meter{position:relative;flex:1;height:7px;background:#ffffff17;border:1px solid var(--edge)}.meter i{position:absolute;inset:0 auto 0 0;width:0;background:var(--violet);transition:width .26s var(--ease),background .26s var(--ease)}.meter u{position:absolute;inset:0 auto 0 0;width:0;border-right:2px solid var(--bone-dim)}.meter.over i{background:var(--bad)}.meter-line b{font-size:11px;color:var(--bone);white-space:nowrap}.hud-actions{display:flex;align-items:center;gap:8px}.repairs{margin:0 6px 0 0;display:flex;align-items:center;gap:5px}.repairs span{font-size:9px;letter-spacing:.18em;color:var(--bone-dim)}.repairs i{width:9px;height:9px;border-radius:50%;background:var(--good)}.repairs i.spent{background:transparent;box-shadow:inset 0 0 0 1px var(--bad)}button.icon{padding:7px 10px;font-size:10px}button.icon[aria-pressed=true]{color:var(--bone-dim);border-color:#e6cff51a}#status{position:absolute;left:50%;top:92px;transform:translate(-50%);margin:0;padding:7px 16px;max-width:min(560px,88vw);text-align:center;font-size:12px;line-height:1.5;letter-spacing:.04em;color:var(--bone);background:var(--sheet);border:1px solid var(--edge);border-radius:2px;opacity:0;transition:opacity .24s var(--ease)}#status.show{opacity:1}#deck{position:absolute;inset:0;pointer-events:none}#bench{position:absolute;left:20px;top:118px;pointer-events:auto;display:flex;flex-direction:column;width:292px;max-height:calc(100% - 150px);overflow-y:auto;padding:15px 15px 17px;background:var(--sheet);border:1px solid var(--edge);border-radius:3px;scrollbar-width:thin}#bench[hidden]{display:none}.bench-head{margin-bottom:12px;order:-2}#struct-name{margin:6px 0 3px;font-family:var(--serif);font-size:20px;letter-spacing:.01em}#struct-note{margin:0;font-size:11px;line-height:1.55;color:var(--bone-dim)}.struct-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;transform:translateZ(0)}.struct-row button{padding:6px 2px;font-size:9px;letter-spacing:.05em;text-align:center;line-height:1.25;color:var(--bone-dim)}.struct-row button[aria-pressed=true]{color:#14081f;background:var(--violet);border-color:var(--violet)}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:6px 0 12px;transform:translateZ(0)}.toggles button{padding:7px 4px;font-size:9.5px}.draft-wrap{position:relative;order:-1}.draft{transform:translateZ(0);display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(20,1fr);gap:1px;aspect-ratio:24 / 20;padding:4px;background:#0000006b;border:1px solid var(--edge)}.draft i{display:block;border-radius:.5px;background:#e6cff521}.draft i.up{background:var(--violet)}.draft i.sel{outline:1px solid var(--brass);outline-offset:-1px}.draft i.loadcol{box-shadow:inset 0 0 0 99px #e0a54a4d}.draft i.loadrow{box-shadow:inset 0 0 0 99px #ff7a5e57}.draft i.loadcol.sel{outline-color:#fff}.draft-key{margin:8px 0 0;display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.08em;color:var(--bone-dim)}.draft-key i{width:10px;height:10px;border-radius:1px}.k-warp{background:var(--violet)}.k-weft{background:#e6cff521;border:1px solid var(--edge)}.k-load{background:var(--brass);margin-left:6px}.pick-row{display:flex;align-items:center;gap:8px;margin-top:13px}.pick-row .step{padding:8px 11px;font-size:10px}.pick-label{flex:1;margin:0;display:flex;align-items:baseline;gap:8px}.pick-label span{font-size:9px;letter-spacing:.2em;color:var(--bone-dim)}.pick-label b{font-size:13px}.pick-label em{margin-left:auto;font-style:normal;font-size:10px;letter-spacing:.12em;color:var(--brass)}.lift-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px;transform:translateZ(0)}.lift-row button{padding:8px 2px;font-size:9px}.lift-row button[aria-pressed=true]{background:#a97ae04d;border-color:var(--violet);color:var(--bone)}#gauge{position:absolute;right:20px;top:118px;pointer-events:auto;width:244px;padding:15px;background:var(--sheet);border:1px solid var(--edge);border-radius:3px}#gauge[hidden]{display:none}.gauge-nums{margin:9px 0 8px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.gauge-nums p{margin:0}.gauge-nums span{display:block;font-size:9.5px;letter-spacing:.15em;color:var(--bone-dim)}.gauge-nums b{display:block;font-family:var(--serif);font-size:23px;font-weight:500;white-space:nowrap}.gauge-nums p:last-of-type b{color:var(--brass)}.gauge-bar{position:relative;margin:0;height:9px;background:#ffffff14;border:1px solid var(--edge)}.gauge-bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--good);transition:width .2s linear,background .2s var(--ease)}.gauge-bar u{position:absolute;top:-4px;bottom:-4px;left:62.5%;width:1px;background:var(--bone-dim)}.gauge-rows{margin:9px 0 0;display:grid;gap:3px}.gauge-rows span{display:flex;justify-content:space-between;gap:6px;font-size:9.5px;letter-spacing:.1em;color:var(--bone-dim)}.gauge-rows b{color:var(--bone);font-weight:400}.gauge-spec{margin:11px 0 0;font-size:10px;letter-spacing:.1em;color:var(--bone-dim)}.gauge-spec.pass{color:var(--good)}.gauge-spec.fail{color:var(--bad)}.gauge-verdict{margin:6px 0 12px;font-family:var(--serif);font-size:21px;line-height:1.2;color:var(--bone)}.gauge-verdict.hold{color:var(--good)}.gauge-verdict.part{color:var(--bad)}.gauge-verdict.done{color:var(--bone-dim);font-size:16px}#gauge button{width:100%}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:22px;background:radial-gradient(118% 96% at 50% 34%,#0c061833,#05020adb);overflow-y:auto}.screen.modal{background:radial-gradient(120% 100% at 50% 40%,#09051280,#05020adb)}.screen[hidden]{display:none}.plate{width:min(520px,100%);padding:26px 26px 24px;background:var(--sheet);border:1px solid var(--edge);border-radius:3px}.plate.wide{width:min(720px,100%)}.plate h1{margin:8px 0 10px;font-family:var(--serif);font-size:clamp(34px,7vw,50px);font-weight:500;letter-spacing:-.01em;line-height:1}.plate h2{margin:8px 0 10px;font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.1}.plate h3{margin:0 0 4px;font-family:var(--serif);font-size:15px;font-weight:500}.plate p.lede{margin:0 0 18px;font-family:var(--serif);font-size:15px;line-height:1.65;color:var(--bone)}.plate .hint{margin:14px 0 0;font-size:10px;line-height:1.9;letter-spacing:.06em;color:var(--bone-dim)}.plate .row{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}#title-screen .primary{width:100%;padding:13px;font-size:12px}.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px 26px;margin-bottom:20px}.help-cols p{margin:0 0 14px;font-family:var(--serif);font-size:13.5px;line-height:1.6;color:var(--bone-dim)}.tally{margin:0 0 20px;display:grid;grid-template-columns:1fr auto;gap:7px 16px}.tally dt{font-size:10px;letter-spacing:.16em;color:var(--bone-dim);text-transform:uppercase;align-self:center}.tally dd{margin:0;font-family:var(--serif);font-size:16px;text-align:right}@media(max-width:760px){#hud{flex-wrap:wrap;gap:8px 10px;padding:11px 12px}.mark{order:1}.mark span{font-size:11px;letter-spacing:.24em}.hud-actions{order:2;margin-left:auto;gap:6px}.hud-read{order:3;flex:1 0 100%;max-width:none}.order-line{margin-bottom:5px}.order-line b{font-size:17px}.repairs span{display:none}.repairs{margin-right:2px}button.icon{padding:7px 9px}#status{top:128px;left:10px;right:10px;transform:none;max-width:none;text-align:left;font-size:11px;line-height:1.45;padding:6px 10px}#deck{inset:auto 0 0;max-height:54vh;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;padding:9px 10px 12px;display:flex;flex-direction:column;gap:7px;background:linear-gradient(180deg,#09051100,#090511db 22px,#090511f2);scrollbar-width:thin}#bench,#gauge{position:static;width:auto;max-height:none;overflow:visible;padding:11px}.bench-head{display:none}.struct-row{order:0}.struct-row{gap:4px}.struct-row button{padding:6px 2px;font-size:9.5px}.toggles{margin:6px 0 9px}.toggles button{padding:8px 4px}.pick-row{margin-top:0}.lift-row{margin-top:6px}.draft{aspect-ratio:auto;width:100%;height:15vh}.draft-key{display:none}.gauge-rows,#gauge>.eyebrow{display:none}.gauge-verdict{margin:5px 0 10px;font-size:19px}.gauge-spec{margin-top:9px;font-size:10.5px}}@media(max-width:400px){.gauge-nums b{font-size:20px}.struct-row button{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important}#stage{cursor:default}}