/* Shared presentation rules from the October 2026 design review. */
*{box-sizing:border-box}
:root{--ow-accent:#c7f568;--ow-muted:#a7b5c8;--ow-line:#334153;--ow-surface:#141c27;color-scheme:dark}body{overflow-wrap:anywhere}button,a,input,select,summary{touch-action:manipulation}button,select,summary{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ow-accent);outline-offset:4px}button{cursor:pointer}[hidden]{display:none!important}
.site-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;width:100%;margin:0 auto;padding:20px 24px;border-bottom:1px solid var(--ow-line);font:14px/1.5 system-ui,sans-serif;position:relative;z-index:30}.site-shell>.site-header{padding-inline:0}.site-header .site-brand{font-size:28px;font-weight:850;letter-spacing:-1.3px;color:#e6edf7;text-decoration:none;white-space:nowrap}.site-brand span{color:var(--ow-accent)}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav a{color:#d7dfec;text-decoration:none}.site-header nav [aria-current=page]{color:var(--ow-accent);text-decoration:underline;text-underline-offset:6px}.site-header .site-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:8px;background:var(--ow-accent);color:#14200b;font-weight:650}.site-help{position:relative}.site-help summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}.site-help summary::after{content:'⌄';color:var(--ow-accent)}.site-help summary::-webkit-details-marker{display:none}.site-help>div{position:absolute;right:0;top:100%;display:grid;min-width:190px;padding:8px;background:#172331;border:1px solid var(--ow-line);border-radius:8px;box-shadow:0 12px 25px #0006}.site-help>div>a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:4px}.site-help a:hover{background:#253448}
.site-footer{font:13px/1.7 system-ui,sans-serif;color:var(--ow-muted)}.site-footer nav{display:flex;gap:4px 20px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.site-footer nav a,.site-footer nav button{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.site-footer p{max-width:80ch}.site-footer [data-cookie-information]{padding:0}
.marketing-page .hero{min-height:0;padding:56px 0;gap:48px}.hero .lead{line-height:1.6}.hero .actions{align-items:center;gap:16px 24px}.hero .actions .text-link{font-size:14px}.hero .actions .example-link{order:1}.hero .actions a[href='/self-review']{order:2;font-size:13px}.review-preview{transform:none;border:1px solid var(--ow-line);box-shadow:none;border-radius:12px}.review-preview .takeaway{border:0;border-radius:0;background:none;padding:16px 0 0;border-top:1px solid var(--ow-line)}.marketing-page .section{padding:40px 0}.marketing-page .feature{border:0;border-radius:0;background:none;padding:12px 0}.card-grid{gap:32px}.marketing-page .prose{max-width:72ch}.marketing-page .page-intro{padding:40px 0 24px}.guide-content{gap:32px;min-width:0}.guide-content>.feature{border-top:1px solid var(--ow-line);padding-top:24px}.guide-content>.feature:first-child{border-top:0}.guide-nav{background:none;border:0;border-left:2px solid var(--ow-line);border-radius:0}.guide-nav a{min-height:36px}.app-screenshot{box-shadow:none}.policy-page main{max-width:76ch}.policy-page main>p:first-of-type{font-size:14px;color:var(--ow-muted)}.policy-toc{padding-block:16px;border-block:1px solid var(--ow-line)}.policy-toc ul{padding-left:20px}.policy-toc a{display:inline-block;padding:5px 0}
/* One edge-to-edge overlay, rather than a visible inset pane. */
.review-map-banner{border:0;border-radius:12px}.review-map-banner .review-banner-pane{margin:0;padding:24px;background:linear-gradient(100deg,#050c15ed,#050c15bd);border:0;border-radius:0}.review-banner-description{font-size:16px}.public-match-card .review-banner-pane{margin:0;padding:16px}.public-match-card .review-map-banner{min-height:140px}.public-match-card .review-banner-title{font-size:22px}.public-match-card .review-banner-description{font-size:14px}.public-match-card .review-banner-player{font-size:13px}.public-card-copy{padding:16px}.public-card-hero{margin-bottom:12px}.public-card-hero strong{font-style:normal}.public-card-takeaway{font-style:normal;font-size:16px;margin-bottom:12px}.public-eyebrow{letter-spacing:0;text-transform:none;font-size:13px}.public-match-card .public-button{background:none;border:0;padding:4px 0;margin:0;min-height:44px;display:inline-flex;align-items:center}.public-profile-head{padding:8px 0 16px}.public-profile-head h1{font-size:30px}.public-profile-head .public-handle{margin:0 0 8px}.public-profile-head .muted{font-size:14px;margin:4px 0}.public-profile-ranks{gap:12px;margin:12px 0}.public-rank-chip{background:none;border:0;padding:0;font-size:13px;gap:6px}.public-rank-chip img{width:18px;height:18px}.public-profile-nav{margin-top:12px}.public-stats{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px;font-size:14px;color:var(--ow-muted)}.public-stats>div{display:flex;align-items:baseline;gap:6px;background:none;border:0;padding:0}.public-stats strong{display:inline;font-size:16px}.public-stats span{font-size:14px}.public-profile-back{margin:0 0 12px;min-height:44px;display:inline-flex;align-items:center}.public-history-controls{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 20px;align-items:end}.public-history-controls label{display:grid;gap:4px;flex:1 1 160px;font-size:14px}.public-history-controls select{padding:8px;border:1px solid #475569;border-radius:8px;background:#101720;color:#e2e8f0;font:inherit;max-width:100%}.public-history-status{color:var(--ow-muted);font-size:14px}.public-load-more{display:block;margin:24px auto;padding:10px 20px;border:1px solid var(--ow-line);border-radius:8px;background:var(--ow-surface);color:var(--ow-accent);font:inherit}
main>article.public-review{border:0;padding:0;background:none;margin:0}.public-review h2{font-size:21px}.review-teams{margin:20px 0}.review-teams>summary{display:flex;align-items:center;cursor:pointer;color:#d7dfec;font-weight:600}.review-teams .team-matchup{margin-top:12px}.review-timeline-item>.moment-card{padding:16px}.review-moment-body .review-moment-takeaway{border:0;background:none;padding:0;margin:0 0 14px;border-radius:0}.review-moment-takeaway>p{font-size:17px;font-style:normal}.review-moment-takeaway>h3{font-size:13px;letter-spacing:0;text-transform:none;color:var(--ow-muted)}.review-moment-groups{display:block}.review-answer-group+.review-answer-group{margin-top:20px}.moment-answers>summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:#7dd3fc;font-size:14px}.moment-answers>summary::before{content:'+'}.moment-answers[open]>summary::before{content:'−'}.moment-answers[open]>.review-moment-groups{margin-top:16px}.team-side{border:0;border-left:3px solid var(--team-accent);border-radius:6px;border-top:0;background:#162233;padding:10px}.team-side[data-team=enemies]{--team-bg:#281d29;background:var(--team-bg)}.team-side[data-team=allies]{--team-bg:#162739;background:var(--team-bg)}.team-hero-name{font-style:normal;font-size:16px}.team-hero-role{font-style:normal;font-size:12px;font-weight:500}.team-heading{font-style:normal;font-size:13px;letter-spacing:.03em;margin:0 0 8px}.team-hero-portrait{border:0}.team-vs{visibility:hidden;height:0}.team-matchup-grid{gap:8px}.review-timeline-track{margin-left:10px}.review-timeline-item{padding-left:24px}
.public-filter-disclosure,.public-question-browser{margin:0 0 16px}.public-filter-disclosure>summary,.public-question-browser>summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:#d7dfec;font-size:14px}.public-filter-disclosure>summary::before,.public-question-browser>summary::before{content:'+';color:var(--ow-accent)}.public-filter-disclosure[open]>summary::before,.public-question-browser[open]>summary::before{content:'−'}.public-filter-disclosure .public-filters{margin:8px 0}.public-section-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 0 12px;padding-bottom:8px;gap:8px}.public-section-tabs button{display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0}.public-section-tabs button[aria-pressed=true]{color:var(--ow-accent);border-color:var(--ow-accent);background:#1c2c33}.public-question-heading{margin:8px 0}.public-question-item>button{padding:12px 16px;min-height:80px}.public-question-label>svg{display:none}.public-question-item small{margin-left:0}.public-question-help>button{width:44px;height:44px}.public-question-tooltip{padding:16px;font-size:14px}.public-chart{padding:20px;border:1px solid var(--ow-line);border-top:2px solid #7dd3fc;border-radius:12px}.public-chart>p{font-size:14px}.public-chart svg{margin:12px 0}.public-chart-legend button[aria-pressed=false]{opacity:1;border-style:dashed;color:#a7b5c8;background:transparent}.public-chart-legend button::before{content:'✓';width:16px}.public-chart-legend button[aria-pressed=false]::before{content:'−'}.public-chart details{border-top:1px solid var(--ow-line);padding-top:8px;margin-top:12px}.public-chart summary{display:flex;align-items:center;min-height:44px}.public-date-control{display:grid;gap:4px;font-size:14px;color:var(--ow-muted);margin-bottom:12px}.public-date-control select{background:#101720;color:#d7dfec;border:1px solid #475569;border-radius:8px;font:inherit;padding:8px;width:100%}.public-table-wrap:focus-visible{outline:2px solid var(--ow-accent)}
/* The application retains its own account controls and task navigation. */
.app-brand .brand-tagline,body:has(.app-brand)>header .eyebrow{display:none}.account-actions{gap:12px;flex-wrap:wrap}.account-actions button{min-height:44px}nav.app-tabs{gap:8px 16px;padding-block:8px;flex-wrap:nowrap;overflow-x:auto}.app-tabs>button{white-space:nowrap;flex-shrink:0}.app-tabs .app-guide-links{gap:12px;padding-left:16px}.app-tabs .app-guide-links a{display:inline-flex;align-items:center;min-height:44px}.editor-mode-bar{padding:8px 0;background:none;border:0;border-radius:0;margin-bottom:12px;align-items:center}.editor-mode-bar .required-legend{font-size:12px;margin-left:12px;color:#94a3b8}.editor-mode-bar strong{font-size:14px}.review-mode-switch{min-height:44px}.review-detail{border:0;border-top:1px solid var(--ow-line);border-radius:0;background:none}.review-detail>summary{padding:12px 0}.review-detail[open]>summary{border:0}.detail-content{padding:12px 0}.required-marker{color:#7dd3fc;margin-left:4px}.auth-shell{margin:32px auto;padding:16px}.auth-shell h1{margin-bottom:12px}.auth-shell [data-clerk-signin]{margin-top:16px}[data-history-summary]{display:none!important}.history-map-cover{min-height:140px}.history-map-caption{min-height:140px}.history-map-title{font-size:22px}.history-replay-code{font-size:14px}.history-result.is-victory,.history-result.is-defeat{font-size:19px}
/* In-flow notices reserve their own space instead of covering entry controls. */
.site-notices{position:relative;inset:auto;max-width:1280px;max-height:none;width:100%;box-sizing:border-box;padding:0 20px;margin:0 auto 16px;pointer-events:auto}.cookie-notice{padding:12px 16px;box-shadow:none;border-radius:8px;font-size:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px}.cookie-notice h2{font-size:14px;margin:0}.cookie-notice p{margin:0;grid-column:1}.cookie-notice .policy-notice-actions{grid-column:2;grid-row:1/3;margin:0;gap:12px}.cookie-notice details{grid-column:1/-1}.cookie-notice summary{min-height:32px;color:#7dd3fc;cursor:pointer}.cookie-notice details p{padding:8px 0}.error-shell{background:none;border:0;border-radius:0;padding:24px}.error-icon{display:none}.error-reference{font-size:13px;text-align:left}.error-shell details{margin:24px 0;text-align:left}.error-shell summary{cursor:pointer;color:#7dd3fc}
@media(min-width:701px){.public-question-browser>summary{display:none}.public-question-browser{display:block}.public-question-browser:not([open])>div{display:grid}.public-filter-disclosure:not([open])>.public-filters{display:flex}}
@media(max-width:700px){.site-header{padding:12px 16px;gap:12px}.site-header .site-brand{font-size:25px}.site-header nav{gap:14px}.site-header nav>a[href='/']{display:none}.site-header .site-primary{padding:8px 10px;font-size:13px}.site-shell{padding-inline:16px}.marketing-page .hero{padding:28px 0;gap:24px}.hero h1{font-size:38px}.hero .lead{font-size:16px}.genji-backdrop{opacity:.08;right:-20%;max-width:85vw}.review-preview{padding:18px}.review-preview dl{margin:12px 0}.preview-time{margin-top:16px!important}.marketing-page .section{padding:28px 0}.page-intro h1{font-size:36px}.marketing-page .page-intro{padding:28px 0 16px}.guide-nav{grid-template-columns:1fr 1fr;padding:8px 0 8px 12px}.guide-content h2{font-size:24px}.guide-layout{gap:20px}.public-profile-head h1{font-size:27px}.public-rank-chip{font-size:12px}.public-profile-ranks{gap:8px 12px}.public-profile-head .public-example-badge{padding:2px 8px}.public-profile-nav{gap:16px}.public-profile-nav a{padding:10px 0}.public-stats{margin-bottom:8px}.public-question-grid{gap:8px}.public-question-item>button{min-height:64px}.public-question-browser>summary{font-weight:600}.public-question-grid{margin-top:12px}.public-chart{padding:16px}.public-chart h2{font-size:19px}.public-chart-legend{gap:8px}.public-chart-legend button{font-size:13px;padding:8px}.public-match-card .review-map-banner{min-height:120px}.public-profile-back{font-size:13px}.public-review .review-map-banner{min-height:180px}.review-map-banner .review-banner-pane{padding:18px 16px}.review-banner-title{font-size:24px}.review-banner-date{font-size:12px}.review-timeline-item{padding-left:18px}.review-timeline-track{margin-left:8px}.review-timeline-item>.moment-card{padding:12px}.review-moment-heading{gap:8px}.public-review .review-moment-heading time{font-size:16px}.review-moment-heading .moment-type{padding:3px 8px}.public-review .team-matchup-grid{grid-template-areas:'allies enemies';grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.team-vs{display:none}.public-review .team-hero-row{gap:6px}.public-review .team-hero-portrait{width:28px;height:28px}.public-review .team-hero-name{font-size:12px}.public-review .team-hero-role{font-size:11px}.public-review .team-me{font-size:9px;padding:1px 3px}.team-side{padding:8px}.cookie-notice{display:block;padding:12px}.cookie-notice h2{display:none}.cookie-notice .policy-notice-actions{margin-top:8px}.site-notices{padding:0 16px}.app-brand .review-brand{font-size:25px}.app-container{padding-inline:16px!important}body:has(.app-brand)>header .app-container{padding-block:10px}.app-tabs{margin-bottom:16px}.app-tabs .app-guide-links{padding-left:8px}.editor-mode-bar .required-legend{display:block;margin:2px 0 0}.editor-map-preview{display:none}.app-screenshot>a{height:280px;overflow:hidden}.app-screenshot img{width:200%;max-width:none;object-fit:cover;object-position:left top}.app-screenshot:has(img[src*='trends.png'])>a{height:280px}.app-screenshot img[src*='trends.png']{width:150%;transform:translateY(-46%)}.app-screenshot figcaption{font-size:13px}.site-footer{padding:24px 16px}.site-footer nav{gap:4px 16px}.site-footer p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Editorial surfaces stay open in the editor; input boundaries remain intact. */
section[x-show="tab==='Review workspace'"]>div:not(.editor-mode-bar)>section.panel{border:0;border-top:1px solid #334153;border-radius:0;background:none;padding-inline:0}section[x-show="tab==='Review workspace'"] [data-map-banner]{display:none}section[x-show="tab==='Review workspace'"] .detail-content>div.panel,section[x-show="tab==='Review workspace'"] .detail-content fieldset.panel{background:none;border:0;padding-inline:0}.review-side-panel>article.panel{background:none;border:0}.review-side-panel>.panel:has([data-starting-teams]){padding:0;background:none;border:0}.review-side-panel .team-hero-row{min-height:52px;padding:6px 0}.review-side-panel .team-hero-portrait{width:36px;height:36px}.review-side-panel .team-hero-name{font-size:15px}.review-side-panel .team-hero-role{font-size:12px}.review-side-panel .review-moment-takeaway{padding:0;margin:0 0 12px;border:0;background:none}.public-history-status{margin:8px 0 12px}.site-header .site-help[open]>summary{color:#c7f568}.public-question-item small{font-size:13px!important}

.guide-content{max-width:75ch}.public-chart-legend::before{content:"Show answers";display:flex;align-items:center;font-size:13px;color:#a7b5c8}.public-question-tooltip{position:absolute!important;inset:auto 0 auto auto!important;bottom:100%!important;width:min(300px,calc(100vw - 40px));z-index:50}.public-question-label{padding-right:0!important}.public-question-item>button{padding-right:52px}.editor-mode-help{position:relative;font-size:13px;margin-left:auto}.editor-mode-help summary{display:flex;align-items:center;color:#7dd3fc}.editor-mode-help p{position:absolute;right:0;z-index:20;width:240px;background:#172331;border:1px solid #475569;padding:12px;border-radius:8px}.guide-contents>summary{cursor:pointer;color:#c7f568;font-weight:600}.editor-match-thumbnail{display:flex;align-items:center;gap:12px;margin-top:16px;color:#a7b5c8;font-size:14px}.editor-match-thumbnail img{width:96px;height:54px;object-fit:cover;border-radius:6px}.app-tabs{scrollbar-width:thin;scrollbar-color:#60718a #141c27}.app-tabs .new-match-tab{margin-left:0}.app-tabs::after{content:"";min-width:16px}.review-side-panel .review-answer-group{break-inside:avoid}.public-chart-legend button[aria-pressed=false] .answer-swatch{background:transparent!important;border:1px solid currentColor;height:5px}
@media(min-width:701px){.guide-contents>summary{display:none}.guide-contents:not([open])>nav{display:grid}}
@media(max-width:700px){.site-header{min-height:68px}.public-profile-head:has(.public-profile-back) .public-profile-ranks{display:none}.public-profile-head:has(.public-profile-back) .public-example-badge{display:none}.public-profile-head:has(.public-profile-back) .muted{font-size:13px}.public-profile-head:has(.public-profile-back) h1{font-size:24px}.public-profile-head:has(.public-profile-back) .public-profile-back{min-height:32px;margin-bottom:4px}.public-profile-head:has(.public-profile-back){padding-block:4px 8px}.guide-nav{border:0;padding:4px 0}.guide-contents{border-block:1px solid #334153;padding-block:8px}.guide-content{max-width:100%}}

.match-visibility-tools .match-copy-link,.match-visibility-tools .match-visibility-indicator{width:44px;height:44px;min-height:44px}.dash-question-list .dash-label .dash-icon{display:none}.dash-question-list button small{padding-left:0}.dash-help>button{min-width:44px;min-height:44px}.dash-section-nav [aria-pressed=true]{border-color:#c7f568;color:#c7f568}.dash-question-list .dash-question-item>button[aria-pressed=true]{box-shadow:inset 3px 0 #7dd3fc;background:#203045}.history-card-date{color:#cbd5e1;font-size:12px}.history-card-top,.history-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.history-card-top{align-items:baseline}.history-card-bottom .history-result{font-size:19px;white-space:nowrap}.history-map-cover::after{background:linear-gradient(90deg,#050c15dd,#050c15aa)}[data-history-player-hero]{background:none!important;border:0!important;padding:0!important}[data-history-player-hero] p:first-child{font-size:14px;font-style:normal}[data-match-card] .eyebrow{letter-spacing:0;text-transform:none;font-size:13px}[data-match-card] [data-history-takeaway]{font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}[data-match-card]>button{background:none!important;color:#7dd3fc!important;text-align:left;padding:8px 0!important;margin-top:12px!important;font-weight:500!important}[data-match-card] [data-history-description]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Shared rendering rules also apply to the app's icon-only account actions. */
.site-help summary:focus-visible{border-radius:4px}.public-history-controls .public-button{margin:0;min-height:44px}.public-review>.public-review-meta{font-size:14px}.public-review>h2{margin:20px 0 8px}.public-review>.review-teams{border-block:1px solid #334153;padding:4px 0}.review-answer-group>h3{letter-spacing:0;text-transform:none;font-size:14px}.guide-content h2,.prose h2{scroll-margin-top:24px}

[data-moment-editor] fieldset{border:0!important;border-top:1px solid #334153!important;border-radius:0!important;padding:16px 0!important;background:none!important}[data-moment-editor] fieldset>legend{font-size:15px;padding-inline:0}.role-guidance{margin-bottom:16px;font-size:13px}.role-guidance summary{color:#a7b5c8;cursor:pointer;display:flex;align-items:center}.role-guidance p{margin-top:8px}.site-help summary{font-weight:500}@media(max-width:700px){nav.app-tabs{mask-image:linear-gradient(to right,#000 94%,transparent)}.account-actions button{font-size:12px}body:has(.app-brand)>header .app-container{gap:12px;align-items:center}body:has(.app-brand)>header .text-right{min-width:0}.account-actions{justify-content:flex-end;gap:4px 12px}.account-actions button:first-child{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}