:root{--ink:#101318;--ink-raised:#191d24;--porcelain:#e8ddc8;--thread:#d8c7a5;--coral:#ff765f;--gold:#e8b95c;--danger:#e45f68;--sab:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}:focus:not(:focus-visible),.brand:focus,.hud-name:focus,.topbar-title:focus{outline:none}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--porcelain);-webkit-text-size-adjust:100%;overscroll-behavior:none;font-family:ui-sans-serif,-apple-system,Segoe UI,system-ui,sans-serif}.app{min-height:100%;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px max(var(--sab), 16px);flex-direction:column;gap:12px;max-width:560px;margin:0 auto;display:flex;container-type:inline-size}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home{flex-direction:column;flex:1;gap:24px;padding:24px 0 8px;display:flex}.home-art{flex:1 1 0;width:100%;min-height:0;max-height:200px;margin:auto 0;display:block}.home-lead{flex-direction:column;gap:14px;display:flex}.brand{letter-spacing:.14em;color:var(--porcelain);margin:0;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:clamp(1.25rem,12cqw,3rem);font-weight:500}.tagline{color:#c9bfa8;max-width:34ch;margin:0;font-size:.9375rem;line-height:1.5}.menu{flex-direction:column;gap:8px;display:flex}.menu button{background:var(--ink-raised);min-height:56px;color:var(--porcelain);border:1px solid #2c333d;border-radius:14px;font-size:1.0625rem}.menu button.primary{border-color:var(--coral);color:#ff9781;background:#2a1b18}.menu-note{color:#9d947f;font-variant-numeric:tabular-nums;margin:0 0 6px;padding-left:2px;font-size:.8125rem}.topbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbar-title{text-align:center;white-space:nowrap;letter-spacing:.02em;font-variant-numeric:tabular-nums;flex:auto;margin:0;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:1.0625rem;font-weight:500}.back,.topbar-spacer{flex:0 0 84px;min-height:44px}.icon-button{background:var(--ink-raised);min-height:44px;color:var(--porcelain);border:1px solid #2c333d;border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.icon-button[aria-pressed=false]{color:#9d947f}.icon{width:22px;height:22px}.back{background:var(--ink-raised);color:var(--porcelain);border:1px solid #2c333d;border-radius:12px;font-size:.9375rem}.level-select{flex-direction:column;flex:1;gap:14px;display:flex}.level-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.level-row{background:var(--ink-raised);width:100%;min-height:68px;color:var(--porcelain);text-align:left;border:1px solid #2c333d;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;display:flex}.level-row-current{border-color:#4a5462}.level-index{font-variant-numeric:tabular-nums;color:#9d947f;flex:none;min-width:26px;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:1.1875rem}.level-text{flex-direction:column;flex:1;gap:3px;display:flex}.level-name{font-size:1.0625rem}.level-meta{color:#9d947f;font-variant-numeric:tabular-nums;font-size:.8125rem;line-height:1.3}.level-mark{color:#8fdcbd;flex:0 0 24px;justify-content:center;align-items:center;height:24px;display:flex}.woven-mark{width:24px;height:24px}.complete-card{background:#1c1512;border:1px solid #3a2b26;border-radius:16px;flex-direction:column;gap:6px;margin-top:auto;padding:16px 16px 12px;display:flex}.complete-title{color:#ff9781;margin:0;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:1.3125rem;font-weight:500}.complete-line{color:#c9bfa8;margin:0;font-size:.9375rem;line-height:1.35}.complete-stat{color:#9d947f;font-variant-numeric:tabular-nums;margin:0 0 6px;font-size:.8125rem}.complete-card .controls{margin-top:0}.screen{flex-direction:column;flex:1;gap:12px;display:flex}.hud{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:4px 18px;display:flex}.hud-name{flex:100%}.hud-stat{flex:none}.hud-stat-goal .hud-label{color:var(--gold)}.hud-name{letter-spacing:.01em;margin:0;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:500}.hud-stat{align-items:baseline;gap:6px;display:flex}.hud-label{letter-spacing:.08em;text-transform:uppercase;color:#9d947f;font-size:.75rem}.hud-value{font-variant-numeric:tabular-nums;font-size:1rem}.message{color:#c9bfa8;min-height:2.6em;margin:0;font-size:.9375rem;line-height:1.35}.board{touch-action:none;width:100%;height:auto;max-height:62vh;display:block}.screen:has(.complete-card) .board{max-height:40vh}.screen:has(.complete-card) .message{min-height:0}.strands{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.strand-chip{background:var(--ink-raised);color:#c9bfa8;border:1px solid #2c333d;border-radius:12px;min-height:44px;padding:0 16px;font-size:.9375rem}.strand-chip-on{border-color:var(--gold);color:var(--gold)}.controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto;display:flex}.controls button{background:var(--ink-raised);min-width:108px;min-height:52px;color:var(--porcelain);border:1px solid #2c333d;border-radius:12px;padding:0 18px;font-size:1rem}.controls button.primary{border-color:var(--coral);color:var(--coral);background:#2a1b18}.controls button:disabled{opacity:.4}@media (prefers-reduced-motion:no-preference){.level-row,.strand-chip,.menu button,.back,.icon-button,.switch,.segment,.controls button{transition:border-color .14s,color .14s}}.settings{flex-direction:column;flex:1;gap:14px;display:flex}.setting-list{flex-direction:column;gap:10px;display:flex}.setting{background:var(--ink-raised);border:1px solid #2c333d;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex}.setting-stacked{flex-direction:column;align-items:stretch;gap:12px}.setting-text{flex-direction:column;flex:1;gap:3px;display:flex}.setting-label{font-size:1.0625rem}.setting-hint{color:#9d947f;font-size:.8125rem;line-height:1.35}.switch{color:#9d947f;background:#12161c;border:1px solid #2c333d;border-radius:999px;flex:none;align-items:center;gap:8px;min-width:86px;min-height:44px;padding:0 12px 0 6px;font-size:.875rem;display:flex}.switch-on{color:#a9d39a;border-color:#6f8168;flex-direction:row-reverse;padding:0 6px 0 12px}.switch-knob{background:#4a5462;border-radius:50%;width:26px;height:26px}.switch-on .switch-knob{background:#a9d39a}.switch-state{text-align:center;font-variant-numeric:tabular-nums;min-width:26px}.segmented{gap:6px;display:flex}.segment{color:#9d947f;background:#12161c;border:1px solid #2c333d;border-radius:10px;flex:1;min-height:44px;font-size:.9375rem}.segment-on{border-color:var(--coral);color:#ff9781;background:#2a1b18}.settings-note{color:#9d947f;margin:auto 0 0;font-size:.8125rem;line-height:1.4}.howto{flex-direction:column;flex:1;gap:14px;display:flex}.howto-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.howto-step{background:var(--ink-raised);border-radius:16px;flex-wrap:wrap;align-items:flex-start;gap:14px;padding:14px;display:flex}.howto-step-plain{gap:0}.mini-loom{flex:none;width:auto;max-width:100%;height:5.25rem;display:block}.howto-text{flex:10rem;min-width:0}.howto-text h2{letter-spacing:.01em;margin:0 0 6px;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:1.0625rem;font-weight:500}.howto-text p{color:#c9bfa8;margin:0 0 6px;font-size:.9375rem;line-height:1.45}.howto-text p:last-child{margin-bottom:0}.howto-text strong{color:var(--porcelain);font-weight:600}.howto-text .howto-aside{color:#9d947f;font-size:.875rem}.howto-close{text-align:center;color:#9d947f;margin:2px 0 0;font-size:.875rem;line-height:1.4}