@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";:root{--ink:#12151a;--ink-2:#1a2030;--panel:#181e2ac7;--panel-border:#d6c4a024;--linen:#e8e0d2;--muted:#9aa3b2;--woad:#3d6f98;--woad-bright:#5b8fb8;--madder:#c45a42;--weld:#d4a017;--line:#e8e0d21a;--radius:4px;--font-display:"Syne", "Avenir Next", sans-serif;--font-body:"Figtree", "Segoe UI", sans-serif;color:var(--linen);background:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700}p{margin:0}.app{min-height:100vh;padding:1.5rem clamp(1rem,3vw,2.5rem) 3rem;position:relative;overflow-x:hidden}.atmosphere{pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 10% -10%,#3d6f9859,#0000 55%),radial-gradient(60% 40% at 90% 10%,#c45a422e,#0000 50%),radial-gradient(50% 60% at 50% 100%,#d4a01714,#0000 45%),linear-gradient(165deg,#0e1218 0%,#161c28 45%,#10141c 100%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.hero,.workspace,.foot{z-index:1;position:relative}.hero{gap:1.5rem;margin-bottom:2rem;animation:.7s both rise;display:grid}@media (width>=900px){.hero{grid-template-columns:1.4fr 1fr;align-items:end}}.hero__mark{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(120deg, var(--linen) 20%, var(--woad-bright) 70%, var(--weld) 120%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.35rem;font-size:clamp(2.8rem,7vw,4.5rem);font-weight:800;line-height:.95;animation:4s ease-in-out infinite alternate brand-sheen}.hero h1{color:var(--linen);opacity:.92;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:600}.hero__lede{max-width:36rem;color:var(--muted);margin-top:.75rem;font-size:1.02rem;line-height:1.55}.hero__actions{flex-direction:column;gap:.85rem;animation:.7s .12s both rise;display:flex}.presets{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.presets .btn{padding:.35rem .65rem;font-size:.88rem}.presets__label{letter-spacing:.12em;text-transform:uppercase;width:100%;color:var(--muted);margin-bottom:.1rem;font-size:.72rem}.presets__empty{color:var(--muted);font-size:.85rem}.save-note{color:var(--woad-bright);font-size:.85rem}.saved-chip{align-items:stretch;gap:0;display:inline-flex}.saved-chip .btn--ghost{border-top-right-radius:0;border-bottom-right-radius:0}.saved-chip__delete{color:var(--muted);border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;padding-inline:.45rem}.saved-chip__delete:hover{color:var(--madder);background:#c45a4226}.presets,.hero__io,.turns__actions,.sim-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.workspace{gap:1.25rem;animation:.75s .2s both rise;display:grid}@media (width>=1100px){.workspace{grid-template-columns:1.15fr .85fr;align-items:start}}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.15rem 1.2rem 1.35rem}.panel__header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem 1rem;margin-bottom:1.1rem;padding-bottom:.85rem;display:flex}.panel__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--woad-bright);margin-bottom:.2rem;font-size:.72rem}.panel__header h2{font-size:1.35rem}.field{flex-direction:column;gap:.35rem;display:flex}.field span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.field input[type=text],.field input[type=number]{border:1px solid var(--panel-border);border-radius:var(--radius);background:#00000047;width:100%;min-width:0;padding:.45rem .6rem}.field--inline{min-width:10rem}.field--compact{min-width:7rem}.field--compact input[type=number]{width:4.5rem}.field input[type=range]{width:7rem;accent-color:var(--woad-bright)}.btn{appearance:none;border:1px solid var(--panel-border);color:var(--linen);border-radius:var(--radius);background:#ffffff08;padding:.45rem .8rem;transition:background .2s,border-color .2s,transform .15s}.btn:hover{background:#ffffff14;border-color:#d6c4a047}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--solid{background:#3d6f9840;border-color:#5b8fb859}.btn--accent{background:linear-gradient(135deg,#3d6f98d9,#2f5f8af2);border-color:#0000;font-weight:600}.btn--accent.is-active{background:linear-gradient(135deg,#c45a42e6,#aa4632f2)}.btn--ghost.is-active{border-color:var(--woad-bright);background:#3d6f9838}.btn--file{align-items:center;display:inline-flex}.editor__tools{gap:1rem;margin-bottom:1.1rem;display:grid}@media (width>=640px){.editor__tools{grid-template-columns:6rem 1fr auto;align-items:end}}.field--action{justify-content:flex-end}.sz-guide-trigger{white-space:nowrap}.sz-modal{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0eb8;place-items:center;padding:1rem;animation:.2s sz-fade;display:grid;position:fixed;inset:0}.sz-modal__dialog{border:1px solid var(--panel-border);border-radius:var(--radius);background:#1a2030;flex-direction:column;width:min(720px,100%);max-height:min(90vh,900px);animation:.25s sz-rise;display:flex;box-shadow:0 24px 64px #0000008c}.sz-modal__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem .85rem;display:flex}.sz-modal__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--woad-bright);margin-bottom:.2rem;font-size:.7rem}.sz-modal__header h3{font-size:1.35rem}.sz-modal__close{flex-shrink:0;min-width:2.2rem;padding-inline:.55rem}.sz-modal__body{flex-direction:column;gap:1.15rem;padding:1rem 1.2rem .5rem;display:flex;overflow-y:auto}.sz-modal__section h4{font-family:var(--font-display);margin:0 0 .35rem;font-size:.98rem}.sz-modal__section p{color:var(--muted);margin:0 0 .65rem;font-size:.9rem;line-height:1.45}.sz-modal__section strong{color:var(--linen);font-weight:600}.sz-modal__footer{border-top:1px solid var(--line);justify-content:flex-end;padding:.85rem 1.2rem 1.1rem;display:flex}.sz-guide__panels{gap:.75rem;display:grid}@media (width>=640px){.sz-guide__panels{grid-template-columns:1fr 1fr}}.sz-guide__panel{border-radius:var(--radius);border:1px solid var(--panel-border);background:#12151a8c;margin:0;padding:.75rem .75rem .85rem}.sz-guide__panel--s{box-shadow:inset 3px 0 0 var(--woad-bright)}.sz-guide__panel--z{box-shadow:inset 3px 0 0 var(--madder)}.sz-guide__panel figcaption{color:var(--linen);align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.88rem;font-weight:600;display:flex}.sz-guide__badge{width:1.55rem;height:1.55rem;font-family:var(--font-display);border-radius:3px;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:inline-flex}.sz-guide__badge--s{color:var(--woad-bright);background:#3d6f9859}.sz-guide__badge--z{color:#f0c4b8;background:#c45a4259}.sz-guide__svg{width:100%;height:auto;margin:.15rem 0 .35rem;display:block}.sz-guide__svg--holes{max-width:180px;margin-inline:auto}.sz-guide__hint{color:var(--muted);font-size:.82rem;line-height:1.4}.sz-guide__hint strong{color:var(--linen);font-weight:600}.sz-guide__slash{color:var(--linen);letter-spacing:.05em;font-weight:700}.sz-guide__svg-label{fill:#9aa3b2;font-family:Figtree,sans-serif;font-size:8px}@keyframes sz-fade{0%{opacity:0}to{opacity:1}}@keyframes sz-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.sz-modal,.sz-modal__dialog{animation:none}}.palette{flex-wrap:wrap;gap:.4rem;display:flex}.palette__swatch{border:2px solid #0000;border-radius:3px;width:1.55rem;height:1.55rem;padding:0;transition:transform .15s,border-color .15s;box-shadow:inset 0 0 0 1px #00000040}.palette__swatch:hover{transform:scale(1.08)}.palette__swatch.is-active{border-color:var(--linen);transform:scale(1.1)}.draft-scroll{margin-bottom:.65rem;padding-bottom:.4rem;overflow-x:auto}.draft-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.draft{gap:.35rem;min-width:min-content;display:flex}.draft__hole-labels{color:var(--muted);grid-template-rows:1.2rem repeat(4,2.1rem) 2.1rem;align-items:stretch;gap:.35rem;padding-right:.45rem;font-size:.75rem;font-weight:600;display:grid}.draft__hole-labels>span{justify-content:flex-end;align-items:center;min-height:0;line-height:1;display:flex}.draft__hole-labels-spacer{visibility:hidden}.draft__sz-label{letter-spacing:.04em;font-size:.65rem}.draft__cards{gap:.35rem;display:flex}.draft__card{grid-template-rows:1.2rem repeat(4,2.1rem) 2.1rem;gap:.35rem;width:2.35rem;display:grid}.draft__card-num{text-align:center;color:var(--muted);font-size:.68rem;line-height:1.2rem}.draft__hole{border:1px solid #00000059;border-radius:3px;width:100%;height:100%;padding:0;transition:outline .15s,transform .15s;box-shadow:inset 0 0 0 1px #ffffff14}.draft__hole:hover{transform:scale(1.04)}.draft__hole.is-selected{outline:2px solid var(--weld);outline-offset:1px}.draft__threading{border:1px solid var(--panel-border);font-family:var(--font-display);background:#00000040;border-radius:3px;font-size:.85rem;font-weight:700}.draft__threading--s{color:var(--woad-bright)}.draft__threading--z{color:var(--madder)}.turns__header{margin-bottom:.65rem}.turns__header h3{margin-bottom:.25rem;font-size:1rem}.turns__header p{color:var(--muted);font-size:.88rem}.turns__seq{border-radius:var(--radius);border:1px solid var(--line);background:#00000038;flex-wrap:wrap;gap:.35rem;min-height:2.2rem;margin-bottom:.75rem;padding:.55rem;display:flex}.turns__empty{color:var(--muted);align-self:center;font-size:.9rem}.turns__chip{min-width:1.8rem;height:1.8rem;font-size:.8rem;font-weight:700;font-family:var(--font-display);border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.turns__chip--f{color:#b8d4ea;background:#3d6f9859}.turns__chip--b{color:#f0c4b8;background:#c45a4259}.sim-stats{color:var(--muted);gap:1rem;font-size:.9rem;display:flex}.sim-stats strong{color:var(--linen);font-weight:600}.sim-controls{margin-bottom:.75rem}.view-toggle{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.view-toggle .btn.is-active{border-color:var(--woad-bright);background:#3d6f9847}.shed{border-radius:var(--radius);border:1px solid var(--line);background:#00000038;margin-bottom:1rem;padding:.75rem}.shed__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem;font-size:.72rem;display:block}.shed__row{gap:3px;min-height:1.6rem;display:flex}.shed__thread{border-radius:2px;flex:1;min-width:10px;animation:1.8s ease-in-out infinite pulse-thread;box-shadow:inset 0 0 0 1px #00000040}.shed__meta{gap:3px;margin-top:.35rem;display:flex}.shed__card-rot{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;flex:1;font-size:.65rem}.band-wrap{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(#0000002e,#00000059),repeating-linear-gradient(90deg,#ffffff04 0 12px,#0000 12px 24px);min-height:280px;max-height:560px;padding:.85rem 1rem;position:relative;overflow:auto}.band-pair{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.25rem;display:flex}.band-side{flex-direction:column;align-items:center;gap:.4rem;display:flex}.band-side__label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.band-wrap--render{background:radial-gradient(70% 50% at 50% 30%,#50372340,#0000 70%),linear-gradient(165deg,#14100c 0%,#1c1612 50%,#120e0b 100%)}.band-wrap--schema{background:linear-gradient(165deg,#1a2030 0%,#222a38 100%)}.band-canvas{border-radius:4px;max-width:100%;height:auto;display:block}.band{gap:1px;width:min(100%,280px);margin-inline:auto;display:grid;box-shadow:0 0 0 1px #00000059,0 12px 40px #00000059}.band__cell{border-radius:0;height:10px;animation:.28s both cell-in;box-shadow:inset 0 0 0 1px #0000001f}.band__empty{color:var(--muted);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.foot{color:var(--muted);flex-direction:column;gap:.45rem;margin-top:1.75rem;font-size:.85rem;animation:.8s .28s both rise;display:flex}.foot__brand{color:var(--linen);opacity:.9;font-size:.92rem}.foot__brand a{color:var(--woad-bright);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s,color .15s}.foot__brand a:hover{color:var(--linen);border-bottom-color:#5b8fb880}.foot__meta{font-size:.8rem;line-height:1.4}.foot__meta a{color:var(--woad-bright);text-decoration:none}.foot__meta a:hover{text-decoration:underline}.register-page{flex-direction:column;min-height:100vh;display:flex}.register-page__top{z-index:1;margin-bottom:1.5rem;position:relative}.register-page__back{color:var(--muted);margin-bottom:.75rem;font-size:.9rem;text-decoration:none;transition:color .15s;display:inline-block}.register-page__back:hover{color:var(--linen)}.register-page__brand{margin-bottom:0!important;font-size:clamp(2rem,5vw,3rem)!important}.register-card{z-index:1;width:min(440px,100%);margin:0 auto 2rem;position:relative}.register-card h1{margin-bottom:.5rem;font-size:1.75rem}.register-card__lede{color:var(--muted);margin-bottom:1.25rem;line-height:1.5}.register-form{flex-direction:column;gap:1rem;display:flex}.register-form__captcha{justify-content:flex-start;min-height:78px;display:flex}.register-form__submit{align-self:flex-start;min-width:10rem;margin-top:.25rem}.register-banner{border-radius:var(--radius);margin:0;padding:.65rem .75rem;font-size:.88rem;line-height:1.4}.register-banner--warn{color:#e6d08a;background:#d4a0171f;border:1px solid #d4a01759}.register-banner--error{color:#f0c4b8;background:#c45a421f;border:1px solid #c45a4266}.register-banner code{color:var(--linen);font-size:.8em}.register-success h1{margin-bottom:.65rem}.register-success p{color:var(--muted);margin-bottom:1.25rem;line-height:1.5}.register-success__actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn--solid{align-items:center;text-decoration:none;display:inline-flex}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-sheen{0%{filter:saturate()}to{filter:saturate(1.15)brightness(1.05)}}@keyframes pulse-thread{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes cell-in{0%{opacity:0;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.hero,.hero__actions,.workspace,.foot,.band__cell,.shed__thread,.hero__mark{animation:none!important}}#root{min-height:100vh}