.br-team-row{display:grid;grid-template-columns:1fr 42px 28px;align-items:center;border-bottom:1px solid #183b5e}
.br-team-row>span{padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.br-team-row>input{width:40px;padding:7px 2px;border:0;border-left:1px solid #183b5e;background:#03101f;color:#fff;text-align:center}
.br-team-row>button{width:auto!important;height:100%;padding:0!important;border:0!important;background:transparent!important;color:#4b6680}
.br-team-row.winner{background:#0877ff44;color:#51e3ff}
.br-team-row.winner>button{color:#51e3ff!important}
/* Reference layout: dedicated navy tournament canvas. */
/* Tournament-specific styles follow the shared bracket stylesheet. */
body:has(.br-page){background:#020b16;color:#e8eff9}
body:has(.br-page) #app>.topbar,body:has(.br-page) #app>.bottom-nav{display:none!important}
body:has(.br-page) #app>.view{width:100%;max-width:none;margin:0;padding:0}
.br-page{width:min(100%,1000px);padding:0 20px 24px;margin:auto;background:repeating-linear-gradient(132deg,transparent 0 140px,#07306418 141px 163px,transparent 164px 250px),#020c18;font-family:Manrope,sans-serif}
.br-page svg:not(.br-connections),.br-fullscreen svg:not(.br-connections){width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.br-top{display:grid;grid-template-columns:56px 1fr auto 56px;gap:14px;align-items:center;padding:12px 0;position:relative;z-index:2}
.br-top button{height:48px;display:flex;align-items:center;justify-content:center;gap:15px;padding:0 13px;border:1px solid #56718f;border-radius:8px;background:#030e1d;color:#eef4ff;font-size:17px}
.br-top button:first-child{border-radius:50%}.br-top b{text-align:center;font:italic 900 38px/1 Manrope}.br-top em{font-size:57px;color:#00d8ff;text-shadow:0 3px #005bce}.br-top span{font-size:26px}
.br-hero{border-radius:0;background:linear-gradient(130deg,#071c3370,transparent 40%,#0865c433 50%,transparent 55%),repeating-linear-gradient(50deg,transparent 0 95px,#13366166 96px 105px,transparent 106px 180px);padding:0 0 18px;box-shadow:none;overflow:visible}
.br-hero>.br-cup{display:block;width:170px;height:170px;object-fit:contain;margin:-4px auto -12px;filter:drop-shadow(0 0 15px #1acfff40)}
.br-hero h1{font:italic 900 clamp(38px,7vw,72px)/1 'Barlow Condensed',sans-serif;letter-spacing:1px;text-shadow:0 3px 0 #415367;color:#f3f7ff;word-spacing:8px}.br-hero h1 em{color:#05ceff}.br-hero p{font:italic 700 clamp(10px,2vw,20px)/1.4 Manrope;letter-spacing:2px;margin:6px 0 0}
.br-panel{margin-top:12px;padding:16px 18px;border:1px solid #1262a5;border-radius:17px;background:linear-gradient(160deg,#06213b99,#02101ecc);box-shadow:inset 0 1px 3px #0887e33b,0 0 12px #006aff0a}
.br-panel>header{gap:14px;margin-bottom:12px}.br-panel>header>i{width:52px;height:52px;flex-shrink:0;background:linear-gradient(130deg,#0094ff,#003dff);box-shadow:0 0 15px #0072ff30}.br-panel h2{font-size:18px;letter-spacing:.2px;font-weight:800}.br-panel header p{font-size:13px;color:#b1c5dc}
.br-panel:has(>#br-name){display:grid;grid-template-columns:60px 1fr;column-gap:14px}.br-panel:has(>#br-name)>header{display:contents}.br-panel:has(>#br-name) i{grid-row:1/3}.br-panel:has(>#br-name) h2{margin-bottom:8px}.br-panel>#br-name{grid-column:2;padding:12px 16px;font-size:19px;letter-spacing:.4px}
.br-settings{grid-template-columns:1fr 1.03fr 1fr;gap:12px}.br-settings>label,.br-settings fieldset{padding:12px;border-color:#12304b}.br-settings legend{float:left;width:100%;margin-bottom:10px}.br-settings span,.br-settings legend{font-size:14px}.br-settings fieldset>label{display:flex;align-items:center;gap:10px;font-size:14px;clear:both}.br-settings input[type=radio]{appearance:none;width:27px;height:27px;border:2px solid #6980a8;border-radius:50%;margin:0;flex-shrink:0;background:#031224}.br-settings input:checked{border:7px solid #0076ff;background:#16e6ff;box-shadow:0 0 5px #00d8ff}
.team-count{grid-template-columns:46px 1fr 46px}.team-count>*{height:49px;border-radius:6px}.team-count b{font-size:28px}.orientation{clear:both}.orientation button{justify-items:center;padding:10px 5px}.orientation small{font-size:11px}.orientation button[data-orientation=vertical] svg{transform:rotate(90deg)}
.br-team-inputs{display:grid;grid-template-columns:1fr 1fr;gap:26px}.br-team-column{display:grid;gap:6px}.br-team-head,.br-team-inputs label{display:grid;grid-template-columns:40px minmax(0,1fr) 54px;gap:5px}.br-team-head{font-size:12px;color:#afc1d4}.br-team-inputs input,.br-team-inputs b,.br-team-inputs label>span{height:43px;border:1px solid #315674;border-radius:6px}.br-team-inputs input{font-size:14px;font-weight:500;padding:8px}.br-team-inputs b{background:linear-gradient(120deg,#0799ff,#0047ad);font-size:16px}.br-team-inputs label>span{font-size:16px}
.br-primary{display:flex;align-items:center;justify-content:center;gap:18px;min-height:70px;border:1px solid #00baff;border-radius:12px;box-shadow:inset 0 1px 5px #1ff0ff66;font-size:18px;background:linear-gradient(115deg,#007eff,#0036ff)}
.br-tools button{display:grid;place-items:center;width:49px;height:49px}.br-tools svg{width:27px;height:27px}
.br-board{background:repeating-linear-gradient(130deg,transparent 0 125px,#0a3f9520 126px 148px,transparent 149px 290px),radial-gradient(ellipse at bottom right,#003481,#021221 60%);border:1px solid #15579d;border-radius:24px;padding:20px 16px 42px;margin:0 -18px -16px}.br-board section>h3{display:none}.br-rounds{position:relative;gap:28px}.br-round{width:172px;flex-shrink:0}.br-round>header{border:0;background:none;box-shadow:none;font-size:14px;padding:0 0 8px}.br-round>header span{font-size:12px}.br-round>div{gap:24px}.br-match{z-index:1;border-color:#3b6a8c;border-radius:6px;background:#041320}.br-match:after{display:none}.br-team-row{grid-template-columns:1fr 32px 20px;font-size:12px}.br-team-row>input{width:32px;min-width:0;height:32px}.br-team-row>span{padding:6px}.br-match small{font-size:8px}.br-trophy img{width:145px;height:145px;object-fit:contain}.br-trophy strong{display:block;width:145px;padding:12px 5px;border:1px solid #dbaa28;border-radius:8px;background:linear-gradient(#7d5b2033,#030c17);color:#fff;font-size:14px;box-shadow:0 0 10px #fbc23233}.br-connections{position:absolute;inset:0;overflow:visible;pointer-events:none;fill:none;stroke:#00d9ff;stroke-width:2;filter:drop-shadow(0 0 4px #008cff)}
.br-empty{padding:50px 15px;text-align:center;color:#aac0d9}.br-board.vertical .br-rounds{gap:35px}.br-board.vertical .br-connections{display:none}
@media(min-width:1100px){.br-page{padding-inline:28px}.br-round{width:195px}}
@media(max-width:600px){.br-page{padding-inline:10px}.br-top{grid-template-columns:36px 1fr auto 36px;gap:7px}.br-top button{height:36px;padding:0 8px;font-size:11px}.br-top b{font-size:24px}.br-top em{font-size:36px}.br-top svg{width:22px}.br-hero>.br-cup{width:115px;height:115px}.br-panel{padding:13px 12px}.br-panel h2{font-size:12px}.br-panel header p{font-size:10px}.br-panel>header>i{width:38px;height:38px}.br-panel svg{width:23px;height:23px}.br-panel:has(>#br-name){grid-template-columns:38px 1fr;gap:6px 10px}.br-panel>#br-name{font-size:13px;padding:10px}.br-settings{gap:6px}.br-settings>label,.br-settings fieldset{padding:7px}.br-settings span,.br-settings legend{font-size:9px}.br-settings fieldset>label{font-size:9px;gap:5px}.br-settings input[type=radio]{width:18px;height:18px}.br-settings input:checked{border-width:5px}.team-count{grid-template-columns:25px 1fr 25px}.team-count>*{height:34px}.team-count b{font-size:20px}.orientation{gap:4px}.orientation small{font-size:7px}.br-team-inputs{gap:10px}.br-team-head,.br-team-inputs label{grid-template-columns:25px minmax(0,1fr) 29px;gap:3px}.br-team-head{font-size:8px}.br-team-inputs input{font-size:10px;padding:5px}.br-team-inputs input,.br-team-inputs b,.br-team-inputs label>span{height:33px}.br-team-inputs b,.br-team-inputs label>span{font-size:12px}.br-primary{font-size:12px;gap:10px;min-height:52px}.br-panel.result>header{grid-template-columns:38px 1fr auto;gap:7px}.br-tools{grid-column:auto;gap:5px}.br-tools button{width:29px;height:33px}.br-tools svg{width:19px}.br-board{margin:0 -12px -13px}.br-round{width:155px}}