:root{--bg: #eeede8;--bg-2: #e4e3dd;--panel: #f6f5f1;--ink: #161818;--ink-2: #6a6c69;--ink-3: #a7a8a3;--line: #d7d5ce;--rec: #d8402a;--accent: #161818;--on-img: #f7f6f2;--display: "Inter Tight", system-ui, sans-serif;--serif: "Cormorant Garamond", "Times New Roman", serif;--sans: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--g: clamp(16px, 2.2vw, 28px);--r: 6px;--head: 64px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--head)}body{margin:0;color-scheme:light;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}img{display:block}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:400}.label{color:var(--ink-2)}.tick{display:inline-block;width:14px;height:1px;margin-right:8px;vertical-align:middle;background:var(--ink-2)}.dim{color:var(--ink-3)}.rec{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rec);animation:blink 1.6s steps(2,start) infinite}@keyframes blink{50%{opacity:.25}}.btn{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap;transition:background .2s,color .2s,transform .2s}.btn-dark{background:var(--ink);color:var(--bg)}.btn-dark:hover{background:#000}.btn-light{background:var(--on-img);color:var(--ink)}.btn-line{border:1px solid var(--ink)}.btn-line:hover{background:var(--ink);color:var(--bg)}.btn-lg{height:52px;padding:0 26px;font-size:16px}.btn i{font-style:normal}.top{position:fixed;inset:0 0 auto;z-index:20;height:var(--head);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 var(--g);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.brand{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.02em}.brand b{font-weight:500}.top-sub{color:var(--ink-2);font-size:14px;position:relative;padding-left:16px}.top-sub:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--ink-3)}.top-clock{color:var(--ink-2)}.top-nav{display:flex;gap:26px;font-size:14px;justify-self:center}.top-actions{display:flex;align-items:center;gap:8px;justify-self:end}.top>.btn{justify-self:end}.top-nav a{color:var(--ink-2);transition:color .2s}.top-nav a:hover{color:var(--ink)}.films{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.film{position:relative;aspect-ratio:16 / 10;border-radius:var(--r);overflow:hidden;text-align:left;background:#2a2d2c;color:var(--on-img)}.film-lead{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.film-img{position:absolute;inset:0;background-image:url(/scene/coast-2k.jpg);background-repeat:no-repeat;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.film:hover .film-img{transform:scale(1.04)}.film:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#080a0a9e,#080a0a00 55%)}.film-hud{position:absolute;z-index:1;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;text-shadow:0 1px 6px rgba(0,0,0,.4)}.film-play{position:absolute;z-index:1;top:50%;left:50%;translate:-50% -50%;padding:8px 14px;border-radius:999px;background:#f7f6f2f0;color:var(--ink);opacity:0;transition:opacity .25s}.film:hover .film-play,.film:focus-visible .film-play{opacity:1}.film[aria-disabled=true]{cursor:default}.film-cap{position:absolute;z-index:1;left:16px;right:16px;bottom:14px;display:grid;gap:4px}.film-cap b{font-weight:400;font-size:18px;letter-spacing:-.01em}.film-lead .film-cap b{font-size:clamp(22px,2.4vw,32px);font-weight:300}.film-cap small{opacity:.8}:root{interpolate-size:allow-keywords}.services{display:grid;gap:22px}.svc-always{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.svc-always ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.svc-always li{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;font-size:13px}.svc-always li:before,.checks li:before{content:"";width:8px;height:4px;border:solid var(--ink);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-1px);flex:none}.svc-list{border-top:1px solid var(--line)}.svc{border-bottom:1px solid var(--line)}.svc summary{display:grid;grid-template-columns:40px minmax(0,1fr) auto 28px;align-items:center;gap:16px;padding:18px 4px;cursor:pointer;list-style:none;transition:background .2s}.svc summary::-webkit-details-marker{display:none}.svc summary:hover{background:color-mix(in srgb,var(--bg-2) 60%,transparent)}.svc-no{color:var(--ink-3)}.svc-title{display:grid;gap:2px;min-width:0}.svc-title b{font:400 22px/1.2 var(--sans);letter-spacing:-.02em}.svc-title small{color:var(--ink-2);font-size:14px}.svc-deliver{font-size:14px;color:var(--ink-2);white-space:nowrap}.svc-toggle{position:relative;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;transition:transform .3s,background .2s}.svc-toggle:before,.svc-toggle:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;translate:-50% -50%;background:var(--ink)}.svc-toggle:after{rotate:90deg;transition:rotate .3s}.svc[open] .svc-toggle{background:var(--ink);border-color:var(--ink)}.svc[open] .svc-toggle:before,.svc[open] .svc-toggle:after{background:var(--bg)}.svc[open] .svc-toggle:after{rotate:0deg}.svc::details-content{block-size:0;overflow:clip;transition:block-size .35s cubic-bezier(.2,.7,.2,1),content-visibility .35s allow-discrete}.svc[open]::details-content{block-size:auto}.svc-body{display:grid;gap:16px;padding:0 4px 24px 60px;max-width:760px}.svc-summary{margin:0;font-size:17px;line-height:1.5}.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:15px}.checks li{display:flex;align-items:baseline;gap:10px}.svc-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:4px}.svc-price{font-size:15px}.svc-price .label{margin-right:6px}.svc-help{margin:0;color:var(--ink-2);font-size:15px}.svc-help a{color:var(--ink);border-bottom:1px solid var(--ink)}.finish{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:calc(var(--g) * 1.5);align-items:start}.grade{position:relative;aspect-ratio:4 / 3;border-radius:var(--r);overflow:hidden;touch-action:pan-y;cursor:ew-resize;user-select:none}.grade-img{position:absolute;inset:0;background:url(/scene/coast-2k.jpg) 58% 52% / 240% auto no-repeat}.grade-log{filter:contrast(.58) saturate(.42) brightness(1.18) sepia(.08)}.grade-final{filter:contrast(1.06) saturate(1.08)}.grade-tag{position:absolute;top:16px;z-index:2;padding:5px 9px;border-radius:999px;background:#f7f6f2eb;color:var(--ink)}.grade-tag.left{left:16px}.grade-tag.right{right:16px}.grade-handle{position:absolute;top:0;bottom:0;z-index:3;width:1px;background:var(--on-img)}.grade-handle i{position:absolute;top:50%;left:50%;translate:-50% -50%;width:44px;height:44px;border-radius:50%;background:var(--on-img);box-shadow:0 2px 14px #00000040}.grade-handle i:before{content:"‹ ›";position:absolute;inset:0;display:grid;place-items:center;font:500 16px/1 var(--sans);letter-spacing:.1em;color:#111}.big-copy{margin:0 0 32px;font-size:clamp(20px,1.7vw,25px);line-height:1.32;letter-spacing:-.015em}.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:44px 96px 1fr;gap:8px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}.steps .mono{color:var(--ink-3)}.steps b{font-weight:500}.steps p{margin:0;color:var(--ink-2);font-size:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:48px}.stats div{display:grid;gap:10px;justify-items:start;padding:22px 20px 24px;text-align:left}.stats div+div{border-left:1px solid var(--line)}.stats b{font:500 clamp(34px,3.4vw,50px)/1 var(--serif);letter-spacing:-.01em}.stats small{color:var(--ink-2)}.gear-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--g)}.gear-list li{display:grid;grid-template-columns:40px 1fr 1fr;gap:4px 12px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}.gear-list .mono{color:var(--ink-3);grid-row:span 2}.gear-list b{font-weight:500}.gear-list span:not(.mono){font-size:15px}.gear-list .dim{grid-column:3;grid-row:1;text-align:right;color:var(--ink-2)}.book{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(var(--g) * 1.5);align-items:start}.cal{border:1px solid var(--line);border-radius:var(--r);padding:18px;background:var(--panel)}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cal-head b{font-weight:400;font-size:20px;letter-spacing:-.01em}.cal-nav{width:36px;height:36px;border:1px solid var(--line);border-radius:50%}.cal-nav:hover:not(:disabled){border-color:var(--ink)}.cal-nav:disabled{opacity:.3;cursor:default}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.cal-grid .dow{padding:6px 0;color:var(--ink-3)}.cal-grid button{aspect-ratio:1;border-radius:4px;font-size:13px;transition:background .15s,color .15s}.cal-grid button:hover:not(:disabled){background:var(--bg-2)}.cal-grid button.today{box-shadow:inset 0 0 0 1px var(--ink-3)}.cal-grid button.past{color:var(--line);cursor:default}.cal-grid button.booked{color:var(--ink-3);text-decoration:line-through;cursor:not-allowed;background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(0,0,0,.045) 4px 5px)}.cal-grid button.picked{background:var(--ink);color:var(--bg)}.cal-key{display:flex;gap:18px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink-2)}.cal-key span{display:inline-flex;align-items:center;gap:7px}.cal-key i{width:10px;height:10px;border-radius:2px}.k-open{border:1px solid var(--ink-3)}.k-booked{background:repeating-linear-gradient(135deg,var(--ink-3) 0 1px,transparent 1px 3px)}.k-pick{background:var(--accent)}.form{display:grid;gap:26px}fieldset{border:0;margin:0;padding:0}legend{padding:0;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip input{position:absolute;opacity:0;pointer-events:none}.chip span{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border:1px solid var(--line);border-radius:999px;font-size:14px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.chip span em{font-style:normal;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.chip span:hover{border-color:var(--ink-3)}.chip input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip input:checked+span em{opacity:.75}.chip input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--g)}.fields label{display:grid;gap:4px;padding:12px 0 10px;border-bottom:1px solid var(--line)}.fields label:focus-within{border-color:var(--ink)}.fields .wide{grid-column:1 / -1}.fields input,.fields textarea{border:0;background:none;padding:4px 0;font:400 18px/1.4 var(--sans);color:var(--ink);outline:none;resize:vertical}.fields input::placeholder,.fields textarea::placeholder{color:var(--ink-3)}#f-date{cursor:default}.form-foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.form-status{margin:0;font-size:14px;color:var(--ink-2)}.form-status.err{color:var(--rec)}.form-status.ok{color:var(--ink)}.lightbox{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:64px var(--g) var(--g);background:#0a0b0beb}.lightbox video,.lightbox iframe{width:min(100%,1400px);aspect-ratio:16 / 9;height:auto;border:0;border-radius:var(--r);background:#000}.lb-close{position:absolute;top:14px;right:var(--g)}@media(max-width:1100px){.top-clock,.top-nav{display:none}.top{grid-template-columns:auto 1fr auto}}@media(max-width:860px){.films{grid-template-columns:1fr 1fr}.finish,.book{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(3){border-left:0}.stats div:nth-child(n+3){border-top:1px solid var(--line)}.gear-list{grid-template-columns:1fr}}@media(max-width:600px){:root{--head: 56px}.top{gap:12px}.top-sub{display:none}.top .btn{height:34px;padding:0 13px;font-size:13px}.films{grid-template-columns:1fr}.film-lead{grid-column:auto;grid-row:auto;aspect-ratio:4 / 5}.film-play{opacity:1;translate:0 0;inset:auto 14px 14px auto;padding:6px 10px}.film-cap{right:140px}.svc summary{grid-template-columns:28px minmax(0,1fr) 28px;gap:12px}.svc-deliver{display:none}.svc-body{padding-left:4px}.checks{grid-template-columns:1fr}.grade{aspect-ratio:4 / 5}.steps li{grid-template-columns:34px 1fr}.steps p{grid-column:2}.gear-list li{grid-template-columns:34px 1fr}.gear-list .dim{grid-column:2;grid-row:auto;text-align:left}.fields{grid-template-columns:1fr}.form-foot{flex-direction:column-reverse;align-items:stretch}.form-foot .btn{justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rec{animation:none}}html,body{height:100%;overflow:hidden}.top{z-index:35;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}body{overscroll-behavior:none}kbd{font-family:var(--mono);font-size:10px;display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-right:3px;border:1px solid rgba(27,39,43,.22);border-radius:3px;background:#fff9;color:var(--ink)}.top{grid-template-columns:auto auto 1fr auto}.top-link{justify-self:end;display:inline-flex;align-items:center;gap:8px;color:var(--ink-2)}.live{width:6px;height:6px;border-radius:50%;background:#3fb27f;box-shadow:0 0 0 3px #3fb27f2e}.top-actions{display:flex;align-items:center;gap:8px;grid-column:-2;justify-self:end}.icon-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line)}.icon-btn:hover{border-color:var(--ink)}.icon-btn .slash{display:none}.icon-btn[aria-pressed=true] .slash{display:block}.icon-btn[aria-pressed=true] .waves{display:none}#stage{position:fixed;top:var(--head);left:12px;right:12px;bottom:12px;border-radius:var(--r);overflow:hidden;background:#eeede8}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#gl.dragging{cursor:grabbing}#hud{position:absolute;inset:0;pointer-events:none;color:var(--ink);transition:opacity .6s}.state-boot #hud{opacity:0}.hud-corners i{position:absolute;width:22px;height:22px;border:1px solid rgba(27,39,43,.55)}.hud-corners i:nth-child(1){top:16px;left:16px;border-width:1px 0 0 1px}.hud-corners i:nth-child(2){top:16px;right:16px;border-width:1px 1px 0 0}.hud-corners i:nth-child(3){bottom:16px;left:16px;border-width:0 0 1px 1px}.hud-corners i:nth-child(4){bottom:16px;right:16px;border-width:0 1px 1px 0}.reticle{position:absolute;left:50%;top:50%;width:120px;height:1px;translate:-50% 0;background:linear-gradient(90deg,rgba(27,39,43,.5) 0 22%,transparent 22% 78%,rgba(27,39,43,.5) 78%)}.reticle i{position:absolute;left:50%;top:50%;width:6px;height:6px;translate:-50% -50%;border-radius:50%;border:1px solid var(--ink)}.state-panel .reticle{opacity:0}.hud-tl{position:absolute;top:28px;left:48px;display:flex;gap:18px;align-items:center}.hud-dim{color:var(--ink-2)}.osd-rec{display:inline-flex;align-items:center;gap:7px}.hud-tr{position:absolute;top:28px;right:48px;display:flex;gap:16px;align-items:center}.hud-tr b{font-weight:500}.sig{display:inline-flex;gap:2px;align-items:flex-end;height:11px}.sig i{width:3px;background:var(--ink)}.sig i:nth-child(1){height:3px}.sig i:nth-child(2){height:5px}.sig i:nth-child(3){height:8px}.sig i:nth-child(4){height:11px;opacity:.35}.compass{position:absolute;top:18px;left:50%;translate:-50% 0;display:grid;justify-items:center}.compass canvas{display:block}.heading{margin-top:2px;padding:3px 8px;border-radius:2px;background:var(--ink);color:var(--bg);font-size:11px}#hud .stats{position:absolute;left:40px;bottom:30px;display:grid;gap:14px;padding:16px 20px 16px 18px;border-radius:10px;background:#f7f6f2d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#hud .stats{grid-template-columns:none;border:0;margin:0}#hud .stats div{display:grid;gap:4px;padding:0;justify-items:start;text-align:left;border:0!important}#hud .stats b{font:400 26px/1 var(--mono);letter-spacing:-.02em}#hud .stats em{font-style:normal;font-size:14px;margin-left:4px;color:var(--ink-2);letter-spacing:0}#hud .stats small{color:var(--ink-2);font-size:10px}.radar{position:absolute;right:44px;bottom:30px;display:grid;justify-items:center;gap:8px}.radar canvas{display:block;border-radius:50%;background:#f7f6f2d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.radar small{color:var(--ink-2);font-size:10px;padding:3px 8px;border-radius:999px;background:#f7f6f2d1}.state-panel #hud .stats,.state-panel .radar,.state-panel .compass,.state-panel .hud-tr{opacity:0;transition:opacity .3s}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;transition:opacity .5s}.state-boot #labels,.state-intro #labels,.state-panel #labels{opacity:0}.lm{position:absolute;left:0;top:0;width:0;height:0;padding:0;border:0;background:none;will-change:transform;color:var(--ink)}.lm-stem{display:none}.lm-pin{--c: var(--ink);position:absolute;left:-17px;top:-17px;width:34px;height:34px;background:linear-gradient(var(--c),var(--c)) 0 0 / 9px 1.5px,linear-gradient(var(--c),var(--c)) 0 0 / 1.5px 9px,linear-gradient(var(--c),var(--c)) 100% 0 / 9px 1.5px,linear-gradient(var(--c),var(--c)) 100% 0 / 1.5px 9px,linear-gradient(var(--c),var(--c)) 0 100% / 9px 1.5px,linear-gradient(var(--c),var(--c)) 0 100% / 1.5px 9px,linear-gradient(var(--c),var(--c)) 100% 100% / 9px 1.5px,linear-gradient(var(--c),var(--c)) 100% 100% / 1.5px 9px;background-repeat:no-repeat;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.lm-pin i{position:absolute;left:50%;top:50%;width:6px;height:6px;translate:-50% -50%;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #f7f6f2b3}.lm-pin:after{content:"";position:absolute;inset:9px;border-radius:50%;border:1px solid var(--ink);opacity:0}.lm.near .lm-pin:after,.lm:hover .lm-pin:after{animation:ping 2.4s ease-out infinite}@keyframes ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(3);opacity:0}}.lm-tag{position:absolute;left:26px;top:-22px;display:grid;gap:2px;padding:7px 12px 8px;border-radius:2px;border-left:1px solid var(--ink);background:#f7f6f2e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;text-align:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.lm-no{font:500 10px var(--mono);letter-spacing:.06em;color:var(--ink-2)}.lm-name{font:400 17px/1.15 var(--sans);letter-spacing:-.01em}.lm-sub{font:400 13px var(--sans);color:var(--ink-2)}.lm-dist{font:400 10px var(--mono);letter-spacing:.06em;color:var(--ink-2);text-transform:uppercase}.lm:hover .lm-pin,.lm.near .lm-pin{transform:scale(1.25)}.lm:hover .lm-tag{transform:translate(3px)}.lm-arrow{display:none}.lm[data-id=book] .lm-tag{top:auto;bottom:6px}.lm[data-id=gear] .lm-tag{top:6px}.lm.off .lm-tag{display:none}.lm.off .lm-pin{width:22px;height:22px;left:-11px;top:-11px}.lm.off .lm-pin:after{display:none}.lm.off .lm-arrow{display:block;position:absolute;left:0;top:0}.lm.off .lm-arrow:before{content:"";position:absolute;left:17px;top:-5px;border-left:8px solid var(--ink);border-top:5px solid transparent;border-bottom:5px solid transparent}.prompt{position:absolute;left:50%;top:60%;translate:-50% 8px;display:grid;justify-items:center;gap:6px;padding:16px 26px 18px;border-radius:10px;background:#f7f6f2e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s,translate .3s}.prompt.show{opacity:1;translate:-50% 0}.prompt span{color:var(--ink-2)}.prompt b{font:300 40px/1 var(--sans);letter-spacing:-.035em}.prompt em{font-style:normal;color:var(--ink-2)}.state-panel .prompt{opacity:0}.warn{position:absolute;left:50%;top:92px;translate:-50% 0;padding:8px 14px;border-radius:2px;background:var(--rec);color:#fff;opacity:0;transition:opacity .3s;white-space:nowrap}.warn.show{opacity:1}.hint-strip{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;border-radius:999px;background:#f7f6f2e0;border:1px solid rgba(27,39,43,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink-2)}.hint-strip span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.hint-strip kbd{margin:0 1px 0 0}.hint-strip .hint-click{color:var(--ink)}.hint{position:absolute;left:50%;bottom:30px;translate:-50% 0;max-width:calc(100% - 420px);transition:opacity .6s,translate .6s}.hint.dim,.state-boot .hint,.state-intro .hint,.state-panel .hint{opacity:0;translate:-50% 10px;pointer-events:none}#panel{position:fixed;z-index:15;top:calc(var(--head) + 10px);right:22px;bottom:22px;width:min(860px,calc(100vw - 44px));overflow-y:auto;overscroll-behavior:contain;border-radius:10px;background:var(--bg);box-shadow:0 30px 80px #1b272b33,0 0 0 1px #1b272b0f;transform:translate(calc(100% + 40px));transition:transform .55s cubic-bezier(.2,.75,.2,1)}#panel.open{transform:none}.panel-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 14px 12px 18px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.panel-tabs{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.panel-tabs::-webkit-scrollbar{display:none}.panel-tabs button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:999px;font-size:14px;white-space:nowrap;color:var(--ink-2);transition:background .2s,color .2s}.panel-tabs button .mono{font-size:10px;color:var(--ink-3)}.panel-tabs button:hover{background:var(--bg-2);color:var(--ink)}.panel-tabs button[aria-current]{background:var(--ink);color:var(--bg);cursor:default}.panel-tabs button[aria-current] .mono{color:var(--ink-3)}.panel-close{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 14px;border:1px solid var(--line);border-radius:999px;font-size:14px}.panel-close:hover{border-color:var(--ink)}.panel-close .mono{font-size:10px;color:var(--ink-3)}.panel-close i{font-style:normal;font-size:18px;line-height:1}.panel-head{padding:26px 30px;border-bottom:1px solid var(--line)}.panel-head .label{display:block;margin-bottom:14px}.panel-head h2{margin:0;font:300 clamp(48px,7vw,96px)/.92 var(--display);letter-spacing:-.05em}.panel-head p{margin:16px 0 0;max-width:46ch;color:var(--ink-2);font-size:17px}.panel-body{padding:28px 30px 36px}#panel .films{grid-template-columns:1fr 1fr}#panel .film-lead{grid-column:span 2;grid-row:auto;aspect-ratio:16 / 8}#panel .finish{grid-template-columns:1fr}#panel .book{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:28px}#panel .fields{grid-template-columns:1fr}#panel .stats{position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:32px}#panel .stats b{font-size:clamp(32px,4vw,52px)}#panel .gear-list{grid-template-columns:1fr}#panel .grade{aspect-ratio:16 / 10}.pilot{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);display:grid;gap:10px;justify-items:start}.pilot p{margin:0;max-width:56ch;font-size:18px;line-height:1.4;letter-spacing:-.01em}#menu{position:fixed;inset:0;z-index:25;display:grid;justify-items:end;background:#1b272b2e}.menu-inner{width:min(520px,100vw);height:100%;padding:22px 30px 30px;background:var(--bg);display:flex;flex-direction:column;animation:slide .4s cubic-bezier(.2,.75,.2,1)}@keyframes slide{0%{transform:translate(40px);opacity:0}}.menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}#menu-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}#menu-list button{width:100%;display:grid;grid-template-columns:40px 1fr auto;align-items:baseline;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);text-align:left}#menu-list b{font:300 36px/1 var(--display);letter-spacing:-.035em}#menu-list .mono,#menu-list em{color:var(--ink-2);font-style:normal}#menu-list button:hover b{padding-left:6px;transition:padding .2s}.menu-site{margin-top:auto;padding-top:24px;color:var(--ink-2)}.menu-site:hover{color:var(--ink)}#boot{position:fixed;inset:0;z-index:30;display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);padding:calc(var(--head) + 18px) var(--g) var(--g);background:linear-gradient(to bottom,#eeede8b8,#eeede840 40%,#eeede8e6 82%);transition:opacity .9s,visibility .9s}body:not(.state-boot) #boot{opacity:0;visibility:hidden;pointer-events:none}.boot-center{align-self:center;display:grid;justify-items:center;gap:clamp(36px,6vh,64px);text-align:center}.boot-cta{display:grid;justify-items:center;gap:22px}.boot-mark{margin:0;font:300 clamp(64px,16vw,260px)/.8 var(--display);letter-spacing:-.06em;white-space:nowrap}.boot-lede{margin:0;max-width:34ch;font-size:clamp(17px,1.5vw,21px);line-height:1.35;letter-spacing:-.01em;color:var(--ink);text-shadow:0 0 2px var(--bg),0 0 10px var(--bg),0 0 18px var(--bg)}.btn-xl{height:60px;padding:0 34px;font-size:18px;gap:12px;box-shadow:0 14px 34px -10px #1b272b73}#boot-go:not(:disabled){animation:lift 2.4s ease-in-out infinite}@keyframes lift{50%{transform:translateY(-3px)}}#boot-go:hover{transform:translateY(-2px);animation:none}#boot-go:focus:not(:focus-visible){outline:none}#boot-go:disabled{opacity:.35;cursor:default;box-shadow:none}.boot-load{display:grid;gap:8px;justify-items:center;width:min(380px,80vw)}.boot-load .label{text-shadow:0 0 6px var(--bg),0 0 12px var(--bg)}.boot-bar{width:100%;height:2px;background:var(--line);overflow:hidden}.boot-bar i{display:block;height:100%;width:0;background:var(--ink);transition:width .3s}.ready .boot-load{display:none}.boot-controls{justify-self:center;max-width:100%}#touch{position:absolute;inset:0;pointer-events:none}.state-boot #touch,.state-panel #touch{display:none}#stick{position:absolute;left:26px;bottom:26px;width:112px;height:112px;border-radius:50%;border:1px solid rgba(27,39,43,.3);background:#f7f6f280;pointer-events:auto;touch-action:none}#stick i{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;border-radius:50%;background:var(--ink)}#touch .vert{position:absolute;right:26px;bottom:26px;display:grid;gap:10px;pointer-events:auto}#touch .vert button{width:52px;height:52px;border-radius:50%;background:#f7f6f2d9;border:1px solid rgba(27,39,43,.25);touch-action:none}@media(max-width:1100px){.top{grid-template-columns:auto 1fr auto}.top-sub{display:none}.hint{max-width:calc(100% - 280px)}.hint.hint-strip{gap:6px 14px;padding:8px 12px}}@media(max-width:760px){.top-link,.top-actions .btn-dark{display:none}.top-actions{gap:6px}#stage{left:8px;right:8px;bottom:8px}.hud-tl{left:30px;top:24px;gap:10px;font-size:10px}.hud-tl .hud-dim{display:none}.hud-tr{right:30px;top:24px}.compass{top:56px}.compass canvas{width:280px!important}#hud .stats{inset:96px 22px auto auto;gap:8px;padding:10px 12px;justify-items:end;text-align:right}#hud .stats b{font-size:22px}#hud .stats div{justify-items:end;text-align:right}.warn{top:auto;bottom:150px;font-size:10px}#hud .stats div:nth-child(3){display:none}.radar{display:none}.lm-tag{padding:5px 9px 6px}.lm-name{font-size:15px}.lm-sub{display:none}#panel{top:var(--head);right:0;bottom:0;width:100vw;border-radius:10px 10px 0 0}.panel-head,.panel-body{padding-left:18px;padding-right:18px}.panel-bar{padding:10px 10px 10px 12px}.panel-tabs{mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent)}.panel-close .mono,.panel-close-text{display:none}.panel-close{width:36px;padding:0;justify-content:center}#panel .films,#panel .stats{grid-template-columns:1fr 1fr}#panel .book{grid-template-columns:1fr}#panel .film-lead{aspect-ratio:4 / 3}.hint-strip{gap:8px 14px}.hint{bottom:156px;max-width:calc(100% - 32px)}}