.landing{--mood-ink:#d7c39f}.landing[data-mood=moonlight]{--mood-ink:#c7c6eb}.landing[data-mood=sage]{--mood-ink:#c0d4a6}.world-atmosphere{pointer-events:none;height:100svh;position:fixed;inset:0 0 auto;overflow:hidden}.world-atmosphere i{opacity:0;background:radial-gradient(ellipse 44% 48% at 74% 50%,var(--aura-a),transparent 85%),radial-gradient(ellipse 45% 55% at 35% 90%,var(--aura-b),transparent 90%);transition:opacity .9s;position:absolute;inset:0}.world-atmosphere i[data-aura=golden]{--aura-a:#b58d4940;--aura-b:#548b7927}.world-atmosphere i[data-aura=moonlight]{--aura-a:#787fd54a;--aura-b:#5288952e}.world-atmosphere i[data-aura=sage]{--aura-a:#81ae6540;--aura-b:#489e8c30}.landing[data-mood=golden] .world-atmosphere i[data-aura=golden],.landing[data-mood=moonlight] .world-atmosphere i[data-aura=moonlight],.landing[data-mood=sage] .world-atmosphere i[data-aura=sage]{opacity:1}.landing .hero-copy h1 em{color:var(--mood-ink);transition:color .7s}.journey-track button{pointer-events:auto}.studio-console{pointer-events:auto;width:284px;position:absolute;top:146px;right:7%}.studio-clock{letter-spacing:1.2px;color:#bac9bd;border-bottom:1px solid #b5c3ab2b;justify-content:space-between;align-items:center;gap:22px;padding:0 2px 12px;font:12px/1.5 ui-monospace,monospace;display:flex}.studio-clock>span{align-items:center;gap:8px;display:flex}.studio-clock i{background:#b9d2ab;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #c4e2b44f}.studio-clock time{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#dfdacf;font-size:14px}.studio-light{color:#a4b2a8;justify-content:space-between;align-items:center;gap:15px;padding-top:7px;font-size:13px;display:flex}.studio-light>div{gap:3px;display:flex}.studio-light button{color:#aebcb1;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.studio-light button[aria-pressed=true]{color:var(--mood-ink);background:#d6c29813;border-color:#bdbca145}.studio-light button:hover{background:#d6c29820}.hero-play{text-align:left;color:#d8dfd3;background:0 0;border:0;border-top:1px solid #9da99030;align-items:center;gap:15px;width:min(355px,100%);margin-top:27px;padding:17px 20px 17px 0;display:flex}.hero-play-mark{width:44px;height:44px;color:var(--mood-ink);flex-shrink:0;place-items:center;transition:transform .7s;display:grid}.hero-play:hover .hero-play-mark{transform:rotate(-100deg)}.hero-play>span:nth-child(2){flex:1}.hero-play strong{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.3;display:block}.hero-play small{color:#a8b5a8;margin-top:5px;font-size:12px;display:block}.hero-play>svg{color:#afb6a2;transition:transform .25s}.hero-play:hover>svg{transform:translate(2px,-2px)}.hero-instrument-caption{color:#adbaac;text-align:center;flex-direction:column;gap:8px;max-width:300px;display:flex;position:absolute;bottom:17svh;right:10%}.hero-instrument-caption>span:first-child{letter-spacing:1.8px;font:12px/1.5 ui-monospace,monospace}.hero-instrument-caption>span:last-child{font:italic 17px/1.5 var(--serif);color:#c4bea8}.little-nudge{text-align:left;color:#263b30;width:330px;max-width:100%;text-shadow:none;background:#d5d6b7;border:0;border-radius:2px;margin-top:35px;padding:21px 23px 17px;transition:transform .3s,background .3s;display:block;transform:rotate(-2deg);box-shadow:6px 12px 32px #0003}.little-nudge:hover{filter:none;background:#e0dfc5;transform:rotate(0)translateY(-3px)}.nudge-label{letter-spacing:.8px;color:#4c604a;align-items:center;gap:7px;font:12px/1.4 ui-monospace,monospace;display:flex}.nudge-label>span{white-space:nowrap;letter-spacing:0;margin-left:auto;font-size:12px}.nudge-message{min-height:84px;font:26px/1.24 var(--serif);margin:25px 0 23px;animation:.25s ease-out little-thought;display:block}.nudge-footer{color:#4d634b;border-top:1px solid #24352d29;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;font-size:12px;display:flex}.tiny-brief{pointer-events:auto;width:365px;max-width:100%;text-shadow:none;background:#112018e8;border:1px solid #94aa873a;border-radius:3px;margin-top:32px;padding:19px 23px 23px}.brief-label{letter-spacing:1px;color:#a2b29c;justify-content:space-between;align-items:center;gap:14px;font:12px ui-monospace,monospace;display:flex}.brief-label .icon-button{color:#d8ccaa;width:40px;height:40px}.brief-content{animation:.25s ease-out little-thought}.brief-content h3{font:27px/1.2 var(--serif);color:#e2dfcb;margin:15px 0}.chapter-copy .brief-content p{color:#abbba7;max-width:none;margin-bottom:19px;font-size:14px;line-height:1.65}.brief-content>span{font:italic 17px/1.5 var(--serif);color:#c9c198}.chapter-paths{flex-direction:column;align-items:flex-start;gap:22px;margin-top:30px;display:flex}.chapter-paths .text-link{min-height:38px}.next-experiment{border-block:1px solid #80907c3b;justify-content:space-between;align-items:center;gap:30px;max-width:360px;margin-top:32px;padding:21px 0;display:flex}.next-experiment small{color:#a6b79f;letter-spacing:1px;font:12px/1.4 ui-monospace,monospace}.next-experiment strong{font:22px/1.4 var(--serif);color:#ded9c4;margin-top:8px;display:block}.next-experiment>svg{color:#d7c39f;transition:transform .3s}.next-experiment:hover>svg{transform:translateY(4px)}@keyframes little-thought{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.circle-game-dialog[data-slot=dialog-content]{background:#111d17;border-color:#546048;gap:17px;width:520px;max-width:calc(100vw - 32px);padding:28px;box-shadow:0 30px 140px #000b}.circle-game-dialog [data-slot=dialog-title]{font:35px/1.1 var(--serif);letter-spacing:-.7px;font-weight:400}.circle-game-dialog [data-slot=dialog-title] em{color:#d7c39f}.circle-game-dialog [data-slot=dialog-description]{color:#aebfab;max-width:390px;font-size:14px;line-height:1.6}.circle-game-dialog .eyebrow{letter-spacing:1.5px;color:#b7c1a6;margin:0 0 5px;font-size:12px}.circle-game-canvas{aspect-ratio:1;touch-action:none;overscroll-behavior:contain;background:#0c1612;border:1px solid #475943;border-radius:4px;width:min(100%,360px,43dvh);margin:0 auto;position:relative;overflow:hidden}.circle-game-canvas canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;height:100%;display:block}.circle-start-hint{text-align:center;color:#95ab95;pointer-events:none;font-size:12px;position:absolute;bottom:20px;left:10px;right:10px}.circle-game-result{text-align:center;max-width:370px;min-height:82px;margin:15px auto 18px}.circle-game-result strong{font:40px/1 var(--serif);color:#dfd0ab;letter-spacing:-1px;margin:0 0 8px;display:block}.circle-game-result strong small{margin-left:3px;font-size:23px}.circle-game-result strong>span{letter-spacing:0;font-size:26px}.circle-game-result p{color:#b8c7ad;margin:0;font-size:14px;line-height:1.5}.circle-game-footer{border-top:1px solid #8390743a;justify-content:space-between;align-items:center;gap:15px;padding-top:16px;display:flex}.circle-game-footer>span{color:#a1b495;align-items:center;gap:7px;font-size:12px;display:flex}.circle-game-footer .small-button{color:#d9dfc9;background:#273827;border-color:#4d6044;min-height:44px}.circle-keyboard{color:#8fa58d;margin-top:14px;font-size:12px}.circle-keyboard summary{cursor:pointer;min-height:28px}.circle-keyboard p{color:#b0c0a6;margin:8px 0 0;font-size:13px;line-height:1.7}@media (min-width:761px) and (max-height:780px){.studio-console{top:128px}.hero-copy h1{font-size:clamp(66px,6.8vw,106px)}.hero-copy .hero-caption{margin:20px 0}.hero-play{margin-top:17px;padding-block:12px}.hero-instrument-caption{bottom:13svh}}@media (max-width:1050px) and (min-width:761px){.studio-console{width:235px;right:5%}.hero-instrument-caption{max-width:245px;right:6%}.hero-copy h1{font-size:clamp(72px,7.7vw,100px)}.hero-play{width:300px}.hero-play strong{font-size:20px}}@media (max-width:760px){.world-atmosphere i{background:radial-gradient(ellipse 85% 40% at 65% 70%,var(--aura-a),transparent 90%),radial-gradient(ellipse at 35% 85%,var(--aura-b),transparent 90%)}.landing .first-chapter{padding-top:179px}.landing .hero-copy{padding-top:0}.studio-console{border-bottom:1px solid #c2c9b827;justify-content:space-between;align-items:center;gap:12px;width:auto;padding-bottom:13px;display:flex;top:102px;left:7%;right:7%}.studio-clock{letter-spacing:1px;border:0;flex-direction:column;align-items:flex-start;gap:5px;padding:0;font-size:12px}.studio-clock time{font-size:13px;line-height:1.5}.studio-light{flex-direction:column-reverse;align-items:flex-end;gap:11px;padding:0;font-size:12px}.studio-light>span{display:none}.studio-light button{width:40px;height:40px}.landing .hero-copy h1{margin:16px 0;font-size:clamp(50px,12.5vw,82px)}.landing .hero-caption{margin:15px 0 19px;font-size:14px;line-height:1.55}.landing .hero-actions{flex-direction:row;align-items:center;gap:12px}.landing .hero-actions>.text-link{display:none}.hero-play{border-color:#a2b28e26;gap:10px;width:min(285px,100%);margin-top:13px;padding:9px 0 10px}.hero-play-mark{width:35px;height:35px}.hero-play-mark svg{width:29px;height:29px}.hero-play strong{font-size:19px}.hero-play small{margin-top:3px;font-size:12px}.hero-instrument-caption{display:none}.little-nudge{width:270px;margin-top:25px;padding:17px 20px 15px}.nudge-message{min-height:75px;margin:16px 0;font-size:22px}.nudge-label{letter-spacing:.1px;font-size:12px}.nudge-label>span{font-size:12px}.tiny-brief{width:285px;margin-top:22px;padding:13px 19px 20px}.brief-label{letter-spacing:.2px;font-size:12px}.brief-content h3{margin:10px 0 13px;font-size:25px}.landing .chapter-copy .brief-content p{max-width:none;font-size:14px}.brief-content>span{font-size:16px}.chapter-paths{gap:16px;margin-top:25px}.next-experiment{gap:16px;max-width:300px;margin-top:26px}.next-experiment strong{font-size:21px}.circle-game-dialog[data-slot=dialog-content]{gap:17px;padding:23px 20px}.circle-game-dialog [data-slot=dialog-header]{text-align:left}.circle-game-dialog [data-slot=dialog-title]{max-width:290px;font-size:30px}.circle-game-dialog [data-slot=dialog-description]{font-size:14px}.circle-game-canvas{width:min(100%,360px,40dvh)}.circle-game-footer{gap:10px}.circle-game-footer>span{font-size:12px}.circle-game-footer .small-button{padding:10px 12px;font-size:14px}}@media (max-width:760px) and (max-height:720px){.landing .first-chapter{padding-top:161px}.studio-console{padding-bottom:8px;top:96px}.studio-clock{gap:1px}.studio-light button{width:38px;height:38px}.landing .hero-copy h1{margin:14px 0;font-size:48px}.landing .hero-caption{margin:11px 0 14px;font-size:14px}.hero-play{margin-top:10px;padding-block:8px}.hero-play small{display:none}.landing .hero-bottom{bottom:3svh}}@media (prefers-reduced-motion:reduce){.nudge-message,.brief-content{animation:none}.hero-play:hover .hero-play-mark{transform:none}}