:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#05060a;width:100%;height:100%;margin:0;padding:0;overflow:hidden}html,body{background:#000}.stage{width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#000;flex-direction:column;display:flex;overflow:hidden}.game-area{background:#0d0f14;flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-wrap{transform-origin:0 0;width:900px;height:650px;position:absolute;top:0;left:0}.canvas-wrap canvas{touch-action:none;display:block;position:absolute!important;top:0!important;left:0!important}.overlay{color:#9fb3c8;letter-spacing:.05em;pointer-events:none;background:#0d0f14;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:1.1rem;display:flex;position:absolute;inset:0}.fullscreen-btn{cursor:pointer;background:#14161cb3;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex;position:absolute;top:10px;left:10px}.fs-icon{width:14px;height:14px;position:relative}.fs-icon-enter:before,.fs-icon-enter:after,.fs-icon-exit:before,.fs-icon-exit:after{content:"";border:2px solid #cfe3f5;width:6px;height:6px;position:absolute}.fs-icon-enter:before{border-bottom:none;border-right:none;top:0;left:0}.fs-icon-enter:after{border-top:none;border-left:none;bottom:0;right:0}.fs-icon-exit:before{border-top:none;border-left:none;top:2px;left:2px}.fs-icon-exit:after{border-bottom:none;border-right:none;bottom:2px;right:2px}.control-cluster{touch-action:none;pointer-events:none;background:radial-gradient(circle at 18% 22%,#82c8ff12,#0000 42%),radial-gradient(circle at 82% 78%,#82c8ff0d,#0000 38%),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 54px),#050608;border-top:1px solid #000;flex:0 0 34%;justify-content:center;align-items:center;display:none;position:relative;overflow:hidden}@media (aspect-ratio<=5/7) and (orientation:portrait){.control-cluster{display:flex}}.control-cluster-active{pointer-events:auto}.control-cluster:before,.control-cluster:after{content:"";pointer-events:none;border:1px solid #82c8ff1f;border-radius:50%;width:34px;height:34px;position:absolute}.control-cluster:before{top:14%;left:10%}.control-cluster:after{bottom:14%;right:10%}.ipod-wheel{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 35% 30%,#2a2c30,#0a0a0b 70%);border:2px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:min(58vw,32vh,260px);display:flex;position:relative;box-shadow:inset 0 0 18px #000c,inset 0 2px 4px #ffffff0f,0 4px 14px #0009}.ipod-fire{background:radial-gradient(circle at 35% 30%,#3a3d42,#16171a 75%);border:2px solid #fff9;border-radius:50%;width:42%;height:42%;box-shadow:inset 0 0 10px #000000b3,inset 0 1px 3px #ffffff14,0 2px 6px #00000080}.ipod-wheel-arrow{pointer-events:none;opacity:.85;filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 1.5px #fffc);width:0;height:0;position:absolute}.ipod-wheel-arrow-up,.ipod-wheel-arrow-down{border-left:8px solid #0000;border-right:8px solid #0000;left:50%;transform:translate(-50%)}.ipod-wheel-arrow-up{border-bottom:11px solid #cfe3f5;top:12%}.ipod-wheel-arrow-down{border-top:11px solid #cfe3f5;bottom:12%}.ipod-wheel-arrow-left,.ipod-wheel-arrow-right{border-top:8px solid #0000;border-bottom:8px solid #0000;top:50%;transform:translateY(-50%)}.ipod-wheel-arrow-left{border-right:11px solid #cfe3f5;left:12%}.ipod-wheel-arrow-right{border-left:11px solid #cfe3f5;right:12%}.hud-stats{color:#fff;text-shadow:0 1px 3px #000c;pointer-events:none;flex-direction:column;gap:2px;font-family:Courier New,monospace;font-size:1rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.hud-stats-health{color:#f66}.hud-buttons{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:10px;right:10px}.hud-mute-btn{color:#000;cursor:pointer;background:#4dff99;border:none;border-radius:50%;width:34px;height:34px;padding:0;font-family:Courier New,monospace;font-size:.8rem}.hud-mute-btn-off{background:#666a73}.hud-credits-btn{color:#ccccd9;cursor:pointer;background:#262633d9;border:none;border-radius:4px;padding:5px 8px;font-family:Courier New,monospace;font-size:.75rem}@font-face{font-family:Audiowide;src:url(/zerlak-frontier/assets/fonts/Audiowide-Regular.ttf)format("truetype");font-display:swap}.screen-text-center{text-align:center;pointer-events:none;color:#cfe3f5;text-shadow:0 1px 4px #000c;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.title-heading{color:#73ccff;font-family:Audiowide,sans-serif;font-size:clamp(1.8rem,8vw,2.75rem)}.title-subtitle{color:#bfc7cf;font-family:Courier New,monospace;font-size:clamp(.85rem,3vw,1.1rem)}.title-instructions{color:#adb4bd;max-width:620px;font-family:Courier New,monospace;font-size:clamp(.65rem,2.2vw,.9rem);line-height:1.5}.title-prompt{color:#999ea6;font-family:Courier New,monospace;font-size:clamp(.8rem,2.8vw,1.05rem)}.gameover-heading{color:#e64040;font-family:Courier New,monospace;font-size:clamp(1.8rem,9vw,3rem);font-weight:700}.gameover-reason,.gameover-level{color:#ccc;font-family:Courier New,monospace;font-size:clamp(.85rem,3vw,1.05rem)}.gameover-prompt{color:#999ea6;font-family:Courier New,monospace;font-size:clamp(.8rem,2.6vw,.95rem)}.gameover-restart-btn{pointer-events:auto;color:#08130c;letter-spacing:.05em;cursor:pointer;background:#3dff96;border:none;border-radius:6px;margin-top:4px;padding:10px 28px;font-family:Courier New,monospace;font-size:clamp(.9rem,3vw,1.1rem);font-weight:700}.gameover-restart-btn:active{background:#2fd980}.galaxy-stats{color:#fff;text-shadow:0 1px 3px #000c;pointer-events:none;flex-direction:column;gap:2px;font-family:Courier New,monospace;font-size:1rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.galaxy-level{color:#ccccb3}.galaxy-banner-area{text-align:center;pointer-events:none;text-shadow:0 1px 3px #000c;flex-direction:column;align-items:center;gap:4px;padding:0 60px;display:flex;position:absolute;top:10px;left:0;right:0}.galaxy-banner{color:#ffd94d;font-family:Courier New,monospace;font-size:clamp(.9rem,3vw,1.3rem)}.galaxy-countdown{color:#ff8c33;font-family:Courier New,monospace;font-size:clamp(.75rem,2.5vw,1rem)}.galaxy-instructions{text-align:center;color:#ccc;text-shadow:0 1px 3px #000c;pointer-events:none;padding:0 10px;font-family:Courier New,monospace;font-size:clamp(.6rem,2vw,.85rem);position:absolute;bottom:10px;left:0;right:0}
