:root{--umber:#1d140d;--umber-2:#2a1d13;--wasli:#ecdfc0;--wasli-dim:#cbbd9c;--lapis:#2a4592;--gold:#c9a23a;--gold-hi:#ecd27c;--vermilion:#c63b27;--ink:#20160f;--panel-bg:#ecdfc0f0;--panel-ink:#2a1e14;--panel-soft:#6b5840;--scene-bg:#1d140d;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--panel-bg:#221810eb;--panel-ink:#efe2c4;--panel-soft:#b9a680}}:root[data-theme=dark]{--panel-bg:#221810eb;--panel-ink:#efe2c4;--panel-soft:#b9a680}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--scene-bg);height:100%;color:var(--panel-ink);margin:0;font-family:Spectral,Georgia,Times New Roman,serif;overflow:hidden}#gl{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.vig{pointer-events:none;z-index:1;background:radial-gradient(75% 70% at 38% 52%,#0000 55%,#0e08048c 100%);position:fixed;inset:0}.title,.panel{z-index:2}.title{padding:calc(env(safe-area-inset-top,0px) + 18px) 22px 0;pointer-events:none;color:#efe2c4;text-shadow:0 1px 12px #0009;max-width:min(560px,70vw);position:fixed;top:0;left:0}.title h1{letter-spacing:.01em;margin:0;font-family:Amiri,Georgia,serif;font-size:clamp(1.35rem,2.6vw,2.1rem);font-weight:400;line-height:1.1}.title p{color:#d8c8a4;margin:.35rem 0 0;font-size:.92rem;font-style:italic;font-weight:300;line-height:1.45}.panel{right:18px;top:calc(env(safe-area-inset-top,0px) + 18px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);background:var(--panel-bg);width:330px;color:var(--panel-ink);border:1px solid var(--gold);outline-offset:3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);--xr-back:80px;--xr-background-material:translucent;outline:3px double #2a45928c;flex-direction:column;padding:18px 18px 14px;display:flex;position:fixed}.steps{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.steps li{cursor:pointer;border-bottom:1px solid #c9a23a59;border-radius:2px;grid-template-columns:28px 1fr;gap:4px 10px;padding:9px 6px;display:grid}.steps li:last-child{border-bottom:0}.steps li:focus-visible{outline:2px solid var(--lapis);outline-offset:1px}.steps .n{color:var(--panel-soft);text-align:right;font-family:Amiri,serif;font-size:1.05rem;line-height:1.5}.steps .nm{justify-content:space-between;align-items:baseline;gap:8px;font-family:Amiri,serif;font-size:1.08rem;line-height:1.3;display:flex}.steps .fa{color:var(--panel-soft);direction:rtl;font-size:1.02rem}.steps .ds{color:var(--panel-soft);grid-column:2;font-size:.86rem;line-height:1.5;display:none}.steps li.done .n{color:var(--gold)}.steps li.cur{background:#c9a23a29}.steps li.cur .n{color:var(--vermilion)}.steps li.cur .ds{color:var(--panel-ink);display:block}.bar{background:#c9a23a40;height:3px;margin:10px 0 12px}.bar i{background:var(--gold);width:0;height:100%;display:block}.ctrls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ctrls button,.views button{font:inherit;color:var(--panel-ink);cursor:pointer;background:0 0;border:1px solid #c9a23ab3;border-radius:2px;padding:6px 10px;font-size:.9rem}.ctrls button:hover,.views button:hover{background:#c9a23a2e}.ctrls button:focus-visible,.views button:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.ctrls .primary{background:var(--lapis);color:#f4ead2;border-color:var(--lapis);min-width:72px}.ctrls label{color:var(--panel-soft);align-items:center;gap:6px;margin-left:auto;font-size:.85rem;display:flex}.ctrls input{width:70px;accent-color:var(--gold)}.views{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.views span{color:var(--panel-soft);align-self:center;margin-right:2px;font-size:.85rem}.moves{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.moves span{color:var(--panel-soft);margin-right:2px;font-size:.85rem}.moves select{font:inherit;color:var(--panel-ink);background:0 0;border:1px solid #c9a23ab3;border-radius:2px;max-width:150px;padding:5px 6px;font-size:.9rem}.moves select option{color:#2a1e14;background:#ecdfc0}.moves button{font:inherit;color:var(--panel-ink);cursor:pointer;background:0 0;border:1px solid #c9a23ab3;border-radius:2px;padding:6px 10px;font-size:.9rem}.moves [hidden]{display:none}.hint{color:var(--panel-soft);margin:.6rem 0 0;font-size:.78rem;font-style:italic}@media (width<=760px){.title p{display:none}.panel{width:auto;height:auto;max-height:46%;top:auto;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);padding:12px 12px 10px}.steps li{padding:6px 4px}.steps li:not(.cur),.hint{display:none}}@media (prefers-reduced-motion:reduce){.steps li{transition:none}}.vr-cta{z-index:3;left:calc(50% - 183px);bottom:calc(env(safe-area-inset-bottom,0px) + 30px);font:inherit;letter-spacing:.01em;color:var(--ink);background:linear-gradient(180deg,var(--gold-hi),var(--gold));border:2px solid var(--wasli);outline-offset:3px;cursor:pointer;white-space:nowrap;border-radius:999px;outline:3px double #2a4592b3;align-items:center;gap:12px;padding:16px 30px;font-size:1.25rem;font-weight:500;animation:2.6s ease-in-out infinite vr-pulse;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.vr-cta:hover{background:linear-gradient(180deg,#f6e3a0,var(--gold-hi))}.vr-cta:focus-visible{outline:3px solid var(--lapis);outline-offset:4px}@keyframes vr-pulse{0%,to{box-shadow:0 8px 28px #00000073,0 0 #ecd27c8c}50%{box-shadow:0 8px 28px #00000073,0 0 0 14px #ecd27c00}}@media (prefers-reduced-motion:reduce){.vr-cta{animation:none}}@media (width<=760px){.vr-cta{left:50%;top:calc(env(safe-area-inset-top,0px) + 12px);padding:12px 22px;font-size:1.05rem;bottom:auto}}