:root{--ink:#101318;--ink-raised:#191d24;--porcelain:#e8ddc8;--thread:#d8c7a5;--coral:#ff765f;--coral-ink:#ff9781;--gold:#e8b95c;--danger:#e45f68;--edge:#2c333d;--edge-control:#726a60;--wash-coral:#2a1b18;--wash-coral-edge:#3a2b26;--wash-danger:#2a1418;--danger-ink:#f2939a;--wash-sunk:#12161c;--card-complete:#1c1512;--on-edge:#6f8168;--on-ink:#a9d39a;--woven:#8fdcbd;--text-2:#c9bfa8;--text-3:#9d947f;--t-label:.75rem;--t-meta:.8125rem;--t-body:.9375rem;--t-strong:1.0625rem;--t-title:1.25rem;--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{max-width:34ch;font-size:var(--t-body);color:var(--text-2);margin:0;line-height:1.5}.menu{flex-direction:column;gap:8px;display:flex}.menu button{border:1px solid var(--edge-control);background:var(--ink-raised);min-height:56px;color:var(--porcelain);font-size:var(--t-strong);border-radius:14px}.menu button.primary{border-color:var(--coral);background:var(--wash-coral);color:var(--coral-ink)}.menu-note{font-size:var(--t-meta);color:var(--text-3);font-variant-numeric:tabular-nums;margin:0 0 6px;padding-left:2px}.topbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbar-title{text-align:center;white-space:nowrap;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:var(--t-strong);letter-spacing:.02em;font-variant-numeric:tabular-nums;flex:auto;margin:0;font-weight:500}.back,.topbar-spacer{flex:0 0 84px;min-height:44px}.icon-button{border:1px solid var(--edge-control);background:var(--ink-raised);min-height:44px;color:var(--porcelain);border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.icon-button[aria-pressed=false]{color:var(--text-3)}.icon{width:22px;height:22px}.back{border:1px solid var(--edge-control);background:var(--ink-raised);color:var(--porcelain);font-size:var(--t-body);border-radius:12px}.level-select{flex-direction:column;flex:1;gap:14px;display:flex}.pack{flex-direction:column;gap:10px;display:flex}.pack+.pack{margin-top:22px}.pack-head{justify-content:space-between;align-items:baseline;gap:12px;padding:2px 2px 4px;display:flex}.pack-name{font-family:ui-serif,Georgia,Times New Roman,serif;font-size:var(--t-strong);letter-spacing:.01em;color:var(--porcelain);margin:0;font-weight:400}.pack-count{font-size:var(--t-meta);font-variant-numeric:tabular-nums;color:var(--text-3);flex:none}.level-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.level-row{border:1px solid var(--edge-control);background:var(--ink-raised);width:100%;min-height:68px;color:var(--porcelain);text-align:left;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;display:flex}.level-row-current{border-color:var(--porcelain)}.level-index{min-width:26px;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:var(--t-strong);font-variant-numeric:tabular-nums;color:var(--text-3);flex:none}.level-text{flex-direction:column;flex:1;gap:3px;display:flex}.level-name{font-size:var(--t-strong)}.level-meta{font-size:var(--t-meta);color:var(--text-3);font-variant-numeric:tabular-nums;line-height:1.3}.level-mark{height:24px;color:var(--woven);flex:0 0 24px;justify-content:center;align-items:center;display:flex}.woven-mark{width:24px;height:24px}.complete-card{border:1px solid var(--wash-coral-edge);background:var(--card-complete);border-radius:16px;flex-direction:column;gap:6px;margin-top:auto;padding:16px 16px 12px;display:flex}.complete-title{font-family:ui-serif,Georgia,Times New Roman,serif;font-size:var(--t-title);color:var(--coral-ink);margin:0;font-weight:500}.complete-line{font-size:var(--t-body);color:var(--text-2);margin:0;line-height:1.35}.complete-stat{font-size:var(--t-meta);color:var(--text-3);font-variant-numeric:tabular-nums;margin:0 0 6px}.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{font-family:ui-serif,Georgia,Times New Roman,serif;font-size:var(--t-title);letter-spacing:.01em;margin:0;font-weight:500}.hud-stat{align-items:baseline;gap:6px;display:flex}.hud-label{font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.hud-value{font-variant-numeric:tabular-nums;font-size:1rem}.message{min-height:2.7em;font-size:var(--t-body);color:var(--text-2);align-items:center;margin:0;line-height:1.35;display:flex}@container (width<=300px){.message{min-height:4.05em}}@container (width<=200px){.message{min-height:6.75em}}.board{touch-action:none;width:100%;height:auto;max-height:62vh;margin-block:auto;display:block}@media (height<=620px){.board{max-height:44vh}}@media (height<=440px){.screen,.app{gap:8px}.board{max-height:38vh}.controls button{min-height:44px}.home{gap:14px;padding:8px 0}.home-art{display:none}}.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{border:1px solid var(--edge-control);background:var(--ink-raised);min-height:44px;color:var(--text-2);font-size:var(--t-body);border-radius:12px;padding:0 16px}.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{border:1px solid var(--edge-control);background:var(--ink-raised);min-width:108px;min-height:52px;color:var(--porcelain);border-radius:12px;padding:0 18px;font-size:1rem}.controls button.primary{border-color:var(--coral);background:var(--wash-coral);color:var(--coral-ink)}.controls button:disabled{opacity:.4}@media (prefers-reduced-motion:no-preference){.level-row,.strand-chip,.menu button,.back,.icon-button,.switch,.segment,.controls button,.offer-buy,.offer-restore{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{border:1px solid var(--edge);background:var(--ink-raised);border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex}.setting-stacked{flex-direction:column;align-items:stretch;gap:12px}@container (width<=300px){.setting{flex-direction:column;align-items:stretch;gap:10px}.setting .switch,.setting .setting-action{align-self:flex-start}.setting-answers,.segmented{flex-direction:column}}.setting-text{flex-direction:column;flex:1;gap:3px;display:flex}.setting-label{font-size:var(--t-strong)}.setting-hint{font-size:var(--t-meta);color:var(--text-3);line-height:1.35}.switch{border:1px solid var(--edge-control);background:var(--wash-sunk);min-width:86px;min-height:44px;color:var(--text-3);font-size:var(--t-meta);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px 0 6px;display:flex}.switch-on{border-color:var(--on-edge);color:var(--on-ink);flex-direction:row-reverse;padding:0 6px 0 12px}.switch-knob{background:var(--edge-control);border-radius:50%;width:26px;height:26px}.switch-on .switch-knob{background:var(--on-ink)}.switch-state{text-align:center;font-variant-numeric:tabular-nums;min-width:26px}.segmented{gap:6px;display:flex}.segment{border:1px solid var(--edge-control);background:var(--wash-sunk);min-height:44px;color:var(--text-3);font-size:var(--t-body);border-radius:12px;flex:1}.segment-on{border-color:var(--coral);background:var(--wash-coral);color:var(--coral-ink)}.setting-action{border:1px solid var(--edge-control);background:var(--wash-sunk);min-width:86px;min-height:44px;color:var(--porcelain);font-size:var(--t-body);border-radius:12px;flex:none;padding:0 16px}.setting-action:disabled{opacity:.45}.setting-action-danger{border-color:var(--danger);background:var(--wash-danger);color:var(--danger-ink)}.setting-asking{border-color:var(--danger)}.setting-answers{gap:10px;display:flex}.setting-answers .setting-action{flex:auto}.settings-note{font-size:var(--t-meta);color:var(--text-3);margin:auto 0 0;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{font-family:ui-serif,Georgia,Times New Roman,serif;font-size:var(--t-strong);letter-spacing:.01em;margin:0 0 6px;font-weight:500}.howto-text p{font-size:var(--t-body);color:var(--text-2);margin:0 0 6px;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{font-size:var(--t-meta);color:var(--text-3)}.howto-close{text-align:center;font-size:var(--t-meta);color:var(--text-3);margin:2px 0 0;line-height:1.4}.level-row-locked{background:var(--wash-sunk)}.level-row-locked .level-name,.level-row-locked .level-index{color:var(--text-2)}.level-row-locked .level-mark{color:var(--text-3)}.lock-mark{width:22px;height:22px}.pack-locked{font-size:var(--t-meta);color:var(--text-3);margin:-2px 2px 0;line-height:1.4}.paywall{flex-direction:column;flex:1;gap:14px;display:flex}.offer-loom{justify-content:center;padding:4px 0 2px;display:flex}.offer-loom svg{width:min(216px,100%);height:auto;max-height:30vh}.offer{padding:18px 16px calc(18px + var(--sab));border:1px solid var(--edge);background:var(--ink-raised);border-radius:16px;flex-direction:column;gap:14px;display:flex}.offer-lede{font-family:ui-serif,Georgia,Times New Roman,serif;font-size:var(--t-strong);color:var(--porcelain);margin:0;line-height:1.4}.offer-list{font-size:var(--t-body);color:var(--text-2);flex-direction:column;gap:10px;margin:0;padding:0 0 0 18px;line-height:1.45;display:flex}.offer-buy{border:1px solid var(--coral);background:var(--wash-coral);min-height:56px;color:var(--coral-ink);font-size:var(--t-strong);border-radius:14px;padding:0 18px}.offer-buy-price{white-space:nowrap;font-variant-numeric:tabular-nums}.offer-buy:disabled{border-color:var(--edge-control);background:var(--ink-raised);color:var(--text-2)}.offer-restore{min-height:44px;font-size:var(--t-body);color:var(--text-2);text-underline-offset:3px;background:0 0;border:0;border-radius:12px;padding:0 8px;text-decoration:underline}.offer-restore:disabled{color:var(--text-3);text-decoration:none}.offer-note,.offer-web{font-size:var(--t-meta);color:var(--text-3);margin:0;line-height:1.45}.offer-web{color:var(--text-2)}