:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eaf1ff;background:#090f20;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:262px;background:#0b152b;border-right:1px solid #23314a;padding:30px 19px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:.2px}.brand em{font-style:normal;color:#5fa5ff}.brand small{display:block;font-size:11px;letter-spacing:2px;color:#7185a9;margin-top:4px}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#2879ff,#83b5ff);color:#fff;font-size:28px}.side-label{font-size:10px;letter-spacing:2px;color:#62779d;margin:54px 10px 16px}nav{display:grid;gap:8px}.nav{text-align:left;padding:15px 13px;border:0;border-radius:11px;color:#91a2c1;background:transparent;font-size:13px}.nav:hover,.nav.active{color:#f5f9ff;background:#172b4c}.nav.active{box-shadow:inset 3px 0 #5da3ff}.sidebar-bottom{margin-top:auto;border-top:1px solid #23314a;padding-top:20px;color:#a5b4cf;font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dot{width:8px;height:8px;border-radius:50%;background:#efb447}main{width:calc(100% - 262px);padding:46px 5.2vw 32px;max-width:1660px;margin:0 auto}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#6baeff}h1{font-size:clamp(26px,3vw,37px);margin:8px 0;font-weight:760}header p{color:#91a2c1;font-size:14px;margin:0}.topright{display:flex;gap:10px;align-items:center}.mode,.tag{display:inline-flex;align-items:center;color:#c2d7ff;background:#162947;padding:9px 12px;font-size:11px;font-weight:800;letter-spacing:.8px;border:1px solid #28436e;border-radius:9px;white-space:nowrap}.warning{background:#201b2b;border:1px solid #473953;color:#d7cbe1;border-radius:12px;font-size:12px;line-height:1.6;padding:12px 16px;margin-bottom:24px}.hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:42px 43px;background:radial-gradient(circle at 80% 12%,#244c9c 0,transparent 40%),linear-gradient(120deg,#192d52,#101d39 70%);border:1px solid #345388;border-radius:20px;min-height:290px}.hero>div:first-child{position:relative;z-index:1}.kicker{color:#82b7ff;letter-spacing:2.2px;font-size:10px;font-weight:800}h2{font-size:clamp(27px,3vw,42px);line-height:1.13;margin:16px 0}.hero p{max-width:540px;color:#b2c5e5;font-size:13px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:22px}.primary,.secondary{padding:12px 17px;border-radius:11px;border:1px solid #458bff;background:#357ded;color:#fff;font-weight:750;font-size:12px}.primary:hover{background:#468eff}.secondary{background:#182a47;color:#deedff;border-color:#3a527a}.secondary:hover{background:#243b61}.hero-emblem{font-size:145px;color:#7fbcff;opacity:.24;line-height:1;transform:rotate(-12deg);font-weight:300}.hero-emblem span{display:block;font-size:32px;white-space:nowrap;transform:rotate(12deg)}.fine{font-size:11px!important;color:#8296b7!important}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0 36px}.metric,.panel,.column-card,.draw-row{border:1px solid #26344f;background:#101b31;border-radius:16px}.metric{padding:22px}.metric small{display:block;color:#90a2c4;font-size:12px}.metric strong{display:block;font-size:30px;color:#fff;margin:13px 0 6px}.metric span{font-size:11px;color:#7292c5}.sectionheading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 16px}h3{margin:0;font-size:19px}.link{color:#80b6ff;border:0;background:transparent;font-size:12px}.column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.column-card{padding:20px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-top strong{font-size:13px}.card-top span{font-size:10px;color:#86a5db}.balls{display:flex;gap:8px;align-items:center;justify-content:space-between}.ball{flex:0 1 45px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#4ba1ff,#1756a9);box-shadow:inset 0 2px 4px #91c4ff66,0 5px 12px #0004;color:#fff;font-size:14px;font-weight:800}.ball.joker{background:linear-gradient(145deg,#ffd17b,#bf7d15);box-shadow:inset 0 2px 4px #ffebaf88,0 5px 12px #0004}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:19px;gap:10px}.card-actions button{background:none;border:0;color:#81b5fc;font-size:12px}.analysis{color:#b0c1db;border-top:1px solid #263957;margin-top:15px;padding-top:14px;font-size:12px;line-height:1.65;white-space:pre-wrap}.help{color:#9aabc9;font-size:13px;line-height:1.6;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:24px}.panel h4{margin:0 0 20px}.bar-row{display:grid;grid-template-columns:28px 1fr 25px;gap:10px;align-items:center;font-size:12px;margin:10px 0;color:#b5c6df}.bar-track{height:9px;background:#233451;border-radius:10px;overflow:hidden}.bar-value{height:100%;background:linear-gradient(90deg,#3379ed,#83baff);border-radius:10px}.bar-value.gold{background:linear-gradient(90deg,#b87818,#ffd178)}.draw-list{display:grid;gap:10px}.draw-row{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.draw-row strong{font-size:12px;color:#a7bbe0}.draw-row .ball{flex-basis:33px;font-size:11px}.draw-row .balls{gap:5px}.page{display:none}.page.active{display:block}footer{color:#607496;font-size:11px;display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:20px;border-top:1px solid #25334d}.overlay{position:fixed;inset:0;z-index:12;background:#020716db;display:grid;place-items:center;padding:20px}.login{background:#101f39;border:1px solid #355382;border-radius:19px;padding:34px;max-width:410px;width:100%;display:grid;gap:14px}.login h2{font-size:24px;margin:9px 0}.login p{color:#9fb0cd;font-size:13px;line-height:1.55;margin:0}.login input{padding:15px;border:1px solid #3a5276;border-radius:10px;background:#09172c;color:#fff;outline:none}.login input:focus{border-color:#6bacff}.login .textbutton,.textbutton{color:#83b6fb;background:transparent;border:0;font-size:12px}.error{color:#ff9b9b!important}#toast{position:fixed;bottom:24px;right:24px;background:#233e62;color:#fff;padding:13px 18px;border-radius:11px;font-size:12px;opacity:0;pointer-events:none;transform:translateY(15px);transition:.2s;max-width:min(90vw,420px);z-index:20}#toast.show{opacity:1;transform:none}
@media(max-width:900px){.sidebar{width:78px;padding:20px 9px}.sidebar .brand div,.side-label,.sidebar-bottom,.nav{font-size:0}.sidebar .brand{justify-content:center}.sidebar nav .nav{text-align:center;font-size:0;padding:16px 4px}.nav::first-letter{font-size:19px}.sidebar-bottom{justify-content:center}.sidebar-bottom *:not(.dot){display:none}.shell main{width:calc(100% - 78px);padding:30px 4vw}.hero{padding:27px}.hero-emblem{font-size:100px}.column-grid{gap:10px}.column-card{padding:14px}.balls{gap:4px}.ball{font-size:12px}}
@media(max-width:640px){.shell{display:block;padding-bottom:70px}.sidebar{position:fixed;bottom:0;top:auto;z-index:8;width:100%;height:65px;flex-direction:row;padding:5px;background:#0c1b32}.sidebar .brand,.sidebar .side-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around;align-items:center}.sidebar .nav{font-size:0;width:19%;text-align:center;padding:14px 1px}.sidebar .nav::first-letter{font-size:20px}.shell main{width:100%;padding:23px 15px 25px}header{align-items:flex-start}header p{font-size:12px}.eyebrow{font-size:9px}.mode{font-size:9px;padding:8px}.hero{padding:27px 22px;min-height:275px}.hero-emblem{display:none}.hero-actions{gap:7px;flex-wrap:wrap}.primary,.secondary{padding:11px 12px}.metrics{gap:8px}.metric{padding:13px 10px}.metric small{font-size:10px}.metric strong{font-size:21px}.metric span{font-size:9px}.column-grid,.stats-grid{grid-template-columns:1fr}.column-card{padding:17px}.ball{font-size:13px;flex-basis:45px}.draw-row{padding:10px 12px}.draw-row .ball{flex-basis:32px;font-size:10px}.draw-row strong{font-size:11px}footer{display:block}footer span{display:block;margin-top:8px}}