:root{--primary-gold:#ffd700;--light-gold:#ffed4a;--secondary-gold:#daa520;--dark-brown:#1a0f0a;--medium-brown:#2d1810;--light-brown:#cd853f;--text:#ffffff;--lemon-chiffon:#fffacd;--transition-fast:0.3s ease;--transition-slow:0.6s ease}@font-face{font-family:"WarcraftFont";src:url(../font/warcraft.ttf);font-display:swap}@font-face{font-family:"wittgenstein";src:url(../font/wittgenstein.ttf);font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;height:auto}body{background:linear-gradient(180deg,var(--dark-brown) 0%,var(--medium-brown) 30%,#1f1611 70%,#0f0a08 100%);font-family:"wittgenstein",serif;color:#fff;overflow-x:hidden;position:relative}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(139,69,19,0.2) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(184,134,11,0.15) 0%,transparent 40%);pointer-events:none;z-index:1;will-change:transform}h1{margin-top:0px;font-size:2.5em;color:var(--primary-gold)}h2{font-size:1.5rem;color:var(--primary-gold)}h4{color:var(--primary-gold);margin:15px 0 10px 0}h5{font-size:16px;border:1px solid rgba(255,215,0,0.2);padding:5px 10px;background:linear-gradient(135deg,rgba(139,69,19,0.2) 0%,rgba(160,82,45,0.1) 100%);border-radius:6px;transform:translateX(-26px);margin:12px 6px}a{color:var(--primary-gold);text-decoration:none;position:relative;transition:color 0.3s ease}a:hover{color:var(--light-gold)}a:visited{text-decoration:none}ul{margin-left:20px;line-height:1.6}li{margin-left:26px}table{width:100%;border-collapse:collapse}tr{border-bottom:1px solid rgba(255,255,255,0.2)}th{text-align:left;padding:8px}td{padding:8px;vertical-align:top}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.value-change{display:inline-block;padding:0 6px;border-radius:4px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.15);color:#ffd700;font-weight:bold;font-family:monospace;white-space:nowrap}.error{color:var(--primary-gold);text-align:center;margin-top:1rem}.win{color:#3cb44b}.loss{color:#e6194b}.magical-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;will-change:transform}.particle{position:absolute;width:4px;height:4px;background:var(--primary-gold);border-radius:50%;animation:float-particle 6s infinite linear;opacity:0.6}@keyframes float-particle{0%{transform:translateY(100vh) scale(0);opacity:0}10%,90%{opacity:0.6}100%{transform:translateY(-50px) scale(1);opacity:0}}.container{max-width:1480px;margin:2rem auto;padding:20px 0;position:relative;z-index:2;min-height:calc(100vh - 490px)}header{text-align:center;padding:22px 0 16px 0;position:relative;background-image:url("../img/TopBanner.webp");text-shadow:4px 4px;background-repeat:no-repeat;background-size:cover;background-position:center}.top-border{background-image:url("../img/TopBorder.webp");background-repeat:repeat-x;width:100%;height:25px}.bottom-border{background-image:url("../img/BottomBorder.webp");background-repeat:repeat-x;width:100%;height:25px}.title-container{position:relative;display:inline-block;margin-bottom:8px;user-select:none}.header-home-link{display:block;padding:0;color:inherit;text-decoration:none}.header-home-link:hover,.header-home-link:active,.header-home-link:focus,.header-home-link:focus-visible,.header-home-link:visited{color:inherit;text-decoration:none;outline:none}.logo{font-size:clamp(2.1rem,6.2vw,5.4rem);font-weight:700;font-family:"WarcraftFont",serif;background:linear-gradient(45deg,var(--primary-gold) 0%,#ffed4a 25%,var(--secondary-gold) 50%,#b8860b 75%,var(--primary-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px rgba(255,215,0,0.5);animation:titleGlow 3s ease-in-out infinite alternate;text-transform:uppercase;letter-spacing:0.6px;position:relative;z-index:3;line-height:0.98}.subtitle{font-size:clamp(1rem,2.3vw,1.9rem);color:var(--lemon-chiffon);margin-top:-14px;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,0.5);font-family:"WarcraftFont",serif;line-height:1}footer{text-align:center;padding:40px 0;background-image:url("../img/BottomBanner.webp");margin-top:-10px;background-repeat:no-repeat;background-size:cover;background-position:center}footer p{color:rgb(255,250,205)}.social-links{display:flex;justify-content:center;margin-bottom:20px;gap:20px}.social-links a{background-color:rgb(51 31 19);font-size:1.5rem;transition:var(--transition-fast);padding:10px;border-radius:50%;border:1px solid rgba(255,215,0,0.3)}.social-links a:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(255,215,0,0.3);background-color:rgb(51 31 19)}.social-links a:hover img{opacity:1}.DiscordImg{clip-path:circle(50%);display:block;margin:auto;width:40px}.W3CImg{clip-path:circle(50%);display:block;margin:auto;width:40px}.HiveImg{clip-path:circle(50%);display:block;margin:auto;width:40px}.page-title{margin-bottom:2rem;display:flex;justify-content:space-between;width:100%;align-items:flex-start}.page-title h1{margin-bottom:0}.spacer-left{flex-grow:8;align-self:center;margin-right:0;min-width:10%;max-height:4px}.spacer-right{flex-grow:8;align-self:center;margin-left:0;min-width:10%;max-height:4px}.side-spacer{margin-right:10px;max-width:4px}.inline-nav{display:flex;justify-content:center;padding-bottom:18px;text-align:center;z-index:2;position:relative;bottom:-30px;text-shadow:0 0;box-shadow:0 4px 10px rgba(0,0,0,0.25);gap:24px;flex-wrap:wrap}.nav-btn:hover{filter:brightness(1.2)}.nav-btn.active{filter:brightness(1.35)}.nav-btn{background-image:url(/img/ButtonFrame.webp);background-size:100% 100%;border:2px solid black;border-style:hidden;border-radius:5px;padding:6px 18px;width:auto;min-width:150px;color:var(--primary-gold);font-size:1.35rem;text-decoration:none;font-weight:bold;text-align:center}.site-source-warning{position:relative;z-index:2;max-width:min(1120px,calc(100% - 4rem));margin:1.25rem auto 0 auto;padding:0.8rem 1rem;border:1px solid rgba(243,156,18,0.95);border-radius:8px;background:linear-gradient(180deg,rgba(255,215,0,0.17),rgba(255,215,0,0.07));color:#ffe07a;font-size:1.04rem;font-weight:600;line-height:1.38;text-align:center;box-shadow:inset 0 1px 0 rgba(255,232,168,0.08)}.site-source-warning a{color:var(--primary-gold);font-weight:800;text-decoration:underline;text-underline-offset:3px}.site-source-warning a:hover{color:#ffed4a}@media (max-width:768px){header{padding:14px 0 10px 0}header .play-cta{display:inline-block;width:min(340px,calc(100% - 16px));max-width:calc(100% - 16px);margin-bottom:-20px;overflow:hidden;box-sizing:border-box}header .play-img{display:block;width:100%;max-width:100%;height:auto;max-height:96px}.title-container{margin-bottom:4px}.subtitle{margin-top:-8px}.logo::before,.logo::after{display:none}.inline-nav{bottom:-16px;gap:20px 22px;padding:0 0.75rem 28px}.site-source-warning{max-width:calc(100% - 2rem);margin-top:1rem;font-size:0.92rem}}@media (max-width:640px){.page-title{overflow:hidden}.spacer-left,.spacer-right{min-width:0;flex-grow:2}}.card-border{border:10px solid transparent;border-image:url(/img/TableBorder.webp) 15;background-color:rgba(255,215,0,0.075);background-clip:padding-box;border-radius:5px;padding:26px;margin-top:1em}.card-border p{font-size:1rem}.btn{padding:15px 25px;font-size:1.1rem;border:none;border-radius:50px;cursor:pointer;transition:var(--transition-fast);text-decoration:none;display:inline-block;font-weight:600;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;height:58px;will-change:transform}.btn-primary{background:linear-gradient(45deg,var(--primary-gold),#f39c12);color:#000;box-shadow:0 4px 15px rgba(255,215,0,0.3);max-width:80%}.btn-secondary{background:transparent;color:var(--primary-gold);border:2px solid var(--primary-gold);max-width:80%}.btn:hover{transform:translateY(-3px);filter:brightness(1.1)}.btn-primary:hover{box-shadow:0 6px 20px rgba(255,215,0,0.5)}.btn-secondary:hover{background:rgba(255,215,0,0.1);box-shadow:0 4px 15px rgba(255,215,0,0.3)}@media (max-width:768px){.btn{width:100%;max-width:280px}}.progress-spinner{width:40px;height:40px;border-radius:50%;border:6px solid #a67c00;border-top-color:#ffd700;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.has-tooltip{position:relative;z-index:2}.has-rich-tooltips .has-tooltip::after{display:none;content:none}.has-tooltip::after{content:attr(data-tooltip);position:absolute;left:50%;top:-60%;transform:translateX(-50%) translateY(4px);padding:6px 8px;border-radius:8px;background:rgba(18,14,6,0.96);border:1px solid rgba(255,215,0,0.26);color:#f6ead0;font-size:0.74rem;font-weight:600;line-height:1.25;white-space:nowrap;pointer-events:none;opacity:0;box-shadow:0 8px 20px rgba(0,0,0,0.28);z-index:20;transition:opacity 0.15s ease,transform 0.15s ease}.has-tooltip:hover::after,.has-tooltip:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}.has-tooltip:hover,.has-tooltip:focus-visible{z-index:30}.cf-tooltip{position:fixed;max-width:min(26rem,calc(100vw - 24px));padding:8px 10px;border-radius:10px;background:rgba(18,14,6,0.96);border:1px solid rgba(255,215,0,0.26);color:#f6ead0;font-size:0.8rem;font-weight:600;line-height:1.35;white-space:normal;pointer-events:none;box-shadow:0 10px 26px rgba(0,0,0,0.34);z-index:2000}.cf-tooltip[hidden]{display:none}.cf-tooltip-content,.wc3-rich-text{color:#d8d6cc;line-height:1.5}.wc3-inline-color{color:inherit}.graph-metric-control{display:flex;flex-direction:column;gap:6px;min-width:220px}.graph-metric-label{color:#8a9ba8;font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.graph-metric-dropdown{position:relative;min-width:220px}.graph-metric-button{width:100%;min-width:220px;padding:12px 16px;border-radius:18px;border:1px solid rgba(255,215,0,0.3);background:linear-gradient(180deg,rgba(255,215,0,0.12),rgba(255,215,0,0.03)),rgba(20,14,6,0.9);color:#f5d76b;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.2;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 10px 24px rgba(0,0,0,0.18);transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease,background 160ms ease}.graph-metric-button::after{content:"";flex:0 0 auto;width:10px;height:10px;margin-right:2px;border-right:2px solid rgba(255,215,0,0.92);border-bottom:2px solid rgba(255,215,0,0.92);transform:translateY(-2px) rotate(45deg);transition:transform 160ms ease}.graph-metric-button:hover,.graph-metric-dropdown.is-open .graph-metric-button{border-color:rgba(255,215,0,0.46);box-shadow:0 0 0 3px rgba(255,215,0,0.08),inset 0 1px 0 rgba(255,255,255,0.06),0 14px 30px rgba(0,0,0,0.22)}.graph-metric-button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,215,0,0.16),inset 0 1px 0 rgba(255,255,255,0.06),0 14px 30px rgba(0,0,0,0.22)}.graph-metric-dropdown.is-open .graph-metric-button::after{transform:translateY(2px) rotate(225deg)}.graph-metric-menu{position:absolute;top:calc(100%+10px);left:0;right:0;z-index:30;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:18px;border:1px solid rgba(255,215,0,0.18);background:linear-gradient(180deg,rgba(60,42,10,0.98),rgba(29,20,6,0.98)),rgba(20,14,6,0.96);box-shadow:0 18px 36px rgba(0,0,0,0.34),inset 0 1px 0 rgba(255,255,255,0.04);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(-6px) scale(0.98);pointer-events:none;transition:opacity 140ms ease,transform 140ms ease,visibility 140ms ease}.graph-metric-dropdown.is-open .graph-metric-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.graph-metric-option{width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#e8dbc0;font-family:inherit;font-size:0.94rem;font-weight:600;text-align:left;cursor:pointer;transition:background 140ms ease,color 140ms ease,transform 140ms ease}.graph-metric-option:hover,.graph-metric-option:focus-visible{outline:none;background:rgba(255,215,0,0.1);color:#fff2b3;transform:translateX(2px)}.graph-metric-option.is-active{background:linear-gradient(180deg,rgba(255,215,0,0.16),rgba(255,215,0,0.07)),rgba(255,215,0,0.05);color:#ffd54a}.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:stretch}.graph-chart-panel{margin:0}.graph-side-legend{margin:0;padding:12px;border-radius:16px;border:1px solid rgba(255,215,0,0.1);background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01)),rgba(0,0,0,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 10px 30px rgba(0,0,0,0.08);display:flex;flex-direction:column;gap:10px;align-content:stretch}@media (max-width:640px){.graph-layout{grid-template-columns:1fr}.graph-side-legend{order:-1}}.is-hidden{display:none !important}.search-container{width:100%;position:relative;display:flex;justify-content:center;margin-top:2px}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #80640a;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;display:none}.search-suggestion{padding:0.75rem 1.5rem;cursor:pointer;color:#ffd700;border-bottom:1px solid #32261d;transition:background-color 0.2s ease;background-color:#49300f;font-size:1.5rem}.search-input{width:100%;max-width:560px;padding:0.85rem 1.15rem;background:#fff;border:2px solid #aaa;border-radius:8px;color:#000;font-size:1.03rem;transition:all 0.3s ease}.search-input:focus{outline:none;border-color:#eed17a;box-shadow:0 0 0 3px rgba(100,255,218,0.1)}.search-input::placeholder{color:#8a9ba8}.chart-container{position:relative;width:100%;height:440px;max-width:100vw;overflow-x:hidden;margin-top:8px;padding:16px 18px 8px 8px;border-radius:18px;background:linear-gradient(180deg,rgba(255,215,0,0.06) 0%,rgba(255,215,0,0.01) 100%),radial-gradient(circle at top,rgba(75,120,180,0.14) 0%,rgba(0,0,0,0) 58%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),inset 0 0 0 1px rgba(255,215,0,0.06)}@media (max-width:640px){.chart-container{height:280px;padding:10px 10px 4px 2px}}.error-banner{display:none;margin:16px 0;padding:12px;border:1px solid #6b1b1b;background:#2a1212;color:#ffb3b3;border-radius:8px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:10px}.card-head h2{flex:1 1 auto;min-width:0;margin:0}.rank-select{background:rgba(15,20,34,0.6);color:var(--text);border:1px solid rgba(255,215,0,0.22);padding:7px 10px;border-radius:12px;font-size:12px;cursor:pointer;line-height:1.1;max-width:100%;flex:0 1 280px}.rank-select:focus{outline:none;border-color:rgba(78,230,166,0.55);box-shadow:0 0 0 4px rgba(78,230,166,0.1)}@media (max-width:640px){.rank-select{flex-basis:100%;width:100%}}.mmr-chart{width:100%;height:400px;display:block}.race-icon{width:32px;height:32px;vertical-align:middle;margin-right:6px;border:1px solid #000;border-radius:4px}.about-section{width:100%}.about-text{font-size:1.3rem;line-height:1.8;color:#e0e0e0}.flourish-middle{display:block;margin-left:auto;margin-right:auto;margin-top:10px;margin:1rem auto 4rem auto}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}