:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#f7f8ff;font-synthesis:none;text-rendering:optimizelegibility;background:#080b16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#080b16;min-width:320px;min-height:100%}body{color:#f7f8ff;background:radial-gradient(circle at 50% 0,#1a30703d,#0000 34rem),linear-gradient(#090d1a 0%,#070913 100%);min-width:320px;min-height:100vh;margin:0;display:block}img{display:block}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #ffcf40b8}#root,.app-shell{width:100%;min-height:100vh}.app-main{width:100%}.app-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b16e6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:32px;width:100%;min-height:78px;padding:14px clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:max-content;display:flex}.brand-mark{color:#ffe477;background:radial-gradient(circle at 30% 25%,#ffdd598c,#0000 24%),linear-gradient(145deg,#1d2f82 0 46%,#a40f3c 46% 100%);border:2px solid #ffce37cc;border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;font-weight:950;display:grid;box-shadow:0 0 0 4px #ffc92d0f,0 10px 30px #00000047}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-copy strong{color:#fff;letter-spacing:.09em;font-size:15px;font-weight:950}.brand-copy span{color:#7f8aa9;font-size:12px;font-weight:700}.main-nav{justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-button{color:#7f89a5;letter-spacing:.06em;background:0 0;border:0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:900;transition:color .16s,background .16s,transform .16s;position:relative}.nav-button:hover{color:#fff;background:#ffffff0e}.nav-button:active{transform:scale(.97)}.nav-button.active{color:#ffe46d;background:#ffd23a17}.nav-button.active:after{content:"";background:linear-gradient(90deg,#f4c72f,#f5744b);border-radius:99px;height:2px;position:absolute;bottom:4px;left:16px;right:16px}.play-page{width:min(100% - 32px,980px);margin:0 auto;padding:clamp(28px,5vw,58px) 0 72px}.match-header{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:22px;margin-bottom:24px;display:grid}.match-main{background:radial-gradient(circle at 8% 20%,#2d4eb42e,#0000 36%),radial-gradient(circle at 92% 10%,#a30f3d29,#0000 34%),linear-gradient(145deg,#ffffff0b,#ffffff04),#0c1021eb;border:1px solid #ffffff16;border-radius:24px;min-width:0;padding:22px;box-shadow:inset 0 1px #ffffff09,0 18px 50px #0000002e}.eyebrow{color:#f3c934;letter-spacing:.16em;margin-bottom:14px;font-size:11px;font-weight:950;display:block}.match-clubs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.match-club{align-items:center;gap:14px;min-width:0;display:flex}.match-club.away{text-align:right;flex-direction:row-reverse}.match-club-crest{object-fit:contain;filter:drop-shadow(0 10px 18px #00000057);flex:0 0 78px;width:78px;max-width:78px;height:78px}.match-club-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.match-club-copy strong{color:#fff;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,3vw,30px);font-weight:950;line-height:1;overflow:hidden}.match-club-copy span{color:#818da9;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.match-versus{color:#f6d34c;letter-spacing:.08em;background:#ffd33613;border:1px solid #ffd3364d;border-radius:50%;place-items:center;width:46px;height:46px;font-size:11px;font-weight:950;display:grid}.match-kickoff{border-top:1px solid #ffffff12;align-items:center;gap:9px;margin-top:18px;padding-top:15px;display:flex}.match-kickoff-icon{color:#f5cf3f;border:1px solid #ffd3363d;border-radius:50%;place-items:center;width:26px;height:26px;font-size:16px;display:grid}.match-kickoff strong{color:#e7ebf5;letter-spacing:.075em;font-size:11px;font-weight:950}.match-kickoff>span:last-child{color:#717d99;margin-left:auto;font-size:10px;font-weight:750}.deadline{background:radial-gradient(circle at 50% 0,#f4d04b1c,#0000 44%),linear-gradient(145deg,#293c8426,#7d0e371a),#0c1021f2;border:1px solid #ffd3362e;border-radius:24px;flex-direction:column;justify-content:center;min-width:294px;padding:22px;display:flex;box-shadow:inset 0 1px #ffffff09,0 18px 50px #0000002b}.deadline-title{color:#f3cb3b;letter-spacing:.14em;margin-bottom:11px;font-size:10px;font-weight:950;display:block}.countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.countdown-unit{background:#ffffff08;border:1px solid #ffffff13;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:10px 5px;display:flex}.countdown-unit strong{color:#fff;font-variant-numeric:tabular-nums;font-size:21px;font-weight:950;line-height:1}.countdown-unit span{color:#77839e;letter-spacing:.08em;font-size:7px;font-weight:950}.deadline>small{color:#7e8aa5;letter-spacing:.08em;margin-top:11px;font-size:9px;font-weight:800}.deadline.closed{border-color:#eb446540}.deadline-closed{color:#ff8198;letter-spacing:.04em;font-size:18px;font-weight:950}.prediction-card{background:linear-gradient(145deg,#ffffff0e,#ffffff05),#0d1122eb;border:1px solid #ffffff16;border-radius:24px;margin-top:18px;padding:clamp(20px,4vw,30px);overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 18px 60px #0000002e}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading>div{align-items:center;gap:12px;display:flex}.step-number{color:#f6cf3b;background:#ffd33612;border:1px solid #ffd33652;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:950;display:grid}.section-heading h2{color:#fff;letter-spacing:-.025em;margin:0;font-size:clamp(18px,3vw,24px);font-weight:900}.status-pill,.lineup-counter{color:#98a3bf;letter-spacing:.08em;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;min-width:max-content;padding:7px 11px;font-size:10px;font-weight:900}.status-pill.completed{color:#76e3a9;background:#44d58917;border-color:#44d58952}.lineup-counter{color:#81aaff;background:#3474ef17;border-color:#4388ff47;font-size:12px}.lineup-counter.completed{color:#76e3a9;background:#44d58917;border-color:#44d58952}.section-help{color:#8791ac;margin:14px 0 0 46px;font-size:14px;line-height:1.55}.scoreboard{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:clamp(10px,4vw,28px);margin-top:28px;display:grid}.score-team{flex-direction:column;gap:12px;display:flex}.score-team:first-child{align-items:flex-end}.score-team:last-child{align-items:flex-start}.score-team-label{align-items:center;gap:8px;display:flex}.score-team:first-child .score-team-label{flex-direction:row-reverse}.score-team-label img{object-fit:contain;width:28px;height:28px}.score-team-label strong{color:#aab3ca;letter-spacing:.1em;font-size:12px;font-weight:950}.score-control{background:#090d1c;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:42px minmax(64px,90px) 42px;align-items:center;display:grid;overflow:hidden}.score-control button{color:#bec6d9;background:#ffffff09;border:0;height:54px;font-size:24px;font-weight:700;transition:background .16s,color .16s}.score-control button:hover{color:#ffe477;background:#ffd3361a}.score-control .score-value{color:#fff;font-variant-numeric:tabular-nums;background:0 0;border:0;place-items:center;height:54px;padding:0;font-size:30px;font-weight:950;display:grid}.score-control .score-value:hover{color:#ffe477;background:#ffd3360e}.score-separator{color:#5b6682;padding-bottom:8px;font-size:36px;font-weight:900}.lotto-heading{align-items:center}.lotto-heading-main{align-items:center;gap:14px;display:flex}.flick-avatar{object-fit:cover;object-position:center 18%;background:#fff;border:2px solid #ffd63f8c;border-radius:50%;flex:0 0 58px;width:58px;max-width:58px;height:58px;display:block;box-shadow:0 0 0 4px #ffd33612,0 10px 30px #00000047}.lotto-title-copy{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.lotto-title-copy h2{letter-spacing:-.035em;margin:0;font-size:clamp(22px,4vw,32px);font-weight:950}.formation-label{color:#f5d34b;letter-spacing:.11em;background:#ffd33612;border:1px solid #ffd33640;border-radius:999px;align-items:center;min-height:22px;padding:4px 8px;font-size:9px;font-weight:950;display:inline-flex}@keyframes vesPitchBreath{0%{transform:translateY(0);box-shadow:0 28px 80px #0f172ae6,inset 0 0 0 1px #e2e8f00f}50%{transform:translateY(-1px);box-shadow:0 34px 96px #0f172a,0 0 38px #22c55e33,inset 0 0 0 1px #e2e8f01f}to{transform:translateY(0);box-shadow:0 28px 80px #0f172ae6,inset 0 0 0 1px #e2e8f00f}}@keyframes vesPitchSweep{0%{opacity:0;transform:translate(-140%)rotate(10deg)}28%{opacity:.52}to{opacity:0;transform:translate(260%)rotate(10deg)}}.football-field{aspect-ratio:1.05;background:radial-gradient(circle at 18% 0,#bbf7d02e,#0000 38%),radial-gradient(circle at 82% 8%,#38bdf824,#0000 42%),repeating-linear-gradient(#0f766e40 0 28px,#052e2699 28px 56px),linear-gradient(#0f766e80 0%,#065f46e6 45%,#064e3b 100%);border:0;border-radius:32px;width:min(100%,820px);margin:28px auto 0;animation:6.5s ease-in-out infinite vesPitchBreath;position:relative;overflow:hidden;box-shadow:0 28px 80px #0f172ae6,inset 0 0 0 1px #e2e8f00f}.football-field:before{content:"";z-index:1;pointer-events:none;border:2px solid #e2e8f099;border-radius:26px;position:absolute;inset:24px;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 44px #02061757}.football-field:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffff14 42%,#bbf7d024 50%,#0000 62%);width:42%;animation:7.8s ease-in-out infinite vesPitchSweep;position:absolute;top:-18%;bottom:-18%;left:0}.field-line{z-index:3;pointer-events:none;background:#e2e8f080;position:absolute}.halfway-line{height:2px;top:50%;left:24px;right:24px;transform:translateY(-50%)}.field-circle{z-index:3;pointer-events:none;border:2px solid #e2e8f080;border-radius:999px;width:130px;height:130px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field-circle:after{content:"";background:#e2e8f0a6;border-radius:999px;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field-slots{z-index:5;position:absolute;inset:7% 8% 6%}.formation-433{grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:2%;display:grid}.formation-row{justify-content:center;align-items:center;width:100%;display:flex}.formation-forwards{justify-content:space-around;padding:0 10%}.formation-midfielders{justify-content:space-around;padding:0 14%}.formation-defenders{justify-content:space-between;padding:0 2%}.formation-goalkeeper{justify-content:center}.field-slot{color:#ffffffad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03160e42;border:2px dashed #ffffff73;border-radius:50%;place-items:center;width:clamp(62px,8.5vw,82px);height:clamp(62px,8.5vw,82px);padding:0;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:visible}.field-slot:hover{z-index:10;background:#ffd23521;border-color:#ffe05c;transform:scale(1.07)}.field-slot.occupied{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.field-slot.occupied:hover{box-shadow:none;background:0 0}.field-slot-plus{margin-top:-3px;font-size:28px;font-weight:300}.field-player-image{aspect-ratio:1;object-fit:cover;object-position:center 22%;-webkit-user-select:none;user-select:none;pointer-events:none;background:#f7ecd3;border:3px solid #f4d04b;border-radius:50%;width:100%;max-width:100%;height:100%;display:block;box-shadow:0 0 0 3px #080b16b3,0 8px 20px #00000061}.field-slot.occupied .field-player-image{filter:none;border:3px solid #ffd842d6;transform:none;box-shadow:0 0 0 4px #80113ce6,0 0 24px #a40f3c33,0 10px 26px #00000057}.field-slot.occupied:after{content:"";z-index:3;opacity:.88;pointer-events:none;background:linear-gradient(145deg,#ffffff57 0%,#ffffff1a 22%,#0000 43%),radial-gradient(circle at 28% 18%,#fff4c83d,#0000 29%),radial-gradient(circle at 72% 82%,#710d3326,#0000 45%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 1px #fff3,inset -10px -14px 24px #3f061a24}.field-player-name{z-index:12;color:#fff;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#050a16e0;border:1px solid #ffffff21;border-radius:999px;max-width:105px;padding:3px 7px;font-size:9px;font-weight:900;line-height:1.2;position:absolute;top:calc(100% + 4px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 12px #0003}.field-slot.protagonist{z-index:15}.field-slot.protagonist .field-player-image{filter:none;border:3px solid #ffd842d6;transform:none;box-shadow:0 0 0 4px #80113ce6,0 0 24px #a40f3c33,0 10px 26px #00000057}.protagonist-star{z-index:25;color:#161004;pointer-events:none;background:radial-gradient(circle at 35% 25%,#fff4a4 0%,#f3cf40 45%,#d99d16 100%);border:3px solid #091020;border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;font-weight:950;display:grid;position:absolute;top:-13px;right:-10px;box-shadow:0 6px 18px #00000073,0 0 18px #f4d04b8c}.player-tray{margin-top:28px}.player-tray-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.player-tray-header strong{color:#c7cede;letter-spacing:.11em;font-size:11px}.player-tray-header span{color:#6f7a98;font-size:12px;font-weight:700}.player-badges{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 12px;width:100%;padding:8px 2px 12px;display:grid}.player-badge{color:#dce1ed;text-align:center;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;width:100%;min-width:0;padding:0;font-size:10px;font-weight:850;transition:transform .16s,opacity .16s,filter .16s;display:flex;position:relative}.player-badge:hover{background:0 0;transform:translateY(-4px)scale(1.03)}.player-badge>img.player-badge-avatar{z-index:1;aspect-ratio:1;object-fit:cover;object-position:center 22%;-webkit-user-select:none;user-select:none;pointer-events:none;background:#f7ecd3;border:3px solid #ffd842d6;border-radius:50%;flex:none;width:clamp(68px,8vw,92px);max-width:92px;height:clamp(68px,8vw,92px);max-height:92px;transition:border-color .18s,box-shadow .18s,filter .18s,transform .18s;display:block;position:relative;box-shadow:0 0 0 4px #80113ce6,0 0 24px #a40f3c33,0 10px 26px #00000057}.player-badge>span{color:#cbd2e3;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:120px;font-size:10px;font-weight:850;line-height:1.2;display:block;overflow:hidden}.player-badge:before{content:"";z-index:2;aspect-ratio:1;opacity:.88;pointer-events:none;background:linear-gradient(145deg,#ffffff57 0%,#ffffff1a 22%,#0000 43%),radial-gradient(circle at 28% 18%,#fff4c83d,#0000 29%),radial-gradient(circle at 72% 82%,#710d3326,#0000 45%);border-radius:50%;width:clamp(68px,8vw,92px);transition:opacity .18s,background .18s,box-shadow .18s;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff3,inset -10px -14px 24px #3f061a24}.player-badge:hover:before{opacity:1}.player-badge.selected{opacity:1;filter:none}.player-badge.selected>img.player-badge-avatar{filter:sepia(.5)saturate(.88)brightness(.7)contrast(1.12);border-color:#daab37f5;box-shadow:0 0 0 4px #700d30f0,0 0 0 7px #c9972e38,0 0 28px #c9972e57,0 10px 26px #0000006b}.player-badge.selected:before{opacity:1;background:radial-gradient(circle at 27% 18%,#ffe89d61,#0000 27%),linear-gradient(145deg,#6f460814 0%,#4a2b0261 48%,#140c02c2 100%),radial-gradient(circle at 76% 82%,#cf9d2b33,#0000 42%);box-shadow:inset 0 1px #fff1be3d,inset 0 -18px 30px #00000080,inset -12px -14px 26px #4423005c}.player-badge.selected:after{content:"✓";color:#171204;background:#f3cf40;border:2px solid #091020;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:950;display:grid;position:absolute;top:2px;right:12%}.protagonist-showcase{background:radial-gradient(circle at 8%,#385fc81f,#0000 34%),linear-gradient(135deg,#ffffff0b,#ffffff05),#090d1db8;border:1px solid #ffffff16;border-radius:22px;align-items:center;gap:22px;min-height:150px;margin-top:24px;padding:22px 24px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 14px 40px #00000026}.protagonist-showcase:after{content:"";pointer-events:none;background:radial-gradient(circle,#f4d04b1c,#0000 68%);border-radius:50%;width:280px;height:280px;position:absolute;top:-80%;right:-10%}.protagonist-showcase.selected{background:radial-gradient(circle at 8%,#f4d04b1c,#0000 34%),radial-gradient(circle at 92% 20%,#a40f3c1f,#0000 34%),linear-gradient(135deg,#1d2f822e,#80113c1a),#090d1dd6;border-color:#f4d04b42;box-shadow:inset 0 1px #ffffff0a,0 18px 48px #0003,0 0 34px #f4d04b0e}.protagonist-image-wrap{z-index:2;flex:0 0 108px;width:108px;height:108px;position:relative}.protagonist-showcase-image{aspect-ratio:1;object-fit:cover;object-position:center 22%;background:#f7ecd3;border:4px solid #f4d04b;border-radius:50%;width:108px;max-width:108px;height:108px;display:block;box-shadow:0 0 0 4px #192d78d1,0 12px 34px #0006}.protagonist-showcase-star{z-index:4;color:#171104;background:linear-gradient(135deg,#fff19a,#f3c927 65%,#df9917);border:3px solid #091020;border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;font-weight:950;display:grid;position:absolute;top:-6px;right:-7px;box-shadow:0 5px 16px #0006,0 0 16px #f4d04b73}.protagonist-empty-icon{z-index:2;color:#626d89;background:#ffffff06;border:2px dashed #ffffff30;border-radius:50%;flex:0 0 88px;place-items:center;width:88px;height:88px;font-size:32px;display:grid;position:relative;box-shadow:inset 0 0 24px #ffffff05}.protagonist-showcase-copy{z-index:2;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex;position:relative}.protagonist-kicker{color:#f0c936;letter-spacing:.14em;font-size:9px;font-weight:950}.protagonist-showcase-copy strong{color:#fff;letter-spacing:-.035em;font-size:clamp(22px,4vw,34px);font-weight:950;line-height:1}.protagonist-showcase-copy small{color:#8792ae;max-width:520px;font-size:12px;font-weight:650;line-height:1.5}.protagonist-rule{background:#f4d04b0e;border:1px solid #f4d04b30;border-radius:999px;align-items:center;gap:9px;margin-top:2px;padding:7px 11px;display:inline-flex}.protagonist-rule-option{color:#f8e287;letter-spacing:.055em;font-size:10px;font-weight:950}.protagonist-rule-or{color:#6e7996;letter-spacing:.1em;font-size:8px;font-weight:950}.confirm-section{background:linear-gradient(135deg,#2a428f29,#8f0f3e1a),#0d1122;border:1px solid #ffd33626;border-radius:22px;margin-top:22px;padding:20px}.prediction-summary{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;margin-bottom:15px;display:flex}.prediction-summary span{color:#9ca6c0;letter-spacing:.055em;font-size:11px;font-weight:900}.confirm-info-button{flex:0 0 24px;width:24px;height:24px;margin-left:-8px;font-size:13px}.confirm-info-panel{background:linear-gradient(135deg,#283e8b29,#84103d1c),#080c1bd6;border:1px solid #ffd3362e;border-radius:15px;margin:-2px 0 15px;padding:15px;box-shadow:inset 0 1px #ffffff08}.confirm-info-title{color:#f5d34f;letter-spacing:.12em;margin-bottom:8px;font-size:10px;font-weight:950;display:block}.confirm-info-intro{color:#aeb8cf;margin:0;font-size:12px;font-weight:650;line-height:1.55}.confirm-info-intro strong{color:#fff;font-weight:900}.confirm-info-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.confirm-info-option{background:#ffffff06;border:1px solid #5f79c22e;border-radius:12px;min-width:0;padding:10px 11px}.confirm-info-option.featured{background:#ffd3360f;border-color:#ffd33647}.confirm-info-option strong{color:#f4f6ff;letter-spacing:.055em;margin-bottom:4px;font-size:10px;font-weight:950;display:block}.confirm-info-option.featured strong{color:#f5d34f}.confirm-info-option span{color:#8995b3;font-size:10px;font-weight:700;line-height:1.4;display:block}@media (width<=620px){.confirm-info-button{margin-left:0}.confirm-info-options{grid-template-columns:1fr}}.confirm-button{color:#191406;letter-spacing:.075em;background:linear-gradient(110deg,#efc52f 0%,#ffde63 55%,#f7aa38 100%);border:0;border-radius:16px;width:100%;min-height:58px;font-size:14px;font-weight:950;transition:transform .16s,box-shadow .16s;box-shadow:0 12px 34px #ffc1232e,inset 0 1px #ffffff80}.confirm-button:hover{transform:translateY(-2px);box-shadow:0 16px 42px #ffc12342,inset 0 1px #ffffff80}.confirm-button:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.55);transform:none;box-shadow:0 8px 22px #0000002e,inset 0 1px #ffffff3d}.confirm-button:disabled:hover{transform:none}.placeholder-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100% - 32px,820px);min-height:calc(100vh - 79px);margin:0 auto;padding:64px 0;display:flex}.placeholder-page h1{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(44px,9vw,88px);font-weight:950}.placeholder-page p{color:#8c96b1;max-width:520px;margin:18px auto 0;font-size:16px;line-height:1.6}@media (width<=760px){.app-header{align-items:center;gap:12px;min-height:68px;padding:10px 14px;position:sticky;top:0}.brand-copy span{display:none}.brand-copy strong{font-size:12px}.brand-mark{flex:0 0 40px;width:40px;height:40px;font-size:18px}.main-nav{gap:2px}.nav-button{letter-spacing:.035em;padding:9px 8px;font-size:10px}.nav-button.active:after{left:8px;right:8px}.play-page{width:min(100% - 24px,980px);padding-top:28px;padding-bottom:100px}.match-header{align-items:flex-start;gap:14px}.match-header h1{font-size:clamp(29px,9vw,42px)}.deadline strong{font-size:17px}.prediction-card{border-radius:19px;padding:18px 15px}.section-heading{align-items:flex-start}.section-heading>div{gap:9px}.step-number{flex-basis:30px;width:30px;height:30px}.section-heading h2{font-size:17px}.section-help{margin-left:39px;font-size:13px}.scoreboard{gap:7px;margin-top:22px}.score-control{border-radius:13px;grid-template-columns:34px 48px 34px}.score-control button{height:48px}.score-control .score-value{height:48px;font-size:25px}.score-separator{font-size:26px}.lotto-heading-main{gap:9px}.flick-avatar{flex-basis:46px;width:46px;max-width:46px;height:46px}.lotto-title-copy{gap:3px}.lotto-title-copy h2{font-size:19px}.formation-label{min-height:18px;padding:3px 6px;font-size:8px}.football-field{aspect-ratio:.82;border-radius:26px;width:100%;margin-top:22px}.football-field:before{border-radius:21px;inset:14px}.halfway-line{left:14px;right:14px}.field-circle{width:78px;height:78px}.field-slots{inset:5% 5% 4%}.formation-433{gap:1%}.formation-forwards{padding:0 7%}.formation-midfielders{padding:0 10%}.formation-defenders{padding:0}.field-slot{width:clamp(48px,14vw,62px);height:clamp(48px,14vw,62px)}.field-slot-plus{font-size:22px}.field-player-name{max-width:72px;padding:2px 5px;font-size:7px;top:calc(100% + 3px)}.protagonist-star{border-width:2px;width:28px;height:28px;font-size:14px;top:-9px;right:-7px}.player-badges{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 7px}.player-badge>img.player-badge-avatar{width:clamp(58px,17vw,76px);max-width:76px;height:clamp(58px,17vw,76px);max-height:76px}.player-badge:before{width:clamp(58px,17vw,76px)}.player-badge>span{font-size:8px}.player-badge.selected:after{right:8%}.protagonist-showcase{border-radius:19px;gap:15px;min-height:122px;padding:16px}.protagonist-image-wrap{flex-basis:82px;width:82px;height:82px}.protagonist-showcase-image{width:82px;max-width:82px;height:82px}.protagonist-showcase-star{border-width:2px;width:28px;height:28px;font-size:14px}.protagonist-empty-icon{flex-basis:70px;width:70px;height:70px;font-size:26px}.protagonist-showcase-copy strong{font-size:20px}.protagonist-showcase-copy small{font-size:10px}.protagonist-rule{gap:6px;padding:6px 8px}.protagonist-rule-option{font-size:8px}.prediction-summary{justify-content:flex-start;gap:8px 14px}.confirm-section{border-radius:19px;padding:15px;position:relative}}@media (width<=430px){.brand-copy{display:none}.main-nav{flex:1;justify-content:flex-end}.match-header{grid-template-columns:minmax(0,1fr) auto;display:grid}.deadline{padding-top:2px}.score-team>strong{font-size:10px}.score-control{grid-template-columns:30px 42px 30px}.score-control button{height:44px}.score-control .score-value{height:44px;font-size:23px}.status-pill,.lineup-counter{padding:6px 8px;font-size:9px}.lotto-heading{gap:8px}.lotto-heading-main{gap:7px}.flick-avatar{flex-basis:42px;width:42px;max-width:42px;height:42px}.lotto-title-copy h2{font-size:17px}.football-field{aspect-ratio:.76}.field-slots{inset:5% 3% 4%}.field-slot{width:clamp(44px,14vw,56px);height:clamp(44px,14vw,56px)}.player-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.player-badge>img.player-badge-avatar{width:clamp(66px,22vw,82px);max-width:82px;height:clamp(66px,22vw,82px);max-height:82px}.player-badge:before{width:clamp(66px,22vw,82px)}.player-badge>span{font-size:9px}.protagonist-showcase{align-items:center;gap:12px;padding:14px 12px}.protagonist-image-wrap{flex-basis:72px;width:72px;height:72px}.protagonist-showcase-image{width:72px;max-width:72px;height:72px}.protagonist-empty-icon{flex-basis:62px;width:62px;height:62px}.protagonist-kicker{font-size:7px}.protagonist-showcase-copy strong{font-size:17px}.protagonist-rule{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.football-field,.football-field:after{animation:none}.football-field,.football-field:after{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.protagonist-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin-top:24px;display:grid}.protagonist-type-button{color:#fff;text-align:left;background:radial-gradient(circle at 10%,#3658b924,#0000 36%),linear-gradient(135deg,#ffffff0e,#ffffff05),#0c1122;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:15px;width:100%;min-height:82px;padding:15px 18px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 10px 28px #00000029}.protagonist-type-button:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff12 50%,#0000 80%);transition:opacity .16s;position:absolute;inset:0}.protagonist-type-button:hover{border-color:#f4d04b4d;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0a,0 14px 34px #0000003b}.protagonist-type-button:hover:after{opacity:1}.protagonist-type-button.active{background:radial-gradient(circle at 10%,#f4d04b36,#0000 38%),radial-gradient(circle at 90% 10%,#2d4eb42b,#0000 35%),linear-gradient(135deg,#1a308447,#80113c1f),#0c1122;border-color:#f4d04b9e;box-shadow:0 0 0 3px #f4d04b12,0 0 28px #f4d04b14,0 14px 34px #00000042}.protagonist-type-button.active.assist{background:radial-gradient(circle at 10%,#e5265433,#0000 38%),radial-gradient(circle at 90% 10%,#2d4eb429,#0000 35%),linear-gradient(135deg,#24347e38,#910d3938),#0c1122;border-color:#e526549e;box-shadow:0 0 0 3px #e526540f,0 0 28px #e5265414,0 14px 34px #00000042}.protagonist-type-icon{background:radial-gradient(circle at 35% 25%,#fff4a433,#0000 30%),#f4d04b17;border:1px solid #f4d04b40;border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:24px;display:grid;box-shadow:inset 0 1px #ffffff14}.protagonist-type-icon.assist-icon{color:#fff;background:linear-gradient(135deg,#ed2856,#b80c43);border-color:#ffffff24;font-size:21px;font-weight:950;box-shadow:0 8px 20px #b40c3f42,inset 0 1px #ffffff29}.protagonist-type-button>span:last-child{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.protagonist-type-button strong{color:#fff;letter-spacing:.055em;font-size:14px;font-weight:950}.protagonist-type-button small{color:#8792ae;font-size:11px;font-weight:700}.protagonist-picker{background:radial-gradient(circle at 0%,#2a46a129,#0000 38%),linear-gradient(135deg,#ffffff09,#ffffff03),#090e1d;border:1px solid #f4d04b2b;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:center;gap:22px;width:100%;margin-top:14px;padding:17px 18px;display:grid;box-shadow:inset 0 1px #ffffff06,0 12px 30px #00000026}.protagonist-picker-copy{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.protagonist-picker-copy span{color:#f0ca39;letter-spacing:.14em;font-size:9px;font-weight:950}.protagonist-picker-copy strong{color:#fff;letter-spacing:-.015em;font-size:16px;font-weight:900}.protagonist-picker select{appearance:auto;color:#fff;cursor:pointer;background:#10172a;border:1px solid #ffffff21;border-radius:14px;outline:none;width:100%;height:52px;padding:0 44px 0 16px;font-size:13px;font-weight:850;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffff06,0 8px 20px #0000002b}.protagonist-picker select:hover{background:#121a30;border-color:#f4d04b6b}.protagonist-picker select:focus{border-color:#f4d04b;box-shadow:0 0 0 3px #f4d04b1c,0 8px 22px #0003}.protagonist-picker select:disabled{color:#626d88;cursor:not-allowed;opacity:1;background:#ffffff09;border-color:#ffffff0f}.protagonist-picker select option{color:#fff;background:#10172a}@media (width<=760px){.protagonist-type-tabs{gap:10px}.protagonist-type-button{gap:10px;min-height:72px;padding:12px}.protagonist-type-icon{flex:0 0 42px;width:42px;height:42px;font-size:19px}.protagonist-type-icon.assist-icon{font-size:17px}.protagonist-type-button strong{font-size:11px}.protagonist-type-button small{font-size:9px}.protagonist-picker{grid-template-columns:1fr;gap:12px;padding:14px}}@media (width<=430px){.protagonist-type-tabs{gap:8px}.protagonist-type-button{flex-direction:column;align-items:flex-start;min-height:82px;padding:11px 9px}.protagonist-type-icon{flex-basis:38px;width:38px;height:38px}.protagonist-picker-copy strong{font-size:14px}.protagonist-picker select{height:48px;font-size:12px}}.protagonist-combined-rule{background:radial-gradient(circle at 7%,#f4d04b2e,#0000 31%),radial-gradient(circle at 92% 12%,#b112412e,#0000 36%),linear-gradient(135deg,#1d308447,#81103c29),#0c1122;border:1px solid #f4d04b4d;border-radius:19px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;margin-top:24px;padding:18px 20px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 14px 36px #00000038,0 0 28px #f4d04b0e}.protagonist-combined-icons{align-items:center;gap:7px;display:flex}.protagonist-combined-icon{border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.protagonist-combined-icon.goal{background:#f4d04b1a;border:1px solid #f4d04b59;font-size:23px;box-shadow:inset 0 1px #ffffff14}.protagonist-combined-icon.assist{color:#fff;background:linear-gradient(135deg,#ed2856,#ad093d);border:1px solid #ffffff29;font-size:20px;font-weight:950;box-shadow:0 8px 20px #b40c3f47,inset 0 1px #ffffff2e}.protagonist-combined-or{color:#f2d65f;letter-spacing:.08em;place-items:center;min-width:22px;font-size:12px;font-weight:950;display:grid}.protagonist-combined-copy{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.protagonist-combined-copy>span{color:#f0ca39;letter-spacing:.14em;font-size:9px;font-weight:950}.protagonist-combined-copy>strong{color:#fff;letter-spacing:-.02em;font-size:clamp(17px,3vw,23px);font-weight:950}.protagonist-combined-copy>small{color:#909ab4;max-width:520px;font-size:11px;font-weight:680;line-height:1.45}.protagonist-binary-pill{color:#bbc3d7;letter-spacing:.09em;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;min-width:max-content;padding:8px 11px;font-size:9px;font-weight:950}.protagonist-picker-copy small{color:#77839f;font-size:10px;font-weight:700}.protagonist-group-chip{border:1px solid;border-radius:999px;align-items:center;gap:9px;margin-top:2px;padding:7px 10px;display:inline-flex}.protagonist-group-chip>span{letter-spacing:.095em;font-size:9px;font-weight:950}.protagonist-group-chip>small{color:inherit;opacity:.76;font-size:9px;font-weight:800}.protagonist-group-chip.group-special{color:#ffe271;background:#ffcf311a;border-color:#ffd8497a}.protagonist-group-chip.group-a{color:#78e5ad;background:#48dc9117;border-color:#48dc9166}.protagonist-group-chip.group-b{color:#f5ce59;background:#f6c43717;border-color:#f6c43766}.protagonist-group-chip.group-c{color:#8bb4ff;background:#5291ff17;border-color:#5291ff6b}.protagonist-group-chip.group-d{color:#ff839b;background:#ee436617;border-color:#ee43666e}.protagonist-group-chip.group-e{color:#dce2ef;background:#dae0ed11;border-color:#dae0ed4d}.protagonist-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(100%,440px);margin-top:5px;display:grid}.protagonist-score-box{border:1px solid;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:70px;padding:10px 12px;display:flex}.protagonist-score-box>span{letter-spacing:.075em;font-size:8px;font-weight:950}.protagonist-score-box>strong{letter-spacing:-.04em;font-size:27px;font-weight:950;line-height:1}.protagonist-score-box.hit{color:#72e3a8;background:#43da8913;border-color:#43da894d}.protagonist-score-box.miss{color:#ff8097;background:#ee476512;border-color:#ee476547}.protagonist-single-score-note{margin-top:2px}@media (width<=760px){.protagonist-combined-rule{grid-template-columns:auto minmax(0,1fr);gap:13px;padding:15px}.protagonist-binary-pill{grid-column:1/-1;justify-self:flex-start}.protagonist-combined-icon{flex-basis:40px;width:40px;height:40px}.protagonist-combined-icon.goal{font-size:19px}.protagonist-combined-icon.assist{font-size:17px}}@media (width<=430px){.protagonist-combined-rule{grid-template-columns:1fr}.protagonist-combined-icons{justify-content:flex-start}.protagonist-binary-pill{grid-column:auto}.protagonist-score-grid{grid-template-columns:1fr}.protagonist-score-box{min-height:60px}.protagonist-score-box>strong{font-size:24px}}.section-info-button{color:#f6cf3b;background:#ffd33612;border:1px solid #ffd33652;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;font-family:Georgia,serif;font-size:15px;font-weight:900;line-height:1;transition:transform .16s,border-color .16s,background .16s,color .16s;display:grid;box-shadow:inset 0 1px #ffffff0a}.section-info-button:hover,.section-info-button[aria-expanded=true]{color:#fff0a1;background:#ffd33626;border-color:#ffde63b8;transform:translateY(-1px)}.section-info-panel{color:#aeb8cf;background:linear-gradient(135deg,#2a46a121,#ffffff05),#080d1db8;border:1px solid #5d8bff33;border-radius:14px;margin:15px 0 0 46px;padding:13px 15px;font-size:12px;font-weight:650;line-height:1.55;box-shadow:inset 0 1px #ffffff06}@media (width<=760px){.section-info-button{flex-basis:26px;width:26px;height:26px;font-size:14px}.section-info-panel{margin-left:39px;padding:12px 13px;font-size:11px}}@media (width<=430px){.lotto-heading-main .section-info-button{margin-left:auto}.section-info-panel{margin-left:0}}.section-info-title{color:#f4d04b;letter-spacing:.12em;margin-bottom:11px;font-size:10px;font-weight:950;display:block}.section-info-points-list,.section-info-protagonist-grid{grid-template-columns:1fr;gap:7px;display:grid}.section-info-xi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.section-info-points-row{background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;min-height:38px;padding:8px 10px;display:flex}.section-info-points-row>span{color:#aeb8cf;font-size:11px;font-weight:750}.section-info-points-row>strong{color:#76e3a9;font-variant-numeric:tabular-nums;min-width:max-content;font-size:13px;font-weight:950}.section-info-points-row.featured{background:#f4d04b12;border-color:#f4d04b40}.section-info-points-row.featured>span,.section-info-points-row.featured>strong{color:#f8df78}.section-info-points-row.neutral>strong{color:#aeb8cf}.section-info-points-row.negative>strong{color:#ff8097}.section-info-points-row.troll{background:#924ade14;border-color:#b874ff47}.section-info-points-row.troll>span,.section-info-points-row.troll>strong{color:#d9a9ff}.section-info-points-row.special{background:#f4d04b12;border-color:#f4d04b40}.section-info-points-row.special>span,.section-info-points-row.special>strong{color:#f8df78}.section-info-note{color:#7f8ba7;margin-top:11px;font-size:10px;font-weight:650;line-height:1.5;display:block}@media (width<=600px){.section-info-xi-grid{grid-template-columns:1fr}}.section-info-protagonist-grid .section-info-points-row{align-items:flex-start}.section-info-protagonist-grid .section-info-points-row>span{max-width:78%;line-height:1.45}@media (width<=760px){.match-header{grid-template-columns:1fr}.deadline{min-width:0}.match-club-crest{flex-basis:62px;width:62px;max-width:62px;height:62px}.match-clubs{gap:10px}.match-club{gap:9px}.match-versus{width:38px;height:38px}.match-kickoff{flex-wrap:wrap;align-items:flex-start}.match-kickoff>span:last-child{width:100%;margin-left:35px}}@media (width<=430px){.match-main,.deadline{border-radius:19px;padding:16px 14px}.match-club-crest{flex-basis:48px;width:48px;max-width:48px;height:48px}.match-club-copy strong{white-space:normal;font-size:14px}.match-club-copy span{font-size:8px}.match-versus{width:32px;height:32px;font-size:9px}.match-kickoff strong{max-width:calc(100% - 40px);line-height:1.45}.countdown-unit strong{font-size:18px}.section-info-protagonist-grid .section-info-points-row{flex-direction:column;gap:5px}.section-info-protagonist-grid .section-info-points-row>span{max-width:100%}}.field-slot.player-selected .field-player-image,.player-badge.pending-selection>img.player-badge-avatar{box-shadow:0 0 0 4px #80113ce6,0 0 0 7px #ffd84257,0 0 28px #f4d04b57,0 10px 26px #00000057}.ranking-page{width:min(100% - 32px,1120px);margin:0 auto;padding:clamp(28px,5vw,58px) 0 86px}.ranking-hero{background:radial-gradient(circle at 8% 10%,#2c4db440,#0000 38%),radial-gradient(circle at 92% 10%,#970f3b3d,#0000 38%),linear-gradient(145deg,#ffffff0d,#ffffff04),#0b1020;border:1px solid #ffd33629;border-radius:28px;padding:clamp(22px,4vw,34px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 24px 70px #00000047}.ranking-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#f4d04b1f,#0000 68%);border-radius:50%;width:340px;height:340px;position:absolute;top:-140px;right:-90px}.ranking-hero-top{z-index:2;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:relative}.ranking-kicker{color:#f3cc43;letter-spacing:.16em;margin-bottom:10px;font-size:10px;font-weight:950;display:block}.ranking-hero h1{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(38px,7vw,72px);font-weight:950;line-height:.92}.ranking-hero p{color:#929db7;max-width:610px;margin:14px 0 0;font-size:14px;font-weight:650;line-height:1.55}.ranking-x-origin{z-index:2;color:#aeb7cb;letter-spacing:.09em;background:#03071180;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;min-width:max-content;padding:8px 12px;font-size:9px;font-weight:950;display:inline-flex;position:relative}.ranking-x-origin strong{color:#fff;font-size:14px}.ranking-current-user{z-index:2;color:#fff;text-align:left;background:linear-gradient(105deg,#f4d04b1c,#2a439b1f),#050a17c2;border:1px solid #f4d04b4d;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;width:100%;margin-top:25px;padding:14px 16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:inset 4px 0 #f4d04bdb,0 14px 34px #0003}.ranking-current-user:hover{border-color:#f4d04b94;transform:translateY(-2px);box-shadow:inset 4px 0 #f4d04b,0 18px 42px #00000047,0 0 24px #f4d04b14}.ranking-avatar{color:#fff2a0;background:radial-gradient(circle at 32% 20%,#ffe36c61,#0000 35%),linear-gradient(145deg,#233d99,#8d123f);border:2px solid #f4d04bb8;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:12px;font-weight:950;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 3px #80113cbf,0 8px 20px #00000052}.ranking-avatar-large{flex-basis:58px;width:58px;height:58px;font-size:15px}.ranking-avatar-hero{border-width:4px;flex-basis:112px;width:112px;height:112px;font-size:24px;box-shadow:0 0 0 5px #80113cd6,0 18px 40px #0006}.ranking-avatar img{object-fit:cover;width:100%;height:100%}.ranking-current-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.ranking-current-copy small,.ranking-current-stat small{color:#7f8ba5;letter-spacing:.12em;font-size:8px;font-weight:950}.ranking-current-copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:950;overflow:hidden}.ranking-current-copy>span{color:#9da7bd;font-size:11px;font-weight:750}.ranking-current-stat{border-left:1px solid #ffffff14;flex-direction:column;align-items:center;gap:3px;min-width:72px;padding-left:16px;display:flex}.ranking-current-stat strong{color:#fff;font-variant-numeric:tabular-nums;font-size:20px;font-weight:950}.ranking-current-stat.points strong{color:#f7d85a}.ranking-tabs{background:#090d1ce6;border:1px solid #ffffff1a;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,520px);margin:22px auto 18px;padding:5px;display:grid;box-shadow:0 14px 34px #00000040}.ranking-tab{color:#7f8ba5;letter-spacing:.11em;background:0 0;border:0;border-radius:999px;min-height:42px;font-size:11px;font-weight:950;transition:background .16s,color .16s,box-shadow .16s,transform .16s}.ranking-tab:hover{color:#fff}.ranking-tab.active{color:#171205;background:linear-gradient(110deg,#f0c735,#f5df68);box-shadow:0 10px 24px #f4d04b2e}.ranking-board{background:#080c19ed;border:1px solid #ffffff17;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #00000045}.ranking-board-heading{background:radial-gradient(circle at 0 0,#2a46a12b,#0000 42%),radial-gradient(circle at 100% 0,#8f0f3e24,#0000 38%);border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.ranking-board-heading>div{flex-direction:column;gap:4px;display:flex}.ranking-board-heading span{color:#fff;letter-spacing:.055em;font-size:14px;font-weight:950}.ranking-board-heading strong{color:#7f8ba5;font-size:10px;font-weight:750}.ranking-board-heading small{color:#f1ce49;letter-spacing:.1em;font-size:9px;font-weight:950}.ranking-table-head,.ranking-row{grid-template-columns:58px minmax(220px,1fr) 100px 88px 128px 88px;align-items:center;gap:8px;display:grid}.ranking-table-head{color:#69758f;letter-spacing:.1em;background:#ffffff06;border-bottom:1px solid #ffffff12;min-height:42px;padding:0 18px;font-size:9px;font-weight:950}.ranking-table-head span:not(:nth-child(2)){text-align:center}.ranking-row{background:#ffffff03;border-bottom:1px solid #ffffff0e;min-height:70px;padding:9px 18px;transition:transform .15s,background .15s,box-shadow .15s;position:relative}.ranking-row:nth-child(2n){background:#ffffff06}.ranking-row:hover{z-index:2;background:#ffffff0c;transform:translate(3px);box-shadow:inset 3px 0 #f4d04b8c}.ranking-row.podium{background:linear-gradient(90deg,#f4d04b13,#ffffff04)}.ranking-row.current-user{background:linear-gradient(90deg,#80113c47,#243e9633);box-shadow:inset 4px 0 #f4d04bf2,inset 0 0 0 1px #f4d04b21}.ranking-position{color:#9aa5bc;font-variant-numeric:tabular-nums;place-items:center;font-size:13px;font-weight:950;display:grid}.ranking-medal{font-size:22px}.ranking-identity{min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.ranking-identity:hover{background:0 0}.ranking-identity-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.ranking-identity-copy>strong{color:#edf0f7;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:900;display:flex;overflow:hidden}.ranking-identity-copy>small{color:#76829d;align-items:center;gap:5px;font-size:10px;font-weight:750;display:flex}.ranking-identity-copy>small span{color:#b8c1d3}.ranking-you-badge{color:#f6d85e;letter-spacing:.08em;background:#f4d04b1a;border:1px solid #f4d04b59;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:950}.ranking-breakdown{color:#bac3d5;font-variant-numeric:tabular-nums;border:1px solid #fff1;border-radius:10px;place-items:center;min-height:32px;font-size:12px;font-weight:850;display:grid}.ranking-breakdown.result{color:#99b6ff;background:#4476ee13}.ranking-breakdown.xi{color:#82dfad;background:#42d38b11}.ranking-breakdown.protagonist{color:#ff9bb0;background:#9f1e5018}.ranking-total{color:#f7d85a;font-variant-numeric:tabular-nums;background:linear-gradient(145deg,#f4d04b26,#f4d04b0a);border:1px solid #f4d04b4d;border-radius:12px;place-items:center;min-height:38px;font-size:15px;font-weight:950;display:grid}.ranking-load-more{flex-direction:column;align-items:center;gap:9px;padding:22px 18px 24px;display:flex}.ranking-load-more button{color:#f5d65a;letter-spacing:.1em;background:#f4d04b13;border:1px solid #f4d04b4d;border-radius:999px;min-width:220px;min-height:44px;padding:0 18px;font-size:10px;font-weight:950;transition:transform .16s,background .16s,border-color .16s}.ranking-load-more button:hover{background:#f4d04b21;border-color:#f4d04b99;transform:translateY(-2px)}.ranking-load-more small,.ranking-load-more>span{color:#69758f;letter-spacing:.06em;font-size:9px;font-weight:800}.profile-page{width:min(100% - 32px,1120px);margin:0 auto;padding:clamp(28px,5vw,58px) 0 90px}.profile-hero{background:radial-gradient(circle at 6% 10%,#2648ae4d,#0000 38%),radial-gradient(circle at 92% 4%,#910f3d4d,#0000 38%),linear-gradient(145deg,#ffffff0d,#ffffff04),#0a0f20;border:1px solid #f4d04b33;border-radius:30px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:clamp(22px,4vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 26px 76px #00000052}.profile-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#f4d04b21,#0000 68%);border-radius:50%;width:360px;height:360px;position:absolute;top:-160px;right:-100px}.profile-hero.public-profile{border-color:#7099ff33}.profile-identity-block{z-index:2;align-items:center;gap:22px;min-width:0;display:flex;position:relative}.ranking-avatar-profile{border-width:4px;flex-basis:118px;width:118px;height:118px;font-size:25px;box-shadow:0 0 0 5px #80113ce0,0 18px 44px #00000075,0 0 34px #f4d04b1a}.profile-identity-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.profile-kicker{color:#f1cd46;letter-spacing:.15em;font-size:9px;font-weight:950}.profile-identity-copy h1{color:#fff;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:8px 0 0;font-size:clamp(30px,5vw,54px);font-weight:950;line-height:.96;overflow:hidden}.profile-x-handle{color:#9ba6bc;align-items:center;gap:7px;margin-top:10px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.profile-x-handle:hover,.profile-x-handle>span{color:#fff}.profile-identity-badges{flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;display:flex}.profile-identity-badges span{color:#8d98b0;letter-spacing:.09em;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:950}.profile-hero-stats{z-index:2;grid-template-columns:repeat(2,minmax(94px,1fr));gap:10px;display:grid;position:relative}.profile-hero-stats>div{background:#0308148a;border:1px solid #ffffff17;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:88px;padding:13px;display:flex}.profile-hero-stats span{color:#75809a;letter-spacing:.1em;text-align:center;font-size:7px;font-weight:950}.profile-hero-stats strong{color:#fff;font-variant-numeric:tabular-nums;margin-top:5px;font-size:26px;font-weight:950;line-height:1}.profile-hero-stats .gold{background:#f4d04b12;border-color:#f4d04b47}.profile-hero-stats .gold strong{color:#f6d65b}.profile-hero-actions{z-index:2;flex-direction:column;gap:9px;min-width:136px;display:flex;position:relative}.profile-action-button{color:#dce2ee;letter-spacing:.08em;background:#060a16b8;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:9px;font-weight:950;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.profile-action-button:hover{background:#f4d04b12;border-color:#f4d04b73;transform:translateY(-1px)}.profile-action-button.x{border-color:#ffffff2e}.profile-action-button.back{border-color:#80113c59}.profile-tabs{background:#090d1ceb;border:1px solid #ffffff1a;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(100%,660px);margin:22px auto 18px;padding:5px;display:grid;box-shadow:0 14px 34px #00000040}.profile-tab{color:#7d88a2;letter-spacing:.1em;background:0 0;border:0;border-radius:999px;min-height:42px;font-size:10px;font-weight:950}.profile-tab.active{color:#171205;background:linear-gradient(110deg,#f0c735,#f5df68);box-shadow:0 10px 24px #f4d04b2e}.profile-overview{gap:16px;display:grid}.profile-main-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profile-main-stats article{background:linear-gradient(145deg,#ffffff0b,#ffffff04),#0a0e1deb;border:1px solid #ffffff16;border-radius:20px;flex-direction:column;align-items:flex-start;min-height:118px;padding:17px;display:flex;box-shadow:inset 0 1px #ffffff09,0 16px 44px #0000002e}.profile-main-stats article.featured{background:radial-gradient(circle at 20% 0,#f4d04b26,#0000 60%),#101019f2;border-color:#f4d04b47}.profile-main-stats span{color:#747f99;letter-spacing:.1em;font-size:8px;font-weight:950}.profile-main-stats strong{color:#fff;font-variant-numeric:tabular-nums;margin-top:10px;font-size:30px;font-weight:950;line-height:1}.profile-main-stats .featured strong{color:#f5d458}.profile-main-stats small{color:#69758f;margin-top:auto;font-size:9px;font-weight:700}.profile-breakdown-card,.profile-history-card,.profile-achievements-section,.profile-records-section{background:#080c19f0;border:1px solid #ffffff16;border-radius:24px;overflow:hidden;box-shadow:0 22px 64px #0000003d}.profile-breakdown-card>header,.profile-history-card>header,.profile-records-section>header{background:radial-gradient(circle at 0 0,#2a46a129,#0000 44%),radial-gradient(circle at 100% 0,#8f0f3e21,#0000 40%);border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.profile-breakdown-card>header>div,.profile-history-card>header>div,.profile-records-section>header>div{flex-direction:column;gap:4px;display:flex}.profile-breakdown-card>header span,.profile-history-card>header span,.profile-records-section>header span{color:#f1cc45;letter-spacing:.12em;font-size:9px;font-weight:950}.profile-breakdown-card>header strong,.profile-history-card>header strong,.profile-records-section>header strong{color:#fff;font-size:15px;font-weight:900}.profile-breakdown-card>header small,.profile-history-card>header small{color:#7d88a2;letter-spacing:.09em;font-size:9px;font-weight:950}.profile-breakdown-row{border-bottom:1px solid #ffffff0e;grid-template-columns:130px minmax(0,1fr) 70px;align-items:center;gap:16px;padding:15px 20px;display:grid}.profile-breakdown-row>span{color:#9ca6bb;letter-spacing:.07em;font-size:10px;font-weight:950}.profile-breakdown-row>strong{color:#fff;text-align:right;font-variant-numeric:tabular-nums;font-size:15px;font-weight:950}.profile-breakdown-track{background:#ffffff0e;border-radius:999px;height:9px;overflow:hidden}.profile-breakdown-fill{border-radius:inherit;min-width:4px;height:100%;display:block}.profile-breakdown-fill.result{background:linear-gradient(90deg,#3d70e4,#8eafff)}.profile-breakdown-fill.xi{background:linear-gradient(90deg,#23975f,#74e2a8)}.profile-breakdown-fill.protagonist{background:linear-gradient(90deg,#8d123f,#ff8ca5)}.profile-performance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profile-performance-grid article{background:#0c101feb;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:13px;min-height:104px;padding:15px;display:flex}.profile-performance-icon{background:#f4d04b12;border:1px solid #f4d04b38;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:21px;display:grid}.profile-performance-grid article>div{flex-direction:column;min-width:0;display:flex}.profile-performance-grid small{color:#707b95;letter-spacing:.08em;font-size:7px;font-weight:950}.profile-performance-grid strong{color:#fff;margin-top:5px;font-size:22px;font-weight:950;line-height:1}.profile-performance-grid article>div>span{color:#77829c;margin-top:5px;font-size:9px;font-weight:700}.profile-records-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.profile-record-card{text-align:center;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;align-items:center;min-height:250px;padding:17px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 46px #00000052}.profile-record-card.gold{background:radial-gradient(circle at 50% 0,#f4d04b4d,#0000 48%),linear-gradient(#62460ac7,#060914fa);border-color:#f4d04b6b}.profile-record-card.silver{background:radial-gradient(circle at 50% 0,#e2e8f03d,#0000 48%),linear-gradient(#414e65b8,#060914fa);border-color:#cbd5e15c}.profile-record-card.bronze{background:radial-gradient(circle at 50% 0,#fb923c3b,#0000 48%),linear-gradient(#642d0fb8,#060914fa);border-color:#fb923c5c}.profile-record-ordinal{color:#fff9;letter-spacing:.12em;align-self:flex-start;font-size:9px;font-weight:950}.profile-record-icon{background:#0206126b;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:82px;height:82px;margin-top:12px;font-size:35px;display:grid;box-shadow:0 14px 34px #00000057}.profile-record-card>strong{color:#fff;margin-top:15px;font-size:27px;font-weight:950;line-height:1}.profile-record-card>small{color:#ffffffb8;letter-spacing:.08em;margin-top:6px;font-size:9px;font-weight:950}.profile-record-card>p{color:#ffffff8c;margin:auto 0 0;font-size:10px;line-height:1.45}.profile-history-list{display:grid}.profile-history-row{background:#ffffff03;border-bottom:1px solid #ffffff0e;grid-template-columns:minmax(210px,1fr) 105px minmax(260px,1.2fr) 82px;align-items:center;gap:14px;min-height:88px;padding:12px 18px;display:grid}.profile-history-row:nth-child(2n){background:#ffffff06}.profile-history-match{align-items:center;gap:12px;min-width:0;display:flex}.profile-opponent-badge{color:#f1d85d;background:linear-gradient(145deg,#2b48a64d,#80113c42);border:1px solid #ffffff1f;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:9px;font-weight:950;display:grid}.profile-history-match>div{min-width:0}.profile-history-match small{color:#6f7a94;letter-spacing:.08em;font-size:8px;font-weight:950}.profile-history-match strong{color:#edf0f7;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;font-weight:900;display:block;overflow:hidden}.profile-history-score{flex-direction:column;align-items:center;display:flex}.profile-history-score span{color:#68738e;letter-spacing:.08em;font-size:7px;font-weight:950}.profile-history-score strong{color:#fff;margin-top:3px;font-size:20px;font-weight:950;line-height:1}.profile-history-score small{color:#8590a8;margin-top:4px;font-size:8px;font-weight:800}.profile-history-details{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.profile-history-details>span{white-space:nowrap;border:1px solid #ffffff12;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:900}.profile-history-details .result{color:#94b3ff;background:#3e70e514}.profile-history-details .xi{color:#79dfa8;background:#37bc7512}.profile-history-details .protagonist{color:#ff9bb0;background:#9115461a}.profile-history-details .protagonist.miss{color:#ff8097}.profile-history-total{font-variant-numeric:tabular-nums;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:50px;font-size:17px;font-weight:950;display:flex}.profile-history-total.positive{color:#78e2ab;background:#43da8912;border-color:#43da893d}.profile-history-total.negative{color:#ff8097;background:#ee476512;border-color:#ee47653d}.profile-history-total small{letter-spacing:.08em;margin-top:2px;font-size:7px}.profile-achievements-section{padding-bottom:16px}.profile-achievements-hero{background:radial-gradient(circle at 0 0,#f4d04b29,#0000 42%),radial-gradient(circle at 100% 0,#8f0f3e24,#0000 40%);border-bottom:1px solid #ffffff12;align-items:center;gap:18px;padding:22px;display:flex}.profile-achievements-trophy{background:#f4d04b17;border:1px solid #f4d04b57;border-radius:50%;flex:0 0 76px;place-items:center;width:76px;height:76px;font-size:34px;display:grid;box-shadow:0 14px 34px #00000047}.profile-achievements-hero>div:last-child{flex-direction:column;display:flex}.profile-achievements-hero span{color:#efca40;letter-spacing:.13em;font-size:9px;font-weight:950}.profile-achievements-hero strong{color:#fff;margin-top:5px;font-size:24px;font-weight:950}.profile-achievements-hero p{color:#7f8aa3;margin:6px 0 0;font-size:11px;line-height:1.45}.profile-achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:16px;display:grid}.profile-achievement{background:#ffffff05;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:104px;padding:14px;display:grid}.profile-achievement.unlocked{background:radial-gradient(circle at 0 0,#f4d04b1c,#0000 46%),#ffffff05;border-color:#f4d04b3d}.profile-achievement.locked{opacity:.5;filter:saturate(.55)}.profile-achievement-icon{background:#05091494;border:1px solid #ffffff1f;border-radius:50%;flex:0 0 54px;place-items:center;width:54px;height:54px;font-size:24px;display:grid}.profile-achievement>div{flex-direction:column;min-width:0;display:flex}.profile-achievement>div>span{color:#7d88a2;letter-spacing:.1em;font-size:7px;font-weight:950}.profile-achievement.unlocked>div>span{color:#f1cd47}.profile-achievement>div>strong{color:#fff;margin-top:4px;font-size:13px;font-weight:900}.profile-achievement>div>p{color:#77829c;margin:4px 0 0;font-size:9px;line-height:1.4}.profile-achievement>small{color:#99a3ba;letter-spacing:.06em;border:1px solid #ffffff14;border-radius:999px;min-width:max-content;padding:6px 8px;font-size:7px;font-weight:950}@media (width<=900px){.profile-hero{grid-template-columns:minmax(0,1fr) auto}.profile-hero-actions{flex-direction:row;grid-column:1/-1}.profile-action-button{min-width:136px}.profile-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-history-row{grid-template-columns:minmax(190px,1fr) 90px minmax(210px,1fr) 72px;gap:10px}}@media (width<=760px){.profile-page{width:min(100% - 24px,1120px);padding-top:28px;padding-bottom:100px}.profile-hero{border-radius:23px;grid-template-columns:1fr;gap:18px;padding:20px 16px}.profile-identity-block{gap:15px}.ranking-avatar-profile{flex-basis:92px;width:92px;height:92px}.profile-identity-copy h1{font-size:34px}.profile-hero-stats{width:100%}.profile-hero-actions{grid-column:auto;width:100%}.profile-action-button{flex:1}.profile-main-stats,.profile-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-records-grid{grid-template-columns:1fr}.profile-record-card{text-align:left;grid-template-rows:auto auto auto 1fr;grid-template-columns:70px minmax(0,1fr);align-items:center;column-gap:14px;min-height:180px;display:grid}.profile-record-ordinal{grid-column:1/-1}.profile-record-icon{grid-area:2/1/5;width:66px;height:66px;margin:0;font-size:28px}.profile-record-card>strong,.profile-record-card>small,.profile-record-card>p{text-align:left;grid-column:2;margin-left:0}.profile-record-card>strong{margin-top:0}.profile-record-card>p{margin-top:8px}.profile-history-row{grid-template-columns:minmax(0,1fr) auto;min-height:126px;padding:13px}.profile-history-match{grid-area:1/1}.profile-history-score{grid-area:1/2}.profile-history-details{grid-area:2/1/auto/-1}.profile-history-total{grid-area:2/2;min-width:66px}.profile-history-details{padding-right:76px}.profile-achievements-grid{grid-template-columns:1fr}}@media (width<=500px){.profile-tabs{gap:3px}.profile-tab{min-height:40px;font-size:8px}.profile-identity-block{align-items:flex-start}.ranking-avatar-profile{border-width:3px;flex-basis:76px;width:76px;height:76px}.profile-identity-copy h1{white-space:normal;font-size:27px}.profile-x-handle{font-size:11px}.profile-identity-badges{gap:5px}.profile-identity-badges span{padding:5px 7px;font-size:6px}.profile-main-stats article{min-height:104px;padding:14px}.profile-main-stats strong{font-size:25px}.profile-breakdown-row{grid-template-columns:96px minmax(0,1fr) 52px;gap:9px;padding:13px}.profile-breakdown-row>span{font-size:8px}.profile-performance-grid{grid-template-columns:1fr}.profile-performance-grid article{min-height:86px}.profile-achievements-hero{align-items:flex-start;padding:17px 14px}.profile-achievements-trophy{flex-basis:58px;width:58px;height:58px;font-size:27px}.profile-achievements-hero strong{font-size:19px}.profile-achievement{grid-template-columns:46px minmax(0,1fr)}.profile-achievement-icon{flex-basis:46px;width:46px;height:46px;font-size:21px}.profile-achievement>small{grid-column:2;justify-self:flex-start}.profile-history-details{gap:5px;padding-right:0}.profile-history-total{grid-area:1/2}.profile-history-details{grid-area:2/1/auto/-1}}@media (width<=860px){.ranking-table-head{display:none}.ranking-row{grid-template-columns:42px minmax(0,1fr) auto;gap:9px 10px;min-height:92px;padding:12px 13px}.ranking-position{grid-row:1/3}.ranking-identity{grid-column:2}.ranking-total{grid-area:1/3;min-width:66px}.ranking-breakdown{justify-content:space-between;align-items:center;min-height:24px;padding:0 7px;font-size:10px;display:flex}.ranking-breakdown:before{content:attr(data-label);color:#69758f;letter-spacing:.08em;margin-right:7px;font-size:7px;font-weight:950}.ranking-breakdown.result{grid-area:2/2}.ranking-breakdown.xi{grid-area:2/3}.ranking-breakdown.protagonist{grid-area:3/2/auto/4}}@media (width<=760px){.ranking-page{width:min(100% - 24px,1120px);padding-top:28px;padding-bottom:100px}.ranking-hero{border-radius:22px;padding:20px 16px}.ranking-hero-top{flex-direction:column;gap:14px}.ranking-x-origin{align-self:flex-start}.ranking-current-user{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:12px}.ranking-current-stat{min-width:62px;padding-left:10px}.ranking-current-stat:first-of-type{display:none}.ranking-board{border-radius:20px}.ranking-board-heading{padding:15px}.profile-preview-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.ranking-hero h1{font-size:42px}.ranking-current-user{grid-template-columns:48px minmax(0,1fr) 58px}.ranking-avatar-large{flex-basis:48px;width:48px;height:48px}.ranking-current-copy strong{font-size:14px}.ranking-current-stat.points{min-width:58px}.ranking-current-stat strong{font-size:18px}.ranking-board-heading{align-items:flex-start}.ranking-board-heading small{text-align:right;max-width:86px;line-height:1.35}.ranking-row{grid-template-columns:36px minmax(0,1fr) 60px;gap:8px}.ranking-avatar{flex-basis:40px;width:40px;height:40px}.ranking-identity{gap:9px}.ranking-identity-copy>strong{font-size:11px}.ranking-identity-copy>small{font-size:8px}.ranking-total{min-width:58px;font-size:13px}.ranking-breakdown{font-size:9px}.profile-preview-page{width:min(100% - 24px,900px)}.profile-preview-card{border-radius:22px;padding:24px 14px}.ranking-avatar-hero{flex-basis:92px;width:92px;height:92px}}.header-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.auth-area{flex:none;align-items:center;display:flex;position:relative}.auth-provider-buttons{align-items:center;gap:7px;display:flex}.auth-provider-button,.auth-account-button{color:#fff;border:1px solid #ffffff1c;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:5px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s,opacity .16s;display:grid;box-shadow:inset 0 1px #ffffff0b,0 8px 22px #00000038}.auth-provider-button:hover,.auth-account-button:hover{border-color:#f4d04b75;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff12,0 12px 28px #0000004d,0 0 20px #f4d04b12}.auth-provider-button:active,.auth-account-button:active{transform:scale(.96)}.auth-provider-button:disabled,.auth-account-button:disabled{cursor:wait;opacity:.56;transform:none}.auth-provider-button.x{background:radial-gradient(circle at 30% 22%,#ffffff1f,#0000 34%),#070910;font-size:20px;font-weight:950}.auth-provider-button.x>span{transform:translateY(-1px)}.auth-provider-button.google{background:#ffffff0b}.auth-account-button.signed-in{background:#44d58912;border-color:#44d5894d}.auth-google-mark,.auth-avatar{border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.auth-google-mark{color:#4285f4;background:#fff;border:1px solid #ffffff29;font-size:17px;font-weight:950;box-shadow:0 5px 15px #00000040}.auth-google-mark svg{width:19px;height:19px;display:block}.auth-avatar{color:#fff0a0;background:linear-gradient(145deg,#243d99,#8d123f);border:2px solid #f4d04bad;font-size:10px;font-weight:950;box-shadow:0 0 0 2px #80113cb8}.auth-avatar img{object-fit:cover;width:100%;height:100%}.auth-menu{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 100% 0,#910f3d2e,#0000 42%),#080c19fa;border:1px solid #ffffff1c;border-radius:18px;width:min(310px,100vw - 24px);padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #0000007a,inset 0 1px #ffffff0a}.auth-menu-identity{border-bottom:1px solid #ffffff13;align-items:center;gap:11px;min-width:0;padding:3px 3px 12px;display:flex}.auth-menu-identity>span{flex-direction:column;gap:3px;min-width:0;display:flex}.auth-menu-identity strong,.auth-menu-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-menu-identity strong{color:#fff;font-size:12px;font-weight:950}.auth-menu-identity small{color:#7d88a2;font-size:10px;font-weight:700}.auth-menu>button{color:#ff8ba1;letter-spacing:.09em;background:#ee476512;border:1px solid #ee476542;border-radius:12px;width:100%;min-height:40px;margin-top:10px;font-size:9px;font-weight:950}.auth-menu>button:hover{background:#ee47651f;border-color:#ee47657a}.auth-error-banner{z-index:45;color:#ffd5dd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#340917f0;border:1px solid #ee476557;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(100% - 24px,980px);margin:10px auto 0;padding:11px 13px;display:grid;position:sticky;top:78px;box-shadow:0 14px 34px #0000004d}.auth-error-banner strong{color:#ff8da2;letter-spacing:.11em;font-size:8px;font-weight:950}.auth-error-banner span{min-width:0;font-size:11px;font-weight:700}.auth-error-banner button{color:#fff;background:#ffffff12;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;font-size:18px;display:grid}@media (width<=980px){.app-header{gap:16px}.header-actions{gap:7px}.auth-provider-buttons{gap:5px}.auth-provider-button,.auth-account-button{width:40px;min-width:40px;height:40px;min-height:40px;padding:4px}}@media (width<=760px){.header-actions{flex:1;justify-content:flex-end}.auth-error-banner{top:68px}}@media (width<=520px){.app-header{gap:7px;padding-left:8px;padding-right:8px}.header-actions{gap:3px}.main-nav{gap:0}.nav-button{padding-left:6px;padding-right:6px;font-size:9px}.auth-provider-buttons{gap:3px}.auth-provider-button,.auth-account-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:3px}.auth-provider-button.x{font-size:17px}.auth-google-mark,.auth-avatar{flex-basis:28px;width:28px;height:28px}.auth-menu{position:fixed;top:64px;right:10px}.auth-error-banner{grid-template-columns:minmax(0,1fr) auto}.auth-error-banner strong{display:none}}.profile-account-source,.ranking-current-source{color:#9ba6bc;align-items:center;gap:7px;min-width:0;font-size:11px;font-weight:800;display:inline-flex}.profile-account-source{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:10px;overflow:hidden}.profile-provider-mark,.ranking-provider-mark{border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:10px;font-weight:950;display:inline-grid}.profile-provider-mark.google,.ranking-provider-mark.google{color:#4285f4;background:#fff;border:1px solid #ffffff29;box-shadow:0 4px 12px #0000003d}.profile-provider-mark.google svg,.ranking-provider-mark.google svg{width:13px;height:13px;display:block}.ranking-current-source>span:first-child:not(.ranking-provider-mark){color:#fff}.profile-inline-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.profile-inline-action{color:#f4d55a;letter-spacing:.08em;background:#f4d04b11;border:1px solid #f4d04b3d;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:8px;font-weight:950;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.profile-inline-action:hover{background:#f4d04b1c;border-color:#f4d04b85;transform:translateY(-1px)}.profile-inline-action:disabled{cursor:wait;opacity:.52;transform:none}.profile-inline-action>span{color:#fff;font-size:13px;line-height:1}.profile-avatar-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile-name-editor{background:radial-gradient(circle at 0 0,#2a46a129,#0000 44%),#090d1cf0;border:1px solid #f4d04b38;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(220px,360px) auto;align-items:center;gap:16px;margin-top:14px;padding:16px 18px;display:grid;box-shadow:inset 0 1px #ffffff09,0 16px 42px #00000038}.profile-name-editor>div:first-child{flex-direction:column;gap:4px;display:flex}.profile-name-editor>div:first-child span{color:#f1cc45;letter-spacing:.12em;font-size:8px;font-weight:950}.profile-name-editor>div:first-child strong{color:#fff;font-size:13px;font-weight:900}.profile-name-editor input{color:#fff;background:#0d1427;border:1px solid #ffffff1f;border-radius:13px;outline:none;width:100%;min-height:46px;padding:0 14px;font-size:13px;font-weight:850;transition:border-color .16s,box-shadow .16s}.profile-name-editor input:focus{border-color:#f4d04bad;box-shadow:0 0 0 3px #f4d04b1a}.profile-name-editor-actions{align-items:center;gap:8px;display:flex}.profile-name-editor-actions button{letter-spacing:.08em;border-radius:999px;min-height:42px;padding:0 13px;font-size:8px;font-weight:950}.profile-name-editor-actions .secondary{color:#aeb7ca;background:#ffffff0a;border:1px solid #ffffff1c}.profile-name-editor-actions .primary{color:#171205;background:linear-gradient(110deg,#efc52f,#f5df68);border:1px solid #f4d04b6b}.profile-name-editor-actions button:disabled{cursor:wait;opacity:.52}.profile-feedback{border:1px solid;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:11px 13px;font-size:10px;font-weight:800;display:flex}.profile-feedback.success{color:#83e6b0;background:#44d58913;border-color:#44d5894d}.profile-feedback.error{color:#ff93a7;background:#ee476513;border-color:#ee476557}.profile-feedback button{color:currentColor;background:#ffffff12;border:0;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;padding:0;font-size:16px;display:grid}@media (width<=900px){.profile-name-editor{grid-template-columns:1fr}.profile-name-editor-actions{justify-content:flex-end}}@media (width<=500px){.profile-inline-actions{align-items:stretch;width:100%}.profile-inline-action{flex:130px;min-height:36px;padding:0 9px;font-size:7px}.profile-account-source{font-size:10px}.profile-name-editor{border-radius:17px;padding:14px}.profile-name-editor-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-name-editor-actions button{width:100%;padding:0 8px}}.score-card{background:radial-gradient(circle at 7% 0,#2648ae2e,#0000 38%),radial-gradient(circle at 93% 0,#910f3d29,#0000 36%),linear-gradient(145deg,#ffffff0e,#ffffff05),#0d1122f0;margin-top:0}.score-heading>div,.protagonist-card .section-heading>div{gap:10px}.score-match-overview{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:stretch;gap:14px;margin-top:20px;display:grid}.score-match-date,.score-deadline{background:#050a188a;border:1px solid #ffffff13;border-radius:18px;min-width:0;box-shadow:inset 0 1px #ffffff06}.score-match-date{flex-direction:column;justify-content:center;gap:8px;padding:18px 20px;display:flex}.score-match-date>span,.score-deadline-title{color:#f0cc47;letter-spacing:.14em;font-size:9px;font-weight:950}.score-match-date>strong{color:#f7f8fd;letter-spacing:.06em;font-size:clamp(14px,2vw,16px);font-weight:950;line-height:1.35}.score-deadline{background:radial-gradient(circle at 50% 0,#f4d04b14,#0000 58%),#050a189e;border-color:#f4d04b29;flex-direction:column;justify-content:center;padding:13px 14px;display:flex}.score-deadline-title{margin-bottom:8px;display:block}.score-countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.score-countdown-unit{background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:8px 4px;display:flex}.score-countdown-unit>strong{color:#fff;font-variant-numeric:tabular-nums;font-size:18px;font-weight:950;line-height:1}.score-countdown-unit>span{color:#77839e;letter-spacing:.08em;font-size:6px;font-weight:950}.score-deadline.closed{border-color:#eb44653d}.score-deadline-closed{color:#ff8198;letter-spacing:.045em;font-size:17px;font-weight:950}.score-card .section-info-panel,.protagonist-card .section-info-panel,.protagonist-card .section-help{margin-left:0}.scoreboard{background:linear-gradient(90deg,#1c317d1c,#ffffff03 50%,#970f3b1a),#05091585;border:1px solid #ffffff12;border-radius:20px;grid-template-columns:minmax(150px,1fr) minmax(360px,auto) minmax(150px,1fr);align-items:center;gap:clamp(14px,2.6vw,28px);margin-top:24px;padding:24px 26px;display:grid}.score-team,.score-team:first-child,.score-team:last-child{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.score-team-label,.score-team:first-child .score-team-label{text-align:center;flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.team-color-dot{isolation:isolate;background-clip:padding-box;border:3px solid #fff3;border-radius:50%;flex:0 0 84px;width:84px;height:84px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 4px #080b16e6,0 0 0 7px #f4d04b14,0 15px 32px #00000061,inset 0 1px #ffffff57,inset 0 -12px 20px #00000026}.team-color-dot:before{content:"";z-index:2;border-radius:inherit;opacity:.88;pointer-events:none;background:linear-gradient(145deg,#ffffff7a 0%,#ffffff26 20%,#0000 42%),radial-gradient(circle at 28% 18%,#ffffff57,#0000 27%);position:absolute;inset:0}.team-color-dot:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;border:1px solid #ffffff29;position:absolute;inset:3px;box-shadow:inset 0 1px #ffffff3d,inset -8px -10px 18px #0000001a}.team-color-dot-barca{background:linear-gradient(90deg,#2147a5 0 25%,#a61c48 25% 50%,#2147a5 50% 75%,#a61c48 75% 100%)}.team-color-dot-al-ahly{background:linear-gradient(90deg,#d0183a 0 50%,#f5f6f8 50% 100%)}.score-team-copy{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.score-team-copy>strong{color:#fff;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(17px,3vw,23px);font-weight:950;line-height:1;overflow:hidden}.score-team-copy>small{color:#7d88a3;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.score-center-controls{justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.score-control{background:#050914eb;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:40px minmax(58px,72px) 40px;align-items:center;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 10px 24px #0000002e}.score-control button,.score-control .score-value{height:54px}.score-separator{color:#626d88;align-self:center;padding:0;font-size:32px;font-weight:900;line-height:1}.flick-avatar-shell{isolation:isolate;background:#f7ecd3;border:3px solid #2f5bd2f0;border-radius:50%;flex:0 0 62px;width:62px;height:62px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 4px #80113cf0,0 0 0 7px #2f5bd221,0 12px 30px #00000057,0 0 24px #2f5bd22e}.flick-avatar-shell:before{content:"";z-index:2;border-radius:inherit;opacity:.86;pointer-events:none;background:linear-gradient(145deg,#ffffff80 0%,#ffffff21 23%,#0000 45%),radial-gradient(circle at 28% 17%,#fff5ca47,#0000 28%);position:absolute;inset:0}.flick-avatar-shell:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;border:1px solid #ffffff29;position:absolute;inset:2px;box-shadow:inset 0 1px #ffffff3d,inset -7px -9px 16px #4b071e1f}.flick-avatar-shell .flick-avatar{object-fit:cover;object-position:center 18%;filter:saturate(1.24)contrast(1.1)brightness(1.035);width:100%;max-width:none;height:100%;box-shadow:none;background:#fff;border:0;border-radius:50%}@media (width<=760px){.score-match-overview{grid-template-columns:1fr}.scoreboard{grid-template-columns:minmax(100px,1fr) minmax(286px,auto) minmax(100px,1fr);gap:10px;padding:21px 14px}.team-color-dot{flex-basis:68px;width:68px;height:68px}.score-center-controls{gap:8px}.score-control{border-radius:13px;grid-template-columns:31px 44px 31px}.score-control button,.score-control .score-value{height:48px}.score-control .score-value{font-size:25px}.score-separator{font-size:26px}.flick-avatar-shell{border-width:2px;flex-basis:50px;width:50px;height:50px}}@media (width<=620px){.scoreboard{grid-template-columns:minmax(74px,1fr) minmax(214px,auto) minmax(74px,1fr);gap:7px;padding:19px 8px}.team-color-dot{border-width:2px;flex-basis:58px;width:58px;height:58px}.score-team-label,.score-team:first-child .score-team-label{gap:8px}.score-team-copy>strong{font-size:14px}.score-team-copy>small{font-size:7px}.score-center-controls{gap:6px}.score-control{grid-template-columns:26px 36px 26px}.score-control button,.score-control .score-value{height:44px}.score-control button{font-size:19px}.score-control .score-value,.score-separator{font-size:22px}}@media (width<=430px){.score-card{padding:18px 14px}.score-heading{align-items:flex-start}.score-match-overview{margin-top:16px}.score-match-date,.score-deadline{border-radius:15px}.score-match-date{gap:7px;padding:15px 14px}.score-deadline{padding:12px}.score-match-date>strong{font-size:12px;line-height:1.45}.score-countdown-unit{padding:7px 2px}.score-countdown-unit>strong{font-size:16px}.scoreboard{border-radius:17px;grid-template-columns:minmax(62px,1fr) minmax(190px,auto) minmax(62px,1fr);gap:5px;margin-top:20px;padding:17px 5px}.team-color-dot{flex-basis:52px;width:52px;height:52px}.score-team-copy>strong{font-size:13px}.score-team-copy>small{font-size:6px}.score-center-controls{gap:4px}.score-control{border-radius:12px;grid-template-columns:23px 31px 23px}.score-control button,.score-control .score-value{height:42px}.score-control button{font-size:18px}.score-control .score-value{font-size:21px}.score-separator{font-size:20px}.flick-avatar-shell{flex-basis:46px;width:46px;height:46px}}