@font-face{font-family:Bungee;src:url('../assets/fonts/focus/Bungee-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Shrikhand;src:url('../assets/fonts/focus/Shrikhand-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Monoton;src:url('../assets/fonts/focus/Monoton-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
/* HABITAT gallery palette; realm hues and artwork colors remain independent. */
:root{
 --ui-edge:18px;--ui-height:44px;--ui-gap:8px;--ui-visibility-width:92px;
 --ui-top:max(var(--ui-edge),env(safe-area-inset-top));--ui-bottom:max(var(--ui-edge),env(safe-area-inset-bottom));
 --ui-left:max(var(--ui-edge),env(safe-area-inset-left));--ui-right:max(var(--ui-edge),env(safe-area-inset-right));
 --ui-ink:#f2eee6;--ui-muted:#beb6aa;--ui-ground:#2a2824bd;--ui-hover:#403b33d1;--ui-panel:#23211df7;
 --ui-line:#dcd4c54d;--ui-line-strong:#dcd4c580;--ui-divider:#dcd4c51f;--ui-accent:#e05c10;--ui-accent-light:#ff994f;
 --ui-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ui-font:500 13px/1.35 var(--ui-family);
}
/* Entry-only HABITAT palette; realm and world interface colors remain independent. */
body #enter{
 --entry-orange:#E05C10;--entry-black:#0a0a09;--entry-cream:#F4EFE8;
 position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:flex-start;
 justify-content:safe center;text-align:left;padding:8vw;overflow-y:auto;touch-action:auto;
 color:var(--entry-cream);background:linear-gradient(90deg,#0a0a09f0 0%,#211409c7 42%,#0a0a0908 85%);
}
body #enter>*{flex-shrink:0;max-width:100%}
body #enter .eyebrow{font-size:10px;letter-spacing:.26em;color:var(--entry-orange);text-transform:uppercase;margin-bottom:25px}
body #enter h1{font-family:Bungee,sans-serif;font-size:clamp(54px,10.2vw,145px);letter-spacing:-.025em;line-height:1.05;color:var(--entry-cream)}
body #enter .sub{font-family:"DM Serif Display",serif;font-style:italic;max-width:490px;color:var(--entry-cream);font-size:27px;line-height:1.4;margin:18px 0}
body #enter .device-note{max-width:490px;font:400 clamp(14px,1.1vw,18px)/1.55 Arial,Helvetica,sans-serif;color:var(--entry-cream);margin:0 0 22px}
body #enter .device-note strong{font-weight:700}
body #enter button{background:var(--entry-orange);border:1px solid var(--entry-orange);color:var(--entry-black);font-family:"Space Mono",monospace;font-weight:700;font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding:16px 25px;min-height:50px;cursor:pointer;transition:background .2s,border-color .2s}
body #enter button:hover:not(:disabled){background:#FF7830;border-color:#FF7830}
body #enter button:disabled{opacity:.6;cursor:wait}
body #enter #continue-journey{margin-top:12px;background:#0a0a0990;color:var(--entry-cream);font-size:10px}
body #enter #continue-journey:hover:not(:disabled){background:var(--entry-orange);border-color:var(--entry-orange);color:var(--entry-black)}
body #enter button:focus-visible,body #enter a:focus-visible{outline:2px solid var(--entry-cream);outline-offset:4px}
body #enter .ctrls{max-width:740px;font:400 clamp(16px,1.2vw,26px)/1.65 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:var(--entry-cream);margin-top:24px;text-shadow:0 1px 8px #000}
body #enter .ctrls p{margin:0 0 8px}
body #enter .ctrls kbd{font:600 .9em/1.5 "Space Mono",monospace;white-space:nowrap;color:var(--entry-cream);background:#0a0a09b8;border:1px solid #f4efe866;border-radius:3px;padding:2px 6px}
body #enter .bar{margin-top:22px;width:280px;height:2px;background:#f4efe833}
body #enter .bar i{display:block;height:100%;width:0;background:var(--entry-orange);transition:width .2s}
body #enter .load-status{min-height:18px;margin-top:12px;font-size:clamp(12px,.9vw,17px);line-height:1.5;letter-spacing:.04em;text-transform:uppercase;color:var(--entry-cream)}
body #enter .load-status.error{color:#ff6868}
body #enter .entry-fallback{display:inline-block;margin-top:28px;font-size:clamp(13px,1vw,18px);letter-spacing:.04em;text-decoration:none;color:var(--entry-cream);border-bottom:1px solid #f4efe866;padding-bottom:5px}
/* Short desktop windows keep the loading status and archive link in view. */
@media(min-width:701px) and (max-height:800px){
 body #enter{padding-top:24px;padding-bottom:24px}
 body #enter .eyebrow{margin-bottom:14px}
 body #enter h1{font-size:clamp(54px,8vw,112px)}
 body #enter .sub{font-size:24px;line-height:1.35;margin:12px 0}
 body #enter .device-note{max-width:680px;margin-bottom:16px}
 body #enter .ctrls{margin-top:16px}
 body #enter .ctrls p{margin-bottom:6px}
 body #enter .bar{margin-top:12px}
 body #enter .load-status{margin-top:8px}
 body #enter .entry-fallback{margin-top:16px}
}
@media(max-width:700px){
 body #enter{padding:24px;background:linear-gradient(90deg,#0a0a09f0,#211409ba)}
 body #enter .sub{font-size:23px;max-width:330px}
 body #enter .eyebrow{font-size:8px;letter-spacing:.19em}
}
body .realm-row:disabled{cursor:default;opacity:.65}
body:not(:has(#world-ui.on)) #proseth-jump,
body:not(:has(#world-ui.on)) #proseth-jog{display:none!important}
body #arrival-title{font-family:Bungee,sans-serif;font-size:clamp(22px,4.5vw,66px);line-height:1.25;letter-spacing:.015em;white-space:nowrap;text-shadow:0 2px 18px #0a1b2270}
body #arrival[data-realm="Pink"] #arrival-title{font-family:Shrikhand,serif;letter-spacing:.005em}
body #arrival-kicker{font-size:clamp(18px,2.7vw,35px);margin-top:8px;line-height:1.3}
body #arrival-line{font-size:clamp(11px,1.15vw,15px);margin-top:12px;line-height:1.6;text-shadow:0 2px 12px #0a1b22}
body #world-ui dialog h2{font:400 clamp(24px,3.8vw,36px)/1.2 Bungee,sans-serif;letter-spacing:0}
body #world-ui .realm-row b{font:400 20px/1.25 Bungee,sans-serif;letter-spacing:.01em}
body #world-ui .realm-row[data-realm="Pink"] b{font-family:Shrikhand,serif;font-size:23px}
body #world-ui .realm-row[data-realm="Void"] b{font-family:"Bebas Neue",sans-serif;font-size:24px;letter-spacing:.025em}
body #metatron-ui .white-title{font:400 clamp(48px,7vw,100px)/1.15 "Bebas Neue",sans-serif;letter-spacing:.025em;white-space:nowrap}
body #habitat-mark{top:var(--ui-edge);left:var(--ui-edge);width:32px;height:38px}

/* Gallery-colored controls: a quiet glass layer above the world. */
body button,body .modal-cta,body .hud-exit{font-family:var(--ui-family)}
body #world-ui .world-tools{top:var(--ui-top);right:calc(var(--ui-right) + var(--ui-visibility-width) + var(--ui-gap));gap:var(--ui-gap);align-items:center}
body #world-ui .world-tools button,body #world-ui .travel button,body #audio-study>summary,
body #metatron-ui .white-actions button,body #controls-visibility,body #audio-study button,
body #world-ui .sheet-actions button,body #world-ui .sheet-primary,body #help .hud-exit,
body #vault-inventory>button,body #vault-pickup{
 box-sizing:border-box;min-height:var(--ui-height);min-width:44px;padding:10px 16px;border:1px solid var(--ui-line);border-radius:999px;
 background:linear-gradient(150deg,#ffffff0e,#ffffff02 55%,#ffffff00),var(--ui-ground);color:var(--ui-ink);font:var(--ui-font);letter-spacing:0;white-space:nowrap;cursor:pointer;
 -webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);
 touch-action:manipulation;box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #00000012,0 4px 16px #00000026;
 transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease;
 -webkit-tap-highlight-color:transparent;
}
@media(hover:hover){
 body #world-ui .world-tools button:hover,body #world-ui .travel button:hover,body #audio-study>summary:hover,
 body #controls-visibility:hover,body #audio-study button:hover,body #metatron-ui .white-actions button:hover,
 body #world-ui .sheet-actions button:hover,body #help .hud-exit:hover{background-color:var(--ui-hover);border-color:var(--ui-line-strong)}
}
body #world-ui button:active:not(:disabled),body #controls-visibility:active,body #audio-study summary:active,
body #audio-study button:active,body #metatron-ui button:active,body #vault-inventory>button:active,
body #vault-pickup:active,body #modal .modal-close:active,body #modal .modal-cta:active{transform:scale(.97)}
body #world-ui button:focus-visible,body #controls-visibility:focus-visible,body #audio-study summary:focus-visible,
body #audio-study input:focus-visible,body #audio-study button:focus-visible,body #metatron-ui button:focus-visible,
body #vault-inventory button:focus-visible,body #vault-inventory summary:focus-visible,body #help a:focus-visible,
body #world-ui summary:focus-visible,body #vault-pickup:focus-visible{outline:2px solid var(--ui-accent-light);outline-offset:3px}
body #world-ui button:disabled,body #audio-study button:disabled{cursor:default;box-shadow:none}
body #world-ui .world-tools button span{margin-left:7px;padding:2px 5px;border-radius:5px;background:#f2eee612;color:var(--ui-muted);font-size:10px;opacity:1}
body #world-ui #vault-bag{position:static;z-index:auto}
body #world-ui .world-tools #help-open{width:var(--ui-height);padding:0;font-size:19px;font-weight:500}
body #movement-controls{display:flex;gap:var(--ui-gap);align-items:center;pointer-events:auto;flex-wrap:wrap}
body #world-ui #proseth-jog,body #world-ui #proseth-jump{position:static;min-width:44px;pointer-events:auto;opacity:1!important}
body #world-ui #auto-walk{margin:0}
body #world-ui .travel button span{margin-left:6px}
body #world-ui .travel button kbd{font:11px var(--ui-family);margin-left:6px;color:var(--ui-muted)}
body #world-ui .travel button[aria-pressed="true"],body #world-ui #sound[aria-pressed="true"],
body #audio-study button[aria-pressed="true"],body #metatron-ui .white-actions button[aria-pressed="true"]{
 background:var(--ui-accent);color:#16130f;border-color:var(--ui-accent);box-shadow:inset 0 1px 0 #ffffff30,0 4px 16px #0003;
}
body #world-ui .travel button[aria-pressed="true"] kbd{color:inherit}
body #world-ui .world-bottom{left:var(--ui-left);right:var(--ui-right);bottom:var(--ui-bottom);display:block;pointer-events:none}
body #world-ui .travel{width:fit-content;max-width:calc(100% - 90px);pointer-events:auto}
body #world-ui .travel>span{font:10px/1.5 "Space Mono",monospace;letter-spacing:0;margin-top:8px;max-width:100%;color:#f2eee6;text-shadow:0 1px 5px #000}
body #world-ui .world-shortcuts{display:none}
body #world-ui #inspect-work{bottom:110px;max-width:min(440px,90vw);min-height:48px;padding:12px 18px;gap:16px;border:1px solid var(--ui-line);border-radius:22px;background:var(--ui-ground);color:var(--ui-ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 5px 20px #0004}
body #world-ui #inspect-work:active{transform:translateX(-50%) scale(.97)}
body #world-ui #inspect-work span{font-size:24px;line-height:1.2}
body #world-ui #inspect-work b{font:600 11px/1.4 var(--ui-family);white-space:nowrap;color:var(--ui-accent-light)}

/* Compact audio settings expand into the same warm, rounded surface. */
body #audio-study{right:var(--ui-right);bottom:calc(var(--ui-bottom) + 23px);width:auto;max-width:calc(100vw - 2*var(--ui-edge));padding:0;border:0;background:transparent;color:var(--ui-ink);font:var(--ui-font)}
body #audio-study>summary{display:flex;align-items:center;gap:12px;list-style:none}
body #audio-study>summary::-webkit-details-marker{display:none}
body #audio-study>summary::after{content:'+';font-size:18px;font-weight:400;line-height:1;color:var(--ui-muted)}
body #audio-study[open]{width:280px;padding:0 18px 18px;border:1px solid var(--ui-line);border-radius:24px;background:var(--ui-panel);box-shadow:0 14px 40px #0005}
body #audio-study[open]>summary{margin:0 -18px;padding:12px 18px;min-height:48px;border:0;border-bottom:1px solid var(--ui-divider);border-radius:24px 24px 0 0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
body #audio-study[open]>summary::after{content:'−';margin-left:auto}
body #audio-study label{font:500 13px/1.5 var(--ui-family);gap:12px;color:var(--ui-ink);min-height:44px;margin:4px 0}
body #audio-study input{max-width:130px;min-height:44px;accent-color:var(--ui-accent-light);cursor:pointer}
body #audio-study small,body #audio-study p{font:400 12px/1.55 var(--ui-family);color:var(--ui-muted)}
body #audio-study small{display:block;margin-top:10px}
body #audio-study button{width:100%;margin:4px 0 8px}

/* Native sheets retain their focus, Escape, scroll, and journey behavior. */
body #world-ui dialog,body #vault-inventory{
 box-sizing:border-box;width:min(580px,calc(100% - 32px));max-width:580px;max-height:90dvh;margin:auto;padding:28px;
 border:1px solid var(--ui-line);border-radius:30px;background:var(--ui-panel);color:var(--ui-ink);
 box-shadow:inset 0 1px 0 #fff1,0 24px 90px #0008;font:400 14px/1.6 var(--ui-family);
 -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overscroll-behavior:contain;scrollbar-color:#9a938a66 transparent;
}
body #world-ui dialog::backdrop,body #vault-inventory::backdrop{background:#100e0b85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
body #world-ui .sheet-close{
 position:sticky;float:right;top:0;right:auto;width:44px;height:44px;min-width:44px;margin:-10px -10px 0 12px;padding:0;
 display:grid;place-items:center;border:1px solid var(--ui-line);border-radius:50%;background:var(--ui-hover);color:var(--ui-ink);
 font:400 27px/1 var(--ui-family);box-shadow:inset 0 1px 0 #fff1;z-index:2;touch-action:manipulation;
}
body #world-ui .sheet-close:hover{background:#665b48;color:#fff}
body #world-ui .sheet-eyebrow{font:600 10px/1.5 var(--ui-family);letter-spacing:.15em;color:var(--ui-accent-light);margin:6px 48px 14px 0}
body #world-ui dialog h2{margin:0 36px 14px 0}
body #world-ui .sheet-intro{font:400 14px/1.6 var(--ui-family);color:var(--ui-muted);margin-bottom:22px}
body #world-ui .sheet-foot{font:400 11px/1.6 var(--ui-family);color:var(--ui-muted);margin-top:18px}
body #realm-list{clear:both;border:1px solid var(--ui-divider);border-radius:22px;background:#100e0b40;overflow:hidden}
body #world-ui .realm-row{min-height:72px;padding:13px 16px;gap:14px;border:0;border-top:1px solid var(--ui-divider);border-radius:0;color:var(--ui-ink);background:transparent;transition:background-color .15s ease,transform .12s ease}
body #world-ui .realm-row:first-child{border-top:0}
body #world-ui .realm-row:not(:disabled):hover{background:#f2eee60a}
body #world-ui .realm-row:focus-visible{outline-offset:-3px;border-radius:12px}
body #world-ui .realm-row:disabled{opacity:.56;cursor:default}
body #world-ui .realm-row .realm-no{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#f2eee60a;font:500 11px/1 "Space Mono",monospace;color:var(--color)}
body #world-ui .realm-row>span:nth-child(2){min-width:0}
body #world-ui .realm-row>span:last-child{font:400 22px/1 var(--ui-family);color:var(--ui-muted)}
body #world-ui .realm-row small{font:500 10px/1.5 var(--ui-family);letter-spacing:.045em;margin-top:4px;color:var(--ui-muted)}
body #help .help-grid{gap:0;margin:20px 0;border:1px solid var(--ui-divider);border-radius:20px;overflow:hidden;background:#100e0b40}
body #help .help-grid>div{padding:15px;border-bottom:1px solid var(--ui-divider)}
body #help .help-grid b{font:600 11px/1.4 var(--ui-family);color:var(--ui-ink);margin-bottom:5px}
body #help .help-grid span,body #help .touch-note{font:400 13px/1.5 var(--ui-family);color:var(--ui-muted)}
body #world-ui .sheet-actions{flex-wrap:wrap;gap:8px;margin:20px 0}
body #world-ui .sheet-actions button{white-space:normal;flex:1 1 190px}
body #world-ui .sheet-primary,body #world-ui #immersive,body #vault-inventory>button{background:var(--ui-accent);color:#16130f;border-color:var(--ui-accent)}
body #world-ui .sheet-primary:hover,body #world-ui #immersive:hover,body #vault-inventory>button:hover{background:var(--ui-accent-light);border-color:var(--ui-accent-light)}
body #world-ui details{border-color:var(--ui-divider);color:var(--ui-muted)}
body #world-ui details>summary{font:500 12px/1.5 var(--ui-family);min-height:44px;padding:12px 0;cursor:pointer}
body #study-metrics{color:var(--ui-muted)}
body #help .hud-exit{position:static;display:inline-flex;align-items:center;margin-top:16px;text-transform:none;text-decoration:none}

/* Artifacts use the same sheet; their image-only evidence stays untouched. */
body #vault-inventory h2{font:400 27px/1.25 Bungee,sans-serif;margin:4px 0 22px}
body #vault-inventory h3{font:600 12px/1.5 var(--ui-family);letter-spacing:.04em;color:var(--ui-accent-light);margin:18px 0 12px}
body #vault-inventory p{font:400 14px/1.6 var(--ui-family);color:var(--ui-muted);margin:12px 0}
body #vault-inventory details{border:1px solid var(--ui-divider);border-radius:15px;margin:8px 0;background:#100e0b40;overflow:hidden}
body #vault-inventory summary{min-height:48px;padding:13px 16px;font:500 14px/1.5 var(--ui-family);color:var(--ui-ink)}
body #vault-inventory summary::marker{color:var(--ui-accent-light)}
body #vault-inventory details>p{padding:0 16px 14px;margin:0}
body #vault-inventory>button{width:100%;margin-top:22px}
body #vault-toast{background:var(--ui-panel);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:20px;font:500 14px/1.6 var(--ui-family);box-shadow:0 8px 30px #0005}
body #vault-pickup:active{transform:translateX(-50%) scale(.97)}

/* Preserve the accepted artwork/case design; unify only its action controls. */
body #modal .modal-close{width:44px;height:44px;border-radius:50%;font-size:21px;touch-action:manipulation}
body #modal .modal-cta,body #modal .vault-lock .case-view{border-radius:999px;font:600 13px/1.5 var(--ui-family);letter-spacing:0;min-height:44px;padding:12px 18px;text-transform:none}
body #enter button{border-radius:999px;box-shadow:inset 0 1px 0 #ffffff30,0 6px 20px #0003}
body #enter button:active:not(:disabled){transform:scale(.98)}

/* Keep the restore control independent of the interface it hides. */
body #controls-visibility{position:fixed;right:var(--ui-right);top:var(--ui-top);display:none;align-items:center;justify-content:center;gap:7px;z-index:71;min-width:var(--ui-visibility-width);width:var(--ui-visibility-width)}
body:has(#world-ui.on) #controls-visibility{display:inline-flex}
body #controls-visibility svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
body[data-controls-hidden="true"] #world-ui .world-tools,
body[data-controls-hidden="true"] #world-ui .travel,
body[data-controls-hidden="true"] #world-ui #inspect-work,
body[data-controls-hidden="true"] #audio-study,
body[data-controls-hidden="true"] #metatron-ui .white-actions,
body[data-controls-hidden="true"] #metatron-ui .white-controls{display:none!important}
body #habitat-mark{top:var(--ui-top);left:var(--ui-left)}
body #metatron-ui .white-actions{right:calc(var(--ui-right) + var(--ui-visibility-width) + var(--ui-gap));top:var(--ui-top);gap:var(--ui-gap)}
body #metatron-ui .white-controls{display:none}
body:has(#metatron-ui:not([hidden])){--ui-ink:#221d15;--ui-muted:#62594d;--ui-ground:#e4dcccbf;--ui-hover:#f2eee6d6;--ui-panel:#e4dcccf7;--ui-line:#75665066;--ui-line-strong:#62513ecc;--ui-divider:#6e5e432e;--ui-accent-light:#bd4b0d}

@media(max-width:700px){
 :root{--ui-edge:12px;--ui-gap:6px;--ui-visibility-width:44px}
 body #world-ui .world-tools{right:calc(var(--ui-right) + 50px);max-width:calc(100vw - var(--ui-left) - var(--ui-right) - 88px)}
 body #world-ui .world-tools button{padding:10px 12px;font-size:12px}
 body #world-ui .world-tools button span{display:none}
 body #world-ui .world-tools #sound{display:none}
 body #controls-visibility{min-width:44px;width:44px;padding:0}
 body #controls-visibility span{display:none}
 body #habitat-mark{width:27px;height:33px;top:calc(var(--ui-top) + 5px)}
 body #world-ui .travel button{padding:10px 12px;font-size:12px}
 body #world-ui .travel button kbd,body #world-ui #auto-walk span{display:none}
 body #world-ui .travel{max-width:calc(100% - 76px)}
 body #world-ui .travel>span{font-size:9px;max-width:265px;line-height:15px}
 body #world-ui #inspect-work{bottom:142px;max-width:90vw}
 body #world-ui #inspect-work span{font-size:22px}
 body #audio-study>summary{font-size:12px;padding:10px 12px;gap:8px}
 body #metatron-ui .white-actions{right:calc(var(--ui-right) + 50px);left:56px;justify-content:flex-end;flex-wrap:wrap}
 body #metatron-ui .white-actions button{font-size:12px;padding:10px 12px}
 body #world-ui dialog,body #vault-inventory{width:calc(100% - 24px);padding:24px 18px;max-height:calc(100dvh - var(--ui-top) - var(--ui-bottom));border-radius:26px}
 body #world-ui dialog h2{font-size:25px;line-height:1.3}
 body #world-ui .sheet-close{margin:-8px -4px 0 10px}
 body #world-ui .sheet-intro{font-size:13px}
 body #world-ui .realm-row{min-height:70px;padding:12px;gap:11px}
 body #world-ui .realm-row b{font-size:18px}
 body #world-ui .realm-row[data-realm="Pink"] b{font-size:21px}
 body #world-ui .realm-row small{font-size:10px}
 body #vault-inventory h2{font-size:25px}
}
@media(max-width:380px){
 body #world-ui .world-tools{top:calc(var(--ui-top) + 52px);right:var(--ui-right);max-width:calc(100vw - var(--ui-left) - var(--ui-right))}
 body #world-ui .travel{max-width:calc(100% - 72px)}
 body #world-ui .travel button{padding:10px;font-size:11px}
 body #world-ui .realm-row{gap:9px;padding:12px 10px}
 body #world-ui .realm-row .realm-no{width:28px;height:28px;flex-basis:28px}
}
/* Void actions must stay below its title on constrained screens. */
@media(max-width:1280px){
 body #metatron-ui .white-actions{top:max(144px,calc(env(safe-area-inset-top) + 140px));right:auto;left:50%;transform:translateX(-50%);justify-content:center;width:max-content;max-width:calc(100% - 24px)}
}
@media(max-width:700px){
 body #metatron-ui .white-actions{top:max(128px,calc(env(safe-area-inset-top) + 124px))}
}
@media(max-height:520px) and (min-width:701px){
 body #world-ui dialog,body #vault-inventory{max-height:calc(100dvh - 24px);padding:22px 26px}
 body #world-ui #inspect-work{bottom:90px}
}
@media(prefers-reduced-motion:reduce){
 body #world-ui button,body #controls-visibility,body #audio-study summary,body #audio-study button,
 body #metatron-ui button,body #vault-inventory button,body #vault-pickup,body #modal .modal-close,body #modal .modal-cta{transition:none}
 body #world-ui button:active,body #controls-visibility:active,body #audio-study summary:active,body #audio-study button:active,body #metatron-ui button:active,body #vault-inventory>button:active,body #modal .modal-close:active,body #modal .modal-cta:active{transform:none}
 body #world-ui #inspect-work:active,body #vault-pickup:active{transform:translateX(-50%)}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 :root{--ui-ground:#2a2824;--ui-hover:#403b33;--ui-panel:#23211d;--ui-line:#c4b8a6;--ui-muted:#dcd4c5}
 body #world-ui dialog,body #vault-inventory,body #world-ui .world-tools button,body #world-ui .travel button,
 body #audio-study>summary,body #controls-visibility,body #metatron-ui .white-actions button,body #world-ui #inspect-work{backdrop-filter:none;-webkit-backdrop-filter:none}
 body:has(#metatron-ui:not([hidden])){--ui-ground:#e4dccc;--ui-hover:#f2eee6;--ui-panel:#e4dccc;--ui-line:#62513e;--ui-muted:#514737}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :root{--ui-ground:#2a2824;--ui-panel:#23211d}
 body:has(#metatron-ui:not([hidden])){--ui-ground:#e4dccc;--ui-panel:#e4dccc}
}