:root{font-family:Inter,system-ui,sans-serif;color-scheme:light;--bg-lightest: #F4EEFF;--bg-light: #DCD6F7;--accent-medium: #A6B1E1;--text-dark: #424874;--card-bg: #ffffff;--card-radius: 48px;--card-padding: 40px;--card-shadow: 0 20px 60px -10px rgba(66, 72, 116, .2);--card-border: 0 0 0 1px rgba(255, 255, 255, 1);--gap-md: 24px;--gap-sm: 10px;color:var(--text-dark);background-color:var(--bg-lightest)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-image:linear-gradient(135deg,var(--bg-lightest) 0%,var(--bg-light) 100%)}#app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.desktop-view{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);text-align:center;animation:fadeIn .8s ease-out}.desktop-view h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:8px;color:var(--text-dark)}.qr-wrapper{padding:var(--card-padding);border-radius:var(--card-radius);background:var(--card-bg);box-shadow:var(--card-shadow),var(--card-border)}.bot-link{color:var(--text-dark);text-decoration:none;font-weight:700;font-size:1.1rem;transition:opacity .2s,color .2s;border-bottom:2px solid var(--accent-medium)}.bot-link:hover{opacity:.8;border-bottom-color:var(--text-dark)}.version{color:var(--accent-medium);font-family:monospace;font-size:.75rem;margin-top:var(--gap-sm);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-view{width:100%;height:100%;background-color:var(--bg-lightest);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-dark)}