:root{--navy:#061a3c;--blue:#0c4386;--blue2:#1261b5;--gold:#ffc43d;--green:#8ec63f;--ink:#10233e}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#edf4fb;color:var(--ink)}button,input{font:inherit}a{color:inherit}.top,.public-head{display:flex;align-items:center;gap:14px;padding:10px 4vw;background:linear-gradient(110deg,var(--navy),var(--blue));color:#fff;border-bottom:4px solid var(--gold)}.top img,.public-head img{width:74px;height:74px;object-fit:contain}.top b{font-size:19px;letter-spacing:.08em}.top small{display:block;color:#b8d6f3}.top nav{margin-left:auto;display:flex;gap:9px}.top nav a{padding:10px 13px;border:1px solid #ffffff33;border-radius:8px;text-decoration:none}.admin{max-width:1450px;margin:auto;padding:28px 4vw}.city-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.city-tabs button{padding:18px;border:2px solid #cfddeb;border-radius:12px;background:#fff;color:var(--blue);font-weight:900;cursor:pointer}.city-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.admin-grid{display:grid;grid-template-columns:1fr 360px;gap:20px}.draw-panel,.admin aside>div{background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 30px #17395b13}.next{display:flex;align-items:center;justify-content:space-between;padding:13px;background:#fff6d5;border:1px solid #ecd06b;border-radius:9px}.next span{font-size:9px;font-weight:900}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.number-grid button{height:82px;border:2px solid #d8e5f1;border-radius:12px;background:#f7fbff;color:var(--blue);cursor:pointer}.number-grid b{font-size:29px}.number-grid small{display:block}.number-grid button:disabled{background:#e4e9ee;color:#8492a0}.admin-actions{display:flex;gap:10px;margin-top:18px}.admin-actions button,.import button{padding:12px 15px;border:0;border-radius:8px;background:#e8f0f7;color:var(--blue);font-weight:900;cursor:pointer}.admin-actions .red{margin-left:auto;background:#fde6e6;color:#a22}.admin aside{display:grid;gap:14px}.import p{color:#6d7d8d}.import input{width:100%;margin:8px 0 12px}.import button{width:100%;background:var(--blue);color:#fff}.order>div{display:flex;flex-wrap:wrap;gap:6px}.order>div>b{width:42px;height:47px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:8px}.order small{font-size:8px;color:var(--gold);margin-bottom:-6px}.games>div>div{display:grid;grid-template-columns:1fr 34px 18px 34px;align-items:center;padding:6px;border-top:1px solid #e0e7ee}.games span{font-size:9px;font-weight:900}.games b{display:grid;place-items:center;height:30px;background:var(--gold);border-radius:6px}.games em{text-align:center;font-style:normal}#toast{position:fixed;right:20px;bottom:20px;transform:translateY(90px);opacity:0;padding:14px 18px;background:var(--navy);color:#fff;border-left:5px solid var(--green);border-radius:8px;transition:.2s}#toast.show{transform:none;opacity:1}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(#061a3cdd,#061a3cee),radial-gradient(circle,#1261b5,#061a3c)}.login-card,.install-card{width:min(430px,92vw);padding:30px;background:#fff;border-radius:20px;box-shadow:0 25px 80px #0007}.login-card img,.install-card img{display:block;width:120px;height:120px;object-fit:contain;margin:auto}.login-card h1,.install-card h1{text-align:center}.login-card label,.install-card label{display:block;margin:12px 0;font-size:12px;font-weight:800}.login-card input,.install-card input{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #cdd9e5;border-radius:8px}.login-card button,.install-card button{width:100%;padding:13px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:900}.login-card>a{display:block;text-align:center;margin-top:15px;color:var(--blue)}.alert{padding:10px;border-radius:7px}.alert.error{background:#fee2e2;color:#922}.public{background:var(--navy)}.public-head span{font-size:9px;color:var(--gold);font-weight:900}.public-head h1{margin:3px 0;text-transform:uppercase}.public-head nav{display:flex;gap:8px;margin-left:auto}.public-head nav button{padding:11px 15px;border:1px solid #ffffff33;border-radius:8px;background:#ffffff0b;color:#cbe2f7;font-weight:900}.public-head nav button.active{background:#fff;color:var(--blue)}.readonly{padding:8px;text-align:center;background:#e4f2db;color:#285d0c;font-size:11px;font-weight:900}.readonly small{margin-left:14px}.results{padding:28px 3vw 60px;color:#fff;background:linear-gradient(#071b3ef5,#071b3efa),repeating-linear-gradient(45deg,#0c3475 0 1px,transparent 1px 32px)}.result-title{display:flex;justify-content:space-between;align-items:center}.result-title span{color:var(--gold);font-size:10px;font-weight:900}.result-title h2{margin:6px 0;text-transform:uppercase;font-size:48px}.result-title p{color:#aac8e5}.last{width:130px;height:110px;display:grid;place-items:center;background:var(--gold);color:var(--navy);border-radius:16px}.last small{font-size:8px;font-weight:900;margin-bottom:-14px}.last b{font-size:58px}.result-order{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:6px;padding:10px;background:#04142ff1;border-top:2px solid var(--gold)}.result-order>span{font-size:9px;color:#8faecb}.result-order>div{display:flex;gap:5px;overflow:auto}.result-order b{flex:none;padding:6px 8px;border-radius:6px;background:#ffffff0d;font-size:9px}.result-order strong{font-size:17px}.result-order .current{background:var(--gold);color:var(--navy)}.poles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}.pole{overflow:hidden;background:#f5f9fd;color:var(--ink);border-radius:14px}.pole>header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(100deg,var(--blue),var(--blue2));color:#fff;border-bottom:4px solid var(--gold)}.pole header small{color:#acd0f0;font-size:8px}.pole h3{margin:2px 0}.roster,.fixtures{padding:12px 15px}.roster{border-bottom:1px solid #d6e1eb}.roster h4,.fixtures h4{margin:0 0 8px;font-size:9px;color:#6c7d8c;text-transform:uppercase;letter-spacing:.1em}.roster>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.roster span{padding:6px;background:#e8eff6;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.roster span b{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:4px;background:#cbd9e5;border-radius:50%;color:var(--blue)}.roster span.used{background:#e2f1d8}.roster span.used b{background:var(--green);color:#173503}.fixture{display:grid;grid-template-columns:44px 1fr 14px 1fr;gap:5px;align-items:center;padding:5px 0;border-top:1px solid #dce5ed}.fixture>span{font-size:8px;font-weight:900;color:#718291}.fixture p{display:flex;align-items:center;gap:6px;margin:0;padding:6px;background:#e7eef4;border-radius:6px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fixture p b{font-size:13px}.fixture.complete p{background:#e3f1d9;color:#284f14}.fixture em{text-align:center;font-size:9px;font-style:normal}@media(max-width:900px){.admin-grid,.poles{grid-template-columns:1fr}}@media(max-width:600px){.top,.public-head{flex-wrap:wrap}.top nav,.public-head nav{width:100%;margin:0}.public-head nav button{flex:1}.admin{padding:16px}.number-grid{gap:6px}.number-grid button{height:66px}.result-title h2{font-size:32px}.last{width:86px;height:82px}.last b{font-size:42px}.roster>div{grid-template-columns:repeat(2,1fr)}.readonly small{display:block;margin:3px 0 0}}