:root{
  --bg:#08101f;--bg2:#101827;--panel:#121b2d;--panel2:#172238;--text:#f4f7fb;--muted:#94a3b8;--line:#26344d;
  --accent:#8b5cf6;--accent2:#6d4aff;--red:#ef4444;--blue:#2563eb;--green:#22c55e;--yellow:#f59e0b;
  --shadow:0 20px 60px rgba(0,0,0,.28);--radius:24px
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none} button,input,select{font:inherit} button{cursor:pointer} code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.topbar,.admin-topbar,.live-top,.display-toolbar{height:76px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,16,31,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand small{font-weight:600;color:var(--muted);margin-left:4px}.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#38bdf8);box-shadow:0 10px 25px rgba(109,74,255,.28)}
.brand-center{justify-content:center}.btn{border:0;border-radius:14px;padding:12px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 12px 28px rgba(109,74,255,.28)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn-soft{background:#1a2740;color:#dbe7ff;border:1px solid #2a3c5d}.btn-danger{background:#3a1720;color:#fecdd3;border:1px solid #6b2330}.btn-block{width:100%}.top-actions{display:flex;align-items:center;gap:10px}.top-actions form{margin:0}
.public-shell{background:radial-gradient(circle at 25% 0%,rgba(139,92,246,.18),transparent 35%),radial-gradient(circle at 90% 10%,rgba(37,99,235,.16),transparent 28%),var(--bg)}
.landing{max-width:1180px;margin:0 auto;padding:86px 28px 60px}.hero{max-width:850px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;color:#a78bfa;margin-bottom:18px}.hero h1,.admin-hero h1,.control-head h1,.screen-editor h1{font-size:clamp(44px,7vw,82px);line-height:.97;letter-spacing:-.055em;margin:0}.hero h1 span{background:linear-gradient(90deg,#c4b5fd,#7dd3fc);-webkit-background-clip:text;color:transparent}.hero p{font-size:20px;line-height:1.55;color:var(--muted);max-width:690px}.code-form{display:flex;gap:12px;max-width:680px;margin-top:34px}.code-form input{flex:1;min-width:0;background:#0d1728;color:#fff;border:1px solid #2c3a55;border-radius:16px;padding:17px 18px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;outline:none}.code-form input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.13)}
.flash{padding:13px 16px;border-radius:14px;margin:14px 0;background:#173827;color:#bbf7d0;border:1px solid #275b3f}.flash.error{background:#3a1720;color:#fecdd3;border-color:#6b2330}.live-now{margin-top:80px}.section-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin-bottom:16px}.section-head>div{font-weight:800;color:#fff}.live-dot{display:inline-block;width:9px;height:9px;background:#ef4444;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px rgba(239,68,68,.12)}.match-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mini-match{padding:18px;border:1px solid var(--line);background:rgba(18,27,45,.84);border-radius:18px}.mini-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.mini-meta b{color:#c4b5fd}.mini-sides{display:flex;align-items:center;gap:10px;margin-top:14px;min-width:0}.mini-sides strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.red-ball,.blue-ball,.ball,.big-ball{display:inline-block;border-radius:50%;flex:none}.red-ball,.blue-ball{width:12px;height:12px}.red-ball,.ball.red,.big-ball.red{background:linear-gradient(145deg,#fb7185,#b91c1c);box-shadow:inset -2px -3px 6px rgba(0,0,0,.22),0 4px 10px rgba(239,68,68,.2)}.blue-ball,.ball.blue,.big-ball.blue{background:linear-gradient(145deg,#60a5fa,#1d4ed8);box-shadow:inset -2px -3px 6px rgba(0,0,0,.22),0 4px 10px rgba(37,99,235,.2)}.footer{text-align:center;color:#64748b;padding:30px}
.auth-page{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.2),transparent 36%),var(--bg)}.auth-card{width:min(430px,calc(100vw - 32px));padding:30px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow)}.auth-card h1{text-align:center;margin:26px 0 6px}.auth-card p{text-align:center;color:var(--muted);line-height:1.5}.stack-form{display:grid;gap:14px}.stack-form label,.form-grid label,.screen-editor form>label,.modal form>label{display:grid;gap:7px;color:#cbd5e1;font-size:13px;font-weight:700}.stack-form input,.form-grid input,.form-grid select,.screen-editor input,.screen-editor select,.modal input,.modal select{width:100%;border:1px solid var(--line);background:#0f182a;color:#fff;border-radius:12px;padding:12px 13px;outline:none}.stack-form input:focus,.form-grid input:focus,.form-grid select:focus,.screen-editor input:focus,.screen-editor select:focus,.modal input:focus,.modal select:focus{border-color:#8b5cf6}.stack-form code{color:#c4b5fd}
.admin-page{background:#0a1221}.admin-main{max-width:1380px;margin:0 auto;padding:34px 28px 64px}.admin-main.narrow{max-width:950px}.admin-hero{padding:34px 0 30px;display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.admin-hero h1{font-size:54px}.admin-hero p{color:var(--muted);margin:12px 0 0}.stats{display:flex;gap:10px}.stats>div{min-width:105px;background:var(--panel);border:1px solid var(--line);padding:14px 16px;border-radius:18px}.stats b{font-size:26px;display:block}.stats span{font-size:12px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:18px}.panel{background:linear-gradient(180deg,#121c30,#101827);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 14px 40px rgba(0,0,0,.12)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.panel-head h2,.panel h3{margin:0}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.data-list{display:grid;gap:8px}.data-row{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid transparent;border-radius:15px;background:#0d1729}.data-row:hover{border-color:#344663;background:#111d31}.data-list.compact .data-row{grid-template-columns:1fr auto auto}.row-main{min-width:0}.row-main b,.row-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main small{color:var(--muted);margin-top:4px}.data-row code{color:#c4b5fd;font-weight:800}.chevron{font-size:27px;color:#64748b}.status-dot{width:10px;height:10px;border-radius:50%;background:#64748b}.status-dot.status-live{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.1)}.status-dot.status-finished{background:#8b5cf6}.score-mini{font-size:18px;font-weight:900}.muted{color:#64748b;font-weight:600}.empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}.empty.small{padding:22px}.panel>.btn-block{margin-top:14px}.modal{width:min(720px,calc(100vw - 24px));border:1px solid var(--line);border-radius:24px;background:#111b2e;color:#fff;padding:0;box-shadow:var(--shadow)}.modal::backdrop{background:rgba(3,8,18,.76);backdrop-filter:blur(5px)}.modal form{padding:24px}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:0}.modal-head p{color:var(--muted);margin:5px 0 0}.icon-btn{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:#0c1526;color:#fff;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:16px}.span-2{grid-column:1/-1}.check-list{display:grid;gap:8px;max-height:320px;overflow:auto;margin:14px 0}.check-item{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:11px!important;padding:12px;border:1px solid var(--line);border-radius:13px;background:#0d1728}.check-item input{width:18px!important;height:18px;margin-top:2px}.check-item span{min-width:0}.check-item b,.check-item small{display:block}.check-item small{color:var(--muted);margin-top:3px}
.backlink{display:inline-flex;color:#94a3b8;font-weight:700;margin-bottom:22px}.control-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:24px}.control-head h1{font-size:clamp(34px,4vw,58px)}.control-head h1 span{color:#5b6b83}.control-codes{display:flex;gap:10px;align-items:center;margin-top:16px}.control-codes code,.share-line code{background:#0c1627;border:1px solid var(--line);padding:8px 11px;border-radius:10px;color:#c4b5fd}.copy-btn{border:0;background:transparent;color:#93c5fd;font-weight:800}.status-card{min-width:185px;text-align:right}.status-card span{display:block;color:var(--muted);font-size:13px}.status-card strong{font-size:46px;letter-spacing:-.05em}.control-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.side-stack{display:grid;gap:16px;align-content:start}.score-control{padding:22px}.live-badge{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:900;color:#86efac}.live-badge span{width:8px;height:8px;border-radius:50%;background:#22c55e}.end-controls{display:grid;gap:10px}.end-control{display:grid;grid-template-columns:82px 1fr 1fr auto;gap:10px;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:17px;background:#0d1728}.end-control.current{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.08)}.end-control.done{background:#0c1626}.end-number{display:grid;place-items:center;border-radius:12px;background:#152238;text-align:center}.end-number span,.end-number small{font-size:10px;color:var(--muted);text-transform:uppercase}.end-number b{font-size:25px}.end-side{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:12px}.red-side{background:rgba(239,68,68,.07)}.blue-side{background:rgba(37,99,235,.08)}.end-side>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.end-side b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ball{width:14px;height:14px}.stepper{display:flex!important;align-items:center;gap:4px}.stepper button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#142139;color:#fff;font-size:20px}.stepper input{width:54px;height:36px;text-align:center;border:1px solid var(--line);background:#091221;color:#fff;border-radius:9px;font-weight:900}.save-end{border:1px solid #35486a;background:#192742;color:#e2e8f0;border-radius:12px;padding:0 14px;font-weight:800}.match-actions{display:flex;gap:8px;margin-top:16px}.tiebreak-box{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.tiebreak-box small{display:block;color:var(--muted);margin-top:3px}.side-chip{border:0;border-radius:12px;padding:10px 13px;color:#fff;font-weight:800}.side-chip.red{background:#7f1d1d}.side-chip.blue{background:#1e3a8a}.share-panel{text-align:center}.share-panel h3{margin-bottom:14px}.qr{width:190px;max-width:100%;background:#fff;padding:8px;border-radius:16px}.big-code{font-size:28px;font-weight:1000;letter-spacing:.14em;color:#c4b5fd;margin-top:12px}.share-panel p{word-break:break-all;color:var(--muted);font-size:11px}.settings-panel summary{font-weight:900;cursor:pointer}.settings-panel form{margin-top:16px}.toggle{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important}.toggle input{width:18px}.danger-panel{display:grid;gap:10px}.link-danger{border:0;background:transparent;color:#fda4af;font-weight:800;padding:7px}.screen-editor-head{display:flex;justify-content:space-between;gap:30px;align-items:center}.screen-editor h1{font-size:50px}.screen-editor p{color:var(--muted)}.small-qr{width:130px}.share-line{display:flex;gap:8px;align-items:center;margin:18px 0 24px}.share-line code{flex:1;overflow:auto}.screen-checks{max-height:none}
.live-page{background:radial-gradient(circle at 15% 0%,rgba(239,68,68,.12),transparent 30%),radial-gradient(circle at 85% 0%,rgba(37,99,235,.14),transparent 30%),var(--bg)}.live-top{position:relative}.live-code{font-size:13px;color:var(--muted)}.live-code b{color:#fff;letter-spacing:.12em}.live-wrap{max-width:1050px;margin:0 auto;padding:52px 22px}.loading-card{padding:80px;text-align:center}.live-card{border:1px solid var(--line);background:linear-gradient(180deg,#111b2e,#0d1627);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.live-card-head{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line);color:var(--muted)}.live-card-head>div{display:flex;align-items:center;gap:10px}.live-card-head b{color:#fff}.status-pill{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:7px 9px;border-radius:999px;background:#334155}.status-pill.live{background:#14532d;color:#bbf7d0}.status-pill.finished{background:#312e81;color:#c4b5fd}.live-sides{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:36px 28px}.live-side{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}.live-side strong{font-size:86px;line-height:1;letter-spacing:-.08em}.live-side.red strong{color:#fecaca}.live-side.blue strong{color:#bfdbfe}.side-name{display:flex;align-items:center;gap:15px;min-width:0}.side-name.reverse{text-align:right}.big-ball{width:48px;height:48px}.side-name h2{font-size:clamp(22px,3.5vw,38px);margin:2px 0;line-height:1.04;letter-spacing:-.04em}.side-name p{margin:5px 0 0;color:var(--muted)}.versus{font-size:48px;color:#475569;font-weight:900}.winner-badge{display:inline-block;font-size:9px;letter-spacing:.08em;padding:5px 7px;border-radius:999px;background:#ca8a04;color:#fff;font-weight:1000}.ends-table{padding:0 28px 28px}.ends-row{display:grid;grid-template-columns:100px repeat(var(--ends,4),1fr) 70px;grid-auto-flow:column;align-items:center;border-top:1px solid #22304a;min-height:52px}.ends-row.header{color:#64748b;font-size:11px;font-weight:800}.ends-row span,.ends-row b{text-align:center}.ends-row>span:first-child{text-align:left;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.ends-row .played{color:#fff;font-weight:900}.ends-row.red b{color:#fca5a5;font-size:26px}.ends-row.blue b{color:#93c5fd;font-size:26px}.tiebreak-note{text-align:center;padding:12px;background:#312e81;color:#ddd6fe;font-weight:800}.updated{text-align:center;color:#64748b;font-size:12px;margin-top:16px}
.scoreboard-page,.multi-screen-page{height:100vh;overflow:hidden;background:#050a14}.display-toolbar{height:60px;padding:0 20px;position:relative;background:#070d18}.display-brand{font-weight:1000;display:flex;align-items:center;gap:10px;letter-spacing:.08em;font-size:12px}.display-brand .brand-mark{width:28px;height:28px;border-radius:9px}.toolbar-actions{display:flex;gap:15px;align-items:center;color:#94a3b8;font-size:12px}.screen-button{border:1px solid #26344d;background:#0f1828;color:#dbeafe;border-radius:10px;padding:8px 11px}.scoreboard-stage{height:calc(100vh - 60px);padding:14px}.board-shell{height:100%}.board{height:100%;display:grid;grid-template-rows:auto 1fr auto auto auto;background:linear-gradient(180deg,#0d1626,#08101d);border:1px solid #26344d;border-radius:22px;overflow:hidden}.board-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:13px 20px;border-bottom:1px solid #26344d;color:#94a3b8;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.board-meta b{text-align:center;color:#fff}.board-meta .board-status{text-align:right;font-weight:900}.board-status.live{color:#86efac}.board-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:20px 34px}.board-side{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}.board-side strong{font-size:min(17vh,190px);line-height:.85;letter-spacing:-.09em}.board-side.red strong{color:#fca5a5}.board-side.blue strong{color:#93c5fd}.board-name{display:flex;align-items:center;gap:20px;min-width:0}.board-name.right{text-align:right}.board-name .big-ball{width:min(7vh,72px);height:min(7vh,72px)}.board-name h2{font-size:min(5vh,54px);letter-spacing:-.055em;line-height:.95;margin:4px 0;max-width:34vw}.board-name p{margin:6px 0 0;color:#94a3b8;font-size:min(2.3vh,21px)}.board-divider{font-size:min(10vh,90px);font-weight:1000;color:#334155}.board .ends-table{padding:0 34px 12px}.board .ends-row{min-height:42px}.board .ends-row>span:first-child{font-size:11px}.board .ends-row.red b,.board .ends-row.blue b{font-size:23px}.board-tiebreak{text-align:center;background:#312e81;color:#ddd6fe;padding:8px;font-weight:900;letter-spacing:.08em}.board-code{text-align:center;color:#475569;font-size:10px;padding:7px;border-top:1px solid #1e2a40;letter-spacing:.12em}
.multi-stage{height:calc(100vh - 60px);padding:10px}.screen-grid{height:100%;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.screen-grid.count-1{grid-template-columns:1fr}.screen-grid.count-2{grid-template-columns:repeat(2,1fr)}.screen-grid.count-3,.screen-grid.count-4{grid-template-columns:repeat(2,1fr)}.screen-grid.count-5,.screen-grid.count-6{grid-template-columns:repeat(3,1fr)}.screen-grid.forced-cols{grid-template-columns:repeat(var(--forced-cols),minmax(0,1fr))}.screen-match{min-width:0;min-height:0}.screen-match .board{border-radius:16px}.compact-board .board-meta{padding:8px 12px;font-size:10px}.compact-board .board-score{padding:8px 14px;gap:10px}.compact-board .board-side{gap:8px}.compact-board .board-side strong{font-size:min(9vh,88px)}.compact-board .board-name{gap:8px}.compact-board .board-name .big-ball{width:min(3.6vh,34px);height:min(3.6vh,34px)}.compact-board .board-name h2{font-size:min(2.7vh,27px);max-width:18vw}.compact-board .board-name p{font-size:min(1.3vh,12px)}.compact-board .board-divider{font-size:min(5vh,42px)}.compact-board .ends-table{padding:0 12px 4px}.compact-board .ends-row{min-height:27px}.compact-board .ends-row.header{font-size:9px}.compact-board .ends-row.red b,.compact-board .ends-row.blue b{font-size:16px}.compact-board .board-code{padding:4px;font-size:8px}.compact-board .winner-badge{font-size:6px;padding:3px 4px}.display-empty{display:grid;place-items:center;height:100%;color:#64748b;border:1px dashed #26344d;border-radius:18px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);opacity:0;background:#153122;color:#bbf7d0;border:1px solid #295b3f;padding:11px 15px;border-radius:12px;z-index:100;transition:.2s;box-shadow:var(--shadow);font-weight:800}.toast.error{background:#3a1720;color:#fecdd3;border-color:#6b2330}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.admin-grid,.control-layout{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.share-panel{grid-row:span 2}.end-control{grid-template-columns:72px 1fr 1fr}.save-end{grid-column:2/-1;padding:10px}.tiebreak-box{grid-template-columns:1fr 1fr 1fr}.tiebreak-box>div{grid-column:1/-1}.live-sides{gap:10px}.live-side{display:grid}.live-side.blue{grid-template-columns:auto 1fr}.live-side strong{font-size:62px}.board-name h2{max-width:30vw}}
@media(max-width:720px){.topbar,.admin-topbar,.live-top{padding:0 16px;height:64px}.top-actions .btn-ghost:first-child{display:none}.landing{padding:58px 18px 40px}.hero h1{font-size:51px}.hero p{font-size:17px}.code-form{display:grid}.match-list{grid-template-columns:1fr}.admin-main{padding:20px 14px 48px}.admin-hero,.control-head{display:grid}.stats{overflow:auto}.admin-hero h1{font-size:46px}.panel{border-radius:18px;padding:15px}.data-row{grid-template-columns:auto 1fr auto}.data-row .score-mini,.data-row code{display:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal form{padding:18px}.control-head h1{font-size:38px}.status-card{text-align:left}.control-layout{display:block}.side-stack{display:grid;grid-template-columns:1fr;margin-top:16px}.end-control{grid-template-columns:58px 1fr}.end-number{grid-row:span 2}.end-side{display:grid;gap:7px}.save-end{grid-column:1/-1}.match-actions{display:grid;grid-template-columns:1fr}.screen-editor-head{display:grid}.small-qr{display:none}.share-line{display:grid}.live-wrap{padding:24px 10px}.live-card{border-radius:20px}.live-card-head{display:grid;padding:15px}.live-sides{grid-template-columns:1fr;gap:6px;padding:20px}.live-side,.live-side.blue{display:flex;grid-template-columns:none}.versus{display:none}.live-side strong{font-size:58px}.side-name h2{font-size:24px}.big-ball{width:34px;height:34px}.ends-table{padding:0 12px 16px;overflow-x:auto}.ends-row{min-width:460px}.screen-grid{grid-template-columns:1fr!important;overflow:auto}.multi-screen-page{overflow:auto}.multi-stage{height:auto;min-height:calc(100vh - 60px)}.screen-match{min-height:420px}.compact-board .board-name h2{max-width:34vw}}