:root{--canvas:#08111d;--surface:#101d2d;--elevated:#172940;--ink:#f4f8ff;--muted:#9dafc8;--blue:#3f8cff;--cyan:#69deff;--lime:#b9f768;--line:#a5caff29;color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{font:inherit}button,a[href]{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.loading-screen{background:var(--canvas);justify-content:center;align-items:center;min-height:100vh;font-weight:800;display:grid}.login-shell{background:var(--canvas);grid-template-columns:minmax(360px,.95fr) minmax(480px,1.05fr);min-height:100vh;display:grid;overflow:hidden}.login-copy{z-index:1;flex-direction:column;justify-content:space-between;min-height:100%;padding:36px clamp(32px,7vw,112px);display:flex;position:relative}.brand{letter-spacing:-.06em;align-items:center;gap:10px;width:fit-content;min-height:44px;font-size:20px;font-weight:900;display:inline-flex}.brand-ball{background:conic-gradient(from 34deg, var(--cyan), var(--blue), var(--lime), var(--cyan));border-radius:50%;width:22px;height:22px;display:block;position:relative;box-shadow:0 0 28px #3f8cff77}.brand-ball:after{border:2px solid var(--canvas);content:"";border-radius:50%;position:absolute;inset:5px}.kicker{color:var(--cyan);letter-spacing:.16em;margin:0 0 14px;font-size:11px;font-weight:900}.login-copy h1{letter-spacing:-.09em;text-transform:uppercase;max-width:620px;margin:0;font-family:Arial Black,Inter,sans-serif;font-size:clamp(52px,6vw,92px);line-height:.88}.lead{color:var(--muted);max-width:410px;margin:26px 0 30px;font-size:17px;line-height:1.55}.discord-button{background:#5865f2;border-radius:14px;align-items:center;gap:11px;min-height:52px;padding:0 20px;font-weight:850;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s;display:inline-flex;box-shadow:0 13px 30px #5865f244}.discord-button:hover{background:#6975ff;transform:translateY(-2px)}.discord-button svg{fill:currentColor;width:23px;height:23px}.login-note{color:#71829a;margin:34px 0 0;font-size:13px}.pitch{isolation:isolate;background:#0b1d30;min-height:100%;position:relative;overflow:hidden}.pitch:before,.pitch:after{content:"";border:1px solid #8cf0ff2e;border-radius:50%;width:950px;height:950px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.pitch:after{width:520px;height:520px}.pitch-glow{filter:blur(12px);background:radial-gradient(circle,#3f8cff60 0,#123b6888 35%,#0000 70%);position:absolute;inset:0}.pitch-lines{opacity:.42;background-image:linear-gradient(90deg,#0000 49.8%,#b9f76844 50%,#0000 50.2%),linear-gradient(#b9f76844 1px,#0000 1px);background-size:100% 100%,100% 72px;position:absolute;inset:10%;transform:perspective(800px)rotateX(54deg)scale(1.22)}.pitch-copy{z-index:1;position:absolute;bottom:8vw;left:10%}.pitch-copy span{color:var(--lime);letter-spacing:.2em;font-size:11px;font-weight:900}.pitch-copy strong{letter-spacing:-.08em;margin-top:12px;font-family:Arial Black,Inter,sans-serif;font-size:clamp(42px,5vw,76px);line-height:.85;display:block}.formation{position:absolute;inset:0;transform:rotate(-18deg)scale(1.15)}.formation i{background:var(--lime);border:6px solid #0a1b2ca8;border-radius:50%;width:28px;height:28px;position:absolute;box-shadow:0 0 0 8px #b9f76821,0 0 30px #b9f768a8}.formation i:first-child{top:49%;left:16%}.formation i:nth-child(2){top:20%;left:31%}.formation i:nth-child(3){top:40%;left:31%}.formation i:nth-child(4){top:62%;left:31%}.formation i:nth-child(5){top:80%;left:31%}.formation i:nth-child(6){top:30%;left:51%}.formation i:nth-child(7){top:54%;left:51%}.formation i:nth-child(8){top:19%;left:66%}.formation i:nth-child(9){top:43%;left:66%}.formation i:nth-child(10){top:67%;left:66%}.formation i:nth-child(11){top:50%;left:84%}.app-shell{background:radial-gradient(circle at 80% -10%, #17467b66, transparent 33%), var(--canvas);min-height:100vh;padding:0 clamp(20px,6vw,90px) 48px}.app-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.app-nav nav{gap:28px;margin-left:auto;margin-right:34px;display:flex}.app-nav nav a{color:var(--muted);align-items:center;min-height:44px;font-size:14px;font-weight:750;display:inline-flex}.app-nav nav a:hover,.app-nav nav .is-active{color:var(--ink)}.player-menu{align-items:center;gap:10px;display:flex}.player-menu button{color:var(--muted);background:0 0;border:0;min-height:44px;padding:0 4px;font-size:13px}.player-menu button:hover{color:var(--ink)}.coins{color:var(--lime);font-size:13px;font-weight:850}.avatar{border:2px solid var(--blue);object-fit:cover;border-radius:50%;width:40px;height:40px}.avatar-fallback{background:var(--elevated);justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.welcome{justify-content:space-between;align-items:end;padding:76px 0 36px;display:flex}.welcome h1{letter-spacing:-.06em;margin:0;font-size:clamp(34px,4vw,56px);line-height:1}.welcome>div>p:not(.kicker){color:var(--muted);margin:12px 0 0}.season-chip{background:var(--elevated);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:750;display:flex}.season-chip span{background:var(--lime);border-radius:50%;width:7px;height:7px}.dashboard-grid{grid-template-columns:1.5fr 1fr 1fr;gap:18px;display:grid}.match-card,.stat-card,.rank-card{background:linear-gradient(135deg, var(--elevated), var(--surface));border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0000002b,0 0 28px #3f8cff0d}.match-card{grid-row:span 2;min-height:404px;padding:32px}.match-card h2,.rank-card h2{letter-spacing:-.05em;margin:0;font-size:30px}.match-card>p:not(.kicker),.rank-card>div>p:not(.kicker){color:var(--muted);max-width:260px;line-height:1.5}.play-button{background:var(--blue);color:#fff;z-index:1;border:0;border-radius:14px;align-items:center;gap:16px;min-height:48px;margin-top:20px;padding:0 18px;font-weight:850;transition:transform .18s;display:inline-flex;position:relative}.play-button:hover{transform:translateY(-2px)}.play-button span{font-size:20px}.match-field{width:360px;height:230px;position:absolute;bottom:-48px;right:-46px;transform:rotate(-20deg)}.match-field:before{content:"";border:2px solid #69deff6b;border-radius:50%;position:absolute;inset:42px}.match-field i{background:var(--lime);box-shadow:0 0 22px var(--lime);border-radius:50%;width:10px;height:10px;position:absolute}.match-field i:first-child{top:14%;left:35%}.match-field i:nth-child(2){top:47%;left:18%}.match-field i:nth-child(3){top:45%;left:50%}.match-field i:nth-child(4){top:34%;left:76%}.match-field i:nth-child(5){top:72%;left:64%}.stat-card{flex-direction:column;justify-content:space-between;min-height:193px;padding:24px;display:flex}.stat-card p{color:var(--muted);letter-spacing:.13em;margin:0;font-size:11px;font-weight:900}.stat-card strong{letter-spacing:-.06em;font-size:34px}.stat-card small{color:var(--muted);letter-spacing:0;font-size:14px;font-weight:600}.stat-card span{color:var(--lime);font-size:13px;font-weight:750}.progress-track{background:#091421;border-radius:999px;width:100%;height:5px;margin-top:10px;display:block;overflow:hidden}.progress-track i{background:var(--lime);border-radius:inherit;width:24%;height:100%;display:block}.progress-track.is-ready i{width:68%}.rank-card{grid-column:span 2;justify-content:space-between;align-items:center;min-height:193px;padding:28px 32px;display:flex}.rank-card h2{font-size:24px}.rank-emblem{background:linear-gradient(145deg, var(--blue), #14386b);border:8px solid #69deff33;border-radius:34% 34% 48% 48%;justify-content:center;align-items:center;width:86px;height:108px;font-family:Arial Black,Inter,sans-serif;font-size:44px;display:flex;transform:rotate(6deg);box-shadow:0 14px 35px #3f8cff48}@media (width<=760px){.login-shell{grid-template-columns:1fr}.login-copy{min-height:64vh;padding:28px 24px}.pitch{min-height:36vh}.pitch-copy{bottom:30px}.app-nav nav,.player-menu .coins{display:none}.app-shell{padding:0 18px 30px}.welcome{flex-direction:column;align-items:start;gap:20px;padding:48px 0 28px}.dashboard-grid{grid-template-columns:1fr}.match-card{grid-row:auto}.rank-card{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}