:root{--ink:#07141a;--ink-raised:#0b1d24;--bone:#f1eadb;--bone-dim:rgba(241,234,219,.6);--line:rgba(241,234,219,.18);--copper:#ca8b67;--danger:#d4876e;--safe-top:max(20px,env(safe-area-inset-top));--safe-right:max(20px,env(safe-area-inset-right));--safe-bottom:max(20px,env(safe-area-inset-bottom));--safe-left:max(20px,env(safe-area-inset-left));color:var(--bone);background:var(--ink);font-family:Avenir Next,Segoe UI Variable,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100dvh;overflow:hidden;background:var(--ink)}button{color:inherit;font:inherit}button,canvas{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--bone);outline-offset:5px}[hidden]{display:none!important}.loom-shell{position:relative;width:100%;height:var(--loom-vh,100dvh);min-height:320px;overflow:hidden;isolation:isolate;background:var(--ink)}.world-layer,.canvas-host,.canvas-host canvas,.vignette,.exposure-flash{position:absolute;inset:0;width:100%;height:100%}.canvas-host canvas{display:block;touch-action:none}.world-layer{z-index:0}.vignette{pointer-events:none;background:radial-gradient(circle at 57% 47%,transparent 18%,rgba(2,10,14,.16) 65%,rgba(2,8,11,.65) 110%)}.exposure-flash{pointer-events:none;opacity:0;background:var(--copper);mix-blend-mode:screen}.grain{position:fixed;inset:-50%;z-index:8;pointer-events:none;opacity:.034;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain-shift .32s steps(2) infinite}.phase-panel,.hud,.motion-toggle{position:absolute;z-index:2}.phase-panel{inset:0}.eyebrow,.hud-label,.wordmark,.edition,.title-coordinate,.loading-status,.orbit-copy,.movement-cue>span,.result-rank span,.motion-toggle{font:500 clamp(.62rem,.75vw,.76rem)/1.2 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase}.eyebrow{margin:0;color:var(--copper)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-screen{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);grid-template-rows:auto 1fr auto;background:var(--ink)}.loading-screen>.eyebrow{grid-column:1/-1}.loading-lockup{grid-column:1;align-self:center;display:flex;align-items:center;gap:clamp(1.5rem,4vw,4rem);padding-left:9vw}.loading-lockup h1{margin:0;font-weight:300;font-size:clamp(3.3rem,7.4vw,8.7rem);line-height:.84;letter-spacing:-.07em}.loom-mark{width:45px;height:102px;position:relative}.loom-mark i{position:absolute;left:21px;top:4px;display:block;width:1px;height:94px;background:var(--copper);transform-origin:50% 100%;animation:thread-breathe 2.4s cubic-bezier(.16,1,.3,1) infinite alternate}.loom-mark i:nth-child(2){transform:rotate(19deg);animation-delay:-.8s}.loom-mark i:nth-child(3){transform:rotate(-19deg);animation-delay:-1.6s}.loading-status{grid-column:2;align-self:end;justify-self:stretch;max-width:380px;color:var(--bone-dim)}.loading-track{height:1px;margin-top:15px;overflow:hidden;background:var(--line)}.loading-track span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--copper);transition:transform .7s cubic-bezier(.16,1,.3,1)}.title-screen{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.72fr);grid-template-rows:auto 1fr auto}.masthead{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;color:var(--bone-dim)}.wordmark{color:var(--bone)}.edition{text-align:right}.title-copy{grid-column:1;align-self:center;padding-left:clamp(1rem,10vw,11rem);max-width:830px;animation:title-arrive 1.2s cubic-bezier(.16,1,.3,1) both}.title-copy h1{margin:.32em 0 .24em;max-width:9ch;font-size:clamp(4.5rem,11vw,11.8rem);font-weight:300;letter-spacing:-.085em;line-height:.68}.title-copy h1 span{display:inline-block;margin-left:.72em;color:var(--copper)}.title-deck{width:min(43ch,84%);margin:0 0 2rem 26%;color:var(--bone-dim);font-size:clamp(.95rem,1.35vw,1.2rem);line-height:1.6}.title-copy .primary-action{margin-left:26%}.title-coordinate{grid-column:2;grid-row:2;align-self:center;justify-self:center;color:#f1eadb59;line-height:1.8}.orbit-copy{position:absolute;right:clamp(2rem,7vw,7rem);bottom:11%;width:132px;height:132px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#f1eadb52;animation:orbit-rotate 24s linear infinite;writing-mode:vertical-rl}.primary-action,.secondary-action,.text-action{min-height:48px;border:0;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s,color .35s}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:3rem;min-width:230px;padding:0 1.25rem;background:var(--copper);color:var(--ink);font:500 .78rem/1 DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.primary-action:hover{transform:translateY(-2px);background:var(--bone)}.primary-action:active{transform:scale(.98)}.secondary-action{padding:0 1.4rem;color:var(--bone);background:transparent;border:1px solid var(--line)}.text-action{padding:0 .5rem;background:transparent;color:var(--bone-dim);text-decoration:underline;text-underline-offset:5px}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);background:#07141ab8;cursor:pointer}.icon-button svg,.primary-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.fallback-screen{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:max(var(--safe-top),12vh) max(var(--safe-right),12vw);background:var(--ink)}.fallback-screen h1{margin:.3em 0;max-width:9ch;font-weight:300;font-size:clamp(3.4rem,8vw,8rem);letter-spacing:-.07em;line-height:.9}.fallback-screen>p:not(.eyebrow){max-width:55ch;color:var(--bone-dim);line-height:1.7}.fallback-screen .secondary-action{margin-top:1.5rem}.preflight{padding:max(var(--safe-top),8vh) max(var(--safe-right),9vw) var(--safe-bottom) max(var(--safe-left),9vw);display:grid;grid-template-columns:1fr minmax(320px,.8fr);grid-template-rows:1fr auto;gap:4rem 8vw;background:#07141aed}.preflight-copy{align-self:center}.preflight h2{margin:.35em 0 0;font-size:clamp(3rem,6vw,7rem);font-weight:300;line-height:.88;letter-spacing:-.065em}.instruction-list{grid-column:2;grid-row:1/-1;align-self:center;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.instruction-list li{display:grid;grid-template-columns:3rem 5rem 1fr;gap:1rem;align-items:baseline;padding:1.5rem 0;border-bottom:1px solid var(--line)}.instruction-list span{color:var(--copper);font:.72rem DM Mono,monospace}.instruction-list strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.instruction-list p{margin:0;color:var(--bone-dim);font-size:.88rem;line-height:1.5}.preflight>.primary-action{grid-column:1;align-self:end;justify-self:start}.hud{inset:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto}.hud button{pointer-events:auto}.hud-group,.hud-score{display:flex;flex-direction:column;gap:3px}.hud-label{color:var(--copper)}.hud-group strong{font-size:.8rem;letter-spacing:.08em}.gate-count{margin-top:12px;font:300 .72rem DM Mono,monospace;color:var(--bone-dim)}.gate-count b{color:var(--bone);font-size:1.2rem;font-weight:400}.hud-score{grid-column:2;text-align:center}.hud-score strong{font:300 clamp(1.25rem,2.5vw,2rem)/1 "DM Mono",monospace;letter-spacing:-.04em}.hud-score>span:last-child{color:var(--bone-dim);font:.65rem DM Mono,monospace}.hud-controls{justify-self:end;display:flex;gap:8px}.energy-rail{grid-row:3;grid-column:1;align-self:end;display:grid;grid-template-columns:auto 160px auto;gap:10px;align-items:center;font:.65rem DM Mono,monospace;color:var(--bone-dim)}.energy-rail i{width:100%;height:2px;background:linear-gradient(90deg,var(--copper) 100%,var(--line) 100%);transform-origin:left}.energy-rail b{font-weight:400;color:var(--bone)}.boost-readout{grid-row:3;grid-column:3;justify-self:end;align-self:end;padding:.6rem .75rem;border:1px solid var(--line);color:var(--bone-dim);font:.64rem DM Mono,monospace;letter-spacing:.08em}.context-cue{position:absolute;left:50%;bottom:var(--safe-bottom);transform:translate(-50%);margin:0;color:#f1eadb75;font:500 .62rem DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;animation:cue-away 7s both}.touch-boost{display:none}.loom-shell[data-boosting=true] .boost-readout{border-color:var(--copper);color:var(--bone)}.help-panel{position:absolute;inset:0;z-index:6;padding:max(var(--safe-top),12vh) max(var(--safe-right),14vw);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#051015f0;backdrop-filter:blur(14px)}.help-panel h2{max-width:12ch;margin:.3em 0;font-size:clamp(3rem,6vw,6rem);font-weight:300;line-height:.9;letter-spacing:-.065em}.help-panel ul{max-width:60ch;padding-left:1.2rem;color:var(--bone-dim);line-height:1.8}.help-panel .primary-action{margin-top:1rem}.movement-cue{inset:auto auto 14% max(var(--safe-left),8vw);pointer-events:none}.movement-cue span{color:var(--copper)}.movement-cue h2{margin:.25rem 0;font-size:clamp(2.4rem,6vw,5.5rem);font-weight:300;line-height:.92;letter-spacing:-.06em}.movement-cue p{margin:0;color:var(--bone-dim)}.pause-panel,.failed-panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:max(var(--safe-left),14vw);background:#051015d1;backdrop-filter:blur(12px)}.pause-panel h2,.failed-panel h2{margin:.25em 0 .55em;font-size:clamp(3rem,7vw,7rem);font-weight:300;letter-spacing:-.07em;line-height:.88}.failed-panel>p:not(.eyebrow){color:var(--bone-dim)}.panel-actions{display:flex;gap:1.5rem;align-items:center;margin-top:1.5rem}.finale-panel{pointer-events:none;padding:max(var(--safe-top),10vh) var(--safe-right) var(--safe-bottom) max(var(--safe-left),9vw)}.finale-panel h2{margin:.25em 0;font-size:clamp(2.8rem,6vw,6.4rem);font-weight:300;letter-spacing:-.065em;line-height:.88}.results-panel{padding:max(var(--safe-top),8vh) max(var(--safe-right),8vw) max(var(--safe-bottom),7vh) max(var(--safe-left),8vw);display:grid;grid-template-columns:1fr .9fr;grid-template-rows:auto 1fr auto;gap:2rem 8vw;background:linear-gradient(90deg,#07141af0,#07141a94)}.result-rank{grid-column:2;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:.75rem}.result-rank span{color:var(--bone-dim)}.result-rank strong{color:var(--copper);font:400 1rem DM Mono,monospace;letter-spacing:.1em}.result-copy{align-self:center}.result-copy h2{margin:.3em 0;font-size:clamp(3rem,6vw,6.5rem);font-weight:300;letter-spacing:-.07em;line-height:.88}.result-copy>p:last-child{color:var(--bone-dim)}.result-stats{grid-column:2;grid-row:2;align-self:center;margin:0;border-top:1px solid var(--line)}.result-stats div{display:flex;justify-content:space-between;padding:1.1rem 0;border-bottom:1px solid var(--line)}.result-stats dt{color:var(--bone-dim);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.result-stats dd{margin:0;font:300 1.1rem DM Mono,monospace}.results-panel .panel-actions{align-self:end}.motion-toggle{right:var(--safe-right);bottom:var(--safe-bottom);z-index:4;min-height:44px;padding:0 .2rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:#f1eadb6b;cursor:pointer}.loom-shell[data-phase=active] .motion-toggle,.loom-shell[data-phase=transition] .motion-toggle,.loom-shell[data-phase=paused] .motion-toggle,.loom-shell[data-phase=preflight] .motion-toggle{display:none}@keyframes title-arrive{0%{opacity:0;transform:translate3d(-24px,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes thread-breathe{0%{opacity:.28;height:70px}to{opacity:1;height:98px}}@keyframes orbit-rotate{to{transform:rotate(360deg)}}@keyframes grain-shift{0%{transform:translate3d(-2%,1%,0)}25%{transform:translate3d(1%,-3%,0)}50%{transform:translate3d(3%,2%,0)}75%{transform:translate3d(-3%,-1%,0)}to{transform:translate3d(-2%,1%,0)}}@keyframes cue-away{0%,72%{opacity:1}to{opacity:0}}@media(max-width:767px){.loading-screen{grid-template-columns:1fr}.loading-lockup{grid-column:1;padding:0}.loading-status{grid-column:1;width:100%;max-width:none}.loading-lockup h1{font-size:clamp(3.7rem,18vw,6.5rem)}.title-screen{grid-template-columns:1fr}.title-copy{padding:0;align-self:center}.title-copy h1{font-size:clamp(5rem,25vw,8.4rem)}.title-deck,.title-copy .primary-action{margin-left:14%}.title-coordinate,.orbit-copy{display:none}.edition{max-width:18ch}.preflight{padding:max(var(--safe-top),7vh) var(--safe-right) var(--safe-bottom) var(--safe-left);grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:1.5rem}.preflight h2{font-size:clamp(2.7rem,13vw,4.6rem)}.instruction-list{grid-column:1;grid-row:2}.instruction-list li{grid-template-columns:2rem 4rem 1fr;gap:.6rem;padding:1rem 0}.preflight>.primary-action{grid-column:1;width:100%}.hud{grid-template-columns:1fr auto}.hud-score{grid-column:1;grid-row:3;text-align:left;align-self:end}.hud-controls{grid-column:2}.energy-rail{grid-column:1/-1;grid-row:2;align-self:start;margin-top:5rem;grid-template-columns:auto 1fr auto}.boost-readout{display:none}.touch-boost{display:block;grid-column:2;grid-row:3;align-self:end;justify-self:end;width:64px;height:64px;border:1px solid var(--copper);border-radius:50%;background:#07141ab8;color:var(--bone);font:500 .65rem DM Mono,monospace;letter-spacing:.08em}.context-cue{bottom:calc(var(--safe-bottom) + 76px);width:70%;text-align:center}.pause-panel,.failed-panel{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.panel-actions{width:100%;flex-direction:column;align-items:stretch}.panel-actions .primary-action{width:100%}.results-panel{padding:max(var(--safe-top),6vh) var(--safe-right) var(--safe-bottom) var(--safe-left);grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;gap:1rem}.result-rank,.result-stats{grid-column:1}.result-rank{grid-row:1}.result-copy{grid-row:2}.result-stats{grid-row:3}.results-panel .panel-actions{grid-row:4;margin-top:0}.result-copy h2{font-size:clamp(3rem,13vw,5rem)}.help-panel{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}}.loom-shell[data-reduced-motion=true] *,.loom-shell[data-reduced-motion=true] *:before,.loom-shell[data-reduced-motion=true] *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}