:root{color-scheme:dark;--bg:#070a11;--bg2:#0a0f19;--surface:#0d1421;--surface2:#111b2c;--line:rgba(220,232,255,.10);--line2:rgba(220,232,255,.17);--ink:#f4f7ff;--muted:#a1aec3;--muted2:#71809b;--cyan:#48c8f5;--blue:#5578ff;--violet:#a18aff;--amber:#ffbd62;--green:#5ee1a0;--radius:18px;--font:'Inter',system-ui,sans-serif;--display:'Oxanium','Inter',sans-serif;--ease:cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 52% -18%,rgba(39,73,143,.18),transparent 43%),var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 86%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.announce-bar{min-height:32px;padding:6px 28px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,rgba(61,92,220,.24),rgba(113,74,207,.23),rgba(31,161,203,.18));border-bottom:1px solid rgba(255,255,255,.07);font-size:10px;letter-spacing:.1em;color:#dbe5ff;text-transform:uppercase}.announce-bar strong{font-weight:800}.announce-bar>span:not(.status-dot){color:#9facca;letter-spacing:.035em;text-transform:none}.announce-bar a{margin-left:10px;color:#d9f5ff;font-weight:700;letter-spacing:.025em;text-transform:none}.status-dot{width:7px;height:7px;flex:0 0 7px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(94,225,160,.45)}.topbar{height:76px;position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:22px;padding:0 clamp(16px,3vw,42px);background:rgba(5,8,15,.89);border-bottom:1px solid var(--line);backdrop-filter:blur(20px) saturate(140%)}.brand{display:flex;align-items:center;gap:13px;flex:0 0 234px;min-width:0}.brand img{display:block;width:130px;height:auto;object-fit:contain}.brand-divider{height:27px;width:1px;background:var(--line2)}.brand-label{font:700 10px var(--display);color:#9eb0d0;letter-spacing:.12em;white-space:nowrap}.primary-nav{height:100%;display:flex;justify-content:center;align-items:stretch;gap:2px;flex:1;min-width:0}.nav-link{position:relative;display:flex;align-items:center;justify-content:center;padding:0 clamp(8px,1.05vw,17px);border:0;background:transparent;color:#aebad0;white-space:nowrap;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.045em;transition:color .2s,background .2s}.nav-link:after{position:absolute;left:15px;right:15px;bottom:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));content:"";transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.nav-link:hover{color:white;background:rgba(255,255,255,.025)}.nav-link.active{color:white;background:linear-gradient(180deg,rgba(72,200,245,.13),rgba(85,120,255,.04))}.nav-link.active:after{transform:scaleX(1)}.top-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.icon-action{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#bbc8dd;transition:.2s}.icon-action:hover{color:white;border-color:rgba(72,200,245,.45);background:rgba(72,200,245,.09)}.icon-action svg,.account-button>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.account-button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:13px;padding:6px 10px 6px 7px;background:rgba(255,255,255,.035);text-align:left;cursor:pointer;transition:.2s}.account-button:hover{border-color:var(--line2);background:rgba(255,255,255,.07)}.account-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,#456dff,#8f6bff 65%,#51c8e9);font:800 19px var(--display);color:white;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.account-copy{display:grid;gap:1px}.account-copy strong{font:800 10px var(--display);letter-spacing:.12em}.account-copy small{font-size:9px;color:var(--muted2)}.account-button>svg{width:12px;height:12px;color:var(--muted2)}.mobile-nav-toggle{display:none}.page-shell{width:min(1430px,calc(100% - 64px));margin:0 auto;padding:34px 0 74px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:31px}.breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:13px;font:800 10px var(--display);letter-spacing:.14em;color:var(--muted2)}.breadcrumb b{color:#394967}.breadcrumb strong{color:var(--cyan)}.page-intro h1{margin:0;font:700 clamp(25px,3.1vw,39px)/1.18 var(--display);letter-spacing:-.035em}.page-intro h1 span{background:linear-gradient(100deg,#dce7ff 0%,#8bdcff 48%,#a694ff 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.intro-copy{max-width:760px;margin:13px 0 0;color:#9eabc1;font-size:13px;line-height:1.7}.platform-status{display:flex;align-items:center;gap:8px;white-space:nowrap;font:700 9px var(--display);letter-spacing:.09em;color:#7f8ea8;border:1px solid var(--line);border-radius:99px;padding:11px 14px;background:rgba(255,255,255,.02)}.status-separator{color:#4e5b72}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:stretch}.section-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.eyebrow{display:flex;align-items:center;gap:11px;color:#7fa4ff;font:800 10px var(--display);letter-spacing:.14em;text-transform:uppercase}.eyebrow-line{height:1px;width:32px;background:linear-gradient(90deg,rgba(85,120,255,.65),transparent)}.game-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(72,200,245,.21);border-radius:999px;padding:6px 11px;color:#b5eaff;background:rgba(72,200,245,.06);font:800 10px var(--display);letter-spacing:.12em}.ball-mark{width:10px;height:10px;border-radius:50%;background:linear-gradient(140deg,#4bd0f3,#4d72ff);box-shadow:0 0 10px rgba(72,200,245,.4)}.mode-heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.mode-heading-row h2,.section-header h2{margin:0;font:700 23px var(--display);letter-spacing:-.025em}.mode-tabs{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.mode-tab{border:0;border-radius:8px;padding:9px 14px;background:transparent;color:#8898b2;font-size:11px;font-weight:800;cursor:pointer;transition:.22s}.mode-tab:hover{color:white}.mode-tab.active{color:#fff;background:linear-gradient(135deg,rgba(78,117,255,.3),rgba(72,200,245,.16));box-shadow:inset 0 0 0 1px rgba(109,151,255,.2)}.mode-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mode-panel[hidden]{display:none}.mode-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:270px;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:17px;background:linear-gradient(150deg,rgba(24,40,66,.92),rgba(12,18,30,.97));isolation:isolate;transition:transform .28s var(--ease),border-color .28s,box-shadow .28s}.mode-card:before{position:absolute;content:"";inset:0;z-index:-2;opacity:.8;background:radial-gradient(ellipse at 90% 0%,rgba(72,200,245,.13),transparent 46%)}.mode-card:hover{transform:translateY(-3px);border-color:rgba(146,179,255,.32);box-shadow:0 17px 35px rgba(0,0,0,.18)}.mode-card-violet{background:linear-gradient(150deg,rgba(40,31,75,.83),rgba(13,17,32,.98))}.mode-card-violet:before{background:radial-gradient(ellipse at 90% 0%,rgba(161,138,255,.22),transparent 48%)}.mode-card-amber{background:linear-gradient(150deg,rgba(67,44,27,.8),rgba(17,18,29,.98))}.mode-card-amber:before{background:radial-gradient(ellipse at 90% 0%,rgba(255,189,98,.18),transparent 48%)}.mode-card-cyan{background:linear-gradient(150deg,rgba(20,52,66,.9),rgba(12,18,30,.98))}.mode-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mode-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(91,166,255,.24);border-radius:11px;background:rgba(82,138,255,.1);color:#71d0ff}.mode-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.mode-card-violet .mode-icon{color:#c2aaff;background:rgba(161,138,255,.1);border-color:rgba(161,138,255,.23)}.mode-card-amber .mode-icon{color:#ffc577;background:rgba(255,189,98,.1);border-color:rgba(255,189,98,.24)}.availability,.planned-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(161,174,195,.15);border-radius:6px;padding:5px 7px;color:#8f9db5;background:rgba(3,5,10,.25);font:800 8px var(--display);letter-spacing:.085em;white-space:nowrap}.card-kicker{margin:24px 0 6px;color:#7f92b2;font:800 9px var(--display);letter-spacing:.13em}.mode-card h3{margin:0 0 9px;font:700 20px/1.2 var(--display)}.mode-card p:not(.card-kicker){margin:0;color:#9baac1;font-size:11px;line-height:1.7}.card-action{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px;padding:11px 0 0;border:0;border-top:1px solid rgba(255,255,255,.09);background:transparent;color:#c8d7f1;text-align:left;font-size:10px;font-weight:800;cursor:pointer}.card-action span{font-size:16px;color:var(--cyan);transition:transform .2s}.card-action:hover span{transform:translate(2px,-2px)}.card-glow{position:absolute;right:-50px;bottom:0;width:125px;height:125px;border-radius:50%;filter:blur(50px);opacity:.14;background:var(--cyan);pointer-events:none}.mode-card-violet .card-glow{background:var(--violet)}.mode-card-amber .card-glow{background:var(--amber)}.casual-note{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.02)}.note-icon{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(72,200,245,.28);border-radius:50%;font:700 11px var(--display);color:var(--cyan)}.casual-note p{margin:1px 0 0;color:#9aa9c0;font-size:11px}.profile-panel{position:relative;min-width:0;overflow:hidden;align-self:stretch;border:1px solid rgba(130,153,200,.18);border-radius:17px;background:linear-gradient(165deg,rgba(17,27,45,.98),rgba(10,15,25,.99));box-shadow:0 18px 55px rgba(0,0,0,.12)}.profile-cover{height:123px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(125deg,#172a52 0%,#29255c 52%,#112b3c 100%)}.profile-cover:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(7,10,17,.38),transparent 46%,rgba(7,10,17,.42)),repeating-linear-gradient(125deg,transparent 0 24px,rgba(255,255,255,.03) 24px 25px)}.profile-orbit{position:absolute;border:1px solid rgba(120,186,255,.17);border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:270px;height:92px}.orbit-two{width:215px;height:142px;transform:rotate(48deg)}.profile-monogram{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(145deg,#5079ff,#9a77ff 60%,#4bc4e4);box-shadow:0 7px 35px rgba(68,117,255,.42),inset 0 1px 0 rgba(255,255,255,.28);font:800 37px var(--display)}.profile-spark{position:absolute;right:calc(50% - 50px);top:27px;color:#d9d3ff;font-size:16px}.profile-content{padding:20px 19px 15px}.profile-heading{display:flex;justify-content:space-between;align-items:center;gap:9px}.profile-label{display:block;color:#6f85a9;font:800 8px var(--display);letter-spacing:.11em}.profile-heading h2{margin:4px 0 0;font:700 22px var(--display)}.profile-lock{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.045);color:#7e8eab}.profile-lock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.profile-id{margin:9px 0 11px;color:#8e9db6;font:700 10px var(--display);letter-spacing:.11em}.profile-id span{color:#697b97;letter-spacing:.04em}.profile-description{margin:0;color:#9baac0;font-size:11px;line-height:1.65}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0 15px}.profile-stats>div{display:grid;gap:6px;place-items:center;padding:11px 4px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.profile-stats span{font:700 18px var(--display);color:#cbd9f1}.profile-stats small{font:800 8px var(--display);letter-spacing:.09em;color:#788aa8}.profile-manage{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border:1px solid rgba(85,120,255,.32);border-radius:9px;background:rgba(85,120,255,.08);color:#dbe4ff;text-align:left;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}.profile-manage:hover{background:rgba(85,120,255,.15);border-color:rgba(85,120,255,.55)}.profile-manage span{color:#85d9ff;font-size:15px}.profile-foot{display:flex;align-items:center;gap:8px;padding:12px 19px;border-top:1px solid var(--line);color:#7587a4;font:800 8px var(--display);letter-spacing:.09em}.profile-foot .status-dot{width:5px;height:5px;flex-basis:5px}.content-section{margin-top:67px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-header h2{margin-top:8px}.section-subtitle{margin:7px 0 0;color:#8899b4;font-size:12px}.section-index{align-self:center;color:#536581;font:700 10px var(--display);letter-spacing:.13em}.happenings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.event-panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(17,27,44,.95),rgba(11,16,26,.98))}.panel-heading{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line)}.panel-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px}.panel-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.panel-icon-blue{color:#77cfff;background:rgba(72,200,245,.09);border:1px solid rgba(72,200,245,.17)}.panel-icon-violet{color:#c2aaff;background:rgba(161,138,255,.1);border:1px solid rgba(161,138,255,.18)}.panel-heading h3{margin:0;font:700 15px var(--display)}.panel-heading p{margin:3px 0 0;color:#8495af;font-size:10px}.panel-live-tag{margin-left:auto;border:1px solid rgba(72,200,245,.18);border-radius:5px;padding:5px 7px;color:#80d7fb;font:800 8px var(--display);letter-spacing:.09em}.panel-live-muted{color:#8291aa;border-color:var(--line)}.empty-state{min-height:237px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 32px}.empty-symbol{display:grid;place-items:center;width:48px;height:48px;margin-bottom:13px;border-radius:15px;background:rgba(72,200,245,.06);border:1px solid rgba(72,200,245,.13);color:#8bc9ff}.empty-symbol svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.empty-state strong{max-width:275px;font-size:12px;font-weight:700}.empty-state p{max-width:320px;margin:8px 0 15px;color:#8798b3;font-size:10px;line-height:1.7}.empty-state a{color:#8edbff;font-size:10px;font-weight:800}.empty-state a span{margin-left:4px}.stream-feature{position:relative;min-height:237px;height:calc(100% - 73px);overflow:hidden}.stream-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.59);transition:transform .5s var(--ease)}.stream-panel:hover .stream-feature>img{transform:scale(1.035)}.stream-feature:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(8,13,22,.92),rgba(8,13,22,.4) 78%),linear-gradient(0deg,rgba(8,13,22,.65),transparent 70%)}.stream-overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-height:237px;max-width:440px;padding:25px}.stream-badge{border:1px solid rgba(139,183,255,.33);border-radius:5px;padding:5px 8px;background:rgba(10,15,25,.55);color:#b9d8ff;font:800 9px var(--display);letter-spacing:.13em}.stream-overlay h4{max-width:300px;margin:16px 0 8px;font:700 22px/1.17 var(--display)}.stream-overlay p{max-width:330px;margin:0;color:#b0bfd4;font-size:11px;line-height:1.7}.stream-overlay button{margin-top:18px;padding:10px 0;border:0;background:transparent;color:#92dfff;font-size:10px;font-weight:800;cursor:pointer}.stream-overlay button span{margin-left:8px}.community-strip{display:flex;align-items:center;gap:18px;margin-top:17px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(90deg,rgba(85,120,255,.075),rgba(255,255,255,.018))}.community-avatars{display:flex;align-items:center;flex:0 0 auto}.community-avatars span{display:grid;place-items:center;width:34px;height:34px;margin-right:-7px;border:2px solid #0d1421;border-radius:50%;background:linear-gradient(140deg,#4e80ff,#6c58a9);font:800 10px var(--display)}.community-avatars span:nth-child(2){background:#162c4c;color:#82dfff}.community-avatars span:nth-child(3){background:linear-gradient(140deg,#1b899e,#3f557e)}.community-strip>p{display:grid;gap:3px;flex:1;margin:0}.community-strip>p strong{font-size:11px}.community-strip>p span{color:#8d9db7;font-size:10px}.outline-link{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;border:1px solid rgba(72,200,245,.28);border-radius:9px;padding:11px 14px;color:#b5eaff;background:rgba(72,200,245,.05);font-size:10px;font-weight:800;transition:.2s}.outline-link:hover{background:rgba(72,200,245,.12);border-color:rgba(72,200,245,.48)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.media-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(155deg,#101929,#0a0f18);transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}.media-card:hover{transform:translateY(-3px);border-color:rgba(106,170,255,.28);box-shadow:0 17px 45px rgba(0,0,0,.2)}.media-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#101c2e}.media-image:after{position:absolute;inset:30% 0 0;content:"";background:linear-gradient(0deg,rgba(7,10,17,.82),transparent)}.media-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease);filter:saturate(.82)}.media-card:hover img{transform:scale(1.04)}.media-category{position:absolute;z-index:1;left:13px;top:13px;border:1px solid rgba(255,255,255,.19);border-radius:5px;padding:5px 7px;background:rgba(7,10,17,.66);backdrop-filter:blur(8px);font:800 8px var(--display);letter-spacing:.1em}.media-arrow{position:absolute;z-index:1;right:13px;bottom:10px;display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(7,10,17,.55);font-size:15px}.media-copy{padding:17px 17px 19px}.media-meta{color:#6f8cba;font:800 8px var(--display);letter-spacing:.13em}.media-copy h3{margin:8px 0;font:700 17px/1.3 var(--display)}.media-copy p{margin:0;color:#91a0b8;font-size:10px;line-height:1.75}.text-link{display:inline-flex;gap:8px;align-items:center;color:#83d8ff;font-size:10px;font-weight:800;white-space:nowrap}.text-link:hover{color:white}.development-section{display:grid;grid-template-columns:1.03fr 1fr;gap:35px;align-items:stretch;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(115deg,rgba(16,25,43,.98),rgba(9,14,24,.98))}.development-art{position:relative;min-height:440px;overflow:hidden;background:#16223c}.development-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.55)}.development-art-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,15,.93),rgba(6,9,18,.06) 85%),linear-gradient(90deg,rgba(7,10,17,.35),transparent)}.development-art-copy{position:absolute;left:32px;right:28px;bottom:29px}.development-art-copy .eyebrow{color:#b2d7ff}.development-art-copy h2{max-width:475px;margin:12px 0;font:700 clamp(24px,2.7vw,34px)/1.18 var(--display)}.development-art-copy p{max-width:440px;margin:0;color:#b8c4d8;font-size:12px;line-height:1.75}.decorative-mark{position:absolute;right:24px;top:21px;color:rgba(255,255,255,.12);font:800 29px/.9 var(--display);text-align:right;letter-spacing:-.08em}.development-copy{padding:38px 35px 34px 0;align-self:center}.development-copy h2{margin:11px 0 13px;font:700 clamp(24px,2.5vw,33px)/1.16 var(--display);letter-spacing:-.03em}.development-copy>p{max-width:520px;margin:0;color:#9eabc1;font-size:12px;line-height:1.85}.learning-tabs{display:flex;gap:17px;margin-top:22px;border-bottom:1px solid var(--line)}.learning-tab{position:relative;border:0;background:transparent;padding:0 0 11px;color:#8b9bb5;font-size:10px;font-weight:800;cursor:pointer}.learning-tab:after{position:absolute;left:0;right:0;bottom:-1px;height:2px;content:"";background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .2s}.learning-tab.active{color:white}.learning-tab.active:after{transform:scaleX(1)}.learning-content{display:grid;gap:12px;margin:17px 0 20px}.learning-bullet{display:flex;align-items:flex-start;gap:12px}.learning-bullet>span{display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid rgba(72,200,245,.2);border-radius:8px;background:rgba(72,200,245,.06);font:700 10px var(--display);color:#82d9ff}.learning-bullet strong{font-size:11px}.learning-bullet p{margin:3px 0 0;color:#8d9bb3;font-size:10px;line-height:1.65}.solid-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(112,151,255,.5);border-radius:9px;padding:12px 15px;background:linear-gradient(135deg,#456ff0,#6559cd);box-shadow:0 8px 25px rgba(63,88,206,.16);color:white;font-size:10px;font-weight:800;transition:transform .2s,filter .2s,box-shadow .2s}.solid-link:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 34px rgba(63,88,206,.25)}.tools-section .section-header{align-items:flex-end}.planned-tag{border-radius:8px;padding:8px 10px}.planned-tag .status-dot{width:5px;height:5px;flex-basis:5px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{position:relative;min-height:220px;padding:22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(150deg,rgba(19,29,48,.88),rgba(10,15,25,.98));overflow:hidden;transition:transform .25s var(--ease),border-color .25s}.tool-card:hover{transform:translateY(-3px);border-color:rgba(121,160,255,.27)}.tool-number{position:absolute;right:17px;top:16px;color:#465873;font:700 12px var(--display);letter-spacing:.12em}.tool-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(110,156,255,.23);border-radius:12px;background:rgba(85,120,255,.09);color:#91cfff}.tool-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tool-card h3{margin:18px 0 7px;font:700 17px var(--display)}.tool-card p{min-height:38px;margin:0;color:#93a2ba;font-size:10px;line-height:1.75}.tool-status{display:inline-block;margin-top:16px;color:#7385a3;font:800 8px var(--display);letter-spacing:.13em}.leagues-section{padding:29px;border:1px solid var(--line);border-radius:19px;background:radial-gradient(ellipse at 50% -40%,rgba(70,89,190,.15),transparent 70%),linear-gradient(140deg,rgba(15,22,37,.98),rgba(8,12,20,.98))}.league-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.league-card{position:relative;display:grid;grid-template-columns:56px 1fr;gap:15px;align-items:center;min-height:160px;padding:19px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(130deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden}.league-card:before{position:absolute;top:0;left:0;right:0;height:2px;content:"";background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.72}.league-card-two:before{background:linear-gradient(90deg,var(--violet),#77a6ff)}.league-card-three:before{background:linear-gradient(90deg,#4cb79b,#6cd8ef)}.league-emblem{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(111,155,255,.2);border-radius:14px;background:rgba(85,120,255,.06);color:#8ccaff}.league-emblem svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.league-card-two .league-emblem{color:#bea7ff;background:rgba(161,138,255,.06);border-color:rgba(161,138,255,.2)}.league-card-three .league-emblem{color:#83dec3;background:rgba(94,225,160,.05);border-color:rgba(94,225,160,.18)}.league-overline{color:#7d91b2;font:800 8px var(--display);letter-spacing:.12em}.league-card h3{margin:5px 0 5px;font:700 17px var(--display)}.league-card p{margin:0;color:#8e9db5;font-size:10px;line-height:1.65}.league-status{position:absolute;left:90px;bottom:15px;color:#697b97;font:800 8px var(--display);letter-spacing:.11em}.bottom-cta{position:relative;display:flex;align-items:center;gap:22px;margin-top:65px;padding:30px;border:1px solid rgba(97,129,255,.25);border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 10% 50%,rgba(85,120,255,.17),transparent 44%),linear-gradient(105deg,#101b2e,#0a111e)}.bottom-cta:after{position:absolute;right:0;top:0;bottom:0;width:32%;content:"";background:linear-gradient(90deg,transparent,rgba(74,125,244,.06));pointer-events:none}.bottom-cta-mark{display:grid;place-items:center;flex:0 0 66px;width:66px;height:66px;border:1px solid rgba(255,255,255,.2);border-radius:19px;background:linear-gradient(140deg,#476fff,#a078f0 62%,#54d1e9);box-shadow:0 8px 36px rgba(78,105,230,.24);font:800 39px var(--display)}.bottom-cta-copy{flex:1;position:relative;z-index:1}.bottom-cta-copy .eyebrow{color:#92a6ff}.bottom-cta-copy h2{margin:7px 0;font:700 23px var(--display)}.bottom-cta-copy p{margin:0;color:#98a8c1;font-size:11px;line-height:1.65}.bottom-cta-actions{position:relative;z-index:1;display:grid;gap:10px;justify-items:start}.soft-link{color:#9db3d5;font-size:10px;font-weight:800}.soft-link:hover{color:white}.platform-footer{border-top:1px solid var(--line);background:#05080e}.footer-main{width:min(1430px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;padding:46px 0 38px}.footer-brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-brand img{width:132px;height:auto}.footer-brand span{color:#7788a4;font:800 8px var(--display);letter-spacing:.13em}.footer-brand-column>p{max-width:245px;margin:15px 0 18px;color:#8b9bb2;font-size:11px;line-height:1.8}.institutional-link{display:inline-flex;align-items:center;gap:9px;color:#8ad9ff;font-size:10px;font-weight:800}.footer-links{display:flex;align-items:flex-start;flex-direction:column;gap:11px}.footer-links h3{margin:3px 0 6px;color:#b7c3d8;font:800 10px var(--display);letter-spacing:.13em}.footer-links a,.footer-links button{padding:0;border:0;background:transparent;color:#8291a9;font-size:10px;text-align:left;cursor:pointer;transition:color .2s}.footer-links a:hover,.footer-links button:hover{color:#eaf5ff}.footer-links button .mini-future{margin-left:5px;color:#6980a4;font:800 7px var(--display)}.footer-contact{overflow-wrap:anywhere}.footer-bottom{width:min(1430px,calc(100% - 64px));margin:0 auto;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 0 22px;border-top:1px solid var(--line);color:#64738b;font-size:9px}.footer-bottom a{color:#93a6c5;font-weight:700}.support-widget{position:fixed;right:24px;bottom:23px;z-index:1200;font-family:var(--font)}.support-fab{height:48px;display:flex;align-items:center;gap:9px;padding:0 17px;border:1px solid rgba(148,177,236,.31);border-radius:999px;background:rgba(8,13,23,.85);color:white;box-shadow:0 10px 38px rgba(0,0,0,.35),0 0 22px rgba(72,200,245,.08);backdrop-filter:blur(15px);cursor:pointer;font:800 10px var(--display);letter-spacing:.14em;transition:transform .25s var(--ease),background .25s,border-color .25s}.support-fab svg{width:18px;height:18px;fill:none;stroke:#8ddcff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.support-fab:hover{transform:translateY(-2px);background:rgba(23,35,57,.95);border-color:rgba(72,200,245,.55)}.support-panel{position:absolute;right:0;bottom:60px;width:324px;padding:17px;border:1px solid rgba(151,174,218,.2);border-radius:17px;background:rgba(8,13,23,.96);box-shadow:0 24px 80px rgba(0,0,0,.56),0 0 32px rgba(72,200,245,.08);backdrop-filter:blur(24px);animation:panel-in .22s var(--ease)}.support-panel[hidden]{display:none}@keyframes panel-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.support-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.support-panel-head .eyebrow{font-size:8px}.support-panel-head h2{margin:7px 0 0;font:700 19px var(--display)}.support-close{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.03);color:#93a5c0;font-size:19px;cursor:pointer}.support-panel>p{margin:10px 0 15px;color:#8f9db4;font-size:10px;line-height:1.7}.support-option{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:10px;margin-top:8px;background:rgba(255,255,255,.025);transition:.2s}.support-option:hover{border-color:rgba(72,200,245,.3);background:rgba(72,200,245,.06)}.option-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;border:1px solid rgba(72,200,245,.18);background:rgba(72,200,245,.07);color:#9be2ff;font:700 15px var(--display)}.support-option>span:nth-child(2){display:grid;gap:3px;flex:1}.support-option strong{font-size:10px}.support-option small{font-size:9px;color:#8292ac}.support-option>b{color:#8ddcff;font-size:15px}.support-panel-foot{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:#7688a4;font-size:8px}.support-panel-foot .status-dot{width:5px;height:5px;flex-basis:5px}.toast{position:fixed;z-index:1300;top:calc(76px + 45px);right:25px;display:flex;align-items:flex-start;gap:12px;width:min(355px,calc(100vw - 32px));padding:14px 15px;border:1px solid rgba(125,157,220,.26);border-radius:13px;background:rgba(12,19,32,.96);box-shadow:0 17px 58px rgba(0,0,0,.45);backdrop-filter:blur(17px);animation:panel-in .22s var(--ease)}.toast[hidden]{display:none}.toast-icon{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid rgba(72,200,245,.2);border-radius:50%;color:#8de2ff}.toast>span:nth-child(2){display:grid;gap:4px;flex:1}.toast strong{font-size:11px}.toast small{font-size:10px;color:#91a1ba;line-height:1.5}.toast button{border:0;background:transparent;color:#778ba8;font-size:18px;cursor:pointer;padding:0 2px}.mobile-only{display:none}
@media(max-width:1250px){.brand{flex-basis:185px}.brand img{width:110px}.brand-label{font-size:8px}.topbar{gap:12px;padding:0 20px}.nav-link{padding:0 9px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 270px}.mode-card{padding:14px;min-height:280px}.mode-card h3{font-size:18px}.profile-content{padding:17px}.footer-main{gap:25px}}
@media(max-width:1020px){.topbar{height:68px}.brand{flex-basis:auto;margin-right:auto}.brand img{width:118px}.brand-label,.brand-divider{display:none}.mobile-nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:39px;height:39px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);cursor:pointer}.mobile-nav-toggle span{height:2px;width:100%;background:#cdd7e9;border-radius:2px}.primary-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;height:auto;display:none;align-items:stretch;flex-direction:column;gap:0;padding:8px 15px 13px;border-bottom:1px solid var(--line);background:rgba(7,10,17,.97);backdrop-filter:blur(20px)}.primary-nav.is-open{display:flex}.nav-link{min-height:42px;justify-content:flex-start;padding:0 12px;font-size:11px}.nav-link:after{left:0;right:auto;width:3px;top:8px;bottom:8px;height:auto;transform:scaleY(0)}.nav-link.active:after{transform:scaleY(1)}.top-actions{margin-left:3px}.help-action{display:none}.dashboard-grid{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.mode-panel{gap:9px}.mode-card{min-height:292px}.mode-card .availability{font-size:7px;padding:4px 5px}.page-shell{width:calc(100% - 40px)}.development-section{gap:24px}.development-copy{padding-right:22px}.league-card{grid-template-columns:44px 1fr;padding:14px;gap:11px}.league-emblem{width:43px;height:43px}.league-status{left:69px}.footer-main{width:calc(100% - 40px);grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footer-contact{grid-column:2/-1}.footer-bottom{width:calc(100% - 40px)}}
@media(max-width:760px){.announce-bar{justify-content:flex-start;overflow:hidden;white-space:nowrap;padding:7px 14px;font-size:8px}.announce-bar>span:not(.status-dot){display:none}.announce-bar a{margin-left:auto}.topbar{padding:0 14px;gap:9px}.brand img{width:104px}.account-button{padding:5px}.account-copy,.account-button>svg{display:none}.account-avatar{width:30px;height:30px}.page-shell{width:calc(100% - 28px);padding-top:23px;padding-bottom:45px}.page-intro{display:block;margin-bottom:24px}.page-intro h1{font-size:30px}.intro-copy{font-size:12px}.platform-status{display:inline-flex;margin-top:16px;white-space:normal;font-size:8px}.dashboard-grid{grid-template-columns:1fr}.mode-heading-row{display:block}.mode-heading-row h2{font-size:22px;margin-bottom:12px}.mode-tabs{width:max-content;max-width:100%}.mode-tab{padding:9px 12px}.mode-panel{grid-template-columns:1fr;gap:10px}.mode-card{min-height:224px;padding:17px}.mode-card .card-kicker{margin-top:16px}.mode-card h3{font-size:21px}.mode-card p:not(.card-kicker){max-width:420px;font-size:11px}.card-action{margin-top:17px}.profile-panel{max-width:100%}.profile-cover{height:95px}.profile-monogram{width:55px;height:55px;border-radius:17px;font-size:33px}.profile-content{padding:16px}.profile-stats{margin:15px 0 13px}.profile-description{max-width:470px}.content-section{margin-top:47px}.section-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:17px}.section-header h2{font-size:23px}.section-subtitle{font-size:11px}.section-index{display:none}.happenings-grid{grid-template-columns:1fr;gap:12px}.panel-heading{padding:14px}.empty-state{min-height:190px}.stream-feature{height:auto;min-height:250px}.stream-overlay{min-height:250px;padding:21px}.stream-overlay h4{font-size:23px}.community-strip{align-items:flex-start;flex-wrap:wrap;gap:13px;padding:15px}.community-strip>p{min-width:calc(100% - 65px)}.outline-link{margin-left:47px}.media-grid{grid-template-columns:1fr;gap:12px}.media-card{display:grid;grid-template-columns:39% 1fr;min-height:145px}.media-image{height:100%;aspect-ratio:auto}.media-copy{padding:14px}.media-copy h3{font-size:15px}.media-copy p{font-size:9px}.media-meta{font-size:7px}.development-section{grid-template-columns:1fr;gap:0}.development-art{min-height:310px}.development-copy{padding:26px 20px 24px}.development-copy h2{font-size:27px}.development-copy>p{font-size:11px}.learning-tabs{gap:13px}.learning-tab{font-size:9px}.tool-grid,.league-grid{grid-template-columns:1fr}.tool-card{min-height:195px}.tool-card p{min-height:0}.leagues-section{padding:20px 14px}.league-card{min-height:150px;grid-template-columns:52px 1fr;padding:16px}.league-emblem{width:49px;height:49px}.league-status{left:79px}.bottom-cta{align-items:flex-start;flex-wrap:wrap;padding:22px;gap:15px;margin-top:46px}.bottom-cta-mark{flex-basis:51px;width:51px;height:51px;border-radius:15px;font-size:31px}.bottom-cta-copy{min-width:calc(100% - 70px)}.bottom-cta-copy h2{font-size:21px}.bottom-cta-actions{width:100%;padding-left:66px}.footer-main{width:calc(100% - 28px);grid-template-columns:1fr 1fr;gap:28px 20px;padding:32px 0}.footer-brand-column{grid-column:1/-1}.footer-contact{grid-column:auto}.footer-bottom{width:calc(100% - 28px);align-items:flex-start;flex-direction:column;gap:8px}.support-widget{right:12px;bottom:12px}.support-fab{height:45px;padding:0 14px}.support-panel{width:min(324px,calc(100vw - 24px));right:0;bottom:56px}.toast{top:82px;right:12px}.planned-tag{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* HAX.GG platform v002 — content-first layout and Discord account UI */
.primary-nav .nav-link{font:700 10px var(--display);letter-spacing:.09em;text-transform:uppercase;padding-inline:clamp(7px,.9vw,14px)}
.brand-label{font-size:11px;letter-spacing:.13em;color:#dbe4f8}
.page-intro h1 span{color:#65d5ff}
.page-intro .intro-copy{max-width:660px}
.profile-description{min-height:0}
.account-avatar{overflow:hidden;position:relative}
.account-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.account-button.is-authenticated{max-width:235px}
.account-button.is-authenticated .account-copy strong{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-session-avatar{display:none}
.profile-panel.is-authenticated .profile-monogram{background:linear-gradient(145deg,rgba(72,200,245,.24),rgba(161,138,255,.3))}
.profile-id[data-connected="true"]{color:var(--green)}
.profile-manage{font:700 10px var(--display);letter-spacing:.04em;text-transform:uppercase}
.nav-link,.footer-links a,.footer-links button{font-family:var(--display)}
.section-header h2{font-size:clamp(22px,2vw,27px)}
.happenings-section .section-subtitle,.media-section .section-subtitle{display:none}
.empty-state{min-height:208px;padding:25px 19px}
.empty-state p{max-width:310px}
.stream-overlay h4{max-width:370px}
.media-copy{padding:15px 17px 17px}
.media-copy p{display:none}
.media-copy h3{margin-bottom:0;font-size:17px}
.media-image{aspect-ratio:16/9}
.community-strip-feature{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(100px,170px) minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,38px);min-height:158px;padding:clamp(22px,3.2vw,42px);margin-top:23px;overflow:hidden;border:1px solid rgba(104,152,255,.25);border-radius:18px;background:radial-gradient(ellipse at 16% 50%,rgba(64,122,255,.23),transparent 36%),linear-gradient(100deg,rgba(14,24,43,.98),rgba(8,13,23,.99) 70%)}
.community-strip-feature:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 28%,rgba(83,104,255,.08),transparent 75%)}
.community-brand-mark{display:flex;align-items:center;justify-content:center;min-height:86px;padding:17px;border-right:1px solid rgba(255,255,255,.12)}
.community-brand-mark img{display:block;width:min(100%,160px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(65,130,255,.13))}
.community-strip-copy{display:grid;gap:7px;min-width:0}
.community-strip-copy>span{color:#86a9ff;font:800 10px var(--display);letter-spacing:.16em}
.community-strip-copy strong{max-width:650px;font:800 clamp(18px,2.15vw,29px)/1.13 var(--display);letter-spacing:-.02em}
.community-strip-copy small{color:#a0afc8;font-size:11px}
.community-strip-feature .outline-link{white-space:nowrap;align-self:center}
.academy-section{align-items:stretch;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(130deg,rgba(13,20,33,.98),rgba(9,14,24,.96));}
.academy-video-preview{position:relative;display:block;min-height:375px;overflow:hidden;background:#06090f;isolation:isolate}
.academy-video-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);filter:saturate(.9)}
.academy-video-preview:hover>img{transform:scale(1.04)}
.academy-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,12,.02),rgba(3,6,12,.08) 35%,rgba(3,6,12,.88)),linear-gradient(90deg,rgba(3,6,12,.22),transparent 60%)}
.academy-video-kicker{position:absolute;left:24px;top:22px;padding:7px 10px;border:1px solid rgba(255,255,255,.23);border-radius:5px;background:rgba(6,10,18,.52);color:#e1eeff;font:800 9px var(--display);letter-spacing:.14em}
.academy-play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:65px;height:65px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(6,10,18,.48);box-shadow:0 0 0 10px rgba(255,255,255,.07);transition:transform .25s,background .25s}
.academy-play-button svg{width:28px;height:28px;fill:white;margin-left:3px}
.academy-video-preview:hover .academy-play-button{transform:translate(-50%,-50%) scale(1.08);background:rgba(65,116,255,.62)}
.academy-video-bottom{position:absolute;left:24px;right:24px;bottom:23px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.academy-video-bottom strong{font:800 10px var(--display);letter-spacing:.09em;color:#e2e8f5}
.academy-video-bottom>span{font:800 9px var(--display);letter-spacing:.07em;color:#8cdbff;white-space:nowrap}
.academy-copy{padding:clamp(24px,3vw,42px);align-self:center}
.academy-copy h2{font-size:clamp(25px,2.6vw,33px);line-height:1.15}
.academy-copy>p{margin:12px 0 20px;font-size:12px;line-height:1.65}
.academy-topic-links{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 23px}
.academy-topic-links a{padding:7px 9px;border:1px solid var(--line2);border-radius:5px;background:rgba(255,255,255,.025);color:#b7c7e0;font:700 9px var(--display);letter-spacing:.055em;transition:.2s}
.academy-topic-links a:hover{border-color:rgba(72,200,245,.4);color:white}
.item-showcase-section{padding:0}
.item-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.showcase-item{overflow:hidden;border:1px solid rgba(215,229,255,.12);border-radius:11px;background:#0e1725;transition:transform .25s,border-color .25s}
.showcase-item:hover{transform:translateY(-3px);border-color:rgba(102,147,255,.35)}
.showcase-art{height:clamp(145px,17vw,218px);position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,rgba(73,103,182,.32),transparent 58%),linear-gradient(145deg,#172743,#0a101b 75%)}
.showcase-art:before,.showcase-art:after{content:"";position:absolute;width:145px;height:145px;border:1px solid rgba(148,176,255,.25);transform:rotate(45deg)}
.showcase-art:after{width:108px;height:108px;border-color:rgba(72,200,245,.18);transform:rotate(22deg)}
.showcase-item-two .showcase-art{background:radial-gradient(ellipse at 50% 40%,rgba(121,84,205,.26),transparent 58%),linear-gradient(145deg,#241b3d,#0a101b 75%)}
.showcase-item-three .showcase-art{background:radial-gradient(ellipse at 50% 40%,rgba(22,144,160,.24),transparent 58%),linear-gradient(145deg,#102d36,#0a101b 75%)}
.showcase-item-four .showcase-art{background:radial-gradient(ellipse at 50% 40%,rgba(209,137,55,.23),transparent 58%),linear-gradient(145deg,#332519,#0a101b 75%)}
.showcase-glyph{position:relative;z-index:1;color:#dce9ff;font:600 58px var(--display);text-shadow:0 0 25px rgba(105,170,255,.35)}
.showcase-serial{position:absolute;right:12px;top:12px;color:#8296b9;font:800 8px var(--display);letter-spacing:.15em}
.showcase-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px}
.showcase-item-meta strong{font:800 10px var(--display);letter-spacing:.08em}
.showcase-item-meta span{color:#8391a9;font:800 8px var(--display);letter-spacing:.08em}
.leagues-section{padding:0;border:0;background:transparent}
.league-grid-showcase{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.league-card-slot{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:245px;padding:17px 12px 14px;text-align:center;gap:13px;overflow:hidden;border:1px solid rgba(215,229,255,.14);background:linear-gradient(180deg,rgba(30,42,66,.82),rgba(12,18,29,.96));transition:transform .25s,border-color .25s}
.league-card-slot:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 50%)}
.league-card-slot:hover{transform:translateY(-3px);border-color:rgba(145,174,255,.4)}
.league-card-slot .league-emblem{width:112px;height:112px;display:grid;place-items:center;margin:4px auto 1px;border:1px solid rgba(145,174,255,.22);border-radius:23px;transform:rotate(45deg);background:radial-gradient(ellipse at 40% 25%,rgba(102,150,255,.29),rgba(26,35,57,.8) 70%);box-shadow:0 15px 26px rgba(0,0,0,.25)}
.league-card-slot .league-emblem svg{width:75px;height:75px;transform:rotate(-45deg);fill:none;stroke:#a5bbff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.league-card-two .league-emblem{background:radial-gradient(ellipse at 40% 25%,rgba(92,224,171,.2),rgba(20,42,37,.8) 70%);border-color:rgba(92,224,171,.2)}
.league-card-two .league-emblem svg{stroke:#72e0b4}
.league-card-three .league-emblem{background:radial-gradient(ellipse at 40% 25%,rgba(72,200,245,.2),rgba(20,37,48,.8) 70%)}
.league-card-four .league-emblem{background:radial-gradient(ellipse at 40% 25%,rgba(179,126,255,.24),rgba(39,27,58,.8) 70%)}
.league-card-four .league-emblem svg{stroke:#c8a5ff}
.league-card-five .league-emblem{background:radial-gradient(ellipse at 40% 25%,rgba(255,189,98,.2),rgba(47,35,23,.8) 70%)}
.league-card-five .league-emblem svg{stroke:#ffd08d}
.league-card-slot>div:nth-child(2){position:relative;z-index:1;display:grid;gap:3px;margin-top:4px}
.league-card-slot .league-overline{font-size:8px;color:#8fa3c5;letter-spacing:.16em}
.league-card-slot h3{margin:0;font:800 16px var(--display);letter-spacing:.06em}
.league-card-slot .league-status{position:relative;left:auto;bottom:auto;margin-top:auto;font-size:8px}
/* Auth menu mirrors the institutional Discord account interaction. */
.hax-platform-account-menu{position:fixed;z-index:1600;min-width:235px;max-width:calc(100vw - 24px);padding:10px;border:1px solid rgba(151,174,218,.22);border-radius:13px;background:rgba(8,13,23,.98);box-shadow:0 20px 60px rgba(0,0,0,.55);backdrop-filter:blur(20px)}
.hax-platform-account-identity{display:flex;align-items:center;gap:10px;padding:9px 7px 12px}
.hax-platform-account-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#243450;color:#eaf3ff;font:800 17px var(--display)}
.hax-platform-account-avatar img{width:100%;height:100%;object-fit:cover}
.hax-platform-account-name{display:block;max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800}
.hax-platform-account-meta{display:block;margin-top:3px;color:#8192ad;font-size:9px}
.hax-platform-account-divider{height:1px;margin:3px 0;background:var(--line)}
.hax-platform-account-item,.hax-platform-account-logout{display:block;width:100%;padding:10px 9px;border:0;border-radius:7px;background:transparent;text-align:left;color:#bccae0;font-size:10px;font-weight:700;cursor:pointer}
.hax-platform-account-item:hover,.hax-platform-account-logout:hover{background:rgba(255,255,255,.055);color:white}
.hax-platform-account-logout{color:#ffb8b8}
@media(max-width:1200px){.league-grid-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.community-strip-feature{grid-template-columns:120px minmax(0,1fr) auto}.community-brand-mark{padding:10px}.academy-video-preview{min-height:340px}}
@media(max-width:900px){.community-strip-feature{grid-template-columns:85px minmax(0,1fr);gap:16px}.community-strip-feature .outline-link{grid-column:2;justify-self:start}.community-brand-mark{grid-row:1/3;min-height:100px}.academy-section{grid-template-columns:1fr}.academy-video-preview{min-height:330px}.academy-copy{padding:26px}.item-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-art{height:190px}}
@media(max-width:760px){.primary-nav .nav-link{font-size:11px}.page-intro h1{font-size:30px}.mode-card{min-height:205px}.community-strip-feature{grid-template-columns:62px minmax(0,1fr);padding:18px;gap:13px}.community-brand-mark{min-height:70px;padding:8px 4px}.community-brand-mark img{width:60px}.community-strip-copy strong{font-size:19px}.community-strip-copy small{font-size:10px}.community-strip-feature .outline-link{grid-column:2}.academy-video-preview{min-height:260px}.academy-video-kicker{left:15px;top:15px}.academy-video-bottom{left:15px;right:15px;bottom:15px;align-items:flex-start;flex-direction:column;gap:6px}.academy-video-bottom strong{font-size:8px}.academy-copy{padding:23px 18px}.item-showcase-grid{gap:9px}.showcase-art{height:148px}.showcase-item-meta{padding:10px}.showcase-item-meta strong{font-size:8px}.showcase-item-meta span{font-size:7px}.league-grid-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.league-card-slot{min-height:195px;padding:12px 8px}.league-card-slot .league-emblem{width:72px;height:72px;border-radius:16px}.league-card-slot .league-emblem svg{width:52px;height:52px}.league-card-slot h3{font-size:14px}.league-card-slot .league-status{white-space:normal;text-align:center}.account-button .account-copy{display:grid}.account-button{max-width:122px;gap:5px}.account-copy strong{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.account-copy small{font-size:7px}.account-avatar{width:28px;height:28px;flex:0 0 28px}}