:root{--color-text:#fff;--color-text-secondary:#cbd5e1;--color-bg-primary:#0f172a;--color-bg-secondary:#1a1f3a;--color-surface:#1e293b;--color-surface-light:#334155;--color-border:#475569;--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-secondary:#8b5cf6;--color-green:#10b981;--color-red:#ef4444;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text);background:linear-gradient(135deg,var(--color-bg-primary)0%,var(--color-bg-secondary)100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.6}:root.light{--color-text:#111827;--color-text-secondary:#4b5563;--color-bg-primary:#f9fafb;--color-bg-secondary:#f3f4f6;--color-surface:#fff;--color-surface-light:#f9fafb;--color-border:#e5e7eb;--color-primary:#4f46e5;--color-primary-dark:#4338ca;--color-secondary:#7c3aed;--color-green:#059669;--color-red:#dc2626;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);background:linear-gradient(135deg,var(--color-bg-primary)0%,var(--color-bg-secondary)100%)}body{min-height:100vh;margin:0}*{box-sizing:border-box}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.gap-6{gap:1.5rem}.gap-2{gap:.5rem}.gap-1{gap:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.text-center{text-align:center}.max-w-7xl{max-width:80rem}.max-w-2xl{max-width:42rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding:1rem 0}.py-6{padding:1.5rem 0}.py-12{padding:3rem 0}.p-4{padding:1rem}.p-6{padding:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-12{margin-bottom:3rem}.mt-2,.mt-4{margin-top:.5rem}.mt-16{margin-top:4rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-border{border-color:var(--color-border)}.border-primary{border-color:var(--color-primary)}.border-green-500{border-color:var(--color-green)}.border-red-500{border-color:var(--color-red)}.bg-surface{background-color:var(--color-surface)}.bg-surface-light{background-color:var(--color-surface-light)}.bg-background{background-color:var(--color-bg-primary)}.bg-primary{background-color:var(--color-primary)}.bg-primary-dark{background-color:var(--color-primary-dark)}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-5xl{font-size:3rem;line-height:1}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.text-gray-400{color:var(--color-text-secondary)}.text-gray-500{color:#64748b}.text-green-400{color:var(--color-green)}.text-red-400{color:var(--color-red)}.text-red-300{color:#fca5a5}.cursor-pointer{cursor:pointer}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:bg-border:hover{background-color:var(--color-border)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:bg-white-20:hover{background-color:#fff3}.hover\:shadow-lg:hover{box-shadow:0 10px 30px #0000004d}.hover\:shadow-primary\/20:hover{box-shadow:0 10px 30px #6366f133}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.bg-primary-20{background-color:#6366f133}.bg-white-20{background-color:#fff3}.text-white{color:#fff}.text-white-80{color:#fffc}.shadow-lg{box-shadow:0 10px 30px #0000004d}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border-l-2{border-left-width:2px}.pl-2{padding-left:.5rem}.py-1{padding:.25rem 0}.py-1\.5{padding:.375rem 0}.py-0\.5{padding:.125rem 0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding:.75rem 0}.bottom-6{bottom:1.5rem}.right-6{right:1.5rem}.fixed{position:fixed}.hover\:scale-105:hover{transform:scale(1.05)}.max-h-\[600px\]{max-height:600px}.max-h-32{max-height:8rem}.w-96{width:24rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progress{0%{width:0%}to{width:100%}}.low-end-device *{transition-duration:0s!important;animation-duration:0s!important}.low-end-device .animate-spin,.low-end-device .animate-pulse{animation:none!important}.low-end-device .backdrop-blur-lg{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--color-surface)}.low-end-device .shadow-lg,.low-end-device .shadow-2xl{box-shadow:none}.game-iframe-container{z-index:100;flex-direction:column;width:100vw;height:calc(100vh - 80px);display:flex;position:fixed;inset:80px 0 0}.game-header{flex-shrink:0;height:auto}.game-content{background:var(--color-bg-primary);flex:1;padding:0 1rem;display:flex}.game-wrapper{flex:1;width:100%;max-width:1920px;margin:0 auto;position:relative}.game-wrapper iframe{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){body{-webkit-text-size-adjust:100%;font-size:16px}button,a,.cursor-pointer{min-width:44px;min-height:44px}:root{--color-text:#fff;--color-text-secondary:#e2e8f0}.game-iframe-container{z-index:9999!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;inset:0!important}.game-iframe-container>:first-child{display:none!important}.game-iframe-container>:last-child{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;top:0!important;left:0!important}.game-iframe-container>:last-child>*{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important}.game-iframe-container iframe{border:none!important;border-radius:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important}.game-iframe-container .absolute{border:none!important;border-radius:0!important}body.game-active header{display:none!important}.text-sm{font-size:.95rem}.text-xs{font-size:.85rem}}body{color:var(--color-text)}*{color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus\:not-sr-only:focus{width:auto;height:auto;padding:inherit;margin:inherit;clip:auto;white-space:normal;position:static;overflow:visible}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-primary{--tw-gradient-from:#6366f1;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.to-secondary{--tw-gradient-to:#8b5cf6}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:#0000}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}.h-\[calc\(100vh-80px\)\]{height:calc(100vh - 80px)}.bg-surface\/90{background-color:#1e293be6}.bg-surface\/50{background-color:#1e293b80}.bg-green-500\/10{background-color:#10b9811a}.bg-red-900\/20{background-color:#7f1d1d33}.border-4{border-width:4px}.border-t-transparent{border-top-color:#0000}.max-w-md{max-width:28rem}