:root{--bg-color: #000000;--bg-color-light: #050505;--surface: #000000;--surface-elevated: #07080d;--surface-strong: #080808;--surface-card: #0c0e17;--surface-card-hover: #121524;--surface-glass: rgba(0, 0, 0, .85);--surface-glass-border: rgba(255, 255, 255, .08);--ring: #000000;--border-subtle: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .09);--border-color-hover: rgba(255, 255, 255, .2);--border-color-focus: rgba(88, 101, 242, .5);--text-primary: #ffffff;--text-secondary: #9aa0a6;--text-tertiary: #5f6368;--text-muted: #52525b;--accent: #5865F2;--accent-hover: #4752c4;--accent-soft: #818cf8;--accent-glow: rgba(88, 101, 242, .2);--discord: #5865F2;--status-online: #22c55e;--status-idle: #f59e0b;--status-dnd: #ef4444;--status-streaming: #a855f7;--status-offline: #71717a;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 9999px;--border-radius-sm: var(--radius-sm);--border-radius: 14px;--border-radius-lg: var(--radius-xl);--border-radius-pill: var(--radius-pill);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease: var(--ease-out-expo);--transition: transform, opacity, background-color, border-color .22s var(--ease-out-expo);--transition-fast: .16s var(--ease-out-expo);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px -2px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .14);--shadow-card: var(--shadow-md);--shadow-card-hover: var(--shadow-lg);--shadow-modal: 0 24px 64px -12px rgba(0, 0, 0, .85), inset 0 1px 0 rgba(255, 255, 255, .08);--z-base: 1;--z-dropdown: 50;--z-sticky: 100;--z-header: 1000;--z-dock: 1100;--z-modal: 10000;--z-toast: 11000;--z-tooltip: 12000;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;-webkit-overflow-scrolling:touch}body{max-width:100%;width:100%}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body:not(.admin-body):before{display:none}body:not(.admin-body):after{display:none!important}.background-base{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none;overflow:hidden;background-color:#000}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#161616;border-radius:10px;border:2px solid #000000}::-webkit-scrollbar-thumb:hover{background:#262626}::selection{background:#5865f266;color:#fff}a{color:inherit;text-decoration:none;transition:var(--transition)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-sans);cursor:pointer;transition:var(--transition);outline:none}input,textarea{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;user-select:none;transition:var(--transition-fast);text-decoration:none;line-height:1.2;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none!important}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px -2px #5865f266}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px -2px #5865f299}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-color-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff0f;color:var(--text-primary)}.btn-danger{background:#ef44441f;color:#ef4444;border-color:#ef444440}.btn-danger:hover{background:#ef444433;border-color:#ef444466}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:var(--radius-lg)}.btn-pill{border-radius:var(--radius-pill)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;width:100%}.form-label{font-size:.82rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 14px;font-size:.9rem;font-family:var(--font-sans);color:var(--text-primary);background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-color-focus);background:#ffffff0d;box-shadow:0 0 0 3px #5865f240;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary);opacity:.8}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.45;cursor:not-allowed;background:#ffffff03}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;font-size:.72rem;font-weight:600;border-radius:var(--radius-pill);border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-secondary)}.badge-accent{background:#5865f21f;border-color:#5865f247;color:var(--accent-soft)}.badge-success{background:#22c55e1f;border-color:#22c55e47;color:var(--status-online)}.badge-warning{background:#f59e0b1f;border-color:#f59e0b47;color:var(--status-idle)}.badge-danger{background:#ef44441f;border-color:#ef444447;color:var(--status-dnd)}.empty-state-card,.empty-results-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;border-radius:var(--radius-lg);background:#ffffff04;border:1px dashed var(--border-color);color:var(--text-tertiary);width:100%;margin:20px 0;box-sizing:border-box}.empty-state-card i,.empty-results-box i{font-size:2.2rem;color:var(--text-tertiary);margin-bottom:14px;opacity:.7}.empty-state-card h4,.empty-results-box h4{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.empty-state-card p,.empty-results-box p{font-size:.88rem;color:var(--text-secondary);max-width:380px;margin-bottom:16px;line-height:1.5}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:var(--radius-md);background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fca5a5;font-size:.88rem;margin-bottom:16px}.error-banner i{color:#ef4444;font-size:1.1rem;flex-shrink:0}.content-wrapper{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:28px 24px 100px}section{margin-bottom:72px;content-visibility:auto;contain-intrinsic-size:auto 500px}.section-subtitle{font-family:var(--font-sans);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8;font-weight:700;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:.75rem}.section-subtitle:before{content:"";width:6px;height:6px;border-radius:50%;background:#5865f2;box-shadow:0 0 10px #5865f2cc;flex-shrink:0}.section-subtitle:after{content:"";height:1px;flex-grow:1;background:#ffffff0d}#skills .section-subtitle{flex:1;margin-right:16px}#skills-toggle-btn{flex-shrink:0;border-radius:10px!important}#skills-toggle-btn:hover{color:var(--text-primary)!important;border-color:var(--border-color-hover)!important;background:#ffffff0d!important;box-shadow:none}.hero-section{position:relative;margin-bottom:40px}.main-profile-container{width:100%;margin-bottom:0;display:flex;flex-direction:column;align-items:center}.main-profile-banner{position:relative;overflow:hidden;width:100%;height:185px;border-radius:var(--border-radius-lg);background:#000;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f,0 8px 30px #00000059;display:none}.main-profile-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(12,13,18,.7) 100%);pointer-events:none}.main-profile-body{width:100%;padding:0;display:flex;flex-direction:column;align-items:center;text-align:center}.main-profile-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:15px;margin-bottom:18px}.main-profile-header.has-banner{margin-top:-65px}.main-avatar-wrapper{position:relative;width:124px;height:124px;display:inline-flex;justify-content:center;align-items:center;margin-top:0;flex-shrink:0}.main-avatar-wrapper:before{display:none}.custom-status-bubble{position:absolute;top:14px;left:calc(100% + 12px);background:#000;border:1px solid rgba(255,255,255,.12);border-radius:9999px;padding:6px 14px;color:#f1f2f4;font-size:.8125rem;font-weight:500;white-space:nowrap;display:none;align-items:center;gap:6px;z-index:10;box-shadow:0 8px 24px #0000008c,inset 0 1px #ffffff1a;max-width:260px;overflow:visible;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}#custom-status-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.custom-status-bubble:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 30px #000000a6}.custom-status-bubble:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;background:#000;border-left:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.status-pulse-dot{width:8px;height:8px;border-radius:50%;background-color:#23a559;flex-shrink:0;transition:background-color .3s ease}.status-pulse-dot.streaming{background-color:#593695;box-shadow:0 0 8px #593695e6}.status-pulse-dot.online{background-color:#23a559;box-shadow:0 0 8px #23a559e6}.status-pulse-dot.idle{background-color:#f0b232;box-shadow:0 0 8px #f0b232e6}.status-pulse-dot.dnd{background-color:#f23f43;box-shadow:0 0 8px #f23f43e6}.main-avatar{width:124px;height:124px;border-radius:50%;border:5px solid var(--bg-color);object-fit:cover;background:#11131c;box-shadow:0 10px 30px #0009}.main-profile-header.has-banner .main-avatar{border:5px solid var(--bg-color)}.status-indicator{position:absolute!important;bottom:3px;right:3px;width:28px;height:28px;border-radius:50%;border:4px solid var(--ring);background-color:#80848e;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center;overflow:visible;z-index:5}.status-indicator:before{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#000;border:1px solid rgba(255,255,255,.15);padding:5px 10px;border-radius:8px;font-size:.72rem;font-weight:600;color:#f8fafc;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 8px 24px #000000b3;z-index:1000}.status-indicator:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.status-indicator.online{background-color:#23a559}.status-indicator.online:before{content:"En ligne"}.status-indicator.online:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #23a559;animation:radar-ping 2.2s cubic-bezier(0,0,.2,1) infinite;pointer-events:none;opacity:.75}@keyframes radar-ping{0%{transform:scale(.95);opacity:.85}70%,to{transform:scale(1.85);opacity:0}}.status-indicator.idle{background-color:#f0b232}.status-indicator.idle:before{content:"Inactif"}.status-indicator.idle:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background-color:var(--ring)}.status-indicator.dnd{background-color:#f23f43}.status-indicator.dnd:before{content:"Ne pas d\e9ranger"}.status-indicator.dnd:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:3.5px;border-radius:2px;background-color:var(--ring)}.status-indicator.streaming{background-color:#593695;cursor:pointer}.status-indicator.streaming:before{content:"En direct (Streaming)"}.status-indicator.streaming:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-38%,-50%);width:0;height:0;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;border-left:7.5px solid #ffffff;border-radius:1px}.status-indicator.offline{background-color:#80848e}.status-indicator.offline:before{content:"Hors ligne"}.status-indicator.offline:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:var(--ring)}.main-profile-info{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:0;padding-bottom:4px}.main-profile-header.has-banner .main-profile-info{padding-top:0}.main-profile-info h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;display:flex;align-items:center;justify-content:center;gap:10px}.profile-name{color:#fff;font-weight:700}.main-profile-about{font-size:1rem;line-height:1.6;color:var(--text-secondary);max-width:52ch;margin:0 auto 24px}.main-profile-about strong{color:#fff;font-weight:600}.socials-and-stats{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}.stats-bar{display:inline-flex;gap:0;align-items:center;padding:4px 6px;border-radius:100px;background:#ffffff08;border:1px solid var(--border-color)}.stat-item{display:flex;align-items:center;gap:7px;padding:3px 12px;color:var(--text-secondary);font-size:.82rem;font-weight:500;font-variant-numeric:tabular-nums}.stat-item+.stat-item{border-left:1px solid var(--border-color)}.stat-item i{transition:transform .25s var(--ease),color .25s ease}.like-btn{cursor:pointer;transition:transform,opacity,background-color,border-color,color .2s ease;border-radius:100px}.like-btn:hover{color:#fff}.verified-wrapper{position:relative;display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px}.verified-star{color:#5865f2;font-size:22px}.verified-check{color:#fff;font-size:10px;position:absolute}.premium-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-5px);background:var(--surface-strong);border:1px solid var(--border-color-hover);padding:6px 10px;border-radius:8px;font-family:var(--font-sans);font-size:.75rem;font-weight:500;letter-spacing:0;color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition)}.verified-wrapper:hover .premium-tooltip{opacity:1;transform:translate(-50%) translateY(-10px)}.main-handle{color:var(--text-secondary);font-size:.92rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:100px;background:#ffffff08;border:1px solid var(--border-color)}.main-handle:hover{color:var(--text-primary);border-color:var(--border-color-hover);background:#ffffff0d}.copy-feedback{font-size:.78rem;color:#23a559;opacity:0;transition:var(--transition);font-weight:600}.copy-feedback.visible{opacity:1}.main-link{display:none}.main-meta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;color:var(--text-secondary);font-size:.82rem;margin-top:6px}.meta-item{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);color:#94a3b8;font-size:.8125rem;font-weight:500}.meta-item i{color:var(--accent-soft);font-size:.75rem}.meta-item:has(>span:empty){display:none}.meta-separator{display:none}.pill-bar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:0}.pill-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:10px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;letter-spacing:-.01em;box-shadow:inset 0 1px #ffffff0d;transition:transform .16s cubic-bezier(.16,1,.3,1),background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;text-decoration:none}.pill-btn:hover{transform:translateY(-1px);border-color:#ffffff2e;background:#ffffff14;color:#fff;box-shadow:0 6px 16px #0006,inset 0 1px #ffffff14}.pill-btn:active{transform:translateY(0) scale(.98)}.pill-btn i{font-size:.85rem;color:#fff9;transition:color .16s ease}.glass-panel{background:var(--surface-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:30px;transition:transform .28s var(--ease),border-color .2s ease,box-shadow .28s var(--ease);box-shadow:var(--shadow-card),inset 0 1px #ffffff0a}.glass-panel:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-card-hover),inset 0 1px #ffffff14;transform:translateY(-2px)}.simplified-card{background:var(--surface-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:22px;display:flex;flex-direction:column;gap:16px;max-width:100%;margin:0 auto;box-shadow:var(--shadow-card),inset 0 1px #ffffff0d;transition:transform .28s var(--ease),border-color .2s ease,box-shadow .28s var(--ease);position:relative;overflow:hidden}.simplified-card:hover{border-color:var(--border-color-hover);box-shadow:0 16px 36px -12px #00000080,inset 0 1px #ffffff14;transform:translateY(-2px)}.presence-body{display:flex;align-items:center;gap:20px;width:100%}.presence-cover-wrapper{position:relative;width:92px;height:92px;flex-shrink:0}.presence-cover{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 10px 26px #0009;border:1px solid rgba(255,255,255,.1);transition:transform .28s var(--ease)}.simplified-card:hover .presence-cover{transform:scale(1.02)}.presence-logo-overlay{position:absolute;bottom:-7px;right:-7px;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--ring);border:3px solid var(--ring);color:#1db954;font-size:16px;box-shadow:0 4px 12px #0009;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.simplified-card:hover .presence-logo-overlay{transform:scale(1.12) rotate(8deg)}.presence-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:100%;gap:2px;text-align:left;z-index:2}.presence-bold-title{font-size:.72rem;font-weight:700;color:#1db954;text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.presence-track-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;letter-spacing:-.03em}.dim-text{color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monospace-text{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.5px;color:var(--text-tertiary);font-weight:500}.presence-progress-container{margin-top:12px;width:100%;display:flex;flex-direction:column;gap:6px}.presence-progress-bar{width:100%;height:4px;background:#ffffff14;border-radius:4px;overflow:hidden;position:relative}.presence-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#38bdf8);border-radius:4px;transition:width 1s linear;position:relative}.presence-progress-dot{display:none}.spotify-bars{display:flex;align-items:flex-end;gap:3px;height:14px;padding-bottom:2px}.spotify-bars span{width:3px;background-color:#10b981;border-radius:2px;display:inline-block;animation:spotify-bounce .8s infinite ease-in-out alternate}.spotify-bars span:nth-child(1){height:6px;animation-delay:.1s}.spotify-bars span:nth-child(2){height:14px;animation-delay:.4s}.spotify-bars span:nth-child(3){height:9px;animation-delay:.2s}.spotify-bars span:nth-child(4){height:12px;animation-delay:.6s}@keyframes spotify-bounce{0%{height:3px}to{height:14px}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.spotlight-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px circle at var(--mouse-x, -500px) var(--mouse-y, -500px),rgba(255,255,255,.075),transparent 40%);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:2}.project-card{background:#121319;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:22px;transition:var(--transition);display:flex;flex-direction:column;box-shadow:var(--shadow-card)}.project-card:hover{border-color:#ffffff29;transform:translateY(-3px);background:#15161f;box-shadow:0 16px 36px -10px #000000a6,inset 0 1px #ffffff14}.project-card-image{width:100%;height:165px;border-radius:12px;overflow:hidden;margin-bottom:14px;background:#090a0f;position:relative;border:1px solid rgba(255,255,255,.05)}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-card-image img{transform:scale(1.04)}.project-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.project-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.project-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.55;margin-bottom:18px;flex-grow:1}.project-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.project-tag{font-size:.74rem;font-family:var(--font-mono);padding:3px 8px;border-radius:6px;background:#ffffff0d;color:#d4d4d8;border:1px solid rgba(255,255,255,.06)}.project-link{flex-shrink:0;width:32px;height:32px;border-radius:50%;font-size:.8rem;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--border-color)}.project-link:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.blog-card{background:#121319;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:8px;overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-card)}.blog-card:hover{border-color:#ffffff29;transform:translateY(-3px)}.blog-cover{width:100%;height:180px;border-radius:var(--border-radius);overflow:hidden;background:#161720;position:relative;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.05)}.blog-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.blog-card:hover .blog-cover img{transform:scale(1.03)}.blog-cover-placeholder{font-size:2.2rem;color:#ffffff26}.blog-content{padding:16px 12px 10px;display:flex;flex-direction:column;flex-grow:1}.blog-date{font-size:.72rem;color:var(--text-tertiary);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-weight:600}.blog-title{font-family:var(--font-display);font-size:1.28rem;font-weight:700;letter-spacing:-.03em;margin-bottom:10px;line-height:1.25;color:var(--text-primary)}.blog-desc{color:var(--text-secondary);font-size:.93rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.blog-read-more{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--text-primary);transition:var(--transition);margin-top:auto}.blog-read-more i{font-size:.8rem;transition:transform .3s var(--ease)}.blog-card:hover .blog-read-more{color:var(--accent-soft)}.blog-card:hover .blog-read-more i{transform:translate(5px)}.blog-draft-badge{position:absolute;top:18px;right:18px;background:#000;color:#fff;padding:4px 10px;border-radius:100px;font-size:.68rem;font-weight:700;letter-spacing:.06em;z-index:2}.blog-category-badge{position:absolute;top:10px;left:10px;background:#000;color:var(--text-primary);padding:5px 12px;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.1);z-index:2}.blog-read-time{font-size:.78rem;color:var(--text-tertiary);font-weight:500}.blog-author-card{display:flex;align-items:center;gap:18px;padding:20px 22px;background:linear-gradient(180deg,#0e1c32b3,#081120b3);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:3rem;transition:var(--transition);box-shadow:var(--shadow-card)}.blog-author-card:hover{border-color:var(--border-color-hover);transform:translateY(-2px)}.blog-author-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--ring);box-shadow:0 0 0 1px #ffffff1f,0 8px 20px #0006}.blog-author-info{display:flex;flex-direction:column}.blog-author-name{font-family:var(--font-display);font-size:1.12rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.blog-author-role{font-size:.86rem;color:var(--text-tertiary);margin-top:2px}.blog-share-container{display:flex;align-items:center;gap:10px;margin-top:4rem;padding:18px 26px;background:#ffffff05;border-radius:100px;border:1px solid var(--border-color);justify-content:center}.blog-share-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);margin-right:12px}.blog-share-btn{width:44px;height:44px;border-radius:50%;background:#ffffff0a;border:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:transform,opacity,background-color,border-color,color .22s var(--ease)}.blog-share-btn:hover{background:#fff;color:#0c0d12;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px #5865f240}.similar-articles-section{margin-top:5rem;padding-top:3rem;border-top:1px solid var(--border-color)}.similar-articles-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-.03em;margin-bottom:2rem}.news-timeline{border-left:1px solid var(--border-color);padding-left:24px;margin-left:12px;display:flex;flex-direction:column;gap:40px}.news-item{position:relative}.news-item:before{content:"";position:absolute;left:-29.5px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--bg-color);border:2px solid var(--text-tertiary);transition:var(--transition)}.news-item:hover:before{border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.news-date{font-family:var(--font-mono);font-size:.8rem;color:var(--text-tertiary);margin-bottom:8px;display:block;letter-spacing:.5px}.news-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:12px;letter-spacing:-.03em}.news-content{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.contact-card{position:relative;background:#090a0f!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;padding:40px!important;box-shadow:0 24px 60px -15px #000000b3,inset 0 1px #ffffff0d!important;overflow:hidden;z-index:1}.contact-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,rgba(88,101,242,.06),transparent 60%);pointer-events:none;z-index:-1}.contact-header-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.contact-lead{font-size:.95rem;color:#94a3b8;line-height:1.6;max-width:500px;margin:0}.contact-availability-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;background:#23a55914;border:1px solid rgba(35,165,89,.2);border-radius:9999px;font-size:.78rem;font-weight:600;color:#4ade80;box-shadow:0 4px 12px #23a5591a}.availability-pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:radar-ping 2s cubic-bezier(0,0,.2,1) infinite}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:600px){.contact-grid{grid-template-columns:1fr;gap:20px}}.form-group{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.contact-label{font-size:.85rem;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:8px;letter-spacing:.02em}.contact-label i{color:var(--accent);font-size:.85rem}.contact-input{width:100%;background:#0d0f16;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;color:#f8fafc;font-family:var(--font-sans);font-size:.95rem;transition:transform,opacity,background-color,border-color,color .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #0003;resize:vertical}.contact-input:hover{border-color:#fff3;background:#11131a}.contact-input:focus{outline:none;border-color:#5865f2;background:#141722;box-shadow:inset 0 2px 4px #0003,0 0 0 4px #5865f226;transform:translateY(-1px)}.contact-input::placeholder{color:#475569;font-weight:400}.contact-submit-btn{position:relative;width:100%;height:52px;background:#f8fafc!important;color:#07080c!important;border:none!important;border-radius:12px;padding:0 28px;font-family:var(--font-sans);font-size:.95rem;font-weight:700;letter-spacing:-.01em;display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;box-shadow:0 8px 24px #f8fafc26!important;transition:transform,opacity,background-color,border-color,color .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.contact-submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff0,#fff6);opacity:0;transition:opacity .25s ease}.contact-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f8fafc40!important}.contact-submit-btn:hover:before{opacity:1}.contact-submit-btn:active{transform:translateY(1px);box-shadow:0 4px 12px #f8fafc1a!important}.contact-submit-btn i{font-size:.9rem;color:#07080c;transition:transform .3s cubic-bezier(.16,1,.3,1)}.contact-submit-btn:hover i{transform:translate(4px) translateY(-4px)}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none!important}.contact-status{margin-top:16px;text-align:center;font-size:.9rem;font-weight:500;padding:12px;border-radius:8px;display:none}.contact-status.success{display:block;background:#23a5591a;color:#4ade80;border:1px solid rgba(35,165,89,.2)}.contact-status.error{display:block;background:#f23f431a;color:#f87171;border:1px solid rgba(242,63,67,.2)}.contact-direct-footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.contact-direct-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:9999px;padding:8px 16px;font-size:.8rem;font-weight:500;color:#94a3b8;transition:transform,opacity,background-color,border-color,color .2s cubic-bezier(.16,1,.3,1)}.contact-direct-pill:hover{background:#ffffff14;border-color:#fff3;color:#f8fafc;transform:translateY(-1px)}.contact-direct-pill i{color:var(--accent);font-size:.9rem}.top-logo-container{position:fixed;top:16px;left:24px;z-index:1000;transition:var(--transition)}.site-brand-logo{width:38px;height:38px;box-sizing:border-box;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#000;box-shadow:0 10px 30px -4px #0009,inset 0 1px #ffffff0f;transition:transform .16s cubic-bezier(.16,1,.3,1),border-color .16s ease,box-shadow .16s ease;display:block;padding:3px}.top-logo-container:hover .site-brand-logo{transform:translateY(-1px);border-color:#ffffff2e;box-shadow:0 12px 34px -4px #000000b3,inset 0 1px #ffffff1a}.top-logo-container:active .site-brand-logo{transform:translateY(0) scale(.97)}.auth-container{position:fixed;top:16px;right:24px;z-index:1000;transition:var(--transition)}.auth-btn{height:38px;box-sizing:border-box;background:#000;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 10px 30px -4px #0009,inset 0 1px #ffffff0f;color:#cbd5e1;padding:0 14px;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1),color .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1)}.auth-btn:hover{background:#ffffff14;border-color:#ffffff2e;color:#fff;transform:translateY(-1px);box-shadow:0 12px 34px -4px #000000b3,inset 0 1px #ffffff1a}.auth-btn:active{transform:translateY(0) scale(.97)}.auth-btn i{color:#818cf8;font-size:.85rem;transition:color .16s ease}.auth-btn:hover i{color:#a5b4fc}.auth-profile{height:38px;box-sizing:border-box;display:flex;align-items:center;gap:8px;background:#000;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 10px 30px -4px #0009,inset 0 1px #ffffff0f;padding:3px 12px 3px 4px;transition:transform,opacity,background-color,border-color,color .16s cubic-bezier(.16,1,.3,1);cursor:pointer}.auth-profile:hover{border-color:#ffffff2e;background:#000;transform:translateY(-1px);box-shadow:0 12px 34px -4px #000000b3,inset 0 1px #ffffff1a}.auth-profile:active{transform:translateY(0) scale(.97)}.auth-avatar{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.12);object-fit:cover;background-color:#1a1b23;display:block}.auth-name{font-family:var(--font-sans);font-size:.8125rem;font-weight:550;color:#f1f5f9}.auth-logout{background:none;border:none;color:var(--text-tertiary);cursor:pointer;transition:var(--transition);padding:4px;display:flex;align-items:center}.auth-logout:hover{color:#ff5f56}.admin-bubble-container{position:fixed;bottom:28px;right:28px;z-index:1000}.admin-bubble-btn{width:44px;height:44px;border-radius:50%;background:#000;border:1px solid rgba(255,255,255,.1);color:#f59e0b;font-size:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 10px 28px #00000080,inset 0 1px #ffffff14;transition:transform,opacity,background-color,border-color,color .2s cubic-bezier(.16,1,.3,1)}.admin-bubble-btn:hover{background:#000;border-color:#f59e0b59;color:#fbbf24;transform:translateY(-2px) scale(1.04);box-shadow:0 14px 34px #000000a6,0 0 16px #f59e0b33}.presence-action-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;background:#59369533;border:1px solid rgba(89,54,149,.45);color:#d8b4fe;font-size:.8rem;font-weight:600;transition:transform,opacity,background-color,border-color,color .2s var(--md-emphasized);text-decoration:none;margin-top:8px}.presence-action-btn:hover{background:#593695;border-color:#593695;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #59369566}.hidden{display:none!important}@keyframes md-reveal{0%{opacity:0;transform:translate3d(0,24px,0) scale(.985)}to{opacity:1;transform:none}}.reveal{opacity:0}.reveal.fade-in-up{opacity:1;animation:md-reveal .75s var(--md-emphasized-decel) backwards}.reveal.delay-1{animation-delay:.06s}.reveal.delay-2{animation-delay:.12s}.reveal.delay-3{animation-delay:.18s}.reveal.delay-4{animation-delay:.24s}.reveal.delay-5{animation-delay:.3s}.admin-container{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-sm)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.tab-container{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.tab-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:10px 20px;border-radius:100px;font-size:.9rem;font-weight:500}.tab-btn:hover{background:#ffffff08;color:var(--text-primary)}.tab-btn.active-tab{background:var(--bg-color-light);border-color:var(--border-color);color:var(--text-primary)}.tab-content{margin-top:var(--spacing-md)}.maintenance-screen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1.25rem;background:#000;overflow:hidden;box-sizing:border-box}.maintenance-ambient-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#ffffff09,#0000 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.maintenance-card{position:relative;z-index:1;text-align:center;padding:3rem 2.2rem;background:#08080ad9!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px;margin:0 auto;max-width:460px;width:100%;box-shadow:0 30px 80px #000000d9,inset 0 1px #ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-sizing:border-box;animation:maintFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes maintFadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.maintenance-brand{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.maintenance-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(255,255,255,.08))}.maintenance-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;margin-bottom:1.25rem}.maintenance-status-dot{width:6px;height:6px;border-radius:50%;background:#eab308;box-shadow:0 0 8px #eab30899;animation:maintPulse 2s ease-in-out infinite}@keyframes maintPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.maintenance-title{font-family:var(--font-display, "Satoshi", sans-serif);font-size:1.45rem;font-weight:700;letter-spacing:-.03em;color:#fff;margin:0 0 .65rem;line-height:1.2}.maintenance-desc{font-size:.9rem;line-height:1.6;color:#8e95a5;margin:0;white-space:normal;word-break:break-word}.maintenance-admin-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.45rem;margin-top:1.75rem;color:#555c6d;text-decoration:none;font-size:.76rem;letter-spacing:.02em;transition:color .2s ease;padding:.4rem .8rem;border-radius:8px}.maintenance-admin-link:hover{color:#94a3b8}.admin-input-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.skills-constellation{position:relative;width:100%;height:500px;margin:20px 0;perspective:1000px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(0,153,255,.1),transparent 70%),linear-gradient(180deg,#0a16288c,#060d198c);box-shadow:var(--shadow-card)}.skills-constellation:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(to right,rgba(84,152,228,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(84,152,228,.07) 1px,transparent 1px);background-size:56px 56px;background-position:center center;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 80%);pointer-events:none;z-index:0}.skill-star{position:absolute;left:var(--x);top:var(--y);display:flex;flex-direction:column;align-items:center;background:#000;border:1px solid rgba(148,187,255,.1);padding:11px 18px;border-radius:14px;box-shadow:inset 0 1px #ffffff0a,0 8px 20px #00061259;transform:scale(var(--s)) translateZ(0);filter:blur(var(--b));opacity:calc(1 - (var(--b) * .2));transition:filter .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s,box-shadow .3s;cursor:crosshair;z-index:1}.skill-star:hover{transform:scale(1.2) translateY(-12px)!important;z-index:10;background:#000;border-color:var(--color);box-shadow:0 20px 40px #0000008c,0 0 26px color-mix(in srgb,var(--color) 45%,transparent);filter:blur(0px)!important;opacity:1!important}.star-node{width:7px;height:7px;border-radius:50%;background:var(--color);box-shadow:0 0 10px var(--color),0 0 18px var(--color);margin-bottom:8px;transition:transform .4s ease}.skill-star:hover .star-node{transform:scale(1.5)}.star-name{color:#fff;font-size:.88rem;font-family:var(--font-display);font-weight:700;margin-bottom:8px;letter-spacing:-.01em;white-space:nowrap}.star-line{width:100%;height:3px;background:#94bbff1a;border-radius:2px;position:relative;overflow:hidden}.star-line:after{content:"";position:absolute;left:0;top:0;height:100%;width:60%;background:var(--color);box-shadow:0 0 8px var(--color);border-radius:2px}.skills-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.skill-list-item{background:#121319!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:12px 16px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#e4e4e7!important;font-size:.9rem!important;font-weight:600!important;transition:var(--transition)!important}.skill-list-item:hover{background:#171822!important;border-color:#ffffff29!important;transform:translateY(-2px)!important}@keyframes constellation-wander{0%{transform:scale(var(--s)) translateZ(0)}20%{transform:scale(var(--s)) translate3d(30px,-20px,0)}40%{transform:scale(var(--s)) translate3d(50px,30px,0)}60%{transform:scale(var(--s)) translate3d(-20px,40px,0)}80%{transform:scale(var(--s)) translate3d(-30px,-15px,0)}to{transform:scale(var(--s)) translateZ(0)}}@media(max-width:1024px){.content-wrapper{max-width:100%;padding:124px 28px 70px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}}@media(max-width:768px){:root{--nav-height: 64px}.content-wrapper{padding:108px 20px 60px}body:not(.admin-body):after{background-size:100% 100%,100% 100%,64px 64px,64px 64px,100% 100%;height:760px}.top-logo-container{top:12px;left:16px}.top-logo-container img{width:40px!important;height:40px!important}.auth-container{top:12px;right:16px}.auth-btn{height:40px;padding:0 14px;font-size:.82rem}.auth-profile{padding:4px 12px 4px 4px;gap:8px}.auth-avatar{width:30px;height:30px}.hero-section{margin-bottom:80px}.main-profile-body{padding:0}.main-profile-header,.main-profile-header.has-banner{flex-direction:column;align-items:center;text-align:center;gap:18px}.main-profile-banner{height:190px;border-radius:22px}.main-profile-header.has-banner .main-avatar-wrapper{margin-top:-64px}.main-avatar-wrapper,.main-avatar{width:128px;height:128px}.main-profile-header.has-banner .main-avatar{border-width:6px}.custom-status-bubble{left:50%;top:auto;bottom:-24px;transform:translate(-50%);white-space:normal;max-width:240px;width:max-content;text-align:center;padding:6px 12px;font-size:.8rem}.custom-status-bubble:before{left:50%;top:-6px;transform:translate(-50%) rotate(45deg);border-left:1px solid rgba(148,187,255,.14);border-top:1px solid rgba(148,187,255,.14);border-bottom:none}.main-avatar-wrapper:has(.custom-status-bubble[style*=flex]){margin-bottom:18px}.main-profile-info{align-items:center;padding-top:4px}.main-profile-info h2{font-size:2.3rem;justify-content:center;flex-wrap:wrap}.main-handle{justify-content:center}.main-meta-row{justify-content:center;flex-wrap:wrap;gap:6px;font-size:.82rem}.main-profile-about{text-align:center;margin:0 auto 24px;font-size:1rem}.socials-and-stats{flex-direction:column;align-items:center;gap:16px;justify-content:center}.pill-bar{justify-content:center;margin-bottom:0;gap:8px}.stats-bar{justify-content:center}.skills-constellation{height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;perspective:none;padding:22px 16px}.skill-star{position:static!important;left:auto!important;top:auto!important;transform:none!important;filter:blur(0)!important;opacity:1!important;animation:none!important;width:auto!important;flex-direction:row;gap:8px;padding:9px 15px;border-radius:100px;background:#000;border:1px solid rgba(148,187,255,.12);box-shadow:0 4px 12px #00000040}.skill-star:hover{transform:translateY(-3px)!important;background:#000}.star-node{margin-bottom:0;width:6px;height:6px}.star-name{margin-bottom:0;font-size:.85rem}.star-line{display:none!important}.projects-grid{grid-template-columns:1fr;gap:16px}.contact-grid{grid-template-columns:1fr;gap:0}.admin-input-row{grid-template-columns:1fr;gap:14px}.simplified-card{max-width:100%;width:100%}}@media(max-width:540px){:root{--nav-height: 60px}.content-wrapper{padding:96px 14px 50px}section{margin-bottom:72px}.top-logo-container{top:11px;left:12px}.top-logo-container img{width:38px!important;height:38px!important;border-radius:10px!important}.auth-container{top:12px;right:12px}.auth-btn{height:36px;padding:0 13px;font-size:.78rem;gap:7px}.auth-profile{height:36px;padding:3px 11px 3px 3px}.auth-avatar{width:28px;height:28px}.auth-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.main-profile-banner{height:150px;border-radius:18px}.main-avatar-wrapper{width:108px;height:108px}.main-avatar{width:108px;height:108px;border-width:5px}.main-profile-header.has-banner .main-avatar{border-width:5px}.main-profile-header.has-banner .main-avatar-wrapper{margin-top:-54px}.main-profile-info h2{font-size:1.95rem;gap:8px}.verified-wrapper{width:22px;height:22px}.verified-star{font-size:20px}.verified-check{font-size:10px}.main-meta-row{font-size:.78rem;gap:6px}.meta-item{padding:4px 10px}.main-profile-about{font-size:.95rem}.pill-btn{height:38px;padding:0 14px;font-size:.84rem}.simplified-card{padding:14px 16px;border-radius:18px;gap:12px}.presence-body{gap:14px}.presence-cover-wrapper{width:72px;height:72px}.presence-cover{border-radius:12px}.presence-logo-overlay{width:24px;height:24px;font-size:13px;bottom:-4px;right:-4px;border-width:2px}.presence-bold-title{font-size:.68rem}.presence-track-title{font-size:1.02rem}.dim-text{font-size:.8rem}.monospace-text{font-size:.72rem}.project-card{padding:18px 16px;border-radius:20px}.project-title{font-size:1.08rem}.project-desc{font-size:.9rem;margin-bottom:16px}.blog-card{border-radius:20px;padding:6px}.blog-cover{border-radius:15px;height:160px}.news-timeline{padding-left:16px;margin-left:6px;gap:28px}.news-item:before{left:-21.5px;top:5px;width:9px;height:9px}.news-title{font-size:1.1rem;margin-bottom:8px}.news-content{font-size:.9rem}.glass-panel{padding:20px 16px;border-radius:20px}.contact-input{padding:12px 14px;font-size:.92rem}.contact-submit-btn{height:46px;font-size:.94rem}.admin-bubble-container{bottom:20px;right:16px}.admin-bubble-btn{width:50px;height:50px;font-size:1.05rem}#back-to-top{bottom:20px;left:16px;width:42px;height:42px}#toast-container{bottom:16px;right:16px;left:16px;width:auto}.toast{padding:12px 16px;font-size:.88rem}#settings-dropdown{width:calc(100vw - 28px)!important;max-width:300px!important;right:0!important;padding:8px!important}}@media(max-width:380px){.content-wrapper{padding:90px 12px 40px}.top-logo-container{top:12px;left:10px}.top-logo-container img{width:34px!important;height:34px!important}.auth-container{top:12px;right:10px}.auth-btn{padding:0 11px;font-size:.72rem}.main-profile-info h2{font-size:1.7rem}.main-avatar-wrapper,.main-avatar{width:96px;height:96px}.main-profile-header.has-banner .main-avatar-wrapper{margin-top:-48px}.presence-body{gap:12px}.presence-cover-wrapper{width:62px;height:62px}.presence-track-title{font-size:.94rem}}@keyframes md-rise{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}@keyframes md-scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes md-pop{0%{opacity:0;transform:translate3d(-8px,0,0) scale(.85)}to{opacity:1;transform:none}}.hero-section .main-profile-container.reveal{opacity:1;animation:none}.main-avatar-wrapper{animation:md-scale-in .7s var(--md-emphasized-decel) .05s backwards}.custom-status-bubble{transform-origin:left center;animation:md-pop .5s var(--md-spring) .55s backwards}.main-profile-info>h2{animation:md-rise .6s var(--md-emphasized-decel) .15s backwards}.main-profile-info>.main-handle{animation:md-rise .6s var(--md-emphasized-decel) .22s backwards}.main-profile-info>.main-meta-row{animation:md-rise .6s var(--md-emphasized-decel) .29s backwards}.main-profile-about{animation:md-rise .6s var(--md-emphasized-decel) .36s backwards}.pill-bar>*{animation:md-rise .55s var(--md-emphasized-decel) backwards}.pill-bar>*:nth-child(1){animation-delay:.42s}.pill-bar>*:nth-child(2){animation-delay:.47s}.pill-bar>*:nth-child(3){animation-delay:.52s}.pill-bar>*:nth-child(4){animation-delay:.57s}.pill-bar>*:nth-child(5){animation-delay:.62s}.pill-bar>*:nth-child(n+6){animation-delay:.67s}.stats-bar{animation:md-rise .55s var(--md-emphasized-decel) .68s backwards}.reveal.fade-in-up .projects-grid>*:not(.reveal),.reveal.fade-in-up .skills-list>*{animation:md-rise .55s var(--md-emphasized-decel) backwards}.projects-grid>*:nth-child(1),.skills-list>*:nth-child(1){animation-delay:.04s}.projects-grid>*:nth-child(2),.skills-list>*:nth-child(2){animation-delay:.08s}.projects-grid>*:nth-child(3),.skills-list>*:nth-child(3){animation-delay:.12s}.projects-grid>*:nth-child(4),.skills-list>*:nth-child(4){animation-delay:.16s}.projects-grid>*:nth-child(5),.skills-list>*:nth-child(5){animation-delay:.2s}.projects-grid>*:nth-child(6),.skills-list>*:nth-child(6){animation-delay:.24s}.projects-grid>*:nth-child(n+7),.skills-list>*:nth-child(n+7){animation-delay:.28s}.status-indicator.online{box-shadow:0 0 #23a559b3;animation:pulseOnline 2.4s infinite}@keyframes pulseOnline{0%{box-shadow:0 0 #23a5598c}70%{box-shadow:0 0 0 7px #23a55900}to{box-shadow:0 0 #23a55900}}.status-indicator.streaming{background-color:#593695;box-shadow:0 0 #593695b3;animation:pulseStreaming 2.4s infinite}@keyframes pulseStreaming{0%{box-shadow:0 0 #593695a6}70%{box-shadow:0 0 0 7px #59369500}to{box-shadow:0 0 #59369500}}.status-indicator.idle{box-shadow:0 0 #f0b232b3;animation:pulseIdle 2.4s infinite}@keyframes pulseIdle{0%{box-shadow:0 0 #f0b2328c}70%{box-shadow:0 0 0 6px #f0b23200}to{box-shadow:0 0 #f0b23200}}.status-indicator.dnd{box-shadow:0 0 #f23f43b3;animation:pulseDnd 2.4s infinite}@keyframes pulseDnd{0%{box-shadow:0 0 #f23f438c}70%{box-shadow:0 0 0 6px #f23f4300}to{box-shadow:0 0 #f23f4300}}.main-avatar-wrapper{transition:transform var(--md-medium) var(--md-emphasized)}.main-avatar-wrapper:hover{transform:scale(1.03)}.main-avatar{transition:border-color var(--md-medium) var(--md-emphasized),box-shadow var(--md-medium) var(--md-emphasized)}.main-avatar-wrapper:hover .main-avatar{border-color:#ffffff24;box-shadow:0 12px 32px #00000080}.custom-status-bubble{transition:transform var(--md-short) var(--md-emphasized),box-shadow var(--md-short) var(--md-emphasized),border-color var(--md-short) var(--md-emphasized)}.custom-status-bubble:hover{transform:translateY(-1px);border-color:#fff3;box-shadow:0 8px 22px #00000080}.copyable-handle{cursor:pointer;transition:color var(--md-short) var(--md-emphasized),background-color var(--md-short) var(--md-emphasized),border-color var(--md-short) var(--md-emphasized),transform var(--md-short) var(--md-emphasized)}.copyable-handle:hover{color:#fff}.copyable-handle:active{transform:scale(.97)}.pill-btn{position:relative;overflow:hidden;z-index:1;transition:background-color var(--md-short) var(--md-emphasized),border-color var(--md-short) var(--md-emphasized),box-shadow var(--md-medium) var(--md-emphasized),transform var(--md-short) var(--md-emphasized)}.pill-btn:hover{background-color:#ffffff14!important;border-color:#fff3!important;color:#fff!important;box-shadow:0 4px 14px #00000059}.pill-btn:active{transform:scale(.97);background-color:#ffffff1f!important}.pill-btn i{font-size:.85rem;color:#ffffff8c;transition:color .15s ease}.pill-btn:hover i{color:#fff}.project-card,.glass-panel,.simplified-card,.blog-card{transition:transform var(--md-medium) var(--md-emphasized),border-color var(--md-medium) var(--md-emphasized),background-color var(--md-medium) var(--md-emphasized),box-shadow var(--md-medium) var(--md-emphasized)}.project-card,.glass-panel,.simplified-card{position:relative;overflow:hidden}.project-card:hover,.glass-panel:hover,.simplified-card:hover,.blog-card:hover{border-color:#ffffff29!important;transform:translateY(-2px);box-shadow:0 1px 2px #0000004d,0 12px 32px #0000006b!important}.project-card:active,.simplified-card:active,.blog-card:active{transform:translateY(0) scale(.995)}.contact-card.glass-panel:hover,.contact-card.glass-panel:active{transform:none}.project-link{transition:transform var(--md-short) var(--md-emphasized),color var(--md-short) var(--md-emphasized)}.project-link:hover{transform:translate(2px,-2px);color:#fff}.skill-list-item{transition:transform var(--md-short) var(--md-emphasized),border-color var(--md-short) var(--md-emphasized),background-color var(--md-short) var(--md-emphasized),box-shadow var(--md-medium) var(--md-emphasized)!important}.skill-list-item:hover{transform:translateY(-2px)!important;border-color:#ffffff2e!important;background-color:#ffffff0d!important;box-shadow:0 8px 22px #00000061!important}.skill-list-item i{transition:transform var(--md-medium) var(--md-spring)}.skill-list-item:hover i{transform:scale(1.15)}.stat-item{transition:transform var(--md-short) var(--md-emphasized),color var(--md-short) var(--md-emphasized),background-color var(--md-short) var(--md-emphasized)}.stat-item.like-btn:hover{color:#fff;background-color:#ffffff0f}.stat-item.like-btn:active{transform:scale(.94)}.stat-item.like-btn i{transition:color var(--md-short) ease}.stat-item.like-btn:hover i{color:#f43f5e}.top-logo-container img{transition:transform var(--md-medium) var(--md-emphasized)}.top-logo-container:hover img{transform:scale(1.06)}.presence-progress-fill{position:relative;border-radius:3px}.presence-logo-overlay i{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.simplified-card:hover .presence-logo-overlay i{transform:scale(1.15) rotate(5deg)}.skeleton,.skeleton-box{background:#090a10;background-image:linear-gradient(90deg,#090a10,#141724,#090a10 80px);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm)}.skeleton-text{height:1em;margin-bottom:.5rem;border-radius:var(--radius-xs)}.skeleton-title{height:1.5em;width:60%;margin-bottom:1rem;border-radius:var(--radius-xs)}.skeleton-desc{height:1em;width:100%;border-radius:var(--radius-xs)}.skeleton-desc-short{height:1em;width:80%;border-radius:var(--radius-xs)}.skeleton-avatar{width:50px;height:50px;border-radius:50%}.skeleton-card{background:#0c0e17;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}#reading-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-soft));width:0%;z-index:10000;transition:width .1s linear;box-shadow:0 0 12px var(--accent)}#toast-container{position:fixed;bottom:30px;right:30px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px}.toast{background:#000;border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--accent);color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 16px 40px #0000008c;display:flex;align-items:center;gap:12px;font-size:.92rem;font-weight:500;transform:translate(120%);opacity:0;animation:toastSlideIn var(--md-medium) var(--md-emphasized-decel) forwards}.toast.closing{animation:toastSlideOut var(--md-short) var(--md-emphasized-accel) forwards}@keyframes toastSlideIn{to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{to{transform:translate(120%);opacity:0}}.toast.success{border-left-color:#23a559}.toast.success i{color:#23a559}.toast.error{border-left-color:#f23f43}.toast.error i{color:#f23f43}.toast i{font-size:1.1rem}#back-to-top{position:fixed;bottom:30px;left:30px;z-index:9998;width:44px;height:44px;border-radius:50%;background:#000;border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;transform:translateY(20px) scale(.8);transition:opacity var(--md-medium) var(--md-emphasized),transform var(--md-medium) var(--md-emphasized),background-color var(--md-short) var(--md-emphasized),border-color var(--md-short) var(--md-emphasized),box-shadow var(--md-medium) var(--md-emphasized);pointer-events:none;box-shadow:0 10px 24px #0006}#back-to-top:hover{background:#ffffff1f;color:#fff;border-color:#ffffff47;transform:translateY(-3px) scale(1.04);box-shadow:0 12px 28px #00000080}#back-to-top:active{transform:scale(.96)}body.theme-dim{--bg-color: #0b1220;--bg-color-light: #111a2b;--ring: #0b1220}body.theme-oled{--bg-color: #000000;--bg-color-light: #0a0a0a;--ring: #000000;--hero-top: #04101f}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:var(--z-modal);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity var(--md-short) var(--md-emphasized)}.lightbox-overlay.visible{opacity:1;pointer-events:all}.lightbox-content{max-width:90%;max-height:90%;border-radius:16px;box-shadow:0 30px 80px #000000b3;border:1px solid rgba(255,255,255,.12);transform:scale(.92);transition:transform var(--md-medium) var(--md-emphasized-decel)}.lightbox-overlay.visible .lightbox-content{transform:scale(1)}.lightbox-close{position:absolute;top:20px;right:20px;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#000;color:#050b14;font-size:1.2rem;cursor:pointer;transition:transform .2s}.lightbox-close:hover{transform:scale(1.1)}body.focus-mode .content-wrapper>*:not(:hover){opacity:.3;filter:blur(2px);transition:opacity .4s ease,filter .4s ease}body.focus-mode .content-wrapper>*{transition:opacity .4s ease,filter .4s ease}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(80,170,255,.08),transparent 40%);z-index:0;opacity:0;transition:opacity .3s;pointer-events:none}.spotlight-card:hover:before{opacity:1}.spotlight-card>*{position:relative;z-index:1}body.page-transitioning{opacity:0;transform:scale(.99)}body{transition:opacity .3s ease,transform .3s ease}body.idle-dim{opacity:.6;filter:brightness(.8)}body.glass-theme{background-image:radial-gradient(circle at top right,rgba(47,155,255,.05) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(47,155,255,.035) 0%,transparent 40%);background-attachment:scroll}body.glass-theme .main-profile-banner{box-shadow:inset 0 1px #ffffff2e,0 24px 60px #000a1e99}body.glass-theme .glass-card,body.glass-theme .admin-panel-card{background:#08112099;border:1px solid rgba(148,187,255,.1)}.music-player-container{position:fixed;bottom:24px;left:24px;width:320px;background:#000;border:1px solid rgba(148,187,255,.12);border-radius:20px;padding:14px;z-index:9999;box-shadow:0 20px 44px #00000073,inset 0 1px #ffffff0f;display:flex;flex-direction:column;gap:14px;transition:transform,opacity,background-color,border-color,color .4s var(--ease)}.music-player-container:hover{border-color:#94bbff38;background:#000;transform:translateY(-2px);box-shadow:0 26px 54px #00000080,inset 0 1px #ffffff14}.music-inner{display:flex;justify-content:space-between;align-items:center}.music-info{display:flex;align-items:center;gap:12px;overflow:hidden}.music-icon{color:var(--accent-soft);background:#2f9bff1a;padding:12px;border-radius:12px;font-size:1rem;box-shadow:inset 0 0 0 1px #2f9bff33}.music-text{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.music-title{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:#fff;text-overflow:ellipsis;overflow:hidden;letter-spacing:-.02em}.music-artist{font-size:.75rem;color:var(--text-secondary);text-overflow:ellipsis;overflow:hidden;margin-top:2px}.music-controls{display:flex;align-items:center;gap:4px}.music-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform,opacity,background-color,border-color,color .2s ease}.music-btn:hover{color:#050b14;background:#fff;transform:scale(1.05)}.music-btn:active{transform:scale(.95)}.music-progress-wrapper{display:flex;align-items:center;gap:10px;width:100%}.music-time{font-size:.7rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:30px;text-align:center}.music-progress-container{flex:1;height:4px;background:#94bbff1a;border-radius:4px;cursor:pointer;overflow:hidden;position:relative;transition:height .2s ease}.music-progress-container:hover{height:6px}.music-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-soft));width:0%;border-radius:4px;transition:width .1s linear;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 50%,transparent)}html{scroll-padding-top:calc(var(--nav-height) + 16px)}.md-ripple-host{position:relative;overflow:hidden;isolation:isolate}.md-ripple{position:absolute;border-radius:50%;background:#fff;pointer-events:none;transform:scale(0);opacity:0;z-index:0}body:not(.admin-body):before{background:#0c0d1200;border-bottom-color:transparent;transition:background-color var(--md-medium) var(--md-emphasized),border-color var(--md-medium) var(--md-emphasized),box-shadow var(--md-medium) var(--md-emphasized),}body.is-scrolled:not(.admin-body):before{background:#000;border-bottom-color:#ffffff0f;box-shadow:0 2px 12px #00000059}:where(a,button,[role=button],input,textarea,select,.pill-btn,.stat-item,.main-handle):focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px;border-radius:100px}:where(.project-card,.blog-card,.skill-list-item):focus-visible{border-radius:var(--border-radius-lg)}#reading-progress{transition:width .12s linear}@view-transition{navigation:auto}@keyframes md-vt-out{to{opacity:0;transform:translate3d(0,-8px,0)}}@keyframes md-vt-in{0%{opacity:0;transform:translate3d(0,12px,0)}}::view-transition-old(root){animation:.16s var(--md-emphasized-accel) both md-vt-out}::view-transition-new(root){animation:.38s var(--md-emphasized-decel) 60ms both md-vt-in}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1}.md-ripple{display:none}}.site-floating-nav{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:auto;transition:transform,opacity,background-color,border-color,color .25s cubic-bezier(.16,1,.3,1)}.nav-pill-wrapper{display:inline-flex;align-items:center;gap:3px;padding:3px;height:38px;box-sizing:border-box;background:#000;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 10px 30px -4px #0009,inset 0 1px #ffffff0f}.site-floating-nav .nav-item{position:relative;display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 14px;color:#8e95a5;text-decoration:none;font-size:.8125rem;font-weight:500;font-family:var(--font-sans);letter-spacing:-.01em;border-radius:8px;border:1px solid transparent;transition:color .14s ease,background .14s ease,border-color .14s ease,transform .1s ease;white-space:nowrap;user-select:none}.site-floating-nav .nav-item:hover{color:#fff;background:#ffffff0d}.site-floating-nav .nav-item:active{transform:scale(.97)}.site-floating-nav .nav-item.active{color:#fff;font-weight:600;background:#ffffff17;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 2px 8px #00000059}.site-floating-nav .nav-item i,.nav-dot-badge{display:none!important}@media(max-width:900px){.site-floating-nav{top:auto;bottom:18px;max-width:calc(100vw - 28px)}.nav-pill-wrapper{height:38px;overflow-x:auto;scrollbar-width:none;max-width:100%}.nav-pill-wrapper::-webkit-scrollbar{display:none}.site-floating-nav .nav-item{padding:0 11px;font-size:.78rem}}.games-header-clean{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.games-header-clean .section-subtitle{margin-bottom:0}.games-subtle-link{display:inline-flex;align-items:center;gap:7px;font-size:.8125rem;font-weight:500;color:#94a3b8;text-decoration:none;padding:6px 12px;border-radius:8px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);transition:transform,opacity,background-color,border-color,color .16s cubic-bezier(.16,1,.3,1)}.games-subtle-link:hover{color:#f8fafc;background:#ffffff0f;border-color:#ffffff1f;transform:translate(2px)}.games-subtle-link i{font-size:.72rem;transition:transform .16s ease}.games-subtle-link:hover i{transform:translate(2px)}.games-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:22px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.games-filter-bar::-webkit-scrollbar{display:none}.game-filter-btn{display:inline-flex;align-items:center;padding:6px 15px;background:#ffffff06;border:1px solid rgba(255,255,255,.065);border-radius:9999px;color:#94a3b8;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:transform,opacity,background-color,border-color,color .16s cubic-bezier(.16,1,.3,1)}.game-filter-btn:hover{color:#f8fafc;background:#ffffff0e;border-color:#ffffff1f}.game-filter-btn.active{color:#090a0f!important;background:#f8fafc!important;border-color:#f8fafc!important;box-shadow:0 2px 8px #0000004d;font-weight:600}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media(max-width:980px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:600px){.games-grid{grid-template-columns:1fr;gap:16px}}.game-card{position:relative;aspect-ratio:3 / 4;min-height:380px;width:100%;border-radius:20px!important;overflow:hidden!important;background-color:#0c0e14!important;border:1px solid rgba(255,255,255,.08)!important;cursor:pointer;box-shadow:0 10px 30px -6px #00000080!important;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease!important;user-select:none;-webkit-user-select:none}.game-card:hover{transform:translateY(-4px)!important;border-color:#ffffff38!important;box-shadow:0 20px 42px -10px #000c,0 0 0 1px #ffffff1f!important}.game-card:active{transform:scale(.985)!important}.game-card-index{position:absolute;top:18px;left:20px;z-index:3;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.78rem;font-weight:600;color:#ffffff73;letter-spacing:.05em;user-select:none;pointer-events:none}.game-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s cubic-bezier(.16,1,.3,1);z-index:1}.game-card:hover .game-card-img{transform:scale(1.04)}.game-card-gradient{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#00000026,#0000 30%,#06080c66 55%,#06080cf2);pointer-events:none}.game-card-info{position:absolute;bottom:0;left:0;right:0;padding:24px 20px 20px;z-index:3;display:flex;flex-direction:column;gap:4px;pointer-events:none}.game-card .game-title{font-family:var(--font-display, var(--font-sans))!important;font-size:1.18rem!important;font-weight:700!important;color:#fff!important;letter-spacing:-.015em!important;margin:0!important;line-height:1.3!important;text-shadow:0 2px 8px rgba(0,0,0,.7)}.game-card .game-genre{font-family:var(--font-sans)!important;font-size:.82rem!important;font-weight:500!important;color:#94a3b8!important;margin:0!important;letter-spacing:.01em!important;text-shadow:0 1px 4px rgba(0,0,0,.7)}.game-meta-stat{color:#64748b}.game-rank-accent{color:#93c5fd;font-weight:500}.game-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s cubic-bezier(.16,1,.3,1)}.game-modal-overlay.active{opacity:1}.game-modal-container{position:relative;width:100%;max-width:740px;max-height:88vh;overflow-y:auto;background:#0f1118;border:1px solid rgba(255,255,255,.09);border-radius:20px;box-shadow:inset 0 1px #ffffff14,0 24px 64px -12px #000000d9;transform:scale(.97) translateY(8px);transition:transform .2s cubic-bezier(.16,1,.3,1)}.game-modal-overlay.active .game-modal-container{transform:scale(1) translateY(0)}.game-modal-top-bar{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:20;pointer-events:none}.game-modal-top-bar>*{pointer-events:auto}.game-modal-counter-wrapper{display:flex;align-items:center;gap:10px}.game-modal-counter-chip{padding:4px 10px;border-radius:9999px;font-size:.72rem;font-weight:600;color:#cbd5e1;background:#000;border:1px solid rgba(255,255,255,.1)}.game-modal-nav-hint{font-size:.72rem;color:#64748b}.game-modal-nav-hint kbd,.game-modal-footer kbd{background:#ffffff14;padding:2px 6px;border-radius:4px;font-size:.68rem;color:#cbd5e1;border:1px solid rgba(255,255,255,.1);font-family:var(--font-mono)}.game-modal-icon-btn{width:32px;height:32px;border-radius:50%;background:#000;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform,opacity,background-color,border-color,color .16s cubic-bezier(.16,1,.3,1);font-size:.8rem}.game-modal-icon-btn:hover{background:#fff;color:#090a0f;border-color:#fff;transform:scale(1.06)}.game-modal-banner-wrapper{position:relative;width:100%;height:250px;overflow:hidden;background:#08090d}.game-modal-banner{width:100%;height:100%;object-fit:cover}.game-modal-banner-fade{position:absolute;inset:0;background:linear-gradient(180deg,#0f11180d,#0f1118b3 65%,#0f1118)}.game-modal-header-content{position:absolute;bottom:20px;left:24px;right:24px;z-index:2}.game-modal-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.game-modal-genre-tag{padding:3px 8px;background:#ffffff14;border-radius:6px;font-size:.72rem;color:#cbd5e1;font-weight:500}.game-modal-title{font-family:var(--font-sans);font-size:1.85rem;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:-.03em}.game-modal-platform-row{font-size:.82rem;color:#94a3b8;display:flex;align-items:center;gap:6px}.game-modal-body{padding:24px;display:flex;flex-direction:column;gap:22px}.game-modal-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.modal-stat-box{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff06;border:1px solid rgba(255,255,255,.06)}.modal-stat-icon{font-size:1.15rem;color:#94a3b8}.modal-stat-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em;display:block;font-weight:500}.modal-stat-val{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:#f8fafc;margin-top:2px;letter-spacing:-.01em}.modal-subheading{font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:#f8fafc;margin-bottom:10px;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.game-modal-review-content{padding:16px 18px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);color:#cbd5e1;font-size:.88rem;line-height:1.65}.game-modal-review-content strong{color:#fff;font-weight:600}.modal-setup-chips{display:flex;gap:8px;flex-wrap:wrap}.setup-chip{padding:7px 12px;background:#ffffff06;border:1px solid rgba(255,255,255,.065);border-radius:8px;font-size:.78rem;color:#94a3b8}.setup-chip strong{color:#f8fafc;font-weight:500}.game-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-top:1px solid rgba(255,255,255,.06);background:#0a0b104d}.modal-review-list{margin:12px 0;padding-left:20px;color:#cbd5e1;line-height:1.65}.modal-review-list li{margin-bottom:6px}.modal-footer-btn{padding:7px 18px;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500}.games-standalone-page .games-hero-banner{margin-bottom:28px}.games-hero-inner{padding:32px 28px;border-radius:16px;background:#0e1017a6;border:1px solid rgba(255,255,255,.065)}.page-main-title{font-family:var(--font-sans);font-size:2.1rem;font-weight:700;color:#f8fafc;letter-spacing:-.03em;margin-bottom:10px}.page-main-desc{font-size:.94rem;color:#94a3b8;line-height:1.6;max-width:680px;margin-bottom:20px}.games-search-box{position:relative;max-width:520px}.games-search-box input{width:100%;padding:10px 16px 10px 38px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#f8fafc;font-family:inherit;font-size:.88rem;transition:transform,opacity,background-color,border-color,color .16s ease}.games-search-box input:focus{outline:none;border-color:#2563eb;background:#ffffff0d;box-shadow:0 0 0 3px #2563eb33}.games-search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:.88rem}html.hz-144-optimized{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html.hz-144-optimized .game-card,html.hz-144-optimized .project-card,html.hz-144-optimized .blog-card,html.hz-144-optimized .floating-nav,html.hz-144-optimized .glass-panel,html.hz-144-optimized .admin-sort-hud,html.hz-144-optimized .custom-context-menu{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform}.games-grid,.projects-grid,.blog-grid,.skills-grid,.community-grid,.content-grid,.member-cards-container,.tool-pane{content-visibility:auto;contain-intrinsic-size:auto 320px}body.is-dragging-card *{user-select:none!important;-webkit-user-select:none!important}body.is-dragging-card{cursor:grabbing!important}.admin-sort-badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:500;color:#38bdf8;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);padding:2px 8px;border-radius:6px;margin-left:10px;cursor:pointer;transition:transform,opacity,background-color,border-color,color .15s ease;vertical-align:middle;user-select:none}.admin-sort-badge:hover{background:#38bdf833;color:#bae6fd;border-color:#38bdf880;transform:translateY(-1px)}.admin-sort-active-zone{outline:2px dashed rgba(56,189,248,.4);outline-offset:8px;border-radius:16px;transition:outline-color .2s ease}.zone-forbidden-alien{opacity:.45;filter:grayscale(40%);pointer-events:auto!important;transition:opacity .2s ease,filter .2s ease;position:relative}.zone-forbidden-alien:after{content:"\26d4  Zone prot\e9g\e9 e";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;border:1px solid rgba(239,68,68,.35);color:#f87171;font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:999px;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:10}.zone-forbidden-alien:hover:after{opacity:1}.sortable-card{cursor:grab!important;position:relative;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease}.sortable-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000080}.sortable-card:active{cursor:grabbing!important}.card-drag-grip{position:absolute;top:10px;right:10px;background:#000;border:1px solid rgba(255,255,255,.15);color:#94a3b8;font-size:.7rem;font-weight:500;padding:4px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;z-index:5;pointer-events:none;letter-spacing:.02em}.sortable-card:hover .card-drag-grip{color:#e2e8f0;border-color:#38bdf866;background:#000}.sort-drag-ghost{position:fixed!important;top:0!important;left:0!important;pointer-events:none!important;z-index:100000!important;opacity:.92;box-shadow:0 25px 50px -12px #000000bf,0 0 20px #38bdf84d!important;border:1.5px solid rgba(56,189,248,.6)!important;border-radius:14px!important;will-change:transform;transition:border-color .15s ease}.sort-drag-ghost.ghost-forbidden{border-color:#ef4444cc!important;box-shadow:0 25px 50px -12px #000000bf,0 0 25px #ef444466!important}.sort-placeholder{background:#38bdf80d;border:2px dashed rgba(56,189,248,.45);border-radius:14px;box-sizing:border-box;transition:transform,opacity,background-color,border-color,color .12s cubic-bezier(.16,1,.3,1);pointer-events:none;animation:sortSlotPulse 1.4s ease-in-out infinite}@keyframes sortSlotPulse{0%,to{border-color:#38bdf866;background:#38bdf808}50%{border-color:#38bdf8b3;background:#38bdf814}}.card-just-dropped{animation:dropCardBounce .35s cubic-bezier(.16,1,.3,1)}@keyframes dropCardBounce{0%{transform:scale(.97)}50%{transform:scale(1.02)}to{transform:scale(1)}}.admin-sort-hud{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateZ(0);z-index:99999;display:flex;align-items:center;gap:14px;padding:8px 16px;background:#000;border:1px solid rgba(56,189,248,.3);border-radius:999px;box-shadow:0 16px 36px #0009,0 0 20px #38bdf826;animation:hudSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes hudSlideUp{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.admin-sort-hud .hud-indicator{display:flex;align-items:center;gap:8px}.admin-sort-hud .hud-pulse-dot{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 10px #38bdf8;animation:hudDotPulse 1.5s infinite}.admin-sort-hud .hud-title{font-size:.8rem;font-weight:500;color:#e2e8f0;white-space:nowrap}.admin-sort-hud .hud-title strong{color:#38bdf8}.admin-sort-hud .hud-divider{width:1px;height:18px;background:#ffffff26}.admin-sort-hud .hud-actions{display:flex;align-items:center;gap:8px}.admin-sort-hud .hud-btn{border:none;font-size:.75rem;font-weight:500;padding:5px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:transform,opacity,background-color,border-color,color .15s ease}.admin-sort-hud .hud-save{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.admin-sort-hud .hud-save:hover{background:#38bdf8;color:#0b1120;box-shadow:0 0 12px #38bdf866}.admin-sort-hud .hud-reset{background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.admin-sort-hud .hud-reset:hover{background:#ffffff1f;color:#f1f5f9}.admin-sort-hud .hud-close{background:transparent;color:#64748b;padding:5px 8px}.admin-sort-hud .hud-close:hover{color:#f87171;background:#ef44441a}@keyframes navHeaderEnter{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes navGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes pulseOnlineDot{0%,to{box-shadow:0 0 #22c55e99}50%{box-shadow:0 0 0 4px #22c55e00}}.top-logo-container{position:fixed!important;top:18px!important;left:24px!important;z-index:1000!important;animation:navHeaderEnter .5s cubic-bezier(.16,1,.3,1) both}.site-brand-logo{width:42px!important;height:42px!important;padding:3px!important;box-sizing:border-box!important;object-fit:cover!important;border-radius:13px!important;background:#0b0d14c2!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 14px 34px -8px #000000a6,inset 0 1px #ffffff1a!important;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease!important;display:block!important}.top-logo-container:hover .site-brand-logo{transform:translateY(-1px) rotate(4deg) scale(1.04)!important;border-color:#ffffff38!important;box-shadow:0 18px 40px -6px #000000bf,0 0 20px #ffffff14,inset 0 1px #ffffff26!important}.top-logo-container:active .site-brand-logo{transform:translateY(0) scale(.96)!important}.site-floating-nav{position:fixed!important;top:18px!important;left:50%!important;transform:translate(-50%)!important;z-index:1000!important;animation:navHeaderEnter .5s cubic-bezier(.16,1,.3,1) both;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .32s ease!important;will-change:transform,opacity}.site-floating-nav.nav-hidden{transform:translate(-50%,-130%) scale(.95)!important;opacity:0!important;pointer-events:none!important}@media(max-width:900px){.site-floating-nav.nav-hidden{transform:translate(-50%,130%) scale(.95)!important;opacity:0!important;pointer-events:none!important}}.nav-pill-wrapper{position:relative!important;display:inline-flex!important;align-items:center!important;gap:2px!important;padding:4px!important;height:42px!important;box-sizing:border-box!important;background:#0b0d14bf!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9999px!important;box-shadow:0 16px 38px -10px #000000b3,inset 0 1px #ffffff17,inset 0 -1px #0006!important;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.16,1,.3,1)!important}.nav-slider-pill{position:absolute!important;top:4px!important;bottom:4px!important;left:0!important;width:0!important;border-radius:9999px!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px #ffffff2e,0 2px 10px #00000059!important;pointer-events:none!important;z-index:1!important;opacity:0;transform:translateZ(0);transition:transform .32s cubic-bezier(.16,1,.3,1),width .32s cubic-bezier(.16,1,.3,1),opacity .2s ease!important}.nav-hover-pill{position:absolute!important;top:4px!important;bottom:4px!important;left:0!important;width:0!important;border-radius:9999px!important;background:#ffffff0a!important;pointer-events:none!important;z-index:1!important;opacity:0;transform:translateZ(0);transition:transform .24s cubic-bezier(.16,1,.3,1),width .24s cubic-bezier(.16,1,.3,1),opacity .18s ease!important}.site-floating-nav .nav-item{position:relative!important;z-index:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:32px!important;padding:0 14px!important;color:#94a3b8!important;text-decoration:none!important;font-size:.8125rem!important;font-weight:500!important;font-family:var(--font-sans)!important;letter-spacing:-.015em!important;border-radius:9999px!important;border:none!important;background:transparent!important;box-shadow:none!important;white-space:nowrap!important;user-select:none!important;cursor:pointer!important;transition:color .18s ease,transform .12s ease!important}.site-floating-nav .nav-item:hover{color:#f8fafc!important;background:transparent!important}.site-floating-nav .nav-item:active{transform:scale(.95)!important}.site-floating-nav .nav-item.active{color:#fff!important;font-weight:600!important;background:transparent!important;box-shadow:none!important}.nav-dot{width:4px!important;height:4px!important;border-radius:50%!important;background:#38bdf8!important;box-shadow:0 0 8px #38bdf8!important;opacity:0!important;transform:scale(0)!important;transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)!important;pointer-events:none!important}.site-floating-nav .nav-item.active .nav-dot{opacity:1!important;transform:scale(1)!important}.auth-container{position:fixed!important;top:18px!important;right:24px!important;z-index:1000!important;animation:navHeaderEnter .5s cubic-bezier(.16,1,.3,1) both;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .32s ease!important;will-change:transform,opacity}.auth-container.topbar-hidden{transform:translateY(-130%) scale(.95)!important;opacity:0!important;pointer-events:none!important}.auth-btn,.auth-profile{height:42px!important;box-sizing:border-box!important;background:#0b0d14c2!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9999px!important;box-shadow:0 14px 34px -8px #000000a6,inset 0 1px #ffffff1a!important;color:#cbd5e1!important;padding:0 15px!important;font-family:var(--font-sans)!important;font-size:.8125rem!important;font-weight:550!important;letter-spacing:-.01em!important;display:flex!important;align-items:center!important;gap:9px!important;cursor:pointer!important;transition:transform,opacity,background-color,border-color,color .22s cubic-bezier(.16,1,.3,1)!important}.auth-btn:hover,.auth-profile:hover{background:#121520e6!important;border-color:#ffffff2e!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 18px 40px -6px #000000bf,inset 0 1px #ffffff24!important}.auth-btn:active,.auth-profile:active{transform:translateY(0) scale(.97)!important}.auth-btn i{color:#5865f2!important;font-size:.92rem!important;transition:transform .2s ease!important}.auth-btn:hover i{transform:scale(1.1)!important}.auth-profile{padding:4px 14px 4px 5px!important}.auth-avatar{width:30px!important;height:30px!important;border-radius:50%!important;border:1.5px solid rgba(255,255,255,.14)!important;object-fit:cover!important;background-color:#1a1b23!important;display:block!important}.auth-name{font-family:var(--font-sans)!important;font-size:.82rem!important;font-weight:600!important;color:#f1f5f9!important;letter-spacing:-.01em!important}.profile-status-indicator{width:6px!important;height:6px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 6px #22c55e!important;animation:pulseOnlineDot 2s infinite ease-in-out!important;display:inline-block!important;flex-shrink:0!important}.profile-status-indicator.idle{background:#f0b232!important;box-shadow:0 0 6px #f0b232!important}.profile-status-indicator.dnd{background:#f23f43!important;box-shadow:0 0 6px #f23f43!important}.profile-status-indicator.streaming{background:#593695!important;box-shadow:0 0 6px #593695!important}.profile-status-indicator.offline{background:#80848e!important;box-shadow:none!important;animation:none!important}.profile-dropdown-card{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;width:285px!important;padding:8px!important;background:#0b0d14f2!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;box-shadow:0 28px 70px -12px #000000e6,inset 0 1px #ffffff1f,0 0 0 1px #00000080!important;z-index:10000!important;opacity:0!important;visibility:hidden!important;transform:translateY(-8px) scale(.96)!important;pointer-events:none!important;display:flex!important;flex-direction:column!important;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1),visibility .22s cubic-bezier(.16,1,.3,1)!important}.profile-dropdown-card.visible{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;pointer-events:auto!important}.profile-dropdown-header{background:#ffffff09!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;padding:10px 12px!important;margin-bottom:6px!important;display:flex!important;align-items:center!important;gap:12px!important}.profile-avatar-wrapper{position:relative!important;width:38px!important;height:38px!important;flex-shrink:0!important}.profile-dropdown-avatar{width:38px!important;height:38px!important;border-radius:50%!important;border:1.5px solid rgba(255,255,255,.18)!important;object-fit:cover!important;display:block!important}.profile-dropdown-meta{flex-grow:1!important;overflow:hidden!important}.profile-name-row{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}.profile-name{font-size:.88rem!important;font-weight:650!important;color:#f8fafc!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:140px!important}.profile-admin-tag{background:linear-gradient(135deg,#f59e0b2e,#d9770647)!important;border:1px solid rgba(245,158,11,.45)!important;color:#fbbf24!important;font-size:.65rem!important;font-weight:700!important;padding:2px 7px!important;border-radius:9999px!important;display:inline-flex!important;align-items:center!important;letter-spacing:.02em!important}.profile-status-row{display:flex!important;align-items:center!important;gap:5px!important;margin-top:2px!important}.profile-status-label{font-size:.74rem!important;color:#94a3b8!important;font-weight:500!important}.admin-quick-status-bar{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px}.quick-status-pill{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.68rem;padding:3px 6px;border-radius:6px;cursor:pointer;font-weight:600;transition:transform,opacity,background-color,border-color,color .2s ease;flex:1 1 auto;text-align:center}.quick-status-pill:hover{background:#ffffff26;border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.quick-status-pill.active{background:#6366f1;color:#fff;border-color:#818cf8;box-shadow:0 0 8px #6366f180}.profile-dropdown-divider{height:1px!important;background:#ffffff12!important;margin:5px 6px!important}.dropdown-section-title{font-size:.65rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#64748b!important;padding:6px 10px 4px!important;user-select:none!important}.dropdown-item,.dropdown-item-btn{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;box-sizing:border-box!important;padding:8px 10px!important;border-radius:10px!important;border:1px solid transparent!important;background:transparent!important;color:#cbd5e1!important;font-size:.82rem!important;font-family:var(--font-sans)!important;font-weight:500!important;cursor:pointer!important;transition:transform,opacity,background-color,border-color,color .16s cubic-bezier(.16,1,.3,1)!important;text-align:left!important}.dropdown-item:hover,.dropdown-item-btn:hover{background:#ffffff0f!important;border-color:#ffffff14!important;color:#fff!important;transform:translate(2px)!important}.dropdown-item:active,.dropdown-item-btn:active{transform:scale(.97)!important}.dropdown-item-icon-box{width:28px!important;height:28px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.8rem!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.08)!important;color:#94a3b8!important;flex-shrink:0!important;transition:transform,opacity,background-color,border-color,color .16s ease!important}.dropdown-item:hover .dropdown-item-icon-box{background:#38bdf826!important;color:#38bdf8!important;border-color:#38bdf84d!important}.logout-icon-box{background:#ef44441a!important;border-color:#ef444440!important;color:#f87171!important}.dropdown-item-logout:hover .logout-icon-box{background:#ef444433!important;color:#fca5a5!important;border-color:#ef444466!important}.dropdown-item-logout:hover{color:#fca5a5!important}.discord-icon-box{background:#5865f224!important;border-color:#5865f24d!important;color:#818cf8!important}.dropdown-item-login:hover .discord-icon-box{background:#5865f247!important;color:#a5b4fc!important;border-color:#5865f273!important}.dropdown-item-login:hover{color:#a5b4fc!important}.admin-icon-box{background:#f59e0b1f!important;border-color:#f59e0b4d!important;color:#fbbf24!important}.dropdown-item-admin:hover .admin-icon-box{background:#f59e0b38!important;color:#fde047!important;border-color:#f59e0b73!important}.dropdown-item-admin:hover{color:#fde047!important}.dropdown-item-label{flex-grow:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dropdown-item-kbd{margin-left:auto!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;color:#94a3b8!important;padding:2px 6px!important;border-radius:5px!important;font-size:.68rem!important;font-family:monospace!important}.dropdown-item-end-icon{margin-left:auto!important;font-size:.72rem!important;color:#64748b!important;transition:color .15s ease!important}.dropdown-item:hover .dropdown-item-end-icon{color:#cbd5e1!important}@keyframes ctxMenuPop{0%{opacity:0;transform:scale(.93) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}#custom-context-menu{position:fixed!important;z-index:10002!important;min-width:220px!important;padding:6px!important;background:#0b0d14f2!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;box-shadow:0 24px 60px -10px #000000e6,inset 0 1px #ffffff1f,0 0 0 1px #00000080!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(.93)!important;transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),visibility .15s cubic-bezier(.16,1,.3,1)!important}#custom-context-menu.visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:scale(1)!important;animation:ctxMenuPop .16s cubic-bezier(.16,1,.3,1) forwards!important}.ctx-header{display:flex!important;align-items:center!important;gap:8px!important;padding:7px 10px 5px!important;font-size:.7rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#64748b!important;user-select:none!important}.ctx-header-icon{color:#38bdf8!important;font-size:.75rem!important}.ctx-divider{height:1px!important;background:#ffffff12!important;margin:4px 6px!important}.ctx-item{display:flex!important;align-items:center!important;gap:10px!important;padding:7px 10px!important;border-radius:9px!important;color:#cbd5e1!important;font-size:.8125rem!important;font-family:var(--font-sans)!important;font-weight:500!important;cursor:pointer!important;transition:transform,opacity,background-color,border-color,color .14s cubic-bezier(.16,1,.3,1)!important;user-select:none!important}.ctx-item:hover{background:#ffffff12!important;color:#fff!important;transform:translate(2px)!important}.ctx-item:active{transform:scale(.97)!important}.ctx-icon-box{width:24px!important;height:24px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.75rem!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.07)!important;color:#94a3b8!important;flex-shrink:0!important;transition:transform,opacity,background-color,border-color,color .14s ease!important}.ctx-item:hover .ctx-icon-box{background:#38bdf826!important;color:#38bdf8!important;border-color:#38bdf84d!important}.ctx-item.ctx-item-admin:hover .ctx-icon-box{background:#f59e0b2e!important;color:#fbbf24!important;border-color:#f59e0b59!important}.ctx-label{flex-grow:1!important;white-space:nowrap!important}.ctx-kbd{margin-left:auto!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;color:#94a3b8!important;padding:2px 5px!important;border-radius:4px!important;font-size:.65rem!important;font-family:monospace!important}#global-discord-login.hidden,#user-profile.hidden,.auth-btn.hidden,.auth-profile.hidden,.auth-container .hidden,.admin-bubble-container.hidden{display:none!important}body.is-scrolled .site-brand-logo,body.is-scrolled .nav-pill-wrapper,body.is-scrolled .auth-btn,body.is-scrolled .auth-profile{background:#090b11e0!important;border-color:#ffffff1f!important;box-shadow:0 20px 45px -10px #000c,inset 0 1px #ffffff1f!important}#reading-progress{position:fixed!important;top:0!important;left:0!important;height:2.5px!important;width:0%!important;z-index:10001!important;background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc)!important;box-shadow:0 0 10px #6366f199,0 0 4px #38bdf866!important;border-radius:0 2px 2px 0!important;transition:width .12s linear!important}@media(max-width:900px){.site-floating-nav{top:auto!important;bottom:18px!important;max-width:calc(100vw - 24px)!important;left:50%!important;transform:translate(-50%)!important}.nav-pill-wrapper{height:40px!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}.nav-pill-wrapper::-webkit-scrollbar{display:none!important}.site-floating-nav .nav-item{padding:0 11px!important;font-size:.78rem!important}.top-logo-container{top:14px!important;left:14px!important}.site-brand-logo{width:38px!important;height:38px!important}.auth-container{top:14px!important;right:14px!important}.auth-btn,.auth-profile{height:38px!important;padding:0 12px!important}}.custom-cursor-dot{position:fixed;top:0;left:0;width:4px;height:4px;background-color:#fff;border-radius:50%;pointer-events:none;z-index:999999;transform:translate3d(-50%,-50%,0);transition:width .2s,height .2s,opacity .2s}.custom-cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;pointer-events:none;z-index:999998;transform:translate3d(-50%,-50%,0);transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),background-color .3s,border-color .3s}.custom-cursor-ring.hovering{width:48px;height:48px;background-color:#ffffff14;border-color:#fff6}.custom-cursor-dot.hovering{width:8px;height:8px;opacity:.6}.click-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:99997}::selection{background:#ffffff26;color:inherit}:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{font-family:var(--font-sans);letter-spacing:-.01em}.section-subtitle{font-family:var(--font-display)!important;font-size:1.35rem!important;text-transform:none!important;letter-spacing:-.03em!important;color:#f8fafc!important;font-weight:700!important;margin-bottom:22px!important;display:flex!important;align-items:center!important;gap:10px!important}.section-subtitle:before{content:""!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#fff!important;opacity:.55!important;box-shadow:0 0 10px #ffffff4d!important;flex-shrink:0!important}.section-subtitle:after{display:none!important}.admin-sort-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:.72rem!important;font-weight:500!important;letter-spacing:.02em!important;color:#a1a1aa!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;padding:3px 11px!important;border-radius:9999px!important;margin-left:8px!important;cursor:pointer!important;transition:transform,opacity,background-color,border-color,color .18s ease!important;vertical-align:middle!important;user-select:none!important;text-transform:none!important}.admin-sort-badge:hover{background:#ffffff1a!important;color:#f8fafc!important;border-color:#ffffff38!important;transform:translateY(-1px)!important}.project-card{background:#0b0d13!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;padding:16px!important;box-shadow:inset 0 1px #ffffff0a,0 4px 16px #00000059!important;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s ease,box-shadow .22s ease!important;cursor:pointer!important}.project-card:hover{transform:translateY(-3px)!important;border-color:#ffffff29!important;box-shadow:inset 0 1px #ffffff14,0 16px 36px -8px #000000a6!important}.project-card-image{height:165px!important;border-radius:12px!important;overflow:hidden!important;position:relative!important;margin-bottom:14px!important;background:#08090d!important;border:1px solid rgba(255,255,255,.05)!important}.project-card-image img{transition:transform .35s cubic-bezier(.16,1,.3,1)!important}.project-card:hover .project-card-image img{transform:scale(1.035)!important}.project-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(11,13,19,.7) 100%);pointer-events:none}.project-card-hover-arrow{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:#000;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.72rem;opacity:0;transform:scale(.85);transition:transform,opacity,background-color,border-color,color .18s ease;z-index:2}.project-card:hover .project-card-hover-arrow{opacity:1;transform:scale(1);color:#f8fafc}.project-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px!important}.project-title{font-family:var(--font-display)!important;font-size:1.08rem!important;font-weight:700!important;letter-spacing:-.025em!important;color:#f8fafc!important;margin:0!important}.project-desc{color:#94a3b8!important;font-size:.88rem!important;line-height:1.55!important;margin-bottom:12px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.project-tags{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.project-tag{font-size:.72rem!important;font-family:var(--font-sans)!important;padding:3px 8px!important;border-radius:9999px!important;background:#ffffff0a!important;color:#a1a1aa!important;border:1px solid rgba(255,255,255,.07)!important;font-weight:500!important}.project-tag.tag-more{color:#71717a!important;background:transparent!important;border-style:dashed!important}.games-filter-bar{background:#090b10!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9999px!important;padding:4px!important;display:inline-flex!important;gap:4px!important;margin-bottom:22px!important}.game-filter-btn{border-radius:9999px!important;padding:6px 14px!important;font-size:.8rem!important;font-weight:500!important;border:none!important;background:transparent!important;color:#94a3b8!important;transition:transform,opacity,background-color,border-color,color .18s ease!important}.game-filter-btn:hover{color:#f8fafc!important;background:#ffffff0d!important}.game-filter-btn.active{background:#191b24!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 2px 8px #0006!important;font-weight:600!important}.project-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .2s ease-out}.project-modal-container{width:100%;max-width:580px;max-height:90vh;background:#0c0d13;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 60px -10px #000000e6,inset 0 1px #ffffff1a;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}.project-modal-top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#0f1018;border-bottom:1px solid rgba(255,255,255,.07)}.project-modal-badge{font-size:.75rem;font-weight:600;color:#38bdf8;background:#38bdf814;border:1px solid rgba(56,189,248,.2);padding:3px 10px;border-radius:9999px;display:inline-flex;align-items:center}.project-modal-icon-btn{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;transition:transform,opacity,background-color,border-color,color .18s ease}.project-modal-icon-btn:hover{background:#ffffff1f;color:#f8fafc;transform:scale(1.05)}.project-modal-banner-wrapper{position:relative;width:100%;height:220px;background:#08090d;overflow:hidden}.project-modal-banner{width:100%;height:100%;object-fit:cover}.project-modal-banner-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(12,13,19,.95) 100%)}.project-modal-body{padding:22px 24px;overflow-y:auto;flex-grow:1}.project-modal-title{font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:#f8fafc;margin-bottom:12px}.project-modal-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.project-modal-tag{font-size:.74rem;font-weight:500;padding:4px 10px;border-radius:9999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1}.project-modal-desc{color:#94a3b8;font-size:.95rem;line-height:1.65}.project-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#0f1018;border-top:1px solid rgba(255,255,255,.07)}.modal-secondary-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:8px 18px;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:transform,opacity,background-color,border-color,color .18s ease}.modal-secondary-btn:hover{background:#ffffff1a;color:#fff}.modal-primary-btn{background:#fff;color:#090a0f;border:none;padding:8px 20px;border-radius:10px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;transition:transform,opacity,background-color,border-color,color .18s ease}.modal-primary-btn:hover{background:#e4e4e7;transform:translateY(-1px);box-shadow:0 4px 16px #fff3}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.game-status-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:3px 10px!important;border-radius:9999px!important;font-family:var(--font-sans)!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.015em!important;background:#090a0fdb!important;border:1px solid rgba(255,255,255,.12)!important;color:#f1f5f9!important;box-shadow:0 4px 14px #0009!important;transition:transform,opacity,background-color,border-color,color .18s ease!important;line-height:1!important}.game-status-badge .badge-text{display:inline-block!important;line-height:1!important}.game-status-badge.badge-type-favorite{border-color:#f43f5e52!important;color:#fecdd3!important;background:#120b0fe0!important}.game-status-badge.badge-type-favorite .badge-icon-pink{color:#f43f5e!important;font-size:.68rem!important}.game-status-badge.badge-type-achievement{border-color:#fbbf2452!important;color:#fef08a!important;background:#120f0ae0!important}.game-status-badge.badge-type-achievement .badge-icon-gold{color:#fbbf24!important;font-size:.68rem!important}.game-status-badge.badge-type-live{border-color:#22c55e52!important;color:#bbf7d0!important;background:#0a120de0!important}.game-status-badge .badge-dot-live{width:6px!important;height:6px!important;border-radius:50%!important;background-color:#22c55e!important;box-shadow:0 0 8px #22c55e!important;animation:livePulse 2s infinite ease-in-out!important}.game-status-badge.badge-type-ranked{border-color:#38bdf852!important;color:#bae6fd!important;background:#0a0f14e0!important}.game-status-badge.badge-type-ranked .badge-icon-blue{color:#38bdf8!important;font-size:.68rem!important}.game-status-badge .badge-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:#94a3b8!important}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}.game-card-rating{font-size:.74rem!important;font-weight:700!important;color:#fbbf24!important;background:#fbbf2414!important;border:1px solid rgba(251,191,36,.22)!important;padding:2px 7px!important;border-radius:6px!important;letter-spacing:.01em!important;display:inline-flex!important;align-items:center!important;gap:4px!important}.game-card-rating i{font-size:.68rem!important}.skill-list-item{background:#0b0d13!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:10px 14px!important;display:flex!important;align-items:center!important;gap:10px!important;box-shadow:inset 0 1px #ffffff08,0 2px 8px #00000040!important;transition:transform,opacity,background-color,border-color,color .18s ease!important;cursor:default!important}.skill-list-item:hover{background:#11131a!important;border-color:#ffffff2e!important;transform:translateY(-2px)!important;box-shadow:inset 0 1px #ffffff0f,0 8px 20px #00000073!important}.skill-list-item span{font-family:var(--font-sans)!important;font-size:.85rem!important;font-weight:600!important;color:#f1f5f9!important;letter-spacing:-.01em!important}.main-handle{font-family:var(--font-sans)!important;font-size:.84rem!important;font-weight:500!important;color:#94a3b8!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;padding:4px 12px!important;border-radius:9999px!important;transition:transform,opacity,background-color,border-color,color .18s ease!important;display:inline-flex!important;align-items:center!important;gap:6px!important}.main-handle:hover{background:#ffffff14!important;border-color:#ffffff2e!important;color:#f8fafc!important}.main-meta-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:center!important;margin-top:10px!important}.meta-item{font-size:.8rem!important;font-weight:500!important;color:#94a3b8!important;background:#ffffff09!important;border:1px solid rgba(255,255,255,.08)!important;padding:3px 11px!important;border-radius:9999px!important;display:inline-flex!important;align-items:center!important;gap:6px!important}.meta-item i{font-size:.72rem!important;color:#71717a!important}.meta-separator{display:none!important}.pill-btn{background:#0d0f15!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9999px!important;padding:7px 16px!important;font-size:.82rem!important;font-weight:600!important;color:#cbd5e1!important;box-shadow:inset 0 1px #ffffff08!important;transition:transform,opacity,background-color,border-color,color .18s ease!important}.pill-btn:hover{background:#141720!important;border-color:#fff3!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #0006!important}.stat-item{background:#0d0f15!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9999px!important;padding:6px 14px!important;font-size:.8rem!important;font-weight:600!important;color:#94a3b8!important;transition:transform,opacity,background-color,border-color,color .18s ease!important}.stat-item:hover{background:#141720!important;border-color:#ffffff2e!important;color:#f8fafc!important}.live-status-card{background:#0b0d13!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #0006!important}.presence-cover{border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important}.presence-action-btn{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:9999px!important;padding:5px 14px!important;font-size:.78rem!important;font-weight:600!important;color:#f8fafc!important;transition:transform,opacity,background-color,border-color,color .18s ease!important}.presence-action-btn:hover{background:#ffffff1f!important;border-color:#ffffff38!important}.blog-card{background:#0b0d13!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff0a,0 4px 16px #00000059!important}.blog-card:hover{border-color:#ffffff29!important;transform:translateY(-3px)!important;box-shadow:inset 0 1px #ffffff14,0 16px 36px -8px #000000a6!important}.blog-category-badge{background:#090a0fdb!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9999px!important;padding:3px 10px!important;font-size:.72rem!important;font-weight:600!important;color:#cbd5e1!important}#back-to-top{position:fixed;bottom:30px;left:30px;z-index:9998;width:44px;height:44px;border-radius:50%;background:#000;border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;transform:translateY(20px) scale(.8);transition:opacity .25s ease,transform .25s ease,border-color .2s ease,background-color .2s ease;pointer-events:none;box-shadow:0 10px 24px #0006}#back-to-top.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all}#back-to-top .progress-ring{position:absolute;top:-1px;left:-1px;width:44px;height:44px;transform:rotate(-90deg);pointer-events:none}#back-to-top .progress-ring__circle{transition:stroke-dashoffset .1s linear}#back-to-top i{position:relative;z-index:2;font-size:.85rem;transition:transform .2s ease}#back-to-top:hover i{transform:translateY(-2px)}#back-to-top:hover{border-color:#ffffff4d;background:#ffffff1f}.projects-filter-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}.projects-search-wrapper{position:relative;flex:1;min-width:200px;max-width:340px}.projects-search-wrapper input{width:100%;height:38px;padding:0 14px 0 38px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.09);color:#f8fafc;font-size:.85rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.projects-search-wrapper input:focus{border-color:var(--accent, #60a5fa);background:#ffffff0f;box-shadow:0 0 0 3px #60a5fa26}.project-filter-pill{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:6px 14px;border-radius:9999px;font-size:.78rem;font-weight:500;cursor:pointer;transition:transform,opacity,background-color,border-color,color .18s ease}.project-filter-pill:hover{color:#f8fafc;background:#ffffff14;border-color:#ffffff29}.project-filter-pill.active{background:#fff;color:#0b0d13;border-color:#fff;font-weight:600;box-shadow:0 2px 10px #ffffff26}.shortcuts-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:var(--z-modal);display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeInModal .2s ease}.shortcuts-modal-container{width:100%;max-width:440px;background:#0f1118;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;box-shadow:0 24px 60px #000000b3}.shortcuts-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;background:#ffffff05}.shortcut-desc{font-size:.85rem;color:var(--text-secondary)}.shortcut-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;font-size:.72rem;font-family:inherit;font-weight:600;color:#e2e8f0;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:6px;box-shadow:0 2px #0006}.lightbox-toolbar{position:absolute;top:24px;right:28px;display:flex;gap:12px;z-index:10}.lightbox-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:.95rem;transition:transform,opacity,background-color,border-color,color .2s ease}.lightbox-btn:hover{background:#fff3;transform:scale(1.08)}.lightbox-content.zoomed{transform:scale(1.6);cursor:zoom-out;transition:transform .25s cubic-bezier(.2,0,0,1)}body:not(.is-admin),body:not(.is-admin) *:not(input):not(textarea):not([contenteditable=true]){-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}body:not(.is-admin) input,body:not(.is-admin) textarea,body:not(.is-admin) [contenteditable=true]{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}body.is-admin,body.is-admin *{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}body:not(.is-admin){user-select:none;-webkit-user-select:none}body:not(.is-admin) input,body:not(.is-admin) textarea{user-select:text;-webkit-user-select:text}html,body{background-color:#000!important;background:#000!important}body:not(.admin-body):after,body:not(.admin-body):before{display:none!important}.background-base{background:#000!important;background-color:#000!important}.project-card,.game-card,.skill-list-item,.live-status-card,.simplified-card,.blog-card,.contact-card,.glass-panel{background:#000!important;background-color:#000!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px #ffffff0a,0 4px 16px #000c!important}.project-card:hover,.game-card:hover,.skill-list-item:hover,.blog-card:hover{background:#050505!important;border-color:#fff3!important;box-shadow:inset 0 1px #ffffff14,0 16px 36px #000000f2!important}.project-card-image{background:#040404!important;border:1px solid rgba(255,255,255,.06)!important}.custom-status-bubble{background:#000!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 24px #000c!important}.custom-status-bubble:before{background:#000!important;border-color:#ffffff1f!important}.nav-pill-wrapper{background:#000000eb!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 16px 38px #000000e6,inset 0 1px #ffffff14!important}.auth-btn,.auth-profile,.site-brand-logo{background:#000000eb!important;border:1px solid rgba(255,255,255,.1)!important}.pill-btn,.stat-item{background:#000!important;border:1px solid rgba(255,255,255,.09)!important;color:#cbd5e1!important}.pill-btn:hover,.stat-item:hover{background:#080808!important;border-color:#ffffff38!important;color:#fff!important}.profile-dropdown-card,.shortcuts-modal-container,.lightbox-toolbar,.game-modal-dialog,.project-modal-dialog{background:#000!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 60px #000000f2,inset 0 1px #ffffff0f!important}.contact-input,#projects-search-input{background:#000!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff!important}.contact-input:focus,#projects-search-input:focus{background:#000!important;border-color:#5865f299!important;box-shadow:0 0 0 3px #5865f226!important}::-webkit-scrollbar-track{background:#000!important}::-webkit-scrollbar-thumb{background:#161616!important;border:2px solid #000000!important}::-webkit-scrollbar-thumb:hover{background:#262626!important}@media(max-width:768px){:root{--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem}button,.glass-btn,.nav-item,.social-icon,.admin-bubble-btn,.project-link,.game-card-link,a.lightbox-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}@media(hover:none){.project-card:hover,.game-card:hover,.skill-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--border-color)!important}}.content-wrapper{padding-left:12px!important;padding-right:12px!important;overflow-x:hidden}.projects-grid,.games-grid,.skills-grid,.contact-grid{grid-template-columns:1fr!important;gap:16px!important}.hero-title{font-size:clamp(2rem,8vw,3rem)!important;line-height:1.1}.hero-subtitle{font-size:clamp(1rem,4vw,1.25rem)!important}.modal-content,.lightbox-content,.site-floating-nav{transform:translateZ(0);will-change:transform,opacity}.background-base,#particles-js,.particles-container{display:none!important}}@media(max-width:360px){.nav-pill-wrapper{padding:4px 8px;gap:4px}.nav-item{font-size:.8rem;padding:6px}}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased}section[id],.contact-section,.skills-section,.projects-section,.hero-section{scroll-margin-top:calc(var(--nav-height, 64px) + 24px)}:root{--sb-surface: #0a0a0a;--sb-surface-2: #111111;--sb-line: rgba(255, 255, 255, .07);--sb-line-strong: rgba(255, 255, 255, .14);--sb-text: #f4f4f5;--sb-text-2: #a1a1aa;--sb-text-3: #6b6b73;--sb-radius: 14px;--sb-radius-lg: 20px}.section-subtitle{font-size:1.15rem!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--sb-text)!important;margin-bottom:18px!important}.section-subtitle:before{width:5px!important;height:5px!important;opacity:.35!important;box-shadow:none!important}.project-card,.game-card,.skill-list-item,.live-status-card,.simplified-card,.blog-card,.contact-card,.glass-panel{border:1px solid var(--sb-line)!important;box-shadow:none!important}.project-card:hover,.game-card:hover,.skill-list-item:hover,.blog-card:hover{background:#000!important;border-color:var(--sb-line-strong)!important;box-shadow:none!important}.contact-card{border-radius:var(--sb-radius-lg)!important;padding:clamp(20px,4vw,36px)!important}.contact-card:before{display:none!important}.contact-header-info{border-bottom:none!important;padding-bottom:0!important;margin-bottom:24px!important}.contact-lead{color:var(--sb-text-2)!important;font-size:.95rem!important;line-height:1.6!important;max-width:520px}.contact-label{color:var(--sb-text-2)!important;font-size:.8rem!important;font-weight:500!important;letter-spacing:.01em!important;gap:0!important}.contact-label i{display:none!important}.contact-input,#projects-search-input{background:var(--sb-surface)!important;border:1px solid var(--sb-line)!important;border-radius:12px!important;color:var(--sb-text)!important;box-shadow:none!important;transition:border-color .18s ease,background-color .18s ease!important}.contact-input::placeholder{color:var(--sb-text-3)!important}.contact-input:hover,#projects-search-input:hover{border-color:var(--sb-line-strong)!important}.contact-input:focus,#projects-search-input:focus{background:var(--sb-surface-2)!important;border-color:#ffffff52!important;box-shadow:none!important;outline:none!important}textarea.contact-input{resize:vertical;min-height:120px}#contact-char-progress-fill{background:#e4e4e7!important}#contact-char-progress-bar{background:#ffffff0f!important}.contact-submit-btn{background:#f4f4f5!important;color:#09090b!important;border:none!important;border-radius:12px!important;height:48px!important;font-weight:600!important;font-size:.92rem!important;box-shadow:none!important;transition:background-color .18s ease,transform .12s ease,opacity .18s ease!important}.contact-submit-btn:before{display:none!important}.contact-submit-btn:hover{background:#fff!important;transform:none!important}.contact-submit-btn:active{transform:scale(.99)!important}.contact-submit-btn i{font-size:.8rem!important;opacity:.7}.contact-submit-btn:disabled{opacity:.45!important;cursor:not-allowed!important}.contact-direct-footer{border-top:1px solid var(--sb-line)!important;padding-top:20px!important;margin-top:24px!important}.contact-direct-pill{background:transparent!important;border:1px solid var(--sb-line)!important;color:var(--sb-text-2)!important;border-radius:999px!important;box-shadow:none!important}.contact-direct-pill:hover{border-color:var(--sb-line-strong)!important;color:var(--sb-text)!important;background:transparent!important}.contact-direct-pill i{color:var(--sb-text-3)!important}.contact-direct-pill strong{color:var(--sb-text)!important;font-weight:600}.pill-btn,.stat-item,.project-filter-pill{background:transparent!important;border:1px solid var(--sb-line)!important;color:var(--sb-text-2)!important;box-shadow:none!important}.pill-btn:hover,.stat-item:hover,.project-filter-pill:hover{background:transparent!important;border-color:var(--sb-line-strong)!important;color:var(--sb-text)!important}.project-filter-pill.active{background:#f4f4f5!important;color:#09090b!important;border-color:#f4f4f5!important;box-shadow:none!important}.nav-pill-wrapper,.auth-btn,.auth-profile,.site-brand-logo{background:#000000eb!important;border:1px solid var(--sb-line)!important;box-shadow:none!important}.profile-dropdown-card,.shortcuts-modal-container,.lightbox-toolbar,.game-modal-dialog,.project-modal-dialog,.custom-status-bubble{border:1px solid var(--sb-line-strong)!important;box-shadow:0 20px 50px #0009!important}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid rgba(255,255,255,.45)!important;outline-offset:2px!important}#back-to-top{background:#000!important;border:1px solid var(--sb-line-strong)!important;box-shadow:none!important}.nav-pill-wrapper{background:#000000e6!important;border:1px solid var(--sb-line)!important;box-shadow:none!important;padding:4px!important}.nav-item{color:var(--sb-text-3)!important;font-weight:500!important;font-size:.84rem!important;transition:color .15s ease!important}.nav-item:hover,.nav-item.active{color:var(--sb-text)!important}.nav-dot{display:none!important}.nav-slider-pill{background:#ffffff12!important;border:none!important;box-shadow:none!important}.nav-hover-pill{background:#ffffff0a!important;box-shadow:none!important}.auth-profile,.auth-btn{background:transparent!important;border:1px solid var(--sb-line)!important;box-shadow:none!important}.auth-profile:hover,.auth-btn:hover{border-color:var(--sb-line-strong)!important}.site-brand-logo{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:10px!important}.hero-section{padding-top:8px!important;margin-bottom:36px!important}.main-profile-container,.main-profile-header,.main-profile-body{background:transparent!important;border:none!important;box-shadow:none!important}.main-profile-banner{display:none!important}.main-profile-header,.main-profile-header.has-banner{margin-top:0!important}.main-avatar{border:1px solid var(--sb-line-strong)!important;box-shadow:none!important}.main-avatar-wrapper:before,.main-avatar-wrapper:after{box-shadow:none!important}.status-indicator{box-shadow:0 0 0 3px #000!important}.main-profile-container .profile-name{max-width:none!important;overflow:visible!important;white-space:normal!important;font-size:clamp(1.5rem,4vw,1.9rem)!important;font-weight:600!important;letter-spacing:-.035em!important;color:var(--sb-text)!important;text-shadow:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}.verified-star{color:#f4f4f5!important;filter:none!important}.verified-check{color:#000!important}.main-handle{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--sb-text-3)!important;font-size:.9rem!important;padding:2px 6px!important}.main-handle:hover{color:var(--sb-text-2)!important}.main-meta-row{gap:14px!important}.meta-item{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;color:var(--sb-text-3)!important;font-size:.82rem!important}.meta-item i{color:var(--sb-text-3)!important;opacity:.8}.meta-separator{background:var(--sb-text-3)!important;opacity:.4}.main-profile-about{color:var(--sb-text-2)!important;font-size:.98rem!important;line-height:1.7!important;max-width:540px!important;margin-left:auto!important;margin-right:auto!important}.pill-bar{gap:8px!important}.pill-btn{background:transparent!important;border:1px solid var(--sb-line)!important;color:var(--sb-text-2)!important;box-shadow:none!important;border-radius:999px!important;font-weight:500!important;font-size:.82rem!important}.pill-btn:hover,.pill-btn.discord-hover:hover,.pill-btn.github-hover:hover{background:#ffffff0a!important;border-color:var(--sb-line-strong)!important;color:var(--sb-text)!important;transform:none!important;box-shadow:none!important}.pill-btn i{color:inherit!important}.stats-bar{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;gap:16px!important}.stat-item{background:transparent!important;border:none!important;box-shadow:none!important;padding:4px 6px!important;color:var(--sb-text-3)!important;font-size:.82rem!important}.stat-item:hover{background:transparent!important;color:var(--sb-text)!important}.stat-item.like-btn.liked,.stat-item.like-btn.liked i{color:#f4f4f5!important}.custom-status-bubble{background:#0a0a0a!important;border:1px solid var(--sb-line)!important;box-shadow:none!important;color:var(--sb-text-2)!important;font-weight:500!important}.live-status-card{background:transparent!important;border:1px solid var(--sb-line)!important;border-radius:18px!important;box-shadow:none!important;padding:18px!important}.live-status-card:before,.live-status-card:after{display:none!important}.presence-cover{border-radius:12px!important;box-shadow:none!important;border:1px solid var(--sb-line)!important}.presence-logo-overlay{box-shadow:0 0 0 3px #000!important}.presence-bold-title{color:var(--sb-text-3)!important;font-size:.68rem!important;font-weight:500!important;letter-spacing:.12em!important}.presence-track-title{font-size:1.1rem!important;font-weight:600!important;color:var(--sb-text)!important}.presence-progress-bar{background:#ffffff0f!important}.presence-progress-fill{background:#e4e4e7!important;box-shadow:none!important}.presence-progress-dot{background:#fff!important;box-shadow:none!important}.presence-action-btn,.presence-custom-button{background:transparent!important;border:1px solid var(--sb-line)!important;color:var(--sb-text-2)!important;box-shadow:none!important;border-radius:10px!important;font-weight:500!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease!important}.presence-action-btn:hover,.presence-custom-button:hover{background:#ffffff0a!important;border-color:var(--sb-line-strong)!important;color:var(--sb-text)!important;transform:none!important}section+section,.live-status-section{margin-top:clamp(40px,7vh,72px)!important}body{letter-spacing:-.006em;text-rendering:optimizeLegibility}.section-subtitle{font-family:var(--font-sans)!important;font-size:.78rem!important;font-weight:500!important;letter-spacing:.04em!important;color:var(--sb-text-3)!important;margin-bottom:14px!important}.section-subtitle:before{display:none!important}.project-card,.game-card,.skill-list-item,.blog-card,.contact-card,.live-status-card,.simplified-card,.glass-panel{border-color:#ffffff0f!important;border-radius:20px!important}.main-avatar{border:none!important}.main-profile-container .profile-name{font-weight:600!important}.main-profile-about{color:#8e8e96!important;font-size:.95rem!important}.pill-btn{border-color:transparent!important;color:#8e8e96!important;padding-left:12px!important;padding-right:12px!important}.pill-btn:hover{border-color:#ffffff14!important}.custom-status-bubble{border-color:#ffffff0d!important;background:#0d0d0d!important}.custom-status-bubble:before{display:none!important}.nav-pill-wrapper{border-color:#ffffff0f!important}.auth-profile,.auth-btn{border-color:transparent!important}.auth-profile:hover,.auth-btn:hover{border-color:#ffffff14!important}.presence-bold-title{color:#6b6b73!important}.presence-action-btn,.presence-custom-button{border-color:#ffffff0f!important}.contact-input{border-color:#ffffff0f!important;background:#080808!important}::selection{background:#ffffff2e;color:#fff}::-webkit-scrollbar{width:8px!important;height:8px!important}::-webkit-scrollbar-track{background:transparent!important}::-webkit-scrollbar-thumb{background:#fff3!important;border-radius:9999px!important;border:2px solid transparent!important;background-clip:padding-box!important;transition:background-color .2s ease!important}::-webkit-scrollbar-thumb:hover{background:#fff6!important;background-clip:padding-box!important}html{scrollbar-color:rgba(255,255,255,.25) transparent!important;scrollbar-width:thin!important}body.modal-open{overflow:hidden!important}@media(prefers-reduced-motion:no-preference){.main-profile-container,.live-status-section,.contact-section{animation:sbFadeUp .5s cubic-bezier(.16,1,.3,1) both}}@keyframes sbFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.nav-pill-wrapper{height:42px!important;padding:4px!important;gap:2px!important;border-radius:999px!important;background:#0b0b0b!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 8px 24px #00000080!important}.nav-pill-wrapper:before,.nav-pill-wrapper:after{display:none!important}.site-floating-nav .nav-item,.nav-item{position:relative;z-index:2!important;height:32px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:transparent!important;border:none!important;box-shadow:none!important;color:#8a8a93!important;font-size:.82rem!important;font-weight:500!important;letter-spacing:-.005em!important;transition:color .2s ease!important}.nav-item:hover{color:#f4f4f5!important}.site-floating-nav .nav-item.active,.site-floating-nav .nav-item.active:hover{color:#0a0a0a!important;font-weight:600!important;background:#f4f4f5!important;box-shadow:0 1px 2px #0006!important;transition:color .2s ease,background-color .2s ease!important}.nav-item .nav-label i,.nav-dot{display:none!important}.nav-slider-pill{top:4px!important;bottom:4px!important;height:auto!important;border-radius:999px!important;background:#f4f4f5!important;border:none!important;box-shadow:0 1px 2px #0006!important}.nav-slider-pill:before,.nav-slider-pill:after{display:none!important}.nav-hover-pill{top:4px!important;bottom:4px!important;height:auto!important;border-radius:999px!important;background:#ffffff0f!important;border:none!important;box-shadow:none!important}.site-floating-nav .nav-slider-pill{display:none!important}@media(max-width:768px){.nav-pill-wrapper{height:44px!important}.site-floating-nav .nav-item,.nav-item{height:34px!important;min-height:34px!important;min-width:0!important;padding:0 12px!important;font-size:.78rem!important}}.admin-bubble-btn{display:flex;align-items:center;gap:8px;background:#000!important;border:1px solid rgba(255,255,255,.06)!important;color:#fff!important;padding:8px 16px!important;border-radius:999px!important;box-shadow:none!important;transition:background-color .2s,border-color .2s;font-size:.85rem;font-weight:500}.admin-bubble-btn:hover{background:#111!important;border-color:#ffffff26!important}.admin-bubble-label{letter-spacing:.5px}.admin-bubble-container{bottom:24px!important;right:24px!important}.admin-bubble-btn{width:36px!important;height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:transparent!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff6!important;box-shadow:none!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;transition:all .2s ease!important;transform:none!important}.admin-bubble-btn i{font-size:.9rem!important}.admin-bubble-btn:hover{background:#ffffff0d!important;border-color:#fff3!important;color:#ffffffe6!important}.admin-bubble-label{display:none!important}@media(max-width:768px){.admin-bubble-btn{width:40px!important;height:40px!important}}#skills.skills-3d-section{--bg: #000;--card: #0b0c0f;--line: #1a1c21;--line2: #2a2d35;--text: #f5f5f6;--muted: #8b8d94;--dim: #52555c;--accent: #5fd35f;--sans: "Instrument Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;position:relative;isolation:isolate;width:100%;max-width:1080px;margin:50px auto 68px;padding:0 16px;display:flex;flex-direction:column;background:transparent!important;box-sizing:border-box}#skills .skills-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}#skills .skills-eyebrow{font-family:var(--sans);font-size:13px;color:var(--dim);margin:0 0 14px;text-transform:none;letter-spacing:normal;font-weight:400;line-height:1.2}#skills .skills-main-title{font-family:var(--sans);font-size:clamp(34px,5vw,48px);line-height:1.1;letter-spacing:-.03em;font-weight:500;color:var(--text);margin:0 0 12px}#skills .skills-sub{margin:0;font-family:var(--sans);font-size:15px;color:var(--muted);line-height:1.4}#skills .skills-badge{font-family:var(--sans);font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 14px;white-space:nowrap;background:transparent;line-height:1}#skills .skills-stage{position:relative;height:400px;perspective:1100px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;margin:8px 0 12px;outline:none}#skills .skills-stage:active,#skills .skills-stage.grabbing{cursor:grabbing}#skills .card{position:absolute;left:50%;top:50%;width:250px;height:330px;margin:-165px 0 0 -125px;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .3s ease,border-color .35s ease,box-shadow .35s ease;will-change:transform,opacity;outline:none;box-sizing:border-box}@keyframes skillsActiveGlow{0%,to{box-shadow:0 0 38px #5fd35f26,inset 0 0 35px #5fd35f0a;border-color:#5fd35fa6}50%{box-shadow:0 0 58px #5fd35f47,inset 0 0 45px #5fd35f14;border-color:#5fd35fd9}}#skills .card[data-active=true]{border-color:#5fd35fb3;box-shadow:0 0 48px #5fd35f24,inset 0 0 40px #5fd35f0a;animation:skillsActiveGlow 3.5s ease-in-out infinite}#skills .card:focus-visible{outline:2px solid #fff;outline-offset:3px}#skills .tag{display:flex;justify-content:space-between;align-items:center;font:400 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}#skills .tile{width:92px;height:92px;border-radius:26px;background:#101115;border:1px solid var(--line);display:grid;place-items:center;margin:0 auto}#skills .tile svg,#skills .tile img{width:46px;height:46px;object-fit:contain;pointer-events:none}#skills .card-info{display:flex;flex-direction:column}#skills .card h3{margin:0 0 4px;font-family:var(--sans);font-size:28px;font-weight:500;letter-spacing:-.025em;color:var(--text)}#skills .card p{margin:0;font-family:var(--sans);font-size:14px;color:var(--muted);line-height:1.4}#skills .skills-foot{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:10px}#skills .skills-ctrl{display:flex;align-items:center;gap:16px;font-family:var(--sans);font-size:13px;color:var(--dim);user-select:none}#skills .skills-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:color .2s,border-color .2s,transform .15s;outline:none;padding:0}#skills .skills-nav-btn:hover{color:#fff;border-color:var(--line2)}#skills .skills-nav-btn:active{transform:scale(.92)}#skills .skills-nav-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}#skills .skills-dots{display:flex;gap:6px;align-items:center;justify-content:center}#skills .skills-dots i{display:block;width:18px;height:3px;border-radius:2px;background:var(--line2);transition:background .3s,width .3s}#skills .skills-dots i.on{background:var(--text);width:32px}@media(max-width:700px){#skills.skills-3d-section{padding:0 8px;margin:40px auto 52px}#skills .skills-top{flex-direction:column;align-items:flex-start;gap:14px}#skills .skills-stage{height:360px}#skills .card{width:220px;height:300px;margin:-150px 0 0 -110px;padding:18px;border-radius:24px}#skills .card h3{font-size:24px}#skills .tile{width:80px;height:80px;border-radius:22px}#skills .tile svg,#skills .tile img{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){#skills .card,#skills .skills-dots i{transition:none!important}}.site-brand-link{text-decoration:none!important;display:inline-flex;align-items:center;gap:12px}.site-brand-text{font-family:Plus Jakarta Sans,system-ui,sans-serif!important;font-size:1.35rem!important;font-weight:700!important;letter-spacing:-.04em!important;color:#fff!important;user-select:none;transition:opacity .2s ease,transform .2s ease}.site-brand-link:hover .site-brand-text{opacity:.85;transform:scale(1.02)}.top-lang-switch{display:inline-flex;align-items:center;gap:8px;margin-right:14px;font-size:.8rem;font-weight:600;letter-spacing:.05em;user-select:none}.top-lang-link{color:#71717a!important;text-decoration:none!important;transition:color .18s ease;padding:4px 6px;border-radius:6px}.top-lang-link:hover{color:#e4e4e7!important}.top-lang-link.active{color:#fff!important;font-weight:700!important}.auth-container{display:flex!important;align-items:center!important}.auth-btn{border-radius:999px!important;background:#000!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;font-size:.84rem!important;font-weight:600!important;padding:8px 18px!important;box-shadow:none!important;backdrop-filter:blur(8px)!important;transition:all .2s ease!important}.auth-btn:hover{background:#111115!important;border-color:#ffffff4d!important;color:#fff!important;transform:translateY(-1px)!important}.top-header-bar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#000000bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .25s ease,border-color .25s ease}.top-header-inner{width:100%;max-width:100%;margin:0;padding:16px clamp(24px,4vw,56px);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.top-header-left{display:flex;align-items:center;gap:36px}.top-header-left .top-logo-container{position:static!important;display:inline-flex!important;align-items:center!important;margin:0!important;padding:0!important}.top-header-nav{display:flex;align-items:center;gap:28px}.top-nav-link{font-size:.88rem;font-weight:500;color:#8b8f98;text-decoration:none;transition:color .18s ease;padding:6px 4px;position:relative}.top-nav-link:hover{color:#f4f4f5}.top-nav-link.active{color:#fff;font-weight:600}.top-header-right{display:flex;align-items:center;gap:clamp(20px,3vw,40px)}.top-header-right .top-header-nav{display:flex;align-items:center;gap:clamp(16px,2vw,30px)}.top-header-right .auth-container{position:relative!important;top:auto!important;right:auto!important;display:flex!important;align-items:center!important}@media(max-width:768px){.top-header-inner{padding:14px 18px}.top-header-left{gap:16px}.top-header-nav{gap:14px}.top-nav-link{font-size:.82rem;padding:4px 2px}.top-lang-switch{margin-right:8px;gap:4px}.auth-btn{padding:6px 14px!important;font-size:.78rem!important}}.contact-section{position:relative;width:100%;margin-top:clamp(60px,9vh,96px)!important;margin-bottom:80px!important}.contact-split-wrapper{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(36px,5vw,68px);align-items:start;width:100%;box-sizing:border-box}.contact-split-left{display:flex;flex-direction:column;padding-top:8px}.contact-split-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#71717a;margin-bottom:14px}.contact-split-title{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(2.4rem,4.4vw,3.4rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:#fff;margin:0 0 16px}.contact-split-sub{font-size:.95rem;line-height:1.55;color:#8b8f98;margin:0 0 34px}.contact-direct-group{display:flex;flex-direction:column;gap:12px}.contact-direct-label{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#71717a;margin-bottom:2px}.contact-direct-list{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.contact-direct-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:#0d0e12;border:1px solid rgba(255,255,255,.08);color:#f4f4f5;font-size:.88rem;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.contact-direct-pill:hover{background:#14151b;border-color:#ffffff2e;transform:translateY(-1px)}.contact-direct-pill i{font-size:.95rem;color:#d4d4d8}.contact-copy-icon{font-size:.75rem!important;opacity:.55;margin-left:4px}.contact-card-v2{background:#090a0d!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:26px!important;padding:clamp(24px,4vw,36px)!important;box-shadow:0 20px 48px -12px #000000b3!important;width:100%;box-sizing:border-box}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}@media(max-width:580px){.contact-form-row{grid-template-columns:1fr;gap:14px}}.contact-form-group{display:flex;flex-direction:column;gap:8px;width:100%}.contact-form-label{font-size:.84rem;font-weight:500;color:#f4f4f5;letter-spacing:-.01em}.contact-input-wrap{position:relative;display:flex;align-items:center;width:100%}.contact-input-wrap i{position:absolute;left:14px;color:#71717a;font-size:.88rem;pointer-events:none}.contact-split-input{width:100%;height:44px;padding:0 14px 0 40px;border-radius:12px;background:#111216!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;font-size:.88rem;outline:none;transition:border-color .2s ease,background-color .2s ease;box-sizing:border-box}.contact-split-input:focus{border-color:#ffffff40!important;background:#15161c!important}.contact-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.contact-char-indicator{display:flex;align-items:center;gap:8px}.contact-char-bar{width:44px;height:3px;background:#ffffff14;border-radius:100px;overflow:hidden}.contact-char-fill{width:0%;height:100%;background:#fff;transition:width .15s ease}.contact-char-number{font-size:.74rem;color:#71717a;font-family:ui-monospace,SF Mono,monospace}.contact-split-textarea{width:100%;padding:14px 16px;border-radius:12px;background:#111216!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;font-size:.88rem;line-height:1.5;outline:none;resize:vertical;min-height:120px;transition:border-color .2s ease,background-color .2s ease;box-sizing:border-box}.contact-split-textarea:focus{border-color:#ffffff40!important;background:#15161c!important}.contact-split-submit-btn{width:100%;height:48px;border-radius:999px!important;background:#fff!important;color:#000!important;border:none!important;font-size:.95rem!important;font-weight:600!important;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)!important;margin-top:24px;box-shadow:none!important}.contact-split-submit-btn:hover{background:#e4e4e7!important;transform:translateY(-1px);box-shadow:0 8px 24px #ffffff26!important}.contact-split-submit-btn:active{transform:scale(.98)}@media(max-width:860px){.contact-split-wrapper{grid-template-columns:1fr;gap:32px}.contact-split-sub{margin-bottom:24px}}#skills,#projects,#games,#blogs,#contact{content-visibility:auto;contain-intrinsic-size:auto 600px}.hero-section,.main-profile-container,.project-card,.game-card,.blog-card,.skill-card-modern,.shortcuts-modal-container{transform:translateZ(0);backface-visibility:hidden;will-change:auto}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html.tab-hidden *,html.eco-battery-mode *,html.power-saver-active *{animation-play-state:paused!important}html.eco-battery-mode *,html.power-saver-active *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html.tab-hidden .background-base,html.tab-hidden canvas,html.eco-battery-mode .background-base,html.eco-battery-mode canvas,html.power-saver-active .background-base,html.power-saver-active canvas{display:none!important}html.eco-battery-mode .glass-panel,html.eco-battery-mode .top-header-bar,html.eco-battery-mode .mobile-bottom-dock,html.eco-battery-mode .cmd-palette-container,html.power-saver-active .glass-panel,html.power-saver-active .top-header-bar,html.power-saver-active .mobile-bottom-dock,html.power-saver-active .cmd-palette-container{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0d0e12!important;box-shadow:0 4px 12px #00000080!important}@media(prefers-reduced-motion:no-preference){html.high-refresh-rate-display{--spring: cubic-bezier(.12, 1, .28, 1);scroll-behavior:smooth}html.high-refresh-rate-display .card,html.high-refresh-rate-display .glass-panel,html.high-refresh-rate-display .btn,html.high-refresh-rate-display .nav-item,html.high-refresh-rate-display .interactive-btn{transition-timing-function:cubic-bezier(.12,1,.28,1)}}.top-cmd-palette-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;height:34px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#94a3b8;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s var(--ease-out-expo);text-decoration:none;white-space:nowrap;user-select:none;outline:none}.top-cmd-palette-btn:hover{background:#ffffff14;border-color:#ffffff2e;color:#fff;transform:translateY(-1px)}.top-cmd-palette-btn:active{transform:translateY(0) scale(.98)}.top-cmd-palette-btn i{font-size:.8rem;color:#64748b;transition:color .2s ease}.top-cmd-palette-btn:hover i{color:var(--accent, #5865F2)}.cmd-btn-text{font-size:.8rem}.cmd-kbd-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:.68rem;font-family:var(--font-mono);font-weight:600;color:#64748b;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;line-height:1}@media(max-width:900px){.cmd-btn-text,.cmd-kbd-badge{display:none}.top-cmd-palette-btn{padding:0;width:34px;height:34px;justify-content:center}}.cmd-palette-overlay{position:fixed;inset:0;z-index:10000;background:#000000a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 20px 20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s var(--ease-out-expo),visibility .22s var(--ease-out-expo)}.cmd-palette-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.cmd-palette-container{width:100%;max-width:640px;background:#0e0f13f5;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 24px 64px -12px #000000d9,0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column;transform:scale(.96) translateY(-8px);transition:transform .24s var(--ease-out-expo)}.cmd-palette-overlay.visible .cmd-palette-container{transform:scale(1) translateY(0)}.cmd-palette-drag-handle{display:none;width:36px;height:4px;background:#ffffff2e;border-radius:99px;margin:10px auto 4px}.cmd-palette-search-wrap{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05;gap:12px}.cmd-palette-icon{font-size:1.05rem;color:var(--accent, #5865F2);flex-shrink:0}.cmd-palette-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1.05rem;font-family:inherit;font-weight:500}.cmd-palette-input::placeholder{color:#64748b;font-weight:400}.cmd-palette-kbd{display:inline-flex;align-items:center;padding:3px 7px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.72rem;font-family:var(--font-mono);color:#94a3b8;line-height:1}.cmd-palette-results{max-height:380px;overflow-y:auto;padding:8px;overscroll-behavior:contain}.cmd-palette-results::-webkit-scrollbar{width:6px}.cmd-palette-results::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.cmd-group-title{padding:8px 12px 4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.cmd-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .14s ease,transform .14s ease;user-select:none}.cmd-item:hover,.cmd-item.selected{background:#ffffff12}.cmd-item.selected{background:#5865f226;border:1px solid rgba(88,101,242,.25)}.cmd-item-icon-box{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0d;color:#cbd5e1;font-size:.92rem;flex-shrink:0;transition:all .15s ease}.cmd-item.selected .cmd-item-icon-box{background:var(--accent, #5865F2);color:#fff}.cmd-item-text{flex:1;min-width:0}.cmd-item-title{font-size:.9rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item-desc{font-size:.76rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.cmd-item-arrow{font-size:.75rem;color:#64748b;opacity:0;transform:translate(-4px);transition:all .15s ease}.cmd-item.selected .cmd-item-arrow{opacity:1;transform:translate(0);color:var(--accent, #5865F2)}.cmd-palette-empty{padding:36px 16px;text-align:center;color:#94a3b8}.cmd-empty-icon{font-size:2.2rem;color:#475569;margin-bottom:12px}.cmd-palette-empty p{font-size:.88rem}.cmd-palette-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.06);font-size:.72rem;color:#64748b}.cmd-palette-hints{display:flex;align-items:center;gap:14px}.cmd-hint-kbd{display:inline-block;padding:1px 5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-family:var(--font-mono);font-size:.68rem;color:#94a3b8;margin-right:2px}.cmd-palette-brand{font-weight:600;letter-spacing:.04em;color:#475569}@media(max-width:640px){.cmd-palette-overlay{padding:0;align-items:flex-end}.cmd-palette-container{max-width:100%;border-radius:20px 20px 0 0;max-height:85vh;transform:translateY(100%)}.cmd-palette-overlay.visible .cmd-palette-container{transform:translateY(0)}.cmd-palette-drag-handle{display:block}.cmd-palette-footer{display:none}}.mobile-bottom-dock{display:none;position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:9998;background:#0c0d10e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 10px;padding-bottom:max(6px,env(safe-area-inset-bottom));box-shadow:0 16px 36px -4px #000c,0 0 0 1px #ffffff0a;align-items:center;gap:4px;max-width:calc(100vw - 28px)}@media(max-width:768px){.mobile-bottom-dock{display:flex}body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}#back-to-top{bottom:calc(82px + env(safe-area-inset-bottom));right:16px}}.mobile-dock-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:48px;min-height:44px;padding:4px 8px;border-radius:999px;color:#94a3b8;text-decoration:none;background:transparent;border:none;outline:none;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-dock-btn i{font-size:.95rem;transition:transform .18s ease}.mobile-dock-btn span{font-size:.62rem;font-weight:500;line-height:1}.mobile-dock-btn:active{transform:scale(.92)}.mobile-dock-btn.active,.mobile-dock-btn:hover{color:#fff;background:#ffffff14}.mobile-dock-btn.active i{color:var(--accent, #5865F2);transform:translateY(-1px)}.spotify-bars{display:flex;align-items:flex-end;gap:3px;height:18px;width:22px}.spotify-bars span{width:3px;background:#1db954;border-radius:2px;animation:musicBarWave 1.2s ease-in-out infinite alternate}.spotify-bars span:nth-child(1){height:40%;animation-delay:.1s}.spotify-bars span:nth-child(2){height:95%;animation-delay:.35s}.spotify-bars span:nth-child(3){height:60%;animation-delay:.15s}.spotify-bars span:nth-child(4){height:80%;animation-delay:.45s}@keyframes musicBarWave{0%{height:20%}50%{height:100%}to{height:35%}}@media(pointer:coarse){button,a,input,select,.pill-btn,.top-nav-link,.stat-item,.copyable-handle{min-height:44px;touch-action:manipulation}}.settings-page-body{background-color:#000!important;min-height:100vh;color:#f1f5f9;font-family:var(--font-sans);overflow-x:hidden}.settings-wrapper{max-width:680px;margin:0 auto;padding:100px 20px 80px;position:relative;z-index:2}.settings-top-bar{margin-bottom:24px}.settings-back-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:none;color:#64748b;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .18s ease}.settings-back-btn:hover{color:#fff;transform:translate(-3px)}.settings-back-btn i{font-size:.75rem}.settings-header{margin-bottom:32px}.settings-title{font-size:1.85rem;font-weight:700;letter-spacing:-.02em;color:#fff;margin:0 0 6px}.settings-desc{font-size:.92rem;color:#64748b;margin:0;line-height:1.5}.settings-group{margin-bottom:28px}.settings-group-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#475569;margin:0 0 10px 4px}.settings-card{background:#0e0f13bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s ease}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:#ffffff05}.settings-row-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.settings-row-label{font-size:.88rem;font-weight:500;color:#f1f5f9}.settings-row-desc{font-size:.76rem;color:#64748b;line-height:1.4}.settings-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.settings-switch input{opacity:0;width:0;height:0;position:absolute}.settings-slider{position:absolute;inset:0;background-color:#ffffff1f;border-radius:999px;transition:background-color .2s cubic-bezier(.16,1,.3,1)}.settings-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;top:3px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0006;transition:transform .2s cubic-bezier(.16,1,.3,1)}.settings-switch input:checked+.settings-slider{background-color:#5865f2}.settings-switch input:checked+.settings-slider:before{transform:translate(18px)}.settings-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-size:.8rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s ease;white-space:nowrap;user-select:none;outline:none}.settings-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff26}.settings-btn:active{transform:scale(.97)}.settings-btn-discord{background:#5865f21f;border-color:#5865f259;color:#a5b4fc}.settings-btn-discord:hover{background:#5865f2;color:#fff;border-color:#5865f2}.settings-btn-danger{background:#ef444414;border-color:#ef444440;color:#f87171}.settings-btn-danger:hover{background:#ef444433;border-color:#ef444466;color:#fff}.settings-lang-pills{display:inline-flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:2px;gap:2px}.settings-lang-pill{padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:600;color:#64748b;border:none;background:transparent;cursor:pointer;transition:all .15s ease}.settings-lang-pill:hover{color:#cbd5e1}.settings-lang-pill.active{background:#ffffff1f;color:#fff}.settings-network-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.76rem;font-weight:500}.settings-network-pill.online{background:#10b9811a;color:#34d399}.settings-network-pill.offline{background:#ef44441a;color:#f87171}.settings-network-pill.idle{background:#f59e0b1f;color:#fbbf24}.settings-network-pill.dnd{background:#ef44441f;color:#f87171}.settings-network-pill.streaming{background:#9333ea26;color:#c084fc}.settings-device-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:500;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#94a3b8;transition:all .2s ease}.settings-device-pill.active{background:#10b9811f;border-color:#10b98159;color:#34d399}.settings-device-pill.active.web{background:#f59e0b24;border-color:#f59e0b66;color:#fbbf24}.settings-device-pill .device-state-dot{width:6px;height:6px;border-radius:50%;background-color:#64748b;display:inline-block}.settings-device-pill.active .device-state-dot{background-color:#10b981;box-shadow:0 0 6px #10b98199}.settings-device-pill.active.web .device-state-dot{background-color:#fbbf24;box-shadow:0 0 6px #f59e0b99}.settings-discord-alert{display:flex;align-items:flex-start;gap:12px;margin:8px 18px 14px;padding:12px 14px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:10px;font-size:.82rem;line-height:1.45;color:#e2e8f0}.settings-discord-alert .alert-icon-wrap{color:#fbbf24;font-size:1.1rem;flex-shrink:0;margin-top:2px}.settings-discord-alert .alert-content-wrap strong{color:#fbbf24;display:block;margin-bottom:3px;font-size:.86rem}.settings-discord-alert .alert-content-wrap p{margin:0;color:#cbd5e1;font-size:.8rem}.settings-status-btn{transition:all .2s cubic-bezier(.16,1,.3,1)}.settings-status-btn.active{background:#ffffff24!important;border-color:#ffffff59!important;color:#fff!important;box-shadow:0 0 12px #ffffff1a}.settings-network-dot{width:6px;height:6px;border-radius:50%}.settings-network-dot.online{background-color:#10b981}.settings-network-dot.offline{background-color:#ef4444}.settings-account-box{display:flex;align-items:center;gap:14px;padding:16px 18px;background:transparent}.settings-account-avatar-wrapper{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#181920;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.settings-account-avatar{width:100%;height:100%;object-fit:cover;display:block}.settings-account-details{flex:1;min-width:0}.settings-account-name-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.settings-account-name{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-admin-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:999px;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#fbbf24;font-size:.65rem;font-weight:700}.settings-account-id{font-size:.74rem;color:#64748b;font-family:var(--font-mono)}.settings-account-actions{display:flex;align-items:center;gap:8px}.settings-admin-sub{border-top:1px solid rgba(255,255,255,.05)}@media(max-width:640px){.settings-wrapper{padding:86px 16px 60px}.settings-row{padding:12px 14px}.settings-account-box{padding:14px;flex-direction:column;align-items:flex-start;gap:12px}.settings-account-actions{width:100%}.settings-account-actions .settings-btn{width:100%;justify-content:center}}@media print{body{background:#fff!important;color:#000!important}.top-header-bar,.mobile-bottom-dock,#back-to-top,#toast-container,#reading-progress,.cmd-palette-overlay,.shortcuts-modal-overlay,.background-base,.like-btn,.auth-container,.admin-bubble-container{display:none!important}.content-wrapper{max-width:100%!important;padding:0!important}.project-card,.game-card,.main-profile-container{border:1px solid #e2e8f0!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}}:root{--anim-duration-fast: .15s;--anim-duration-base: .24s;--anim-duration-smooth: .35s;--anim-duration-slow: .5s;--anim-ease-out: cubic-bezier(.16, 1, .3, 1);--anim-ease-in-out: cubic-bezier(.4, 0, .2, 1);--anim-bounce: cubic-bezier(.34, 1.56, .64, 1)}.animate-fade-in{animation:masterFadeIn var(--anim-duration-smooth) var(--anim-ease-out) forwards}.animate-slide-up{animation:masterSlideUp var(--anim-duration-smooth) var(--anim-ease-out) forwards}@keyframes masterFadeIn{0%{opacity:0}to{opacity:1}}@keyframes masterSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.interactive-hover-lift{transition:transform var(--anim-duration-base) var(--anim-ease-out),box-shadow var(--anim-duration-base) var(--anim-ease-out),border-color var(--anim-duration-base) ease}.interactive-hover-lift:hover{transform:translateY(-4px);box-shadow:0 14px 34px #00000073}.interactive-hover-lift:active{transform:translateY(-1px) scale(.99)}.header-icon-btn{width:38px;height:38px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:.95rem;transition:all var(--anim-duration-fast) var(--anim-ease-out)}.header-icon-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40;transform:rotate(15deg) scale(1.05)}.mobile-menu-burger{display:none;flex-direction:column;justify-content:space-between;width:38px;height:38px;padding:10px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;box-sizing:border-box;transition:all var(--anim-duration-fast) ease;z-index:1002}.mobile-menu-burger:hover{background:#ffffff1a;border-color:#ffffff40}.burger-bar{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:transform var(--anim-duration-smooth) var(--anim-ease-out),opacity var(--anim-duration-fast) ease}.mobile-menu-burger.is-active .burger-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-burger.is-active .burger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-burger.is-active .burger-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9998;opacity:0;pointer-events:none;transition:opacity var(--anim-duration-smooth) var(--anim-ease-out)}.mobile-nav-backdrop.open{opacity:1;pointer-events:auto}.mobile-nav-drawer{position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100%;background:#090a10;border-left:1px solid rgba(255,255,255,.1);z-index:9999;padding:24px 20px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;transform:translate3d(100%,0,0);transition:transform var(--anim-duration-smooth) var(--anim-ease-out);box-shadow:-10px 0 35px #000000b3}.mobile-nav-drawer.open{transform:translateZ(0)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-drawer-close{background:transparent;border:none;color:#94a3b8;font-size:1.25rem;cursor:pointer;padding:4px;transition:color var(--anim-duration-fast) ease}.mobile-drawer-close:hover{color:#fff}.mobile-drawer-user-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px;margin:18px 0}.mobile-user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#181920;border:2px solid rgba(255,255,255,.1)}.mobile-drawer-links{display:flex;flex-direction:column;gap:4px;flex:1}.mobile-drawer-group-title{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;padding:0 8px}.mobile-drawer-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:#cbd5e1;text-decoration:none;font-size:.92rem;font-weight:500;transition:all var(--anim-duration-fast) ease}.mobile-drawer-link:hover{background:#ffffff0f;color:#fff}.mobile-drawer-link.active{background:#60a5fa26;color:#60a5fa;font-weight:600}.mobile-drawer-link.active-dot{width:6px;height:6px;border-radius:50%;background:#60a5fa;margin-left:auto}.mobile-link-icon{width:20px;text-align:center;font-size:.95rem;opacity:.85}.mobile-drawer-footer{padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.mobile-lang-row{display:flex;align-items:center;justify-content:space-between}@media(max-width:860px){.desktop-only{display:none!important}.mobile-menu-burger{display:flex}.auth-btn-text{display:none}.auth-btn{padding:8px 12px!important}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root{--h: 56px}svg.ic{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}header.site-header{position:sticky;top:0;z-index:999;height:var(--h);background:#000000e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #141417}.bar{height:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px}.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#fff;user-select:none;transition:opacity .15s ease;flex-shrink:0}.logo:hover{opacity:.8}.logo img.site-brand-logo{width:24px;height:24px;border-radius:6px;object-fit:contain}.logo-text,.logo span{font-size:14.5px;font-weight:600;letter-spacing:-.02em;color:#fff}.nav-dock{display:flex;align-items:center}.nav{display:inline-flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}.nav>li{position:relative}.nav>li>a,.nav>li>button{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 11px;border-radius:6px;font-size:13px;font-weight:500;letter-spacing:-.01em;color:#8a8a93;background:transparent;border:none;cursor:pointer;font-family:inherit;text-decoration:none;transition:color .15s ease,background .15s ease;white-space:nowrap}.nav>li>a:hover,.nav>li>button:hover,.nav>li.open>button{color:#fff;background:#0e0e11}.nav>li>a.active{color:#fff;background:#121216}.nav .chev{width:10px;height:10px;stroke-width:2;transition:transform .18s ease;opacity:.55}.nav>li.open .chev{transform:rotate(180deg);opacity:1}.dd{position:absolute;top:calc(100% + 6px);left:0;transform:translateY(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease;z-index:1000}.nav>li.open .dd{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.box{width:220px;padding:5px;background:#070709;border:1px solid #18181c;border-radius:10px;box-shadow:0 16px 40px #000000e6;text-align:left}.box a.it{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:6px;transition:background .12s ease;text-decoration:none}.box a.it:hover{background:#121216}.it b{display:block;font-size:12.5px;font-weight:500;letter-spacing:-.01em;color:#e4e4e7;line-height:1.25}.box a.it:hover b{color:#fff}.it span{display:block;font-size:11px;color:#63636b;line-height:1.3;margin-top:1px}.it .go{width:12px;height:12px;opacity:0;transform:translate(-3px);color:#71717a;transition:opacity .14s ease,transform .14s ease;flex-shrink:0}.it:hover .go{opacity:1;transform:translate(0);color:#fff}.all{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding:7px 9px 5px;border-top:1px solid #141418;font-size:11.5px;font-weight:500;color:#71717a;text-decoration:none;transition:color .12s ease}.all:hover{color:#fff}.all svg{width:12px;height:12px;transition:transform .14s ease}.all:hover svg{transform:translate(2px)}.tools{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;flex-shrink:0}.lang{border:1px solid #16161a;background:#070709;border-radius:6px;padding:2px;display:inline-flex;align-items:center;gap:1px}.lang a{padding:3px 7px;font-size:11px;font-weight:500;color:#63636b;border-radius:4px;text-decoration:none;transition:color .12s ease,background .12s ease;line-height:1.2}.lang a:hover{color:#e4e4e7}.lang a.active-lang{background:#16161b;color:#fff}.me-container{position:relative}.me{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 3px;border:1px solid #18181c;border-radius:9999px;text-decoration:none;color:#e4e4e7;background:#070709;transition:border-color .15s ease,background .15s ease;cursor:pointer;user-select:none}.me:hover{border-color:#27272d;background:#0e0e12}.me span{font-size:12px;font-weight:500;letter-spacing:-.01em;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e4e4e7}.av{width:22px;height:22px;border-radius:50%;object-fit:cover;background:#141417;border:1px solid rgba(255,255,255,.08);flex-shrink:0;display:block}.admin-tool-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border-radius:6px;background:#0a0a0d;border:1px solid #1c1c22;color:#a1a1aa;font-size:11.5px;font-weight:500;text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease;cursor:pointer}.admin-tool-btn:hover{background:#141419;border-color:#2e2e36;color:#fff}.admin-tool-btn svg.ic{width:12px;height:12px}.cog,.burger{width:28px;height:28px;border-radius:6px;border:1px solid #18181c;background:#070709;color:#8a8a93;display:grid;place-items:center;transition:color .15s ease,border-color .15s ease,background .15s ease;text-decoration:none;cursor:pointer}.cog:hover,.burger:hover{color:#fff;background:#121216;border-color:#27272d}.burger{display:none}.profile-dropdown-card{position:absolute;top:calc(100% + 6px);right:0;width:240px;background:#070709;border:1px solid #18181c;border-radius:10px;box-shadow:0 18px 45px #000000eb;padding:6px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;z-index:1000;text-align:left;pointer-events:none}.profile-dropdown-card.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.profile-dropdown-header{display:flex;align-items:center;gap:10px;padding:6px 8px 8px}.profile-avatar-wrapper{position:relative;width:32px;height:32px;flex-shrink:0}.profile-dropdown-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #222228;background:#141417}.profile-dropdown-meta{flex:1;min-width:0}.profile-name-row{display:flex;align-items:center;gap:6px;margin-bottom:1px}.profile-name{font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-admin-tag{display:inline-flex;align-items:center;padding:1px 5px;border-radius:4px;background:#16161b;border:1px solid #27272f;color:#a1a1aa;font-size:9.5px;font-weight:500}.profile-status-row{display:flex;align-items:center;gap:5px;font-size:11px;color:#71717a}.profile-status-indicator{width:6px;height:6px;border-radius:50%;background:#22c55e}.profile-status-indicator.dnd{background:#ef4444}.profile-status-indicator.idle{background:#f59e0b}.profile-status-indicator.streaming{background:#a855f7}.profile-status-indicator.offline{background:#52525b}.profile-dropdown-divider{border-top:1px solid #141418;margin:4px 0}.profile-dropdown-section{display:flex;flex-direction:column;gap:1px}.dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:12px;font-weight:500;color:#a1a1aa;text-decoration:none;cursor:pointer;transition:background .12s ease,color .12s ease;width:100%;border:none;background:none;text-align:left;font-family:inherit;box-sizing:border-box}.dropdown-item:hover{background:#121216;color:#fff}.dropdown-item-kbd{margin-left:auto;font-size:9.5px;font-family:var(--font-mono);background:#101014;border:1px solid #1f1f26;border-radius:4px;padding:1px 4px;color:#71717a}.sheet{position:fixed;left:0;right:0;bottom:0;top:var(--h);z-index:998;background:#000;padding:12px 24px 40px;overflow-y:auto;display:none;border-top:1px solid #141417}.sheet.open{display:block}.sheet details{border-bottom:1px solid #141417}.sheet summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:14px;font-weight:500;cursor:pointer;list-style:none;color:#e4e4e7}.sheet summary::-webkit-details-marker{display:none}.sheet summary .chev{width:12px;height:12px;transition:transform .18s ease;color:#71717a}.sheet details[open] .chev{transform:rotate(180deg)}.sheet .sub{padding:0 0 12px 12px;display:flex;flex-direction:column;gap:2px}.sheet .sub a{padding:6px 0;font-size:13px;color:#71717a;text-decoration:none;transition:color .12s ease}.sheet .sub a:hover{color:#fff}.sheet>a{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:14px;font-weight:500;border-bottom:1px solid #141417;text-decoration:none;color:#e4e4e7}.home-minimal{position:relative;z-index:2;min-height:calc(100vh - var(--h));display:flex;align-items:center;justify-content:center;padding:64px 24px 80px;background:transparent}.home-inner{width:100%;max-width:680px;margin:0 auto}.home-head{margin-bottom:44px}.home-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px}.home-head h1{font-size:clamp(24px,3.5vw,32px);font-weight:600;letter-spacing:-.03em;color:#fff;line-height:1.15;margin:0}.home-coord{font-family:var(--font-mono);font-size:11px;color:#52525b;letter-spacing:.04em}.home-lead{font-size:14px;line-height:1.6;color:#71717a;max-width:520px;margin:0}.home-index{display:flex;flex-direction:column;border-top:1px solid #16161a}.home-row{display:grid;grid-template-columns:36px 140px 1fr 20px;align-items:baseline;gap:16px;padding:18px 8px;border-bottom:1px solid #16161a;text-decoration:none;transition:background .15s ease,padding-left .15s ease}.home-row:hover{background:#ffffff05;padding-left:14px}.home-num{font-family:var(--font-mono);font-size:11px;color:#52525b;transition:color .15s ease}.home-row:hover .home-num{color:#a1a1aa}.home-title{font-size:14.5px;font-weight:500;color:#f4f4f5;letter-spacing:-.015em}.home-row:hover .home-title{color:#fff}.home-desc{font-size:13px;color:#71717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-arr{font-family:var(--font-mono);font-size:13px;color:#52525b;text-align:right;transition:transform .15s ease,color .15s ease}.home-row:hover .home-arr{color:#fff;transform:translate(3px)}.home-foot{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#52525b}.home-foot-links{display:flex;align-items:center;gap:8px}.home-foot-links a{color:#71717a;text-decoration:none;transition:color .14s ease}.home-foot-links a:hover{color:#fff}.home-dot{color:#27272a}@media(max-width:960px){.nav-dock,.lang,.cog,.me span{display:none!important}.me{padding:3px!important}.admin-tool-label{display:none!important}.admin-tool-btn{padding:0 7px!important}.burger{display:grid!important}.bar{padding:0 16px!important}}@media(max-width:640px){.home-row{grid-template-columns:28px 1fr 18px;gap:10px;padding:15px 4px}.home-desc{grid-column:2 / 3;font-size:12px;margin-top:-4px}.home-arr{grid-column:3 / 4;grid-row:1 / 3;align-self:center}.home-foot{flex-direction:column;align-items:flex-start}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999999;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:420px;width:calc(100% - 32px)}@media(max-width:640px){.toast-container{bottom:16px;right:16px;left:16px;width:auto}}.toast-item{pointer-events:auto;background:#0a0a0cf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;color:#f4f4f6;font-size:.88rem;font-family:Geist,-apple-system,sans-serif;display:flex;align-items:flex-start;gap:12px;box-shadow:0 12px 36px #000000d9;transform:translateY(16px) scale(.96);opacity:0;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease;position:relative;overflow:hidden}.toast-item.toast-show{transform:translateY(0) scale(1);opacity:1}.toast-item.toast-hide{transform:translateY(8px) scale(.95);opacity:0}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:1px}.toast-body{flex:1;line-height:1.45}.toast-title{font-weight:600;font-size:.88rem;margin-bottom:2px}.toast-msg{color:#a1a1aa;font-size:.82rem}.toast-close{flex-shrink:0;background:none;border:none;color:#71717a;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:color .15s ease}.toast-close:hover{color:#fff}.toast-progress{position:absolute;bottom:0;left:0;height:2px;background:#ffffff4d;width:100%;transform-origin:left}.toast-item.toast-success{border-color:#22c55e4d}.toast-item.toast-success .toast-icon{color:#4ade80}.toast-item.toast-success .toast-progress{background:#22c55e}.toast-item.toast-error{border-color:#ef44444d}.toast-item.toast-error .toast-icon{color:#f87171}.toast-item.toast-error .toast-progress{background:#ef4444}.toast-item.toast-info{border-color:#3b82f64d}.toast-item.toast-info .toast-icon{color:#60a5fa}.toast-item.toast-info .toast-progress{background:#3b82f6}.toast-item.toast-warning{border-color:#f59e0b4d}.toast-item.toast-warning .toast-icon{color:#fbbf24}.toast-item.toast-warning .toast-progress{background:#f59e0b}