/* Public tools share the shell, with imagery kept out of reading areas. */
.product-v2 :is(#coaching-view,#counter-view,#item-view) { padding-block: 24px 40px; gap: 0; }
.product-v2 .tool-masthead {
  position: relative; isolation: isolate; overflow: hidden; min-height: 192px;
  display: flex; align-items: center; gap: 24px; padding: 32px;
  border: 1px solid var(--pp-line); border-radius: 8px; margin: 0 0 24px; background: #101012;
}
.product-v2 .tool-masthead > div,.product-v2 .tool-masthead > a { position: relative; z-index: 2; }
.product-v2 .tool-masthead > div { max-width: 68%; }
.product-v2 .tool-masthead::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg,#0b0c0fee 0%,#0b0c0fe0 36%,#0b0c0f38 80%); }
.product-v2 .tool-masthead .tool-masthead-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 46%; z-index: 0; }
.product-v2 .tool-masthead .draft-masthead-art { width: 100%; object-position: center 10%; }
.product-v2 .tool-masthead > div > .eyebrow { display: block; color: var(--pp-gold); margin: 0 0 12px; font-size: 14px; }
.product-v2 .tool-masthead h1 { font-size: 36px; line-height: 1.2; gap: 12px; margin: 0; text-wrap: balance; }
.product-v2 .tool-masthead h1 .ui-icon { flex: 0 0 28px; width: 28px; height: 28px; }
.product-v2 :is(.tool-masthead-copy,.analysis-workspace-copy) { margin: 12px 0 0; color: #d0d0d7; font-size: 16px; line-height: 1.6; max-width: 48ch; }
.product-v2 .tool-masthead .coaching-page-meta { margin-top: 20px; font-size: 14px; gap: 12px; }
.product-v2 #coaching-page-source { flex-basis: 100%; max-width: 65ch; line-height: 1.6; color: #c1c1ca; }
.product-v2 .coaching-page-back { display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 44px; margin-left: auto; padding: 10px 16px; background: #16161ade; border: 1px solid #ffffff38; border-radius: 6px; white-space: nowrap; }
.product-v2 :is(#counter-view,#coaching-view,#item-view) :is(button,a,input,select,label[role='button']):focus-visible { outline: 2px solid var(--ui-teal); outline-offset: 3px; }

/* Real analysis entry and account history. The history never shows a shared match feed. */
.product-v2 .analysis-entry-layout { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(280px,1fr); gap: 24px; margin-bottom: 32px; }
.product-v2 .analysis-entry-layout:has(#analysis-history[hidden]) { grid-template-columns: 1fr; }
.product-v2 .analysis-entry-layout:has(#coaching-page-tool[hidden]):has(#analysis-history[hidden]) { display: none; }
.product-v2 #coaching-view .coaching-page-tool { margin: 0; padding: 28px; box-shadow: var(--ui-surface-shadow); background: var(--ui-surface); }
.product-v2 .analysis-entry-title { font: 500 24px/1.3 Outfit,sans-serif; margin: 0 0 24px; }
.product-v2 #coaching-view .coaching-start { display: block; }
.product-v2 #coaching-view .match-id-mark { display: none; }
.product-v2 #coaching-view .coaching-start label { display: block; font: 500 14px/1.5 Manrope,sans-serif; margin-bottom: 8px; color: var(--pp-muted); }
.product-v2 #coaching-view .match-id-entry { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; }
.product-v2 #coaching-view .match-id-entry input { width: 100%; min-width: 0; padding: 12px 16px; background: #0d0d10; border: 1px solid #ffffff30; border-radius: 6px; }
.product-v2 :is(#coaching-view .match-id-entry button,#counter-submit) { display: inline-flex; justify-content: center; align-items: center; gap: 12px; padding: 12px 20px; font-size: 16px; }
.product-v2 #coaching-view .coaching-upload { display: block; margin-top: 20px; }
.product-v2 #coaching-view .coaching-upload-or { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; color: var(--pp-muted); font-size: 14px; }
.product-v2 #coaching-view .coaching-upload-or::before,.product-v2 #coaching-view .coaching-upload-or::after { content: ''; flex: 1; height: 1px; background: var(--pp-line); }
.product-v2 #coaching-view .coaching-upload-drop { min-height: 96px; border: 1px dashed #ffffff38; border-radius: 6px; gap: 16px; padding: 20px; background: #ffffff02; }
.product-v2 #coaching-view .coaching-upload-drop:hover { border-color: var(--ui-teal); background: #73daca08; }
.product-v2 #coaching-view .coaching-upload-drop > .ui-icon { width: 28px; height: 28px; flex: 0 0 28px; color: var(--pp-blue); }
.product-v2 #coaching-view .coaching-upload-drop strong { font-size: 16px; font-weight: 500; }
.product-v2 #coaching-view .coaching-upload-drop small { font-size: 14px; margin-top: 4px; color: var(--pp-muted); }
.product-v2 .analysis-history { min-width: 0; padding: 24px; border: 1px solid var(--pp-line); border-radius: 8px; background: var(--ui-surface); }
.product-v2 .analysis-history header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 12px; }
.product-v2 .analysis-history h2 { font: 500 22px/1.3 Outfit,sans-serif; margin: 0; }
.product-v2 .analysis-history header a { display: inline-flex; align-items: center; gap: 8px; color: var(--ui-teal); font-size: 14px; min-height: 44px; white-space: nowrap; }
.product-v2 .analysis-history-row { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--pp-line); text-decoration: none; color: var(--pp-text); }
.product-v2 .analysis-history-row:last-child { border-bottom: 0; }
.product-v2 .analysis-history-row > .ui-icon { color: var(--pp-blue); width: 24px; height: 24px; }
.product-v2 .analysis-history-row strong { display: block; font-size: 15px; font-weight: 500; overflow-wrap: anywhere; }
.product-v2 .analysis-history-row small { display: block; color: var(--pp-muted); margin-top: 6px; font-size: 14px; }
.product-v2 a.analysis-history-row:hover strong { color: var(--ui-teal); }
.product-v2 .analysis-history-status { font-size: 14px; color: var(--pp-blue); }
.product-v2 .analysis-history-status[data-status='completed'] { color: var(--ui-teal); }
.product-v2 .analysis-history-status[data-status='failed'] { color: #ff8d91; }
.product-v2 .analysis-history-empty { padding-block: 28px; color: var(--pp-muted); font-size: 16px; }
.product-v2 .analysis-history-empty > .ui-icon { width: 28px; height: 28px; margin-bottom: 16px; color: var(--pp-blue); }
.product-v2 .analysis-history-empty h3 { font: 500 20px/1.4 Outfit,sans-serif; color: var(--pp-text); margin: 0 0 8px; }
.product-v2 .analysis-history-empty p { margin: 0; line-height: 1.6; }
.product-v2 :is(.analysis-history-empty,.tool-empty-state) button { min-height: 44px; padding: 10px 16px; margin-top: 16px; }
.product-v2 #coaching-view .analysis-pro-section { margin-top: 32px; padding: 28px; border: 1px solid var(--pp-line); border-radius: 8px; background: #121113; gap: 24px; grid-template-columns: minmax(0,1fr) auto; }
.product-v2 .analysis-pro-section .analysis-pro-features { display: flex; flex-wrap: wrap; grid-column: 1; gap: 12px 24px; padding: 0; }
.product-v2 .analysis-pro-features span { padding: 0; border: 0; background: none; font-size: 14px; color: var(--pp-muted); }
.product-v2 .analysis-pro-availability { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--pp-gold); font-size: 14px; }

/* Draft: one working surface, with a quiet left rail and a scrollable catalog. */
.product-v2 .draft-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.product-v2 #draft-mode-description { color: var(--pp-muted); font-size: 14px; }
.product-v2 #draft-mode-tabs { margin: 0; }
.product-v2 #counter-view .counter-panel { grid-template-columns: 312px minmax(0,1fr); gap: 16px 28px; padding: 28px; border: 1px solid var(--pp-line); border-radius: 8px; background: #101012; }
.product-v2 #counter-view .counter-panel-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; border: 0; }
.product-v2 #counter-view .counter-panel-head h2 { font-size: 22px; color: var(--pp-gold); margin: 0; }
.product-v2 #counter-count { color: var(--pp-muted); font-size: 14px; padding: 0; border: 0; }
.product-v2 #counter-view .counter-pool { display: block; padding-left: 28px; align-self: stretch; }
.product-v2 #counter-view .counter-slots { min-height: 0; margin: 0; }
.product-v2 #counter-view .draft-control-head { min-height: 44px; margin-bottom: 12px; gap: 12px; }
.product-v2 #counter-view .draft-control-head label { font-size: 22px; }
.product-v2 #counter-view .draft-lineup-label strong { font-size: 18px; color: var(--pp-blue); }
.product-v2 #counter-view .draft-lineup-label span { display: block; font-size: 14px; }
.product-v2 #counter-view .counter-slot { min-height: 56px; padding: 6px 8px; border-color: #ffffff1c; border-radius: 6px; background: #ffffff02; box-shadow: none; gap: 10px; }
.product-v2 #counter-view .counter-slot small { font-size: 14px; color: var(--pp-muted); }
.product-v2 #counter-view .counter-slot.is-filled { border-color: #e8b2944d; background: #e8b29409; }
.product-v2 #counter-view .allies .counter-slot.is-filled { border-color: #a9daed4d; background: #a9daed09; }
.product-v2 .draft-search-field { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 14px; background: #09090b; border: 1px solid #ffffff30; border-radius: 6px; margin-bottom: 16px; }
.product-v2 .draft-search-field:focus-within { outline: 2px solid var(--ui-teal); outline-offset: 2px; }
.product-v2 .draft-search-field > .ui-icon { flex: 0 0 20px; width: 20px; height: 20px; color: var(--pp-muted); }
.product-v2 .draft-search-field > .icon-search { mask-image: url('/assets/ui/search.svg'); -webkit-mask-image: url('/assets/ui/search.svg'); }
.product-v2 #counter-hero-filter { min-width: 0; width: 100%; height: 48px; padding: 8px 0; border: 0; outline: 0; box-shadow: none; background: transparent; font-size: 16px; }
.product-v2 #counter-view .counter-hero-grid { grid-template-columns: repeat(3,minmax(0,1fr)); max-height: 508px; padding: 4px 10px 4px 4px; gap: 8px; }
.product-v2 #counter-view .counter-hero-choice { grid-template-columns: 40px minmax(0,1fr); gap: 12px; min-height: 72px; padding: 10px; border: 1px solid #ffffff14; background: var(--ui-surface); box-shadow: none; text-align: left; transition: border-color .18s,background .18s; }
.product-v2 #counter-view .counter-hero-choice strong { font-size: 15px; font-weight: 500; line-height: 1.4; overflow-wrap: normal; word-break: normal; }
.product-v2 #counter-view .counter-hero-choice small { font-size: 14px; }
.product-v2 #counter-view .counter-hero-choice img { object-fit: contain; }
.product-v2 #counter-view .counter-hero-choice:hover:not(:disabled) { border-color: #ffffff50; background: #ffffff0b; transform: none; }
.product-v2 #counter-view .counter-hero-choice.is-enemy { border-color: #e8b29480; background: #e8b29412; }
.product-v2 #counter-view .counter-hero-choice.is-ally { border-color: #a9daed80; background: #a9daed12; }
.product-v2 #counter-view .counter-hero-choice:disabled { opacity: .4; }
.product-v2 #counter-view .counter-role-filter { display: block; margin-top: 4px; }
.product-v2 #counter-view .counter-role-filter > span { display: block; margin-bottom: 12px; font-size: 16px; }
.product-v2 #counter-view .counter-role-segments button { min-height: 48px; background: #ffffff04; border: 1px solid #ffffff1c; border-radius: 6px; font-size: 14px; padding: 8px; gap: 8px; }
.product-v2 #counter-view .counter-role-segments button.active { color: var(--ui-selection-text); background: var(--ui-selection); border-color: var(--ui-selection-edge); }
.product-v2 #counter-view .counter-action-bar { padding: 4px 0 0; margin: 0; border: 0; gap: 12px; }
.product-v2 #counter-status { font-size: 14px; color: var(--pp-muted); line-height: 1.5; }
.product-v2 #counter-view .counter-results { margin-top: 28px; }
.product-v2 :is(#counter-view,#item-view) .tool-empty-state { display: flex; align-items: center; gap: 20px; padding: 28px; min-height: 132px; border: 1px solid var(--pp-line); border-radius: 8px; background: #0b0b0d; }
.product-v2 .tool-empty-state > .ui-icon { width: 32px; height: 32px; flex: 0 0 32px; color: var(--pp-blue); }
.product-v2 .tool-empty-state h2 { margin: 0 0 8px; font: 500 22px/1.35 Outfit,sans-serif; }
.product-v2 .tool-empty-state p { margin: 0; max-width: 68ch; font-size: 16px; line-height: 1.6; color: var(--pp-muted); }
.product-v2 #counter-view .draft-result-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.product-v2 #counter-view .draft-result-card { display: flex; flex-direction: column; gap: 0; padding: 0; overflow: hidden; border-color: var(--pp-line); border-radius: 8px; transition: border-color .2s; }
.product-v2 #counter-view .draft-result-card:hover { border-color: var(--ui-selection-edge); }
.product-v2 .draft-result-art { position: relative; display: block; width: 100%; aspect-ratio: 16/7; background: #171719; overflow: hidden; }
.product-v2 .draft-result-art img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; transition: transform .3s; }
.product-v2 .draft-result-card:hover .draft-result-art img { transform: scale(1.035); }
.product-v2 .draft-result-art > b { position: absolute; top: 12px; left: 12px; padding: 6px 10px; font-size: 14px; color: #eeeef0; background: #09090bde; border-radius: 4px; font-weight: 500; }
.product-v2 #counter-view .draft-result-hero { padding: 20px 20px 16px; display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 4px 12px; }
.product-v2 #counter-view .draft-result-hero img { grid-row: span 2; width: 40px; height: 40px; object-fit: contain; }
.product-v2 #counter-view .draft-result-hero strong { font: 500 22px/1.3 Outfit,sans-serif; overflow-wrap: normal; }
.product-v2 #counter-view .draft-result-hero small { font-size: 14px; line-height: 1.5; color: var(--pp-muted); }
.product-v2 #counter-view .draft-result-copy { padding: 0 20px 24px; }
.product-v2 #counter-view .draft-score-line { border-block: 1px solid var(--pp-line); padding: 12px 0; margin-bottom: 16px; align-items: center; font-size: 14px; }
.product-v2 #counter-view .draft-score-line strong { font: 500 26px/1.2 Outfit,sans-serif; color: var(--ui-teal); }
.product-v2 #counter-view .draft-reason-list { gap: 16px; }
.product-v2 #counter-view .draft-reason { display: grid; gap: 4px; border: 0; padding: 0; }
.product-v2 #counter-view .draft-reason b { font-size: 15px; font-weight: 500; }
.product-v2 #counter-view .draft-reason > span { font-size: 14px; line-height: 1.6; color: var(--pp-muted); }

/* Items: one matchup form; standalone results keep evidence and tactical advice distinct. */
.product-v2 #item-view .item-decision-panel { padding: 28px; border: 1px solid var(--pp-line); border-radius: 8px; background: var(--ui-surface); box-shadow: var(--ui-surface-shadow); }
.product-v2 #item-view .item-decision-form { grid-template-columns: 280px minmax(0,1fr); gap: 24px 32px; align-items: start; padding: 0; margin: 0; }
.product-v2 #item-view fieldset { display: grid; align-content: start; gap: 16px; min-width: 0; padding: 0; border: 0; }
.product-v2 #item-view legend { margin: 0 0 20px; font: 500 22px/1.3 Outfit,sans-serif; }
.product-v2 #item-view .item-player-fields { grid-row: 1 / 3; }
.product-v2 #item-view .item-enemy-fields { grid-column: 2; }
.product-v2 #item-view .item-choice-fields { grid-column: 2; grid-template-columns: repeat(2,minmax(0,1fr)); }
.product-v2 #item-view .item-choice-fields legend { padding-top: 24px; border-top: 1px solid var(--pp-line); }
.product-v2 #item-view .item-hero-preview { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: center; gap: 16px; width: 100%; height: auto; min-height: 0; aspect-ratio: 16/10; padding: 20px; overflow: hidden; border: 1px solid var(--pp-line); border-radius: 6px; background: #09090c; }
.product-v2 #item-view .item-hero-preview .ui-icon { width: 36px; height: 36px; padding: 0; color: var(--pp-blue); }
.product-v2 #item-view .item-hero-preview strong { font: 500 22px/1.3 Outfit,sans-serif; }
.product-v2 #item-view .item-hero-preview:has(img) { align-items: start; justify-content: end; }
.product-v2 #item-view .item-hero-preview:has(img)::after { content: ''; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent,#08090beb); z-index: -1; }
.product-v2 #item-view .item-hero-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 28%; z-index: -2; }
.product-v2 #item-view .decision-field { display: block; min-width: 0; }
.product-v2 #item-view .decision-field label { display: block; margin: 0 0 8px; font-size: 14px; color: var(--pp-muted); }
.product-v2 #item-view :is(input,select) { width: 100%; min-width: 0; min-height: 48px; font-size: 16px; color: var(--pp-text); background-color: #0d0d10; border: 1px solid #ffffff30; border-radius: 6px; padding: 10px 12px; }
.product-v2 #item-view select { padding-right: 30px; }
.product-v2 #item-view .enemy-select-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 24px; }
.product-v2 #item-view .enemy-picker { grid-template-columns: 40px minmax(0,1fr); gap: 8px; }
.product-v2 #item-view .enemy-portrait { width: 40px; height: 48px; color: #73737f; }
.product-v2 #item-view .enemy-portrait img { width: 40px; height: 40px; object-fit: contain; }
.product-v2 #item-view .item-input-wrap { display: flex; align-items: center; gap: 10px; padding-left: 10px; border: 1px solid #ffffff30; border-radius: 6px; background: #0d0d10; }
.product-v2 #item-view .item-input-wrap:focus-within { outline: 2px solid var(--ui-teal); outline-offset: 3px; }
.product-v2 #item-view .item-input-wrap input { border: 0; background: transparent; box-shadow: none; outline: none; padding-left: 0; }
.product-v2 #item-view .item-input-wrap input:focus-visible { outline: none; box-shadow: none; }
.product-v2 #item-view .item-input-icon { display: grid; place-items: center; width: 44px; flex: 0 0 44px; aspect-ratio: 11/8; color: var(--pp-blue); }
.product-v2 #item-view .item-input-icon img { width: 44px; height: 32px; object-fit: contain; border-radius: 3px; }
.product-v2 #item-view .item-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; }
.product-v2 #item-form-status { font-size: 14px; line-height: 1.5; color: var(--pp-muted); }
.product-v2 #item-submit { display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 12px 20px; min-height: 48px; font-size: 16px; flex-shrink: 0; }
.product-v2 #item-submit .ui-icon { width: 20px; height: 20px; }
.product-v2 #item-view .item-results { margin-top: 28px; border: 0; background: transparent; overflow: visible; }
.product-v2 #item-view .counter-result-head { gap: 16px; flex-wrap: wrap; margin: 0 0 20px; padding: 0; border: 0; }
.product-v2 #item-view .counter-result-head h2 { font: 500 26px/1.3 Outfit,sans-serif; margin: 4px 0 0; }
.product-v2 #item-view .counter-result-head :is(.eyebrow,span) { font-size: 14px; }
.product-v2 #item-view .item-data-note { color: var(--pp-gold); font-size: 14px; margin: 0 0 16px; }
.product-v2 #item-view .item-threat-strip { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding: 16px 0; margin: 0 0 24px; gap: 16px; }
.product-v2 #item-view .item-threat-strip span { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 16px 4px 0; border: 0; border-right: 1px solid var(--pp-line); font-size: 14px; color: var(--pp-muted); }
.product-v2 #item-view .item-threat-strip span:last-child { border: 0; padding-right: 0; }
.product-v2 #item-view .item-threat-strip b { color: var(--pp-blue); font-size: 18px; }
.product-v2 #item-view .item-recommendation-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; padding: 0; }
.product-v2 #item-view .item-decision-card { display: flex; flex-direction: column; gap: 20px; padding: 24px; background: var(--ui-surface); border: 1px solid var(--pp-line); border-radius: 8px; }
.product-v2 #item-view .item-card-heading { display: flex; align-items: center; gap: 16px; }
.product-v2 #item-view :is(.item-decision-card,.item-evaluation) h3 { margin: 0; font: 500 22px/1.35 Outfit,sans-serif; white-space: normal; }
.product-v2 #item-view .item-source { display: block; margin-top: 6px; color: var(--pp-blue); font-size: 14px; }
.product-v2 #item-view .item-result-icon { display: block; width: 77px; flex: 0 0 77px; aspect-ratio: 11/8; border-radius: 4px; overflow: hidden; background: #09090b; }
.product-v2 #item-view .item-result-icon :is(img,.thumb-fallback) { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 0; }
.product-v2 #item-view .item-score-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 12px; border-block: 1px solid var(--pp-line); font-size: 14px; color: var(--pp-muted); }
.product-v2 #item-view .item-score-line strong { color: var(--ui-teal); font: 500 24px/1.2 Outfit,sans-serif; white-space: nowrap; }
.product-v2 #item-view :is(.item-score-line,.item-verdict) small { font: 400 14px/1.5 Manrope,sans-serif; color: var(--pp-muted); }
.product-v2 #item-view .item-reason-list { display: grid; gap: 12px; padding-left: 18px; margin: 0; color: var(--pp-muted); font-size: 15px; line-height: 1.65; }
.product-v2 #item-view .item-reason-list li::marker { color: var(--pp-blue); }
.product-v2 #item-view .item-replay-rates { display: flex; justify-content: space-between; gap: 16px; margin: auto 0 0; padding-top: 16px; border-top: 1px solid var(--pp-line); }
.product-v2 #item-view .item-replay-rates dt { color: var(--pp-muted); font-size: 14px; }
.product-v2 #item-view .item-replay-rates dd { margin: 6px 0 0; font-size: 18px; font-variant-numeric: tabular-nums; }
.product-v2 #item-view .item-evaluation { display: grid; grid-template-columns: 88px minmax(0,1fr) auto; align-items: start; gap: 24px; margin: 0 0 24px; padding: 24px; border: 1px solid #e8b29440; border-radius: 8px; background: #151314; }
.product-v2 #item-view .item-evaluation-copy .eyebrow { font-size: 14px; color: var(--pp-gold); margin: 0 0 8px; }
.product-v2 #item-view .item-evaluation ul { list-style: none; margin: 16px 0 0; padding: 0; font-size: 15px; line-height: 1.6; }
.product-v2 #item-view .item-evaluation li + li { margin-top: 16px; }
.product-v2 #item-view .item-evaluation li > span { display: block; margin-bottom: 4px; font-size: 14px; color: var(--ui-teal); }
.product-v2 #item-view .item-evaluation .is-warning > span { color: var(--pp-gold); }
.product-v2 #item-view .item-verdict { display: flex; flex-direction: column; align-items: end; gap: 8px; min-width: 0; grid-column: auto; text-align: right; }
.product-v2 #item-view .item-verdict strong { color: var(--pp-gold); font: 500 20px/1.4 Outfit,sans-serif; }
.product-v2 #item-view .item-verdict span { color: var(--pp-muted); font-size: 14px; }
.product-v2 #item-view .item-verdict b { font: 500 28px/1.2 Outfit,sans-serif; color: var(--pp-text); }
.product-v2 #item-view .item-result-skeleton { height: 220px; margin-top: 20px; border-radius: 8px; }

/* Existing report content and seven analysis tabs stay backed by the coaching API. */
.product-v2 #coaching-view .report-command { padding: 24px; gap: 24px; border: 1px solid var(--pp-line); border-radius: 8px; background: #0c0c0e; }
.product-v2 #coaching-view .report-detail { min-width: 0; padding: 0; }
.product-v2 #coaching-view .report-player { min-height: 72px; border-radius: 6px; }
.product-v2 #coaching-view .report-player :is(span,b) { display: block; }
.product-v2 #coaching-view .report-player.active { background: #73daca0c; border-color: #73daca40; box-shadow: inset 3px 0 var(--ui-teal); }
.product-v2 .report-player-banner { position: relative; isolation: isolate; overflow: hidden; min-height: 168px; padding: 24px; border-block: 1px solid var(--pp-line); margin-bottom: 24px; background: #111115; }
.product-v2 .report-player-banner > img { position: absolute; inset: 0 0 0 auto; width: 65%; height: 100%; object-fit: cover; object-position: center 24%; z-index: -2; mask-image: linear-gradient(90deg,transparent,#000 25%); }
.product-v2 .report-player-banner::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#101014,#101014db 45%,#101014a0); }
.product-v2 #coaching-view .report-detail-head { padding: 0; border: 0; background: transparent; min-height: 116px; gap: 20px; }
.product-v2 #coaching-view .report-identity h2 { font-size: 28px; }
.product-v2 #coaching-view .report-analysis-tabs { border-bottom: 1px solid var(--pp-line); gap: 4px; flex-wrap: wrap; margin-block: 20px; }
.product-v2 #coaching-view .report-analysis-tabs button { font-size: 15px; padding: 12px; }
.product-v2 #coaching-view .report-insight { background: #171719; }

@media (min-width: 1540px) { .product-v2 #counter-view .counter-hero-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 1180px) {
  .product-v2 #item-view .item-decision-form { grid-template-columns: 240px minmax(0,1fr); gap: 24px; }
  .product-v2 #item-view .enemy-select-grid { gap: 16px; }
  .product-v2 #item-view .item-choice-fields { grid-template-columns: 1fr; }
  .product-v2 #item-view .item-recommendation-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-v2 #counter-view .counter-panel { grid-template-columns: 272px minmax(0,1fr); gap: 16px 20px; padding: 24px; }
  .product-v2 #counter-view .counter-pool { padding-left: 20px; }
  .product-v2 #counter-view .counter-hero-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-v2 .analysis-entry-layout { grid-template-columns: minmax(0,1.4fr) minmax(280px,1fr); }
  .product-v2 #coaching-view .match-id-entry { grid-template-columns: 1fr; }
  .product-v2 #counter-view .draft-result-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 800px) {
  .product-v2 #item-view .item-decision-panel { padding: 24px; }
  .product-v2 #item-view .item-decision-form { grid-template-columns: 1fr; }
  .product-v2 #item-view :is(.item-player-fields,.item-enemy-fields,.item-choice-fields) { grid-column: 1; grid-row: auto; }
  .product-v2 #item-view .item-player-fields { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .product-v2 #item-view .item-hero-preview { grid-row: span 2; height: 100%; aspect-ratio: auto; min-height: 172px; }
  .product-v2 #item-view .item-choice-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-v2 #item-view .item-threat-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-v2 #item-view .item-evaluation { grid-template-columns: 77px minmax(0,1fr); gap: 16px; }
  .product-v2 #item-view .item-verdict { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; text-align: left; gap: 12px; padding-top: 16px; border-top: 1px solid var(--pp-line); }
  .product-v2 .tool-masthead { min-height: 200px; padding: 24px; }
  .product-v2 .tool-masthead h1 { font-size: 30px; }
  .product-v2 .tool-masthead > div { max-width: 78%; }
  .product-v2 .analysis-entry-layout { grid-template-columns: 1fr; }
  .product-v2 #coaching-view .match-id-entry { grid-template-columns: minmax(0,1fr) auto; }
  .product-v2 #counter-view .counter-panel { display: flex; flex-direction: column; padding: 20px; gap: 16px; }
  .product-v2 #counter-view .counter-panel > * { width: 100%; }
  .product-v2 #counter-view .counter-panel-head { order: 0; }
  .product-v2 #counter-view .enemies { order: 1; }
  .product-v2 #counter-view .allies { order: 2; }
  .product-v2 #counter-view .counter-controls { display: contents; }
  .product-v2 #counter-view .counter-pool { order: 3; padding: 20px 0 0; border: 0; border-top: 1px solid var(--pp-line); width: 100%; }
  .product-v2 #counter-view .counter-role-filter { order: 4; width: 100%; }
  .product-v2 #counter-view .counter-action-bar { order: 5; }
  .product-v2 #counter-view .counter-slots { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-v2 #counter-view .counter-hero-grid { max-height: 308px; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-v2 #counter-view .counter-role-segments { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-v2 #coaching-view .report-command { display: block; padding: 20px; }
  .product-v2 #coaching-view .report-roster { margin-bottom: 24px; }
  .product-v2 #coaching-view .report-roster-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-height: 236px; overflow-y: auto; padding: 4px; }
}
@media (max-width: 560px) {
  .product-v2 :is(#coaching-view,#counter-view,#item-view) { padding-top: 16px; }
  .product-v2 #item-view .item-decision-panel { padding: 20px 16px; }
  .product-v2 #item-view :is(.item-player-fields,.item-choice-fields,.enemy-select-grid,.item-recommendation-grid) { grid-template-columns: 1fr; }
  .product-v2 #item-view .item-hero-preview { height: 168px; min-height: 0; grid-row: auto; }
  .product-v2 #item-view .item-form-actions { align-items: stretch; flex-direction: column; }
  .product-v2 #item-view .item-threat-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .product-v2 #item-view :is(.item-decision-card,.item-evaluation) { padding: 20px; }
  .product-v2 #item-view .item-evaluation { grid-template-columns: 1fr; }
  .product-v2 #item-view .item-verdict { grid-column: 1; }
  .product-v2 .tool-masthead { padding: 24px 20px; min-height: 224px; align-items: start; flex-direction: column; gap: 16px; }
  .product-v2 .tool-masthead > div { max-width: 100%; }
  .product-v2 .tool-masthead::after { background: #08090bb8; }
  .product-v2 .tool-masthead .draft-masthead-art { width: 100%; opacity: .65; object-position: 70% center; mask-image: none; }
  .product-v2 .tool-masthead h1 { font-size: 28px; gap: 8px; }
  .product-v2 .tool-masthead h1 .ui-icon { display: none; }
  .product-v2 .coaching-page-back { margin-left: 0; }
  .product-v2 .draft-toolbar { align-items: stretch; flex-direction: column; gap: 12px; }
  .product-v2 #draft-mode-description { padding-left: 4px; }
  .product-v2 #draft-mode-tabs { display: flex; }
  .product-v2 #draft-mode-tabs button { flex: 1; }
  .product-v2 #coaching-view :is(.coaching-page-tool,.analysis-history,.analysis-pro-section) { padding: 20px; }
  .product-v2 #coaching-view .match-id-entry { grid-template-columns: 1fr; }
  .product-v2 .analysis-history header { align-items: start; }
  .product-v2 .analysis-history-row { grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
  .product-v2 .analysis-history-row > .ui-icon { display: none; }
  .product-v2 .analysis-history h2 { font-size: 20px; }
  .product-v2 #coaching-view .analysis-pro-section { grid-template-columns: 1fr; }
  .product-v2 .analysis-pro-availability { grid-column: 1; grid-row: auto; }
  .product-v2 #counter-view .counter-panel { padding: 16px; }
  .product-v2 #counter-view .counter-hero-grid { grid-template-columns: repeat(2,minmax(0,1fr)); padding-right: 4px; }
  .product-v2 #counter-view .counter-hero-choice { grid-template-columns: 40px minmax(0,1fr); padding: 10px 8px; gap: 8px; }
  .product-v2 #counter-view .counter-hero-choice img { width: 32px; height: 32px; }
  .product-v2 #counter-view .counter-hero-choice strong { font-size: 14px; }
  .product-v2 #counter-view .counter-slots { grid-template-columns: 1fr; }
  .product-v2 #counter-view .counter-slot.is-empty { min-height: 36px; padding-block: 4px; }
  .product-v2 #counter-view .draft-control-head { flex-wrap: wrap; }
  .product-v2 #draft-team-toggle { width: 100%; }
  .product-v2 #draft-team-toggle button { flex: 1; min-height: 44px; }
  .product-v2 #counter-view .counter-role-segments { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-v2 #counter-view .draft-result-grid { grid-template-columns: 1fr; }
  .product-v2 :is(#counter-view,#item-view) .tool-empty-state { padding: 20px; align-items: start; gap: 12px; }
  .product-v2 :is(#counter-view,#item-view) .tool-empty-state > .ui-icon { display: none; }
  .product-v2 #coaching-view .report-command { padding: 16px; }
  .product-v2 #coaching-view .report-roster-list { grid-template-columns: 1fr; }
  .product-v2 .report-player-banner { padding: 20px 16px; }
  .product-v2 #coaching-view .report-detail-head { flex-wrap: wrap; }
  .product-v2 #coaching-view .report-grade { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 8px; }
  .product-v2 #coaching-view .report-identity img { width: 48px; height: 48px; }
  .product-v2 #coaching-view .report-identity h2 { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) { .product-v2 #counter-view .draft-result-art img { transition: none; transform: none; } }

/* Section boundaries come from spacing; controls and individual results retain their edges. */
.product-v2 .tool-masthead,
.product-v2 :is(#coaching-view,#counter-view,#item-view) :is(.counter-panel,.item-decision-panel,.coaching-page-tool,.analysis-history,.analysis-pro-section,.report-command) { border: 0; box-shadow: none; }
.product-v2 :is(.counter-hero-choice,.draft-result-hero) > .hero-avatar { width: 40px; height: 40px; }
.product-v2 .report-player > .hero-avatar { width: 40px; height: 40px; }
.product-v2 .report-identity > .hero-avatar { width: 56px; height: 56px; }
.product-v2 :is(.lane-player,.source-row,.death-killer) > .hero-avatar { width: 32px; height: 32px; }