:root{--bg-primary: #0e1014;--bg-secondary: #141820;--bg-tertiary: #1c2028;--text-primary: #e0e8f0;--text-secondary: #8898b0;--accent-success: #10b981;--accent-fail: #ef4444;--accent-crit: #f59e0b;--accent-ui: #3b98c4;--accent-secondary: #b83a3a;--glass-bg: rgba(20, 24, 32, .8);--glass-border: rgba(59, 152, 196, .06);--border-radius: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 15px rgba(59, 152, 196, .2);--font-heading: "Rajdhani", "Inter", sans-serif;--clip-panel: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);--clip-panel-lg: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%)}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;touch-action:none;background-image:radial-gradient(circle at 50% 0%,#141820 0%,var(--bg-primary) 70%)}button{font-family:inherit;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease}button:active{transform:scale(.96)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.clip-panel{clip-path:var(--clip-panel);border-radius:0!important}.clip-panel-lg{clip-path:var(--clip-panel-lg);border-radius:0!important}.cut-accent,.cut-accent-lg{border:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1c2028;border-radius:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}