:root{--bg:#f6dfc9;--text:#4a1d12;--text-soft:#8a5644;--panel:#ffffff8c;--panel-strong:#ffffffe0;--panel-line:#4a1d122b;--track:#4a1d122b;--stop:#fff6e0;--card-ink:#4a1d12;--card-soft:#8a5644;--card-tint:#fff6e0;--edge:#dba98b;--accent:#1f3c88;--accent-deep:#142a63;--accent-ink:#fff;--reward:#a02c1f;--reward-drop:#c8382a;--focus:#1f3c88;--ship-turn:0deg;--locked-filter:brightness(0);--stage-no:#efc4a8}body{background-color:#f1cdb2;background-image:radial-gradient(50% 30% at 85% 0,#ffffffbf,#0000 70%),linear-gradient(#fbe9d8,#eebf9f)}.mode-sonraki{--mode-tint:#ffe1dc;--mode-deep:#a02c1f;--mode-edge:#f5b3a6}.mode-eksik{--mode-tint:#fff0c7;--mode-deep:#9a5b00;--mode-edge:#f0c254}.mode-kural{--mode-tint:#dbe5ff;--mode-deep:#1f3c88;--mode-edge:#b3c5f5}.mode-art{font-size:21px}.motif{aspect-ratio:1;width:100%;height:auto;display:block}.block{align-items:center;gap:4px;display:inline-flex}.block .motif{width:30px}.mode-art .motif{width:26px}.hero-art .block{width:auto;height:auto}.hero-art .block .motif{width:36px;height:36px}.block-mini .motif{width:20px}.loom{width:100%;box-shadow:0 6px 0 var(--edge), inset 0 0 0 3px #fff;color:var(--card-ink);background:repeating-linear-gradient(90deg,#0000 0 9px,#4a1d1212 9px 10px),#fff6e0;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:8px 6px;padding:16px 10px;list-style:none;display:flex}.loom li{aspect-ratio:1;place-items:center;width:clamp(30px,9.4vw,44px);display:grid}.loom-number li{aspect-ratio:auto;width:auto;min-width:clamp(44px,13vw,58px);height:clamp(44px,13vw,58px);box-shadow:inset 0 0 0 2px var(--edge);font-family:var(--font-display);background:#fff;border-radius:14px;padding:0 6px;font-size:clamp(24px,7.4vw,32px);line-height:1}.loom .knot{font-family:var(--font-display);border-radius:12px;font-size:26px;font-weight:800;line-height:1}.loom .knot.is-hole{background:var(--amber);color:#1e2145;box-shadow:none;animation:.3s pop}.loom .knot.is-filled{box-shadow:0 0 0 3px var(--teal);background:#fff}.loom-small{box-shadow:0 0 0 1.5px var(--edge);padding:10px 6px}.loom-small li{width:26px}.loom-small.loom-number li{min-width:36px;height:36px;font-size:20px}.choice.choice-motif{padding:12px}.choice.choice-motif .motif{width:56px;margin-inline:auto}.choice.choice-block .motif{width:34px}.choice.choice-rule{font-size:26px}.choice.choice-motif.is-right,.choice.choice-motif.is-wrong,.choice.choice-block.is-right,.choice.choice-block.is-wrong{box-shadow:0 0 0 4px currentColor, 0 7px 0 var(--edge)}.blocks{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.blocks .block{background:var(--card-tint);box-shadow:inset 0 0 0 2px var(--edge);border-radius:12px;padding:6px 8px}.blocks .block .motif{width:24px}.hops{font-family:var(--font-display);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;font-size:26px;line-height:1;display:flex}.hops i{background:var(--amber);color:#1e2145;border-radius:999px;padding:3px 6px;font-size:15px;font-style:normal;font-weight:800}