@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#eef2f4;background:#07100d;--green:#9eea45;--card:#101a17;--muted:#8c9b96;--line:#22302b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#19372b 0,transparent 30%),#07100d}button,input,select{font:inherit}.app{max-width:1180px;margin:auto;min-height:100vh;padding-bottom:92px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #18231f;position:sticky;top:0;background:#07100de8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope;font-size:19px}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--green);color:#0c160e;font-size:23px;font-weight:900}.brand small{display:block;color:#6e8079;font:10px DM Sans;text-transform:uppercase;letter-spacing:1.6px}.icon{position:relative;border:1px solid var(--line);background:var(--card);color:#fff;border-radius:12px;padding:10px}.icon i{position:absolute;width:7px;height:7px;background:var(--green);border-radius:50%;right:7px;top:7px}main{padding:28px 24px}.hero{background:linear-gradient(125deg,#172820,#0e1815);border:1px solid #294032;border-radius:25px;padding:35px 38px;display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:290px;height:290px;border:50px solid #9eea450c;border-radius:50%;right:-80px;top:-110px}.eyebrow{display:flex;align-items:center;gap:6px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:1.8px}.hero h1,.page-head h1{font:800 44px/1.02 Manrope;margin:13px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero p,.page-head p{color:var(--muted);max-width:520px;margin:0}.score{padding:20px 24px;background:#07100dbd;border:1px solid var(--line);border-radius:18px;min-width:185px;z-index:1}.score strong{display:block;font:800 35px Manrope;color:var(--green)}.score span,.score small{display:block}.score small{color:var(--muted);font-size:11px;margin-top:5px}.search{height:52px;background:var(--card);border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;gap:10px;padding:0 16px;margin:25px 0}.search input{border:0;outline:0;background:none;color:#fff;width:100%}.section-title{display:flex;align-items:end;justify-content:space-between;margin:28px 0 14px}.section-title h2{font:700 23px Manrope;margin:0}.section-title p{color:var(--muted);margin:3px 0;font-size:13px}.section-title>span{font-size:12px;color:var(--green);background:#9eea4512;padding:7px 10px;border-radius:20px}.matches{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.match{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:17px}.match-top{display:flex;align-items:center;color:var(--muted);font-size:11px}.match-top>span{color:#c5d0cc;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-top time{margin-left:auto}.match-top button{background:none;border:0;color:#688078;padding:0 0 0 10px}.teams{display:grid;grid-template-columns:1fr 28px 1fr;gap:8px;align-items:center;margin:20px 0}.teams>b{text-align:center;font-size:10px;color:#52615c}.team{display:flex;align-items:center;gap:9px}.team:nth-child(3){flex-direction:row-reverse;text-align:right}.team img,.team i{width:38px;height:38px;object-fit:contain;border-radius:50%;background:#19241f;padding:4px}.team i{display:grid;place-items:center;font-style:normal;font-size:10px;color:var(--green)}.team strong{font-size:14px}.recall{display:flex;gap:9px;background:#18251f;border:1px solid #2c4435;padding:10px;border-radius:12px;color:var(--green)}.recall div{display:flex;flex-direction:column}.recall b{font-size:11px}.recall span{font-size:10px;color:#92a098}.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.odds button{border:1px solid #293832;background:#0b1411;color:#fff;border-radius:10px;padding:9px 8px;text-align:left}.odds button span{display:block;color:#85958f;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.odds button b{font-size:13px}.odds button.picked{border-color:var(--green);background:#9eea4512}.odds button:disabled{opacity:.38}.slip{position:fixed;bottom:78px;left:50%;transform:translate(-50%);z-index:20;max-width:600px;width:calc(100% - 32px);background:var(--green);color:#101710;padding:12px 14px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 50px #000}.slip>div{display:flex;gap:10px;align-items:center}.slip span{display:flex;flex-direction:column}.slip small{font-size:10px}.slip button{display:flex;align-items:center;border:0;background:#132016;color:#fff;border-radius:11px;padding:10px 12px}nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#0c1512f5;border-top:1px solid var(--line);display:flex;justify-content:center;gap:70px;z-index:15}nav button{width:72px;border:0;background:none;color:#70807a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px}nav svg{width:20px}nav button.active{color:var(--green)}.page-head{padding:22px 0 27px;border-bottom:1px solid var(--line);margin-bottom:18px}.page-head h1{font-size:38px}.history,.memory-grid{display:grid;gap:10px}.history article,.memory-grid article,.ban-list>div{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.history small,.memory-grid small,.ban-list small{color:var(--muted)}.history h3{margin:5px 0;font-size:16px}.history h3 span{color:var(--muted);font-weight:400}.history p{margin:0}.settle{display:flex;gap:6px}.settle button{display:flex;align-items:center;gap:4px;border:1px solid var(--line);background:#16221d;color:#fff;border-radius:9px;padding:8px}.settle svg{width:14px}.status{text-transform:uppercase;font-size:10px;font-weight:700;padding:7px 10px;border-radius:20px}.status.won{background:#9eea4520;color:var(--green)}.status.lost{background:#ff5f5f20;color:#f77}.memory-grid{grid-template-columns:repeat(2,1fr)}.memory-grid article{justify-content:flex-start;gap:15px}.memory-grid h3,.memory-grid p{margin:0 0 3px}.memory-ring{width:55px;height:55px;display:grid;place-items:center;border:5px solid #56832e;border-top-color:var(--green);border-radius:50%;font-weight:700}.ban-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:15px}.ban-form input,.ban-form select{background:var(--card);border:1px solid var(--line);color:#fff;border-radius:12px;padding:13px}.ban-form button{display:flex;align-items:center;gap:4px;background:var(--green);border:0;border-radius:12px;padding:0 18px}.ban-list{display:grid;gap:9px}.ban-list>div{justify-content:flex-start;gap:12px}.ban-list span{display:flex;flex-direction:column}.ban-list button{margin-left:auto;background:none;border:0;color:#a6b1ad}.empty,.error{grid-column:1/-1;padding:45px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);border:1px dashed #314039;border-radius:16px}.error{color:#ff8585}@media(max-width:700px){header,main{padding-left:15px;padding-right:15px}.hero{padding:25px 22px;display:block}.hero h1{font-size:35px}.score{margin-top:25px;width:max-content}.matches,.memory-grid{grid-template-columns:1fr}.odds{grid-template-columns:repeat(3,1fr)}nav{gap:5vw}.ban-form{grid-template-columns:1fr}.ban-form button{padding:12px;justify-content:center}}.suggestion{align-items:center}.suggestion>div{flex:1}.suggestion small{color:var(--green);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.suggestion button{border:0;background:var(--green);color:#0b150e;border-radius:9px;padding:9px 10px;font-size:10px;font-weight:700;white-space:nowrap}.suggestion button:disabled{opacity:.4}@media(max-width:520px){.suggestion{align-items:flex-start}.suggestion button{padding:8px}}.slip{gap:14px}.slip-title{display:flex;align-items:center;gap:10px}.slip label{display:flex;flex-direction:column;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.slip label input{width:82px;margin-top:3px;padding:7px 8px;border:1px solid #6da634;border-radius:8px;background:#eaffd3;color:#101710;font-weight:800;outline:none}.slip-return{display:flex;flex-direction:column}.slip-return small{font-size:9px;text-transform:uppercase}.slip-return b{font-size:13px}.tickets{display:grid;gap:16px}.ticket{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:18px}.ticket-won{border-color:#4d7c2a}.ticket-lost{border-color:#673333}.ticket-void{border-color:#58615e}.ticket-head{position:static;height:auto;padding:15px 17px;background:#0b1411;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.ticket-head>div{display:flex;align-items:center;gap:9px}.ticket-head small{color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:1px}.ticket-head b{font-size:12px}.ticket-head span{color:var(--muted);font-size:10px}.ticket-state{text-transform:uppercase;font-size:10px;letter-spacing:1px;padding:7px 10px;border-radius:20px;background:#34413c;color:#c3cfca}.ticket-state.won{background:#9eea4520;color:var(--green)}.ticket-state.lost{background:#ff5f5f20;color:#f77}.ticket-state.void{background:#89938f22;color:#c7d0cd}.ticket-legs{padding:0 16px}.ticket-leg{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.ticket-leg:last-child{border-bottom:0}.leg-lost{opacity:.65}.leg-void{opacity:.55}.leg-number{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#1a2822;color:var(--green);font-size:10px;font-weight:800}.leg-copy{flex:1}.leg-copy small{color:var(--muted);font-size:9px}.leg-copy h3{font-size:14px;margin:3px 0}.leg-copy h3 span{color:var(--muted);font-weight:400}.leg-copy p{font-size:12px;margin:0}.leg-copy p b{color:var(--green)}.ticket .settle{display:flex;gap:5px}.ticket .settle button{display:flex;align-items:center;gap:3px;border:1px solid var(--line);background:#16221d;color:#d8e2de;border-radius:8px;padding:7px;font-size:9px}.ticket .settle svg{width:12px;height:12px}.status.void{background:#89938f22;color:#c7d0cd}.ticket-foot{display:grid;grid-template-columns:repeat(3,1fr);height:auto;position:static;padding:13px 17px;background:#0b1411;border:0;border-top:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}.ticket-foot div{display:flex;flex-direction:column}.ticket-foot div:nth-child(2){text-align:center}.ticket-foot div:last-child{text-align:right}.ticket-foot small{color:var(--muted);font-size:9px;text-transform:uppercase}.ticket-foot b{font-size:13px;margin-top:2px}.ticket-won .ticket-foot div:last-child b{color:var(--green)}.ticket-lost .ticket-foot div:last-child b{color:#f77}@media(max-width:700px){.slip{display:grid;grid-template-columns:1fr 1fr}.slip-title{grid-column:1/-1}.slip-return{text-align:right}.slip>button{grid-column:1/-1;justify-content:center}.ticket-head>div{align-items:flex-start;flex-direction:column;gap:2px}.ticket-leg{align-items:flex-start;flex-wrap:wrap}.ticket .settle{width:100%;padding-left:37px}.ticket .settle button{flex:1;justify-content:center}}