*{box-sizing:border-box}html,body{margin:0;overflow:hidden;background:#b6c6cd;color:#fff9ee;font:13px system-ui,-apple-system,sans-serif}body>canvas{display:block;outline:none}button,select,a{font:inherit}button,select{border:1px solid #fff3;background:#242b28d9;color:inherit;border-radius:6px;cursor:pointer;backdrop-filter:blur(12px)}button{padding:10px 14px;transition:background .18s,transform .18s}button:hover{background:#66604ee8}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #f2cb81;outline-offset:3px}button.active{background:#dbc79e;color:#272c28;border-color:transparent}button:disabled{opacity:.45;cursor:wait}header{position:fixed;top:27px;left:30px;pointer-events:none;text-shadow:0 2px 12px #0009}.brand{font-size:19px;font-weight:700;letter-spacing:.17em}.brand span{font-size:9px;letter-spacing:.19em;margin-left:13px;font-weight:500}.title{font-size:13px;margin-top:8px;color:#fffbedde}#place{font-size:10px;margin-top:6px;color:#fffbe3c7}nav{position:fixed;left:30px;top:124px;display:flex;gap:5px;flex-wrap:wrap;max-width:600px}nav button{font-size:11px;padding:8px 11px}#compass{position:fixed;left:50%;top:27px;transform:translateX(-50%);font-size:11px;letter-spacing:.22em;border-bottom:1px solid #fff9;padding:6px 12px;text-shadow:0 1px 5px #0008}#reticle{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;opacity:.8;pointer-events:none;text-shadow:0 1px 4px #000}#welcome{position:fixed;left:30px;top:50%;transform:translateY(-32%);max-width:370px;padding:27px 28px;background:linear-gradient(130deg,#242b28ed,#242b289c);border:1px solid #fff2;border-radius:12px;backdrop-filter:blur(18px);box-shadow:0 12px 70px #0002}.eyebrow{font-size:9px;letter-spacing:.2em;color:#d3c9a8}h1{font-size:32px;line-height:1.1;margin:14px 0;font-weight:500;letter-spacing:-.04em}p{line-height:1.6;color:#eee6d3d9}#welcome p{font-size:13px;margin-bottom:22px}.primary{background:#ebd6ac;color:#252a23;border:0;font-weight:600}.primary span{float:right}#welcome button{width:100%;text-align:left;margin:4px 0}.keys{font-size:9px;line-height:2.3;color:#c7c8b9;margin-top:16px}.keys b{font-size:8px;background:#ffffff13;padding:4px 5px;margin-right:4px}#mapBox{position:fixed;right:26px;top:27px;padding:5px 5px 7px;background:#212923b3;backdrop-filter:blur(12px);border:1px solid #fff3;border-radius:9px;overflow:hidden}#minimap{display:block;width:174px;height:174px;border-radius:5px;opacity:.94}#mapBox div{display:flex;justify-content:space-between;padding:7px 5px 0;font-size:9px;letter-spacing:.1em;color:#e3decf}footer{position:fixed;left:30px;right:30px;bottom:23px;display:flex;align-items:flex-end;gap:20px;justify-content:space-between}#status{font-size:11px;max-width:460px;line-height:1.65;text-shadow:0 1px 5px #000c;background:#27312aa6;padding:9px 12px;border-radius:5px;backdrop-filter:blur(8px)}.toolbar{display:flex;align-items:flex-end;gap:7px}.toolbar label{display:flex;flex-direction:column;font-size:9px;gap:5px;text-shadow:0 1px 4px #0008}.toolbar button,.toolbar select{font-size:10px;padding:8px 9px}.toolbar select{max-width:158px}#walkHelp{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);white-space:nowrap;font-size:10px;text-shadow:0 1px 4px #000b;opacity:.85}#journeyBox{position:fixed;left:50%;bottom:120px;transform:translateX(-50%);width:min(540px,90vw);padding:14px 18px;border:1px solid #fff3;border-radius:8px;background:#24302cce;backdrop-filter:blur(12px)}#journeyBox>div{display:flex;align-items:center;justify-content:space-between;font-size:11px}#journeyBox button{padding:5px 10px;font-size:10px}#journey{width:100%;accent-color:#e8c58d;margin-top:14px}#locationLabels{position:fixed;inset:0;pointer-events:none}.landmark{position:absolute;font-size:10px;transform:translate(-50%,-50%);padding:5px 9px;background:#29332b9c;border:1px solid #fff4;border-radius:15px;white-space:nowrap;backdrop-filter:blur(4px)}.landmark::before{content:'◇';margin-right:5px;color:#f1cf89}dialog{width:510px;max-width:94vw;color:#f7f1e1;background:#29312bf5;border:1px solid #ffffff32;border-radius:12px;padding:26px;box-shadow:0 15px 100px #0007}dialog::backdrop{background:#16231d66;backdrop-filter:blur(8px)}h2{font-size:24px;font-weight:500;margin-top:6px}.close{float:right;padding:6px 10px;font-size:10px}.downloads{display:flex;gap:8px;flex-wrap:wrap}.downloads a{color:#f1d39a;padding:8px;border:1px solid #ffffff2a;border-radius:5px;text-decoration:none}.muted{font-size:10px;color:#bfc3b5}#fatal{position:fixed;inset:25%;background:#352b25ee;padding:35px;border:1px solid #dda;border-radius:10px;z-index:20}.playing #welcome{display:none}.playing nav{opacity:.6}.playing nav:hover{opacity:1}.playing #reticle{display:block}body:not(.playing) #reticle{display:none}[hidden]{display:none!important}@media(max-width:950px){footer{flex-direction:column;align-items:stretch;gap:9px;left:18px;right:18px;bottom:14px}.toolbar{justify-content:flex-end}#status{max-width:100%;align-self:flex-start}#walkHelp{bottom:112px;font-size:9px}header{left:20px;top:20px}nav{left:20px;top:112px;max-width:440px}#mapBox{right:16px;top:20px}#minimap{width:132px;height:132px}#welcome{left:20px;max-width:340px}#compass{display:none}}@media(max-width:580px){.brand span{display:none}#mapBox{display:none}#welcome{top:46%;padding:20px;width:calc(100% - 40px)}h1{font-size:27px}.toolbar{flex-wrap:wrap;justify-content:flex-start}.toolbar label{font-size:8px}#walkHelp{white-space:normal;width:90%;text-align:center;bottom:130px}#status{font-size:10px}nav{right:15px;top:106px}nav button{font-size:10px;padding:7px 9px}#journeyBox{bottom:160px}}

header{z-index:2;isolation:isolate}header::before{content:"";position:absolute;inset:-16px -30px;background:linear-gradient(90deg,#24322b80,transparent);z-index:-1;pointer-events:none}
#cataloguePanel{position:fixed;left:30px;top:176px;width:306px;max-height:calc(100vh - 292px);overflow:auto;padding:22px;background:#252e26ed;border:1px solid #e3d4b436;border-radius:10px;backdrop-filter:blur(16px);box-shadow:0 15px 60px #0004;z-index:3}#cataloguePanel h2{font-size:23px;line-height:1.12;margin:15px 0}#cataloguePanel h3{font-size:13px;font-weight:600;margin:20px 0 5px}#cataloguePanel p{font-size:11px;line-height:1.65}#cataloguePanel label{font-size:10px;display:block;margin:14px 0 7px;color:#f0e7d3}#featureSelect{width:100%;padding:9px;font-size:11px;background:#3d4339}#featureSelect optgroup{background:#303b30}.feature-actions{display:flex;gap:5px;margin-top:8px}.feature-actions button{padding:8px;font-size:10px}.highlight-choice{display:flex!important;align-items:center;gap:6px}#cataloguePanel .muted{font-size:9px;color:#bdc1b1}#cataloguePanel .close{padding:3px 8px;margin-top:-9px;margin-right:-9px;font-size:20px}nav{max-width:690px}@media(max-width:950px){#cataloguePanel{left:20px;top:162px;max-height:calc(100vh - 300px);width:280px}}@media(max-width:580px){#cataloguePanel{top:180px;left:15px;width:calc(100vw - 30px);max-height:calc(100vh - 325px)}}
@media(min-width:581px) and (max-width:950px){nav{max-width:calc(100vw - 40px)}#mapBox{top:auto;bottom:135px;right:18px}#minimap{width:122px;height:122px}}

@media(min-width:581px) and (max-width:950px){#cataloguePanel{top:202px;max-height:calc(100vh - 340px)}}

.music-volume{width:72px}.music-volume input{width:72px;accent-color:#ebd6ac;margin:6px 0 7px}#musicCaption{position:fixed;right:30px;bottom:101px;padding:5px 9px;background:#27312a9c;border-radius:4px;font-size:10px;pointer-events:none;text-shadow:0 1px 3px #0008}footer{flex-wrap:wrap;gap:9px}.toolbar{flex-wrap:wrap;justify-content:flex-end}#status{max-width:360px}@media(max-width:1100px){footer{flex-direction:column;align-items:stretch}#status{align-self:flex-start;max-width:100%}#walkHelp{bottom:121px}#musicCaption{right:20px;bottom:145px}}@media(max-width:580px){#musicCaption{bottom:188px;right:18px}#walkHelp{bottom:155px}.toolbar{justify-content:flex-start}#cataloguePanel{max-height:calc(100vh - 390px)}}

@media(min-width:581px) and (max-width:950px){#walkHelp{bottom:151px;font-size:8px}#musicCaption{left:20px;right:auto;bottom:175px}#mapBox{bottom:190px}}@media(max-width:580px){#walkHelp{bottom:185px}#musicCaption{bottom:221px}}
