/* Immersive lunar explorer. A canvas, lightweight navigation and one selection dock. */
html:has(.lunar-workspace[open]),body:has(.lunar-workspace[open]){overflow:hidden}
.lunar-workspace{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#070b10;color:#ecf1f5;overflow:hidden;box-shadow:none;font-family:var(--font)}
.lunar-workspace[open]{display:block}.lunar-workspace::backdrop{background:#070b10}.lunar-workspace button,.lunar-workspace select{font-family:var(--font)}
.lunar-workspace .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.lunar-scene{position:absolute;inset:0 0 145px;background:radial-gradient(ellipse at 50% 45%,#1522325c,transparent 68%);overflow:hidden}
.lunar-scene #moon-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.lunar-scene #moon-canvas:active{cursor:grabbing}.lunar-scene #moon-canvas:focus-visible{outline:1px solid #a5c3dd66;outline-offset:-2px}
.lunar-header{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;gap:36px;padding:29px 38px;background:linear-gradient(#070b10f2,#070b1000);pointer-events:none}
.lunar-header>*{pointer-events:auto}.lunar-heading{min-width:195px}.lunar-wordmark{font-size:11px;font-weight:600;letter-spacing:2px;color:#96a8b8}.lunar-header h2{font-size:25px;font-weight:550;line-height:1.2;letter-spacing:-.7px;margin:7px 0 0;color:#eef3f7}
.lunar-navigation{margin-left:auto;display:flex;align-items:center;gap:10px}.lunar-navigation select,.lunar-navigation button{border:1px solid #cedff523;background:#0e151eea;color:#d6e3ed;border-radius:9px;padding:12px 16px;min-height:43px;font-size:13px;font-weight:450;box-shadow:0 3px 18px #0001}.lunar-navigation select{max-width:240px;cursor:pointer;padding-right:28px}.lunar-navigation button:hover{background:#24303b;border-color:#adc3d94a}.lunar-navigation button:disabled{opacity:.4;cursor:default}
.lunar-workspace .workspace-close{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border:1px solid #d6e8ff2b;border-radius:50%;background:#101821;color:#c4d4e1;font-size:26px;font-weight:300}.workspace-close:hover{background:#253240;color:#fff}
.lunar-zoom-controls{position:absolute;right:38px;top:47%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;background:#0d1722e8;border:1px solid #c5d8ed26;border-radius:50px;padding:6px;box-shadow:0 8px 28px #0002}.lunar-zoom-controls button{height:36px;width:36px;display:grid;place-items:center;border-radius:50%;background:transparent;color:#d8e6f2;font-size:23px;font-weight:300}.lunar-zoom-controls button:hover{background:#ffffff0e}.lunar-zoom-controls button:disabled{opacity:.3;cursor:default}.lunar-zoom-controls span{font-size:11px;color:#8ea7bc;font-variant-numeric:tabular-nums;padding:10px 0}
.lunar-pin-label{position:absolute;z-index:1;visibility:hidden;transform:translate(-50%,25px);border:1px solid #c0d3e42e;background:#0b1520f0;box-shadow:0 5px 20px #0002;border-radius:50px;padding:8px 13px;font-size:12px;font-weight:500;white-space:nowrap;color:#d6e7f4;pointer-events:none}
/* Selected acre: a compact lunar record, with integrated location controls. */
.lunar-selection-area{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:min(980px,calc(100% - 76px));z-index:4}
.lunar-selection-card{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) 222px;gap:22px 26px;padding:26px 28px 16px;background:linear-gradient(115deg,#151b21,#10161c 65%,#18232a);border:1px solid #a8bfca30;border-radius:14px;box-shadow:0 18px 70px #0008,inset 0 1px 0 #e8f7ff07;color:#e8eff3;isolation:isolate}
.parcel-art{position:relative;align-self:stretch;min-height:116px;border-radius:5px;border:1px solid #e5f5ff25;overflow:hidden;background:linear-gradient(0deg,#10171eed,transparent 85%),url('/assets/moon-8k.jpg') 74% 34%/790px auto;box-shadow:inset 0 0 28px #0004}
.parcel-crosshair{position:absolute;left:50%;top:44%;width:38px;height:38px;transform:translate(-50%,-50%) rotate(-14deg);border:1px solid #d3e7ddbf;background:#bacfc61a;box-shadow:0 0 0 6px #b4d2bf0b}
.parcel-crosshair:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;font:300 19px var(--font);color:#e2efe7;transform:rotate(14deg)}
.parcel-art-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:7px;font-weight:500;letter-spacing:1px;color:#a9bac4}
.selection-main{min-width:0;align-self:center}.selection-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;line-height:1.5;color:#aab9c2}.selection-acre{font-weight:500}.selection-kicker #selection-status{display:flex;align-items:center;gap:5px;font-size:10px;color:#a4c9b8}.selection-kicker #selection-status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}
.lunar-workspace[data-parcel-status=reserved] #selection-status{color:#d0b18e}.lunar-workspace[data-parcel-status=owned] #selection-status{color:#abcfe6}
.lunar-selection-card h3{font:500 27px/1.2 var(--font);letter-spacing:-.8px;margin:11px 0 13px;color:#eef3f6;overflow-wrap:anywhere}
.selection-location{font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:.1px;color:#bfcdd5}.selection-reference{display:block;font-size:10px;line-height:1.5;color:#8195a3;margin-top:6px;letter-spacing:.4px}
.lunar-selection-card .selection-message{font-size:12px;line-height:1.6;color:#c7bba9;margin:12px 0 0;max-width:430px}
.selection-action{grid-column:3;grid-row:1/3;border-left:1px solid #b5c9d321;padding-left:26px;display:flex;flex-direction:column;justify-content:center;gap:17px;min-width:0}
.selection-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.selection-price strong{font:500 35px/1.1 var(--font);letter-spacing:-1.2px;white-space:nowrap;color:#eef3f5}.selection-price strong>span{font-size:11px;font-weight:400;letter-spacing:0;color:#b5c5cf;margin-left:7px}.selection-price small{font-size:11px;line-height:1.5;color:#94a9b8}
.lunar-workspace #buy-surface-plot{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:45px;padding:12px 15px;border:1px solid #bed4c84d;border-radius:6px;background:#b6cfc2;color:#13291f;font:600 13px/1.4 var(--font);white-space:nowrap;transition:background .15s}
.lunar-workspace #buy-surface-plot>span{font-size:20px;font-weight:400;line-height:1}.lunar-workspace #buy-surface-plot:hover:not(:disabled){background:#cee0d6}.lunar-workspace #buy-surface-plot:disabled{background:#253039;border-color:#839eaf25;color:#91a4b1;cursor:not-allowed;opacity:1}.selection-demo-note{font-size:10px;line-height:1.5;color:#8c9fac;text-align:center;margin-top:-6px}
.selection-bottom{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b5c9d31c;padding-top:11px;gap:14px;min-width:0}
.lunar-adjustment{display:flex;align-items:center;gap:15px;font-size:11px;color:#8b9fac}.lunar-adjustment>div{display:flex;gap:4px}.lunar-adjustment button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #b6cbd51c;border-radius:5px;background:#b8d6e305;font-size:17px;color:#bbced9}.lunar-adjustment button:hover{background:#b6d4e11c;border-color:#bed6e04a;color:#f1f6f9}.lunar-adjustment button:disabled{opacity:.25;cursor:default}.lunar-adjustment #select-center{font-size:22px;margin-left:-6px;border-color:transparent;background:none}
.selection-disclosure{position:static}.selection-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;font-size:11px;color:#b6c8d4;white-space:nowrap}.selection-disclosure>summary::-webkit-details-marker{display:none}.selection-disclosure>summary:hover{color:#f0f6fa}.selection-disclosure>summary:focus-visible{outline:2px solid #8aaea0;outline-offset:4px;border-radius:2px}.selection-disclosure>summary span{font-size:14px}
.selection-detail-popover{position:absolute;z-index:6;bottom:calc(100% + 12px);left:0;width:355px;max-width:100%;padding:22px;background:#15212a;border:1px solid #bfd5e332;border-radius:10px;color:#d0e0ea;box-shadow:0 10px 50px #0006;max-height:min(340px,45svh);overflow:auto;scrollbar-width:thin}.detail-popover-title{display:block;font-size:12px;color:#829cb0}.address-id{display:block;font-size:16px;line-height:1.5;font-weight:500;margin:5px 0 17px;overflow-wrap:anywhere;letter-spacing:.15px}.selection-detail-popover dl{margin:0;font-size:12px}.selection-detail-popover dl>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #ffffff12}.selection-detail-popover dt{color:#93a9b9}.selection-detail-popover dd{margin:0;text-align:right;color:#c0d5e4;max-width:200px}.selection-detail-popover p{font-size:11px;line-height:1.7;margin:15px 0 0;color:#94a9b7}
#moon-canvas,#moon-canvas:hover,#moon-canvas:focus,#moon-canvas:focus-visible,.lunar-scene #moon-canvas:focus-visible{outline:none;border:0;box-shadow:none}.moon-stage:has(#moon-canvas:focus-visible) .moon-controls{color:#d6e5ef}
@media(max-width:1050px){.lunar-header{padding:25px;gap:22px}.lunar-heading{min-width:165px}.lunar-header h2{font-size:23px}.lunar-navigation{gap:7px}.lunar-navigation select{max-width:210px}.lunar-navigation select,.lunar-navigation button{font-size:12px;padding:11px 13px}.lunar-selection-area{width:calc(100% - 50px)}.lunar-selection-card{grid-template-columns:90px minmax(0,1fr) 196px;padding:22px 22px 14px;gap:20px}.selection-action{padding-left:20px}.lunar-selection-card h3{font-size:24px}.selection-location{font-size:12px}.lunar-zoom-controls{right:25px}}
@media(max-width:760px){
 .lunar-header{padding:21px 19px;gap:12px;flex-wrap:wrap;align-items:center}.lunar-heading{min-width:0;flex:1}.lunar-wordmark{font-size:9px;letter-spacing:1.5px}.lunar-header h2{font-size:23px;margin-top:5px;letter-spacing:-.6px}.lunar-workspace .workspace-close{height:36px;width:36px;font-size:23px}.lunar-navigation{order:3;margin:5px 0 0;width:100%;gap:8px}.lunar-navigation select{flex:1;min-width:0;max-width:none}.lunar-navigation select,.lunar-navigation button{font-size:12px;padding:10px 12px;min-height:37px;border-radius:8px}.lunar-navigation #surface-approach{display:none}
 .lunar-scene{inset:89px 0 235px}.lunar-zoom-controls{right:16px;top:45%;padding:4px}.lunar-zoom-controls button{width:30px;height:31px;font-size:22px}.lunar-zoom-controls span{font-size:10px;padding-block:7px}.lunar-pin-label{font-size:10px;padding:7px 11px;transform:translate(-50%,23px)}
 .lunar-selection-area{bottom:15px;width:calc(100% - 28px)}.lunar-selection-card{grid-template-columns:58px minmax(0,1fr);gap:16px 14px;padding:18px 18px 13px;border-radius:11px}.parcel-art{min-height:102px;background-size:auto,650px auto}.parcel-crosshair{width:26px;height:26px}.parcel-art-label{font-size:5px;letter-spacing:.3px;bottom:8px}.selection-kicker{font-size:10px;gap:8px}.selection-kicker #selection-status{font-size:9px}.lunar-selection-card h3{font-size:22px;letter-spacing:-.6px;margin:8px 0 10px}.selection-location{font-size:10px;letter-spacing:0}.selection-reference{font-size:9px;margin-top:4px}.lunar-selection-card .selection-message{font-size:11px;margin-top:8px}
 .selection-action{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;border-left:0;border-top:1px solid #b5c9d31c;padding:15px 0 0}.selection-price{display:block}.selection-price strong{font-size:29px}.selection-price strong>span{font-size:10px}.selection-price small{display:block;font-size:10px;margin-top:3px}.lunar-workspace #buy-surface-plot{min-width:159px;font-size:12px;padding:12px 13px}.selection-demo-note{grid-column:1/-1;text-align:left;margin-top:3px;font-size:9px}.selection-action:has(#parcel-offer:empty){grid-template-columns:1fr}.selection-action:has(#parcel-offer:empty) #parcel-offer{display:none}
 .selection-bottom{grid-column:1/-1;grid-row:3;padding-top:10px;gap:9px}.lunar-adjustment{gap:9px;font-size:10px}.lunar-adjustment>div{gap:3px}.lunar-adjustment button{width:28px;height:28px;font-size:17px}.lunar-adjustment #select-center{margin-left:-3px;font-size:21px}.selection-disclosure>summary{font-size:10px;gap:6px}.selection-disclosure>summary span{font-size:12px}.selection-detail-popover{width:100%;padding:19px;max-height:40svh}
}
@media(max-width:360px){.lunar-header{padding-inline:16px}.lunar-selection-area{width:calc(100% - 22px)}.lunar-selection-card{padding:16px 14px 12px;grid-template-columns:46px minmax(0,1fr);gap:14px 11px}.lunar-selection-card h3{font-size:20px}.selection-location{font-size:9px}.selection-kicker{font-size:9px;gap:6px}.selection-kicker #selection-status{font-size:8px}.lunar-workspace #buy-surface-plot{min-width:146px}.lunar-adjustment{gap:7px}.lunar-adjustment button{width:25px}.lunar-adjustment>div{gap:2px}.parcel-art-label{font-size:4px}}
@media(max-height:700px) and (min-width:761px){.lunar-header{padding-block:18px}.lunar-selection-area{bottom:16px}.lunar-selection-card{padding-top:18px;row-gap:14px}.lunar-scene{bottom:120px}}
@media(max-height:670px) and (max-width:760px){.lunar-header{padding-block:12px}.lunar-selection-area{bottom:10px;max-height:calc(100svh - 150px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.lunar-selection-card{gap:11px;padding-top:14px}.selection-detail-popover{position:static;margin-top:12px;width:100%;max-height:none}.selection-disclosure[open]{width:100%}.selection-bottom:has(.selection-disclosure[open]){flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.lunar-workspace button{transition:none!important}}
/* Coordinates are the focal point; the thumbnail follows the selected location. */
.lunar-selection-card{grid-template-columns:128px minmax(0,1fr) 222px;gap:16px 26px}.parcel-art{grid-column:1;grid-row:1/3;background:#19232c;min-height:166px}.parcel-art:before{content:'';position:absolute;inset:0;background-image:url('/assets/moon-8k.jpg');background-size:2048px 1024px;background-repeat:repeat-x;background-position:calc(50% + 1024px - var(--map-x,1024px)) clamp(100%,calc(50% + 512px - var(--map-y,512px)),0px)}.parcel-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c141de8,transparent 65%);pointer-events:none}.parcel-art[hidden]{display:none}.parcel-crosshair,.parcel-art-label{z-index:1}.parcel-crosshair{transform:translate(-50%,-50%);top:50%;border-color:#dcebdccc}.parcel-crosshair:after{transform:none}.parcel-art-label{font-size:8px;letter-spacing:1.4px}
.selection-main{grid-column:2;grid-row:1}.lunar-selection-card h3{font-size:25px;font-weight:600;letter-spacing:-.9px;margin:8px 0 7px}.selection-reference{font-size:10px;letter-spacing:.8px}.selection-location{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0 0;border-top:1px solid #a7c9b631;color:#d4e8dd}.selection-location>div{min-width:0}.selection-location>div>span{display:block;font-size:8px;font-weight:600;letter-spacing:1.6px;color:#92a9a0;margin-bottom:5px}.selection-location strong{font:500 25px/1.15 var(--coordinates);font-variant-numeric:tabular-nums;letter-spacing:-1px;white-space:nowrap}.selection-location strong small{font-size:12px;letter-spacing:0;margin-left:3px;color:#98b7a7}.selection-action{grid-row:1/4}.selection-price strong{font-family:var(--coordinates)}.lunar-workspace #buy-surface-plot{justify-content:center;font-weight:650;letter-spacing:-.15px}.selection-bottom{grid-row:3;padding-top:9px}
.lunar-adjustment{gap:17px}.lunar-adjustment .acre-compass{position:relative;display:block;width:72px;height:72px;border:1px solid #9bbbad26;border-radius:50%;background:radial-gradient(circle,#91b5a214,transparent 67%)}.lunar-adjustment .acre-compass button{position:absolute;display:grid;place-items:center;width:27px;height:27px;padding:0;background:none;border:0;border-radius:50%;font:500 9px var(--coordinates);color:#adbcbe}.lunar-adjustment .acre-compass button:hover{background:#a8c7b923;color:#e3f4ea}.acre-compass [data-direction=north]{top:-2px;left:21px}.acre-compass [data-direction=south]{bottom:-2px;left:21px}.acre-compass [data-direction=west]{left:-2px;top:21px}.acre-compass [data-direction=east]{right:-2px;top:21px}.lunar-adjustment .acre-compass #select-center{top:22px;left:22px;width:26px;height:26px;margin:0;color:#b8d5c6}.acre-compass svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}.compass-caption{font-size:11px;color:#c0cdd2}.compass-caption small{display:block;font-size:10px;color:#849b9e;margin-top:5px}.selection-disclosure>summary{padding:9px 0;border-bottom:1px solid #a7c5b943;font-size:11px}.selection-detail-popover{bottom:calc(100% + 12px)}
@media(max-width:1050px) and (min-width:761px){.lunar-selection-card{grid-template-columns:102px minmax(0,1fr) 184px;gap:16px 20px}.selection-location{gap:10px}.selection-location strong{font-size:21px}.selection-location strong small{font-size:10px}.lunar-selection-card h3{font-size:23px}}
@media(max-width:760px){.lunar-selection-card{grid-template-columns:65px minmax(0,1fr);gap:13px 15px;padding:17px 18px 12px}.parcel-art{grid-row:1;min-height:91px}.parcel-art-label{font-size:6px;letter-spacing:.6px}.selection-main{grid-column:2;grid-row:1}.lunar-selection-card h3{font-size:21px;letter-spacing:-.65px;margin:7px 0}.selection-reference{font-size:9px;letter-spacing:.4px}.selection-location{grid-column:1/-1;grid-row:2;padding:11px 0 0;gap:18px}.selection-location strong{font-size:26px}.selection-location strong small{font-size:12px}.selection-location>div>span{font-size:8px}.selection-action{grid-column:1/-1;grid-row:3;padding-top:12px;gap:5px 13px}.selection-bottom{grid-row:4;padding-top:8px}.lunar-adjustment{gap:11px}.compass-caption{font-size:10px}.compass-caption small{font-size:9px}.lunar-adjustment .acre-compass{transform:scale(.85);transform-origin:left center;margin-right:-11px;margin-block:-5px}.selection-disclosure>summary{font-size:10px}.lunar-scene{bottom:270px}}
@media(max-width:360px){.lunar-selection-card{grid-template-columns:53px minmax(0,1fr);padding:15px 14px 11px;gap:11px}.lunar-selection-card h3{font-size:19px}.selection-kicker{gap:5px;font-size:8px}.selection-location{gap:12px}.selection-location strong{font-size:23px}.selection-location strong small{font-size:10px}.compass-caption small{font-size:8px}.lunar-adjustment{gap:9px}}
@media(max-height:740px) and (max-width:760px){.lunar-selection-area{max-height:calc(100svh - 160px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.selection-detail-popover{position:static;margin-top:12px;width:100%;max-height:none}.selection-disclosure[open]{width:100%}.selection-bottom:has(.selection-disclosure[open]){flex-wrap:wrap}}