*{box-sizing:border-box}body{margin:0;padding:0}:root{--max-width-player-content: 440px;--typeface-tiles: "Fira Sans", sans-serif;--typeface-typewriter: "Special Elite", serif;--typeface-body: "Roboto Mono", Roboto, monospace;--font-size-title: 3rem;--font-size-subtitle: 1.75rem;--font-size-regular: 1.2rem;--font-size-subtext: 1rem;--font-size-game-tile: 2rem;--font-size-keyboard-key: 1.3rem;--color-text: #272728;--color-text-secondary: #6e6e73;--color-tiles: #ffffff;--color-bg: #fbfbf8;--color-bg-light: #f8f9fa;--color-bg-cta: #538bf5;--color-bg-cta-light: #82abf7;--color-bg-correct: #e8f5e8;--color-bg-present: #fff9de;--color-bg-absent: #bbbbbb;--color-border: #d3d6da;--color-correct: #6aaa64;--color-present: #c9b458;--color-absent: #787c7e;--spacing-phase-view: 1rem;--color-border-filled: #878a8c;--color-bg-success-light: #e8f5e8;--color-error: #c33;--color-error-bg-light: #fee;--color-correct-dark: #538d4e;--color-success-dark: #22543d;--color-border-current: #565758;--color-error-dark: #742a2a;--color-error-bright: #ff6b6b;--color-present-dark: #b59f3b;--color-keyboard-gray: #b0b0b0;--spacing-unit: .5rem;--spacing-xs: calc(var(--spacing-unit) * .5);--spacing-sm: var(--spacing-unit);--spacing-md: calc(var(--spacing-unit) * 2);--spacing-lg: calc(var(--spacing-unit) * 4);--spacing-xl: calc(var(--spacing-unit) * 6);--border-width: 2px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--tile-min-height: clamp(32px, 8vh, 50px);--tile-max-height: clamp(42px, 10vh, 58px);--tile-gap: 8px;--keyboard-gap: .4rem;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}