:root{
  --bg:#07101d;--panel:#101b2d;--panel2:#15233a;--line:#253855;--text:#eef5ff;
  --muted:#9eb0ca;--accent:#67e8f9;--accent2:#5eead4;--danger:#fb7185;--ok:#86efac;
  --shadow:0 20px 55px rgba(0,0,0,.32)
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);
background:radial-gradient(circle at 15% 5%,rgba(103,232,249,.09),transparent 25%),linear-gradient(180deg,#06101c,#091525 58%,#07101d)}
button,input,select,textarea{font:inherit} button{cursor:pointer}.hidden{display:none!important}
.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:900}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;width:min(1160px,100%);margin:auto;padding:28px}
.hero,.login-card,.card{background:rgba(16,27,45,.94);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.hero{padding:46px}.ball{font-size:58px}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.03;margin:7px 0 15px}.hero p{color:var(--muted);font-size:18px;line-height:1.65}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:26px}.stats div{padding:16px;border:1px solid var(--line);border-radius:15px;background:#0b1628}
.stats b{font-size:28px;display:block}.stats span{font-size:12px;color:var(--muted)}
.login-card{padding:26px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab,.ghost,.secondary,.danger{border:1px solid var(--line);background:#12213a;color:var(--text);border-radius:12px;padding:10px 14px}
.tab{background:transparent}.tab.active{background:var(--panel2)}.form{display:grid;gap:14px}label{display:grid;gap:7px;color:var(--muted);font-size:14px}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:#091426;color:var(--text);outline:none}
textarea{min-height:100px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary{border:0;border-radius:12px;padding:13px 16px;background:linear-gradient(90deg,var(--accent2),var(--accent));color:#05202a;font-weight:900}
.hint{font-size:12px;color:var(--muted)}.app{min-height:100vh;padding-bottom:92px}.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:rgba(6,16,28,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topbar h2{margin:2px 0}.top-actions{display:flex;gap:9px;align-items:center}#userBadge{font-size:13px;color:var(--muted)}
.content{width:min(1180px,100%);margin:auto;padding:18px}.page{display:grid;gap:16px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}
.card{padding:18px}.card h3{margin:0 0 12px}.muted{color:var(--muted)}.stat{font-size:31px;font-weight:900;margin-top:5px}.kicker{font-size:11px;color:var(--accent);letter-spacing:.09em;text-transform:uppercase}
.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#17314a;color:#c8ecff;font-size:12px}.badge.ok{background:#153624;color:#c8f7d4}.section-title{display:flex;justify-content:space-between;gap:10px;align-items:center}
.fixture{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.fixture:last-child{border-bottom:0}.fixture .right{text-align:right}.score{text-align:center;min-width:72px;font-size:20px;font-weight:900}
.list{display:grid}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.person{display:flex;gap:10px;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1a2c47;font-weight:900}
.notice{border:1px solid #2a4562;background:#10253b;color:#c8d9ef;padding:12px 14px;border-radius:14px}.actions{display:flex;gap:8px;flex-wrap:wrap}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:center;gap:2px;padding:8px 7px max(8px,env(safe-area-inset-bottom));background:rgba(6,16,28,.96);border-top:1px solid var(--line);overflow-x:auto}
.nav-btn{min-width:64px;max-width:108px;flex:1;border:0;background:transparent;color:var(--muted);padding:7px 5px;border-radius:12px;display:grid;place-items:center;gap:2px}.nav-btn span{font-size:18px}.nav-btn small{font-size:11px}.nav-btn.active{background:#13233a;color:white}
.bracket-wrap{overflow:auto}.bracket{min-width:1040px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.round-title{font-size:12px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.round{display:grid;gap:12px}.round.qf{padding-top:34px;gap:42px}.round.sf{padding-top:108px;gap:150px}.round.final{padding-top:270px}
.match-card{border:1px solid var(--line);border-radius:14px;background:#0c182a;overflow:hidden}.match-meta{display:flex;justify-content:space-between;padding:8px 10px;background:#111f34;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.match-team{display:flex;justify-content:space-between;padding:10px 11px;border-bottom:1px solid #1d2d47}.match-team:last-child{border-bottom:0}.match-team.winner{background:#123322}
.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rule{background:#0d192b;border:1px solid var(--line);border-radius:14px;padding:14px}.rule strong{display:block;margin-bottom:4px}
table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}th{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto}
.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.admin-grid .wide{grid-column:span 2}.danger{background:#321925;color:#ffc7d0;border-color:#6f3445}
.toast{position:fixed;z-index:120;left:50%;bottom:100px;transform:translateX(-50%);display:none;background:white;color:#102030;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}.toast.show{display:block}
.draw-overlay{position:fixed;inset:0;z-index:100;background:rgba(3,8,15,.96);display:grid;place-items:center;padding:20px}.draw-stage{width:min(760px,100%);text-align:center}.draw-header h2{font-size:clamp(28px,5vw,48px);margin:8px 0 20px}
.draw-machine{height:270px;display:grid;place-items:center;align-content:center;gap:18px;border:1px solid #2c4968;border-radius:28px;background:radial-gradient(circle at center,rgba(103,232,249,.1),transparent 50%),#0b1728;box-shadow:var(--shadow)}
.pot{font-size:86px;animation:bounce .75s ease-in-out infinite alternate}.rolling-name{font-size:clamp(24px,4vw,42px);font-weight:900;min-height:52px;color:#bcd0e9}.revealed-name{min-height:70px;font-size:clamp(34px,6vw,64px);font-weight:1000;margin-top:16px;color:var(--accent2);text-shadow:0 0 28px rgba(94,234,212,.25)}
.draw-progress{height:10px;background:#111f34;border-radius:999px;overflow:hidden;margin-top:20px}.draw-progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .35s ease}.draw-counter{margin-top:8px;color:var(--muted)}
.draw-history{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.draw-item{border:1px solid var(--line);background:#0c182a;border-radius:13px;padding:12px}.draw-item strong{display:block}
@keyframes bounce{from{transform:translateY(-6px) rotate(-5deg)}to{transform:translateY(7px) rotate(5deg)}}
@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}.pop{animation:pop .38s ease}
@media(max-width:820px){.login-shell{grid-template-columns:1fr;padding:14px}.hero{padding:27px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:auto}.rule-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr 1fr}.admin-grid .wide{grid-column:span 2}.draw-history{grid-template-columns:1fr}#userBadge{display:none}}


.draw-choice-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.draw-choice-tabs button.active{background:#1c3a55;border-color:#4d7da0}
.manual-draw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.manual-slot{border:1px solid var(--line);background:#0c182a;border-radius:13px;padding:12px}
.manual-slot .kicker{margin-bottom:6px}
.team-editor{display:grid;gap:10px}
.team-editor-row{display:grid;grid-template-columns:52px 1fr 180px;gap:10px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line)}
.team-editor-row:last-child{border-bottom:0}
.team-editor-row .team-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#172a43;font-weight:900}
@media(max-width:700px){
  .manual-draw-grid{grid-template-columns:1fr}
  .team-editor-row{grid-template-columns:42px 1fr}
  .team-editor-row .team-code-field{grid-column:2}
}