*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:transparent;font-family:var(--font-game);color:var(--color-text-primary);overflow:hidden}#app{position:relative;width:100%;height:100%;overflow:hidden}#app canvas{position:absolute;top:0;left:0;z-index:0}.overlay{position:absolute;inset:0;pointer-events:none;z-index:10}.timer-banner{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.timer-banner__sprite{background-repeat:no-repeat;background-position:0 0;width:var(--timer-banner-width, 240px);height:48px;position:relative}.timer-banner__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-game);font-size:var(--font-size-md);color:var(--color-text-primary);white-space:nowrap;letter-spacing:.05em;pointer-events:none}.animated-button{display:inline-block;width:var(--animated-button-width);height:var(--animated-button-height);background-image:var(--animated-button-path);background-size:calc(var(--animated-button-width) * 3) var(--animated-button-height);background-position:0px 0px;background-repeat:no-repeat;border:none;cursor:pointer;color:var(--color-text-primary);font-family:var(--font-game);font-size:var(--font-size-sm);text-align:center;line-height:var(--animated-button-height);padding:0;background-color:transparent;outline:var(--bracket-weight) solid var(--color-border);outline-offset:-2px}.animated-button:disabled,.animated-button--disabled{cursor:not-allowed;opacity:.6}.animated-button.animated-button--loaded{outline:none}.ready-width{position:absolute;bottom:var(--space-lg);right:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);pointer-events:auto}.ready-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.start-flash{position:absolute;inset:0;background:var(--color-accent);opacity:0;pointer-events:none;transition:opacity .1s ease}.start-flash--visible{opacity:.15}@font-face{font-family:pixelFont;src:url(/assets/fonts/pixelFont.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg: #202E37;--color-bg-panel: #1c2931;--color-border: #7a9898;--color-border-dim:#4a6868;--color-text-primary: #c8d8c0;--color-text-secondary: #7a9898;--color-text-title: #d8e8d0;--color-text-error: #cc4444;--font-game: "pixelFont", "Courier New", monospace;--font-size-xs: clamp(.6rem, 1vw, .75rem);--font-size-sm: clamp(.7rem, 1.2vw, .875rem);--font-size-md: clamp(.85rem, 1.5vw, 1.25rem);--font-size-lg: clamp(1rem, 2vw, 1.75rem);--font-size-xl: clamp(1.2rem, 2.5vw, 1.5rem);--font-size-logo: clamp(1.2rem, 2.5vw, 2rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--bracket-weight: 1px;--timer-bar-height: 3px;--timer-banner-path: url(/assets/ui/timerBanner.png);--timer-banner-width: 0px;--animated-button-path: url(/assets/ui/playButton.png);--animated-button-width: 160px;--animated-button-height: 45px;--transition-fast: 80ms ease;--transition-normal: .14s ease}