:root{--bg:#020611;--surface:#07162e;--surface-2:#0b2145;--line:rgba(80,210,255,.2);--text:#ebf8ff;--muted:#8aa3c0;--cyan:#55ddff;--gold:#f6b92f;--violet:#7c5cff;--danger:#ff7669;--good:#62f3b4;--shadow:0 22px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.container{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow{margin:0 0 14px;color:var(--cyan);font-weight:900;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.topbar{position:sticky;z-index:30;top:0;height:72px;border-bottom:1px solid var(--line);background:rgba(2,6,17,.88);backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:9px;color:var(--cyan);font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:21px;letter-spacing:.04em;text-decoration:none;text-shadow:0 0 18px rgba(74,213,255,.45)}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--cyan);color:#031220;clip-path:polygon(50% 0,91% 20%,100% 65%,50% 100%,0 65%,9% 20%);text-shadow:none}.brand span{color:var(--gold)}.nav-links{display:flex;gap:22px;margin-right:auto}.nav-links a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:750}.nav-links a:hover{color:var(--text)}.wallet,.profile-button{display:flex;align-items:center;gap:8px;border:1px solid rgba(85,221,255,.3);border-radius:10px;padding:8px 11px;color:var(--cyan);background:rgba(14,89,132,.13);font-weight:850;font-size:13px}.profile-button{color:var(--text);border-color:var(--line)}.profile-dot{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(140deg,#8d72ff,#4de1fd);color:#07152e;font-size:11px;font-weight:950}.hero{position:relative;min-height:585px;padding:104px 0 64px;isolation:isolate;overflow:hidden}.hero:before{position:absolute;z-index:-2;inset:0;content:"";background:linear-gradient(90deg,rgba(1,4,12,.99),rgba(1,4,12,.97)40%,rgba(1,4,12,.56)63%,rgba(1,4,12,.07)),linear-gradient(0deg,rgba(1,4,12,.9),transparent 45%),url('leo-arena-hero.png') center right/cover no-repeat}.hero:after{position:absolute;z-index:-1;right:-140px;top:-90px;width:560px;height:560px;border:1px solid rgba(75,222,255,.18);border-radius:50%;box-shadow:0 0 0 60px rgba(44,146,255,.04),0 0 0 120px rgba(44,146,255,.025)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.hero h1{max-width:650px;margin:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(48px,6vw,80px);line-height:.94;letter-spacing:.015em}.hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 25px rgba(61,203,255,.45)}.lede{max-width:525px;margin:22px 0;color:#b6c9dc;font-size:16px;line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:44px;padding:0 17px;border:1px solid transparent;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%,0 10px);font-weight:900;letter-spacing:.01em;transition:transform .18s,filter .18s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button.primary{color:#021421;background:var(--cyan);box-shadow:0 8px 26px rgba(56,196,255,.24)}.button.ghost{color:#bcefff;border-color:rgba(86,218,255,.48);background:rgba(9,92,145,.16)}.button.gold{color:#151005;background:var(--gold)}.button.danger{color:#fff;background:#943e45}.button.small{min-height:34px;padding:0 11px;font-size:12px}.trust{display:flex;gap:11px;align-items:center;margin-top:28px;color:#94acc6;font-size:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 11px var(--good)}.feature-card{margin-left:auto;max-width:405px;padding:21px;border:1px solid rgba(80,216,255,.4);border-radius:4px 20px 4px 20px;background:linear-gradient(145deg,rgba(6,34,73,.94),rgba(2,10,27,.96));box-shadow:var(--shadow),inset 0 1px 0 rgba(112,231,255,.14)}.feature-top,.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.feature-top{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(98,243,180,.28);border-radius:9px;color:var(--good);background:rgba(98,243,180,.07);font-size:10px;font-weight:900;text-transform:uppercase}.teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center;margin:26px 0 20px}.team-icon{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:5px 17px 5px 17px;background:linear-gradient(140deg,#1b69c5,#172344);font-size:24px}.team-icon.alt{background:linear-gradient(140deg,#713fba,#312353)}.team-label{margin-top:7px;font-size:13px;font-weight:850}.versus{color:var(--gold);font-size:12px;font-weight:950}.feature-card .button{width:100%;margin-top:15px}.content{padding:68px 0 90px;background:linear-gradient(#020611,#051025)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:23px}.section-head h2{margin:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:28px;letter-spacing:.035em;text-transform:uppercase}.section-head p{margin:7px 0 0;color:var(--muted);font-size:14px}.player-panel{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;margin-bottom:50px;padding:18px 20px;border:1px solid var(--line);border-radius:4px 18px 4px 18px;background:linear-gradient(100deg,rgba(7,31,64,.88),rgba(3,15,32,.95));box-shadow:inset 0 1px 0 rgba(110,225,255,.09)}.player-emblem{display:grid;place-items:center;width:48px;height:48px;border-radius:6px 18px 6px 18px;background:linear-gradient(135deg,#5c7fff,#4ae6f1);color:#061529;font-size:22px}.player-name{font-size:16px;font-weight:900}.player-meta{margin-top:4px;color:var(--muted);font-size:12px}.stat-row{display:flex;gap:10px;align-items:center}.stat{padding:8px 10px;border:1px solid rgba(87,211,255,.16);border-radius:10px;color:var(--cyan);background:rgba(46,148,210,.08);font-size:12px;font-weight:850}.stat b{color:#fff}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.game-card{position:relative;min-height:174px;padding:16px;overflow:hidden;color:white;text-align:left;border:1px solid rgba(80,216,255,.29);border-radius:4px 18px 4px 18px;background:#10254b;box-shadow:inset 0 1px 0 rgba(143,229,255,.1);transition:transform .18s,border-color .18s}.game-card:hover{transform:translateY(-5px);border-color:var(--cyan)}.game-card:after{position:absolute;content:"";right:-34px;top:-36px;width:120px;height:120px;border-radius:50%;background:rgba(110,228,255,.14)}.game-icon{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:5px 15px 5px 15px;background:rgba(2,13,37,.35);font-size:23px}.game-card h3{position:relative;z-index:1;margin:38px 0 5px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-weight:400;font-size:16px;letter-spacing:.035em;text-transform:uppercase}.game-card small{position:relative;z-index:1;color:rgba(255,255,255,.72);font-weight:650}.prediction{background:linear-gradient(145deg,#194ba9,#091a43)}.fantasy{background:linear-gradient(145deg,#007b8e,#062542)}.quiz{background:linear-gradient(145deg,#925f15,#392340)}.cards{background:linear-gradient(145deg,#643986,#152155)}.arcade{background:linear-gradient(145deg,#075fac,#12275a)}.dashboard{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;margin-top:67px}.panel{border:1px solid var(--line);border-radius:4px 20px 4px 20px;background:linear-gradient(145deg,rgba(7,25,53,.95),rgba(3,13,30,.98));box-shadow:inset 0 1px 0 rgba(106,223,255,.08)}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px 21px 16px;border-bottom:1px solid var(--line)}.panel-title h3{margin:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:17px;font-weight:400;letter-spacing:.035em;text-transform:uppercase}.fixture{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;margin:0 15px;padding:15px 7px;border-bottom:1px solid rgba(80,210,255,.13)}.fixture:last-child{border:0}.fixture-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:6px 12px 6px 12px;background:#143766;font-size:17px}.fixture-title{font-size:13px;font-weight:850}.fixture-meta{margin-top:3px;color:var(--muted);font-size:11px}.fixture-action{border:1px solid rgba(84,221,255,.34);border-radius:8px;padding:7px 9px;color:var(--cyan);background:rgba(47,160,230,.1);font-size:11px;font-weight:900}.fixture-action:hover{background:var(--cyan);color:#021524}.leader-list{padding:5px 16px 13px}.leader{display:grid;grid-template-columns:28px 34px 1fr auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(80,210,255,.13)}.leader:last-child{border:0}.rank{color:#87a1c2;font-size:12px;font-weight:850}.leader-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#203d6a;font-size:14px}.leader-name{font-size:13px;font-weight:850}.leader-sub{margin-top:2px;color:var(--muted);font-size:10px}.leader-xp{color:var(--gold);font-size:12px;font-weight:900}.notice{display:flex;gap:10px;align-items:flex-start;margin-top:19px;padding:15px 17px;border:1px solid rgba(90,221,255,.19);border-radius:13px;color:#aabfd4;background:rgba(32,132,185,.06);font-size:12px;line-height:1.55}.notice b{color:var(--cyan)}footer{border-top:1px solid var(--line);padding:27px 0;color:#7891ad;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner b{color:#d7efff}.footer-links{display:flex;gap:17px}.footer-links a{color:inherit;text-decoration:none}.modal{width:min(630px,calc(100% - 28px));max-height:min(690px,calc(100vh - 28px));padding:0;border:1px solid rgba(91,222,255,.36);border-radius:4px 22px 4px 22px;color:var(--text);background:linear-gradient(145deg,#0b2145,#031127);box-shadow:var(--shadow)}.modal::backdrop{background:rgba(0,4,13,.74);backdrop-filter:blur(8px)}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:23px 24px 16px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:24px;font-weight:400;letter-spacing:.035em;text-transform:uppercase}.modal-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.close{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;color:var(--cyan);background:transparent;font-size:18px}.modal-body{overflow:auto;max-height:calc(100vh - 170px);padding:21px 24px 24px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.auth-tabs button{min-height:39px;border:0;color:var(--muted);background:transparent;font-weight:850}.auth-tabs button.active{color:#061320;background:var(--cyan)}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;color:#b8cee0;font-size:12px;font-weight:800}.form-grid input,.form-grid select{width:100%;border:1px solid rgba(102,211,255,.25);border-radius:9px;padding:11px 12px;color:var(--text);outline:0;background:rgba(1,10,27,.45)}.form-grid input:focus{border-color:var(--cyan)}.form-help{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.modal-message{min-height:18px;margin-top:12px;color:var(--good);font-size:12px;font-weight:750}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{min-height:64px;padding:10px;border:1px solid rgba(97,216,255,.2);border-radius:10px;color:#e8f8ff;background:#0b2348;font-weight:850}.choice:hover,.choice.selected{border-color:var(--cyan);color:#071622;background:var(--cyan)}.fantasy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-player{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(102,211,255,.16);border-radius:8px;color:#cfe5f3;background:rgba(9,30,65,.62);font-size:12px;font-weight:750}.check-player input{accent-color:var(--cyan)}.game-result{margin-top:16px;padding:14px;border:1px solid rgba(97,240,180,.22);border-radius:10px;color:#cbf9dc;background:rgba(60,205,152,.06);font-weight:750;font-size:13px}.quiz-options{display:grid;gap:9px}.quiz-option{padding:12px;text-align:left;border:1px solid rgba(97,216,255,.18);border-radius:9px;color:#e6f5ff;background:#0b2348;font-weight:800}.quiz-option:hover{border-color:var(--cyan)}.card-table{padding:22px;border:1px solid rgba(246,185,47,.26);border-radius:13px;background:radial-gradient(circle,#0a6a5d,#06382f)}.playing-card{display:inline-grid;place-items:center;width:78px;height:108px;margin:10px;border-radius:9px;color:#11213e;background:#f3f7ff;box-shadow:0 9px 20px rgba(0,0,0,.3);font-family:Georgia,serif;font-size:30px;font-weight:900}.playing-card.red{color:#d8464e}.center{text-align:center}.arcade-stage{position:relative;min-height:260px;overflow:hidden;border:1px solid rgba(91,222,255,.3);border-radius:12px;background:radial-gradient(circle at 50% 110%,#1255ad,#07152f 60%)}.arcade-lion{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:78px;height:78px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);background:rgba(16,145,240,.15);font-size:34px;box-shadow:0 0 25px rgba(77,219,255,.38)}.arcade-hud{display:flex;justify-content:space-between;padding:12px;color:#c8eeff;font-size:12px;font-weight:900}.toast{position:fixed;z-index:60;left:50%;bottom:25px;transform:translate(-50%,110px);max-width:calc(100% - 28px);padding:12px 16px;border:1px solid rgba(98,243,180,.34);border-radius:10px;color:#d7ffeb;background:#123429;box-shadow:var(--shadow);font-size:13px;font-weight:800;transition:transform .25s}.toast.show{transform:translate(-50%,0)}.hidden{display:none!important}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:34px}.feature-card{margin:0}.game-grid{grid-template-columns:repeat(3,1fr)}.dashboard{grid-template-columns:1fr}.dashboard aside{display:none}}@media(max-width:620px){.container{width:min(100% - 30px,1180px)}.topbar{height:63px}.nav{gap:9px}.brand{font-size:19px}.nav-links{display:none}.wallet{padding:7px 8px}.wallet .wallet-label{display:none}.profile-button .profile-label{display:none}.hero{min-height:auto;padding:62px 0 48px}.hero:before{background:linear-gradient(90deg,rgba(1,4,12,.99),rgba(1,4,12,.89)),linear-gradient(0deg,rgba(1,4,12,.86),transparent),url('leo-arena-hero.png') 64% center/cover no-repeat}.hero h1{font-size:48px}.lede{font-size:14px}.player-panel{grid-template-columns:auto 1fr;padding:15px}.player-panel .button{grid-column:1/-1;width:100%}.stat-row{grid-column:2;justify-content:flex-end}.game-grid{grid-template-columns:repeat(2,1fr);gap:11px}.game-card{min-height:153px}.game-card h3{margin-top:27px}.content{padding-top:43px}.section-head h2{font-size:24px}.dashboard{margin-top:48px}.fixture{grid-template-columns:36px 1fr auto;gap:8px}.fixture-action{padding:7px}.footer-inner{display:block}.footer-links{margin-top:12px}.choice-grid,.fantasy-grid{grid-template-columns:1fr}.modal{width:calc(100% - 20px)}.modal-head,.modal-body{padding-left:18px;padding-right:18px}}
.admin-page{min-height:100vh;padding:54px 0 90px;background:radial-gradient(circle at 80% 0,rgba(16,103,214,.18),transparent 28%),var(--bg)}.admin-intro{margin-bottom:29px}.admin-intro h1{margin:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:44px;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.admin-intro p{max-width:680px;color:var(--muted);line-height:1.6}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.admin-stat{padding:18px;border:1px solid var(--line);border-radius:4px 16px 4px 16px;background:rgba(7,29,60,.86)}.admin-stat small{display:block;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.admin-stat b{display:block;margin-top:6px;color:var(--cyan);font-size:26px}.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:20px}.admin-form{padding:20px}.admin-form h3{margin:0 0 15px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-weight:400;letter-spacing:.035em;text-transform:uppercase}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:11px}.admin-form textarea{min-height:77px;resize:vertical}.admin-form label{display:grid;gap:6px;color:#b8cee0;font-size:12px;font-weight:800}.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid rgba(102,211,255,.25);border-radius:9px;padding:10px 11px;color:var(--text);outline:0;background:rgba(1,10,27,.45)}.admin-form .button{margin-top:15px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{padding:12px 9px;border-bottom:1px solid rgba(80,210,255,.13);text-align:left;vertical-align:middle}.admin-table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.admin-table select{border:1px solid var(--line);border-radius:7px;padding:6px;color:var(--text);background:#0a2043;font-size:11px}.event{padding:11px 0;border-bottom:1px solid rgba(80,210,255,.13);font-size:12px}.event:last-child{border:0}.event small{display:block;margin-top:3px;color:var(--muted)}.access-card{max-width:590px;margin:65px auto;padding:29px;text-align:center}.access-card h2{margin:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.access-card p{color:var(--muted);line-height:1.6}@media(max-width:760px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.admin-table{min-width:590px}}