@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Roboto+Condensed:wght@300;400;700&family=JetBrains+Mono:wght@400;700&display=swap');
:root{--ink:#14110d;--dark:#1c1a17;--asphalt:#3a3a3a;--asphalt2:#4a4844;--cream:#fbf3dc;--red:#c63232;--hot:#e84040;--redteam:#b8383c;--blu:#5885a2;--bluhot:#78a5c2;--yellow:#f5d142;--green:#7baa4a;--display:'Oswald',Impact,sans-serif;--mono:'JetBrains Mono',monospace;--body:'Roboto Condensed',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--body);background-image:radial-gradient(ellipse 800px 500px at 12% 15%,rgba(198,50,50,.1),transparent 63%),radial-gradient(ellipse 700px 500px at 88% 80%,rgba(30,58,95,.13),transparent 63%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px);min-height:100vh}.control-shell{display:flex;min-height:100vh}.sidebar{width:242px;flex:0 0 242px;background:rgba(22,18,14,.92);border-right:2px solid var(--asphalt);padding:28px 22px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand-lockup{display:flex;align-items:center;gap:12px;padding-bottom:26px;border-bottom:1px solid var(--asphalt)}.brand-logo{height:46px;width:auto;object-fit:contain}.brand-kicker,.eyebrow,.rail-label,.section-number,.panel-meta,.side-meta,.connection small,footer,.preview-tag,.preview-caption,.url-foot{font-family:var(--mono);letter-spacing:.18em;font-size:10px}.brand-kicker{color:var(--yellow);font-size:9px}.brand-title{font-family:var(--display);font-size:18px;line-height:.9;letter-spacing:.1em;margin-top:4px}.rail-label{color:#8d8476;margin:32px 0 12px;font-size:9px}.rail-label span{color:var(--hot);float:right}.side-nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;color:#b8af9e;text-decoration:none;padding:14px 10px;border-left:3px solid transparent;font-family:var(--display);font-weight:600;letter-spacing:.12em;font-size:14px}.nav-item:hover,.nav-item.active{color:var(--cream);background:rgba(255,255,255,.04);border-left-color:var(--hot)}.nav-item.active b{margin-left:auto;color:var(--hot);font-size:10px}.nav-index{font:10px var(--mono);color:#766f63}.sidebar-bottom{margin-top:auto}.connection{border:1px solid var(--asphalt);padding:13px 10px;display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.22)}.connection strong{display:block;font:11px var(--mono);letter-spacing:.16em}.connection small{color:var(--green);font-size:8px;letter-spacing:.1em}.pulse{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 9px var(--green)}.side-meta{color:#635e56;line-height:1.8;margin-top:18px;font-size:8px}.main-content{width:calc(100% - 242px);max-width:1500px;margin:auto;padding:0 38px}.topbar{height:108px;border-bottom:2px solid var(--asphalt);display:flex;align-items:center;justify-content:space-between}.eyebrow{color:var(--hot);font-size:10px;margin-bottom:4px}.topbar h1{font:600 30px var(--display);letter-spacing:.05em;text-transform:uppercase;margin:0}.topbar-actions{display:flex;align-items:center;gap:12px}.air-status,.user-chip,.ghost-button{font:10px var(--mono);letter-spacing:.13em;border:1px solid var(--asphalt);padding:10px 12px;background:rgba(0,0,0,.28);color:var(--cream)}.air-status{color:var(--green);display:flex;gap:8px;align-items:center}.user-chip span{color:var(--yellow);margin-left:8px}.ghost-button{color:#a49c8e;background:transparent;cursor:pointer}.ghost-button:hover{border-color:var(--hot);color:var(--cream)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(350px,.82fr);gap:22px;padding:24px 0}.panel{background:rgba(20,17,13,.72);border:2px solid var(--asphalt);margin-bottom:22px;box-shadow:0 4px 14px rgba(0,0,0,.18)}.panel-header{padding:15px 18px;border-bottom:2px solid var(--asphalt);background:rgba(0,0,0,.28);display:flex;justify-content:space-between;align-items:center}.panel-header>div{display:flex;align-items:center;gap:12px}.panel-header h2{margin:0;font:600 18px var(--display);letter-spacing:.12em;text-transform:uppercase}.section-number{color:var(--hot);font-size:11px}.panel-meta{color:#8b8376;font-size:9px}.panel-meta b{color:var(--yellow)}.preview-stage{margin:18px;background:linear-gradient(135deg,rgba(58,58,58,.22),rgba(0,0,0,.32));border:1px solid var(--asphalt);padding:32px 18px 17px;position:relative}.preview-tag{position:absolute;top:10px;left:12px;color:var(--yellow);font-size:9px}.preview-tag span{color:#7e776c;margin-left:12px}.scorebug{margin:16px auto 20px;max-width:700px;display:grid;grid-template-columns:1fr 180px 1fr;border:2px solid var(--asphalt);background:rgba(20,17,13,.96);box-shadow:0 8px 25px rgba(0,0,0,.6)}.score-team{padding:12px 15px 8px}.red-side{border-right:4px solid var(--redteam)}.blu-side{border-left:4px solid var(--blu)}.team-top{display:flex;align-items:center;gap:9px}.team-copy{min-width:0;flex:1}.team-copy.right{text-align:right}.team-copy small{display:block;color:var(--redteam);font:8px var(--mono);letter-spacing:.13em}.blu-side .team-copy small{color:var(--bluhot)}.team-copy strong{display:block;font:600 22px var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-top>b{font:700 35px var(--mono)}.team-tag{height:42px;width:42px;display:flex;align-items:center;justify-content:center;font:600 18px var(--display)}.red-bg{background:var(--redteam)}.blu-bg{background:var(--blu)}.score-center{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;padding:8px 5px}.score-center small{font:8px var(--mono);color:var(--yellow);letter-spacing:.12em;white-space:nowrap}.score-center small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--hot);margin-right:5px}.score-center strong{font:22px var(--display);letter-spacing:.08em}.score-center em{font:8px var(--mono);font-style:normal;opacity:.55;letter-spacing:.1em}.timer-chip{border:1px solid var(--yellow);background:var(--red);padding:3px 8px;display:flex;gap:8px;align-items:center;margin-top:4px}.timer-chip span{font:7px var(--mono);color:var(--yellow)}.timer-chip b{font:700 15px var(--mono)}.dots{display:flex;gap:4px;justify-content:flex-end;margin-top:6px}.dots.left{justify-content:flex-start}.dots i{width:9px;height:9px;border:1px solid var(--asphalt2);border-radius:2px}.dots i.on.red{background:var(--redteam);border-color:var(--redteam)}.dots i.on.blu{background:var(--blu);border-color:var(--blu)}.preview-caption{color:#777065;font-size:8px}.preview-caption span{float:right;color:var(--green)}.score-controls-row{display:grid;grid-template-columns:1fr 48px 1fr;gap:10px;margin:0 18px}.quick-score{padding:14px 16px;background:rgba(0,0,0,.3);border-left:4px solid var(--redteam)}.quick-score.blu-card{border-color:var(--blu)}.quick-score label{font:10px var(--mono);letter-spacing:.15em}.quick-score label span{color:#958b7e}.quick-score strong{display:block;font:700 52px var(--mono);line-height:1.15}.versus-mark{display:flex;align-items:center;justify-content:center;color:var(--hot);font:600 15px var(--display);letter-spacing:.12em}.primary,.secondary,.copy-all,.text-button,.timer-presets button,.preset-row button{font:600 12px var(--display);letter-spacing:.1em;text-transform:uppercase;padding:9px 13px;border:2px solid var(--hot);color:var(--cream);background:var(--red);cursor:pointer}.primary:hover{background:var(--hot)}.secondary{background:var(--asphalt);border-color:var(--asphalt2)}.secondary:hover{border-color:var(--hot)}.small{padding:8px 11px;font-size:11px}.large{font-size:14px;padding:13px 18px}.inline-actions{display:flex;gap:18px;padding:16px 18px 20px}.text-button{border:0;background:none;padding:0;color:#8f877b;font:9px var(--mono);letter-spacing:.16em}.text-button:hover{color:var(--yellow)}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:16px 18px 6px}.tab{background:rgba(0,0,0,.3);border:1px solid var(--asphalt);color:#a9a092;padding:11px 5px;font:11px var(--display);letter-spacing:.09em;cursor:pointer}.tab.active{background:var(--red);border-color:var(--hot);color:var(--cream)}.tab i{font-style:normal;color:var(--green);font-size:8px}.form-grid{display:grid;gap:12px;padding:0 18px 13px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{display:flex;flex-direction:column;gap:6px;color:var(--yellow);font:9px var(--mono);letter-spacing:.16em}input,select{width:100%;background:rgba(0,0,0,.5);color:var(--cream);border:2px solid var(--asphalt);padding:10px 11px;font:14px var(--body);letter-spacing:.03em;outline:0}input:focus,select:focus{border-color:var(--hot)}select{appearance:auto}.lower-preview{margin:0 18px 18px;border:1px solid var(--asphalt);background:rgba(0,0,0,.36);display:flex;align-items:stretch;min-height:78px}.lt-accent{width:7px;background:var(--hot)}.lower-preview>div{padding:12px 16px;flex:1}.lower-preview small{display:block;font:9px var(--mono);color:var(--hot);letter-spacing:.11em}.lower-preview small b{color:var(--yellow);margin-left:12px}.lower-preview strong{display:block;font:600 30px var(--display);letter-spacing:.05em;line-height:1}.lower-preview em{display:block;font:10px var(--mono);opacity:.6;font-style:normal;margin-top:3px}.lower-preview button{align-self:center;margin-right:12px}.timer-display{text-align:center;font:700 69px var(--mono);padding:24px 0 19px;text-shadow:0 0 22px rgba(232,64,64,.25)}.timer-actions{display:flex;gap:8px;justify-content:center;padding-bottom:18px}.timer-actions .secondary{color:var(--yellow);border-color:var(--yellow)}.timer-presets{border-top:1px solid var(--asphalt);padding:14px 18px}.timer-presets>span,.preset-row>span{display:block;color:var(--yellow);font:9px var(--mono);letter-spacing:.18em;margin-bottom:8px}.timer-presets div{display:flex;gap:5px;flex-wrap:wrap}.timer-presets button,.preset-row button{font:10px var(--mono);padding:7px 9px;background:rgba(0,0,0,.35);border-color:var(--asphalt);letter-spacing:.05em}.timer-presets button:hover,.preset-row button:hover{border-color:var(--hot)}.timer-note{padding:0 18px 19px;color:#81786d;font:10px var(--mono);letter-spacing:.06em;line-height:1.55}.panel>label{padding:0 18px 16px}.preset-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 18px 18px}.preset-row>span{margin:0 6px 0 0}.urls .panel-header{padding-bottom:13px}.copy-all{font:9px var(--mono);padding:7px 9px;background:transparent;border-color:var(--asphalt2)}.url-list{padding:15px 18px 5px}.url-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #302d28;padding:9px 0}.url-row:last-child{border:0}.url-row span{font:10px var(--mono);color:var(--yellow);width:122px}.url-row code{font:9px var(--mono);color:#aaa092;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.url-row button{background:none;border:0;color:var(--hot);font:9px var(--mono);cursor:pointer}.url-foot{padding:14px 18px 18px;border-top:1px solid var(--asphalt);color:#71695f;line-height:1.8;font-size:8px}.url-foot b{color:var(--yellow);font-weight:400}footer{border-top:2px solid var(--asphalt);display:flex;justify-content:space-between;padding:17px 0 25px;color:#71695f;font-size:8px}footer b{color:var(--green);font-weight:400}@media(max-width:1100px){.sidebar{width:190px;flex-basis:190px}.main-content{width:calc(100% - 190px);padding:0 20px}.workspace-grid{grid-template-columns:1fr}.column-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.urls{grid-column:1/-1}}@media(max-width:700px){.sidebar{display:none}.main-content{width:100%;padding:0 12px}.topbar{height:auto;padding:20px 0;display:block}.topbar-actions{margin-top:15px;flex-wrap:wrap}.topbar h1{font-size:26px}.scorebug{grid-template-columns:1fr 120px 1fr}.team-copy strong{font-size:17px}.score-center strong{font-size:18px}.score-controls-row{grid-template-columns:1fr 1fr}.versus-mark{display:none}.form-grid.three,.form-grid.two{grid-template-columns:1fr}.column-side{display:block}.tabs{grid-template-columns:1fr 1fr}.lower-preview{display:block}.lower-preview button{margin:0 12px 12px}.lower-preview .lt-accent{display:none}footer{gap:12px;flex-wrap:wrap}}