*{box-sizing:border-box}html,body{color:#e9e7ee;background:#05091e;width:100%;height:100%;margin:0;font-family:Arial,sans-serif;overflow:hidden}.experience{background:#05091e;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0}.animation-canvas{width:100%;height:calc(100% - 64px);display:block}.animation-canvas:focus-visible{outline-offset:-3px;outline:1px solid #f6dc98}.credits{height:64px;padding:8px 28px max(8px,env(safe-area-inset-bottom));color:#b7bbca;background:#05091e;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.platform,.copyright{line-height:1.5}.copyright{color:#9299ae}.studio{white-space:nowrap;flex-direction:column;align-items:center;gap:5px;font-size:10px;display:flex}.studio a{background:#f6f4ef;border-radius:5px;padding:3px 9px;text-decoration:none;display:block}.studio a:hover{background:#fff}.studio a:focus-visible{outline-offset:3px;outline:2px solid #f6dc98}.studio img{width:105px;height:21px;display:block}.error{color:#fff;background:#441727;border-radius:6px;max-width:calc(100% - 32px);padding:10px 14px;font-size:13px;position:absolute;top:16px;left:16px}.credits a{text-decoration:none}@media (max-width:520px){.animation-canvas{height:calc(100% - 88px)}.credits{height:88px;padding:9px 16px max(12px,env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:2px 12px;display:grid}.platform{grid-area:1/1;align-self:end}.copyright{grid-area:2/1;align-self:start;font-size:10px}.studio{grid-area:1/2/3}}@media (max-height:500px) and (min-width:521px){.animation-canvas{height:calc(100% - 52px)}.credits{height:52px}}.animation-canvas{height:100%}.credits{height:auto;bottom:max(20px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));pointer-events:none;color:#d9dce8;text-shadow:0 1px 5px #05091e;background:0 0;align-items:flex-end;padding:0}.credits a{pointer-events:auto}.platform{padding-bottom:7px}.studio a,.studio a:hover{background:0 0;border-radius:0;padding:0}.studio img{width:120px;height:auto}.studio{gap:3px}.sound-control{z-index:5;top:max(22px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));touch-action:manipulation;width:46px;height:46px;position:absolute}.sound{color:#fff3d8;cursor:pointer;background:#05091e55;border:0;border-radius:50%;place-items:center;width:46px;height:46px;padding:11px;transition:background .15s;display:grid}.sound:hover{background:#05091eaa}.sound svg{width:24px;height:24px}.sound-waves{transition:opacity .15s}.sound[data-muted=true] .sound-waves{opacity:0}.volume-panel{color:#fff3d8;opacity:0;visibility:hidden;background:#05091edd;border-radius:23px 0 0 23px;align-items:center;gap:10px;width:182px;height:46px;padding:0 14px;transition:opacity .15s,visibility .15s;display:flex;position:absolute;top:0;right:46px}.sound-control:focus-within .volume-panel{opacity:1;visibility:visible}@media (hover:hover){.sound-control:hover .volume-panel{opacity:1;visibility:visible}}.volume-range{accent-color:#fff3d8;cursor:pointer;touch-action:none;flex-shrink:0;width:112px;height:44px;margin:0}.volume-value{font-variant-numeric:tabular-nums;text-align:right;min-width:30px;font:11px Arial,sans-serif}.sound:focus-visible{outline-offset:3px;outline:2px solid #fff3d8}.volume-range:focus-visible{outline-offset:3px;outline:2px solid #fff3d8}@media (max-width:520px){.animation-canvas{height:100%}.credits{height:auto;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));gap:10px;padding:0;font-size:10px;display:flex}.platform{align-self:auto}.studio{font-size:9px}.studio img{width:105px}.sound-control{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}}@media (max-height:500px) and (min-width:521px){.animation-canvas{height:100%}.credits{height:auto;bottom:10px}}@media (prefers-reduced-motion:reduce){.sound,.sound-waves,.volume-panel{transition:none}}.credits .platform{color:inherit;text-decoration:none}.credits .platform:hover{color:#fff3d8}.credits .platform:focus-visible{outline-offset:4px;outline:2px solid #fff3d8}