@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Oswald:wght@300;400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap";:root{--color-bg-primary:#000004;--color-bg-secondary:#141414;--color-bg-tertiary:#1a1a1a;--color-text-primary:#cacbc9;--color-text-secondary:#d4cfc5;--color-text-muted:#7a7268;--color-accent:#ee1b2d;--color-accent-dim:#c9a84c22;--color-gold:#ecbd3d;--color-silver:#b8c3d1;--color-bronze:#bb855f;--color-border:#1e1e1e;--color-border-accent:#c9a84c44;--font-display:"Cinzel", Georgia, serif;--font-ui:"Cinzel", "Arial Narrow", sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}[data-theme=light]{--color-bg-primary:#cacbc9;--color-bg-secondary:#dedfde;--color-bg-tertiary:#000004;--color-text-primary:#ee1b2d;--color-text-secondary:#000004;--color-text-muted:#8a8278;--color-border:#1e1e1e;--color-border-accent:#c9a84c44;--color-gold:#f3cf6d;--color-silver:#fafafa;--color-bronze:#bb855f;--font-display:"Cinzel", Georgia, serif;--font-ui:"Cinzel", "Arial Narrow", sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;height:100%;overflow:hidden auto}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-display);transition:background-color .3s,color .3s}.app{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.app>:not(.background){z-index:1;position:relative}.app__content{flex-direction:column;flex:1;display:flex}.app--loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.app__loading-text{font-family:var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;animation:1.5s infinite pulse}.app__skeleton{max-width:560px;padding:0 var(--spacing-md);margin:0 auto}.app__skeleton-podium{justify-content:center;align-items:flex-end;gap:var(--spacing-md);margin:var(--spacing-xl) auto;display:flex}.app__skeleton-block{background:var(--color-bg-secondary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:80px;animation:1.5s infinite shimmer}.app__skeleton-block.small{height:80px}.app__skeleton-block.medium{height:110px}.app__skeleton-block.large{height:150px}.app__skeleton-list{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.app__skeleton-item{background:var(--color-bg-secondary);border-radius:var(--radius-md);height:48px;animation:1.5s infinite shimmer}.app__skeleton-item:nth-child(2){animation-delay:.1s}.app__skeleton-item:nth-child(3){animation-delay:.2s}.app__skeleton-item:nth-child(4){animation-delay:.3s}.app__skeleton-item:nth-child(5){animation-delay:.4s}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.7}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.background{pointer-events:none;z-index:0;contain:strict;position:fixed;inset:0;overflow:hidden}.background__scissor{will-change:transform;-webkit-user-select:none;user-select:none;animation:linear infinite floatDiagonal;position:absolute}@keyframes floatDiagonal{0%{opacity:0;transform:translate(0)rotate(-20deg)}10%{opacity:.1}90%{opacity:.1}to{opacity:0;transform:translate(120px,120px)rotate(-20deg)}}.header{text-align:center;padding-bottom:var(--spacing-lg);position:relative}.header__theme-btn{top:var(--spacing-md);right:var(--spacing-md);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:border-color .2s,color .2s;display:flex;position:absolute}.header__theme-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.header__stripe{opacity:.6;height:4px;margin-bottom:var(--spacing-xl);background:repeating-linear-gradient(90deg,#c9351a 0 14px,#f0ebe0 14px 28px,#1a3a6b 28px 42px)}.header__content{padding:0 var(--spacing-md)}.header__eyebrow{font-family:var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-sm);background:linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent) 40%, #fff 50%, var(--color-accent) 60%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:11px;font-weight:400;animation:8s linear infinite shine}.header__title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:clamp(28px,6vw,52px);font-weight:700;line-height:1.1}.header__subtitle{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);font-size:13px;font-weight:400}.header__rules-btn{margin-top:var(--spacing-md);border:1px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-ui);letter-spacing:.3em;text-transform:uppercase;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-sm);cursor:pointer;background:0 0;font-size:14px;font-weight:800;transition:background .2s,color .2s;position:relative}.header__rules-btn:before,.header__rules-btn:after{content:"›";color:var(--color-accent);font-size:16px;animation:1s ease-in-out infinite arrowPulse;position:absolute;top:50%;transform:translateY(-50%)}.header__rules-btn:before{content:"‹";animation-direction:reverse;right:calc(100% + 8px)}.header__rules-btn:after{left:calc(100% + 8px)}.header__rules-btn:hover{background:var(--color-accent);color:#0c0c0c}.header__rules-btn:hover:before,.header__rules-btn:hover:after{color:var(--color-accent)}@keyframes arrowPulse{0%,to{opacity:.4;transform:translateY(-50%)translate(0)}50%{opacity:1;transform:translateY(-50%)translate(4px)}}.modal__overlay{padding:var(--spacing-md);z-index:1;background:#000000d9;justify-content:center;align-items:center;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.modal__box{background:var(--color-bg-secondary);border:1px solid var(--color-border-accent);border-radius:var(--radius-md);padding:var(--spacing-xl);width:100%;max-width:520px;max-height:80vh;animation:.3s forwards slideUp;position:relative;overflow-y:auto}.modal__close{top:var(--spacing-md);right:var(--spacing-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;transition:color .2s;position:absolute}.modal__close:hover{color:var(--color-text-primary)}.modal__title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);padding-right:var(--spacing-xl);text-align:center;font-size:22px;font-weight:700}.modal__content{font-family:var(--font-display);color:var(--color-text-secondary);font-size:15px;line-height:1.8}.modal__content p{margin-bottom:var(--spacing-md)}.modal__content p:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.podium{width:100%;max-width:760px;margin:var(--spacing-xl) auto 0;padding:0 var(--spacing-xl);justify-content:center;align-items:flex-end;display:flex}.podium__slot--1{flex:0 0 40%}.podium__slot--2,.podium__slot--3{flex:0 0 30%}.podium__slot{flex-direction:column;align-items:center;display:flex}.podium__crown{margin-bottom:var(--spacing-xs);color:var(--color-gold);font-size:22px;line-height:1}.podium__avatar{background:var(--color-bg-primary);font-family:var(--font-ui);letter-spacing:.05em;margin-bottom:var(--spacing-sm);border:3px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.podium__avatar--1{border-color:var(--color-gold);width:76px;height:76px;color:var(--color-gold);font-size:22px}.podium__avatar--2{border-color:var(--color-silver);width:56px;height:56px;color:var(--color-silver);font-size:16px}.podium__avatar--3{border-color:var(--color-bronze);width:56px;height:56px;color:var(--color-bronze);font-size:16px}.podium__name{font-family:var(--font-display);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xs);font-size:13px;font-weight:700;line-height:1.3}.podium__count{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-sm);white-space:nowrap;border-radius:var(--radius-sm);background:#00000073;padding:2px 8px;font-size:11px;font-weight:400}.podium__count--1{color:var(--color-gold)}.podium__count--2{color:var(--color-silver)}.podium__count--3{color:var(--color-bronze)}.podium__block{border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:none;justify-content:center;align-items:center;width:100%;display:flex}.podium__slot--1 .podium__block{background:color-mix(in srgb, var(--color-gold) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-gold) 30%, transparent)}.podium__slot--2 .podium__block{background:color-mix(in srgb, var(--color-silver) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-silver) 30%, transparent)}.podium__slot--3 .podium__block{background:color-mix(in srgb, var(--color-bronze) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-bronze) 30%, transparent)}.podium__rank-number{font-family:var(--font-display);-webkit-user-select:none;user-select:none;opacity:.15;color:var(--color-text-primary);font-size:48px;font-weight:700}.podium--skeleton{justify-content:center;gap:var(--spacing-md)}.podium__skeleton-block{background:var(--color-bg-secondary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:80px;animation:1.5s infinite shimmer}.podium__skeleton-block.small{height:90px}.podium__skeleton-block.medium{height:120px}.podium__skeleton-block.large{height:160px}.podium--empty{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);text-align:center;flex-direction:column;display:flex}.podium__empty-text{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);font-size:13px}.podium__empty-subtext{font-family:var(--font-display);color:var(--color-text-muted);opacity:.6;max-width:280px;font-size:13px;line-height:1.6}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.podium__block{transform-origin:bottom;animation:.6s cubic-bezier(.33,0,.2,1) forwards growUp;transform:scaleY(0)}.podium__slot--3 .podium__block{animation-delay:.1s}.podium__slot--2 .podium__block{animation-delay:.8s}.podium__slot--1 .podium__block{animation-delay:1.5s}.podium__info{opacity:0;flex-direction:column;align-items:center;animation:.4s forwards fadeIn;display:flex}.podium__slot--3 .podium__info{animation-delay:.7s}.podium__slot--2 .podium__info{animation-delay:1.4s}.podium__slot--1 .podium__info{animation-delay:2.1s}.ranking-list{max-width:560px;padding:0 var(--spacing-md);width:100%;margin:0 auto}.ranking-list__divider{background:linear-gradient(90deg, transparent, var(--color-accent), transparent);height:1px;margin-bottom:var(--spacing-xs)}.ranking-list__container{padding:0}.ranking-list__header{font-family:var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;font-size:10px;display:flex}ul{list-style:none}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.ranking-list__item{padding:var(--spacing-sm) var(--spacing-sm);border-bottom:1px solid var(--color-border);opacity:0;align-items:center;transition:background .2s;animation:.4s forwards slideIn;display:flex}.ranking-list__item:hover{background:var(--color-bg-secondary)}.ranking-list__rank{font-family:var(--font-ui);color:var(--color-text-muted);flex-shrink:0;width:28px;font-size:12px;font-weight:400}.ranking-list__avatar{background:var(--color-bg-primary);border:1px solid var(--color-border);width:36px;height:36px;font-family:var(--font-ui);color:var(--color-text-muted);margin-right:var(--spacing-sm);letter-spacing:.05em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.ranking-list__name{font-family:var(--font-display);color:var(--color-text-secondary);flex:1;font-size:14px;font-weight:400;transition:color .2s}.ranking-list__item:hover .ranking-list__name{color:var(--color-text-primary)}.ranking-list__bar{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);height:3px;margin:0 var(--spacing-md);flex:1;overflow:hidden}@keyframes growBar{0%{width:0}to{width:var(--bar-width)}}.ranking-list__bar-fill{background:linear-gradient(90deg, var(--color-bg-tertiary), var(--color-accent));border-radius:var(--radius-sm);width:0;height:100%;animation:.8s cubic-bezier(.4,0,.2,1) forwards growBar;animation-delay:inherit}.ranking-list__count{font-family:var(--font-ui);color:var(--color-text-muted);text-align:right;flex-shrink:0;width:28px;font-size:12px;font-weight:400}.ranking-list__skeleton-item{background:var(--color-bg-secondary);border-radius:var(--radius-md);height:52px;margin-bottom:var(--spacing-xs);animation:1.5s infinite shimmer}.ranking-list__skeleton-item:nth-child(2){animation-delay:.1s}.ranking-list__skeleton-item:nth-child(3){animation-delay:.2s}.ranking-list__skeleton-item:nth-child(4){animation-delay:.3s}.ranking-list__skeleton-item:nth-child(5){animation-delay:.4s}.footer{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-xs);border-top:1px solid var(--color-border);flex-direction:column;width:100%;margin-top:auto;padding:30px;display:flex}.footer__brand{font-family:var(--font-display);color:var(--color-text-secondary);letter-spacing:.1em;font-size:13px;font-weight:700}.footer__credit{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:400}.footer_span{color:var(--color-text-secondary)}.footer__link{color:var(--color-accent);background:linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent) 40%, #fff 50%, var(--color-accent) 60%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;text-decoration:none;animation:8s linear infinite shine;position:relative}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}