:root{--accent:#d4bc8c;--table-paper:#eee4cc;--table-gold:#cdb07a;--table-ink:#201e18}
header{height:82px;padding:0 4%;background:linear-gradient(#12100de8,#19140e75);border-bottom:1px solid #e1cca933;color:#f2e6d0;backdrop-filter:blur(7px)}
header .brand{font-size:29px;letter-spacing:1px;gap:12px}header .brand-icon{width:39px;height:42px;border-color:#d8c093;font-size:30px;color:#dbc89e}header .brand small{font-size:8px;letter-spacing:2.5px;color:#e1d2b4}
header .nav-actions{gap:23px}header .nav-actions>.join{display:none}header .login{font-size:14px;color:#eadcc4}header .mobile-menu{display:flex;align-items:center;gap:10px;font:12px var(--mono);letter-spacing:1px;color:#eee0c7;padding:10px 0}header .mobile-menu:after{content:'☰';font-size:20px}
header nav{display:none;position:absolute;top:82px;left:auto;right:4%;width:275px;background:#201d16f7;border:1px solid #c7a76b55;padding:26px;flex-direction:column;gap:22px;box-shadow:0 20px 60px #0005;font-size:16px}header nav.open{display:flex}
.field-table{height:100svh;min-height:600px;position:relative;overflow:hidden;background:#231b12;color:var(--table-paper);isolation:isolate}
.table-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline-offset:-5px}.table-dragging .table-viewport{cursor:grabbing}
.table-world{position:absolute;left:50%;top:50%;transform-origin:center;will-change:transform;--marker-scale:1}
.table-photo{width:100%;height:100%;display:block;pointer-events:none;user-select:none;max-width:none;filter:brightness(.94)}
.table-shade{position:absolute;inset:0;background:linear-gradient(180deg,#18110b25 0%,transparent 32%,transparent 66%,#0e0d0ab8 100%);pointer-events:none;z-index:2}
.table-intro{position:absolute;top:108px;left:4%;z-index:3;pointer-events:none;text-shadow:0 2px 12px #100d09b0;max-width:460px}
.table-intro p{font:10px var(--mono);letter-spacing:2px;color:#f0dfbd;margin:0 0 9px}.table-intro h1{font:500 clamp(24px,2.7vw,39px)/1.06 var(--display);letter-spacing:.5px;margin:0;color:#fff1d7}.table-intro h1 em{font-style:normal;color:#ddc89f}
.table-edition{position:absolute;right:4%;top:110px;z-index:3;font:10px/1.6 var(--mono);letter-spacing:1.5px;text-align:right;pointer-events:none;color:#e8d8b9;text-shadow:0 2px 6px #000}
.table-markers{position:absolute;inset:0}
.field-marker{position:absolute;width:56px;height:56px;display:grid;place-items:center;transform:translate(-50%,-50%) scale(var(--marker-scale));background:none!important;padding:0;color:#eee0bd;isolation:isolate;z-index:3;border-radius:50%;border:0;cursor:pointer;transition:opacity .2s}
.marker-ring{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#d9c08bcc,#76603dcc 45%,#30271fcc);border:1px solid #eddaadbf;box-shadow:0 2px 7px #000a,0 0 0 6px #a98a4c1a;position:relative;font:10px var(--mono);color:#fff0c9;text-shadow:0 1px 2px #000;transition:box-shadow .2s,background .2s}
.marker-ring:before,.marker-ring:after{content:'';position:absolute;background:#edd9af9c}.marker-ring:before{width:1px;height:6px;left:13px;top:-10px}.marker-ring:after{width:6px;height:1px;left:-10px;top:13px}
.field-marker:hover .marker-ring,.field-marker:focus-visible .marker-ring,.field-marker.selected .marker-ring{box-shadow:0 0 0 8px #dfc28a25,0 0 25px #e1c38570;background:#a48b5a;color:white}
.field-marker:focus-visible{outline:2px solid #f0d297;outline-offset:0}.marker-caption{position:absolute;top:51px;left:50%;transform:translate(-50%,4px);padding:12px 15px;background:#201d17ed;border:1px solid #c3a97980;color:#f4e8ce;font:500 23px/1.1 var(--display);width:max-content;max-width:210px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;pointer-events:none;box-shadow:0 10px 20px #0005;text-align:left}
.marker-caption small{display:block;font:8px var(--mono);letter-spacing:1.5px;margin-bottom:5px;color:#d6b986}.field-marker:hover .marker-caption,.field-marker:focus-visible .marker-caption,.locations-visible .marker-caption{opacity:1;visibility:visible;transform:translate(-50%,0)}
.field-marker[data-location=reels] .marker-caption,.field-marker[data-location=community] .marker-caption{left:12px;transform:translate(0,4px)}.field-marker[data-location=journal] .marker-caption,.field-marker[data-location=membership] .marker-caption{left:auto;right:12px;transform:translate(0,4px)}.field-marker[data-location=supply] .marker-caption{top:auto;bottom:51px}
.locations-visible .field-marker[data-location=reels] .marker-caption,.locations-visible .field-marker[data-location=community] .marker-caption,.locations-visible .field-marker[data-location=journal] .marker-caption,.locations-visible .field-marker[data-location=membership] .marker-caption,.field-marker[data-location=reels]:hover .marker-caption,.field-marker[data-location=community]:hover .marker-caption,.field-marker[data-location=journal]:hover .marker-caption,.field-marker[data-location=membership]:hover .marker-caption{transform:translate(0,0)}
.table-footer{position:absolute;z-index:5;bottom:25px;left:4%;right:4%;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}.table-footer>*{pointer-events:auto}.table-instructions{max-width:380px}.table-instructions>small{font:9px var(--mono);letter-spacing:1.5px;color:#dac496}.table-instructions p{margin:6px 0 12px;font:16px/1.4 var(--body);color:#fff0d4;text-shadow:0 2px 6px #000}.table-instructions>a{font:12px var(--body);color:#e6d7b9;text-decoration:underline;text-underline-offset:5px}.table-tools{display:flex;align-items:center;background:#18150ee6;border:1px solid #c1a97655;box-shadow:0 6px 18px #0005;border-radius:3px;padding:4px;backdrop-filter:blur(10px)}.table-tools button{height:42px;min-width:42px;color:#eee1c4;background:transparent;border:0;font:21px var(--body);border-radius:2px}.table-tools button:hover{background:#c9ad752e}.table-tools button:disabled{opacity:.3;cursor:default}.table-tools #table-locations{font:12px var(--body);padding:0 13px;display:flex;gap:8px;align-items:center;margin-right:5px;border-right:1px solid #c1a97635;border-radius:0}.table-tools #table-locations[aria-pressed=true]{color:#ffe4a4}.table-tools #table-reset{font-size:20px}
.table-loading{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 22px;background:#211c14;color:#decba4;font:12px var(--mono);white-space:nowrap}.table-loading[hidden]{display:none}
.discovery-card{position:absolute;z-index:7;bottom:108px;left:4%;width:340px;padding:24px;background:linear-gradient(140deg,#302b20f5,#1c1913fa);border:1px solid #c8ad7666;box-shadow:0 15px 60px #0006;backdrop-filter:blur(15px);animation:field-reveal .25s ease-out}.discovery-card[hidden]{display:none}.discovery-card>small{font:9px var(--mono);letter-spacing:1.5px;color:#d4b77e}.discovery-card h2{font:500 35px/1.05 var(--display);color:#f8e9ca;margin:11px 0}.discovery-card p{font:15px/1.6 var(--body);color:#d4cbb7;margin:0 0 19px}.discovery-card #discovery-open{display:flex;justify-content:space-between;width:100%;background:#d6bb85;color:#241e13;padding:13px 16px;font:600 14px var(--body)}#discovery-close{position:absolute;right:9px;top:5px;font-size:26px;background:none;color:#e6d6b5;padding:5px 10px}.discovering .table-intro{opacity:.3}.discovering .marker-caption{display:none}
.image-unavailable .table-world{width:100%!important;height:100%!important;transform:translate(-50%,-50%)!important}.image-unavailable .table-photo{display:none}.image-unavailable .field-marker{left:50%!important;top:calc(25% + var(--fallback-index,0)*12%)!important}.image-unavailable .marker-caption{opacity:1;visibility:visible;left:50%!important;right:auto!important;transform:translate(-50%,0)!important;top:35px!important;bottom:auto!important}
.demo-bar{height:36px;background:#161610;color:#a8a189;border-color:#d5bf8a22}.demo-bar>span:first-child{color:#d3bc8d}.demo-bar button{color:#c5bb9f}.demo-bar>span:nth-child(2){font-size:10px}
.scene-reels,.map-story-list{display:grid;gap:12px;margin-top:22px}.scene-reels button{display:flex;gap:20px;align-items:center;padding:12px;text-align:left;background:#e5e4d9;border:1px solid #cbc5b5}.scene-reels img{width:70px;height:100px;object-fit:cover}.scene-reels small,.map-story-list small{display:block;font:12px var(--mono);color:#796b4e}.scene-reels strong,.map-story-list strong{display:block;font:600 28px/1.1 var(--display);margin:7px 0}.scene-reels span span{font-size:14px}.map-story-list button{padding:22px;text-align:left;background:#e4e4d3;color:#263320;border:1px solid #b7ac96}.map-story-list button:hover{background:#d8cfb9}.dialog-close.map-return{width:auto!important;border-radius:2px;padding:10px 14px;font:14px var(--body);background:#282318;color:#e7dfc9}.table-footer button:focus-visible,.discovery-card button:focus-visible{outline:2px solid #ffe2a1;outline-offset:3px}
@keyframes field-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.field-table{max-height:1100px}}
@media(max-width:900px){.table-edition{display:none}.table-intro h1{font-size:29px}.table-footer{gap:14px}.table-instructions p{font-size:14px;max-width:265px}.table-tools #table-locations{font-size:11px;padding:0 9px}.table-tools button{min-width:38px}}
@media(max-width:600px){header{height:70px;padding:0 5%;backdrop-filter:blur(4px)}header .brand{font-size:25px;gap:9px}header .brand-icon{width:30px;height:34px;font-size:25px}header .brand small{font-size:7px;letter-spacing:1.7px}header .nav-actions{gap:16px}header .login{font-size:12px}header .mobile-menu{font-size:0;gap:0}header .mobile-menu:after{font-size:23px}header nav{top:70px;right:5%;left:auto;width:260px;font-size:16px}.field-table{height:100svh;min-height:620px}.table-intro{top:89px;left:5%;max-width:250px}.table-intro p{font-size:8px;letter-spacing:1.5px;margin-bottom:6px}.table-intro h1{font-size:25px}.table-footer{bottom:15px;left:5%;right:5%;display:block}.table-instructions>small{display:none}.table-instructions p{font-size:12px;margin:0 0 9px;max-width:none}.table-instructions>a{position:absolute;right:0;top:0;font-size:11px}.table-tools{width:max-content;margin-top:10px;padding:3px}.table-tools #table-locations{font-size:12px;min-width:142px;justify-content:center}.table-tools button{min-width:44px;height:42px}.marker-caption{font-size:20px;padding:10px 12px;max-width:190px}.marker-caption small{font-size:7px}.field-marker{width:52px;height:52px}.marker-ring{width:27px;height:27px;font-size:9px}.discovery-card{bottom:121px;left:5%;width:90%;padding:20px}.discovery-card h2{font-size:31px}.discovery-card p{font-size:14px;margin-bottom:14px}.discovery-card #discovery-open{padding:13px;font-size:14px}.table-shade{background:linear-gradient(180deg,#18110b18,transparent 35%,transparent 75%,#0e0d0ad1 100%)}.demo-bar{padding:8px 5%}.demo-bar>span:nth-child(2){display:none}dialog{max-height:calc(100svh - 24px)}.dialog-close{position:sticky;float:right;top:12px;z-index:20}.locations-visible .marker-caption{font-size:17px}.locations-visible .marker-caption small{display:none}}
@media(prefers-reduced-motion:reduce){.discovery-card{animation:none}.marker-caption,.marker-ring{transition:none}}
@media(min-width:601px){.table-viewport{top:82px}.field-table{background:#15120f}}
.table-viewport{user-select:none;-webkit-user-select:none}
@media(max-width:600px){.table-instructions p{max-width:calc(100% - 125px);min-height:34px}.table-instructions>a{top:3px}.image-unavailable .table-loading{white-space:normal;width:90%;top:22%;text-align:center}}

.site-header{min-height:82px}.air-no-js nav{display:flex;position:static;width:auto;flex-wrap:wrap}.air-no-js .site-header{height:auto;position:relative}.air-no-js .mobile-menu{display:none}@media(max-width:600px){.site-header{min-height:70px}}
