:root{--accent:#ffc27a;--ink:#f4ead9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#14111f;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:Share Tech Mono,ui-monospace,monospace}#app,#app canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{position:absolute}#hud-intro{text-shadow:0 1px 8px #000a;transition:opacity .5s;top:20px;left:20px}#hud-intro h1{letter-spacing:.14em;text-transform:uppercase;margin:0;font:700 18px/1.2 Orbitron,sans-serif}#hud-intro p{opacity:.75;margin:6px 0 0;font-size:13px}body.focused #hud-intro{opacity:0}#hud-back{pointer-events:auto;cursor:pointer;font:inherit;color:var(--ink);opacity:0;visibility:hidden;background:#14111fcc;border:1px solid #fff3;border-radius:999px;padding:8px 16px;font-size:14px;transition:opacity .4s,transform .4s,visibility .4s,background .2s;top:20px;left:20px;transform:translateY(-6px)}#hud-back:hover{background:#2a2240}body.focused #hud-back{opacity:1;visibility:visible;transform:none}#hud-focus{text-align:center;opacity:0;text-shadow:0 1px 10px #000c;width:min(90vw,640px);transition:opacity .5s,transform .5s;bottom:28px;left:50%;transform:translate(-50%,8px)}body.focused #hud-focus{opacity:1;transform:translate(-50%)}#hud-focus-title{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font:700 15px Orbitron,sans-serif}#hud-focus-hint{opacity:.8;margin-top:6px;font-size:13px}#hud-tip{letter-spacing:.08em;white-space:nowrap;opacity:0;background:#14111fdd;border:1px solid #ffffff2a;border-radius:6px;padding:4px 10px;font-size:13px;transition:opacity .15s;top:0;left:0}#hud-flash{opacity:0;background:#fff;inset:0}#no-webgl{text-align:center;place-content:center;gap:12px;display:grid;position:fixed;inset:0}#no-webgl[hidden]{display:none}#no-webgl a{color:var(--accent)}#computer-root{z-index:20;opacity:0;transition:opacity .45s;display:none;position:fixed;inset:0}#computer-root.on{display:block}#computer-root.shown{opacity:1}#computer-app{outline:none;position:absolute;inset:0}body.in-ui #hud{opacity:0;pointer-events:none}.pv{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#0a0810e6;flex-direction:column;transition:opacity .3s;display:flex;position:fixed;inset:0}.pv[hidden]{display:none}.pv.on{opacity:1}.pv-stage{flex:1;min-height:0;padding:3vh 3vw;display:flex;overflow:auto}.pv-img{object-fit:contain;cursor:zoom-in;transform-origin:0 0;background:#d8cdb4;border:6px solid #fbf8ef;max-width:94vw;max-height:82vh;margin:auto;box-shadow:0 18px 60px #000a}.pv.zoom .pv-img{cursor:zoom-out;max-width:none;max-height:none}.pv-bar{align-items:center;gap:18px;padding:10px 20px 16px;font-size:14px;display:flex}.pv-bar span:first-child{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-style:italic;overflow:hidden}.pv-bar span:nth-child(2){opacity:.6;white-space:nowrap}.pv-bar a{color:var(--accent);white-space:nowrap}.pv-close{font:inherit;color:var(--ink);cursor:pointer;background:#14111fcc;border:1px solid #fff3;border-radius:999px;width:36px;height:36px}.pv-close:hover{background:#2a2240}