*,*: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;image-rendering:pixelated}#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;position:relative;zoom:2.5}.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-sm);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-widget{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}.intermission-troop-selector{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:20}.intermission-troop-selector--open{pointer-events:auto;opacity:1}.intermission-troop-selector__panel{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:auto;background-image:var(--intermission-troop-selector-bg);background-size:100% 100%;background-repeat:no-repeat;background-color:#3a5a73d9;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);width:var(--intermission-troop-selector-width, 220px);min-height:var(--intermission-troop-selector-height, auto)}.intermission-troop-selector__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.intermission-troop-selector__card{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:1px solid rgba(200,212,220,.2);padding:var(--space-xs);cursor:pointer;color:var(--color-text-primary);font-family:var(--font-game);transition:border-color var(--transition-fast)}.intermission-troop-selector__card:hover{border-color:#c8d4dc8c}.intermission-troop-selector__card--selected{border-color:#4a9fd4;border-width:2px}.intermission-troop-selector__icon{width:100%;aspect-ratio:1;object-fit:cover;display:block}.intermission-troop-selector__name{font-size:var(--font-size-xs);color:var(--color-text-primary);text-align:center}.intermission-troop-selector__cost{font-size:var(--font-size-xs);text-align:center}.intermission-troop-selector__credits{font-family:var(--font-game);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;margin-top:var(--space-xs)}@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;--intermission-troop-selector-bg: url(/assets/ui/selectionMenu.png);--intermission-troop-selector-width: 220px;--intermission-troop-selector-height: 400px;--animated-button-path: url(/assets/ui/playButton.png);--animated-button-width: 160px;--animated-button-height: 45px;--transition-fast: 80ms ease;--transition-normal: .14s ease}