html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif;background:#000}#app{width:100%;height:100%}canvas{display:block;width:100%;height:100%}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .6s ease,visibility 0s linear .6s}.splash.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s ease,visibility 0s linear 0s}.splash__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/splash-bg.jpg);background-size:cover;background-position:center;filter:brightness(.65)}.splash__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px}.splash__logo{display:block;width:min(280px,60vw);height:auto;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.splash.is-visible .splash__logo{opacity:1;transform:translateY(0)}.splash__button{border:0;padding:14px 28px;font-size:16px;cursor:pointer;border-radius:10px;background:#fff;color:#000;transition:transform .2s ease,opacity .2s ease}.splash__button:hover{transform:translateY(-2px);opacity:.9}.splash__button:disabled{opacity:.6;cursor:wait}.debug-panel{position:fixed;top:12px;left:12px;z-index:30;min-width:280px;max-width:420px;padding:12px;color:#d8f3dc;background:#000000b3;font-size:12px;line-height:1.5;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.back-to-main-camera{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;min-height:44px;padding:12px 16px;border:0;border-radius:999px;background:#000000d1;color:#fff;font-size:14px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,background .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.back-to-main-camera.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-main-camera:hover{background:#141414eb}.back-to-main-camera:focus{outline:none}.back-to-main-camera:focus-visible{outline:2px solid #ffd84d;outline-offset:3px}@media (max-width: 640px){.back-to-main-camera{right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;justify-content:center}}