.grimoire-stage{--panel:var(--g-panel);min-height:100dvh;color:var(--ink);background:var(--g-stage);font-family:var(--font-sans);overflow:hidden}.grimoire-stage__surface{min-height:100dvh}#viewport{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}.stage-header,.stage-message,.stage-hud,.side-sheet{z-index:30;position:fixed}.stage-header{pointer-events:none;justify-content:space-between;align-items:flex-start;padding:clamp(17px,3vw,30px);display:flex;inset:0 0 auto}.header-actions{pointer-events:auto;gap:8px;display:flex}.wordmark{text-shadow:0 3px 18px #000;gap:6px;display:grid}.wordmark span,.eyebrow{color:var(--accent);font:700 10px/1 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;margin:0}.wordmark strong{font:500 clamp(25px, 3.3vw, 42px)/.86 var(--font-display);letter-spacing:-.055em}.quiet-button,.ride-button,.sheet-close{color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font:700 10px/1 var(--font-sans);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:#0a0c0f94;border:1px solid #f6f1e840;border-radius:999px;padding:10px 13px;box-shadow:0 8px 24px #0004}.quiet-button:hover,.ride-button:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, #101318)}.stage-message{max-width:min(390px,100vw - 42px);color:var(--muted);font:500 12px/1.35 var(--font-sans);text-align:center;text-shadow:0 2px 12px #000;pointer-events:none;top:31%;left:50%;transform:translate(-50%)}.stage-message__dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 13px var(--accent);border-radius:50%;margin:0 8px 1px 0;display:inline-block}.stage-hud{pointer-events:none;justify-items:center;gap:9px;display:grid;bottom:22px;left:0;right:0}.stage-hud>*{pointer-events:auto}.hand-offer{color:var(--ink);text-align:center;text-shadow:0 2px 12px #000;cursor:pointer;background:0 0;border:0;gap:3px;padding:0;display:grid}.hand-offer strong{font:600 15px/1.1 var(--font-display)}.hand-offer span{color:var(--muted);font:600 9px/1.25 var(--font-sans);letter-spacing:.06em}.hand-offer:hover strong{color:var(--accent)}.dock{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c0fad;border:1px solid #f6f1e833;border-radius:18px;gap:3px;padding:4px;display:flex;box-shadow:0 16px 38px #0008}.dock.is-waking{opacity:.62}.dock__slot{color:#c6c4bf;min-width:61px;font:700 9px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--g-base) ease, color var(--g-base) ease;background:0 0;border:0;border-radius:13px;gap:3px;padding:7px 9px;display:grid;position:relative}.dock__slot i{color:var(--slot);text-shadow:0 0 14px color-mix(in srgb, var(--slot) 60%, transparent);font:23px/1 Georgia,serif}.dock__slot kbd{min-width:0;color:var(--muted);font:700 8px/1 var(--font-sans);opacity:.6;background:0 0;border:0;padding:0;position:absolute;top:3px;right:4px}.dock__slot.is-active{color:var(--ink);background:color-mix(in srgb, var(--slot) 19%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--slot) 75%, transparent)}.dock__slot.is-active kbd{opacity:1}.dock__slot:hover:not(.is-active){background:#f6f1e80f}.dock__slot.is-offered:before{background:var(--slot);width:5px;height:5px;box-shadow:0 0 9px var(--slot);content:"";border-radius:50%;position:absolute;top:4px;left:5px}.dock__slot u{border:2px solid var(--slot);clip-path:inset(0 calc((1 - var(--dwell,0)) * 100%) 0 0);filter:drop-shadow(0 0 5px var(--slot));opacity:0;border-radius:12px;position:absolute;inset:1px}.dock__slot.is-dwelling u{opacity:1}.cast-button{border:1px solid color-mix(in srgb, var(--accent) 78%, white);color:#0e1215;background:var(--accent);min-width:148px;box-shadow:0 8px 32px color-mix(in srgb, var(--accent) 42%, transparent);font:800 10px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-radius:14px;padding:12px 19px}.cast-button b{font:600 22px/.9 var(--font-display);letter-spacing:-.02em;text-transform:none;margin-top:4px;display:block}.cast-button:disabled{opacity:.55;cursor:wait}.cast-button--secondary{color:var(--ink);box-shadow:none;background:#f6f1e814;border-color:#f6f1e84d}.ride-button{padding:8px 12px;font-size:9px}.ride-button.is-armed{color:#06252a;background:#a7e8f2;border-color:#a7e8f2}.intro{z-index:100;pointer-events:none;display:grid;position:fixed;inset:0;overflow:hidden}.intro__skip{pointer-events:auto}.intro--dark .intro__copy,.intro--reveal .intro__copy{opacity:1}.intro--settle .intro__copy,.intro--play .intro__copy{opacity:0}.intro__copy{transition:opacity var(--g-slow) ease;text-align:center;pointer-events:none;align-content:center;justify-items:center;padding:28px;display:grid;position:absolute;inset:0;align-content:end!important;padding-bottom:12vh!important}.intro__copy p,.intro__copy span{color:#fff6e7;font:700 10px/1.35 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;margin:0}.intro__copy h1{max-width:620px;font:500 clamp(45px, 9vw, 112px)/.82 var(--font-display);letter-spacing:-.07em;text-shadow:0 5px 44px #000;margin:14px 0}.intro__copy span{color:#f4ead9c7;letter-spacing:.11em;text-transform:none;font-size:9px}.intro__skip{z-index:1;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:700 10px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#00000052;border:1px solid #ffffff6b;border-radius:999px;padding:10px 14px;position:absolute;bottom:22px;right:24px}.side-sheet{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#191e22f5,#0b0e11f7);border:1px solid #f6f1e838;border-radius:22px;width:min(360px,100vw - 36px);max-height:min(680px,100dvh - 50px);padding:23px;top:50%;right:22px;overflow:auto;transform:translateY(-50%);box-shadow:0 24px 84px #000a}.sheet-close{width:32px;height:32px;color:var(--muted);font:300 25px/1 var(--font-sans);place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.side-sheet h2{max-width:280px;font:500 31px/.98 var(--font-display);letter-spacing:-.045em;margin:7px 0 12px}.sheet-copy{color:#ddd9d0;font:400 13px/1.55 var(--font-sans);margin:0}.input-health{color:#d9e9e7;font:500 11px/1.4 var(--font-sans);background:#bfe8df14;border:1px solid #bfe8df40;border-radius:12px;align-items:flex-start;gap:9px;margin:17px 0;padding:10px;display:flex}.input-health i{background:#b9c0c0;border-radius:50%;flex:none;width:8px;height:8px;margin-top:3px;box-shadow:0 0 10px}.input-health--ready i,.input-health--tracking i{color:#a8f0dc;background:#a8f0dc}.input-health--fallback i,.input-health--unavailable i{color:#ffb65d;background:#ffb65d}.input-health--requesting i{color:#bfe8df;background:#bfe8df;animation:1s ease-in-out infinite status-pulse}.gesture-guide{gap:9px;margin:17px 0;padding:0;list-style:none;display:grid}.gesture-guide li{color:#d8d2c9;font:400 11px/1.42 var(--font-sans);grid-template-columns:23px 1fr;align-items:start;gap:9px;display:grid}.gesture-guide b{aspect-ratio:1;border:1px solid var(--accent);width:23px;color:var(--accent);font:700 10px/1 var(--font-sans);border-radius:50%;place-items:center;display:grid}.gesture-guide strong{color:#fff;font-size:11px;display:block}.gesture-guide__title{color:var(--accent);font:700 9px/1 var(--font-sans);letter-spacing:.15em;text-transform:uppercase;margin:17px 0 -8px}.sheet-actions{grid-template-columns:1fr 1fr;align-items:end;gap:7px;display:grid}.sheet-actions .cast-button{min-width:0}.sheet-actions .cast-button b{display:none}.sheet-actions .quiet-button{align-self:stretch}.workshop{right:max(22px,50vw - 650px)}.preset-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:17px;display:grid}.preset-grid button{min-height:65px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #f6f1e829;border-radius:11px;gap:5px;padding:9px;display:grid}.preset-grid button:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, transparent)}.preset-grid small{color:var(--accent);font:700 8px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase}.preset-grid strong{font:500 16px/1 var(--font-display)}.local-dials{border:0;border-top:1px solid #f6f1e829;gap:13px;margin:20px 0 0;padding:16px 0 0;display:grid}.local-dials legend{color:var(--accent);font:700 9px/1 var(--font-sans);letter-spacing:.15em;text-transform:uppercase;padding:0}.local-dials label{color:#eee8dc;font:600 11px/1 var(--font-sans);grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.local-dials output{color:var(--accent);font:500 14px/1 var(--font-display)}.local-dials input{width:100%;accent-color:var(--accent);grid-column:1/-1}.hand-mirror{--hand-accent:#bfe8df;z-index:45;aspect-ratio:4/3;pointer-events:none;background:#07090b;border:1px solid #f6f1e852;border-radius:15px;width:164px;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 16px 40px #000b}.hand-mirror video,.hand-mirror canvas{object-fit:cover;width:100%;height:100%;position:absolute;transform:scaleX(-1)}.hand-mirror canvas{transform:none}.hand-mirror span{color:#fff;font:700 7px/1 var(--font-sans);letter-spacing:.09em;text-transform:uppercase;background:#0000008a;border-radius:999px;padding:4px 6px;position:absolute;bottom:7px;right:7px}.hand-mirror i{border:2px solid var(--hand-accent);clip-path:inset(0 calc((1 - var(--hold,0)) * 100%) 0 0);filter:drop-shadow(0 0 5px var(--hand-accent));opacity:0;border-radius:50%;transition:opacity .12s;position:absolute;inset:8px}.hand-mirror.is-pose i{opacity:1}.hand-mirror.is-tracking{border-color:var(--hand-accent);box-shadow:0 0 24px -9px var(--hand-accent), 0 16px 40px #000b}.grimoire-stage :is(button,input):focus-visible{outline-offset:3px;outline:3px solid #fff}@keyframes status-pulse{50%{opacity:.4;transform:scale(.55)}}@media (max-width:679px){.stage-header{padding:17px}.wordmark strong{font-size:28px}.header-actions{gap:5px}.quiet-button{white-space:nowrap;padding:9px;font-size:9px}.wordmark span{white-space:nowrap}.stage-message{top:22%}.stage-hud{padding:0 0 max(10px, env(safe-area-inset-bottom));gap:7px;bottom:0;left:0;right:0}.dock{width:100%;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:0}.dock__slot{flex:1 1 0;min-width:0;padding:7px 4px}.dock__slot i{font-size:20px}.dock__slot kbd{display:none}.stage-hud .dock{order:3}.stage-hud{flex-direction:column;align-items:center;display:flex}.cast-button{min-width:min(320px,100vw - 32px)}.side-sheet{border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;width:100%;max-height:min(78dvh,100dvh - 18px);inset:auto 0 0;transform:none}.workshop{right:0}.hand-mirror{display:none}.intro__copy h1{font-size:clamp(43px,13vw,74px)}.intro__copy span{max-width:260px}.intro__skip{bottom:13px;right:13px}}@media (min-width:680px) and (max-width:1024px){.stage-message{top:26%}.side-sheet{width:380px;max-height:min(680px,100dvh - 44px);right:16px}.workshop{right:16px}.hand-mirror{bottom:128px}}@media (pointer:coarse){.dock__slot,.quiet-button,.ride-button,.intro__skip{min-height:42px}.cast-button{min-height:52px}}@media (prefers-reduced-motion:reduce){.grimoire-stage *,.grimoire-stage :before,.grimoire-stage :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ward-readout{z-index:30;pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%)}.ward-stones{gap:6px;margin:0;padding:0;list-style:none;display:flex}.ward-stones li{background:#f6f1e812;border:1px solid #f6f1e847;border-radius:999px;width:22px;height:6px;transition:background .35s,border-color .35s,box-shadow .35s}.ward-stones li.is-current{border-color:color-mix(in srgb, var(--accent) 70%, transparent)}.ward-stones li.is-lit{border-color:var(--accent);background:var(--accent);box-shadow:0 0 14px -2px var(--accent)}.ward-attempts{color:var(--muted);font:700 9px/1 var(--font-sans);letter-spacing:.18em;text-transform:uppercase}@media (max-width:679px){.ward-readout{top:78px}}@media (prefers-reduced-motion:reduce){.ward-stones li{transition:none}}.gesture-guide li.is-live{color:var(--ink)}.gesture-guide li.is-live b{border-color:var(--accent);color:#0e1215;background:var(--accent)}.gesture-guide li.is-done b{opacity:.45}.hand-meters{gap:7px;margin-top:12px;display:grid}.hand-meters label{color:var(--muted);font:700 9px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;grid-template-columns:52px 1fr;align-items:center;gap:9px;display:grid}.hand-meters i{background:#f6f1e81f;border-radius:999px;height:4px;position:relative}.hand-meters i:after{width:calc(var(--v,0) * 100%);background:var(--accent);box-shadow:0 0 10px -2px var(--accent);content:"";border-radius:999px;transition:width .12s linear;position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:reduce){.hand-meters i:after{transition:none}}.help-button{z-index:40;width:38px;height:38px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:700 15px/1 var(--font-sans);cursor:pointer;background:#0a0c0fad;border:1px solid #f6f1e842;border-radius:50%;position:fixed;bottom:20px;right:20px}.help-button:hover{border-color:var(--accent);color:var(--accent)}.help-sheet h3{color:var(--ink);font:600 15px/1.2 var(--font-display);margin:18px 0 6px}.help-sheet h3:first-of-type{margin-top:12px}.help-notes{color:var(--muted);font:400 12px/1.45 var(--font-sans);gap:6px;margin:0;padding-left:16px;display:grid}.help-notes strong{color:var(--ink);font-weight:600}.help-rows{gap:7px;margin:0;display:grid}.help-rows>div{grid-template-columns:104px 1fr;align-items:baseline;gap:10px;display:grid}.help-rows--keys>div{grid-template-columns:84px 1fr}.help-rows dt{color:var(--ink);font:600 12px/1.35 var(--font-sans)}.help-rows dd{color:var(--muted);font:400 12px/1.45 var(--font-sans);margin:0}kbd{min-width:15px;color:var(--ink);font:600 10px/1.4 var(--font-sans);text-align:center;background:#f6f1e812;border:1px solid #f6f1e83d;border-radius:5px;padding:1px 5px;display:inline-block}@media (max-width:679px){.help-button{top:76px;bottom:auto;right:12px}}.loader{z-index:var(--g-z-loader);background:0 0;place-items:center;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader__inner{text-align:center;width:min(420px,80vw)}.loader__title{font:600 26px/1.2 var(--font-display);letter-spacing:.12em;margin:22px 0 18px}.loader__sigil{justify-content:center;gap:14px;display:flex}.sigil{opacity:.85;border-radius:4px;width:17px;height:17px;animation:2.6s ease-in-out infinite sigil-pulse}.sigil--fire{background:var(--g-fire)}.sigil--water{background:var(--g-water);animation-delay:.2s}.sigil--earth{background:var(--g-earth);animation-delay:.4s}.sigil--air{background:var(--g-air);animation-delay:.6s}@keyframes sigil-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}.loader__bar{background:#f6f1e81f;border-radius:999px;width:100%;height:3px;margin:8px 0 12px;overflow:hidden}.loader__bar i{background:var(--accent);border-radius:999px;width:0;height:100%;transition:width .25s;display:block}.loader__status{color:var(--muted);font:400 12px/1.4 var(--font-sans);letter-spacing:.04em;margin:0}.hud{z-index:var(--g-z-hud);pointer-events:none;font-size:13px;position:fixed;inset:0}.hud__toast{border:1px solid var(--g-line);border-radius:var(--g-r-pill);background:var(--g-panel-solid);box-shadow:var(--g-shadow);opacity:0;letter-spacing:.04em;transition:opacity var(--g-base) ease, transform var(--g-base) ease;padding:9px 18px;font-size:12px;position:absolute;top:76px;left:50%;transform:translate(-50%,-12px)}.hud__toast.is-visible{opacity:1;transform:translate(-50%)}.lil-gui.autoPlace{z-index:var(--g-z-chrome);max-height:calc(100dvh - 96px);top:64px;right:14px}.lil-gui.lil-root>.title,.lil-gui.root>.title{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase}.stage-settings{border-top:1px solid var(--g-line);gap:8px;margin:17px 0 0;padding-top:15px;display:grid}.switch{cursor:pointer;grid-template-columns:34px 1fr;align-items:start;gap:10px;display:grid}.switch input{width:34px;height:19px;accent-color:var(--accent);cursor:pointer;margin:1px 0 0}.switch span{color:var(--muted);font:400 11px/1.45 var(--font-sans)}.switch strong{color:var(--ink);font:600 12px/1.3 var(--font-sans);display:block}.stage-settings__note{color:var(--muted);font:400 11px/1.45 var(--font-sans);opacity:.8;margin:0}.grimoire-stage.is-opening :is(.stage-header,.stage-message,.stage-hud,.ward-readout,.help-button){opacity:0;pointer-events:none}.grimoire-stage :is(.stage-header,.stage-message,.stage-hud,.ward-readout,.help-button){transition:opacity var(--g-slow) ease}