.observer-orientation{box-sizing:border-box;background:var(--surface,#fffdf4);width:min(440px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink,#071a2d);font-family:var(--font-body,Arial),sans-serif;border:1px solid #d3b96f;border-radius:16px;margin:0;padding:0;position:fixed;inset:auto 16px 20px auto;overflow:visible;box-shadow:0 16px 70px #071a2d35}.observer-orientation::backdrop{background:#071a2d32}.observer-orientation.is-welcome{width:min(580px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;inset:0}.orientation-card{box-sizing:border-box;overscroll-behavior:contain;z-index:1;background:var(--surface,#fffdf4);border-radius:15px;max-height:calc(100dvh - 44px);padding:22px;position:relative;overflow:auto}.observer-orientation header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.observer-orientation header>span{font:600 11px/1.5 var(--font-data,monospace),monospace;letter-spacing:.07em;color:var(--ink-soft,#52616b)}.observer-orientation button{box-sizing:border-box;border:1px solid var(--line,#bdc6cb);min-height:44px;color:inherit;font:600 13px/1.3 var(--font-body,Arial),sans-serif;cursor:pointer;background:0 0;border-radius:7px;padding:10px 13px}.observer-orientation header button{border-color:#0000;min-width:44px;padding:4px;font-size:24px}.observer-orientation button:hover{background:var(--tint,#edf1ee)}.observer-orientation h2{font-family:var(--font-display,Arial),sans-serif;letter-spacing:-.04em;margin:0 0 12px;font-size:26px;line-height:1.18}.observer-orientation.is-welcome h2{font-size:clamp(29px,5vw,40px)}.observer-orientation p{margin:0 0 18px;font-size:14px;line-height:1.65}.observer-orientation .orientation-eyebrow{font:600 10px/1.5 var(--font-data,monospace),monospace;letter-spacing:.1em;color:#8c6515;margin:18px 0 10px}.observer-orientation .orientation-hint{color:var(--ink-soft,#52616b);margin-top:16px;font-size:12px}.orientation-art{background-color:#071a2d;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:28px 28px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:9px;height:105px;position:relative;overflow:hidden}.orientation-art b{color:#fff0bf;font:700 30px var(--font-display,Arial),sans-serif;letter-spacing:-.06em;position:absolute;top:30px;right:22px}.orientation-art span{background:#fff0bf;border-radius:2px;width:12px;height:38px;position:absolute;bottom:20px;left:30px}.orientation-art span:after{content:"";background:#fff0bf;position:absolute;inset:-10px 5px}.orientation-art span:nth-child(2){background:#62b9ae;height:52px;bottom:28px;left:65px}.orientation-art span:nth-child(2):after{background:#62b9ae}.orientation-art span:nth-child(3){height:30px;bottom:47px;left:100px}.orientation-art i{background:#62b9ae;width:90px;height:1px;position:absolute;bottom:25px;left:19px;transform:rotate(-23deg)}.orientation-art i:nth-of-type(2){bottom:50px;left:100px;transform:rotate(12deg)}.orientation-art i:nth-of-type(3){bottom:62px;left:185px;transform:rotate(-27deg)}.orientation-promises{flex-wrap:wrap;gap:7px;display:flex}.orientation-promises span{border:1px solid var(--line,#bdc6cb);border-radius:6px;padding:6px 9px;font-size:12px}.orientation-choice{align-items:flex-start;gap:9px;margin:18px 0;font-size:12px;line-height:1.5;display:flex}.orientation-choice input{accent-color:#8c6515;flex:none;width:18px;height:18px;margin:0}.observer-orientation footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.observer-orientation footer>div{gap:7px;display:flex}.observer-orientation button.orientation-primary{color:#fff0bf;background:#071a2d;border-color:#071a2d}.observer-orientation :focus-visible{outline-offset:3px;outline:2px solid #aa7b18}.observer-orientation h2:focus{outline:none}.orientation-spot{pointer-events:none;box-sizing:border-box;z-index:0;border:2px solid #edc75d;border-radius:8px;display:block;position:fixed;box-shadow:0 0 0 4px #edc75d30}.observer-orientation button.orientation-welcome-link{min-height:32px;color:var(--ink-soft,#52616b);border:0;margin:0 0 10px;padding:0;font-size:11px;text-decoration:underline}.observer-orientation.tour-at-top{top:max(16px,env(safe-area-inset-top));bottom:auto}.observer-orientation .orientation-card>header{z-index:3;background:var(--surface,#fffdf4);position:sticky;top:0}.observer-orientation .orientation-card>footer{z-index:3;background:var(--surface,#fffdf4);box-shadow:0 -8px 10px var(--surface,#fffdf4);padding-top:10px;position:sticky;bottom:0}@media (max-width:600px){.observer-orientation{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px;width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.observer-orientation.is-welcome{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.orientation-card{max-height:calc(100dvh - 36px);padding:18px}.orientation-art{height:80px}.orientation-art b{font-size:26px;top:22px}.observer-orientation h2{font-size:23px}.observer-orientation.is-tour .orientation-card{max-height:53dvh}.observer-orientation footer{gap:8px}.observer-orientation button{padding:9px 11px;font-size:12px}}@media (prefers-reduced-motion:no-preference){.orientation-art span{animation:.45s ease-out both orientation-arrive}.orientation-art span:nth-child(2){animation-delay:80ms}.orientation-art span:nth-child(3){animation-delay:.16s}@keyframes orientation-arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}