:root{--ivory:#F4EFDC;--tan:#C4823A;--sage:#8DA68A;--espresso:#401410}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#181713;color:#fff}button{border:0;cursor:pointer;font:inherit;color:inherit}button:focus-visible{outline:2px solid #fff;outline-offset:3px}[hidden]{display:none!important}#experience{width:100%;height:100dvh;position:relative;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#world.dragging{cursor:grabbing}#shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,9,.45) 0%,transparent 22%,transparent 64%,rgba(20,16,13,.48) 100%)}#navspots{display:none}.navspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:2px solid #fff;background:rgba(221,176,99,.82);box-shadow:0 0 0 7px #f4efdc30,0 0 23px #0006;width:26px;height:26px;border-radius:100px;color:#401410;display:grid;place-items:center;font-weight:900;line-height:1;transition:transform .2s}.navspot:after{content:attr(data-label);position:absolute;white-space:nowrap;bottom:35px;left:50%;transform:translateX(-50%);background:#2d2925cc;border:1px solid #fff5;color:#fff;border-radius:7px;padding:7px 9px;font-weight:700;font-size:11px;pointer-events:none;opacity:0;transition:opacity .2s}.navspot:hover:after{opacity:1}.navspot:hover{transform:translate(-50%,-50%) scale(1.15)}#aim{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border:1px solid #fff9;box-shadow:0 0 10px #000;border-radius:50%;pointer-events:none;opacity:.7}.topbar{position:absolute;top:0;left:0;right:0;padding:26px clamp(18px,3vw,44px);display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;gap:12px}.topbar>*{pointer-events:auto}.overline{font-size:9px;font-weight:800;letter-spacing:.23em;color:#f7d9ab;text-shadow:0 2px 8px #000}.wordmark{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(31px,3.5vw,45px);letter-spacing:.09em;line-height:1.2;text-shadow:0 3px 14px #0008}.dot{color:#d59b53}.subtitle{font-family:Georgia,serif;font-style:italic;font-size:12px;margin-top:3px;color:#fff9;text-shadow:0 2px 7px #000}.top-controls{display:flex;align-items:center;gap:8px}.glass,.status{background:#1e1d1bc9;border:1px solid #ffffff58;border-radius:30px;box-shadow:0 3px 15px #0003;backdrop-filter:blur(13px);padding:10px 13px;font-size:11px;font-weight:800;letter-spacing:.03em;white-space:nowrap}.glass:hover{background:#7a4c2a}.glass.icon{width:37px;height:37px;font-size:14px;padding:0}.status{color:#e9e2d7;font-size:10px;letter-spacing:.1em}.status i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#89bd85}#bottom-left{position:absolute;left:clamp(18px,3vw,44px);bottom:clamp(20px,3.5vw,42px);width:min(520px,calc(100vw - 36px));pointer-events:auto;text-shadow:0 2px 15px #000a}.kicker{font-size:10px;letter-spacing:.23em;font-weight:900;color:#efcb93}#areaTitle{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(33px,4.5vw,54px);letter-spacing:.04em;line-height:1.05;margin:7px 0}#areaDescription{font-size:13px;color:#f8f2e8;line-height:1.45;max-width:390px;min-height:22px}.action-row{display:flex;align-items:center;gap:8px;margin:17px 0 14px;flex-wrap:wrap}.primary,.ghost{padding:12px 17px;border-radius:100px;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 4px 16px #0003}.primary{background:#C4823A;color:#fff}.primary:hover{background:#e1a252}.ghost{background:#1e1d1bbb;color:#fff;border:1px solid #ffffff85}.ghost:hover{background:#fff3;color:#fff}.hint{font-size:9px;letter-spacing:.06em;color:#f6efdfcc;line-height:2}.hint b{padding:0 6px}.hint kbd{font-family:inherit;margin-left:3px;padding:1px 4px;font-size:10px;border:1px solid #ffffff70;border-radius:3px;color:#fff}#mapContainer{position:absolute;right:clamp(15px,3vw,35px);bottom:clamp(20px,3.5vw,36px);border-radius:16px;background:#fbf6eefa;color:#4b3929;box-shadow:0 10px 40px #0006;width:228px;padding:15px 14px 10px;backdrop-filter:blur(10px)}.mapHeader{display:flex;justify-content:space-between;align-items:center;color:#6e533d;font-size:10px;font-weight:800;letter-spacing:.13em}.mapHeader button{font-size:16px;color:#7f613d;background:none}.mapFooter{text-align:center;font-size:9px;color:#8e7a65;padding-top:4px}#floorMap{display:block;width:100%;max-height:259px;margin:3px auto}.map-stop{cursor:pointer}.map-stop circle{fill:#c4823a;stroke:#fff;stroke-width:2}.map-stop:hover circle{fill:#401410}.map-stop text{font-size:7px;fill:#3e2f22;font-weight:800}.map-stop:focus{outline:none}#movementPad{position:absolute;bottom:34px;left:57%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px);gap:5px;opacity:.75}#movementPad button{background:#211d1bc9;border:1px solid #fff6;border-radius:9px;font-size:18px;touch-action:none}#movementPad button:active{background:#C4823A}#movementPad .up{grid-column:2;grid-row:1}#movementPad .left{grid-column:1;grid-row:2}#movementPad .down{grid-column:2;grid-row:2}#movementPad .right{grid-column:3;grid-row:2}#toast{position:absolute;top:120px;left:50%;transform:translateX(-50%);pointer-events:none;background:#1f1b19d9;border:1px solid #fff3;border-radius:30px;color:#fff;padding:9px 14px;font-size:12px;opacity:0;transition:opacity .25s;white-space:nowrap}#toast.show{opacity:1}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#28241e;z-index:50}.loadbox{text-align:center}.loadbox span{font:42px Impact,'Arial Narrow',sans-serif;letter-spacing:.14em;color:#f4efdc}.loadbox small{display:block;margin-top:16px;color:#d1b99a;font-weight:800;font-size:9px;letter-spacing:.18em}.loadtrack{width:270px;height:3px;margin:15px auto 0;background:#ffffff25}.loadtrack i{display:block;width:30%;height:100%;background:#c4823a;animation:loading 1.8s linear infinite}@keyframes loading{to{transform:translateX(220px)}}#photoModal,#helpModal{position:absolute;z-index:30;inset:0;background:#141313e8;backdrop-filter:blur(12px);padding:20px;display:grid;place-items:center}.modal{width:min(1060px,100%);max-height:92vh;background:#f4efe6;color:#33291e;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.modalTop,.modalBottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px}.modalTop{border-bottom:1px solid #ddd3c4}.modalTop .kicker{color:#aa6e2f}.modalTop h2{margin:6px 0 0;font:32px Impact,Arial,sans-serif;letter-spacing:.05em}.modalTop button,.modalBottom button{background:#3f2c1b;border-radius:30px;padding:10px 14px;font-size:11px;font-weight:800;white-space:nowrap}.modal #realPhoto{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain;background:#181818}.modalBottom p{font-size:11px;line-height:1.5;color:#766a5d;margin:0}.helpbox{max-width:580px;background:#faf4e8;color:#352b23;border-radius:19px;padding:36px;position:relative;box-shadow:0 20px 80px #0008}.helpbox h2{font:42px Impact,sans-serif;margin:10px 0}.helpbox p,.helpbox li{font-size:13px;line-height:1.7;color:#665b4e}.helpbox ul{padding-left:19px}.helpbox .kicker{color:#bf8545}.helpbox .disclaimer{padding:12px;background:#eee4d3;border-radius:7px;font-size:12px}.helpbox #closeHelp{position:absolute;right:20px;top:18px;background:none;color:#3d3329;font-size:18px}.helpbox .primary{margin-top:9px}@media(max-width:900px){#movementPad{left:50%;bottom:134px}#mapContainer{width:175px;bottom:20px;right:13px;padding:8px}#bottom-left{bottom:19px;width:calc(100% - 215px)}.hint{display:none}.status{display:none}.action-row{margin:9px 0 3px}.primary,.ghost{padding:10px 12px;font-size:11px}}@media(max-width:600px){.topbar{padding:17px}.top-controls{gap:4px}.glass{padding:10px;font-size:10px}.glass span{display:none}.overline{font-size:8px;letter-spacing:.12em}.wordmark{font-size:30px}.subtitle{font-size:10px}#bottom-left{left:16px;bottom:17px;width:calc(100% - 34px);padding-right:143px}#areaTitle{font-size:29px}#areaDescription{font-size:11px}.action-row{gap:6px;max-width:200px}.action-row button{font-size:10px;padding:9px 11px}#mapContainer{width:132px;bottom:17px;right:9px;border-radius:10px;padding:8px}#floorMap{max-height:190px}.mapHeader{font-size:8px}.mapFooter{font-size:8px}#movementPad{bottom:118px;left:47%;transform:translateX(-50%) scale(.86)}.modalTop,.modalBottom{padding:12px}.modalTop h2{font-size:24px}.modalBottom{display:block}.modalBottom button{margin-top:10px}.helpbox{padding:25px;max-height:88vh;overflow:auto}}@media(max-height:610px){#mapContainer{width:140px}#floorMap{max-height:150px}#movementPad{display:grid;bottom:14px;transform:translateX(-50%) scale(.82);transform-origin:50% 100%}.subtitle{display:none}}
#focusCraft{position:absolute;top:112px;right:32px;background:#3e2b1ce8;border:1px solid #b89c77;border-radius:30px;padding:11px 16px;z-index:10;color:#fff}#craftViews{position:absolute;top:158px;right:32px;display:flex;gap:5px;z-index:10}#craftViews[hidden]{display:none}#craftViews button{padding:8px 13px;background:#443425de;border-radius:18px;color:#fff;border:1px solid #a18a6f}#craftViews button[aria-pressed=true]{background:#b5793e}body:has(#craftViews:not([hidden])) #mapContainer{display:none}body:has(#craftViews:not([hidden])) #bottom-left{bottom:18px}body:has(#craftViews:not([hidden])) #areaTitle{font-size:30px}body:has(#craftViews:not([hidden])) #areaDescription{display:none}@media(max-width:600px){#focusCraft{top:90px;right:14px}#craftViews{top:133px;right:14px}}
body:has(#craftViews:not([hidden])) #navspots{display:none}