:root{color-scheme:dark;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#f7f5ef;background:#101311}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #dcbf89;outline-offset:5px}button{border:1px solid #ffffff30;background:#151a1880;backdrop-filter:blur(14px);border-radius:50px;padding:11px 15px}button:hover{background:#ffffff25}button[aria-pressed=true]{border-color:#dcbf89;color:#e3c998}button[hidden],[hidden]{display:none!important}#view{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;background:#111}#view:active{cursor:grabbing}.shade{position:fixed;inset:0;background:linear-gradient(180deg,#0009,transparent 28%,transparent 45%,#000c);pointer-events:none}header{position:fixed;left:40px;right:40px;top:30px;display:flex;justify-content:space-between;align-items:center}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:15px;font-family:Georgia,serif;font-size:36px;letter-spacing:-3px}.brand span{border-left:1px solid #ffffff50;padding-left:15px;font:9px/1.8 Arial,sans-serif;letter-spacing:2px}.brand b{font-size:14px;font-weight:400;letter-spacing:3px}.top-actions{display:flex;align-items:center;gap:20px}.tag{font-size:10px;letter-spacing:2px}.top-actions button{border-radius:50%;width:35px;height:35px;padding:0;font-family:Georgia}main{position:fixed;left:40px;bottom:238px;pointer-events:none;text-shadow:0 2px 20px #0008}.eyebrow{font-size:10px;letter-spacing:3px;color:#dbc49b}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(27px,3vw,43px);font-weight:400;letter-spacing:4px;margin:15px 0 14px}main p{font-size:12px;letter-spacing:1px;color:#e3e3df}.instruction{margin-top:28px;font-size:10px;letter-spacing:1px;color:#ffffffa0}.bottom{position:fixed;bottom:20px;left:40px;right:40px}nav{display:flex;gap:12px;max-width:830px;margin-bottom:20px}.scene{flex:1;position:relative;height:82px;border-radius:5px;padding:0;overflow:hidden;text-align:left;border:1px solid #ffffff35;background:#222}.scene img{width:100%;height:100%;object-fit:cover;opacity:.65;transition:opacity .3s}.scene:hover img,.scene[aria-current=true] img{opacity:1}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000b)}.scene[aria-current=true]{border-color:#dabc89;box-shadow:0 0 0 1px #dabc89}.scene span{position:absolute;left:12px;bottom:10px;z-index:1;font-size:11px;letter-spacing:1px}.scene em{font:9px Arial;color:#dcc9aa;margin-right:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid #ffffff28}.position{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.live-dot{width:5px;height:5px;border-radius:50%;background:#c8b183}.tools{display:flex;gap:7px}.tools button{font-size:16px;padding:8px 13px}.tools button span{font-size:10px;margin-left:6px}.note{font-size:9px;color:#ffffff80;letter-spacing:.5px;margin:12px 0 0}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#101311c9;z-index:9;font-size:12px;letter-spacing:2px}.spinner{width:22px;height:22px;border:1px solid #ffffff30;border-top-color:#dbc49b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#original{position:fixed;inset:0;background:#0b0e0df5;z-index:15;display:flex;align-items:center;justify-content:center}#original img{max-width:96%;max-height:88%;object-fit:contain}#original button{position:absolute;right:25px;top:25px}#original>span{position:absolute;bottom:20px;left:30px;font-size:10px;letter-spacing:3px;color:#dbc49b}dialog{width:min(530px,90vw);border:1px solid #ffffff35;border-radius:8px;padding:40px;background:#171d1b;color:#e9e9e2;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}dialog h2{font-family:"Yu Mincho",serif;font-weight:400;font-size:24px}dialog p{font-size:12px;line-height:2;color:#bec4c0}dialog small{font-size:10px;color:#a5967d}#close-info{position:absolute;right:12px;top:10px;border:none;padding:5px 10px;font-size:22px}#toast{position:fixed;top:100px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:6px;background:#242c28;z-index:30;font-size:12px;display:none}@media(max-width:650px){header{top:22px;left:22px;right:22px}.brand{font-size:29px}.tag{display:none}main{left:22px;right:22px;bottom:248px}main p{font-size:11px;line-height:1.9;max-width:310px}.instruction span{display:none}.bottom{left:18px;right:18px;bottom:16px}nav{gap:7px;margin-bottom:16px}.scene{height:67px}.scene span{left:7px;bottom:9px;font-size:10px}.scene em{display:block;margin-bottom:4px}.tools button{padding:9px 11px}.tools button span{display:none}.note{font-size:8px;line-height:1.7;max-width:350px}.position{font-size:8px;letter-spacing:1px}h1{letter-spacing:2px}.instruction{margin-top:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

#bearing{color:#e0c697;letter-spacing:1px;border-left:1px solid #ffffff35;padding-left:12px;margin-left:8px;min-width:105px}#front,#back{font-size:11px;white-space:nowrap}@media(max-width:650px){.position{flex-wrap:wrap;max-width:105px}#bearing{border-left:0;padding-left:0;margin-left:0;min-width:0;font-size:9px}.tools{gap:4px}.tools button{padding:8px}#front,#back{font-size:9px}}

main{bottom:auto;top:125px;transition:opacity .25s}main h1{font-size:27px;letter-spacing:2px;margin:12px 0}main p{max-width:440px;line-height:1.8}main .instruction{margin-top:15px}.top-actions{gap:10px}.tag{margin-right:10px}.shade{background:linear-gradient(180deg,#0007,transparent 35%,transparent 62%,#0009)}.scene{height:66px}.bottom nav{max-width:650px}.hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;border:0;background:none;backdrop-filter:none;padding:8px;gap:10px;filter:drop-shadow(0 3px 6px #0008)}.hotspot:hover{background:none}.hotspot:hover .target-ring{background:#fff6;transform:scale(1.1)}#hotspots{position:fixed;inset:0;pointer-events:none}.hotspot{pointer-events:auto}.target-ring{width:46px;height:46px;border:2px solid #ffffffe0;border-radius:50%;background:#191e1b66;display:grid;place-content:center;font-size:29px;line-height:1;box-shadow:0 0 0 6px #ffffff18;transition:.2s}.target-label{font-size:11px;letter-spacing:1px;background:#121614b8;padding:6px 10px;border-radius:20px;white-space:nowrap}.quiet main,.quiet nav,.quiet .note{display:none}.quiet .shade{opacity:.35}#ui-toggle{font-family:Arial}@media(max-width:650px){main{top:110px;bottom:auto}main h1{font-size:23px}main p{max-width:290px;font-size:10px}.instruction{font-size:9px}main .eyebrow{font-size:9px}.top-actions{gap:6px}.top-actions button{width:30px;height:30px}.target-ring{width:38px;height:38px;font-size:24px}.target-label{font-size:10px}.bottom nav{margin-bottom:12px}}

.brand .spacelab-logo{width:119px;height:auto;filter:invert(1);object-fit:contain}.brand span{letter-spacing:1.5px}.brand b{font-size:15px;letter-spacing:2px}@media(max-width:650px){.brand .spacelab-logo{width:75px}.brand{gap:10px}.brand span{padding-left:10px;font-size:7px}.brand b{font-size:11px;letter-spacing:1px}.top-actions{gap:7px}}