.top-cta-section{background:linear-gradient(135deg,rgba(255,215,0,0.1),rgba(255,215,0,0.05));border-radius:20px;border:12px solid transparent;border-image:url(/img/TableBorder.webp) 15;background-clip:padding-box;padding:26px 28px 24px 28px;margin:16px 0 40px 0;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,0.3)}.top-cta-section h2{font-size:2rem;margin:0;color:var(--primary-gold)}.top-cta-head{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:10px}.top-cta-copy{font-size:1.18rem;margin:0 0 14px 0;color:#e0e0e0}.top-cta-browse-btn{margin:0;padding:0.55rem 1.1rem;line-height:1.1;font-size:1rem}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:80px 0;align-items:center}.hero-content h2{font-size:2.5rem;margin-bottom:20px;color:var(--primary-gold)}.hero-content p{font-size:1.3rem;line-height:1.8;margin-bottom:30px;color:#e0e0e0}.game-features{background:linear-gradient(135deg,rgba(139,69,19,0.25) 0%,rgba(160,82,45,0.15) 100%);backdrop-filter:blur(5px);border-radius:20px;padding:40px;border:2px solid rgba(218,165,32,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.3);transition:var(--transition-fast)}.game-features:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.4)}.game-features h3{color:var(--primary-gold);margin-bottom:20px;font-size:1.8rem}.game-features ul{list-style:none;font-size:1.2rem;line-height:2}.screenshot-section{margin:60px 0}.screenshot-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.screenshot-placeholder{background:linear-gradient(135deg,rgba(139,69,19,0.2) 0%,rgba(160,82,45,0.1) 100%);border:2px solid rgba(218,165,32,0.3);border-radius:15px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;opacity:1;transform:translateY(0px);transition:opacity 0.6s,transform 0.6s;will-change:transform}.screenshot-placeholder:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(218,165,32,0.3);border-color:var(--primary-gold)}.img-screenshot{max-width:100%;height:auto;object-fit:cover;border-radius:13px}.main-screenshot{width:50%;object-fit:cover;border:13px solid transparent;border-image:url(/img/TableBorder.webp) 15}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:1rem 0}.feature-card{padding:30px;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:opacity 0.6s,transform 0.6s;will-change:transform}.feature-card:hover{transform:translateY(-8px);border-color:var(--primary-gold);box-shadow:0 10px 30px rgba(218,165,32,0.3)}.feature-icon{font-size:3rem;margin-bottom:15px;display:block}.feature-card h3{color:var(--primary-gold);margin-bottom:15px;font-size:1.4rem}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:0;width:100%}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:60px 0}.stats-kpi-section{align-items:start}.relationships-section{align-items:start}.relationships-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:-8px}.relationships-head h2{margin:0}.rel-preset-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid rgba(255,215,0,0.16);border-radius:999px;background:rgba(255,255,255,0.025)}.rel-preset-tab{min-height:32px;padding:6px 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:#bfc7cf;cursor:pointer;font:inherit;font-size:0.82rem;font-weight:700;line-height:1;transition:color 0.15s ease,background 0.15s ease,border-color 0.15s ease}.rel-preset-tab:hover{color:#f3ead2;border-color:rgba(255,215,0,0.16)}.rel-preset-tab.is-active{color:#f7e7b0;background:rgba(255,215,0,0.1);border-color:rgba(255,215,0,0.24)}.stat-card{text-align:center;padding:30px;background-color:rgba(255,215,0,0.075);background-clip:padding-box;border-radius:15px;border:12px solid transparent;border-image:url(/img/TableBorder.webp) 15;transition:var(--transition-fast);display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:100vw;overflow:hidden;will-change:transform}.stat-card-kpi{min-height:190px;justify-content:center;gap:8px}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(255,215,0,0.2)}.stat-number{font-size:2.5rem;font-weight:bold;color:var(--primary-gold);display:block;margin-bottom:10px}.stat-loading-text{min-height:3rem;display:flex;align-items:center;justify-content:center}.recent-results{font-size:2.1rem;display:flex;flex-wrap:wrap;justify-content:center}.stat-label{color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;font-size:0.9rem}.stat-subline{color:#d8c9a0;font-size:0.96rem;font-weight:600}.stat-card-recent{align-items:stretch;text-align:left;padding:18px 22px;gap:10px}.stat-card-recent-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-card-recent-head .stat-label{margin:0}.recent-mini-link{color:var(--primary-gold);text-decoration:none;border:1px solid rgba(255,215,0,0.3);border-radius:999px;padding:3px 10px;font-size:0.76rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.recent-mini-link:hover{border-color:rgba(255,215,0,0.55);background:rgba(255,215,0,0.08)}.recent-mini-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.recent-mini-list li{margin:0}.recent-mini-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;text-decoration:none;color:inherit;border-radius:10px;padding:6px 8px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.12)}.recent-mini-item:hover{border-color:rgba(255,215,0,0.35);background:rgba(255,215,0,0.08)}.recent-mini-outcome{min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:0.68rem;font-weight:800;line-height:1;border:1px solid transparent}.recent-mini-outcome.win{color:#63f3b2;background:rgba(24,179,115,0.18);border-color:rgba(24,179,115,0.42)}.recent-mini-outcome.loss{color:#ff9e9e;background:rgba(197,78,78,0.16);border-color:rgba(197,78,78,0.4)}.recent-mini-meta{color:#ddd;font-size:0.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-mini-mmr{font-size:0.88rem;font-weight:700;color:#e2d8c2;white-space:nowrap}.recent-mini-gain.high{color:#5ee1a4}.recent-mini-gain.medium{color:#d8d0bf}.recent-mini-gain.low{color:#ff8f8f}@media (max-width:640px){.stat-card-recent{padding:14px}.recent-mini-item{grid-template-columns:18px minmax(0,1fr);gap:8px}.recent-mini-mmr{grid-column:2;font-size:0.82rem}}.play-cta{display:inline-block;position:relative;line-height:0;text-decoration:none;border-radius:14px;margin-bottom:-36px;padding:6px 8px;transform:translateZ(0);transition:transform 180ms ease;-webkit-tap-highlight-color:transparent;pointer-events:none}.play-hitbox{position:absolute;inset:28px 32px 25px 21px;pointer-events:auto;cursor:pointer}.play-img{display:block;max-width:100%;height:auto;max-height:120px;pointer-events:none;transition:filter 180ms ease,opacity 180ms ease;filter:drop-shadow(0 10px 18px rgba(0,0,0,0.35));object-fit:contain}.play-cta:hover .play-img,.play-hitbox:hover+.play-img{transform:translateY(-2px);filter:drop-shadow(0 14px 26px rgba(0,0,0,0.45)) drop-shadow(0 0 14px rgba(255,190,80,0.22))}.play-cta:active .play-img,.play-hitbox:active+.play-img{transform:translateY(0);opacity:0.96;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.35))}.play-cta:focus-visible{box-shadow:0 0 0 3px rgba(255,190,80,0.35),0 0 0 6px rgba(0,0,0,0.35)}@media (prefers-reduced-motion:reduce){.play-cta,.play-img{transition:none}}.main-section{display:flex;justify-content:space-between;margin-bottom:1rem;gap:4rem;margin-left:2rem;margin-right:2rem}.main-text{display:flex;flex-direction:column;gap:1rem;width:50%}.main-text p{font-size:1.3rem;margin-top:0.8rem}.horizontal-spacer{width:4%;height:auto;margin:2rem 48%}.main-buttons{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;width:50%;text-align:center}.main-buttons h1{margin-top:-1rem}.main-buttons p{margin:0;max-width:38ch}.main-buttons a{flex-grow:0.2;text-align:center;padding-top:1.2rem}.main-buttons .btn-main{width:min(100%,540px);max-width:540px}.btn-main{font-size:18px}.queue-hint{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 0.95rem;border-radius:999px;border:1px solid rgba(255,215,0,0.55);background:linear-gradient(180deg,rgba(255,215,0,0.17),rgba(255,215,0,0.07));color:#ffe07a;font-size:0.98rem;font-weight:700;letter-spacing:0.2px;text-transform:uppercase;box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset,0 6px 18px rgba(0,0,0,0.25)}.news-post{width:100%;border:12px solid transparent;padding:15px;border-image:url(/img/TableBorder.webp) 15;background-color:rgba(255,215,0,0.075);background-clip:padding-box}.news-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px}.news-title h2{margin:0px}.news-title p{margin:0;text-align:right;white-space:nowrap}.news-content{margin-left:10px}.news-card{margin:1rem 10%;display:flex}.news-more{display:flex;justify-content:center;margin-top:4rem;margin-bottom:3rem}#join-the-fight{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2rem;margin-top:1rem;gap:4rem}.highlight{background-color:rgba(218,165,32,0.3) !important;min-height:150px}.highlight h2{font-size:1.7rem !important}.highlight p{font-size:1.2rem !important}.stats-overview-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.6fr) minmax(320px,0.95fr);align-items:start;margin:16px 0 1.5rem 0}.stats-overview-grid>*{min-width:0}.stats-overview-grid .top-cta-section{margin:0}@media (max-width:1100px){.stats-overview-grid{grid-template-columns:1fr}}.stats-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"matches players latest" "win loss latest";align-items:start}#card-totalMatches{grid-area:matches}#card-uniquePlayers{grid-area:players}#card-winStreak{grid-area:win}#card-lossStreak{grid-area:loss}#card-latestMatch{grid-area:latest;display:flex;flex-direction:column}#card-latestMatch .match-grid,#latestMatchContainer{flex:1 1 auto}@media (max-width:1024px){.stats-grid{grid-template-columns:1fr 1fr;grid-template-areas:"matches players" "win loss" "latest latest"}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr;grid-template-areas:"matches" "players" "win" "loss" "latest"}}#card-mmrChart,#card-topPlayers{margin:0}#card-mmrChart{min-height:360px}#card-mmrChart .mmr-chart{width:100%;height:320px}.top-players-table{width:100%;border-collapse:collapse;font-size:0.95rem}.top-players-table th,.top-players-table td{padding:8px 10px;border-top:1px solid rgba(255,215,0,0.08)}.top-players-table tr:first-child th,.top-players-table tr:first-child td{border-top:none}.top-players-table th{text-align:center;color:var(--primary-gold);font-weight:700}.top-players-table .rank{width:2ch;color:#c7c3b4}.top-players-table a{color:#eee2c7;text-decoration:none;transition:color 0.15s ease,transform 0.1s ease}.top-players-table a:hover{color:var(--primary-gold);transform:translateX(2px)}.latest-match-card{min-height:0}.top-latest-match-card{display:flex;flex-direction:column;justify-content:space-between;align-self:start}.latest-match-card-head{margin-bottom:1rem}.top-latest-match-card #latestMatchContainer{flex:1 1 auto}.latest-match-card-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,215,0,0.12);display:flex;justify-content:center}.latest-match-all-link{display:inline-flex;align-items:center;justify-content:center;min-width:min(100%,240px);padding:0.8rem 1.4rem;border-radius:999px;border:1px solid rgba(255,215,0,0.32);background:linear-gradient(180deg,rgba(255,215,0,0.18),rgba(255,215,0,0.08)),rgba(46,26,6,0.65);box-shadow:0 12px 28px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,247,204,0.18);color:var(--primary-gold);font-size:1rem;font-weight:700;letter-spacing:0.03em;text-decoration:none;text-transform:uppercase;transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease,background 0.18s ease}.latest-match-all-link:hover{transform:translateY(-2px);border-color:rgba(255,215,0,0.5);box-shadow:0 16px 32px rgba(0,0,0,0.26),0 0 0 1px rgba(255,215,0,0.12),inset 0 1px 0 rgba(255,247,204,0.24)}.latest-match-all-link:focus-visible{outline:2px solid rgba(255,215,0,0.65);outline-offset:3px}.match-header{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(255,255,255,0.06)}.match-title{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;width:100%;justify-content:space-between}.result-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-weight:600;line-height:1.6;border:1px solid transparent}.result-badge.win{color:#0fdc8c;background:rgba(15,220,140,0.12);border-color:rgba(15,220,140,0.35)}.result-badge.loss{color:#ff6b6b;background:rgba(255,107,107,0.12);border-color:rgba(255,107,107,0.35)}.match-meta{color:#8a9ba8;font-size:0.95rem}.match-teams{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.match-teams{grid-template-columns:1fr 1fr}}.team{border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:0.75rem;background:linear-gradient(180deg,rgba(26,31,46,0.35),rgba(26,31,46,0.15));backdrop-filter:blur(2px)}.team.winner{border-color:rgba(15,220,140,0.35);box-shadow:0 0 0 1px rgba(15,220,140,0.15) inset}.team-title{font-weight:700;margin-bottom:0.5rem;color:#d1ffe9;display:flex;align-items:center;gap:0.5rem}.team-badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:0.8rem;background:rgba(15,220,140,0.15);color:#0fdc8c;border:1px solid rgba(15,220,140,0.35)}.player-list{list-style:none;margin:0;padding:0}.player-list li{margin:0}.player{display:flex;align-items:center;padding:0.4rem 0.25rem;border-top:1px solid rgba(255,255,255,0.06)}.player:first-child{border-top:none}.player-link{color:#eaeff5;text-decoration:none;transition:color 0.2s ease,transform 0.1s ease}.player-link:hover{color:var(--primary-gold);transform:translateX(2px)}.latest-match-card .match-header{margin:0 0 0.75rem 0;padding:0 0 0.5rem 0;border-bottom:1px solid rgba(255,215,0,0.12)}.latest-match-card .result-badge{padding:2px 10px;border-radius:999px;font-weight:600;line-height:1.4;border:1px solid rgba(255,215,0,0.35);background:rgba(255,215,0,0.12);color:var(--primary-gold)}.latest-match-card .result-badge.loss{border-color:rgba(255,107,107,0.35);background:rgba(255,107,107,0.12);color:#ffb3b3}.latest-match-card .match-meta{color:#c7c3b4;font-size:0.95rem}.latest-match-card .match-teams{display:grid;gap:0.75rem;grid-template-columns:1fr}@media (min-width:680px){.latest-match-card .match-teams{grid-template-columns:1fr 1fr}}.latest-match-card .team{border:1px solid rgba(255,215,0,0.08);border-radius:10px;padding:0.6rem 0.7rem;background:linear-gradient(180deg,rgba(26,20,10,0.35),rgba(26,20,10,0.15))}.latest-match-card .team.winner{border-color:rgba(255,215,0,0.25);box-shadow:0 0 0 1px rgba(255,215,0,0.12) inset}.latest-match-card .team-title{font-weight:700;margin-bottom:0.35rem;color:var(--primary-gold);display:flex;align-items:center;gap:0.5rem;font-size:1rem}.latest-match-card .team-badge{padding:1px 8px;border-radius:999px;font-size:0.78rem;color:var(--primary-gold);background:rgba(255,215,0,0.1);border:1px solid rgba(255,215,0,0.25)}.latest-match-card .player-list{list-style:none;margin:0;padding:0}.latest-match-card .player{padding:0.28rem 0.15rem;border-top:1px solid rgba(255,215,0,0.08);display:flex;align-items:baseline;justify-content:space-between;gap:10px;line-height:1.2}.latest-match-card .player:first-child{border-top:none}.latest-match-card .player-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-match-card .player-link{color:#eee2c7;text-decoration:none;transition:color 0.15s ease,transform 0.1s ease}.latest-match-card .player-link:hover{color:var(--primary-gold);transform:translateX(2px)}.latest-match-card .mmr{flex:0 0 auto;white-space:nowrap;font-variant-numeric:tabular-nums;color:#c7c3b4;font-size:0.95rem}.latest-match-card .mmr .gain{margin-left:6px;font-size:0.9rem}.latest-match-card .mmr .gain.pos{color:var(--primary-gold)}.latest-match-card .mmr .gain.neg{color:#ff6b6b}.latest-match-card .mmr .gain.zero{color:#c7c3b4}.latest-match-card .mmr.calibrating{color:#d8d0bf}.latest-match-card .match-title{gap:0.5rem;flex-wrap:wrap}.latest-match-card .match-header,.latest-match-card .team{line-height:1.2}.compare-row{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch;margin:10px 0 12px 0}#compareResult.compare-result{background:rgba(255,255,255,0.03);border:1px solid rgba(255,215,0,0.15);border-radius:12px;padding:12px 14px}#compareSuggestions.search-suggestions{border-color:rgba(218,165,32,0.55);border-top:none}#compareSuggestions .search-suggestion{font-size:1.1rem;padding:0.65rem 1rem}@media (max-width:768px){.compare-row{grid-template-columns:1fr}.compare-days,.compare-btn{width:100%}}@media (max-width:700px){.relationships-head{align-items:flex-start;flex-direction:column}.rel-preset-tabs{width:100%;border-radius:12px}.rel-preset-tab{flex:1 1 auto;min-width:68px;text-align:center}}#compareTable th,#compareTable td{padding:8px}#compareTable th{font-weight:700}#compareTable tr{border-bottom:1px solid rgba(255,255,255,0.2)}#compareTable tr:last-child{border-bottom:none}.cmp-kind{font-weight:700}.cmp-delta{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.cmp-delta.pos{color:var(--primary-gold)}.cmp-delta.neg{color:#ffb3b3}.compare-card{overflow:visible}.compare-card .detail-search-container{position:relative}.compare-card #compareSuggestions.search-suggestions{position:absolute;top:calc(100%+6px);left:0;right:0;z-index:9999;display:none;max-height:280px;overflow:auto}.chart-and-latest-section{display:flex;gap:40px}.mmr-card{position:relative}.player-mmr-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:0.75rem}.player-mmr-summary{display:flex;flex-direction:column;align-items:flex-end;gap:0.2rem;text-align:right}.player-mmr-summary-label{color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;font-size:0.78rem}.player-mmr-summary-value{color:var(--primary-gold);font-size:1.8rem;line-height:1}.mmr-chart-wrap{height:260px}@media (min-width:900px){.mmr-chart-wrap{height:320px}}@media only screen and (max-width:700px){.player-mmr-head{flex-direction:column;align-items:flex-start}.player-mmr-summary{align-items:flex-start;text-align:left}}@media only screen and (max-width:1000px){.main-section{flex-direction:column;gap:0.5rem !important;margin:1rem 10%;width:80%}.main-section h1{margin-bottom:1rem}.main-text{width:80% !important;gap:0 !important;margin:1rem auto}.main-text p{font-size:1.1rem !important}.main-screenshot{width:80% !important;margin:1rem auto}.main-buttons{width:80% !important;margin:1rem auto}.main-buttons a{width:100% !important;max-width:100% !important;padding-top:1rem !important}.main-reverse{flex-direction:column-reverse}}@media only screen and (max-width:1064px){.btn-main{font-size:16px !important;height:auto !important}}@media only screen and (max-width:600px){.btn-main{font-size:14px !important}}@media only screen and (max-width:500px){.btn-main{font-size:13px !important}}@media (max-width:768px){.hero-section{grid-template-columns:1fr;text-align:center}.cta-buttons{align-items:center}.screenshot-gallery{grid-template-columns:1fr}.play-cta{margin-bottom:-26px}}@media (max-width:760px){.top-cta-section{padding:18px 16px 16px 16px;margin:12px 0 30px 0}.top-cta-head{flex-direction:column;gap:10px;margin-bottom:8px}.top-cta-section h2{font-size:1.7rem}.top-cta-copy{font-size:1.03rem;margin-bottom:10px}}