@font-face{font-family:Space;src:url(../gallery/fonts/SpaceGrotesk-SemiBold.ttf)}@font-face{font-family:Source;src:url(../gallery/fonts/SourceSans3-Regular.ttf)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#151719;color:#f7f5ef;font-family:Source,system-ui,sans-serif}canvas#world{display:block;width:100%;height:100%;touch-action:none}button,a,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #ffffff40;background:#17191bea;border-radius:5px;padding:10px 15px}button:hover{background:#424549}button:focus-visible,a:focus-visible{outline:2px solid #e3bb6e;outline-offset:4px}button:disabled{opacity:.45;cursor:wait}h1,h2,h3{font-family:Space,system-ui,sans-serif;font-weight:600}#welcome{position:absolute;inset:0;display:flex;align-items:center;padding:6vw;background:linear-gradient(90deg,#101316f5,#101316bb 48%,#10131622);z-index:8}#welcome>div{max-width:590px}.eyebrow{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#d6bd91}h1{font-size:clamp(44px,6.5vw,88px);line-height:1.04;letter-spacing:-.06em;margin:25px 0}#welcome p{font-size:19px;line-height:1.45;max-width:460px;color:#d8d9da}#welcome .by{font-size:21px;letter-spacing:.12em;color:#f8f4e8}#welcome button{margin-top:18px;font-size:18px;background:#e0bd7a;color:#191c1e;border:0;padding:14px 26px}#load{position:absolute;top:24px;left:50%;transform:translate(-50%);background:#151719e8;border:1px solid #ffffff24;padding:10px 18px;border-radius:7px;font-size:14px;z-index:10;max-width:90vw;text-align:center}#hud{position:absolute;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;align-items:end;pointer-events:none;gap:14px}#hud>*{pointer-events:auto}#rooms{display:flex;gap:5px;background:#111417d9;border:1px solid #ffffff22;padding:5px;border-radius:9px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#rooms button{border:0;background:none;padding:10px 13px;font-size:14px;white-space:nowrap}#rooms button.active{color:#f3d39b;background:#ffffff15}#tools{display:flex;gap:6px}#tools button{background:#111417d9;font-size:14px}#hint{position:absolute;bottom:86px;left:50%;transform:translate(-50%);padding:8px 14px;background:#101318df;border-radius:6px;font-size:14px;max-width:80vw;text-align:center;pointer-events:none}dialog{border:1px solid #ffffff36;border-radius:12px;background:#171a1df5;color:#eee;max-width:min(94vw,900px);max-height:90vh;padding:28px;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#0009}dialog h2{margin:0 40px 12px 0;font-size:25px}.close{position:absolute;right:12px;top:12px;border:0;padding:3px 12px;font-size:25px;background:none}#art img{max-height:64vh;max-width:100%;object-fit:contain;display:block;margin:auto}#art p{max-width:660px;font-size:18px;line-height:1.45;margin:16px 0 0}#credits{white-space:pre-wrap;line-height:1.5;max-width:760px}#touch{display:none;position:absolute;bottom:115px;left:20px;grid-template-columns:repeat(3,44px);gap:5px}#touch button{padding:10px;touch-action:none;font-size:20px;background:#171b20a8}#audioState{position:absolute;right:20px;top:20px;display:none;max-width:260px;font-size:14px;background:#17191be8;border:1px solid #fff3;border-radius:8px;padding:10px 14px}#audioState button{border:0;background:none;padding:0 0 0 10px;color:#e8c582}.hidden{display:none!important}@media(max-width:720px){#hud{left:10px;right:10px;bottom:10px;flex-wrap:wrap}#rooms{width:100%;justify-content:space-around}#rooms button{font-size:12px;padding:10px 7px}#tools{margin-left:auto}#tools button{font-size:12px;padding:7px 10px}#hint{bottom:105px;font-size:12px}#welcome{padding:25px;background:#11171dd1}#welcome p{font-size:17px}#touch{display:grid}dialog{padding:24px 17px}#load{top:10px}#audioState{top:60px;right:12px}}#world:focus{outline:none}