.journey3d{position:relative;background:var(--journey3d-sky,#162a43);border-radius:20px;overflow:hidden;color:#283548;isolation:isolate;box-shadow:inset 0 0 0 1px #d6a45288}
.journey3d-view{position:relative;width:100%;height:clamp(360px,35vw,460px);min-height:360px;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#d6a45224,transparent 65%),var(--journey3d-sky,#162a43)}
.journey3d-view:before{content:"";position:absolute;inset:-4px;background-image:var(--journey3d-art,none);background-size:cover;background-position:center;filter:blur(1.4px) brightness(.7) saturate(.95);opacity:.85;pointer-events:none}
.journey3d-view:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#162a430c 20%,#162a4366),radial-gradient(ellipse at 50% 55%,#162a4322,transparent 75%);pointer-events:none}
.journey3d-view canvas{position:relative;z-index:1;display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-5px}
.journey3d-view canvas:active{cursor:grabbing}
.journey3d-view canvas:focus-visible{outline:3px solid #9c541d}
.journey3d-toolbar{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:7px;padding:10px 14px 14px;background:#fff8e9;border-top:1px solid #b89b62}
.journey3d-toolbar button{min-width:48px;min-height:48px;padding:9px 13px;border:1px solid #99703b;border-radius:10px;background:linear-gradient(#fffdf5,#f6ebd2);color:#283548;font-family:inherit;font-weight:700;font-size:18px;line-height:1.4;cursor:pointer;box-shadow:0 2px 0 #99703b20}
.journey3d-toolbar button:hover{background:#f2dfb6}.journey3d-toolbar button[aria-pressed=true]{background:#162a43;color:#ffe3a0}.journey3d-toolbar button:focus-visible{outline:3px solid #9c541d;outline-offset:3px}
.journey3d-hint{position:absolute;z-index:2;top:12px;left:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);padding:9px 12px;margin:0;border:1px solid #c2a76d;border-radius:16px;background:#fff8e9ed;color:#283548;font-family:inherit;font-weight:600;font-size:16px;line-height:1.4;box-shadow:0 3px 12px #162a4325;pointer-events:none}
.journey3d-status{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.journey-landscape:has(>.journey3d){min-height:0!important;height:auto!important;aspect-ratio:auto!important;background-image:none!important;overflow:visible!important}
@media(max-width:640px){.journey3d-view{height:420px;min-height:390px}.journey3d-toolbar{gap:6px;padding:9px}.journey3d-toolbar button{font-size:18px;padding:9px 11px}.journey3d-hint{font-size:16px;border-radius:12px}}