/* REDSEC OCE: existing Discord emblem and an adaptation of the original Queue Sync artwork. */
:root{--bg:#0b0b0d;--panel:#151518;--line:#303035;--muted:#a2a2ad;--text:#f5f4f2;--red:#ff373d;--lime:#f4f2ef;--blue:#afc9e6}
body{background:radial-gradient(ellipse at 80% 0,#2b101630,transparent 50%),var(--bg)}
.sidebar{background:#0c0c0f;padding-top:25px;border-top:3px solid var(--red)}
.brand{flex-direction:column;gap:12px;text-align:center;letter-spacing:0}
.brand img{width:142px;height:142px;object-fit:contain;filter:drop-shadow(0 0 17px #ff152e23)}
.brand-name{font-family:Impact,'Arial Narrow',sans-serif;font-size:28px;letter-spacing:1px;line-height:1.1}
.brand-name b{color:var(--red);font-weight:400}
.brand-name small{display:block;font:8px Arial,sans-serif;letter-spacing:2.5px;margin-top:9px;color:#a2a2ad}
.navlabel{margin-top:35px;color:#9b9ba5}
nav button{color:#aaaab4}nav button.active{background:#341217;box-shadow:inset 3px 0 var(--red);color:#fff}
.sidefooter,.sidefooter small{color:#9b9ba5}.signal{background:var(--red);box-shadow:0 0 10px #ff373d80}
.topbar{background:#101013;font-weight:700}.topbar .button{border-color:#733039;background:#271318;color:#fff}
h1,.hero-right .big,.stat strong{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.4px}
.hero{min-height:410px;padding:42px;border:1px solid #663038;grid-template-columns:minmax(0,1fr) 180px;background:linear-gradient(90deg,#09090de8 0%,#0b0b0dbb 44%,#0b0b0d24 75%),url('/static/assets/redsec-oce-hero.png') center/cover}
.hero::after{inset:auto 0 0;width:auto;height:3px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,var(--red),#ff373d00)}
.hero>div:first-child{position:relative;z-index:1;align-self:center}
.hero h1{font-size:clamp(48px,5.2vw,82px);line-height:.98;letter-spacing:.1px;text-shadow:0 3px 24px #0008}
.hero .eyebrow{color:#ff777b;letter-spacing:2.3px}.hero p{color:#d0cdd2;max-width:450px;font-size:14px;line-height:1.65}
.hero .buttons button:not(.primary){background:#101014d9;border-color:#77717a}
.hero-right{padding:0;border:0;align-self:center;display:flex;flex-direction:column;align-items:center;text-shadow:0 2px 8px #000}
.hero-emblem{width:168px;height:168px;object-fit:contain;margin-bottom:21px;filter:drop-shadow(0 5px 20px #000b)}
.hero-right small{color:#ddd5d7;font-size:9px}.hero-right .big{font-size:42px}.hero-right .big .muted{font-size:24px;color:#bdb6bb}
.hero-right progress{width:150px;margin:10px 0;background:#483037}.hero-right .sub{font-size:10px;gap:12px;color:#ddd5d7}
progress::-webkit-progress-bar{background:#483037}progress::-webkit-progress-value{background:var(--red)}progress::-moz-progress-bar{background:var(--red)}
button,.button{border-radius:2px;background:#242429;border-color:#45434a}button:hover{background:#36333b}button.primary,.button.primary{color:#fff;background:#da1726;border-color:#ff3747}button.primary:hover,.button.primary:hover{background:#f12636}
input,select{background:#101014;border-color:#48444e}label{color:#bcb8c2}
.stats{background:#131316}.stat strong{font-size:28px}.stat small{font-size:9px;letter-spacing:1.5px}
.stage-card{background:linear-gradient(140deg,#27131766,#151518);border-top:2px solid #bd2332}.stage-card.current{background:#281318}.stage-card h3{font-size:19px}.stage-card .time{color:#ff8d95}.stage-number{color:#ac9ca4}
.panel-head{background:#19191d}.panel-head h2{font-size:16px}.notice{background:#24171c;color:#e0cbd0;border-color:var(--red)}
.badge{background:#251b20;border-color:#68434b;color:#f8d8de}.badge.neutral{background:#202025;border-color:#49434b;color:#cbc5cf}.badge.red{background:#3b1820;border-color:#813140;color:#ff9ca6}
.rankone{background:#2a171e}td{border-bottom-color:#2c2931}td.points{color:#fff}.schedule-line strong{color:#ff8c95}
.rulecell{background:#222026;border-top:2px solid #8f2331}.rulecell strong{color:#ff7a86}.upload{background:#21171e;border-color:#77545f}.teamcard .number,.teamcard p,.info-list{color:#bcb5c1}
dialog{background:#19171d;border-color:#78535f}.reviewcard img{background:#09090c}footer,footer span{color:#9e96a3}
.signin-notice{margin-bottom:22px;display:flex;align-items:center;gap:15px;justify-content:space-between}.signin-notice p{margin:0}.signin-notice a{white-space:nowrap}
.split>*{min-width:0}.panel-head{flex-wrap:wrap}.hero .badge{align-self:center}.brand-name small{line-height:1.5}
@media(min-width:1500px){.hero{min-height:445px}}
@media(max-width:1100px){.brand img{width:124px;height:124px}.brand-name{font-size:24px}.hero{padding:28px;grid-template-columns:minmax(0,1fr) 135px;min-height:390px}.hero-emblem{width:130px;height:130px}.hero-right progress{width:120px}}
@media(max-width:700px){.sidebar{padding-top:14px}.brand{flex-direction:row;text-align:left;gap:13px;width:max-content}.brand img{width:54px;height:54px}.brand-name{font-size:25px}.brand-name small{font-size:7px;letter-spacing:2px;margin-top:5px}.hero{min-height:370px;padding:28px 23px;grid-template-columns:1fr;background-position:67% center}.hero h1{font-size:58px}.hero-right{display:none}.hero p{max-width:320px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.stat strong{font-size:27px}.signin-notice{align-items:flex-start;flex-direction:column}.topbar{font-size:9px}.topbar .button{font-size:11px}}
@media(max-width:420px){.hero h1{font-size:46px}.hero .buttons{gap:8px}.hero .buttons button,.hero .buttons .button{padding:10px;font-size:12px}}