:root{--green-950:#06130d;--green-900:#0d2b1a;--green-800:#102a20;--green-700:#1a3a2a;--blue-card:#071f34;--gold:gold;--gold-dark:#c8941c;--gold-soft:#ffe56a;--text:#fff;--muted:#c9d2cc;--line:#c5d6e852;--shadow:#00000059}*{box-sizing:border-box}html,body{min-height:100%}body{zoom:.8;color:var(--text);background:radial-gradient(circle at 47% 58%,#00735057,#0000 17%),linear-gradient(90deg,#030c17eb,#05121fc2 52%,#030a12f2),repeating-linear-gradient(0deg,#0000 0 72px,#ffffff06 73px 74px),linear-gradient(140deg,#06121d 0%,#082139 42%,#06170f 100%);margin:0;font-family:Inter,Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-shell{border:1px solid #ffd700a6;grid-template-columns:minmax(0,60fr) minmax(390px,40fr);gap:clamp(24px,2.2vw,42px);min-height:100vh;padding:clamp(18px,2vw,32px) clamp(18px,2vw,40px) clamp(28px,3vw,44px);display:grid;overflow:hidden}.left-panel,.ranking-panel{min-width:0}.hero-header{align-items:center;gap:clamp(16px,1.8vw,28px);margin:0 0 clamp(16px,2vw,30px);display:flex}.world-cup-mark{filter:drop-shadow(0 8px 16px #0000008c);flex:0 0 clamp(54px,5.2vw,104px);width:clamp(54px,5.2vw,104px);height:clamp(84px,8.1vw,165px);position:relative}h1,h2,h3,p{margin-top:0}h1{background:linear-gradient(180deg, #fff4a9 0%, var(--gold) 35%, #b87a18 78%, #ffe37a 100%);width:100%;color:var(--gold);-webkit-text-fill-color:transparent;text-transform:uppercase;white-space:nowrap;filter:drop-shadow(0 8px 10px #000000c2);-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-family:Impact,Arial Narrow,Inter,sans-serif;font-size:clamp(2.15rem,3.18vw,5.1rem);font-weight:950;line-height:.92}.flag-badge{border-radius:0;flex:none;width:clamp(62px,4.8vw,96px);height:auto;margin-left:auto;box-shadow:0 8px 18px #00000073}.year-selector{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;background:#051526b8;border:2px solid #becfe257;border-radius:24px;flex-wrap:nowrap;gap:0;padding:0;display:flex;overflow:auto hidden;box-shadow:inset 0 0 20px #00000061}.year-selector::-webkit-scrollbar{height:0;display:none}.year-pill{scroll-snap-align:center;min-width:clamp(112px,8.4vw,156px);color:var(--text);cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff0f;border-radius:22px;padding:clamp(14px,1.4vw,22px) clamp(20px,2vw,34px);font-family:Impact,Arial Narrow,Inter,sans-serif;font-size:clamp(1.45rem,1.9vw,2.25rem);font-weight:900;transition:background .18s,color .18s,transform .18s}.year-pill:hover,.year-pill.active{background:linear-gradient(180deg, #fff17a 0%, var(--gold) 42%, #c98f16 100%);color:#06110c;transform:translateY(-1px);box-shadow:0 0 18px #ffd700bd,inset 0 2px #ffffff8c}.duel-section{padding-top:clamp(22px,2.6vw,34px)}.duel-title{color:var(--gold);grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:clamp(16px,2vw,28px);display:grid}.duel-title span{background:linear-gradient(90deg, transparent, var(--gold));height:1px}.duel-title span:last-child{background:linear-gradient(90deg, var(--gold), transparent)}.duel-title h2,.ranking-heading h2{background:linear-gradient(180deg, #fff1a5, var(--gold) 48%, #b97718);color:var(--gold);-webkit-text-fill-color:transparent;text-transform:uppercase;filter:drop-shadow(0 6px 8px #000000ad);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Impact,Arial Narrow,Inter,sans-serif;font-size:clamp(2.9rem,4.2vw,4.9rem);font-weight:950;line-height:1}.host-line{color:var(--muted);text-align:center;margin:6px 0 16px;font-weight:700;display:none}.duel-grid{grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);align-items:stretch;gap:clamp(70px,7.5vw,160px);padding:0 clamp(10px,3.3vw,64px);display:grid;position:relative}.player-card{min-height:clamp(430px,58vh,680px);box-shadow:inset 0 1px 0 #ffffff1f, 0 20px 50px var(--shadow);background:radial-gradient(circle at 50% 20%,#215f6b75,#0000 34%),linear-gradient(#0d2d4cdb,#06192be0);border:2px solid #becfe261;border-radius:24px;flex-direction:column;align-items:center;padding:clamp(18px,2vw,28px) clamp(18px,2vw,30px);transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.player-card:hover,.player-card.selected{border-color:#ffd700c7;transform:translateY(-3px);box-shadow:0 22px 56px #0000006b,0 0 26px #ffd7002e}.player-photo{aspect-ratio:1;border:2px solid var(--gold-soft);background:#0f2d35;border-radius:50%;width:min(78%,300px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffd70073,0 0 34px #ffd7009e}.player-photo img,.ranking-photo img{object-fit:cover;object-position:top center}.player-card h3{text-align:center;text-transform:uppercase;overflow-wrap:anywhere;width:100%;margin:clamp(16px,2vw,26px) 0 4px;font-family:Impact,Arial Narrow,Inter,sans-serif;font-size:clamp(2.7rem,4vw,4.3rem);font-weight:950;line-height:1}.player-card p{color:var(--gold);margin-bottom:clamp(10px,1vw,18px);font-family:Impact,Arial Narrow,Inter,sans-serif;font-size:clamp(1.55rem,2vw,2.3rem);font-weight:900}.vote-count{text-align:center;border-top:1px solid #ffd7009e;width:100%;margin:auto 0 clamp(16px,1.6vw,24px);padding-top:clamp(16px,1.5vw,23px);font-family:Impact,Arial Narrow,Inter,sans-serif;font-size:clamp(1.8rem,2.45vw,2.8rem);font-weight:950}.player-card button{background:linear-gradient(180deg, #fff6a5 0%, var(--gold) 44%, #be8517 100%);color:#05120d;cursor:pointer;text-transform:uppercase;border:0;border-radius:22px;justify-content:center;align-items:center;gap:clamp(12px,1.3vw,18px);width:100%;min-height:clamp(66px,6.1vw,104px);font-family:Impact,Arial Narrow,Inter,sans-serif;font-size:clamp(2.1rem,3vw,3.35rem);font-weight:950;display:inline-flex;box-shadow:inset 0 2px #ffffff8c,0 8px 20px #0000005c}.player-card button:disabled{cursor:not-allowed;filter:saturate(.65)}.versus{z-index:2;color:var(--gold);text-shadow:0 5px 18px var(--shadow);font-family:Impact,Arial Narrow,Inter,sans-serif;font-size:clamp(4rem,6vw,5.8rem);font-style:italic;position:absolute;top:42%;right:calc(-1*clamp(72px,7.8vw,120px))}.status-message{color:var(--gold);text-align:center;margin:18px 0 0;font-weight:800}.ranking-panel{box-shadow:0 20px 54px var(--shadow);background:radial-gradient(circle at 50% 10%,#0a304e7a,#0000 32%),linear-gradient(#03101feb,#051420f0);border:2px solid #becfe259;border-radius:24px;align-self:start;padding:clamp(18px,2vw,46px) clamp(14px,1.55vw,24px) clamp(14px,1.5vw,28px)}.ranking-heading{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.ranking-heading h2{white-space:nowrap;font-size:clamp(1.85rem,2.65vw,3.75rem);line-height:1}.ranking-heading span{background:var(--gold-dark);height:1px}.ranking-trophy{color:var(--gold);margin:clamp(8px,1vw,14px) auto clamp(14px,1.4vw,22px);display:block}.ranking-list{gap:clamp(8px,.8vw,12px);margin:0;padding:0;list-style:none;display:grid}.ranking-item{background:linear-gradient(90deg,#092641d1,#061f35b8);border:1px solid #becfe24d;border-radius:10px;grid-template-columns:clamp(44px,3.7vw,72px) clamp(56px,4.4vw,108px) minmax(0,1fr) auto;align-items:center;gap:clamp(10px,1vw,20px);min-height:clamp(66px,5.4vw,138px);padding:clamp(6px,.68vw,16px) clamp(10px,1vw,18px);display:grid}.rank-number{color:var(--gold);align-items:center;gap:4px;font-family:Impact,Arial Narrow,Inter,sans-serif;font-size:clamp(2.25rem,3.15vw,4.7rem);font-weight:950;line-height:1;display:flex}.ranking-photo{aspect-ratio:1;border:2px solid var(--gold);background:#0f2d35;border-radius:50%;width:clamp(52px,4vw,108px);position:relative;overflow:hidden}.ranking-name{gap:4px;min-width:0;display:grid}.ranking-name strong{text-transform:uppercase;overflow-wrap:anywhere;font-family:Impact,Arial Narrow,Inter,sans-serif;font-size:clamp(1.22rem,1.72vw,3rem);line-height:1}.ranking-name span,.ranking-votes{color:var(--gold);font-family:Impact,Arial Narrow,Inter,sans-serif}.ranking-votes{justify-items:end;min-width:82px;display:grid}.ranking-votes strong{font-size:clamp(1.22rem,1.58vw,2.6rem)}.ranking-votes span{font-weight:800}.ranking-note{color:#4f9d3a;border-top:1px solid #ffd70073;align-items:center;gap:10px;margin:clamp(14px,1.4vw,22px) 12px 0;padding-top:clamp(10px,1vw,18px);font-family:Impact,Arial Narrow,Inter,sans-serif;font-size:clamp(1rem,1.1vw,1.35rem);font-weight:800;display:flex}.spin{animation:.9s linear infinite spin}.year-selector-wrapper{align-items:center;gap:12px;display:flex}.year-nav-arrow{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.year-selector{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-x:auto}.year-selector::-webkit-scrollbar{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.app-shell{grid-template-columns:1fr}.ranking-panel{width:100%}}@media (max-width:760px){.app-shell{padding:16px}.hero-header{align-items:flex-start;gap:14px}.world-cup-mark{width:50px;height:68px}.flag-badge{width:56px;height:40px}.year-pill{min-width:88px;padding:12px 14px;font-size:1.05rem}.duel-grid{grid-template-columns:1fr;gap:22px}.player-card{min-height:auto}.versus{order:10;margin-top:18px;font-size:2.6rem;position:static}.ranking-heading{grid-template-columns:1fr}.ranking-heading span{display:none}.ranking-item{grid-template-columns:38px 58px minmax(0,1fr)}.ranking-photo{width:58px}.ranking-votes{grid-column:3;justify-items:start}}