*{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:20;font-family:Satoshi,sans-serif;font-size:.72rem;font-weight:500;position:fixed;top:24px;right:28px}#loader-count{font-variant-numeric:tabular-nums;color:#ffffffeb;pointer-events:none;z-index:20;font-family:Satoshi,sans-serif;font-size:2.6rem;font-weight:300;line-height:1;position:fixed;bottom:24px;left:28px}.loader-center{pointer-events:none;z-index:20;flex-direction:column;align-items:center;gap:16px;width:min(85vw,560px);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-tip-text{text-align:center;color:#ffffffd9;min-height:1.5em;font-family:Satoshi,sans-serif;font-size:.95rem;font-style:italic;font-weight:300;line-height:1.5;transition:opacity .3s,transform .3s}.loader-tip-text.fade-out{opacity:0;transform:translateY(4px)}.loader-bar-wrap{pointer-events:none;width:100%;position:relative}.loader-bar-track{-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.loader-bar-fill{background:linear-gradient(90deg,#fffc,#fff);border-radius:999px;width:0%;height:100%;transition:width 50ms linear;box-shadow:0 0 16px #ffffffd9}.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) .dpad-container{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:Satoshi,sans-serif;font-size:.75rem}.detail-card__escape--mobile,.detail-card__exit-btn,.dpad-container{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 cubic-bezier(.16,1,.3,1),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__look-hint,.detail-card__escape{display:none}.detail-card__escape--mobile{letter-spacing:.1em;color:#999;text-align:center;text-transform:uppercase;font-family:Satoshi,sans-serif;font-size:.7rem;display:block}.prompt{font-size:.75rem;bottom:30%}#loader-count{font-size:2.1rem}.dpad-container{z-index:20;touch-action:none;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:4px;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;bottom:2.5rem;left:2rem;transform:translateY(0)}body.app-ready .dpad-container{opacity:1;pointer-events:auto}.dpad-container.hidden{opacity:0!important;pointer-events:none!important;transform:translateY(20px)scale(.92)!important}.dpad-btn{-webkit-backdrop-filter:blur(10px);color:#ffffffd9;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffffff1f;border:1px solid #ffffff38;outline:none;justify-content:center;align-items:center;transition:background .1s,transform .1s,border-color .1s,box-shadow .1s;display:flex}.dpad-btn svg{pointer-events:none;fill:currentColor;width:18px;height:18px}.dpad-up{border-radius:12px 12px 4px 4px;grid-area:1/2}.dpad-left{border-radius:12px 4px 4px 12px;grid-area:2/1}.dpad-center{pointer-events:none;background:#ffffff0f;border-radius:4px;grid-area:2/2}.dpad-right{border-radius:4px 12px 12px 4px;grid-area:2/3}.dpad-down{border-radius:4px 4px 12px 12px;grid-area:3/2}.dpad-btn:active,.dpad-btn.is-pressed{color:#fff;background:#ffffff73;border-color:#ffffffa6;transform:scale(.92);box-shadow:0 0 16px #ffffff59}}.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}}