*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06101f;color:#f4f7fb;font-family:Arial,sans-serif}a{color:#b9c6d8;text-decoration:none}header,main,footer{max-width:1180px;margin:auto}header{padding:26px 28px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:14px;align-items:center}.brand b{font-size:22px}.brand span,.grid span,.status span{display:block;color:#93a2b8;margin-top:5px}.logo{width:58px;height:58px;border:1px solid #2e91ba;border-radius:18px;display:grid;place-items:center;color:#63d5ff;font-weight:800;font-size:21px}nav{display:flex;gap:24px}main{padding:30px 28px 70px}.hero,section{padding:65px 0}.eye{color:#61d6ff;font-size:14px;font-weight:800;letter-spacing:.18em}h1{font-size:72px;line-height:1;max-width:900px;margin:20px 0 28px}h2{font-size:44px;margin:12px 0 30px}.lead{color:#aab6c8;font-size:22px;line-height:1.65;max-width:900px}.small{font-size:18px}.status,.panel,.game{border:1px solid #263852;background:#0a1729;border-radius:26px}.status{padding:26px;margin:45px 0 30px}.grid{display:grid;border:1px solid #263852;border-radius:22px;overflow:hidden}.four{grid-template-columns:repeat(4,1fr)}.threecols{grid-template-columns:repeat(3,1fr);margin:30px 0}.grid div{padding:24px;border-right:1px solid #263852}.grid div:last-child{border:0}.grid b{font-size:20px}.games{display:grid;gap:18px}.game{padding:25px}.top,.match,.bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.top{color:#94a2b6}.match{font-size:22px;font-weight:700;padding:28px 0}.at{color:#65768f}.badge{border:1px solid #6c5a36;background:#201c14;color:#ffd477;padding:10px 14px;border-radius:999px;font-weight:800;font-size:13px}.ready{border-color:#266f63;background:#10231f;color:#7ee4ca}.muted{color:#93a1b5}.prob{font-weight:800}.panel{padding:36px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.three p{color:#aab6c8;line-height:1.6}.note{color:#7f8da2;font-size:13px;line-height:1.6}button{padding:13px 18px;border-radius:12px;border:1px solid #344760;background:#152238;color:#8290a4}footer{padding:30px 28px 50px;border-top:1px solid #1d2b3e;color:#738198;display:flex;justify-content:space-between}@media(max-width:760px){nav{display:none}header{padding:22px 20px}main{padding:10px 20px 50px}h1{font-size:52px}.lead{font-size:18px}.four{grid-template-columns:1fr 1fr}.grid div{border-bottom:1px solid #263852}.three,.threecols{grid-template-columns:1fr}.match{font-size:20px}.bottom{align-items:flex-start;flex-direction:column}.panel{padding:26px}section{padding:50px 0}}
.auth-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.auth-actions button{cursor:pointer;color:#f4f7fb;background:#152238}.account-line{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0}.account-line span{display:block;margin-top:5px}.auth-result{margin-top:20px;padding:18px;border:1px solid #263852;background:#06101f;border-radius:16px;overflow:auto}.auth-result pre{white-space:pre-wrap;word-break:break-word;margin:12px 0 0;color:#aab6c8}.auth-result.ok{border-color:#266f63}.auth-result.warn{border-color:#6c5a36}@media(max-width:760px){.account-line{align-items:flex-start;flex-direction:column}}