:root{--night: #150e18;--panel: rgba(31, 20, 30, .9);--panel-solid: #241722;--edge: rgba(233, 180, 108, .3);--edge-strong: rgba(233, 180, 108, .62);--ink: #f6e9d2;--ink-dim: #dcc4a6;--amber: #f0b45a;--jade: #8ad6ad;--rose: #f0919f;--shadow: 0 18px 42px rgba(6, 3, 8, .6);--radius: 14px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;overflow:hidden;-webkit-text-size-adjust:100%}body{overscroll-behavior:none}[hidden]{display:none!important}#app{position:fixed;inset:0;overflow:hidden}#game{position:absolute;inset:0;display:block;width:100%;height:100%}.film{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 62% at 50% -8%,#ffc47a33,#ffc47a00 62%),radial-gradient(150% 95% at 50% 122%,#08040c70,#08040c00 56%),linear-gradient(180deg,#0a060e61,#0a060e00 22%)}#app>*{position:absolute}.hud{top:0;left:0;right:0;display:flex;align-items:center;gap:clamp(10px,2.4vw,28px);padding:10px clamp(12px,2.4vw,26px);background:linear-gradient(180deg,#0e0810e6,#0e08106b);border-bottom:1px solid rgba(233,180,108,.18);opacity:0;transform:translateY(-8px);transition:opacity .26s ease,transform .26s ease;z-index:4}.hud[data-visible=true]{opacity:1;transform:none}.hud-brand{margin-right:auto;display:flex;flex-direction:column;line-height:1.1}.hud-brand strong{font-size:17px;letter-spacing:.24em;color:var(--amber)}.hud-brand small{font-size:10px;letter-spacing:.2em;color:var(--ink-dim)}.hud-cell{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px}.hud-cell span{font-size:9px;letter-spacing:.18em;color:var(--ink-dim)}.hud-cell strong{font-size:18px;color:var(--ink)}.hud-cell small{font-size:10px;color:var(--ink-dim)}.hud-rep{min-width:128px}.lanterns{display:flex;gap:3px}.lanterns i{width:9px;height:13px;border-radius:46% 46% 40% 40%;border:1px solid rgba(240,180,90,.4);background:#f0b45a14}.lanterns i[data-lit=true]{background:var(--amber);box-shadow:0 0 9px #f0b45acc}.board{inset:56px 0 0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px clamp(12px,2.4vw,26px) 58px;pointer-events:none;z-index:3}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px 16px;backdrop-filter:blur(3px)}.request{width:min(360px,34vw)}#verdict,#cart{margin-left:auto;width:min(430px,42vw)}.loom{width:min(430px,42vw)}.request-head{display:flex;align-items:center;gap:12px}.sigil{width:58px;height:58px;flex:0 0 58px;border-radius:12px;background:#0a060c8c;border:1px solid var(--edge)}.request-id{min-width:0;flex:1}.kicker{margin:0;font-size:10px;letter-spacing:.2em;color:var(--amber);text-transform:uppercase}.request h2,.cart h2,.book h2{margin:2px 0 0;font-size:22px;letter-spacing:.02em}.epithet{margin:0;font-size:12px;font-style:italic;color:var(--ink-dim)}.chip-button{font:inherit;font-size:12px;letter-spacing:.08em;color:var(--ink);background:#f0b45a1a;border:1px solid var(--edge);border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .16s ease,border-color .16s ease}.chip-button:hover:not(:disabled){background:#f0b45a38;border-color:var(--edge-strong)}.chip-button:disabled{opacity:.5;cursor:default}.ask{margin:12px 0 6px;font-size:13px;line-height:1.45;color:var(--ink-dim)}.verse{margin:0 0 12px;font-size:15px;line-height:1.5;color:var(--ink);border-left:2px solid var(--edge);padding-left:11px}.reading{margin:0;display:grid;gap:5px;border-top:1px solid rgba(233,180,108,.16);border-bottom:1px solid rgba(233,180,108,.16);padding:10px 0}.reading>div{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:baseline}.reading dt{font-size:10px;letter-spacing:.16em;color:var(--amber)}.reading dd{margin:0;font-size:13px;line-height:1.4;color:var(--ink)}.whim{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--jade)}.whim[data-fickle=true]{color:var(--rose)}.steps{list-style:none;display:flex;gap:6px;margin:0 0 12px;padding:0}.steps li{flex:1;display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.06em;padding:6px 8px;border-radius:9px;border:1px solid rgba(233,180,108,.16);color:var(--ink-dim);background:#0a060c57}.steps li span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:10px;background:#f0b45a29;color:var(--amber)}.steps li[data-state=active]{border-color:var(--edge-strong);color:var(--ink);background:#f0b45a1f}.steps li[data-state=done]{color:var(--jade);border-color:#8ad6ad52}.stage{display:none}.stage[data-active=true]{display:block}.stage-hint{margin:0 0 10px;font-size:12px;color:var(--ink-dim)}.dye-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.weave-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.tension-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.dye-chip,.weave-chip,.tension-stop{font:inherit;color:var(--ink);background:#0c070e8c;border:1px solid rgba(233,180,108,.2);border-radius:10px;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.dye-chip:hover,.weave-chip:hover,.tension-stop:hover{border-color:var(--edge-strong);background:#f0b45a1a}.dye-chip[aria-pressed=true],.weave-chip[aria-pressed=true],.tension-stop[aria-pressed=true]{border-color:var(--amber);background:#f0b45a2e;box-shadow:0 0 0 1px #f0b45a59 inset}.dye-chip{display:flex;align-items:center;gap:7px;padding:9px 8px;font-size:12px;text-align:left}.swatch{width:17px;height:17px;flex:0 0 17px;border-radius:5px;border:1px solid rgba(255,240,220,.35)}.weave-chip{display:flex;align-items:center;gap:8px;padding:8px 9px;text-align:left}.glyph{width:22px;height:18px;flex:0 0 22px;color:var(--amber)}.weave-text{display:flex;flex-direction:column;min-width:0}.weave-text b{font-size:12px;font-weight:600}.weave-text em{font-size:10px;font-style:normal;color:var(--ink-dim);line-height:1.3}.tension-stop{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 9px;text-align:center}.tension-stop b{font-size:12px}.tension-stop em{font-size:9px;font-style:normal;color:var(--ink-dim);line-height:1.25;min-height:22px}.gauge{display:flex;align-items:flex-end;height:30px;width:10px;border-radius:3px;background:#0a060cb3;border:1px solid rgba(233,180,108,.2);padding:2px}.gauge i{display:block;width:100%;border-radius:2px;background:linear-gradient(180deg,var(--amber),rgba(138,214,173,.8))}.hand{margin-top:13px;padding-top:11px;border-top:1px solid rgba(233,180,108,.16)}.summary{margin:0 0 9px;font-size:12px;color:var(--ink-dim);min-height:17px}.primary{font:inherit;font-size:14px;letter-spacing:.04em;width:100%;padding:12px 16px;border-radius:11px;border:1px solid rgba(240,180,90,.55);background:linear-gradient(180deg,#f0b45af2,#cd843af2);color:#2a1608;font-weight:600;cursor:pointer;transition:filter .15s ease,transform .15s ease}.primary:hover:not(:disabled){filter:brightness(1.08)}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{background:#78646059;border-color:#e9b46c2e;color:#f6e9d28c;cursor:default}.verdict-title{margin:4px 0 8px;font-size:26px;color:var(--amber)}.verdict[data-outcome=delighted] .verdict-title{color:var(--jade)}.verdict[data-outcome=storm] .verdict-title{color:var(--rose)}.verdict-line{margin:0 0 12px;font-size:14px;line-height:1.5}.tally{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:5px}.tally li{display:grid;grid-template-columns:58px auto 1fr;gap:8px;align-items:baseline;padding:7px 9px;border-radius:9px;border:1px solid rgba(240,91,91,.34);background:#78222838;font-size:12px}.tally li[data-ok=true]{border-color:#8ad6ad5c;background:#24543e3d}.tally li span{font-size:9px;letter-spacing:.16em;color:var(--amber)}.tally li b{font-size:13px}.tally li em{font-style:normal;color:var(--ink-dim);text-align:right}.whim-line{margin:0 0 10px;font-size:12px;color:var(--ink-dim)}.ledger{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.ledger span{font-size:10px;letter-spacing:.14em;color:var(--ink-dim);border:1px solid rgba(233,180,108,.2);border-radius:999px;padding:5px 11px}.ledger b{color:var(--ink);font-size:13px;letter-spacing:0;margin-left:5px}.shop{list-style:none;margin:0 0 13px;padding:0;display:grid;gap:7px}.shop li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name buy" "blurb buy" "cost buy";align-items:center;column-gap:10px;padding:9px 11px;border-radius:10px;border:1px solid rgba(233,180,108,.2);background:#0c070e73}.shop li b{grid-area:name;font-size:13px}.shop li span{grid-area:blurb;font-size:11px;color:var(--ink-dim);line-height:1.35}.shop li em{grid-area:cost;font-style:normal;font-size:10px;letter-spacing:.14em;color:var(--amber)}.shop-button{grid-area:buy;font:inherit;font-size:12px;padding:9px 15px;border-radius:999px;border:1px solid var(--edge);background:#f0b45a24;color:var(--ink);cursor:pointer;min-width:78px}.shop-button:hover:not(:disabled){background:#f0b45a42}.shop-button:disabled{opacity:.45;cursor:default}.book{inset:0;z-index:6;display:grid;place-items:center;background:#09050ca8;padding:18px}.book-card{width:min(520px,100%);max-height:78vh;overflow:auto;background:var(--panel-solid);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px 18px}.book-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.book-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.book-list li{display:grid;grid-template-columns:76px 1fr auto;gap:10px;align-items:baseline;padding:8px 10px;border-radius:9px;border:1px solid rgba(233,180,108,.16);background:#0c070e80;font-size:12px}.book-list li[data-highlight=true]{border-color:var(--amber);background:#f0b45a29}.book-list li b{font-size:11px;letter-spacing:.1em;color:var(--amber)}.book-list li em{font-style:normal;color:var(--ink-dim)}.book-list li.empty{display:block;color:var(--ink-dim)}.toast{left:50%;bottom:58px;transform:translate(-50%,12px);margin:0;padding:9px 18px;border-radius:999px;background:#140c14f0;border:1px solid var(--edge);font-size:13px;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:5;max-width:min(92vw,480px);text-align:center}.toast[data-visible=true]{opacity:1;transform:translate(-50%)}.toast[data-tone=good]{border-color:#8ad6ad99;color:var(--jade)}.toast[data-tone=bad]{border-color:#f0919f99;color:var(--rose)}.scrim{inset:0;z-index:8;display:grid;place-items:center;padding:20px;background:radial-gradient(120% 90% at 50% 20%,#341c28db,#08040af0);overflow:auto}.scrim--soft{background:#09050cb3}.scrim-card{width:min(560px,100%);background:var(--panel-solid);border:1px solid var(--edge);border-radius:18px;box-shadow:var(--shadow);padding:clamp(18px,3.4vw,32px);text-align:center}.scrim-card--small{width:min(420px,100%)}.scrim-card h1{margin:8px 0 4px;font-size:clamp(34px,7vw,52px);letter-spacing:.16em;color:var(--amber);text-transform:uppercase}.result-title{margin:8px 0 6px;font-size:clamp(24px,5vw,36px);color:var(--amber)}.lede{margin:10px auto 0;max-width:46ch;font-size:14px;line-height:1.6;color:var(--ink-dim)}.lede b{color:var(--ink);font-weight:600}.briefing{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px;text-align:left}.briefing li{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:baseline;font-size:12px;color:var(--ink-dim);border:1px solid rgba(233,180,108,.16);border-radius:9px;padding:8px 11px;background:#0c070e73}.briefing b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f0b45a2e;color:var(--amber);font-size:11px}.sub{margin:14px 0 16px;font-size:12px;color:var(--ink-dim)}.foot{margin:12px 0 0;font-size:10px;letter-spacing:.14em;color:var(--ink-dim)}.result-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0}.result-stats span{font-size:10px;letter-spacing:.14em;color:var(--ink-dim);border:1px solid rgba(233,180,108,.24);border-radius:999px;padding:5px 12px}.result-stats b{color:var(--ink);font-size:13px;letter-spacing:0;margin-left:5px}.row{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.row .primary{flex:1 1 180px}.key-guide{left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;padding:8px 12px 10px;font-size:10px;letter-spacing:.1em;color:var(--ink-dim);background:linear-gradient(0deg,#0b060ee6,#0b060e00);z-index:2;pointer-events:none}.key-guide kbd{font:inherit;color:var(--amber);border:1px solid rgba(233,180,108,.34);border-radius:5px;padding:1px 5px;margin-right:4px}.mute-button{right:12px;bottom:34px;z-index:5;font:inherit;font-size:10px;letter-spacing:.16em;padding:7px 13px;border-radius:999px;border:1px solid var(--edge);background:#140c14e0;color:var(--ink);cursor:pointer}.mute-button:hover{border-color:var(--edge-strong)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media(max-width:900px){.board{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:8px 8px 46px;overflow-y:auto;top:44%}.loom,#verdict,#cart{position:sticky;bottom:0;z-index:2}.panel{padding:11px 12px 12px}.ask{display:none}.verse{font-size:13px;line-height:1.45;margin-bottom:9px}.reading{padding:8px 0}.reading>div{grid-template-columns:56px 1fr}.reading dd{font-size:12px}.request h2{font-size:19px}.sigil{width:48px;height:48px;flex-basis:48px}.whim{margin-top:8px}.steps{margin-bottom:9px}.stage-hint{margin-bottom:8px}.request,.loom,#verdict,#cart{width:100%;margin-left:0}.hud{flex-wrap:wrap;gap:6px 12px;padding:8px 12px}.hud-brand{flex:1 1 100%;flex-direction:row;align-items:baseline;gap:8px}.hud-brand strong{font-size:14px}.hud-cell{min-width:44px}.hud-cell strong{font-size:15px}.hud-rep{min-width:104px}.lanterns i{width:7px;height:11px}.key-guide{display:none}.mute-button{top:52px;bottom:auto;right:10px}.stage-hint{display:none}.tension-stop{padding:6px 3px 7px}.tension-stop em{min-height:0;font-size:8.5px}.gauge{height:24px}.hand{margin-top:10px;padding-top:9px}.summary{margin-bottom:7px}.toast{bottom:20px}}@media(max-width:900px)and (pointer:coarse){.dye-chip,.weave-chip,.tension-stop,.primary,.chip-button,.shop-button{min-height:46px}.dye-grid,.weave-grid{gap:8px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}