/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.spatial-landmark-control{--destination:var(--destination-fallback,#c18b3e);-webkit-tap-highlight-color:transparent}.spatial-landmark-face{aspect-ratio:1;box-sizing:border-box;corner-shape:squircle;background:linear-gradient(145deg, #f2e2b9, var(--destination));border:2px solid #f5ead0cc;border-radius:28%;place-items:center;width:100%;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.spatial-landmark-face{background:linear-gradient(145deg, #f2e2b9, color-mix(in oklab, var(--destination) 68%, #a07b44))}}.spatial-landmark-face{transition:translate .28s,scale .28s,filter .28s;box-shadow:0 10px 24px #071a1c66,inset 0 1px #ffffff52}.spatial-landmark-control:is(:hover,:focus-visible)>.spatial-landmark-face{filter:brightness(1.12);translate:0 -5px;scale:1.06}.spatial-landmark-icon{color:#263b33;place-items:center;width:72%;height:72%;display:grid}.spatial-landmark-icon svg{width:100%;height:100%;display:block;overflow:visible}.spatial-landmark-label{max-width:145%;font:650 clamp(11px, min(2.3cqw, 2.1cqh), 17px) / 1.05 var(--font-display,Georgia, serif);text-align:center;text-wrap:balance;-webkit-text-stroke:3px #263b33;paint-order:stroke fill;pointer-events:none}@media (prefers-reduced-motion:reduce){.spatial-landmark-face{transition:none}}@function --sl-landmark-size() returns <length>{result: clamp(64px, min(17cqw, 15cqh), 112px);}@function --sl-label-size() returns <length>{result: clamp(11px, min(2.3cqw, 2.1cqh), 17px);}@mixin --sl-squircle-face(){@result { display: grid; place-items: center; width: 100%; aspect-ratio: 1; box-sizing: border-box; border: 2px solid #f5ead0cc; border-radius: 28%; corner-shape: squircle; overflow: hidden; background: linear-gradient(145deg, var(--destination,#c18b3e), var(--destination,#9b6b31)); @supports (color: lab(54.2905% 80.8049 69.891)) { background: linear-gradient(145deg, color-mix(in oklab, var(--destination,#c18b3e) 72%, #f3dfaa), var(--destination,#9b6b31)); } box-shadow: 0 10px 24px #071a1c66, inset 0 1px #ffffff52; }}.spatial-launcher{--sl-paper:#e8dfc8;--sl-ink:#18231f;--sl-sea:#315d63;width:100%;min-width:0;height:100%;min-height:0;color:var(--sl-ink);background:var(--sl-sea);font-family:var(--font-sans,system-ui, sans-serif);flex-direction:column;display:flex;position:relative;container-type:size}.spatial-launcher__paper{pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.45' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");position:absolute;inset:0}.spatial-launcher__header{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#e8dfc8eb;border-bottom:1px solid #29352c4d;justify-content:space-between;align-items:center;gap:20px;padding:14px clamp(18px,4vw,54px);display:flex;position:relative}.spatial-launcher__header span{font:600 9px var(--font-data,monospace);text-transform:uppercase;letter-spacing:.17em;color:#826d48;display:block}.spatial-launcher__header h1{font:600 clamp(24px, 3vw, 38px) / 1 var(--font-display,Georgia, serif);margin:4px 0 0}.spatial-launcher__back{color:#293a33;font:600 9px var(--font-data,monospace);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#efe5cb;border:1px solid #8f794f;padding:8px 12px}.spatial-launcher__viewport{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='18'%3E%3Cpath d='M-4 12Q3 6 10 12T24 12T38 12' fill='none' stroke='%23dce1c4' stroke-opacity='.18'/%3E%3C/svg%3E"),radial-gradient(circle at 50% 45%,#67989a 0,#477a7d 50%,#315d63 100%);flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden;container-type:size}.spatial-launcher__world,.spatial-launcher__island{position:absolute;inset:0}.spatial-launcher__island{place-items:center;display:grid}.spatial-launcher__app,.spatial-launcher__lighthouse{--spatial-x:var(--spatial-x-fallback,0);--spatial-y:var(--spatial-y-fallback,0);--destination:var(--destination-fallback,#c18b3e);--island-rotation:var(--island-rotation-fallback,0deg);--island-aspect:var(--island-aspect-fallback,1);left:calc(50% + var(--spatial-x,0) * min(38cqw, 36cqh));top:calc(50% + var(--spatial-y,0) * min(38cqw, 36cqh));color:#f5ead0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-items:center;gap:7px;width:clamp(72px,min(21cqw,18cqh),150px);padding:0;display:grid;position:absolute;translate:-50% -50%}.spatial-launcher__app-face{aspect-ratio:1;box-sizing:border-box;corner-shape:squircle;background:linear-gradient(145deg, var(--destination,#c18b3e), var(--destination,#9b6b31));border:2px solid #f5ead0cc;border-radius:28%;place-items:center;width:100%;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.spatial-launcher__app-face{background:linear-gradient(145deg, color-mix(in oklab, var(--destination,#c18b3e) 72%, #f3dfaa), var(--destination,#9b6b31))}}.spatial-launcher__app-face{transition:translate .28s,scale .28s,filter .28s;box-shadow:0 10px 24px #071a1c66,inset 0 1px #ffffff52}.spatial-launcher__app:is(:hover,:focus-visible)>.spatial-launcher__app-face{filter:brightness(1.12);translate:0 -5px;scale:1.06}.spatial-launcher__app>strong,.spatial-launcher__lighthouse>strong{max-width:145%;font:650 clamp(11px, min(2.3cqw, 2.1cqh), 17px) / 1.05 var(--font-display,Georgia, serif);text-align:center;text-wrap:balance;-webkit-text-stroke:3px #263b33;paint-order:stroke fill;pointer-events:none}.spatial-launcher__island-face{padding:11%}.spatial-launcher__island-face svg,.spatial-launcher__island-chart svg{width:100%;height:100%;display:block}.spatial-launcher__island-silhouette{width:100%;height:auto;aspect-ratio:var(--island-aspect);box-sizing:border-box;rotate:var(--island-rotation);transform-origin:50%;view-transition-name:attr(data-view-transition type(<custom-ident>), none);display:block}.spatial-launcher__island-face svg{filter:sepia(.2)drop-shadow(0 5px 3px #122f2d59)}::view-transition-group(*){animation-duration:.65s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}.spatial-launcher__lighthouse{z-index:2;pointer-events:none}.spatial-launcher__lighthouse .spatial-launcher__app-face{--destination:#d99a32;width:76%}.spatial-launcher__lighthouse svg{fill:#efe2bd;stroke:#263b33;stroke-width:3px;width:60%}.spatial-launcher__local-plane{--sl-landmark-size-value:clamp(64px, min(17cqw, 15cqh), 112px);--island-aspect:var(--island-aspect-fallback,1);width:min(88cqw, calc(78cqh * var(--island-aspect)));height:min(calc(88cqw / var(--island-aspect)), 78cqh);contain:layout;reading-flow:source-order;view-transition-name:attr(data-view-transition type(<custom-ident>), none);position:relative}.spatial-launcher__island{--destination:var(--destination-fallback,#c18b3e)}@supports (opacity:attr(data-value type(<number>), 1)){.spatial-launcher__app{--spatial-x:attr(data-spatial-x type(<number>), 0);--spatial-y:attr(data-spatial-y type(<number>), 0)}.spatial-launcher__island-app{--destination:attr(data-destination type(<color>), #c18b3e);--island-rotation:attr(data-island-rotation type(<angle>), 0deg);--island-aspect:attr(data-island-aspect type(<number>), 1)}.spatial-launcher__island{--destination:attr(data-destination type(<color>), #c18b3e)}.spatial-launcher__local-plane{--island-aspect:attr(data-island-aspect type(<number>), 1)}}.spatial-launcher__island-chart{transform-origin:50%;opacity:.3;filter:sepia(.35)saturate(.7)drop-shadow(0 16px 8px #0a232559);pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;rotate:0deg}.spatial-launcher__tethers{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.spatial-launcher__tethers path{fill:none;stroke:#ead39b;stroke-width:2px;stroke-linecap:round;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #19312cb3)}.spatial-launcher__tethers circle{fill:#e3b65f;stroke:#263b33;stroke-width:2px;vector-effect:non-scaling-stroke}.spatial-launcher__landmark-app{z-index:2;left:calc(50% + var(--spatial-x) * 100% - var(--sl-landmark-size-value) / 2);top:calc(50% + var(--spatial-y) * 100% - var(--sl-landmark-size-value) / 2);width:var(--sl-landmark-size-value);interest-delay-start:.22s;interest-delay-end:.18s;transition:left .55s cubic-bezier(.22,.61,.36,1),top .55s cubic-bezier(.22,.61,.36,1);translate:none}.spatial-launcher__landmark-face{background:linear-gradient(145deg, #f2e2b9, var(--destination))}@supports (color:color-mix(in lab, red, red)){.spatial-launcher__landmark-face{background:linear-gradient(145deg, #f2e2b9, color-mix(in oklab, var(--destination) 68%, #a07b44))}}.spatial-launcher__landmark-face>span{font:700 clamp(22px, 5cqw, 42px) / 1 var(--font-display,Georgia, serif);color:#263b33}.spatial-launcher__landmark-face>.spatial-launcher__landmark-icon{color:#263b33;place-items:center;width:72%;height:72%;display:grid}.spatial-launcher__landmark-icon svg{width:100%;height:100%;display:block;overflow:visible}@supports (color:contrast-color(red)){.spatial-launcher__landmark-face>span{color:contrast-color(var(--destination))}}.spatial-launcher__detail{box-sizing:border-box;color:#263630;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;background:#efe5caf2;border:1px solid #a58a56;width:min(330px,100vw - 28px);padding:20px;position:fixed;inset:auto clamp(14px,4vw,54px) clamp(14px,4vw,42px) auto;translate:0 8px;box-shadow:0 22px 60px #0517186b}.spatial-launcher__detail:popover-open{opacity:1;animation:.28s cubic-bezier(.22,.61,.36,1) spatial-launcher-detail-in;translate:0}@keyframes spatial-launcher-detail-in{0%{opacity:0;translate:0 8px}}@supports (anchor-name:--sl-anchor-test) and (width:anchor-size(width)){.spatial-launcher__detail{position-area:block-end;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;inline-size:min(calc(100vi - 1.75rem), clamp(18rem, calc(anchor-size(self-inline, 7rem) * 3), 22.5rem));margin:clamp(.5rem, calc(anchor-size(self-block, 9rem) / 12), 1rem) 0 0;bottom:auto;right:auto}}.spatial-launcher__detail button{cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:8px;right:10px}.spatial-launcher__detail h2{font:650 25px / 1.05 var(--font-display,Georgia, serif);margin:7px 24px 7px 0}.spatial-launcher__detail p,.spatial-launcher__uncharted{margin:0;font-size:12px;line-height:1.5}.spatial-launcher__uncharted{color:#e8dbc0;position:absolute;top:75%;left:50%;translate:-50% -50%}@media (width<=600px){.spatial-launcher__header{padding:10px 14px}.spatial-launcher__header>div>span{display:none}.spatial-launcher__header h1{font-size:22px}.spatial-launcher__back{padding:7px 9px}}@media (prefers-reduced-motion:reduce){.spatial-launcher__app-face,.spatial-launcher__landmark-app{transition:none}}@scope(.spatial-launcher){:scope.supports-sl-css-functions .spatial-launcher__landmark-app{width:--sl-landmark-size()}:scope.supports-sl-css-functions :is(.spatial-launcher__app,.spatial-launcher__lighthouse)>strong{font-size:--sl-label-size()}@apply --sl-squircle-face();}
