:root{--bg-color-dark:#000;--text-color-dark:#fff;--gray-900-dark:#0D0D0D;--gray-800-dark:#1a1a1a;--blue-arg-dark:#74ACDF;--blue-accent-dark:#A9D1F5;--card-bg-dark:linear-gradient(145deg,rgba(26,26,26,.8),rgba(20,20,20,.4));--card-border-dark:rgba(116,172,223,.25);--header-bg-dark:rgba(0,0,0,.3);--header-scrolled-bg-dark:rgba(13,13,13,.9);--mobile-menu-bg-dark:rgba(10,10,10,.98);--btn-bg-dark:linear-gradient(135deg,var(--blue-arg-dark),var(--blue-accent-dark));--btn-text-dark:var(--black);--btn-border-dark:transparent;--footer-bg-dark:linear-gradient(145deg,rgba(10,10,10,.95),rgba(15,15,15,.9));--logo-filter-dark:drop-shadow(0 0 6px rgba(116,172,223,.4));--modal-bg-dark:rgba(13,13,13,.95);--hero-text-gradient-start-dark:var(--white);--hero-text-gradient-mid-dark:var(--blue-arg-dark);--hero-text-gradient-end-dark:var(--white);--bg-color-light:#f0f2f5;--text-color-light:#333;--gray-900-light:#e0e0e0;--gray-800-light:#ccc;--blue-arg-light:#4A8BDD;--blue-accent-light:#77B3F0;--card-bg-light:linear-gradient(145deg,rgba(255,255,255,.8),rgba(245,245,245,.9));--card-border-light:rgba(74,139,221,.25);--header-bg-light:rgba(255,255,255,.8);--header-scrolled-bg-light:rgba(240,242,245,.95);--mobile-menu-light:rgba(250,250,250,.98);--btn-bg-light:linear-gradient(135deg,var(--blue-arg-light),var(--blue-accent-light));--btn-text-light:var(--white);--btn-border-light:transparent;--footer-bg-light:linear-gradient(145deg,rgba(230,230,230,.95),rgba(240,240,240,.9));--logo-filter-light:brightness(0);--modal-bg-light:rgba(240,242,245,.98);--hero-text-gradient-start-light:var(--black);--hero-text-gradient-mid-light:var(--blue-arg-light);--hero-text-gradient-end-light:var(--black);--white:#fff;--black:#000;--font-main:'Inter',sans-serif;--current-bg:var(--bg-color-dark);--current-text-color:var(--text-color-dark);--current-gray-900:var(--gray-900-dark);--current-gray-800:var(--gray-800-dark);--current-blue-arg:var(--blue-arg-dark);--current-blue-accent:var(--blue-accent-dark);--current-card-bg:var(--card-bg-dark);--current-card-border:var(--card-border-dark);--current-header-bg:var(--header-bg-dark);--current-header-scrolled-bg:var(--header-scrolled-bg-dark);--current-mobile-menu-bg:var(--mobile-menu-bg-dark);--current-btn-bg:var(--btn-bg-dark);--current-btn-text:var(--btn-text-dark);--current-btn-border:var(--btn-border-dark);--current-footer-bg:var(--footer-bg-dark);--current-logo-filter:var(--logo-filter-dark);--current-modal-bg:var(--modal-bg-dark);--current-hero-text-gradient-start:var(--hero-text-gradient-start-dark);--current-hero-text-gradient-mid:var(--hero-text-gradient-mid-dark);--current-hero-text-gradient-end:var(--hero-text-gradient-end-dark)}
body.light-mode{--current-bg:var(--bg-color-light);--current-text-color:var(--text-color-light);--current-gray-900:var(--gray-900-light);--current-gray-800:var(--gray-800-light);--current-blue-arg:var(--blue-arg-light);--current-blue-accent:var(--blue-accent-light);--current-card-bg:var(--card-bg-light);--current-card-border:var(--card-border-light);--current-header-bg:var(--header-bg-light);--current-header-scrolled-bg:var(--header-scrolled-bg-light);--current-mobile-menu-bg:var(--mobile-menu-light);--current-btn-bg:var(--btn-bg-light);--current-btn-text:var(--btn-text-light);--current-btn-border:var(--btn-border-light);--current-footer-bg:var(--footer-bg-light);--current-logo-filter:var(--logo-filter-light);--current-modal-bg:var(--modal-bg-light);--current-hero-text-gradient-start:var(--hero-text-gradient-start-light);--current-hero-text-gradient-mid:var(--hero-text-gradient-mid-light);--current-hero-text-gradient-end:var(--hero-text-gradient-end-light)}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--font-main);background:var(--current-bg);color:var(--current-text-color);line-height:1.6;overflow-x:hidden;transition:background .5s ease,color .5s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.space-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;background-color:var(--current-bg);background-image:radial-gradient(ellipse at center,rgba(116,172,223,.05) 0%,transparent 70%),radial-gradient(circle,rgba(255,255,255,.4) .5px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.4) 1px,transparent 1.5px);background-size:100% 100%,100px 100px,200px 200px;background-position:center,25px 25px,0 0;transition:background-color .5s ease;pointer-events:none;overflow:hidden}
body.light-mode .space-background{background-image:radial-gradient(ellipse at center,rgba(74,139,221,.05) 0%,transparent 70%),radial-gradient(circle,rgba(0,0,0,.2) .5px,transparent 1px),radial-gradient(circle,rgba(0,0,0,.2) 1px,transparent 1.5px)}
.star{position:absolute;background:rgba(255,255,255,.4);border-radius:50%;animation:twinkle-fade 10s infinite ease-in-out}
@keyframes twinkle-fade{0%,100%{opacity:0;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}
.shooting-star{position:absolute;height:2px;border-radius:999px;background:linear-gradient(-45deg,var(--current-blue-accent),rgba(255,255,255,0));filter:drop-shadow(0 0 8px var(--current-blue-accent));animation:shoot-star 8s infinite ease-in-out}
@keyframes shoot-star{0%{transform:translate(0,0) scaleX(0);opacity:1}15%{transform:translate(0,0) scaleX(1);opacity:1}85%{opacity:0}100%{transform:translate(300px,300px) scaleX(1);opacity:0}}
.floating-shape{position:absolute;opacity:0;animation:float-fade 20s infinite ease-in-out;border:1.5px solid rgba(116,172,223,.7);filter:drop-shadow(0 0 6px rgba(116,172,223,.3))}
@keyframes float-fade{0%,100%{opacity:0;transform:translateY(20px) rotate(0) scale(.9)}50%{opacity:.7;transform:translateY(-20px) rotate(60deg) scale(1)}}
.floating-shape.circle{width:30px;height:30px;border-radius:50%}
.floating-shape.triangle{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:25px solid rgba(116,172,223,.4);border-top:0;background:transparent;border-radius:0}
.floating-shape.square{width:25px;height:25px;border-radius:0}
.floating-shape.circle2{width:20px;height:20px;border-radius:50%}
.floating-shape.square2{width:20px;height:20px;transform:rotate(45deg);border-radius:0}
.grain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;background-image:url("data:image/png,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:var(--current-bg);display:flex;justify-content:center;align-items:center;transition:opacity 1s ease,visibility 1s ease;pointer-events:none}
.preloader.fade-out{opacity:0!important;visibility:hidden!important;display:none!important}
.loader{position:relative;width:80px;height:80px}
.loader::before{content:'';position:absolute;inset:0;border:3px solid transparent;border-top-color:var(--current-blue-arg);border-radius:50%;animation:spin 1.2s linear infinite}
.loader::after{content:'';position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:2px solid transparent;border-bottom-color:var(--current-text-color);border-radius:50%;animation:spin .8s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.progress-line{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1001;background:linear-gradient(90deg,var(--current-blue-arg),var(--current-text-color),var(--current-blue-arg));transform-origin:left;transform:scaleX(0);transition:transform .1s ease}
.section{padding:6rem 2rem 4rem;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:70vh}
.container{max-width:1100px;width:100%;margin:0 auto;padding:0 1rem}
.section-title{font-size:clamp(1.75rem,4vw,3rem);font-weight:900;margin-bottom:.75rem;text-align:center;background:linear-gradient(135deg,var(--current-hero-text-gradient-start) 0%,var(--current-hero-text-gradient-mid) 50%,var(--current-hero-text-gradient-end) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s infinite ease-in-out}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.section-subtitle{font-size:1rem;text-align:center;max-width:640px;margin:0 auto 2rem;color:rgba(255,255,255,.75)}
body.light-mode .section-subtitle{color:rgba(51,51,51,.7)}
.sulfu-meta{font-size:.85rem;text-align:center;margin-bottom:1.25rem;color:rgba(255,255,255,.55)}
body.light-mode .sulfu-meta{color:rgba(51,51,51,.55)}
.sulfu-card{background:var(--current-card-bg);backdrop-filter:blur(15px);border:1px solid var(--current-card-border);border-radius:18px;overflow:hidden;width:100%;box-sizing:border-box}
.sulfu-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sulfu-table{width:100%;border-collapse:collapse;font-size:.9rem}
.sulfu-table thead th,.sulfu-table tbody td{padding:.72rem .75rem;vertical-align:middle;box-sizing:border-box}
.sulfu-th-inner{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;column-gap:.5rem;row-gap:0;line-height:1;white-space:nowrap}
.sulfu-th-inner--rank{justify-content:center;width:100%;align-items:center;line-height:1}
.sulfu-th-iconwrap{display:inline-flex;align-items:center;justify-content:center;width:18px;min-width:18px;flex-shrink:0;margin:0;padding:0;line-height:0}
.sulfu-th-lbl{display:inline-block;line-height:1;font-size:inherit;margin:0;padding:0}
.sulfu-th-icon{display:block;width:16px;height:16px;min-width:16px;min-height:16px;margin:0;padding:0;opacity:.92;flex-shrink:0;box-sizing:border-box}
.sulfu-table thead th{text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;line-height:1;color:rgba(255,255,255,.65);border-bottom:1px solid var(--current-card-border);background:rgba(0,0,0,.25)}
.sulfu-table thead th.sulfu-rank{text-align:center}
body.light-mode .sulfu-table thead th{color:rgba(51,51,51,.65);background:rgba(255,255,255,.35)}
.sulfu-table tbody td{line-height:1.25;border-bottom:1px solid var(--current-card-border)}
.sulfu-table tbody tr:last-child td{border-bottom:none}
.sulfu-table tbody tr:hover{background:rgba(116,172,223,.06]}
body.light-mode .sulfu-table tbody tr:hover{background:rgba(74,139,221,.08)}
.sulfu-rank{font-weight:800;color:var(--current-blue-arg);width:3rem;text-align:center}
.sulfu-kd{font-variant-numeric:tabular-nums}
.sulfu-table tbody td:nth-child(2){font-weight:500}
.sulfu-err{text-align:center;padding:2rem;color:rgba(231,76,60,.95);font-weight:600}
@media (max-width:768px){.section{padding:5rem 1rem 3rem}.sulfu-table{font-size:.82rem}.sulfu-table thead th,.sulfu-table tbody td{padding:.6rem .45rem}}