html,body,#root{overscroll-behavior:none;touch-action:none;background:#000;width:100%;height:100%;margin:0;overflow:hidden}.app{box-sizing:border-box;color:#fff;background:radial-gradient(720px,#cf2a2a 0%,#7a1010 32%,#000 76%);justify-content:center;align-items:center;width:100dvw;height:100dvh;font-family:sans-serif;display:flex;position:relative;overflow:hidden}.phaser-canvas{background:0 0;width:100%;height:100%}.phaser-canvas canvas{width:100%;height:100%;display:block}.game-page{z-index:1;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.game-page__background{z-index:0;filter:blur(8px);opacity:.7;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.game-page__background:after{content:"";background:linear-gradient(#00000042,#00000094);position:absolute;inset:0}.game-page__frame{z-index:1;width:min(720px, calc(100dvw - env(safe-area-inset-left,0) - env(safe-area-inset-right,0)), 100dvh);aspect-ratio:1;background:#000;position:relative;overflow:hidden;box-shadow:0 0 120px 44px #000}.primary-button{box-sizing:border-box;color:#fff;cursor:pointer;width:100%;height:100%;font:inherit;text-transform:uppercase;background:0 0;border:2px solid #fff;justify-content:center;align-items:center;padding:12px 40px;font-size:clamp(24px,4vw,36px);transition:background-color .12s,color .12s,transform .12s;display:flex}.primary-button:hover{color:#000;background:#fff}.primary-button:focus-visible{outline-offset:6px;outline:3px solid #fff}.primary-button:active{transform:scale(.98)}.start-page{z-index:3;box-sizing:border-box;width:100%;height:100%;padding-top:calc(env(safe-area-inset-top,0) + max(16px, min(4vw, 32px)));padding-right:calc(env(safe-area-inset-right,0) + max(16px, min(4vw, 32px)));padding-bottom:calc(env(safe-area-inset-bottom,0) + max(16px, min(4vw, 32px)));padding-left:calc(env(safe-area-inset-left,0) + max(16px, min(4vw, 32px)));color:#fff;font:inherit;text-align:center;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-page__background{filter:blur(8px);opacity:.7;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;animation:18s ease-in-out infinite start-page-background-pulse;position:absolute;inset:-18px}.start-page__background:after{content:"";background:linear-gradient(#00000042,#00000094);position:absolute;inset:0}.start-page__intro-hitarea{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.start-page__content{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,4vh,28px);width:min(80vw,560px);max-width:100%;max-height:100%;display:flex;position:relative}.start-page--intro .start-page__content{pointer-events:none}.start-page__logo{object-fit:contain;width:min(100%,560px);height:auto;max-height:min(42dvh,320px);display:block}.start-page__action{justify-content:center;align-items:center;width:min(32ch,100%);min-height:clamp(56px,14dvh,96px);display:flex}.start-page__message{white-space:normal;text-wrap:balance;justify-content:center;align-items:center;width:100%;min-height:100%;font-size:clamp(18px,2.6vw,28px);line-height:1.2;display:flex}@media (orientation:landscape) and (max-height:540px){.start-page{padding:16px}.start-page__content{gap:14px;width:min(68vw,440px)}.start-page__logo{max-height:min(34dvh,180px)}.start-page__action{min-height:52px}.start-page__message{font-size:clamp(16px,2.8vw,22px)}}@keyframes start-page-background-pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.debug-overlay{pointer-events:none;grid-template-columns:auto auto;align-items:center;gap:8px;display:grid;position:absolute;top:8px;left:8px}.debug-overlay__label{color:#fff;text-align:left;align-self:center}.debug-overlay__field{pointer-events:auto;justify-content:flex-end;min-width:200px;display:flex}.debug-overlay__value{margin-right:8px}.debug-overlay__control{pointer-events:auto}.hud-overlay{z-index:2;box-sizing:border-box;width:min(100%,2000px);max-width:2000px;height:100%;padding-top:env(safe-area-inset-top,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);pointer-events:none;margin:0 auto;position:absolute;inset:0}