/* 5V5 RANDOM V30 — Matchday / technical broadcast skin. Overrides legacy theme. */
:root{--edge:#354c54;--signal:#e6b966;--ice:#91e4e3}
body{background:#040e14;color:#e9f0ed;font-family:Inter,'Arial Narrow',Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 71px,#92bdc205 72px),radial-gradient(circle at 100% 10%,#18506138,transparent 40%)}
main{max-width:1550px}
.landing-shell{border:1px solid #677571!important;border-radius:0!important;box-shadow:0 28px 80px #000b!important;background:linear-gradient(92deg,#04121ae9 0%,#061720db 42%,#07171b96 100%)!important}
.landing-shell:after{content:"";position:absolute;pointer-events:none;inset:0;background:repeating-linear-gradient(90deg,transparent 0 111px,#c3b37e09 112px);opacity:.35}
.landing-header,.landing-bottom{padding:16px 28px!important;background:#06151cdb!important;position:relative;z-index:3}
.landing-header{border-bottom:1px solid #cba967!important}
.brand-icon{background:#091d27!important;border:1px solid #d4b373!important;border-radius:0!important;width:41px!important;height:41px!important}
.brand-mark strong{font-size:16px!important;font-weight:950!important;letter-spacing:.09em!important}
.brand-mark small{font-size:9px;letter-spacing:.16em}
.landing-online{font:700 10px 'Arial Narrow',Arial,sans-serif;letter-spacing:.25em}
.landing-content{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:2.8%;padding:27px 3.5%!important;min-height:0;align-items:center}
.landing-copy{max-width:570px;position:relative;z-index:2;padding-left:12px;border-left:2px solid #d7ad59}
.landing-eyebrow{font-size:10px!important;letter-spacing:.22em!important;color:#80d9db!important}
.home-v17 h1{font-family:Impact,'Arial Narrow',sans-serif!important;font-size:clamp(52px,5.7vw,96px)!important;letter-spacing:.015em!important;font-weight:900!important;line-height:.96!important;margin:17px 0 24px!important;text-transform:uppercase}
.home-v17 h1 em{background:none!important;color:#e8be72!important;font-style:normal!important;white-space:nowrap}
.home-v17 p{font-size:13px!important;line-height:1.65!important;color:#c0d1cf!important;max-width:390px}
.landing-actions{margin:28px 0!important;gap:9px!important;display:flex}
.landing-start{border-radius:0!important;min-width:235px!important;padding:16px 18px!important;background:#e5ba70!important;border:1px solid #f6d79a!important;font-size:11px!important;letter-spacing:.10em!important;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}
.landing-start:before{display:none!important}
.landing-start:hover{background:#f4d492!important;transform:translateY(-2px)!important}
.landing-resume{border-radius:0!important;padding:16px!important;border-color:#679196!important;background:#0c2b34!important}
.landing-foot{font-size:9px!important;letter-spacing:.08em!important;gap:9px!important}
.landing-art{min-height:370px!important;transform:none!important;width:100%;display:block!important;opacity:1!important}
.draft-headline{border-bottom:1px solid #c5a565;padding-bottom:10px!important;display:flex;justify-content:space-between;gap:8px}
.draft-five{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px!important;width:100%;height:clamp(300px,37vh,450px);margin-top:14px!important;overflow:visible}
.draft-five .draft-card{width:100%!important;height:100%!important;min-height:0!important;min-width:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;border:1px solid #5e7575!important;border-top:3px solid #d1ad65!important;clip-path:none!important;position:relative}
.draft-five .draft-card:before{background-size:cover!important;background-position:var(--focus-x,50%) 50%!important;transform:none!important}
.draft-five .draft-card:nth-child(3){border-top-color:#67cddb!important}
.draft-five .draft-card:hover{transform:translateY(-5px)!important;border-color:#e8c886!important;z-index:4}
.draft-card-meta{bottom:0!important;left:0!important;right:0!important;padding:10px 8px!important;background:linear-gradient(transparent,#04131de9)!important}
.draft-card-meta strong{font-family:Impact,'Arial Narrow',Arial,sans-serif!important;letter-spacing:.02em!important;font-weight:700!important;font-size:clamp(15px,1.25vw,21px)!important}
.draft-role{border-radius:0!important;font-size:8px!important}
.draft-player{font-size:9px!important}
.draft-footer{padding-top:13px!important;font-size:9px!important}
.landing-bottom{font-size:9px!important;letter-spacing:.12em!important;border-top:1px solid #5b7775!important}
.creator-mark{color:#d4e0df!important;font-weight:700}
.creator-mark b{margin:0 7px!important;color:#e6bc73!important}
/* A distinct tactical, flat interface for the active lobby. */
#app .sessionbar,#app .v11-nav,#app .panel{border-radius:0!important;backdrop-filter:none!important}
#app .sessionbar{border-left:4px solid #d7ae63!important;background:#071921f8!important}
#app .v11-nav{padding:0!important;background:#051720f6!important;border-bottom:2px solid #374e56!important}
#app .v11-tab{border-radius:0!important;letter-spacing:.045em!important;text-transform:uppercase;font-size:11px}
#app .v11-tab.active{background:#173540!important;border-bottom:2px solid #dcb76e!important}
#app .panel{border:1px solid #44616a!important;border-top:2px solid #d2ae68!important;background:#081c25f4!important;box-shadow:0 10px 30px #0005!important}
#app .option{border-radius:0!important;background:#0a2430!important;border-left:2px solid #345562!important}
#app .option:has(input:checked){border-left-color:#e2ba76!important}
#app .primary{border-radius:0!important;letter-spacing:.1em;text-transform:uppercase}
#app .top h1{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.035em;text-transform:uppercase}
#app .tag{border-radius:0!important}
@media(max-width:1060px){.landing-content{grid-template-columns:1fr!important;gap:18px!important}.landing-art{min-height:260px!important}.draft-five{height:275px}.home-v17 h1{font-size:clamp(42px,7vw,72px)!important}.landing-shell{min-height:100dvh}}
@media(max-width:680px){.landing-content{padding:18px!important}.landing-art{display:block!important;min-height:215px!important}.draft-five{height:220px;gap:3px!important}.draft-card-meta{padding:5px 3px!important}.draft-card-meta strong{font-size:11px!important}.draft-player{font-size:7px!important}.draft-role{font-size:7px!important}.draft-headline{font-size:8px}.landing-foot{flex-wrap:wrap}.home-v17 h1{font-size:clamp(36px,9vw,58px)!important}.landing-bottom{flex-wrap:wrap;gap:8px}}
@media(prefers-reduced-motion:reduce){.draft-five .draft-card{transition:none!important}}