.competition-workspace{--comp-teal:#77d6c5;--comp-lime:#c0eb86;--comp-blue:#91bceb;--comp-border:#38515a;--comp-muted:#9bb1b8}
.comp-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:30px;align-items:center;padding:30px 32px;border:1px solid #4b6963;border-radius:15px;background:radial-gradient(ellipse at 90% 0,#2b655552,transparent 65%),linear-gradient(120deg,#1c373b,#182b33);margin-bottom:22px;overflow:hidden}
.comp-hero .eyebrow{color:var(--comp-teal);font-size:10px;letter-spacing:1.5px}.comp-hero h2{font-size:30px;line-height:1.5;font-weight:550;margin:11px 0 13px;letter-spacing:-.6px}.comp-hero h2 em{color:var(--comp-lime);font-style:normal}.comp-hero p{font-size:12px;line-height:1.9;color:#b5c8cc;margin:0;max-width:640px}.comp-hero .actions{margin-top:21px}.comp-hero-stat{display:flex;flex-wrap:wrap;gap:18px;margin-top:21px;font-size:10px;color:#8eaeb4}.comp-hero-stat b{font-weight:500;color:#e5f0e8;font-size:13px;margin-right:5px}
.comp-deal-diagram{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 0}.comp-deal-node{width:112px;min-height:145px;background:#142a32;border:1px solid #47667b;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 14px 28px #07151933}.comp-deal-node svg{color:var(--comp-blue)}.comp-deal-node b{font-weight:500;font-size:13px}.comp-deal-node small{font-size:9px;color:#9ab3bd}.comp-deal-node.enterprise{border-color:#71855b;background:#26382e}.comp-deal-node.enterprise svg{color:var(--comp-lime)}.comp-deal-arrows{display:grid;gap:8px;text-align:center;color:#98b9b8;font-size:8px;white-space:nowrap}.comp-deal-arrows span{font-size:25px;line-height:1;color:var(--comp-teal)}
.comp-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.comp-toolbar h2{margin:0;font-size:18px;font-weight:500}.comp-toolbar .fine{font-size:10px}.comp-layout{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:18px;align-items:start}.comp-panel-stack{display:grid;gap:16px}.comp-panel-stack>.panel{margin:0}.comp-lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.comp-lobby-card{padding:20px;border:1px solid var(--comp-border);border-radius:11px;background:#1b3037;min-width:0}.comp-lobby-card.active{border-color:#82b98c;background:#213b36}.comp-lobby-card h3{font-size:15px;font-weight:500;margin:10px 0;overflow-wrap:anywhere}.comp-lobby-card p{font-size:11px;line-height:1.9;color:#9db5bd;margin-bottom:16px}.comp-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.comp-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:20px;color:var(--comp-lime);letter-spacing:2px;overflow-wrap:anywhere}.comp-code-box{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;background:#14282c;border:1px dashed #577c6e;border-radius:8px;margin:12px 0}.comp-code-box small{display:block;color:#9bb5b7;font-size:10px;margin-bottom:6px}.comp-code-box .btn{flex-shrink:0}
.comp-stagebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}.comp-stage{padding:13px 10px;border-radius:8px;background:#1a2e35;border:1px solid #344c55;position:relative;min-width:0}.comp-stage strong{display:block;font-size:10px;color:#74929d;letter-spacing:1px;margin-bottom:8px}.comp-stage b{display:block;font-weight:500;font-size:11px;color:#94adb5;line-height:1.6}.comp-stage.active{background:#2b4537;border-color:#a2ca72;box-shadow:inset 0 2px 0 #c0eb86}.comp-stage.active b,.comp-stage.active strong{color:#d5eead}.comp-stage.done{background:#1d3a38;border-color:#426c61}.comp-stage.done b,.comp-stage.done strong{color:#93c8b5}
.comp-role-card{padding:20px;border-radius:10px;border:1px solid #446a83;background:linear-gradient(120deg,#1c3645,#1b3037);margin:16px 0}.comp-role-card.enterprise{border-color:#658451;background:linear-gradient(120deg,#2e422f,#1c3331)}.comp-role-card.teacher{border-color:#726b93;background:linear-gradient(120deg,#34324b,#20313b)}.comp-role-card h3{font-size:18px;font-weight:500;margin:8px 0}.comp-role-card p{font-size:11px;line-height:1.9;color:#adbfca;margin:8px 0 0}.comp-role-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.comp-role-title small{font-size:9px;letter-spacing:1px;color:#a4c0ce}.comp-role-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:13px;color:#afc7cd;font-size:10px}
.comp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:15px 0}.comp-metric{padding:16px 14px;background:#172b31;border:1px solid #36515a;border-radius:9px;min-width:0}.comp-metric small{display:block;font-size:10px;color:#95afb6;line-height:1.5}.comp-metric strong{display:block;font-size:22px;font-weight:500;color:#e2efdf;margin-top:10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.comp-metric strong span{font-size:9px;color:#8faab0;margin-left:5px}.comp-metric.lime strong{color:var(--comp-lime)}.comp-metric.blue strong{color:var(--comp-blue)}.comp-budget-track{height:5px;background:#10242b;border-radius:4px;overflow:hidden;margin-top:12px}.comp-budget-track i{height:100%;display:block;background:var(--comp-blue);max-width:100%}
.comp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.comp-form-grid .wide{grid-column:1/-1}.competition-workspace .field label{font-size:11px}.competition-workspace .field input,.competition-workspace .field select,.competition-workspace .field textarea{font-size:12px}.competition-workspace .field textarea{min-height:88px}.comp-role-options{border:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 18px}.comp-role-choice{padding:14px 12px;border:1px solid #456078;border-radius:8px;background:#1a303e;display:flex;gap:8px;align-items:flex-start;cursor:pointer}.comp-role-choice.enterprise{background:#263b2d;border-color:#5d7752}.comp-role-choice input[type=radio]{width:14px;height:14px;margin:2px 0 0;padding:0;flex:0 0 14px;accent-color:var(--comp-lime)}.comp-role-choice b{display:block;font-size:12px;font-weight:500}.comp-role-choice small{display:block;font-size:9px;color:#9db4bc;line-height:1.7;margin-top:4px}
.comp-application{border:1px solid #39565c;background:#192e35;border-radius:10px;padding:19px;margin:13px 0}.comp-application .panel-head h3{font-size:14px;margin:0}.comp-application .legend{font-size:10px;margin:12px 0;line-height:1.9}.comp-application p{font-size:11px;color:#a6bcc4;line-height:1.9;overflow-wrap:anywhere}.comp-application .comp-metrics{margin-bottom:17px}.comp-application .comp-metric{padding:11px 12px}.comp-application .comp-metric strong{font-size:18px}.comp-offer-card{border:1px solid #3f5c72;border-radius:10px;padding:18px;background:#1b303c;margin:12px 0}.comp-offer-card.selected{border-color:#a3c975;background:#2c4030}.comp-offer-card h3{font-size:14px;font-weight:500;margin:0}.comp-offer-card .comp-metrics{margin:14px 0}.comp-team-list{display:grid;gap:9px;margin:14px 0}.comp-team-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #334f58;border-radius:7px;background:#172c33}.comp-team-row strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.comp-team-row small{font-size:10px;color:#8caab4;white-space:nowrap}
.comp-ai-box{border:1px solid #4a756d;background:#1b3635;border-radius:9px;padding:16px;margin:15px 0}.comp-ai-box h3{font-size:12px;font-weight:500;color:#a9dfcb;margin:0 0 9px}.comp-ai-box p{font-size:10px;color:#aac3bd;line-height:1.9;margin:7px 0;white-space:pre-wrap}.comp-ai-box .comp-ai-scope{border-left:2px solid #b4d98a;padding-left:10px;color:#c1d3af;margin-bottom:12px}.comp-ai-box summary{font-size:10px;color:#a9d6c8;cursor:pointer}.comp-ai-box .actions{margin-top:12px}.comp-ai-box .btn{font-size:10px}
.comp-leaderboards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:18px}.comp-leaderboard{border:1px solid #42677e;border-radius:11px;background:linear-gradient(180deg,#213a49,#192f36);padding:21px;min-width:0}.comp-leaderboard.enterprise{border-color:#667e50;background:linear-gradient(180deg,#30412c,#1d3430)}.comp-leaderboard-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.comp-leaderboard-head h3{font-size:16px;font-weight:500;margin:0}.comp-leaderboard-head span{font-size:9px;color:#a1bcc7}.comp-rank-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid #405663;padding:14px 0}.comp-leaderboard.enterprise .comp-rank-row{border-color:#495c46}.comp-rank-row>span{font-size:16px;font-variant-numeric:tabular-nums;color:var(--comp-blue)}.comp-leaderboard.enterprise .comp-rank-row>span{color:var(--comp-lime)}.comp-rank-row b{font-size:12px;font-weight:500;overflow-wrap:anywhere}.comp-rank-row small{display:block;font-size:9px;color:#8eabb3;margin-top:6px}.comp-rank-row strong{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}.comp-rank-row strong small{font-weight:400;font-size:8px}.comp-rank-empty{padding:25px 0;color:#a4b7b8;font-size:11px;line-height:1.9}.comp-result-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 12px}.comp-result-title h3{font-size:14px;font-weight:500;margin:0}.comp-result-note{font-size:11px;line-height:1.9;color:#9fb5b9;margin:12px 0}.comp-positive{color:#bce78b}.comp-negative{color:#efb47d}.comp-status-note{padding:13px 16px;border:1px solid #425e60;border-radius:7px;background:#1c3537;color:#a9c8c7;font-size:11px;line-height:1.8;margin:12px 0}.comp-status-note.error{background:#40322b;border-color:#8d674a;color:#efc49f}.comp-live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#9fb8bb}.comp-live-indicator i{width:5px;height:5px;border-radius:50%;background:#9ecf9a}.comp-empty{padding:28px 24px;border:1px dashed #476168;border-radius:10px;background:#172c3333;color:#a4bdc3;font-size:12px;line-height:1.9;text-align:center}.comp-inline-note{display:block;font-size:10px;color:#94adb4;line-height:1.8;margin:8px 0}.comp-confirm-list{margin:16px 0;padding:15px 18px;background:#1c3339;border-radius:8px;font-size:12px;line-height:2}.competition-workspace .btn[disabled]{cursor:not-allowed;opacity:.5}
@media(max-width:1100px){.comp-hero{grid-template-columns:1fr;padding:27px}.comp-deal-diagram{display:none}.comp-layout{grid-template-columns:1fr}.comp-hero h2{font-size:27px}.comp-leaderboards{gap:12px}.comp-leaderboard{padding:17px}}
@media(max-width:700px){.comp-lobby-grid,.comp-leaderboards{grid-template-columns:1fr}.comp-stagebar{gap:5px}.comp-stage{padding:11px 7px}.comp-stage b{font-size:9px}.comp-stage strong{font-size:9px}.comp-form-grid{grid-template-columns:1fr}.comp-form-grid .wide{grid-column:auto}.comp-metrics{gap:7px}.comp-metric{padding:12px 9px}.comp-metric strong{font-size:18px}.comp-role-card{padding:17px}.comp-hero{padding:23px}.comp-hero h2{font-size:24px}.comp-code{font-size:17px}.comp-code-box{align-items:flex-start}.comp-application{padding:16px}.comp-toolbar .actions{width:100%}}