*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}.webgl{outline:none;width:100%;height:100%;position:fixed;top:0;left:0}#loader-label{letter-spacing:.25em;text-transform:uppercase;color:#ffffff8c;pointer-events:none;z-index:10;font-family:Satoshi,sans-serif;font-size:.7rem;position:fixed;top:24px;right:28px}#loader-count{font-variant-numeric:tabular-nums;color:#ffffffeb;pointer-events:none;z-index:10;font-family:Satoshi,sans-serif;font-size:2.6rem;font-weight:300;position:fixed;bottom:24px;left:28px}.prompt{color:#fff;letter-spacing:.25em;text-transform:uppercase;opacity:0;pointer-events:none;white-space:nowrap;z-index:10;font-family:Satoshi,sans-serif;font-size:.85rem;transition:opacity .4s;position:fixed;bottom:12%;left:50%;transform:translate(-50%)}.prompt.visible{opacity:1}body:not(.app-ready) .detail-card,body:not(.app-ready) .prompt,body:not(.app-ready) #joystick-zone{opacity:0!important;pointer-events:none!important;transition:none!important}.detail-card{opacity:0;pointer-events:none;z-index:10;background:#fff;flex-direction:column;justify-content:space-between;gap:1.5rem;width:320px;padding:2rem;font-family:Satoshi,sans-serif;transition:opacity .4s;display:flex;position:fixed;top:50%;left:3%;transform:translateY(-50%)}.detail-card.visible{opacity:1;pointer-events:all}.detail-card__title{color:#111;margin-bottom:.75rem;font-size:1.4rem;font-weight:700}.detail-card__artist,.detail-card__year,.detail-card__dimensions{color:#444;margin-bottom:.25rem;font-size:.85rem;font-weight:400}.detail-card__description{color:#555;margin-top:.75rem;font-size:.85rem;font-weight:300;line-height:1.6}.detail-card__escape{letter-spacing:.15em;text-transform:uppercase;color:#999;text-align:center;font-family:sans-serif;font-size:.75rem}.detail-card__exit-btn,#joystick-zone{display:none}@media (width<=768px){.detail-card{border-radius:16px 16px 0 0;gap:1rem;width:100%;max-height:55vh;padding:1.5rem;transition:transform .4s,opacity .4s;inset:auto 0 0;overflow-y:auto;transform:translateY(100%)}.detail-card.visible{opacity:1;transform:translateY(0)}.detail-card__title{font-size:1.1rem}.detail-card__exit-btn{color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:#111;border:none;border-radius:4px;width:100%;margin-top:.5rem;padding:.75rem;font-family:Satoshi,sans-serif;font-size:.8rem;display:block}.detail-card__escape{letter-spacing:.15em;text-transform:uppercase;color:#999;text-align:center;font-family:sans-serif;font-size:.75rem}.prompt{font-size:.75rem;bottom:28%}#joystick-zone{z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;bottom:3rem;left:2rem}#joystick-base{touch-action:none;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;width:110px;height:110px;position:relative}#joystick-knob{pointer-events:none;background:#ffffff59;border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loader-count{font-size:2.1rem}}.detail-card__escape--mobile{display:none}.detail-card__look-hint{letter-spacing:.08em;color:#ccc;text-align:center;margin-top:-.75rem;font-family:Satoshi,sans-serif;font-size:.65rem}@media (width<=768px){.detail-card__look-hint,.detail-card__escape{display:none}.detail-card__escape--mobile{letter-spacing:.08em;color:#bbb;text-align:center;text-transform:none;font-family:sans-serif;font-size:.65rem;display:block}.detail-card__escape{display:none}.detail-card__escape--mobile{letter-spacing:.15em;text-transform:uppercase;color:#999;text-align:center;font-family:sans-serif;font-size:.75rem;display:block}}