:root{color-scheme:light;font-family:Georgia,Times New Roman,serif;font-synthesis:none;--sky: #78b7d0;--storm: #314b64;--sunrise: #ff9e7a;--wetland: #a8b66a;--cloud: #f4efe5;--ink: #172536;--paper: rgb(244 239 229 / 88%);--paper-soft: rgb(244 239 229 / 68%)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:linear-gradient(180deg,#5b91b6 0%,var(--sky) 46%,#cad4ba 82%,var(--wetland) 100%);color:var(--ink)}button,kbd,output{font:inherit}.app{position:relative;isolation:isolate}#scene{display:block;width:100%;height:100%;outline:none;touch-action:none}#scene:focus-visible{box-shadow:inset 0 0 0 2px var(--cloud),inset 0 0 0 5px var(--sunrise)}.atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 78% 15%,rgb(255 226 184 / 38%),transparent 20%),linear-gradient(180deg,rgb(49 75 100 / 13%),transparent 40%,rgb(255 158 122 / 8%));mix-blend-mode:screen}.field-title,.field-log,.route-strip,.rendezvous,.control-note,.wind-reserve,.touch-controls{position:absolute;z-index:3;transition:opacity .18s ease,transform .18s ease}.field-title{top:max(24px,env(safe-area-inset-top));left:max(26px,env(safe-area-inset-left));max-width:330px;color:var(--cloud);filter:drop-shadow(0 2px 12px rgb(23 37 54 / 22%))}.field-title__index,.field-title p,.field-log__head,.field-log dt,.field-log small,.field-log__note,.route-strip,.rendezvous__kicker,.rendezvous>p,.rendezvous output,.control-note,.wind-reserve{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}.field-title__index{display:inline-block;padding-bottom:5px;border-bottom:1px solid rgb(244 239 229 / 58%);font-size:9px;font-weight:800;letter-spacing:.19em}.field-title h1{margin:13px 0 9px;font-size:clamp(35px,5.1vw,68px);font-style:italic;font-weight:500;letter-spacing:-.055em;line-height:.78}.field-title p{margin:0;font-size:8px;font-weight:700;letter-spacing:.12em;opacity:.82}.field-log{top:max(20px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));width:min(286px,calc(100vw - 44px));padding:16px 17px 15px;background:linear-gradient(135deg,transparent 8px,var(--paper) 0) top left,linear-gradient(45deg,transparent 7px,var(--paper) 0) bottom right;background-size:60% 60%;background-repeat:no-repeat;box-shadow:0 18px 42px #1725362e;-webkit-backdrop-filter:blur(9px) saturate(.86);backdrop-filter:blur(9px) saturate(.86)}.field-log:before{position:absolute;inset:7px;border:1px solid rgb(23 37 54 / 16%);pointer-events:none;content:""}.field-log__head{display:flex;justify-content:space-between;padding-bottom:9px;border-bottom:2px solid var(--ink);font-size:9px;font-weight:850;letter-spacing:.13em}.field-log dl{display:grid;grid-template-columns:1fr 1fr;margin:10px 0 7px}.field-log dl>div{min-width:0;padding:9px 7px 8px;border-bottom:1px dotted rgb(23 37 54 / 32%)}.field-log dl>div:nth-child(odd){padding-left:0;border-right:1px dotted rgb(23 37 54 / 32%)}.field-log dt{margin-bottom:5px;font-size:7px;font-weight:800;letter-spacing:.08em;opacity:.58}.field-log dd{margin:0;overflow:hidden;font-size:18px;font-weight:650;letter-spacing:-.035em;line-height:1;text-overflow:ellipsis;white-space:nowrap}.field-log dd output{font-size:24px;font-variant-numeric:tabular-nums}.field-log small{font-size:7px;font-weight:800;letter-spacing:.08em}.field-log__note{margin:10px 0 0;color:#8b4d3c;font-size:8px;font-weight:800;letter-spacing:.1em}.route-strip{bottom:max(25px,env(safe-area-inset-bottom));left:50%;width:min(540px,46vw);padding:10px 13px 9px;color:var(--cloud);transform:translate(-50%);text-shadow:0 2px 10px rgb(23 37 54 / 45%)}.route-strip__labels{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end;font-size:7px;font-weight:800;letter-spacing:.1em}.route-strip__labels span:nth-child(2){color:var(--sunrise)}.route-strip__labels span:last-child{text-align:right}.route-strip__track{position:relative;height:13px;margin-top:8px;overflow:hidden;border-top:1px solid rgb(244 239 229 / 62%)}.route-strip__track span{position:absolute;top:-2px;left:0;width:calc(var(--route-progress, 0) * 100%);height:3px;background:var(--sunrise);box-shadow:0 0 12px #ff9e7acc}.route-strip__track i{position:absolute;top:0;width:1px;height:6px;background:#f4efe59e}.route-strip__track i:nth-of-type(1){left:0}.route-strip__track i:nth-of-type(2){left:25%}.route-strip__track i:nth-of-type(3){left:50%}.route-strip__track i:nth-of-type(4){left:75%}.route-strip__track i:nth-of-type(5){right:0}.control-note{bottom:max(22px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));display:grid;gap:5px;color:var(--cloud);font-size:7px;font-weight:750;letter-spacing:.09em;text-shadow:0 2px 8px rgb(23 37 54 / 45%)}.control-note p{display:flex;gap:7px;align-items:center;margin:0}kbd{min-width:44px;padding:3px 5px;border:1px solid rgb(244 239 229 / 50%);border-radius:2px;background:#1725363d;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px;font-weight:800;text-align:center}.wind-reserve{right:max(26px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto 96px 30px;gap:9px;align-items:center;color:var(--cloud);font-size:7px;font-weight:800;letter-spacing:.11em;text-shadow:0 2px 8px rgb(23 37 54 / 45%)}.wind-reserve>div{position:relative;width:96px;height:4px;overflow:hidden;background:#f4efe542}.wind-reserve i{display:block;width:calc(var(--wind, 1) * 100%);height:100%;background:var(--sunrise);box-shadow:0 0 9px #ff9e7ab8}.wind-reserve output{font-variant-numeric:tabular-nums;text-align:right}.rendezvous{top:50%;left:50%;width:min(410px,calc(100vw - 42px));padding:25px 28px 23px;background:var(--paper);box-shadow:0 28px 90px #17253659;text-align:center;transform:translate(-50%,-46%) scale(.95);opacity:0;pointer-events:none}.rendezvous:before,.rendezvous:after{position:absolute;top:14px;bottom:14px;width:1px;background:#17253638;content:""}.rendezvous:before{left:12px}.rendezvous:after{right:12px}.rendezvous.is-visible{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.rendezvous__kicker{margin:0 0 10px;color:#8b4d3c;font-size:8px;font-weight:850;letter-spacing:.18em}.rendezvous h2{margin:0;font-size:clamp(23px,4vw,35px);font-style:italic;font-weight:500;letter-spacing:-.04em}.rendezvous>p:not(.rendezvous__kicker){margin:11px 0 15px;font-size:8px;font-weight:700;letter-spacing:.06em}.pulse-dial{position:relative;display:grid;width:82px;height:82px;margin:0 auto 10px;place-items:center}.pulse-dial:before,.pulse-dial span{position:absolute;inset:8px;border:1px solid var(--ink);border-radius:50%;content:""}.pulse-dial span{inset:0;border:3px solid var(--sunrise);transform:scale(var(--pulse-scale, 1.6));opacity:var(--pulse-opacity, .6)}.pulse-dial b{font-size:28px;font-weight:400}.rendezvous output{font-size:15px;font-weight:900;letter-spacing:.28em}.touch-controls{right:max(15px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom));display:none;gap:9px;align-items:end}.touch-controls__direction{display:flex;gap:6px;align-items:center}.touch-controls__direction>div{display:grid;gap:5px}.touch-controls button{width:48px;height:48px;border:1px solid rgb(244 239 229 / 58%);border-radius:50%;background:#17253673;color:var(--cloud);box-shadow:0 8px 22px #17253638;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:850;touch-action:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.touch-controls__boost,.touch-controls__call{font-size:8px!important;letter-spacing:.08em}.touch-controls__call{background:#ff9e7aab!important}.touch-controls button.is-active{color:var(--ink);background:var(--cloud);transform:scale(.94)}.loading{position:absolute;inset:0;z-index:10;display:grid;align-content:center;justify-items:center;background:var(--sky);color:var(--cloud);transition:opacity .52s ease,visibility .52s ease}.loading span{font-size:35px;letter-spacing:.2em;animation:drift 1.3s ease-in-out infinite alternate}.loading p{margin:16px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.loading.is-complete{visibility:hidden;opacity:0}.app.is-ui-hidden [data-ui]{opacity:0!important;pointer-events:none!important}.app.is-ui-hidden .field-title,.app.is-ui-hidden .field-log{transform:translateY(-8px)}.app.is-ui-hidden .route-strip{transform:translate(-50%,8px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes drift{to{transform:translate(13px)}}@media(pointer:coarse),(max-width:820px){.field-title{top:max(16px,env(safe-area-inset-top));left:max(15px,env(safe-area-inset-left))}.field-title h1{margin-top:9px;font-size:34px}.field-title p,.control-note,.wind-reserve{display:none}.field-log{top:max(14px,env(safe-area-inset-top));right:max(13px,env(safe-area-inset-right));width:min(214px,54vw);padding:12px 13px 11px}.field-log dl>div{padding-top:6px;padding-bottom:6px}.field-log dd{font-size:14px}.field-log dd output{font-size:18px}.field-log__note{margin-top:7px;font-size:7px}.route-strip{bottom:max(126px,calc(env(safe-area-inset-bottom) + 118px));width:calc(100vw - 28px)}.touch-controls{display:flex}}@media(max-width:540px){.field-title__index{font-size:7px}.field-title h1{font-size:27px}.field-log{width:min(202px,57vw)}.field-log__head,.field-log dt{font-size:6px}.field-log__note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-strip__labels{grid-template-columns:1fr 1fr}.route-strip__labels span:nth-child(2){display:none}.touch-controls button{width:43px;height:43px}}@media(max-height:620px)and (orientation:landscape){.field-title h1{font-size:29px}.field-title p,.field-log__note{display:none}.field-log dl>div{padding-top:4px;padding-bottom:4px}.route-strip{bottom:max(73px,calc(env(safe-area-inset-bottom) + 66px))}.touch-controls button{width:39px;height:39px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
