html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#6fbf57;touch-action:none}body{font-family:Arial,sans-serif}canvas{display:block;margin:0 auto;image-rendering:auto}body{margin:0;padding:0;overflow:hidden;background-color:#32cd32;background-image:radial-gradient(#2e8b57 15%,transparent 16%),radial-gradient(#2e8b57 15%,transparent 16%);background-size:60px 60px;background-position:0 0,30px 30px}canvas{display:block}.easter-flight{--ui-scale: 1;position:relative;width:100%;height:100%;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#90d8ff,#dcf3ff 45%,#cde6b5);touch-action:none}.easter-flight__canvas{display:block;width:100%;height:100%}.easter-flight__hud{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto auto;gap:calc(16px * var(--ui-scale));padding:calc(22px * var(--ui-scale));color:#16303e;pointer-events:none;font-family:Inter,system-ui,sans-serif}.easter-flight__topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(12px * var(--ui-scale))}.easter-flight__title-block,.easter-flight__scoreboard,.easter-flight__meter,.easter-flight__status{background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.54);border-radius:calc(18px * var(--ui-scale));box-shadow:0 12px 26px #1d435d24}.easter-flight__title-block{padding:calc(16px * var(--ui-scale));max-width:min(72vw,320px)}.easter-flight__title{margin:0;font-size:calc(1.45rem * var(--ui-scale));font-weight:800}.easter-flight__subtitle{margin:calc(6px * var(--ui-scale)) 0 0;font-size:calc(.88rem * var(--ui-scale));line-height:1.4}.easter-flight__scoreboard{display:grid;gap:calc(10px * var(--ui-scale));min-width:calc(136px * var(--ui-scale));padding:calc(14px * var(--ui-scale))}.easter-flight__score-label{display:block;margin-bottom:calc(4px * var(--ui-scale));font-size:calc(.72rem * var(--ui-scale));text-transform:uppercase;letter-spacing:.08em;color:#5c7080}.easter-flight__score-value{font-size:calc(1.3rem * var(--ui-scale));font-weight:800}.easter-flight__meter{padding:calc(14px * var(--ui-scale))}.easter-flight__meter-header{display:flex;justify-content:space-between;gap:calc(10px * var(--ui-scale));align-items:center;margin-bottom:calc(10px * var(--ui-scale))}.easter-flight__meter-label,.easter-flight__meter-value{font-size:calc(.84rem * var(--ui-scale));font-weight:700;text-transform:uppercase;letter-spacing:.08em}.easter-flight__meter-track{height:calc(18px * var(--ui-scale));background:#153a4d1f;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px #14303d24}.easter-flight__meter-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fff07d,#ffbb5f 48%,#ff6f61);transition:width 80ms linear}.easter-flight[data-meter-mode=landing] .easter-flight__meter-fill{background:linear-gradient(90deg,#b3ecff,#5fd1ff 48%,#50b364)}.easter-flight__status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:calc(10px * var(--ui-scale));padding:calc(14px * var(--ui-scale))}.easter-flight__prompt{font-size:calc(1rem * var(--ui-scale));font-weight:800}.easter-flight__meta{font-size:calc(.88rem * var(--ui-scale));color:#445a68}html,body,#app{margin:0;width:100%;height:100%}body{background:#10212b}body{margin:0;padding:0;background-color:#222;overflow:hidden;touch-action:none;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}#app{width:100%;height:100%}canvas{display:block;margin:0 auto}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101418;color:#f4f7fb}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:radial-gradient(circle at top,rgba(75,189,130,.2),transparent 34%),linear-gradient(180deg,#0f151d,#0a0f15)}body{min-height:100vh;min-height:100dvh;overflow:hidden}button,input,textarea,select{font:inherit}#game-container{width:100%;height:100%}.shell{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden}.shell__game-container{position:absolute;top:0;left:0;height:100dvh;width:100vw;transform:none;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;background:#000}@media (min-aspect-ratio: 9 / 16){.shell__game-container{top:50%;left:50%;width:min(calc((100dvh - 24px)*.5625),calc(100vw - 48px));height:min(calc(100dvh - 24px),calc((100vw - 48px) * 16 / 9));transform:translate(-50%,-50%);border-radius:24px;box-shadow:0 18px 46px #00000061}}@media (hover: none) and (pointer: coarse){#game-container canvas{width:100%!important;height:100%!important}}.shell__toast{position:fixed;top:calc(env(safe-area-inset-top) + 14px);left:50%;z-index:40;min-width:min(280px,calc(100vw - 32px));max-width:min(420px,calc(100vw - 32px));padding:12px 16px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0c121adb;box-shadow:0 14px 40px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#f4f7fbe6;text-align:center;transform:translate(-50%,-12px);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.shell__toast.is-visible{transform:translate(-50%);opacity:1}.debug-toggle,.game-button,.action-button,.game-hop-slider__thumb{border:0;color:inherit;font:inherit}.debug-toggle,.debug-menu__panel{border:1px solid rgba(255,255,255,.08);background:#0c121acc;box-shadow:0 14px 40px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.debug-toggle{position:fixed;left:calc(env(safe-area-inset-left) + 12px);bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:30;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;cursor:pointer}.debug-toggle__icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff14}.debug-toggle__label{font-weight:700}.debug-menu{position:fixed;left:calc(env(safe-area-inset-left) + 12px);right:12px;bottom:calc(env(safe-area-inset-bottom) + 148px);z-index:35;width:min(360px,calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 24px),calc(56.25dvh - 24px))}.debug-menu__panel{display:flex;flex-direction:column;gap:18px;max-height:min(60vh,520px);padding:18px;border-radius:24px;overflow:auto}.debug-menu__header,.debug-menu__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.debug-menu__header h2,.debug-menu__section-head h3{margin:0}.debug-menu__header h2{font-size:1rem}.debug-menu__section-head h3{font-size:.95rem}.debug-menu__section-head span{color:#f4f7fba6}.game-list{display:grid;gap:10px;margin-top:12px}.game-list--stacked{align-content:start}.game-button,.action-button{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:16px;padding:14px 16px;background:#ffffff0f;cursor:pointer;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.game-button:hover,.game-button:focus-visible,.action-button:hover,.action-button:focus-visible,.debug-toggle:hover,.debug-toggle:focus-visible,.game-hop-slider__thumb:hover,.game-hop-slider__thumb:focus-visible{transform:translateY(-1px);background:#ffffff1a;box-shadow:0 10px 20px #0003;outline:none}.game-button.is-active{background:linear-gradient(135deg,#62ffaa38,#4885ff33);box-shadow:0 0 0 1px #62ffaa40 inset}.game-button__meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.game-button__title{font-weight:700}.game-button__subtitle{color:#f4f7fba6;font-size:.84rem;text-align:left}.game-button__badge{border-radius:999px;padding:4px 10px;background:#ffffff14;color:#f4f7fbd1;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.action-button{width:auto;justify-content:center}.action-button--secondary{background:#ffffff0a}.game-hop-slider{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 16px);transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(380px,calc(100vw - 32px),calc(56.25dvh - 32px));color:#fff;-webkit-user-select:none;user-select:none}.game-hop-slider__label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffc2;text-shadow:0 2px 10px rgba(0,0,0,.35);transition:color .14s ease,opacity .14s ease}.game-hop-slider__track{position:relative;width:100%;height:40px;touch-action:none}.game-hop-slider__track:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;border-radius:999px;background:#ffffff52;transform:translateY(-50%)}.game-hop-slider__fill{position:absolute;left:0;top:50%;width:28px;height:2px;border-radius:999px;background:#fff;opacity:.92;transform:translateY(-50%);transition:width .18s ease}.game-hop-slider__hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff94;pointer-events:none;transition:opacity .12s ease,color .12s ease}.game-hop-slider__thumb{position:absolute;left:0;top:50%;width:56px;height:16px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #ffffff24 inset,0 4px 22px #00000061,0 0 18px #ffffff29;cursor:grab;transform:translateY(-50%);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.game-hop-slider__thumb:hover{background:#fff;box-shadow:0 0 0 1px #ffffff2e inset,0 6px 24px #0000006b,0 0 20px #fff3}.game-hop-slider.is-dragging .game-hop-slider__fill,.game-hop-slider.is-dragging .game-hop-slider__thumb{transition:none}.game-hop-slider.is-dragging .game-hop-slider__thumb{cursor:grabbing}.game-hop-slider.is-threshold-reached .game-hop-slider__label,.game-hop-slider.is-threshold-reached .game-hop-slider__hint{color:#fff}.game-hop-slider.is-busy{opacity:.82}.game-hop-slider.is-busy .game-hop-slider__thumb{cursor:progress;opacity:.72}.game-hop-slider.is-busy .game-hop-slider__hint{opacity:0}.game-hop-slider__thumb:focus-visible{background:#fff;outline:2px solid rgba(255,255,255,.42);outline-offset:6px}body[data-app-mode=production] .debug-toggle,body[data-app-mode=production] .debug-menu{display:none}@media (max-width: 480px){.debug-toggle{padding:11px 14px}.debug-toggle__label{display:none}.debug-menu{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 24px)}.game-hop-slider{width:min(340px,calc(100vw - 24px))}.game-hop-slider__label,.game-hop-slider__hint{font-size:.72rem}}
