:root{--u:min(.0651042vw,.17vh);--stone-panel:url('/assets/ui/stone-panel-v33.avif');--icon-atlas:url('/assets/ui/icons-v37.avif');--stone-ink:#39210f}
.stone-icon{display:inline-block;flex-shrink:0;width:42px;height:42px;background-image:var(--icon-atlas);background-size:400% 400%;background-position:var(--ix) var(--iy);background-repeat:no-repeat;vertical-align:middle;filter:drop-shadow(0 2px 1px #28160488)}
.reference-hud{height:calc(155*var(--u));background:none}.profile{left:max(calc(9*var(--u)),env(safe-area-inset-left));top:calc(7*var(--u));width:calc(362*var(--u));height:calc(149*var(--u));padding:calc(8*var(--u)) calc(30*var(--u)) calc(13*var(--u)) calc(13*var(--u));gap:calc(9*var(--u));background-image:var(--stone-panel);background-size:100% 100%;color:var(--stone-ink);filter:drop-shadow(0 5px 2px #17110866)}
.profile .avatar{width:calc(137*var(--u));height:calc(137*var(--u));border:calc(8*var(--u)) ridge #cba26a;background:radial-gradient(#b99a5b,#433323 70%);box-shadow:0 0 0 calc(3*var(--u)) #634420,0 3px 4px #0008}.profile .avatar img{height:112%;margin-top:calc(7*var(--u));object-fit:contain}.profile .identity b{font-family:Impact,'Arial Black',sans-serif;font-size:calc(32*var(--u));color:#2d180a;text-shadow:0 1px #f6d99b;letter-spacing:0}.profile .level-pill{width:calc(128*var(--u));font-size:calc(21*var(--u));padding:calc(5*var(--u)) 0;border:calc(3*var(--u)) ridge #c99f60;border-radius:calc(15*var(--u));background:#25170e;color:#fff0cc}.profile .xp-bar{height:calc(29*var(--u));line-height:calc(25*var(--u));font-size:calc(15*var(--u));border:calc(3*var(--u)) ridge #d3ae71;background:#2b1c0f;color:#ffe2a1;margin-top:calc(8*var(--u))}
#owned-roster{top:calc(178*var(--u));left:calc(13*var(--u));width:calc(325*var(--u));gap:calc(4*var(--u))}#owned-roster button{flex-basis:calc(91*var(--u));padding:calc(9*var(--u));border:0;border-radius:0;background:var(--stone-panel) center/100% 100% no-repeat;color:#2e1a0e;box-shadow:none;min-width:42px}#owned-roster img{height:calc(70*var(--u));filter:drop-shadow(0 2px 1px #47311455)}#owned-roster span{font-size:calc(17*var(--u));text-shadow:0 1px #edc984}#owned-roster .active{filter:drop-shadow(0 0 5px #f2c560);box-shadow:none}
.resources{left:calc(386*var(--u));top:calc(27*var(--u));height:calc(100*var(--u));gap:calc(1*var(--u));background:none}.resource{width:calc(112*var(--u));min-width:0;padding:calc(17*var(--u)) calc(12*var(--u));grid-template-columns:calc(42*var(--u)) auto;grid-template-rows:calc(30*var(--u)) auto;column-gap:calc(2*var(--u));border:0;background:var(--stone-panel) center/100% 100%;filter:drop-shadow(0 3px 2px #28190877)}.resource .stone-icon{grid-row:1/3;width:calc(48*var(--u));height:calc(51*var(--u));align-self:center}.resource b{font-size:calc(23*var(--u));color:#fbe4aa;text-shadow:0 2px 2px #4b280f;align-self:end}.resource small{font-size:calc(11*var(--u));color:#331e0f;text-shadow:0 1px #f7d59a;line-height:1.2;margin-top:calc(6*var(--u));font-weight:900}
.clock{left:calc(733*var(--u));top:calc(22*var(--u));height:calc(108*var(--u));width:calc(367*var(--u));padding:calc(10*var(--u)) calc(15*var(--u));gap:calc(7*var(--u));background:var(--stone-panel) center/100% 100%;filter:drop-shadow(0 3px 2px #28190877)}.clock>.sun{display:block;font-size:0}.sun .stone-icon{width:calc(59*var(--u));height:calc(65*var(--u))}#clock-text{font-size:calc(20*var(--u));min-width:calc(67*var(--u));color:#fff0c5;text-shadow:0 2px 1px #583619}.clock .speeds{gap:calc(5*var(--u));margin:0}.clock button{width:calc(43*var(--u));height:calc(52*var(--u));border:calc(3*var(--u)) ridge #b58b53;background:linear-gradient(#704622,#38210f);font-size:calc(18*var(--u));box-shadow:inset 0 2px #e6bf8466,0 3px 2px #0006}.clock button.active{border-color:#f9d578;background:radial-gradient(#a7cc58,#41691d);box-shadow:0 0 7px #ffe191}.clock button[data-speed="0"]{border:0;background:none}.clock button .stone-icon{width:100%;height:100%}
.rail{right:max(calc(7*var(--u)),env(safe-area-inset-right));top:calc(23*var(--u));gap:calc(3*var(--u))}.rail button{width:calc(69*var(--u));height:calc(109*var(--u));padding:0 0 calc(8*var(--u));gap:0;border:0;background:var(--stone-panel) center/100% 100%;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 2px #26150c88)}.rail .stone-icon{width:calc(65*var(--u));height:calc(65*var(--u));filter:none}.rail button>span:last-child{font-size:calc(11*var(--u));font-weight:900;color:#fff0c8;text-shadow:0 2px 1px #3b1e0f;line-height:1.5}
#level{left:calc(326*var(--u));top:calc(142*var(--u));background:linear-gradient(#ba9256,#4e331b);border:2px ridge #d4ae72;border-radius:50%;height:calc(32*var(--u));width:calc(36*var(--u));font-size:13px}body.hud-off #level{background:linear-gradient(#b9935e,#573a22);border:3px ridge #d7b57e}.camera-tools,body.panel-open .camera-tools{top:calc(140*var(--u));right:calc(14*var(--u));background:linear-gradient(#a87d46,#654627);border:2px ridge #d0a165;box-shadow:0 2px 4px #0005}.camera-tools button{color:#ffdfa2;text-shadow:0 1px #42250f}
#bottom-dock{bottom:calc(14*var(--u));width:calc(710*var(--u))}#bottom-nav{height:calc(117*var(--u));gap:calc(4*var(--u))}#bottom-nav button{border:0;border-radius:0;background:var(--stone-panel) center/100% 100%;box-shadow:none;display:flex;flex-direction:column;gap:0;padding:calc(8*var(--u));filter:drop-shadow(0 4px 2px #241b1288)}#bottom-nav button .stone-icon{width:calc(66*var(--u));height:calc(66*var(--u));font-size:0;filter:none}#bottom-nav button>span:last-child{width:auto;height:auto;color:#fff0cf;font-size:calc(18*var(--u));text-shadow:0 2px 2px #442611;font-weight:900}#bottom-nav button.active{filter:drop-shadow(0 0 5px #f4c567);background-image:var(--stone-panel)}.scene-switch{height:0;margin:0;border:0;background:none;box-shadow:none}
.gold-button{bottom:calc(15*var(--u));height:calc(131*var(--u));width:calc(265*var(--u));padding:calc(18*var(--u));border:0;outline:0;border-radius:0;box-shadow:none;background:var(--stone-panel) center/100% 100%;color:#3d230e;font-size:calc(29*var(--u));filter:drop-shadow(0 5px 2px #241b1299);text-shadow:0 1px #f5d69c}.gold-button:before,.gold-button:after{display:none}.gold-button .stone-icon{width:calc(94*var(--u));height:calc(94*var(--u));margin-left:calc(-7*var(--u))}.missions-button{width:calc(244*var(--u));font-size:calc(25*var(--u))}.missions-button .stone-icon{width:calc(77*var(--u));height:calc(80*var(--u))}.missions-button>b{top:calc(4*var(--u));right:calc(5*var(--u))}.parchment{position:absolute;bottom:calc(115*var(--u));height:auto;min-height:calc(125*var(--u));max-height:40vh;width:100%;border:0;border-radius:0;padding:calc(28*var(--u));background:var(--stone-panel) center/100% 100%;box-shadow:none}.story-dock{padding:0}.story-dock b{font-size:calc(23*var(--u))}.story-dock p{font-size:calc(16*var(--u))}#queue{position:absolute;bottom:calc(121*var(--u));max-height:44px;border:2px ridge #ab804d;background:#352615e8}
.panel{top:calc(175*var(--u));bottom:calc(156*var(--u));right:calc(18*var(--u));width:min(calc(610*var(--u)),46vw);padding:calc(24*var(--u)) calc(31*var(--u));background:var(--stone-panel) center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 6px 7px #17120977);color:#39230f}.panel header{padding:calc(5*var(--u)) calc(12*var(--u));border-bottom:calc(3*var(--u)) ridge #b8894a;background:transparent}.panel h1{font-size:clamp(17px,calc(29*var(--u)),32px);font-family:Impact,'Arial Black',sans-serif;color:#3d2310;text-transform:uppercase}.panel header button{background:none;border:0;padding:0;min-height:30px;width:calc(57*var(--u));height:calc(57*var(--u))}.panel header .stone-icon{width:100%;height:100%}#panel-body{padding:calc(13*var(--u));scrollbar-color:#956834 #d8af6f;scrollbar-width:thin}.panel .card{background:#f6d59745;border:1px solid #b9854233;border-radius:12px;padding:calc(17*var(--u));margin-bottom:calc(9*var(--u))}.panel .card h2{font-size:clamp(16px,calc(27*var(--u)),27px);color:#3c2511}.panel .card p{font-size:clamp(12px,calc(19*var(--u)),19px);color:#533419}.panel .card small{font-size:clamp(10px,calc(15*var(--u)),15px);color:#684622}.panel .card button,.story-overlay button,.atlas-travel{border:3px ridge #886b31;border-radius:20px 16px 19px 13px;background:linear-gradient(160deg,#759331,#365125 68%,#263b1b);box-shadow:inset 0 2px #b0c05b,0 3px 2px #77542955;color:#fff2cf;text-shadow:0 2px 1px #304114;font-size:clamp(12px,calc(22*var(--u)),22px);padding:8px 15px;min-height:36px}.panel button:disabled{filter:grayscale(.45);opacity:.55}.panel .object-detail{background:none;border:0}.object-portrait{float:left;width:calc(130*var(--u));height:calc(112*var(--u));object-fit:contain;margin:0 calc(20*var(--u)) calc(12*var(--u)) 0;filter:drop-shadow(0 3px 2px #78522688)}.object-portrait.clay{filter:sepia(.65) saturate(1.3) drop-shadow(0 3px 2px #78522688)}.object-detail button{clear:both;display:block;margin-top:18px}.story-overlay{background:var(--stone-panel) center/100% 100%;border:0;border-radius:0;padding:28px 36px;filter:drop-shadow(0 5px 6px #0007);box-shadow:none}.dark-panel{background:var(--stone-panel) center/100% 100%;border:0;border-radius:0;padding:calc(30*var(--u));color:#3c2511}.dark-panel h2,.dark-panel button,.dark-panel output{color:#3c2511}#village-life{top:calc(175*var(--u));width:calc(270*var(--u));padding:calc(27*var(--u))}.need-track{border-color:#785829;background:#704c2f}.need-row output{color:#3d2816}.placement{bottom:calc(151*var(--u));border:4px ridge #ac804a;background:#dfbb7a}.placement button{border:2px ridge #96713c;background:linear-gradient(#a4b853,#507329);color:#fff1c8}#cave-door{background:none;border:0;box-shadow:none;width:50px;height:60px;top:49%;left:4%;padding:0}#cave-door .stone-icon{width:46px;height:46px}#cave-door span:last-child{background:#614422d9;border-radius:6px;padding:2px;color:#ffe6af}
/* Full-screen island atlas with independent stateful regions and controls. */
#world-atlas{position:absolute;inset:0;z-index:75;overflow:hidden;color:#fff2d3;background:#254d5e;font-family:Arial,sans-serif}.atlas-backdrop,.atlas-geography,.atlas-nodes{position:absolute;inset:0}.atlas-backdrop{background:url('/assets/ui/world-map-v33.avif') center/cover;filter:brightness(.7) blur(8px);transform:scale(1.04)}.atlas-geography,.atlas-nodes{width:min(100vw,177.78vh);height:min(100vh,56.25vw);left:50%;top:50%;transform:translate(-50%,-50%);bottom:auto;right:auto}.atlas-geography{background:url('/assets/ui/world-map-v33.avif') center/100% 100%;box-shadow:0 0 80px #b4d5df55}.atlas-nodes{pointer-events:none}.atlas-brand{position:absolute;left:2.2%;top:2%;display:flex;flex-direction:column;align-items:center;transform:rotate(-4deg);filter:drop-shadow(0 4px 1px #251407)}.atlas-brand b{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(25px,4.1vw,68px);letter-spacing:-1px;color:#eebb73;text-shadow:1px 2px #ffdd9e,3px 5px #724820,5px 8px #39230f;-webkit-text-stroke:1px #6b3a12}.atlas-brand>span{font-weight:900;font-size:clamp(12px,1.8vw,28px);letter-spacing:2px;padding:3px 14px;background:#694223;color:#ffe2ab;border:2px ridge #ae7d42;border-radius:8px}.atlas-resources{position:absolute;top:1.5%;right:6.7%;max-width:51vw;display:flex;gap:12px;align-items:center;border:3px ridge #b18a50;border-radius:14px;background:#302215de;padding:3px 8px}.atlas-resources>span{display:flex;align-items:center;gap:5px;font-size:clamp(10px,1.4vw,22px);white-space:nowrap}.atlas-resources .stone-icon{width:clamp(19px,2.6vw,42px);height:clamp(19px,2.6vw,42px)}.atlas-close{position:absolute;top:1.6%;right:1.4%;width:clamp(33px,4vw,60px);height:clamp(33px,4vw,60px);padding:0;background:none;border:0}.atlas-close .stone-icon{width:100%;height:100%}.atlas-quest{position:absolute;right:1.5%;top:10%;max-width:28vw;background:var(--stone-panel) center/100% 100%;border:0;padding:12px 17px;color:#342211;display:flex;gap:8px;align-items:center;text-align:left;z-index:2}.atlas-quest>span:last-child{display:flex;flex-direction:column;gap:3px}.atlas-quest b{font-size:clamp(11px,1.3vw,22px)}.atlas-quest small{font-size:clamp(9px,1vw,16px)}.atlas-quest .stone-icon{width:30px;height:30px}.atlas-region{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:0;min-height:0;background:none;padding:0;color:#fff5e2;font-weight:900;filter:drop-shadow(0 2px 2px #0009);min-width:90px;max-width:150px;display:flex;flex-direction:column;align-items:center}.atlas-region b,.atlas-region small{background:#211a17cc;padding:2px 7px;white-space:nowrap;text-shadow:0 2px 2px #000}.atlas-region b{font-size:clamp(12px,1.4vw,22px)}.atlas-region small{font-size:clamp(10px,1.2vw,19px)}.region-medallion{width:clamp(26px,3.4vw,49px);height:clamp(26px,3.4vw,49px);border:3px ridge #bea269;border-radius:50%;background:#231c17;display:grid;place-content:center;color:#edcb89;margin-top:4px}.open .region-medallion,.available .region-medallion{border-color:#ffd586;box-shadow:0 0 9px #efc56a99;background:#714b28}.region-medallion img{width:100%;height:100%;border-radius:50%;object-fit:contain}.region-medallion:has(img){display:block;overflow:hidden}.carved-lock{width:12px;height:11px;position:relative;border-radius:2px;background:#e5be7b;margin-top:5px}.carved-lock:before{content:'';position:absolute;width:7px;height:8px;left:1px;top:-7px;border:2px solid #e5be7b;border-radius:8px 8px 0 0}.paw-mark{font-size:18px;position:relative;line-height:1}.paw-mark i{position:absolute;bottom:8px;left:-3px;font-size:12px;letter-spacing:1px;font-style:normal}.atlas-tabs{position:absolute;left:1.5%;bottom:1.5%;display:flex;align-items:flex-end;gap:3px;z-index:3}.atlas-tabs button{padding:9px 17px 11px;display:flex;flex-direction:column;align-items:center;border:3px ridge #9c6f3e;border-radius:10px;background:linear-gradient(#6a472a,#2b1b0e);color:#fff0cb;font-size:clamp(10px,1.3vw,20px);font-weight:900;text-shadow:0 2px #25180e}.atlas-tabs .stone-icon{width:32px;height:32px}.atlas-tabs button[aria-pressed=true]{border-color:#f3c86a;box-shadow:0 0 12px #eeb948aa;padding-top:13px}.atlas-chapters{position:absolute;right:1.5%;bottom:1.5%;display:flex;gap:7px;max-width:45vw;z-index:3}.atlas-chapters button{display:flex;align-items:center;gap:7px;background:linear-gradient(#f1d79b,#caa569);border:3px ridge #99703a;border-radius:9px;text-align:left;padding:3px 7px 3px 3px;color:#342110}.atlas-chapters button:last-child{background:linear-gradient(#40274b,#191121);color:#f1daba}.atlas-chapters button>span:last-child{display:flex;flex-direction:column;gap:5px}.atlas-chapters b{font-size:clamp(11px,1.4vw,22px)}.atlas-chapters small{font-size:clamp(8px,1vw,15px);max-width:160px}.chapter-art{height:clamp(45px,6vw,95px);width:clamp(45px,7vw,110px);background-image:url('/assets/ui/world-map-v33.avif');background-size:550%;border-radius:5px;flex-shrink:0}.chapter-one{background-position:4% 50%}.chapter-two{background-position:100% 80%}.atlas-detail,.atlas-sheet{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:min(540px,65vw);max-height:69vh;overflow:auto;padding:30px 38px;background:var(--stone-panel) center/100% 100%;color:#3e2813;filter:drop-shadow(0 9px 16px #0008);z-index:4}.atlas-detail h2,.atlas-sheet h2{font-family:Impact,'Arial Black',sans-serif;font-size:25px;margin:6px 0 14px}.atlas-detail p,.atlas-sheet p{font-size:14px;line-height:1.45}.atlas-detail>small{font-weight:900;color:#86572c}.atlas-detail-close{position:absolute;right:13px;top:13px;width:32px;height:32px;padding:0;background:none;border:0}.atlas-detail-close .stone-icon{width:100%;height:100%}.atlas-travel{display:flex;align-items:center;gap:7px;width:100%;justify-content:center}.atlas-travel .stone-icon{width:30px;height:30px}.atlas-travel:disabled{filter:grayscale(.7);opacity:.55}.local-expansions{margin-top:17px}.local-expansions b{display:block;margin-bottom:7px}.local-expansions button,.atlas-region-list button,.atlas-sheet>button{padding:8px 12px;border:2px ridge #b1854d;border-radius:10px;background:#ecc681;color:#503116;margin:3px;font-weight:bold}.atlas-region-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}.atlas-region-list button{text-align:left;display:flex;flex-direction:column;gap:5px}.atlas-region-list span{font-size:11px}.atlas-sheet progress{width:100%;accent-color:#668a35}.map-open #hud,.map-open #level,.map-open #owned-roster,.map-open #bottom-dock,.map-open .gold-button,.map-open .camera-tools,.map-open #cave-door{visibility:hidden}
@media(max-width:900px){.atlas-tabs button{padding:4px 10px 7px}.atlas-tabs .stone-icon{width:25px;height:25px}.atlas-tabs button[aria-pressed=true]{padding-top:8px}.atlas-resources{gap:6px;border-width:2px}.atlas-detail,.atlas-sheet{padding:23px 28px;max-height:72vh}.atlas-detail h2,.atlas-sheet h2{font-size:21px}.atlas-quest{padding:8px 12px;top:11%}.atlas-quest .stone-icon{width:22px;height:22px}.atlas-detail p,.atlas-sheet p{font-size:12px}.atlas-brand{-webkit-text-stroke:0}.panel .hero-detail>img{height:100px}.panel .hero-detail{gap:8px}.story-overlay{padding:20px 27px}.atlas-chapters{max-width:47vw;gap:3px}.atlas-chapters button{gap:4px;border-width:2px}.atlas-chapters .chapter-art{width:37px;height:42px}.atlas-chapters b{font-size:10px}.atlas-chapters small{font-size:8px}.region-medallion{border-width:2px}.atlas-region{min-width:70px}.atlas-region b{font-size:10px}.atlas-region small{font-size:9px}}
@media(max-width:700px){.panel{top:calc(173*var(--u));bottom:calc(153*var(--u));width:46vw}.panel .card{padding:6px}.panel .card button{min-height:29px;padding:6px 8px}.panel .card h2{font-size:15px}.atlas-brand b{font-size:25px}.atlas-brand>span{font-size:11px}.atlas-resources{right:8%;padding:2px 5px}.atlas-resources>span{gap:1px;font-size:9px}.atlas-chapters .chapter-art{display:none}.atlas-quest{max-width:29vw}.atlas-detail,.atlas-sheet{width:69vw}.atlas-region{min-width:65px}.atlas-region b{font-size:9px}.atlas-region small{font-size:8px}.atlas-region .region-medallion{margin-top:2px;width:25px;height:25px}}