*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-dark: #0a0e0f;--color-bg-darker: #050708;--color-bg-light: #1a2225;--color-primary: #d4af37;--color-primary-hover: #f0c856;--color-secondary: #3d7a4a;--color-secondary-hover: #4a9558;--color-accent: #8b7d3a;--color-text-light: #e8e8e8;--color-text-gray: #a0a0a0;--color-text-dark: #4a4a4a;--color-success: #4a9558;--color-error: #c44a4a;--color-border: #2a3538;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-base: 16px;--font-size-large: 1.25rem;--font-size-xlarge: 1.5rem;--font-size-xxlarge: 2rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}body{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-bg-dark);color:var(--color-text-light);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("./media/background-YNESW3JW.png");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;opacity:.3;z-index:-1}body:has(.home-page):before{opacity:.7}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.navbar{background:linear-gradient(135deg,#0a0e0ff2,#1a2225f2);border-bottom:2px solid var(--color-primary);padding:var(--spacing-md) 0;box-shadow:0 4px 12px #00000080}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:var(--font-size-xlarge);font-weight:700}.brand-link{color:var(--color-primary);text-decoration:none;text-shadow:0 0 10px rgba(212,175,55,.5);transition:all .3s ease}.brand-link:hover{color:var(--color-primary-hover);text-shadow:0 0 20px rgba(212,175,55,.8)}.nav-links{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-links a{color:var(--color-text-light);text-decoration:none;font-size:var(--font-size-large);padding:var(--spacing-xs) var(--spacing-md);border-radius:5px;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-primary);transition:all .3s ease;transform:translate(-50%)}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}.nav-links a:hover:after,.nav-links a.active:after{width:80%}.language-selector{display:flex;gap:var(--spacing-xs);align-items:center}.lang-btn{padding:var(--spacing-xs) var(--spacing-sm);background:#3d7a4a33;border:2px solid var(--color-border);border-radius:5px;color:var(--color-text-gray);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:45px}.lang-btn:hover{background:#3d7a4a4d;border-color:var(--color-secondary);color:var(--color-text-light);transform:translateY(-2px)}.lang-btn.active{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-bg-dark);box-shadow:0 4px 8px #3d7a4a66}.lang-btn.active:hover{background:var(--color-secondary-hover);border-color:var(--color-secondary-hover);transform:translateY(-2px)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:5px;font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 8px #0000004d}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-large)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-bg-dark)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));box-shadow:0 0 20px #d4af3799;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover));color:var(--color-text-light)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-hover),var(--color-secondary));box-shadow:0 0 20px #3d7a4a99;transform:translateY(-2px)}.secondary-links{display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.btn-secondary-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#2a353866;border:1px solid var(--color-border);border-radius:25px;color:var(--color-text-light);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-secondary-link:hover{background:#2a3538b3;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #d4af3733}.btn-secondary-link .link-icon{width:18px;height:18px;flex-shrink:0}.btn-training{background:#4a955826;border-color:#4a955866;color:var(--color-secondary-hover)}.btn-training:hover{background:#4a955840;border-color:#4a955899;color:#5fb876;box-shadow:0 4px 12px #4a95584d}.btn-discord{background:#5865f226;border-color:#5865f266;color:#7289da}.btn-discord:hover{background:#5865f240;border-color:#5865f299;color:#8da3ff;box-shadow:0 4px 12px #5865f24d}.countdown-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#1a222599;border-radius:15px;border:1px solid var(--color-border);width:100%;max-width:800px;box-sizing:border-box}.home-page .countdown-section{background:#0a0e0fbf;border:2px solid var(--color-primary);box-shadow:0 4px 20px #0006}.home-page .btn-secondary-link{background:#0a0e0fa6;border:2px solid var(--color-border)}.home-page .btn-secondary-link:hover{background:#1a2225cc}.home-page .btn-training{background:#0a0e0fa6;border:2px solid rgba(74,149,88,.6)}.home-page .btn-training:hover{background:#1a2225cc;border-color:var(--color-secondary-hover)}.home-page .countdown-unit{background:linear-gradient(135deg,#0a0e0fa6,#1a2225a6);border:2px solid var(--color-primary)}.home-page .seed-locked{background:#0a0e0f8c}.home-page .main-title{text-shadow:0 0 8px rgba(212,175,55,.6),0 0 16px rgba(212,175,55,.4),2px 2px 4px rgba(0,0,0,.8)}.expiration-warning{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-sm) 0;background:linear-gradient(135deg,#c44a4a33,#8b3a3a26);border:2px solid var(--color-error);border-radius:12px;animation:pulseWarning 2s ease-in-out infinite}.expiration-warning:first-of-type{margin-top:var(--spacing-lg)}.expiration-warning:last-of-type{margin-bottom:var(--spacing-lg)}.expiration-warning-small{padding:var(--spacing-xs) var(--spacing-md);margin:var(--spacing-xs) 0;font-size:.85rem;border-width:1px}.expiration-warning-small:first-of-type{margin-top:var(--spacing-md)}.expiration-warning-small:last-of-type{margin-bottom:var(--spacing-md)}.expiration-warning-small .warning-icon{font-size:1rem}.expiration-warning-small .warning-content strong{font-size:.9rem;margin-bottom:.2rem}.expiration-warning-small .warning-content p{font-size:.8rem}@keyframes pulseWarning{0%,to{box-shadow:0 0 #c44a4a66}50%{box-shadow:0 0 20px 5px #c44a4a33}}.warning-icon{font-size:2rem;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.warning-content{flex:1}.warning-content strong{display:block;color:var(--color-error);font-size:1.1rem;margin-bottom:var(--spacing-xs)}.warning-content p{margin:0;color:var(--color-text-light);font-size:.95rem}.home-page .seeds-title,.home-page .countdown-label{text-shadow:1px 1px 3px rgba(0,0,0,.7)}.countdown-label{font-size:var(--font-size-large);color:var(--color-text-light);font-weight:500;margin:0;text-align:center}.countdown-container{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:center}.countdown-unit{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#d4af3726,#8b7d3a26);border:2px solid var(--color-primary);border-radius:10px;padding:var(--spacing-md);min-width:80px}.countdown-value{font-size:2.5rem;font-weight:700;color:var(--color-primary);line-height:1;font-variant-numeric:tabular-nums}.countdown-text{font-size:.85rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:1px;margin-top:var(--spacing-xs)}.countdown-separator{font-size:2rem;font-weight:700;color:var(--color-primary);margin:0 var(--spacing-xs)}.seeds-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}.seeds-title{font-size:var(--font-size-large);color:var(--color-primary);font-weight:700;margin:0;text-transform:uppercase;letter-spacing:2px}.seeds-container{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}.seed-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:var(--font-size-large);font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;border:2px solid transparent}.seed-available{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-bg-dark);border-color:var(--color-primary)}.seed-available:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 16px #d4af3766;border-color:var(--color-primary-hover)}.seed-locked{background:#4a4a4a4d;color:var(--color-text-gray);border-color:var(--color-border);cursor:not-allowed}.seed-expired{background:#c44a4a33;color:var(--color-text-gray);border-color:#c44a4a80;cursor:not-allowed}.seed-btn:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#1a2225fa,#0a0e0ffa);color:var(--color-text-light);font-size:.9rem;font-weight:400;font-family:Monaco,Menlo,Consolas,Courier New,monospace;border-radius:8px;white-space:pre-line;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;border:2px solid var(--color-primary);box-shadow:0 4px 20px #d4af374d,0 0 0 1px #00000080;z-index:1000;line-height:1.6;max-width:250px;min-width:180px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seed-btn:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#0a0e0ff2;opacity:0;pointer-events:none;transition:opacity .3s ease}.seed-btn:hover:before{opacity:1;transform:translate(-50%) translateY(-5px)}.seed-btn:hover:after{opacity:1;transform:translate(-50%) translateY(-5px)}.rules-page{padding:var(--spacing-lg) 0}.training-notice{background:linear-gradient(135deg,#4a955826,#3d7a4a26);border:2px solid var(--color-secondary);border-radius:15px;padding:var(--spacing-lg);text-align:center;box-shadow:0 4px 16px #4a955833}.training-title{font-size:var(--font-size-xlarge);color:var(--color-secondary-hover);margin-bottom:var(--spacing-sm);font-weight:700}.training-notice p{margin-bottom:var(--spacing-md);font-size:var(--font-size-large)}.btn-training-large{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover));border:2px solid var(--color-secondary-hover);border-radius:10px;color:var(--color-text-light);font-size:var(--font-size-large);font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-training-large:hover{background:linear-gradient(135deg,var(--color-secondary-hover),var(--color-secondary));box-shadow:0 6px 20px #4a955866;transform:translateY(-2px)}.training-icon{width:24px;height:24px;flex-shrink:0}.rules-section{margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-xxlarge);color:var(--color-primary);margin-bottom:var(--spacing-md);text-align:center;font-weight:700}.rule-card{background:linear-gradient(135deg,#1a2225f2,#0a0e0ff2);border:2px solid var(--color-border);border-radius:15px;padding:var(--spacing-lg);box-shadow:0 8px 24px #00000080;transition:transform .3s ease,border-color .3s ease}.rule-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.rule-title{font-size:var(--font-size-xlarge);color:var(--color-primary);margin-bottom:var(--spacing-md)}.rule-list{list-style:none;padding:0;margin:0}.rule-list li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative;line-height:1.6}.rule-list li:before{content:"\25b8";position:absolute;left:0;color:var(--color-primary);font-weight:700}.sub-list{list-style:none;padding-left:var(--spacing-lg);margin-top:var(--spacing-xs)}.sub-list li:before{content:"\2022";color:var(--color-secondary)}.important-notice{background:#d4af371a;border:2px solid rgba(212,175,55,.3);border-left:4px solid var(--color-primary);border-radius:8px;padding:var(--spacing-md);margin-top:var(--spacing-md);text-align:left;font-size:var(--font-size-base);color:var(--color-text-light)}.phase-card{border-color:var(--color-secondary)}.phase-card:hover{border-color:var(--color-secondary-hover)}.final-card{border-color:var(--color-primary);background:linear-gradient(135deg,#d4af3714,#1a2225f2)}.final-card:hover{border-color:var(--color-primary-hover);box-shadow:0 8px 24px #d4af374d}.phase-info{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:#3d7a4a26;border-radius:8px;flex-wrap:wrap}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:.9rem;color:var(--color-text-gray);text-transform:uppercase;letter-spacing:1px}.info-value{font-size:var(--font-size-large);color:var(--color-primary);font-weight:700}.subsection-title{font-size:var(--font-size-large);color:var(--color-secondary-hover);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs);font-weight:700}.formula{background:#0a0e0f99;border-left:4px solid var(--color-primary);padding:var(--spacing-md);margin:var(--spacing-md) 0;border-radius:5px}.formula code{font-family:Courier New,monospace;font-size:var(--font-size-large);color:var(--color-primary);font-weight:700}.phase-note{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:#d4af371a;border-radius:8px;text-align:center;font-style:italic}.qualification-notice{background:linear-gradient(135deg,#d4af3733,#8b7d3a26);border:2px solid var(--color-primary);border-radius:8px;padding:var(--spacing-md);margin-top:var(--spacing-lg);text-align:center;color:var(--color-text-light);font-size:1rem}.rules-link{color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-primary);transition:all .3s ease}.rules-link:hover{color:var(--color-primary-hover);border-bottom-color:var(--color-primary-hover)}.rule-card code{background:#d4af3726;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;color:var(--color-primary);font-size:.95em}.rules-footer{text-align:center;padding:var(--spacing-lg) 0;margin-top:var(--spacing-lg);border-top:2px solid var(--color-primary)}.footer-message{font-size:var(--font-size-xxlarge);color:var(--color-primary);font-weight:700;text-shadow:0 0 20px rgba(212,175,55,.5)}.tournament-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.tournament-card{background:linear-gradient(135deg,#1a2225e6,#0a0e0ff2);border:2px solid var(--color-border);border-radius:12px;padding:var(--spacing-lg);text-align:center;transition:all .3s ease}.tournament-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.winner-bracket-card{border-color:var(--color-primary)}.winner-bracket-card:hover{border-color:var(--color-primary-hover);box-shadow:0 8px 24px #d4af374d}.loser-bracket-card{border-color:var(--color-secondary)}.loser-bracket-card:hover{border-color:var(--color-secondary-hover);box-shadow:0 8px 24px #3d7a4a4d}.tournament-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.tournament-title{font-size:var(--font-size-xlarge);color:var(--color-primary);margin-bottom:var(--spacing-xs);font-weight:700}.tournament-desc{color:var(--color-text-gray);margin-bottom:var(--spacing-md);font-size:.95rem}.bracket-stats{display:flex;justify-content:space-around;gap:var(--spacing-md);margin-top:var(--spacing-md)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2rem;font-weight:700;color:var(--color-primary);line-height:1}.stat-label{font-size:.8rem;color:var(--color-text-gray);margin-top:var(--spacing-xs)}.match-format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.format-item{display:flex;flex-direction:column;gap:var(--spacing-xs);background:#3d7a4a1a;padding:var(--spacing-md);border-radius:8px;border:1px solid var(--color-border)}.format-label{font-size:.85rem;color:var(--color-text-gray)}.format-value{font-size:1rem;font-weight:700;color:var(--color-text-light)}.bracket-flow{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.flow-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);background:#1a222580;border-left:4px solid var(--color-primary);border-radius:8px;transition:all .3s ease}.flow-step:hover{background:#1a2225cc;border-left-width:6px}.flow-number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-bg-dark);border-radius:50%;font-weight:700;font-size:1.1rem}.flow-content{flex:1;color:var(--color-text-light);line-height:1.6}.matchup-examples{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.matchup-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#1a222580;border-radius:8px}.rank-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-weight:700;font-size:.9rem;min-width:100px;text-align:center}.rank-top{background:linear-gradient(135deg,#d4af374d,#8b7d3a33);color:var(--color-primary);border:2px solid var(--color-primary)}.rank-bottom{background:#2a353880;color:var(--color-text-gray);border:2px solid var(--color-border)}.vs-text{font-weight:700;color:var(--color-text-gray);font-size:1.1rem}.matchup-etc{text-align:center;color:var(--color-text-gray);font-style:italic;padding:var(--spacing-xs)}.bracket-advantage{background:linear-gradient(135deg,#3d7a4a33,#4a95581a);border:2px solid var(--color-secondary);border-radius:8px;padding:var(--spacing-md);margin-top:var(--spacing-lg);color:var(--color-text-light);font-size:.95rem}.final-matchup{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#1a222599,#0a0e0fcc);border:2px solid var(--color-primary);border-radius:12px}.finalist{flex:1;text-align:center;padding:var(--spacing-md)}.finalist h3{font-size:var(--font-size-large);color:var(--color-primary);margin:var(--spacing-sm) 0}.finalist p{color:var(--color-text-gray);font-size:.9rem}.finalist-badge{font-size:3rem;margin-bottom:var(--spacing-xs)}.finalist-badge.winner{filter:drop-shadow(0 0 10px rgba(212,175,55,.6))}.finalist-badge.loser{filter:drop-shadow(0 0 10px rgba(61,122,74,.6))}.vs-divider{flex-shrink:0}.vs-circle{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-bg-dark);border-radius:50%;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #d4af3766}.finals-note{background:linear-gradient(135deg,#d4af3726,#8b7d3a1a);border:2px solid var(--color-primary);border-radius:8px;padding:var(--spacing-md);margin-top:var(--spacing-lg);color:var(--color-text-light);font-size:.95rem}.phase-intro{text-align:center;font-size:1.1rem;color:var(--color-text-gray);margin-bottom:var(--spacing-lg);line-height:1.6}.tournament-structure{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.round-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#3d7a4a1a;border:2px solid var(--color-border);border-radius:8px;transition:all .3s ease}.round-item:hover{background:#3d7a4a33;border-color:var(--color-secondary);transform:translate(5px)}.round-item.round-semifinals{background:linear-gradient(135deg,#d4af371f,#8b7d3a14);border-color:var(--color-secondary)}.round-item.round-semifinals:hover{border-color:var(--color-primary);transform:translate(5px) scale(1.02)}.round-item.round-finals{background:linear-gradient(135deg,#d4af3726,#8b7d3a1a);border-color:var(--color-primary)}.round-item.round-finals:hover{border-color:var(--color-primary-hover);transform:translate(5px) scale(1.02)}.round-badge{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-secondary);border-radius:8px;font-weight:700;font-size:1rem;color:var(--color-bg-dark);flex-shrink:0}.round-badge.semifinals{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));font-size:1.3rem}.round-badge.finals{background:var(--color-primary);font-size:1.5rem}.round-info{display:flex;flex-direction:column;gap:4px;flex-grow:1}.round-info strong{color:var(--color-text-light);font-size:1.05rem}.round-info span{color:var(--color-text-gray);font-size:.9rem}.phase-transition{text-align:center;font-size:1.1rem;color:var(--color-primary);padding:var(--spacing-md);margin:var(--spacing-md) 0;background:linear-gradient(135deg,#d4af371a,#8b7d3a0d);border:2px dashed var(--color-primary);border-radius:8px;font-weight:600}.match-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.rule-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);background:#0a0e0f99;border:2px solid var(--color-border);border-radius:8px;transition:all .3s ease}.rule-box:hover{border-color:var(--color-secondary);transform:translateY(-5px);box-shadow:0 8px 16px #3d7a4a4d}.rule-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.rule-title{font-size:1.1rem;font-weight:700;color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.rule-desc{color:var(--color-text-gray);font-size:.95rem;line-height:1.5}.rule-desc small{font-size:.85rem;color:var(--color-primary)}.seeding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm);margin:var(--spacing-md) 0}.seed-match{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:#3d7a4a1a;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem}.seed-high{color:var(--color-primary);font-weight:700}.seed-vs{color:var(--color-text-gray);font-size:.8rem}.seed-low{color:var(--color-text-gray)}.seed-etc{display:flex;align-items:center;justify-content:center;color:var(--color-text-gray);font-weight:700;font-size:1.2rem}.important-notice{background:linear-gradient(135deg,#c44a4a33,#8b3a3a26);border:2px solid #c44a4a;border-radius:8px;padding:var(--spacing-md);margin-top:var(--spacing-lg);color:var(--color-text-light);font-size:1rem}.finals-hero{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.finals-vs{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,#0a0e0fcc,#1a2225e6);border:2px solid var(--color-primary);border-radius:12px}.finalist-side{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.finalist-number{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-bg-dark);border-radius:50%;font-size:1.8rem;font-weight:700;box-shadow:0 4px 12px #d4af3766}.finalist-label{font-size:.95rem;color:var(--color-text-gray);text-align:center}.finals-vs-icon{font-size:2.5rem;color:var(--color-primary)}.finals-specs{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.spec-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#3d7a4a1a;border:1px solid var(--color-border);border-radius:6px}.spec-label{color:var(--color-text-gray);font-size:.95rem}.spec-value{color:var(--color-text-light);font-size:1rem}.penalty-comparison{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-md) 0;flex-wrap:wrap}.penalty-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#3d7a4a1a;border:2px solid var(--color-border);border-radius:8px;min-width:150px}.penalty-item.penalty-finals{background:linear-gradient(135deg,#d4af3726,#8b7d3a1a);border-color:var(--color-primary)}.penalty-phase{font-size:.85rem;color:var(--color-text-gray);text-align:center}.penalty-value{font-size:1.2rem;font-weight:700;color:var(--color-secondary)}.penalty-value.penalty-high{color:var(--color-primary);font-size:1.4rem}.penalty-arrow{font-size:1.5rem;color:var(--color-text-gray)}.strategy-tip{background:linear-gradient(135deg,#3d7a4a33,#2c5c3826);border:2px solid var(--color-secondary);border-radius:8px;padding:var(--spacing-md);margin-top:var(--spacing-lg);color:var(--color-text-light);font-size:.95rem;line-height:1.6}.tournament-diagram{background:linear-gradient(135deg,#0a0e0fcc,#1a2225e6);border:2px solid var(--color-border);border-radius:12px;padding:var(--spacing-lg);margin:var(--spacing-lg) 0;overflow-x:auto}.tournament-diagram svg{width:100%;height:auto;min-height:550px}.tournament-diagram .bracket-title{font-size:18px;font-weight:700;text-anchor:middle}.tournament-diagram .round-label{font-size:14px;font-weight:700;text-anchor:middle}.tournament-diagram .round-players{font-size:12px;text-anchor:middle}.tournament-diagram .arrow-label{font-size:11px;font-style:italic;text-anchor:middle}.tournament-diagram .finals-text{font-size:16px;text-anchor:middle}.tournament-diagram .legend-title{font-weight:700}.tournament-diagram .legend-text{font-size:11px}.tournament-diagram .bracket-round{transition:all .3s ease}.tournament-diagram .bracket-round:hover{filter:brightness(1.2)}.tournament-diagram .winner-round:hover{fill:#d4af3740}.tournament-diagram .loser-round:hover{fill:#3d7a4a40}.tournament-diagram .finals-box{transition:all .3s ease}.tournament-diagram .finals-box:hover{filter:brightness(1.3) drop-shadow(0 0 10px rgba(212,175,55,.6))}@media screen and (max-width: 992px){.rule-card{padding:var(--spacing-md)}.section-title{font-size:var(--font-size-xlarge)}.rule-title{font-size:var(--font-size-large)}.phase-info{flex-direction:column;gap:var(--spacing-xs)}}@media screen and (max-width: 768px){.rules-page{padding:var(--spacing-md) 0}.rule-card{padding:var(--spacing-sm)}.section-title{font-size:var(--font-size-large)}.rule-title{font-size:var(--font-size-base)}.important-notice{font-size:var(--font-size-base);padding:var(--spacing-sm)}.formula code{font-size:var(--font-size-base)}.footer-message{font-size:var(--font-size-xlarge)}.tournament-overview{grid-template-columns:1fr}.final-matchup{flex-direction:column;gap:var(--spacing-md)}.vs-divider{transform:rotate(90deg)}.matchup-row{flex-wrap:wrap;gap:var(--spacing-sm)}.rank-badge{min-width:80px;font-size:.85rem}.tournament-diagram{padding:var(--spacing-sm)}.phase-intro{font-size:1rem}.match-rules-grid{grid-template-columns:1fr}.seeding-grid{grid-template-columns:repeat(2,1fr)}.finals-vs{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.finals-vs-icon{font-size:2rem;transform:rotate(90deg)}.penalty-comparison{flex-direction:column;gap:var(--spacing-sm)}.penalty-arrow{transform:rotate(90deg)}.penalty-item{min-width:200px;width:100%}.tournament-diagram svg{min-height:450px}}.credits-page{padding:var(--spacing-xl) 0}.credits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.credit-card{background:linear-gradient(135deg,#1a2225e6,#0a0e0fe6);border:2px solid var(--color-border);border-radius:15px;padding:var(--spacing-xl);text-align:center;transition:all .3s ease;position:relative;overflow:hidden;display:block;text-decoration:none;color:inherit;cursor:pointer}.credit-card:link,.credit-card:visited,.credit-card:hover,.credit-card:active{text-decoration:none;color:inherit}.credit-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.credit-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:0 10px 30px #d4af374d}.credit-card:hover:before{opacity:1}.credit-card-primary{border-color:var(--color-primary)}.credit-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.credit-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:var(--spacing-md);border:3px solid var(--color-primary);box-shadow:0 4px 15px #d4af374d;transition:all .3s ease}.credit-card:hover .credit-avatar{transform:translateY(-5px);box-shadow:0 8px 25px #d4af3780;border-color:var(--color-primary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.credit-role{color:var(--color-primary);font-size:var(--font-size-xlarge);margin-bottom:var(--spacing-sm);font-weight:700}.credit-name a{color:var(--color-text-light);font-size:var(--font-size-large);font-weight:500;margin:0;text-decoration:none}.credit-name a:hover{color:var(--color-primary-hover)}.validators-section{margin-top:var(--spacing-xl);text-align:center}.validators-title{color:var(--color-primary);font-size:var(--font-size-xlarge);margin-bottom:var(--spacing-lg);text-shadow:0 0 10px rgba(212,175,55,.3)}.validators-list{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.validator-card{background:linear-gradient(135deg,#3d7a4a33,#4a95581a);border:2px solid var(--color-success);border-radius:12px;padding:var(--spacing-lg) var(--spacing-xl);min-width:200px;transition:all .3s ease}.validator-card:hover{transform:scale(1.05);box-shadow:0 8px 20px #4a95584d}.validator-icon{font-size:2rem;color:var(--color-success);margin-bottom:var(--spacing-sm);font-weight:700}.validator-name{color:var(--color-text-light);font-size:var(--font-size-large);font-weight:500;margin:0}.home-page{display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) 0 0 0;width:100%;max-width:100vw;overflow-x:hidden}.home-content{padding:var(--spacing-xl);width:100%;max-width:100%;box-sizing:border-box}@media (min-width: 1024px){.home-content{display:flex;flex-direction:column;justify-content:center;min-height:70vh}}.main-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--color-primary);text-shadow:0 0 20px rgba(212,175,55,.8),0 0 40px rgba(212,175,55,.5),0 0 60px rgba(212,175,55,.3);margin-bottom:var(--spacing-md);letter-spacing:2px;animation:titleGlow 3s ease-in-out infinite}.home-description{font-size:clamp(1rem,1.2vw,1.2rem);color:var(--color-text-light);line-height:1.6;max-width:800px;margin:0 auto var(--spacing-xl);text-align:center;opacity:.9}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(212,175,55,.8),0 0 40px rgba(212,175,55,.5),0 0 60px rgba(212,175,55,.3)}50%{text-shadow:0 0 30px rgba(212,175,55,1),0 0 60px rgba(212,175,55,.7),0 0 80px rgba(212,175,55,.5)}}.button-container{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;margin-top:var(--spacing-xl);width:100%;max-width:100%;box-sizing:border-box}.main-actions{display:flex;flex-direction:row;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.main-actions .btn{width:280px;max-width:100%}.leaderboard-page,.submit-run-page{padding:var(--spacing-xl) 0}.page-title{font-size:var(--font-size-xxlarge);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-xl);text-shadow:0 0 15px rgba(212,175,55,.6)}@media screen and (min-width: 768px){.page-header-with-action{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.page-header-with-action .page-title{text-align:left;margin:0}}@media screen and (max-width: 768px){.page-header-with-action .btn-copy{display:none}}.btn-copy{background:#0a0e0fb3;border:2px solid var(--color-border);color:var(--color-text-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-copy:hover{border-color:var(--color-primary);color:var(--color-primary)}.copy-success{color:var(--color-secondary);margin-top:var(--spacing-xs);font-size:.95rem}.loading{text-align:center;padding:var(--spacing-xl)}.spinner{border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-container{background:#1a2225e6;border-radius:10px;padding:var(--spacing-lg);box-shadow:0 8px 24px #00000080;overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.leaderboard-table thead{background:linear-gradient(135deg,var(--color-bg-darker),var(--color-bg-light))}.leaderboard-table th{padding:var(--spacing-md);text-align:center;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--color-primary)}.leaderboard-table td{padding:var(--spacing-md);text-align:center;border-bottom:1px solid var(--color-border)}.leaderboard-table tbody tr{background:#0a0e0f99;transition:all .3s ease}.leaderboard-table tbody tr:hover{background:#1a2225cc;box-shadow:0 0 15px #d4af3733}.leaderboard-table tbody tr.rank-1{background:#d4af3726}.leaderboard-table tbody tr.rank-2{background:#c0c0c026}.leaderboard-table tbody tr.rank-3{background:#cd7f3226}.rank-cell{font-weight:700;color:var(--color-primary);font-size:var(--font-size-large)}.leaderboard-table td.name-cell,.admin-table td.name-cell{font-weight:700;color:var(--color-text-light);text-align:left}.score-cell{font-weight:700;color:var(--color-secondary-hover);font-size:var(--font-size-large)}.run-cell{font-size:var(--font-size-base)}.run-link{color:var(--color-secondary-hover);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:3px;transition:all .3s ease;display:inline-block;cursor:pointer}.run-link:hover{color:var(--color-primary);background:#d4af3733;transform:scale(1.1)}.no-run{color:var(--color-text-gray);opacity:.5}.run-pending{color:var(--color-accent);font-size:1.2rem;cursor:help;display:inline-block;animation:pulse-pending 2s ease-in-out infinite}@keyframes pulse-pending{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.no-data{text-align:center;padding:var(--spacing-xl);color:var(--color-text-gray);font-size:var(--font-size-large)}.form-container{max-width:600px;margin:0 auto;background:#1a2225e6;border-radius:10px;padding:var(--spacing-xl);box-shadow:0 8px 24px #00000080}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-light);font-weight:700}.required{color:var(--color-error)}.help-icon{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background-color:#d4af3733;color:var(--color-primary);font-size:.9rem;font-weight:700;margin-left:var(--spacing-xs);cursor:help;transition:all .2s ease;vertical-align:middle}.help-icon:hover{background-color:var(--color-primary);color:var(--color-bg-dark);transform:scale(1.1)}.form-control{width:100%;padding:var(--spacing-sm);border:2px solid var(--color-border);border-radius:5px;background:#0a0e0fcc;color:var(--color-text-light);font-size:var(--font-size-base);transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px #d4af374d}.form-control.error{border-color:var(--color-error)}textarea.form-control{resize:vertical;min-height:80px;font-family:inherit}.error-message{display:block;color:var(--color-error);font-size:.9rem;margin-top:var(--spacing-xs)}.form-actions{text-align:center;margin-top:var(--spacing-xl)}.modal{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,var(--color-bg-light),var(--color-bg-dark));margin:15% auto;padding:var(--spacing-xl);border:2px solid var(--color-error);border-radius:10px;width:90%;max-width:500px;box-shadow:0 8px 32px #000c;animation:slideDown .3s ease}.modal-content.success{border-color:var(--color-success)}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{color:var(--color-primary);margin-bottom:var(--spacing-md)}.modal-content p{color:var(--color-text-light);margin-bottom:var(--spacing-lg);font-size:var(--font-size-large)}.close{color:var(--color-text-gray);float:right;font-size:2rem;font-weight:700;cursor:pointer;transition:color .3s ease}.close:hover,.close:focus{color:var(--color-primary)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.admin-page{padding:var(--spacing-xl) 0}.login-container{max-width:500px;margin:0 auto;background:#1a2225e6;border-radius:10px;padding:var(--spacing-xl);box-shadow:0 8px 24px #00000080}.filter-container{margin-bottom:var(--spacing-lg);display:flex;align-items:flex-end;gap:var(--spacing-lg);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{color:var(--color-text-light);font-weight:700;margin:0;font-size:.9rem}.filter-select{min-width:180px;cursor:pointer}.search-input{min-width:250px}.admin-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.admin-table thead{background:linear-gradient(135deg,var(--color-bg-darker),var(--color-bg-light))}.admin-table th{padding:var(--spacing-md);text-align:center;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--color-primary)}.admin-table td{padding:var(--spacing-md);text-align:center;border-bottom:1px solid var(--color-border)}.admin-table tbody tr{background:#0a0e0f99;transition:all .3s ease}.admin-table tbody tr:hover{background:#1a2225cc;box-shadow:0 0 15px #d4af3733}.admin-table tbody tr.validated-row{background:#4a95581a;border-left:3px solid var(--color-success)}.action-cell{white-space:nowrap}.datetime-cell{font-family:monospace;color:var(--color-text-gray)}.seed-cell{font-weight:700;color:var(--color-primary)}.link-cell a{color:var(--color-secondary-hover);text-decoration:none;transition:all .3s ease}.link-cell a:hover{color:var(--color-primary)}.btn-icon{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:3px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin:0 2px}.btn-validate{background:var(--color-success);color:#fff}.btn-validate:hover{background:var(--color-secondary-hover);transform:scale(1.1);box-shadow:0 0 10px #4a955880}.btn-delete{background:var(--color-error);color:#fff}.btn-delete:hover{background:#d63333;transform:scale(1.1);box-shadow:0 0 10px #c44a4a80}.comment-icon{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:50%;background:var(--color-primary);color:var(--color-bg-dark);font-size:1rem;font-weight:700;cursor:help;margin:0 2px;transition:all .3s ease}.comment-icon:hover{background:var(--color-primary-hover);transform:scale(1.15);box-shadow:0 0 10px #d4af3780}.btn-danger{background:linear-gradient(135deg,var(--color-error),#d63333);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:5px;font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-danger:hover{background:linear-gradient(135deg,#d63333,var(--color-error));box-shadow:0 0 20px #c44a4a99;transform:translateY(-2px)}.validated-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-success);color:#fff;border-radius:3px;font-size:.9rem;font-weight:700;margin-right:2px}@media screen and (max-width: 992px){.container{padding:0 var(--spacing-sm)}.navbar .container{flex-direction:column;gap:var(--spacing-md)}.nav-links{gap:var(--spacing-md)}.leaderboard-table{font-size:.9rem}.leaderboard-table th,.leaderboard-table td{padding:var(--spacing-sm)}.admin-table{font-size:.9rem}.admin-table th,.admin-table td{padding:var(--spacing-sm)}.filter-container{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-select,.search-input{min-width:100%;width:100%}}@media screen and (max-width: 768px){:root{--font-size-base: 14px}.expiration-warning{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.expiration-warning-small{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.warning-icon{font-size:1.5rem}.expiration-warning-small .warning-icon{font-size:1.1rem}.warning-content strong{font-size:1rem}.expiration-warning-small .warning-content strong{font-size:.8rem}.warning-content p{font-size:.85rem}.expiration-warning-small .warning-content p{font-size:.75rem}.credits-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.credit-icon{font-size:2.5rem}.credit-avatar{width:100px;height:100px}.validators-list{flex-direction:column;align-items:center}.validator-card{width:100%;max-width:250px}.navbar{padding:var(--spacing-sm) 0}.navbar-brand{font-size:var(--font-size-large)}.navbar .container{justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm)}.nav-links{display:none}.language-selector{gap:4px}.lang-btn{padding:4px 8px;font-size:.8rem;min-width:38px}.main-actions .btn{width:240px}.secondary-links{gap:var(--spacing-sm)}.btn-secondary-link{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-md)}.countdown-section{padding:var(--spacing-md)}.countdown-label{font-size:var(--font-size-base)}.countdown-unit{min-width:70px;padding:var(--spacing-sm)}.countdown-value{font-size:2rem}.countdown-text{font-size:.75rem}.countdown-separator{font-size:1.5rem}.seeds-title{font-size:var(--font-size-base)}.seed-btn{width:45px;height:45px;font-size:var(--font-size-base)}.page-title{font-size:var(--font-size-xlarge)}.table-container{padding:var(--spacing-sm)}.leaderboard-table{font-size:.75rem}.leaderboard-table th,.leaderboard-table td{padding:var(--spacing-xs)}.name-cell{min-width:100px}.form-container,.login-container{padding:var(--spacing-md)}.admin-table{font-size:.75rem}.admin-table th,.admin-table td{padding:var(--spacing-xs)}.btn-icon{font-size:1rem;padding:2px 6px}.validated-badge{font-size:.75rem;padding:2px 6px}.modal-content{margin:50% auto;width:95%;padding:var(--spacing-md)}}@media screen and (max-width: 480px){.main-title{font-size:1.5rem}.home-description{font-size:.9rem;padding:0 var(--spacing-sm);margin-bottom:var(--spacing-lg)}.home-content{padding:var(--spacing-md) var(--spacing-sm)}.main-actions .btn{width:200px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.secondary-links{flex-direction:column;gap:var(--spacing-xs)}.btn-secondary-link{font-size:.8rem;padding:.4rem var(--spacing-sm)}.btn-secondary-link .link-icon{width:16px;height:16px}.countdown-section{padding:var(--spacing-xs) var(--spacing-sm);width:100%;max-width:100%;box-sizing:border-box}.countdown-label{font-size:.85rem;padding:0 var(--spacing-xs)}.countdown-container{gap:.2rem;flex-wrap:wrap;max-width:100%}.countdown-unit{min-width:45px;padding:.4rem .3rem;flex:0 1 auto}.countdown-value{font-size:1.3rem}.countdown-text{font-size:.6rem;letter-spacing:0}.countdown-separator{font-size:1rem;margin:0 .1rem}.seeds-container{gap:var(--spacing-xs)}.seed-btn{width:40px;height:40px;font-size:.9rem}.seed-btn:before{font-size:.75rem;padding:.3rem .5rem;max-width:200px;white-space:normal;text-align:center}.leaderboard-table{font-size:.7rem}.rank-cell,.score-cell{font-size:var(--font-size-base)}}@media screen and (max-height: 600px) and (orientation: landscape){.home-page{min-height:auto;padding:var(--spacing-lg) 0 0 0}.main-title{font-size:2rem;margin-bottom:var(--spacing-md)}.home-description{font-size:1rem;margin-bottom:var(--spacing-md)}.button-container{gap:var(--spacing-md)}.main-actions{flex-direction:row;gap:var(--spacing-md)}}.tooltip-text{cursor:help;text-decoration:underline dotted;text-decoration-color:var(--color-primary);text-underline-offset:3px;transition:all .2s ease}.tooltip-text:hover{text-decoration-color:var(--color-primary-hover);color:var(--color-primary-hover)}.auth-section{margin-bottom:var(--spacing-xl)}.auth-required{text-align:center;padding:var(--spacing-xl);background:#1a222599;border-radius:10px;border:2px solid var(--color-border)}.auth-message h2{color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-xlarge)}.auth-message p{color:var(--color-text-gray);margin-bottom:var(--spacing-lg);font-size:var(--font-size-large)}.btn-twitch{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:#9146ff;color:#fff;border:none;border-radius:5px;font-size:var(--font-size-large);font-weight:700;cursor:pointer;transition:all .3s ease}.btn-twitch:hover{background:#772ce8;transform:translateY(-2px);box-shadow:0 5px 15px #9146ff66}.twitch-icon{width:24px;height:24px}@media screen and (max-width: 768px){.btn-twitch{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-xs)}.twitch-icon{width:18px;height:18px}}.user-info-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#1a222599;border-radius:10px;border:2px solid var(--color-border)}.user-avatar{width:60px;height:60px;border-radius:50%;border:2px solid var(--color-primary)}.user-details{flex:1}.user-name{font-size:var(--font-size-large);font-weight:700;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.user-login{font-size:var(--font-size-base);color:var(--color-text-gray)}.btn-logout{padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;color:var(--color-text-gray);border:1px solid var(--color-border);border-radius:5px;font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease}.btn-logout:hover{background:#ffffff26;color:var(--color-text-light);border-color:var(--color-primary)}@media screen and (max-width: 768px){.user-info-card{flex-direction:column;text-align:center}.user-details{text-align:center}}.twitch-user-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-light);transition:all .2s ease}.twitch-user-link:hover{color:var(--color-primary)}.twitch-user-link:hover .user-avatar-small{border-color:var(--color-primary);transform:scale(1.05)}.user-avatar-small{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);transition:all .2s ease;object-fit:cover}.form-control-readonly{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#1a22254d;border:2px solid var(--color-border);border-radius:5px;min-height:50px}.user-avatar-inline{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-primary);object-fit:cover;flex-shrink:0}.user-info-inline{display:flex;flex-direction:column;gap:2px;flex:1}.user-display-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-light)}.user-login-text{font-size:var(--font-size-small);color:var(--color-text-gray)}.btn-logout-inline{width:28px;height:28px;padding:0;background:#ffffff0d;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-gray);font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-logout-inline:hover{background:#ff454533;border-color:#ff454580;color:#ff4545}@media screen and (max-width: 768px){.form-control-readonly{flex-wrap:wrap}.user-info-inline{flex-basis:calc(100% - 80px)}}app-root{display:flex;flex-direction:column;min-height:100vh}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}
