@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--xomper-deep-navy: #050a08;--xomper-dark-navy: #0c1612;--xomper-bg-dark: #030706;--xomper-bg-card: #0a1610;--xomper-bg-card-hover: #14271e;--xomper-bg-input: #14271e;--xomper-champion-gold: #00ffab;--xomper-steel-blue: #00e89d;--xomper-accent-red: #ff4757;--xomper-text-primary: #f0f5f0;--xomper-text-secondary: #8fadA0;--xomper-text-muted: #4a6b5c;--xomper-success-green: #00e676;--xomper-error-red: #ff5252;--xomper-surface-light: #1a2e26;--xomper-legacy-red: #bf0a0a;--xomper-legacy-blue: #1b8edc;--xomper-bg-gradient: linear-gradient(180deg, #050a08 0%, #0c1612 50%, #050a08 100%);--xomper-card-gradient: linear-gradient(135deg, rgba(12, 22, 18, .97) 0%, rgba(5, 10, 8, .97) 100%);--xomper-gold-accent: linear-gradient(90deg, #00ffab 0%, #00e89d 100%);--xomper-red-accent: linear-gradient(90deg, #ff4757 0%, #ff6b7a 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#030706;color:#f0f5f0;font-family:Plus Jakarta Sans,sans-serif;margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;overflow-y:auto;padding:16px 16px 120px}button{background-color:#14271e;border:none;border-radius:3px;cursor:pointer;color:#f0f5f0;font-size:1.25rem;padding:8px 16px;margin:8px;transition:all .3s ease}button:hover{background-color:#00ffab;color:#050a08}button:disabled{background-color:#14271e;color:#4a6b5c;cursor:not-allowed}button:focus-visible{outline:2px solid #00ffab;outline-offset:2px}a:focus-visible{outline:2px solid #00ffab;outline-offset:2px}.win-streak{color:#00e676;font-weight:700}.loss-streak{color:#ff5252;font-weight:700}.clickable{cursor:pointer;color:#00e89d;text-decoration:underline}