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{z-index:2;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__field--inline{gap:8px}.debug-overlay__value{margin-right:8px}.debug-overlay__control{pointer-events:auto}.hud-menu{right:0;bottom:calc(env(safe-area-inset-bottom,0) + 40px);z-index:2;justify-content:center;gap:24px;display:flex;position:absolute;left:0}.hud-menu__button{pointer-events:auto;cursor:pointer;background:#fff;border:4px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:clamp(72px,20vw,90px);height:clamp(72px,20vw,90px);padding:0;transition:box-shadow .18s,transform .14s,background-color .14s;display:inline-flex}.hud-menu__button:hover{transform:scale(1.06)}.hud-menu__button:active{transform:scale(.98)}.hud-menu__button:active,.hud-menu__button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0009,inset 0 0 24px #0000004d}.hud-menu__button:focus-visible{outline-offset:4px;outline:3px solid #ffffff75}.hud-menu__icon{object-fit:contain;-webkit-user-select:none;user-select:none;width:clamp(48px,14vw,64px);height:clamp(48px,14vw,64px)}.inventory-overlay{--inventory-overlay-size:min(720px, calc(100dvw - env(safe-area-inset-left,0) - env(safe-area-inset-right,0)), 100dvh);--inventory-scroll-left:18%;--inventory-scroll-top:23%;--inventory-scroll-width:62%;--inventory-scroll-height:41%;--inventory-columns-count:4;--inventory-gap:10px;--inventory-item-scale:.8;--inventory-item-padding:0px;--inventory-item-radius-scale:.16;--inventory-item-image-size:81%;width:var(--inventory-overlay-size);z-index:1;pointer-events:none;visibility:hidden;opacity:0;will-change:opacity, transform;justify-content:center;align-items:center;transition:opacity .22s,transform .22s,visibility 0s linear .22s;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,calc(28px - 50%))}.inventory-overlay[data-state=open]{visibility:visible;opacity:1;transition-delay:0s;transform:translate(-50%,-50%)}.inventory-overlay[data-state=closed]{visibility:hidden}.inventory-overlay__background{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.inventory-overlay__scroll-area{--inventory-column-size:calc((100% - (var(--inventory-gap) * (var(--inventory-columns-count) - 1))) / var(--inventory-columns-count));--inventory-item-size:calc(var(--inventory-column-size) * var(--inventory-item-scale));left:var(--inventory-scroll-left);top:var(--inventory-scroll-top);grid-template-columns:repeat(var(--inventory-columns-count), var(--inventory-item-size));justify-content:center;gap:var(--inventory-gap);width:var(--inventory-scroll-width);height:var(--inventory-scroll-height);overscroll-behavior:contain;pointer-events:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0;display:grid;position:absolute;overflow-y:auto}.inventory-overlay__scroll-area::-webkit-scrollbar{display:none}.inventory-overlay__item{aspect-ratio:1;width:100%;padding:var(--inventory-item-padding);border-radius:calc(var(--inventory-item-size) * var(--inventory-item-radius-scale));box-sizing:border-box;background:#ffffff47;justify-content:center;align-items:center;display:flex}.inventory-overlay__item-image{width:var(--inventory-item-image-size);height:var(--inventory-item-image-size);object-fit:contain;-webkit-user-select:none;user-select:none}.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}