@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-primary: #030508;--bg-surface: #0f0f14;--bg-surface-2: #0d0d12;--text-primary: #f0f0f0;--text-secondary: #c4cbd4;--text-muted: #8a94a3;--text-ultra-muted: #6a7380;--amber: #f5a623;--astrophage: #ff6b35;--rocky: #d4c168;--tars: #d1d5db;--border: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .05);--accent: #00f5d4;--card-header-bg: rgba(255, 255, 255, .02);--scrollbar-thumb: rgba(0, 245, 212, .25);--scrollbar-thumb-hover: rgba(0, 245, 212, .45);--panel-bg: rgba(3, 5, 8, .92);--btn-bg: rgba(0, 0, 0, .6);--input-bg: #060b14;--input-color: #ffffff;--input-placeholder: #374151;--accent-border: rgba(0, 245, 212, .2);--section-border: rgba(255, 255, 255, .04);--topic-row-bg: rgba(255, 255, 255, .02);--topic-row-border: rgba(255, 255, 255, .03);--kbd-bg: rgba(255, 255, 255, .06);--kbd-border: rgba(255, 255, 255, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);transition:background .3s ease}button,a,input,select,textarea,[role=button]{touch-action:manipulation}.app-viewport{width:100vw;height:100vh;height:100dvh}.page-viewport{min-height:100vh;min-height:100dvh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#8080800d;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes shoot{0%{transform:translate(-100px) translateY(-100px) rotate(45deg);opacity:1}to{transform:translate(300px) translateY(300px) rotate(45deg);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes warp{0%{transform:scaleY(0);opacity:0}30%{opacity:1}to{transform:scaleY(1);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ticker-fade{0%{opacity:0;transform:translateY(4px)}12%{opacity:1;transform:translateY(0)}88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.animate-float{animation:float 3s ease-in-out infinite}.glass-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;transition:border-color .2s ease}.glass-card:hover{border-color:var(--accent-border)}.power-bar{position:relative;overflow:hidden;border-radius:4px}.power-bar:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s ease-in-out infinite}@media(max-width:768px){.corner-deco,.status-bar-bottom{display:none!important}}.stat-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.stat-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.16,1,.3,1)}.skill-tag{display:inline-block;padding:3px 10px;border-radius:6px;background:var(--card-header-bg);border:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:11px;transition:border-color .2s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}