@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/sunspire-threejs/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(/sunspire-threejs/assets/space-grotesk-latin-400-normal-BnQMeOim.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/sunspire-threejs/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/sunspire-threejs/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/sunspire-threejs/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(/sunspire-threejs/assets/space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/sunspire-threejs/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/sunspire-threejs/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/sunspire-threejs/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/sunspire-threejs/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}:root{color:#523b32;font-synthesis:none;--ink:#523b32;--accent:#93462b;--sky-top:#9cabbd;--sky-middle:#dfb79c;--sky-bottom:#f7dfb6;--sun-opacity:.8;background:#e9c8a8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,#playfield:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}#app{isolation:isolate;width:100%;height:100svh;min-height:410px;position:relative;overflow:hidden}.sky{z-index:-2;background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-middle) 49%, var(--sky-bottom) 100%);position:absolute;inset:0;overflow:hidden}.sky:after{content:"";background:radial-gradient(at 60% 40%,#fff5d91c,#0000 65%);position:absolute;inset:0}.sun{aspect-ratio:1;width:clamp(130px,15vw,240px);opacity:var(--sun-opacity);background:#fff0c4;border-radius:50%;position:absolute;top:24%;left:59%;box-shadow:0 0 90px 45px #fff1c424}.horizon{clip-path:polygon(0 28%,13% 21%,27% 34%,42% 11%,52% 24%,68% 0,79% 19%,89% 9%,100% 26%,100% 100%,0 100%);background:#b1846d19;width:110%;height:31%;position:absolute;bottom:-5%;left:-5%}.horizon-two{background:#976b5414;height:29%;bottom:-10%;transform:scaleX(-1)}.masthead{z-index:3;align-items:center;gap:24px;width:100%;padding:30px 4.5%;display:flex;position:absolute;top:0}.wordmark{color:var(--ink);letter-spacing:.17em;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;text-decoration:none;display:flex}.wordmark svg{fill:none;width:34px;stroke:var(--accent);stroke-width:1.6px}.edition{letter-spacing:.15em;align-items:center;gap:30px;margin:0 0 0 auto;font-size:10px;display:flex}.edition span{border-left:1px solid #65482b40;padding-left:28px}.menu-controls{align-items:center;gap:12px;display:flex}.quiet-button{background:#fff6dc42;border:1px solid #64493433;border-radius:4px;padding:9px 14px;font-size:12px}.quiet-button span{padding-left:9px}.quiet-button:hover{background:#fff6dc8a}#playfield{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;position:absolute;inset:0;outline-offset:-10px!important}#playfield canvas{width:100%;height:100%;display:block}#app[data-phase=initial] #playfield,#app[data-phase=paused] #playfield,#app[data-phase=result] #playfield{cursor:default}.scoreboard{z-index:2;pointer-events:none;align-items:center;gap:22px;display:flex;position:absolute;top:112px;left:4.5%}.eyebrow{letter-spacing:.18em;margin:0 0 18px;font-size:10px;font-weight:500}.scoreboard .eyebrow{letter-spacing:.14em;font-size:9px}.scoreboard p{margin:3px 0 0;font-family:Space Grotesk,sans-serif;font-size:15px}.scoreboard strong{letter-spacing:-.06em;font-size:36px;font-weight:500}.scoreboard p>span{opacity:.65}.perfect-score strong{font-size:25px}.perfect-score p>span{color:var(--accent);margin-left:9px;font-size:23px}.score-divider{background:#65482b40;width:1px;height:40px}.height-scale{pointer-events:none;opacity:.55;letter-spacing:.1em;flex-direction:column;align-items:center;gap:15px;font-family:Space Grotesk,sans-serif;font-size:10px;display:flex;position:absolute;top:27%;bottom:23%;right:4.5%}#height-ticks{flex-direction:column-reverse;flex:1;justify-content:space-between;align-items:flex-end;width:19px;display:flex}.height-tick{background:var(--ink);opacity:.35;width:9px;height:1px;transition:width .2s,opacity .2s}.height-tick:nth-child(3n){width:17px}.height-tick.complete{opacity:1;background:var(--accent);width:19px}.panel{z-index:4;max-width:380px;position:absolute;bottom:135px;left:4.5%}.small-sun{color:var(--accent);vertical-align:-1px;margin-right:9px;font-size:17px;display:inline-block}h1,h2{letter-spacing:-.055em;margin:0 0 22px;font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.06}h1{font-size:clamp(45px,4.8vw,68px)}h2{font-size:clamp(32px,3.5vw,49px)}.panel-copy{color:#63493d;margin:0 0 26px;font-size:14px;line-height:1.65}.primary-button{background:var(--accent);color:#fff4dd;border-radius:4px;justify-content:space-between;align-items:center;gap:30px;min-width:230px;min-height:52px;padding:14px 20px;font-size:14px;transition:background .15s,transform .15s;display:flex;box-shadow:0 6px 22px #63322318}.primary-button:hover{background:#783622;transform:translateY(-1px)}.primary-button span{font-size:22px}.panel-hint{letter-spacing:.15em;opacity:.65;margin:16px 0 0;font-size:9px}.compact-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7e2cde6;border:1px solid #fff4dd6b;border-radius:8px;max-width:370px;padding:28px}.compact-panel .eyebrow{color:var(--accent)}.compact-panel h2{font-size:37px}.compact-panel .panel-copy{margin-bottom:20px}.compact-panel .primary-button{width:100%}.play-controls{z-index:3;border-top:1px solid #65482b38;align-items:center;gap:24px;height:90px;display:flex;position:absolute;bottom:0;left:4.5%;right:4.5%}.footer-note{letter-spacing:.12em;align-items:center;gap:10px;font-size:9px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.footer-mark{letter-spacing:.18em;opacity:.6;margin-left:auto;font-size:9px}.place-button{background:#f9e7ced9;border:1px solid #79533750;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;min-width:203px;min-height:48px;padding:13px 17px;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #79533710}.place-button:hover{background:#fff1da}.place-button:disabled{opacity:.5}.keycap{letter-spacing:.08em;border:1px solid #79533750;border-radius:3px;padding:5px 6px;font-size:9px}.axis-hint{margin-left:auto;font:12px Space Grotesk,sans-serif}.axis-hint>span{padding-left:8px}#app:not([data-phase=initial]) .footer-mark{display:none}.feedback{z-index:2;pointer-events:none;letter-spacing:.14em;color:var(--accent);opacity:0;font-family:Space Grotesk,sans-serif;font-size:14px;transition:opacity .12s;position:absolute;top:25%;left:50%;transform:translate(-50%)}.feedback.visible{opacity:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1500px){.panel{left:8%}}@media (max-width:700px){.masthead{gap:10px;padding:22px}.wordmark{gap:8px;font-size:15px}.wordmark svg{width:27px}.edition{letter-spacing:.1em;font-size:8px}.edition span{border:0;padding-left:0}.edition{gap:0;font-size:0}.edition span{font-size:9px}.menu-controls{gap:7px;margin-left:auto}.quiet-button{padding:8px 9px;font-size:11px}.quiet-button span{padding-left:4px}#app:not([data-phase=initial]) .edition{display:none}.scoreboard{gap:17px;top:82px;left:24px}.scoreboard strong{font-size:30px}.perfect-score strong{font-size:22px}.height-scale{opacity:.4;top:27%;bottom:33%;right:23px}.sun{width:142px;top:24%;left:56%}.panel{max-width:none;bottom:107px;left:24px;right:24px}.intro-panel .eyebrow{margin-bottom:12px;font-size:8px}h1{margin-bottom:14px;font-size:45px}.panel-copy{margin-bottom:17px;font-size:12px}.intro-panel .primary-button{width:100%}.panel-hint{margin-top:11px;font-size:8px}.compact-panel{padding:22px;bottom:111px}.compact-panel h2{margin-bottom:14px;font-size:33px}.compact-panel .eyebrow{margin-bottom:12px;font-size:8px}.play-controls{gap:10px;height:77px;left:24px;right:24px}.footer-note{max-width:190px;font-size:8px;line-height:1.5}.footer-mark{max-width:65px;font-size:7px;line-height:1.6}#app[data-phase=playing] .footer-note,#app[data-phase=resolving] .footer-note{width:max-content;max-width:none;position:absolute;bottom:82px;left:50%;transform:translate(-50%)}#app[data-phase=playing] .place-button,#app[data-phase=resolving] .place-button{width:calc(100% - 48px);left:0;transform:none}.axis-hint{margin-left:auto}.feedback{font-size:11px;top:24%}}@media (max-height:550px) and (min-width:601px){.masthead{padding:16px 4%}.wordmark{font-size:16px}.wordmark svg{width:27px}.edition{font-size:8px}.scoreboard{top:72px;left:4%}.scoreboard strong{font-size:28px}.panel{max-width:285px;bottom:79px;left:4%}h1{margin-bottom:13px;font-size:39px}.eyebrow{margin-bottom:10px;font-size:8px}.panel-copy{margin-bottom:14px;font-size:12px}.panel-hint{margin-top:10px}.compact-panel{max-width:300px;padding:18px}.compact-panel h2{margin-bottom:12px;font-size:29px}#pause-panel{max-width:285px;padding:14px;bottom:74px}#pause-panel .eyebrow{margin-bottom:8px}#pause-panel h2{margin-bottom:8px;font-size:26px}#pause-panel .panel-copy{margin-bottom:10px;font-size:11px;line-height:1.45}#pause-panel .primary-button{min-height:40px}.primary-button{min-height:44px;padding:9px 16px}.play-controls{height:59px}.place-button{min-height:40px;padding:9px 14px}.height-scale{top:24%;bottom:25%}.feedback{top:19%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}