:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff8e9;background:#a4bfd0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-width:320px;margin:0;overflow:hidden;overscroll-behavior:none}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #fff8df;outline-offset:4px}button{cursor:pointer}.horizon-app{position:relative;width:100%;height:100%;height:100dvh;min-height:240px;isolation:isolate;overflow:hidden;overflow:clip}.landscape,.landscape canvas{display:block;width:100%;height:100%}.landscape{position:absolute;top:0;right:0;bottom:0;left:0}.landscape canvas{touch-action:none;outline:none}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 50% 35%,#faf6ec,#ece8dc);color:#34483d;text-align:center;opacity:1;visibility:visible;transition:opacity .8s ease,visibility 0s linear .8s}.loading-screen.is-ready{opacity:0;visibility:hidden;pointer-events:none}.loading-screen.is-ready .loading-track:after{animation:none}.loading-content{width:min(280px,100%)}.loading-landscape{display:block;width:200px;max-width:100%;height:75px;margin:0 auto 28px;stroke:#8b9a7c;stroke-width:1.3;stroke-linecap:round}.loading-landscape circle{stroke:#c59c60}.loading-landscape .loading-road{stroke:#c59c60}.loading-screen h1{margin:0;font-size:clamp(38px,6vw,52px);font-weight:350;line-height:1.1;letter-spacing:.12em;padding-left:.12em}.loading-tagline{margin:17px 0 0;color:#65715f;font-size:14px;letter-spacing:.035em}.loading-track{display:block;position:relative;width:112px;height:2px;margin:42px auto 0;overflow:hidden;border-radius:2px;background:#d9ddcd}.loading-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#8c9a7a;transform-origin:left;animation:horizon-loading 2.8s ease-in-out infinite}.loading-status{margin:15px 0 0;color:#6d7768;font-size:12px;letter-spacing:.025em}@keyframes horizon-loading{0%{transform:translate(-100%) scaleX(.45)}50%{transform:translate(30%) scaleX(.6)}to{transform:translate(100%) scaleX(.45)}}.opening{position:absolute;left:max(40px,env(safe-area-inset-left));bottom:max(36px,env(safe-area-inset-bottom));max-width:calc(100% - 64px);pointer-events:none;text-shadow:0 2px 16px rgb(27 36 28 / 50%),0 1px 4px rgb(27 36 28 / 60%);opacity:1;transform:translateY(0);transition:opacity 1.1s ease,transform 1.1s ease}.opening:before{content:"";position:absolute;z-index:-1;top:-46px;right:-70px;bottom:-50px;left:-46px;background:radial-gradient(ellipse at 32% 70%,rgb(24 36 27 / 28%),transparent 70%);pointer-events:none}.opening h1{margin:0 0 9px;font-size:clamp(32px,3.2vw,44px);font-weight:450;line-height:1;letter-spacing:.065em}.opening-line{margin:0;font-size:14px;letter-spacing:.025em}.opening-hint{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:24px 0 0;font-size:13px;font-weight:450;line-height:1.5}kbd{font:inherit;font-weight:600}.opening-hint kbd{letter-spacing:.1em}.has-driven .opening,.is-paused .opening{opacity:0;transform:translateY(6px)}.quiet-controls{display:flex;flex-direction:column;gap:8px;position:absolute;z-index:3;top:max(22px,env(safe-area-inset-top));right:max(26px,env(safe-area-inset-right));transition:opacity .25s ease}.quiet-controls button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgb(255 249 230 / 25%);border-radius:50%;background:#232f27ab;color:#fff9ed;box-shadow:0 2px 14px #18241a14;transition:background .16s ease,color .16s ease,border-color .16s ease}.quiet-controls svg{width:21px;height:21px}.quiet-controls button:hover{background:#232f27d9}.quiet-controls button[aria-pressed=true]{background:#e7c78b;color:#354234;border-color:#fff1cd}.control-tooltip{position:absolute;right:calc(100% + 12px);top:50%;padding:7px 10px;border:1px solid rgb(255 249 230 / 20%);border-radius:7px;background:#232f27eb;color:#fff9ed;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(4px,-50%);transition:opacity .14s ease,transform .14s ease}.quiet-controls button:is(:hover,:focus-visible) .control-tooltip{opacity:1;transform:translateY(-50%)}.is-paused .quiet-controls{opacity:0;pointer-events:none}.place-note{position:absolute;z-index:2;left:max(32px,env(safe-area-inset-left));bottom:max(30px,env(safe-area-inset-bottom));width:290px;max-width:calc(100% - 48px);padding:20px 23px 19px;color:#faf2de;background:#222d21d6;border:1px solid rgb(250 242 222 / 28%);border-radius:12px;box-shadow:0 8px 30px #17201720;animation:soften-in .6s ease both}.place-note .place-eyebrow{margin:0 0 7px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#dbc69f}.place-note h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400;line-height:1.2}.place-note>p:not(.place-eyebrow){margin:7px 0 15px;font-size:12px;line-height:1.5;color:#e1dec9}.place-invitation{font-size:11px;color:#cfceb8}.place-note button{min-height:40px;padding:9px 13px;border:1px solid #f2e2bf80;border-radius:6px;background:#f1e5cb;color:#35442e;font-size:12px}.place-note .postcard-link{display:block;padding:5px 0 0;border:0;background:transparent;color:#eee2c8;text-decoration:underline;text-underline-offset:3px}.has-driven .opening{pointer-events:none}.sound-notice{position:absolute;top:max(22px,env(safe-area-inset-top));right:calc(max(26px,env(safe-area-inset-right)) + 56px);max-width:calc(100% - 110px);color:#fff8e8;background:#253426cf;padding:9px 13px;border-radius:7px;font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.pause-message.has-postcards{width:min(100%,760px)}.postcard-collection{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:0 0 24px}.postcard{flex:1 1 190px;min-width:0;max-width:330px;background:#fffaf0;border:1px solid #e2dac7;padding:8px 8px 14px;box-shadow:0 3px 10px #2632220c}.postcard img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.postcard>div{padding:10px 5px 0}.postcard h3{margin:0 0 5px;font:400 20px/1.2 Georgia,Times New Roman,serif;color:#394330}.postcard p,.empty-postcards{font-size:12px;color:#69705b;line-height:1.6}.postcard p{margin:0 0 10px}.postcard a{display:inline-block;padding:5px 0;color:#98512f;font-size:12px;text-underline-offset:3px}.pause-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;overflow:auto;padding:24px;background:#222b2266;animation:soften-in .22s ease both}.pause-message{flex:0 0 auto;width:min(100%,350px);margin:auto;padding:31px 28px 23px;border:1px solid rgb(255 249 232 / 65%);border-radius:18px;background:#f5efdf;color:#333e31;box-shadow:0 16px 64px #17211926;text-align:left}.small-wordmark{margin:0 0 29px;font-size:12px;font-weight:500;letter-spacing:.17em}.pause-message .small-wordmark{color:#65715c}.pause-message h2{margin:0;font-size:32px;font-weight:450;letter-spacing:-.035em;line-height:1.2}.pause-message>p:not(.small-wordmark){margin:9px 0 25px;font-size:14px;line-height:1.5;color:#63705d}.continue-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:9px;background:#a4512c;color:#fff8eb;font-size:14px;font-weight:500;transition:background .16s ease}.pause-message .continue-button{width:100%}.continue-button:hover{background:#8d4324}.pause-message button:focus-visible{outline-color:#86512f}.pause-options{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 10px;margin-top:12px}.pause-options button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 4px;border:0;border-radius:5px;color:#55604d;background:transparent;font-size:13px}.pause-options button:hover{color:#283c28}.pause-options button[aria-expanded=true]{color:#98542e}.guide-panel{margin:13px 0 1px;padding-top:17px;border-top:1px solid #d8d6c8;animation:soften-in .18s ease both}.guide-label{margin:0 0 14px;color:#66715e;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.control-guide{display:grid;gap:13px;margin:0;font-size:13px}.control-guide>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.control-guide dt{color:#596551}.control-guide dd{display:flex;align-items:center;gap:5px;margin:0;color:#34432f;font-size:12px}.control-guide dd span{padding:0 2px;color:#69755f;font-size:11px}.control-guide kbd{display:inline-grid;place-items:center;min-width:23px;min-height:25px;padding:3px 5px;border:1px solid #c9cebd;border-radius:4px;background:#fcf8ee}.touch-guide{margin:0;font-size:13px;line-height:1.8;color:#55634d}.pause-message .fullscreen-notice{margin:10px 0 0!important;font-size:12px!important}.touch-controls{display:none}.error-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;overflow:auto;padding:32px;background:#5c6d5c;text-align:center}.error-state>*{flex-shrink:0}.error-state .small-wordmark{margin-top:auto}.error-state .continue-button{margin-bottom:auto}.error-state h1{max-width:420px;margin:0;font-size:clamp(24px,4vw,35px);font-weight:400}.error-state>p:not(.small-wordmark){max-width:340px;margin:18px 0 27px;font-size:14px;line-height:1.6;color:#f4efdf}@keyframes soften-in{0%{opacity:0}to{opacity:1}}@media(max-width:600px){.opening{left:max(24px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom))}.quiet-controls{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}.sound-notice{top:max(14px,env(safe-area-inset-top));right:calc(max(14px,env(safe-area-inset-right)) + 56px)}.place-note{left:20px;bottom:22px;width:260px;padding:15px 18px}[data-input=touch] .place-note{bottom:calc(110px + env(safe-area-inset-bottom))}[data-input=touch] .place-note h2{font-size:22px}}[data-input=touch] .opening{bottom:calc(118px + env(safe-area-inset-bottom))}[data-input=touch] .touch-controls{position:absolute;z-index:2;bottom:calc(22px + env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none}.touch-pair{display:flex;gap:8px}.touch-control{width:clamp(50px,11vw,76px);height:clamp(60px,12vw,72px);padding:0;border:1px solid rgb(255 248 228 / 44%);border-radius:15px;background:#213023a6;color:#fff8e9;font-size:13px;font-weight:500;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .1s ease}.touch-control.is-pressed{background:#a0542ce0}@media(max-width:600px)and (max-aspect-ratio:3/4)and (min-height:500px){[data-input=touch] .opening{top:calc(100px + env(safe-area-inset-top));bottom:auto}}@media(max-height:440px){.loading-screen{padding:16px}.loading-landscape{width:140px;height:52px;margin-bottom:16px}.loading-screen h1{font-size:36px}.loading-tagline{margin-top:10px;font-size:13px}.loading-track{margin-top:22px}.loading-status{margin-top:12px}.pause-backdrop{padding:14px}.pause-message{padding-top:23px}.pause-message .small-wordmark{margin-bottom:17px}[data-input=touch] .opening{bottom:104px}[data-input=touch] .opening h1{font-size:28px}[data-input=touch] .opening-line{font-size:12px}[data-input=touch] .opening-hint{margin-top:15px}[data-input=touch] .touch-controls{bottom:calc(14px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.loading-track:after{animation:none;transform:scaleX(.5)}}