.modes-content{max-width:1540px;padding:18px 22px 42px}.modes-top-link{height:36px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:11px;text-decoration:none;white-space:nowrap}.modes-top-link svg{width:15px}.modes-hero{min-height:160px;padding:26px 32px;border-radius:14px;background:radial-gradient(circle at 82% 16%,#2d4349,transparent 28%),#15252c;border:1px solid #294047;color:#f3f5f4;display:flex;align-items:center;justify-content:space-between;gap:20px}.modes-eyebrow,.modes-kicker{font-size:10px;font-weight:700;letter-spacing:.13em}.modes-eyebrow{color:#99b2b8}.modes-kicker{color:var(--accent)}.modes-hero h1{font-size:25px;letter-spacing:-.045em;margin:10px 0 7px}.modes-hero p{font-size:12px;color:#becbcc;line-height:1.65;margin:0}.hero-emblem{width:88px;height:88px;border:1px solid #648088;border-radius:50%;display:grid;place-items:center;flex:none;box-shadow:0 0 0 18px #ffffff08}.hero-emblem svg{width:37px;height:37px;color:#d8c19b;stroke-width:1.4}.modes-demo{display:flex;align-items:flex-start;gap:7px;margin:11px 2px 18px;color:var(--muted);font-size:10px;line-height:1.6}.modes-demo svg{width:14px;height:14px;flex:none}.modes-section-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.modes-section-head h2,.crew-divider h2{font-size:17px;letter-spacing:-.035em;margin:5px 0 3px}.modes-section-head p,.crew-divider p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.active-mode-label,.config-draft,.rules-scope{border-radius:7px;padding:7px 9px;background:var(--accent-soft);color:var(--accent);font-size:10px;white-space:nowrap}.mode-selector{margin-bottom:12px}.mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.mode-card{min-width:0;min-height:88px;text-align:left;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:10px;border:1px solid var(--line);border-radius:11px;padding:13px;background:var(--surface);cursor:pointer}.mode-card:hover{border-color:var(--accent)}.mode-card.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.mode-icon{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:var(--surface-2);color:var(--accent);display:grid;place-items:center}.mode-card.is-active .mode-icon{background:var(--surface)}.mode-icon svg{width:18px;height:18px}.mode-card strong{font-size:12px}.mode-card small{font-size:10px;color:var(--muted);margin-top:4px}.mode-config,.members-panel,.leaderboard-panel,.rules-panel,.future-panel{min-width:0;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.mode-config{padding:19px;margin-bottom:27px}.config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:17px}.config-field{display:flex;flex-direction:column;gap:6px;min-width:0}.config-field>span{font-size:11px;font-weight:650}.config-field select,.config-field input{width:100%;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:0 10px;font:inherit;font-size:11px;min-width:0}.config-field small{font-size:9px;color:var(--muted);line-height:1.45}.display-options{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:15px;margin-top:17px}.display-options>div{margin-right:auto}.display-options strong,.display-options span{display:block}.display-options strong{font-size:11px}.display-options>div span{font-size:10px;color:var(--muted);margin-top:3px}.check-option{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px}.check-option input{accent-color:var(--accent);width:16px;height:16px}.mode-preview{margin-top:14px;padding:12px 14px;background:var(--surface-2);border-radius:9px;border-left:3px solid var(--accent)}.mode-preview span{font-size:9px;color:var(--muted)}.mode-preview strong{display:block;font-size:12px;margin:3px 0}.mode-preview p{font-size:10px;color:var(--muted);margin:0;line-height:1.55}.crew-divider{border-top:1px solid var(--line);padding-top:20px;margin-bottom:12px}.session-bar{background:#17272d;border-radius:12px;padding:16px 20px;color:#f3f4f3;display:flex;align-items:center;justify-content:space-between;gap:16px}.session-copy{display:flex;align-items:center;gap:12px}.session-dot{width:9px;height:9px;border-radius:50%;background:#83caa5;box-shadow:0 0 0 5px #83caa526}.session-overline{font-size:9px;color:#9bb4b8}.session-copy h2{font-size:16px;margin:2px 0}.session-copy p{font-size:10px;color:#aebec0;margin:0}.session-actions{display:flex;align-items:center;gap:10px}.session-status{font-size:9px;color:#a8c3c4}.session-actions a{display:flex;align-items:center;gap:5px;color:#f3f4f3;font-size:10px;text-decoration:none}.session-actions svg{width:13px}.crew-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:11px 0}.crew-metrics article{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:15px;min-width:0}.crew-metrics span,.crew-metrics strong,.crew-metrics small{display:block}.crew-metrics span{font-size:10px;color:var(--muted)}.crew-metrics strong{font-size:19px;letter-spacing:-.04em;margin:7px 0 3px}.crew-metrics small{font-size:9px;color:var(--muted)}.crew-metrics .attention{background:var(--warning-soft)}.crew-metrics .attention strong{color:var(--warning)}.modes-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.8fr);gap:12px}.members-panel,.leaderboard-panel{padding:18px}.roster-filter{display:flex;gap:3px;background:var(--surface-2);border-radius:8px;padding:3px;flex:none}.roster-filter button{border:0;border-radius:6px;background:transparent;padding:7px 9px;color:var(--muted);font-size:10px;cursor:pointer}.roster-filter button.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0001}.members-table-head,.member-row{display:grid;grid-template-columns:minmax(100px,1.5fr) minmax(55px,.65fr) minmax(90px,.8fr) 60px;align-items:center;gap:8px}.members-table-head{margin-top:17px;background:var(--surface-2);padding:9px 10px;font-size:9px;color:var(--muted)}.member-row{min-height:55px;padding:9px 10px;border-bottom:1px solid var(--line);font-size:10px}.member-name{display:flex;align-items:center;gap:8px;min-width:0}.member-avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:10px}.member-name strong,.member-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-name small{font-size:9px;color:var(--muted);margin-top:2px}.member-status{font-size:9px;color:var(--muted)}.member-status.active{color:var(--success)}.member-amount{font-weight:650}.member-action{justify-self:end;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:6px 8px;font-size:9px;cursor:pointer}.member-action.active{color:var(--warning)}.members-foot{display:flex;align-items:start;gap:5px;margin-top:12px;color:var(--muted);font-size:9px;line-height:1.5}.members-foot svg{width:12px;height:12px;flex:none}.leaderboard-badge{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:5px 7px;font-size:9px}.leaderboard-stage{height:290px;margin-top:17px;padding:14px;background:radial-gradient(circle at 20% 20%,#33445c,#171a21 60%);border-radius:10px;color:#fff;display:flex;flex-direction:column}.stage-live{display:flex;align-items:center;gap:5px;color:#b6c1d0;font-size:8px}.stage-live i{width:6px;height:6px;border-radius:50%;background:#78cc9e}.stage-board{width:min(100%,290px);margin:auto;align-self:center;background:#101319d9;border:1px solid #424952;border-radius:11px;padding:15px}.board-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#b7c0c9;margin-bottom:12px}.board-top strong{color:#d7bd79}.board-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #ffffff18;font-size:10px}.board-row b{color:#d7bd79}.board-row span{flex:1}.board-row em{font-style:normal;font-weight:700}.leaderboard-actions{display:flex;gap:7px;margin-top:10px}.leaderboard-actions a{flex:1;text-align:center;border:1px solid var(--line);border-radius:7px;padding:9px 7px;color:var(--text);font-size:10px;text-decoration:none}.leaderboard-actions svg{width:12px;height:12px;vertical-align:middle}.rules-panel{padding:19px;margin-top:12px}.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.rule-block{display:flex;align-items:start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:9px}.rule-symbol{width:31px;height:31px;flex:none;border-radius:8px;background:var(--surface-2);color:var(--accent);display:grid;place-items:center}.rule-symbol svg{width:16px}.rule-block strong{font-size:11px}.rule-block p{font-size:10px;color:var(--muted);line-height:1.55;margin:4px 0 0}.rule-bottom{border-top:1px solid var(--line);margin-top:16px;padding-top:13px;display:flex;justify-content:space-between;gap:12px;align-items:start}.rule-bottom span{display:flex;align-items:start;gap:5px;color:var(--muted);font-size:9px;line-height:1.5}.rule-bottom svg{width:12px;height:12px;flex:none}.rule-bottom a{color:var(--accent);text-decoration:none;font-size:10px;white-space:nowrap}.future-panel{display:flex;gap:12px;padding:17px;margin-top:12px}.future-icon{width:34px;height:34px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}.future-icon svg{width:17px}.future-panel h2{font-size:13px;margin:5px 0}.future-panel p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.modes-toast{position:fixed;right:22px;bottom:22px;z-index:70;background:#17272d;color:#fff;padding:10px 13px;border-radius:8px;font-size:11px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.modes-toast.is-visible{opacity:1;transform:none}
@media(max-width:1180px){.modes-grid{grid-template-columns:1fr}.leaderboard-stage{height:230px}.crew-metrics strong{font-size:17px}}
@media(max-width:850px){.config-grid{grid-template-columns:1fr 1fr}.config-field:last-child{grid-column:1/-1}.crew-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.modes-content{padding:10px 10px 84px}.modes-top-link{width:36px;padding:0;justify-content:center}.modes-top-link span{display:none}.modes-hero{min-height:150px;padding:20px}.modes-hero h1{font-size:21px}.modes-hero p{font-size:11px}.hero-emblem{display:none}.modes-toast{bottom:75px;right:12px;left:12px;text-align:center}.mode-config,.members-panel,.leaderboard-panel,.rules-panel{padding:15px}}
@media(max-width:520px){.modes-section-head{flex-wrap:wrap}.mode-cards{gap:6px}.mode-card{display:flex;flex-direction:column;min-height:104px;padding:10px;gap:5px}.mode-icon{width:27px;height:27px}.mode-icon svg{width:15px}.mode-card strong{font-size:10px}.mode-card small{font-size:9px;line-height:1.3}.config-grid{grid-template-columns:1fr}.config-field:last-child{grid-column:auto}.display-options{flex-wrap:wrap;gap:10px}.display-options>div{flex-basis:100%}.session-bar{align-items:start;flex-direction:column}.session-actions{width:100%;justify-content:space-between}.crew-metrics{gap:7px}.crew-metrics article{padding:12px}.crew-metrics strong{font-size:16px}.members-table-head{display:none}.member-row{grid-template-columns:1fr auto;gap:4px}.member-name{grid-column:1;grid-row:1/3}.member-status{grid-column:2;grid-row:1;text-align:right}.member-amount{grid-column:1;grid-row:3;padding-left:38px}.member-action{grid-column:2;grid-row:2/4}.roster-filter button{padding:6px}.rules-grid{grid-template-columns:1fr}.rule-bottom{flex-direction:column}}
.crew-link-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0;padding:17px 19px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.crew-link-panel h2{font-size:15px;letter-spacing:-.03em;margin:5px 0 3px}.crew-link-panel p{color:var(--muted);font-size:10px;margin:0;line-height:1.5}.crew-link-panel a{display:flex;align-items:center;gap:5px;color:var(--accent);font-size:11px;text-decoration:none;white-space:nowrap}.crew-link-panel svg{width:13px;height:13px}
@media(max-width:520px){.crew-link-panel{align-items:flex-start;flex-direction:column}}