@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,800;1,900&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#f7f7fa;background:#08090e}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:#08090e}button{font:inherit}.app-shell{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;padding:46px 24px 28px;background:radial-gradient(ellipse at 50% -20%,#202332,#0c0d14 42%,#07080c)}.app-shell:before{content:"";pointer-events:none;position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.19;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 77%);mask-image:linear-gradient(to bottom,#000,transparent 77%)}.ambient{position:absolute;z-index:-1;width:37vw;height:37vw;max-width:500px;max-height:500px;filter:blur(90px);opacity:.16;border-radius:50%}.ambient-red{background:#f21d42;left:-10vw;top:17%}.ambient-blue{background:#2f9aff;right:-10vw;top:17%}.hero{text-align:center}.eyebrow{display:flex;justify-content:center;align-items:center;gap:11px;color:#aaadbb;font-size:10px;font-weight:800;letter-spacing:.2em}.eyebrow span{width:25px;height:1px;background:currentColor;opacity:.6}h1{margin:7px 0 5px;font-family:Barlow Condensed,sans-serif;font-size:clamp(52px,8vw,90px);line-height:.84;letter-spacing:-.045em;text-transform:uppercase}h1 em{color:#f7d659;font-style:italic;text-shadow:0 0 32px #f7d65955}.hero p{margin:0;color:#b7bac5;font-size:13px;font-weight:600}.battle{display:grid;grid-template-columns:minmax(0,375px) 42px minmax(0,375px);justify-content:center;align-items:center;gap:18px;max-width:850px;margin:40px auto 35px}.player-card{position:relative;overflow:visible;padding:15px;border:1px solid #ffffff1c;border-radius:20px;background:linear-gradient(135deg,#ffffff16,#ffffff06);box-shadow:0 19px 45px #0000005c;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.player-card:hover{transform:translateY(-7px) scale(1.018)}.ronaldo:hover{border-color:#ff355a9c;box-shadow:0 20px 55px #d4103540}.messi:hover{border-color:#4fb2ff9c;box-shadow:0 20px 55px #137ddc40}.player-card__topline{display:flex;justify-content:space-between;margin-bottom:11px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#e7e9f1aa}.player-card__topline span:first-child{font-family:Barlow Condensed;font-size:14px;line-height:.7}.portrait-wrap{position:relative}.portrait{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / .93;overflow:hidden;border-radius:13px}.ronaldo .portrait{background:linear-gradient(140deg,#11131c 16%,#5b0d1e 57%,#f1264a)}.messi .portrait{background:linear-gradient(140deg,#111925 16%,#12598a 57%,#60beff)}.portrait:before{content:"";position:absolute;width:140%;height:60%;bottom:-44%;border-radius:50%;background:#0006;filter:blur(17px)}.portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#fff2 0 1px,transparent 1px 17px);opacity:.22;transform:skewY(-25deg)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-initials{position:relative;z-index:1;font:italic 900 clamp(72px,12vw,126px)/1 "Barlow Condensed";letter-spacing:-.11em;color:#fff;text-shadow:0 7px 15px #0005}.portrait-label{position:relative;z-index:1;padding:3px 8px;border-radius:3px;color:#fff;background:#0005;font-size:8px;font-weight:800;letter-spacing:.2em}.portrait-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;box-shadow:inset 0 0 0 1px #fff2,inset 0 -45px 40px #0005;pointer-events:none}.leader-badge{position:absolute;z-index:3;top:-14px;left:50%;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%) rotate(-7deg);border-radius:50%;color:#18130b;background:#f7d659;box-shadow:0 4px 20px #f7d65980;animation:crown-bob 1.8s ease-in-out infinite}.player-card h2{margin:15px 0 0;font-family:Barlow Condensed;font-size:clamp(28px,4vw,39px);line-height:.9;letter-spacing:-.025em;text-transform:uppercase}.player-country{margin:4px 0 15px;color:#a9acb7;font-size:9px;font-weight:800;letter-spacing:.2em}.vote-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;border:0;border-radius:9px;color:#fff;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.03em;transition:transform .12s ease,filter .2s ease}.ronaldo .vote-button{background:#e91e43;box-shadow:0 8px 23px #e91e4357}.messi .vote-button{background:#188ee8;box-shadow:0 8px 23px #188ee857}.vote-button:hover{filter:brightness(1.12)}.vote-button:active{transform:scale(.95);filter:brightness(.88)}.card-votes{display:flex;justify-content:space-between;align-items:baseline;margin-top:13px;color:#a8abb5;font-size:9px;font-weight:800;letter-spacing:.12em}.card-votes strong{color:#fff;font-family:Barlow Condensed;font-size:23px;letter-spacing:0}.burst-layer{position:absolute;right:20%;bottom:73px;pointer-events:none}.vote-burst{position:absolute;color:#fff;font:800 22px/1 Barlow Condensed;text-shadow:0 3px 8px #000;animation:float-up .85s ease-out forwards}.versus{display:grid;place-items:center;width:42px;height:42px;z-index:2;border:1px solid #fff3;border-radius:50%;background:#12141c;box-shadow:0 0 0 7px #090a0f;color:#fff;font:italic 800 16px Barlow Condensed}.results{max-width:780px;margin:auto;padding:19px 20px 16px;border:1px solid #ffffff19;border-radius:15px;background:#11131bcc;box-shadow:0 15px 45px #0004}.results-heading,.percentages,.score-names,.total{display:flex;justify-content:space-between;align-items:center}.results-heading span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.14em}.results-heading svg{color:#f7d659}.results-heading small{border-radius:10px;padding:4px 7px;font-size:8px;font-weight:800;letter-spacing:.1em}.live{color:#79eea3;background:#1a573036}.connecting{color:#e9c15b;background:#7c581927}.offline{color:#ff8b9f;background:#84233826}.demo{color:#9dcaff;background:#285d9238}.percentages{margin-top:17px}.percentages strong{font:800 29px/1 Barlow Condensed}.ronaldo-text{color:#ff4666}.messi-text{color:#52b5ff}.split-bar{display:flex;width:100%;height:14px;overflow:hidden;margin-top:8px;border-radius:12px;background:#242731;box-shadow:inset 0 1px 2px #0008}.split-bar span,.split-bar i{height:100%;transition:width .5s cubic-bezier(.2,.85,.35,1)}.split-bar span{background:linear-gradient(90deg,#bc1233,#f2294d)}.split-bar i{background:linear-gradient(90deg,#1584d9,#56baff)}.score-names{margin-top:7px;color:#aeb1bb;font-size:8px;font-weight:800;letter-spacing:.11em}.total{margin-top:20px;padding-top:14px;border-top:1px solid #ffffff12}.total span{color:#9296a2;font-size:9px;font-weight:800;letter-spacing:.13em}.total strong{font:800 29px/1 Barlow Condensed}.connection-note{margin:13px 0 0;color:#bbc0cc;font-size:10px;text-align:center}footer{margin-top:29px;color:#8f939e;text-align:center;font-size:9px;font-weight:800;letter-spacing:.16em}footer span{color:#f7d659;font-size:15px;vertical-align:-1px}@keyframes float-up{0%{opacity:0;transform:translateY(8px) scale(.7)}20%{opacity:1}to{opacity:0;transform:translateY(-55px) scale(1.15)}}@keyframes crown-bob{50%{transform:translate(-50%) translateY(-5px) rotate(-2deg)}}@media (max-width: 620px){.app-shell{padding:35px 13px 22px}.hero p{font-size:11px}.battle{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:32px auto 26px}.versus{position:absolute;left:calc(50% - 20px);width:40px;height:40px}.player-card{padding:10px;border-radius:15px}.player-card__topline{margin-bottom:8px}.player-card h2{margin-top:12px;font-size:28px}.player-country{font-size:7px;letter-spacing:.12em;margin-bottom:11px}.vote-button{min-height:46px;padding:8px 4px;font-size:10px;line-height:1.1}.vote-button svg{display:none}.card-votes{margin-top:10px}.results{padding:16px 14px 14px}.percentages strong{font-size:26px}.score-names{font-size:7px;letter-spacing:.06em}.leader-badge{width:35px;height:35px;top:-11px}.leader-badge svg{width:18px}.portrait-initials{font-size:73px}.eyebrow{font-size:8px}}