*{box-sizing:border-box}body{margin:0;background:#020705;color:#e4ece5;font-family:Arial,sans-serif;color-scheme:dark}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #beffe1;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.lab{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#060c09;border-bottom:1px solid #35443a;font-size:9px;letter-spacing:.15em}.lab a{color:#a7b5a9;text-decoration:none}.lab b{color:#ddc697;margin:0 10px}.lab small{color:#8eb79d;font-size:9px}#viewport{position:relative;height:calc(100svh - 34px);overflow:hidden}#world{height:100%;width:100%;border:0;display:block}#console{position:absolute;display:grid;grid-template-columns:25.7% 47.2% 1fr;gap:3%;z-index:12;align-items:stretch;font-size:clamp(9px,.8vw,14px)}#console button{color:#dce9df}#console .category{position:relative;min-width:0}#category-button,.query,#execute{width:100%;height:100%;border:1px solid #33735a;background:linear-gradient(160deg,#24382e 0,#071610 17%,#020c08 78%,#23362a);box-shadow:inset 0 1px 0 #b1c7b332,inset 0 -2px 5px #000b;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}#category-button{padding:0 9%;display:flex;gap:5px;align-items:center;justify-content:space-between;text-align:left}#categories{position:absolute;bottom:calc(100% + 9px);left:0;width:max(100%,210px);padding:8px;border:1px solid #8e9a80;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(130deg,#344237,#07130d 25%,#09130e 85%,#35402e);box-shadow:0 10px 30px #000b;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}#categories button{display:block;width:100%;padding:13px 10px;text-align:left;background:transparent;border:0;border-bottom:1px solid #3b584844;font-size:12px}#categories button[aria-pressed=true]{color:#66ffc3;background:#37664844}#categories button:hover{background:#254a35}.query{display:flex;align-items:center;padding:0 3%;gap:3%}.query>span:not(.sr-only){font-size:24px;color:#e5d1a5}.query input{width:100%;min-width:0;border:0;background:transparent;color:#e7f3e9;outline-offset:0}.query input::placeholder{color:#9caf9e}.query button{border:0;background:transparent;padding:3px;color:#9ab2a2}#execute{display:flex;align-items:center;gap:10%;justify-content:center;font-size:inherit;text-align:left;padding:0} .radar{display:block;width:30%;aspect-ratio:1;border:1px solid #75eac4;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 6px,#39836b 7px 8px),conic-gradient(transparent 60%,#66ffc3aa);animation:spin 4s linear infinite} @keyframes spin{to{transform:rotate(360deg)}}
#mount{position:absolute;z-index:10;overflow:hidden;pointer-events:none;container-type:inline-size}#mount.local{overflow:visible}#panel{position:relative;aspect-ratio:7.2;width:100%;transform:translateY(110%);transition:transform 1.65s cubic-bezier(.45,0,.25,1);pointer-events:auto;isolation:isolate}#mount.local #panel{transform:translateY(calc(100% + 8px))}#mount.raised #panel{transform:translateY(0)}.frame-art{position:absolute;inset:0;overflow:hidden;clip-path:polygon(3% 0,96% 0,100% 23%,100% 79%,97% 100%,3% 100%,0 78%,0 23%);z-index:-1}.frame-art img{position:absolute;width:115.95%;left:-7.49%;top:-359%;max-width:none}.compartment{position:absolute;top:12%;height:73%;background:repeating-linear-gradient(0deg,#9be2be04 0 1px,transparent 1px 3px),radial-gradient(ellipse at 90% 100%,#163a2b,#07140f 70%);padding:1cqw 1.1cqw;display:flex;flex-direction:column;justify-content:center;min-width:0;box-shadow:inset 0 0 20px #0008;border:1px solid #254637;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.identity{left:6.4%;width:24.9%}.process{left:32.6%;width:38%}.actions{left:72%;width:21.7%;gap:.35cqw}.eyebrow{font-size:.65cqw;color:#70d9b6;letter-spacing:.09em;display:block}.identity-row{display:flex;align-items:center;gap:.8cqw;margin:.4cqw 0}#emblem{font-size:2.1cqw;color:#d9c498;border-right:1px solid #65735a;padding-right:.8cqw;white-space:nowrap}h1,h2,p{margin:0}h1{font-size:1.2cqw;line-height:1.2;font-weight:500}h2{font-size:1.25cqw;font-weight:500;margin:.4cqw 0}#result-subtitle,#process-detail{color:#acbdb0;font-size:.8cqw;line-height:1.4}#process-detail{min-height:1.3em}.compartment button{background:linear-gradient(160deg,#344034,#0c1711 30%,#05100b 70%,#233326);border:1px solid #8c9d80;color:#e5e9de;padding:.4cqw .55cqw;font-size:.75cqw;letter-spacing:.03em;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.compartment button:hover{border-color:#c2ffe0;background:#1b3e2d}.compartment .gold{border-color:#ceb479;color:#f5dfb1;background:linear-gradient(160deg,#736040,#211f13 25%,#12190f 70%,#5b4c30)}.actions p{font-size:.85cqw;color:#c3ccbd}#change{align-self:flex-start}.track{margin-top:.8cqw}.progress{height:3px;background:#435348;position:relative;margin:0 4px}.progress i{display:block;height:100%;width:0;background:#5cffb7;box-shadow:0 0 9px #5affbd;transition:width .15s linear}.progress i:after{content:'';float:right;width:7px;height:7px;margin-top:-2px;border-radius:50%;background:#a5ffe0;box-shadow:0 0 10px #32ffab}.steps{display:flex;justify-content:space-between;font-size:.6cqw;color:#8bac96;margin-top:.5cqw}#metrics{display:flex;gap:1.7cqw;margin-top:.6cqw;font-size:1.4cqw;color:#e8ddbf}#metrics small{display:block;font-size:.65cqw;color:#a5b6a9;margin-top:.2cqw}
#results{position:absolute;right:22px;top:19%;bottom:24%;width:320px;max-width:29%;z-index:13;background:repeating-linear-gradient(0deg,#a4d4bc03 0 1px,transparent 1px 4px),linear-gradient(145deg,#354236,#081710 12%,#05100c 85%,#2f3d31);border:1px solid #87977d;padding:18px;clip-path:polygon(17px 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px);box-shadow:inset 0 0 0 4px #16271d;display:flex;flex-direction:column}.list-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #385943;padding-bottom:12px}.list-head small{font-size:8px;color:#99c7ad;letter-spacing:.12em}.list-head h2{font-size:19px;margin-top:8px}.list-head span{font-size:8px;color:#9db9a7;display:block;margin-top:5px;letter-spacing:.12em}.list-head button{background:none;border:0;color:#c3d6c9;font-size:23px}.list-tools{display:flex;gap:6px;padding:10px 0}.list-tools button,#local-search,#orbit{background:linear-gradient(120deg,#304236,#07150f);border:1px solid #758c75;color:#d0e1d3;padding:9px;font-size:10px}.list-tools button{font-size:9px}.result-card{width:100%;display:flex;gap:10px;text-align:left;background:linear-gradient(135deg,#27433455,#06120ef5);border:1px solid #3c6f52;color:#e7efe7;padding:13px 10px;margin:7px 0;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.result-card[aria-pressed=true]{border-color:#dbc28b;background:linear-gradient(135deg,#574c2a88,#0a2115)}.result-card .symbol{font-size:24px;color:#c7b67f;width:36px;flex-shrink:0;align-self:center}.result-card strong{display:block;font-size:13px;font-weight:500}.result-card small{display:block;color:#a9c1b0;font-size:10px;line-height:1.6;margin-top:4px}.result-card em{font-style:normal;color:#6fffc0}#result-list{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#52745c #0a160e}.disclosure{font-size:9px;color:#92a491;line-height:1.5;margin-top:10px}#local-search{position:absolute;left:25px;top:78px;z-index:12}#orbit{position:absolute;right:24px;top:25px;z-index:12}#message{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:10px;color:#d5e1d2;background:#09150de8;padding:7px 14px;border:1px solid #5a6f5688;z-index:20;max-width:80%;text-align:center}#message:empty{display:none}dialog{background:repeating-linear-gradient(0deg,#acdabb04 0 1px,transparent 1px 4px),linear-gradient(145deg,#304433,#06160d 30%);color:#d9e4d9;border:1px solid #b4b78c;padding:34px;max-width:460px;box-shadow:0 20px 80px #000}dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}dialog h2{font-size:26px;margin:16px 0}dialog p{font-size:13px;line-height:1.8}dialog small{color:#7de4b8;font-size:10px}dialog button{background:#122d1e;border:1px solid #92ae8f;color:#e7eddf;padding:12px 18px;margin-top:15px}#close-details{float:right;margin:0;padding:0;background:none;border:0;font-size:25px}#viewport.travel #console,#viewport.travel #results,#viewport.travel #local-search{visibility:hidden}#viewport.city #console{left:25px!important;top:130px!important;width:min(540px,55%)!important;height:42px!important}#viewport.city .radar{width:24px}#viewport.city #execute{font-size:10px}#viewport.city #categories{bottom:auto;top:calc(100% + 8px)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Legible instrument typography; keep the native metallic frame exposed. */
@media(min-width:0px){h1{font-size:1.5cqw}h2{font-size:1.65cqw}.eyebrow{font-size:.78cqw}#result-subtitle,#process-detail{font-size:.95cqw}.compartment button{font-size:.95cqw}.actions p{font-size:1cqw}.steps{font-size:.72cqw}.identity-row{margin:.6cqw 0}.identity{padding:.8cqw}#results{top:32%;bottom:24%;max-height:500px}.city #results{top:20%}}
@media(min-width:0px){#viewport:not(.city) #console{display:block;pointer-events:none}#viewport:not(.city) #console>.category,#viewport:not(.city) #console>.query,#viewport:not(.city) #console>#execute{position:absolute;pointer-events:auto}#viewport:not(.city) #console>.category{left:25.658%;top:78.321%;width:11.962%;height:5.101%}#viewport:not(.city) #console>.query{left:39.294%;top:78.321%;width:21.651%;height:5.101%}#viewport:not(.city) #console>#execute{left:62.679%;top:78.109%;width:11.722%;height:6.163%;justify-content:flex-start;padding:0 .35%;gap:9%;background:#02120c}#viewport:not(.city) #execute .radar{width:29%;flex-shrink:0}}
/* Orbit hit areas remain registered to the artwork at every viewport width. */
@media(max-width:700px){#viewport:not(.city) #console{font-size:clamp(5px,1.05vw,8px)}#viewport:not(.city) .query input{font-size:inherit}#viewport:not(.city) .query>span:not(.sr-only){font-size:12px}#viewport:not(.city) #execute{gap:3%}#viewport:not(.city) #categories{font-size:12px}}

#viewport:not(.city) #results{top:calc(var(--scene-top) + var(--scene-height)*.15);bottom:auto;right:calc(var(--scene-right) + var(--scene-width)*.012);width:calc(var(--scene-width)*.25);height:calc(var(--scene-height)*.43);max-width:none;padding:clamp(6px,1vw,18px);font-size:clamp(7px,.85vw,13px)}
#viewport:not(.city) #results .list-head h2{font-size:1.3em}#viewport:not(.city) #results .result-card{padding:.65em;gap:.5em}#viewport:not(.city) #results .result-card strong{font-size:1em}#viewport:not(.city) #results .result-card small,#viewport:not(.city) #results .list-tools button,#viewport:not(.city) #results .disclosure{font-size:.8em}#viewport.travel #mount{visibility:hidden}