/* Общая учебная панель и командный режим используют палитру существующей арены. */
.learning-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.game-content{min-width:0}
.learning-panel{min-width:0;background:#151812;border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;max-height:820px}
.learning-header{padding:20px 20px 14px}.learning-header h2{font-size:19px;letter-spacing:-.5px}.learning-header p{color:var(--muted);font-size:10px;margin-top:8px}
.learning-tabs{display:grid;grid-template-columns:1fr .8fr 1.2fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1b1f17;flex-shrink:0}
.learning-tabs button{background:none;color:var(--muted);font-size:10px;padding:12px 6px;line-height:1.5;border-bottom:2px solid transparent}.learning-tabs [aria-selected=true]{color:var(--green);border-bottom-color:var(--green);background:#c7fa7207}
.learning-content{padding:14px;overflow:auto;min-height:250px;max-height:620px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#47553b #111710}
.learning-hint,.learning-empty{color:var(--muted);font-size:11px;line-height:1.7;margin-bottom:12px}.learning-empty{padding:18px}
.learning-footer{font-size:9px;color:var(--muted);padding:10px 14px;border-top:1px solid var(--line);background:#1b1f17;flex-shrink:0}
.history-filters{display:flex;gap:6px;margin-bottom:12px}.history-filters button{flex:1;padding:7px;border-radius:5px;font-size:10px;background:#10150e;border:1px solid var(--line);color:var(--muted)}.history-filters [aria-pressed=true]{color:var(--green);border-color:#64784c;background:#202c17}
.request-entry{width:100%;text-align:left;background:#10150e;border:1px solid #30382a;border-radius:7px;padding:12px;color:#b2bea6;display:flex;flex-direction:column;gap:6px;font-size:10px;line-height:1.6;margin-bottom:9px;overflow-wrap:anywhere}
.request-entry:hover,.request-entry.selected{border-color:#839e5a;background:#1d2716}.request-heading{display:flex;align-items:center;gap:9px}.request-heading b{color:var(--green);font-size:10px}.request-heading time{margin-left:auto;color:#8e9b83;font-size:9px}.request-url{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;overflow-wrap:anywhere;line-height:1.6}.request-error{border-color:#a55e49}.request-error-text{color:#ffac91}
.json-output,.logic-entry pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.7;color:#d3e5c3;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.json-output{margin:12px 0 0;padding:12px;background:#0c110a;border-radius:6px}.learning-content>#json-request{margin-bottom:10px;color:var(--green)}
.logic-entry{background:#10150e;border:1px solid #30382a;border-radius:7px;margin-bottom:9px}.logic-entry summary{padding:12px;font-size:11px;cursor:pointer;color:#d0dfc1;overflow-wrap:anywhere}.logic-entry[open] summary{color:var(--green);border-bottom:1px solid var(--line)}.logic-entry pre{padding:12px;margin:0;font-size:10px}
.team-game{padding:22px}.team-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.team-toolbar>div{display:flex;align-items:center;gap:16px}.team-toolbar .eyebrow{font-size:8px}.team-toolbar .button{font-size:10px;padding:8px 10px}
.team-game h2{max-width:none}
.team-draft-heading h2,.team-battle-heading h2{font-size:24px;margin:7px 0}.team-draft-heading>p,.team-battle-heading>p{font-size:11px;color:var(--muted);line-height:1.8}
.team-role-options{display:flex;gap:8px;margin:20px 0}.team-role-options .button{flex:1}
.team-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.team-candidate{border:1px solid #39472e;background:#1b2017;border-radius:9px;overflow:hidden;min-width:0}.team-candidate-photo{display:block;width:100%;height:170px;background:#232d1b;padding:0;position:relative;overflow:hidden}.team-candidate-photo>img{position:relative;object-position:center 20%}.team-candidate-body{padding:13px}.team-candidate-body h3{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.team-candidate-body p{font-size:10px;line-height:1.6;color:var(--muted);margin-top:7px;overflow-wrap:anywhere;min-height:32px}.team-candidate-body .team-score{color:var(--green);font-size:10px;min-height:0}.team-candidate-body>.button{width:100%;margin-top:12px;justify-content:space-between;padding:8px 12px}
.team-summaries{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.team-summary{border:1px solid var(--line);border-radius:8px;padding:15px;background:#171e13;min-width:0}.team-summary>h3{font-size:13px;display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.team-summary>h3>span{color:var(--muted);font-size:10px}.team-summary-list{display:grid;gap:10px}.team-summary-member{display:flex;align-items:center;gap:10px;min-width:0}.team-avatar{flex:0 0 43px;width:43px;height:56px;position:relative;background:#25301d;padding:0;border-radius:5px;overflow:hidden}.team-avatar img{position:relative}.team-summary-member>div{min-width:0}.team-summary-member b{font-size:11px;overflow-wrap:anywhere}.team-summary-member span,.team-summary-member small{display:block;color:var(--muted);font-size:9px;line-height:1.6;overflow-wrap:anywhere}.team-summary-member .team-bonus{color:var(--green)}.team-empty-slot{display:flex;gap:15px;align-items:center;border:1px dashed #3b4632;color:#879578;padding:15px;font-size:10px;border-radius:5px}.team-empty-slot span{color:var(--green);font-size:13px}
.team-message{padding:30px 10px;text-align:center}.team-message h2{font-size:27px;margin-bottom:14px}.team-message p{font-size:12px;color:var(--muted);line-height:1.8;max-width:580px;margin:0 auto 20px}.team-choice-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px 0}
.team-battle-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:23px}.team-battle-side{min-width:0}.team-battle-side>h3{color:var(--green);font-size:13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.team-battle-side>h3>span{color:var(--muted);font-size:9px}.team-battle-side.beta>h3{color:var(--purple)}
.team-fighter{display:flex;align-items:stretch;gap:12px;border:1px solid #3d4e30;border-radius:8px;background:#1a2314;padding:9px;margin-bottom:10px;min-width:0;transition:opacity .2s}.beta .team-fighter{border-color:#4a3d57;background:#221a2b}.team-fighter.team-actor-active{border-color:var(--green);box-shadow:0 0 0 1px #c7fa7230}.beta .team-fighter.team-actor-active{border-color:var(--purple)}.team-fighter.is-defeated{opacity:.4;filter:grayscale(1)}.team-battle-photo{width:66px;flex:0 0 66px;min-height:90px;border-radius:5px;overflow:hidden;background:#2b3820;position:relative;padding:0}.team-battle-photo>img{position:relative;object-position:center 20%}.team-fighter-info{flex:1;min-width:0;align-self:center}.team-fighter-info h3{font-size:13px;overflow-wrap:anywhere;line-height:1.4}.team-fighter-info>p{font-size:9px;color:var(--muted);margin:3px 0 9px}.team-fighter .health-meta{font-size:8px}.team-effects{display:flex;gap:4px 9px;flex-wrap:wrap;margin-top:9px;min-height:14px}.team-effects span{font-size:8px;color:var(--green)}.beta .team-effects span{color:var(--purple)}
.team-controls{border:1px solid #465835;border-radius:8px;background:#1b2514;padding:18px;margin:15px 0}.team-selectors{display:grid;grid-template-columns:1fr 1fr;gap:16px}.team-selectors label{font-size:10px;color:var(--muted);min-width:0}.team-selectors select{display:block;width:100%;min-width:0;max-width:100%;background:#10170c;color:#d7e6cb;border:1px solid #495b38;border-radius:5px;padding:10px;margin-top:7px;font-size:11px}.team-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.team-actions .button{flex:1;padding:10px;font-size:10px;white-space:nowrap}.team-actions kbd{border:1px solid currentColor;border-radius:3px;font-size:8px;padding:0 4px;opacity:.6}
.team-ally-picker{border-top:1px solid #465835;margin-top:18px;padding-top:15px}.team-ally-picker>p{font-size:11px;color:var(--green);margin-bottom:12px}.team-ally-picker>div{display:flex;gap:8px;flex-wrap:wrap}.team-ally-picker .button{font-size:10px}.team-thinking{text-align:center;color:var(--green);font-size:12px;padding:24px;border:1px solid #465835;border-radius:8px}.team-victory{padding:30px 10px;text-align:center}.team-victory .result-star{display:block;font-size:40px}.team-victory h2{font-size:28px}.team-victory p{color:var(--muted);font-size:12px;margin-top:10px}.team-log{margin-top:24px;border-top:1px solid var(--line);padding-top:17px}.team-log h3{font-size:12px;display:flex;align-items:center;justify-content:space-between}.team-log h3 span{font-size:9px;color:var(--muted);font-weight:400}.team-log ol{list-style:none;padding:0;max-height:220px;overflow:auto;color:#aebb9f;font-size:10px;line-height:1.8}.team-log li{border-bottom:1px solid #ffffff08;padding:7px 0}
@media(min-width:1280px){
  .container{max-width:1728px}.site-header{padding-left:max(48px,calc((100vw - 1632px)/2));padding-right:max(48px,calc((100vw - 1632px)/2))}
  .learning-layout{grid-template-columns:minmax(0,1fr) 380px}.learning-panel{position:sticky;top:20px;height:calc(100dvh - 40px);max-height:1100px}.learning-content{flex:1;max-height:none;min-height:0}.arena-layout{display:flex;flex-direction:column}.setup-panel{order:-1;border-left:0;border-bottom:1px solid var(--line);padding:18px 22px;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:0 20px}.panel-title{grid-column:1/-1;margin-bottom:12px}.setup-panel>#format-label{grid-column:1;grid-row:2}.setup-panel>.segmented{grid-column:1;grid-row:3;margin-bottom:0;align-self:start}.setup-panel>#mode-label{grid-column:2;grid-row:2}.setup-panel>.mode-options{grid-column:2;grid-row:3/5;grid-template-columns:1fr 1fr;margin:0;align-self:start}.mode-option{padding:9px 7px;gap:6px}.mode-option small{font-size:7px}.mode-icon{font-size:17px}.setup-panel>.speed-setting{grid-column:3;grid-row:2/4;flex-direction:column;align-items:flex-start;gap:6px;margin:0}.setup-panel>.start-button{grid-column:3;grid-row:4;margin-top:10px;padding:9px;font-size:13px}.setup-panel>.setup-footnote{display:none}.setup-panel>#manual-settings,.setup-panel>#tournament-settings{grid-column:1/3;margin-top:15px}.setup-panel>.running-controls{grid-column:3;align-self:end;margin-top:12px}.arena-stage{padding:24px 30px}.fighter-portrait{height:300px}.fighter-title h3{font-size:35px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar{flex-wrap:wrap}.search-field{flex-basis:100%}.catalog-toolbar select{flex:1;width:auto}.about-strip{padding:20px;gap:17px}.about-strip h3{font-size:14px}.about-strip p{font-size:10px}.intro-counter{padding-right:90px}
}
@media(min-width:1600px){.learning-layout{grid-template-columns:minmax(0,1fr) 420px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.team-candidate-photo{height:200px}}
@media(max-width:1279px){.learning-layout{display:flex;flex-direction:column;align-items:stretch}.game-content{display:contents}.game-content>.notice{order:0}.game-content>.workspace{order:1}.game-content>.tournament-section{order:2}.learning-panel{order:3;margin-bottom:0}.game-content>.catalog-section{order:4;padding-top:12px}.game-content>.about-strip{order:5}.learning-content{max-height:500px}.learning-tabs button{font-size:12px}.learning-header h2{font-size:22px}.learning-tabs{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:800px){.site-header nav{gap:18px}.team-game{padding:18px}.team-toolbar{align-items:flex-start}.team-toolbar>div{gap:10px}.team-toolbar .eyebrow{max-width:120px;line-height:1.8}.team-candidate-photo{height:145px}.team-candidates{gap:10px}.team-battle-photo{width:53px;flex-basis:53px}.team-fighter{gap:8px;padding:7px}.team-fighter-info h3{font-size:11px}.team-fighter .health-meta b{font-size:8px}.team-message h2{font-size:23px}.team-selectors{gap:10px}.team-summary{padding:12px}.team-summary-member{gap:7px}.team-avatar{flex-basis:35px;width:35px;height:50px}}
@media(max-width:520px){
  .site-header{height:auto;min-height:70px;flex-wrap:wrap;gap:0;padding-top:15px}.site-header .brand{margin-bottom:12px}.site-header nav{order:3;width:100%;height:42px;gap:0;justify-content:space-between;margin:0}.site-header nav .nav-link{font-size:11px;padding:0 4px}.learning-layout{gap:10px}.learning-tabs button{font-size:10px;padding:10px 4px}.learning-header{padding:17px}.learning-header h2{font-size:19px}.learning-content{padding:10px;min-height:260px;max-height:450px}.team-game{padding:13px}.team-toolbar{gap:8px;padding-bottom:15px;margin-bottom:19px}.team-toolbar .eyebrow{font-size:7px;max-width:105px}.team-toolbar>div{gap:8px;flex-direction:column;align-items:flex-end}.team-toolbar .text-button{font-size:9px}.team-toolbar .button{font-size:9px;padding:6px 8px}.team-draft-heading h2,.team-battle-heading h2{font-size:20px}.team-draft-heading>p,.team-battle-heading>p{font-size:10px}.team-role-options{gap:5px;margin:16px 0}.team-role-options .button{padding:9px 5px;font-size:9px}.team-candidates{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.team-candidate-photo{height:155px}.team-candidate-body{padding:10px}.team-candidate-body h3{font-size:12px}.team-candidate-body p{font-size:9px}.team-candidate-body .team-score{font-size:8px}.team-candidate-body>.button{font-size:10px}.team-summaries{grid-template-columns:1fr;gap:10px;margin-top:18px}.team-summary-list{gap:9px}.team-avatar{flex-basis:42px;width:42px;height:52px}.team-battle-grid{gap:8px;margin-top:18px}.team-battle-side>h3{font-size:11px;flex-direction:column;align-items:flex-start;gap:3px}.team-battle-side>h3>span{font-size:8px}.team-fighter{flex-direction:column;gap:7px;padding:7px}.team-battle-photo{width:100%;height:95px;min-height:0;flex-basis:auto}.team-battle-photo>img{object-position:center 20%}.team-fighter-info{width:100%}.team-fighter-info h3{font-size:11px}.team-fighter-info>p{font-size:8px}.team-fighter .health-meta{font-size:6px}.team-fighter .health-meta b{font-size:7px}.team-effects{gap:3px;min-height:22px;margin-top:6px}.team-effects span{font-size:6px}.team-controls{padding:12px}.team-selectors{grid-template-columns:1fr;gap:12px}.team-actions .button{flex:1 0 40%;font-size:9px;padding:9px 6px}.team-message{padding:20px 0}.team-message h2{font-size:21px}.team-message p{font-size:11px}.team-log h3 span{font-size:7px}.team-choice-buttons .button{font-size:10px}.team-victory h2{font-size:23px}
}

/* The course is a separate page, not a combat mode. */
.site-header nav .course-nav-link{color:var(--green);white-space:nowrap;display:flex;align-items:center}.site-header nav{gap:22px}
@media(max-width:800px){.site-header nav{gap:13px}}
@media(max-width:620px){.site-header{height:auto;flex-wrap:wrap;padding-top:14px;gap:0}.site-header nav{order:3;width:100%;height:auto;min-height:48px;flex-wrap:wrap;gap:0;justify-content:space-between;margin:0}.site-header nav .nav-link{font-size:10px;padding:12px 4px}.site-header .brand{margin-bottom:8px}}
