@font-face{font-family:Onest;src:url('assets/onest.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{font-family:Onest,Arial,sans-serif;color:#13221a;background:#f5f6f2;font-size:16px;--line:#dfe4dc;--soft:#536159;--lime:#a7f447;--purple:#7945de}
*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:#5930a5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:3px}button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}a{display:inline-flex;align-items:center;min-height:44px}p{line-height:1.5}h1,h2,p{overflow-wrap:anywhere}[hidden]{display:none!important}
.fixture-label{padding:10px max(16px,env(safe-area-inset-left));border-bottom:1px dashed #b2a5ce;background:#eee6ff;display:flex;gap:6px 18px;align-items:center;flex-wrap:wrap;font-size:.6875rem;line-height:1.45}.fixture-label span{flex:1 1 300px}.fixture-label a{min-height:44px}
.site-header{min-height:84px;max-width:1184px;margin:auto;display:flex;gap:48px;align-items:center;padding:12px 24px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.site-header img{object-fit:contain;max-width:100%}.site-header nav{display:flex;flex-wrap:wrap;gap:32px;font-size:.875rem}.site-header nav strong{border-bottom:3px solid var(--lime);padding:12px 0}.account{display:grid;place-items:center;border-radius:50%;background:var(--lime);width:42px;height:42px;margin-left:auto}
main{max-width:1184px;margin:auto;padding:36px 24px max(48px,env(safe-area-inset-bottom))}.players-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:28px}h1{font-size:3rem;line-height:1.06;letter-spacing:-.04em;margin:0 0 10px}.players-hero p{margin:0;color:var(--soft);font-size:1rem}.view-choice{display:flex;flex-wrap:wrap;gap:4px;border:1px solid var(--line);border-radius:12px;padding:4px;font-size:.8125rem}.view-choice span{padding:12px}.view-choice .selected{background:#13221a;color:white;border-radius:9px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}.field{min-height:64px;padding:10px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:center;flex-direction:column;gap:4px;flex:1 1 160px;font-size:.875rem;min-width:0;overflow-wrap:anywhere}.field small{color:var(--soft);font-size:.6875rem}.field>span{display:flex;gap:12px;justify-content:space-between}.search-context{flex:2 1 180px;color:var(--soft)}.filter-context{flex:0 1 110px}
.radar-switch{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);background:white;border-radius:12px;text-align:left;flex:1 1 245px}.radar-glyph{font-size:2rem;line-height:1;flex-shrink:0}.switch-copy{min-width:0;flex:1}.switch-copy strong,.switch-copy small{display:block}.switch-copy strong{font-size:.875rem;line-height:1.4}.switch-copy small{font-size:.6875rem;color:var(--soft);line-height:1.5}.track{width:40px;height:24px;border-radius:24px;background:#cbd3ca;display:block;flex-shrink:0;padding:3px}.track b{display:block;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px #13221a26}.radar-switch[aria-checked=true] .track{background:var(--lime)}.radar-switch[aria-checked=true] .track b{margin-left:16px}
.context-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 22px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{border:1px solid var(--line);background:white;border-radius:99px;padding:10px 15px;font-size:.8125rem}.chips .active{background:#13221a;color:white;border-color:#13221a}.map-context{font-size:.8125rem;border-bottom:1px solid #89948c;padding:8px 0}
#feedback:empty{display:none}.inline-feedback{display:flex;align-items:flex-start;gap:10px;min-height:32px;padding:6px 0 10px;margin-bottom:6px;font-size:.8125rem;line-height:1.5;color:var(--soft)}.search-mark{width:18px;height:18px;flex:0 0 18px;border:2px solid #cbd3ca;border-top-color:#536159;border-right-color:#536159;border-radius:50%;margin-top:1px;position:relative}.search-mark:after{content:'';position:absolute;inset:4px;background:var(--lime);border-radius:50%}.inline-feedback.error{color:#7a4930}
.players-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.player-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;display:grid;gap:14px}.player-card__identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.avatar{width:56px;height:56px;border:3px solid white;box-shadow:0 0 0 1px var(--line);border-radius:50%;display:grid;place-items:center;background:#ffe640;font-size:.75rem;font-weight:700}.player-card__title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.player-card h3{margin:0;font-size:1.3125rem;line-height:1.3;overflow-wrap:anywhere}.badge{padding:5px 10px;border-radius:99px;background:#eaffcd;font-size:.6875rem;line-height:1.5}.player-card__main>strong{display:block;margin:5px 0;font-size:.8125rem;font-weight:600}.player-card__area{color:var(--soft);font-size:.75rem}.player-card__arrow{min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:6px;font-size:.8125rem}.player-card__bio{padding-top:12px;border-top:1px solid var(--line)}.player-card__bio p{margin:0;color:var(--soft);font-size:.8125rem}.unified-distance{display:block;margin-top:6px;color:var(--soft);font-size:.75rem}
.scenario{border-top:2px dashed #b2a5ce;background:#eee6ff;padding:24px max(16px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom));font-size:.8125rem;overflow-wrap:anywhere}.scenario h2{font-size:1rem;margin:0}.scenario p{max-width:960px}.lab-actions{display:flex;gap:8px;flex-wrap:wrap}.lab-actions button{border:1px solid #baa8d9;background:#fff;border-radius:9px;padding:10px 14px}.lab-actions button:disabled{opacity:.5}#trace{font-weight:600}
.gallery{padding:24px;max-width:1380px;margin:auto}.gallery h1{font-size:2rem}.gallery .intro{max-width:860px}.capture-links{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.capture-links a{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:white;text-decoration:none}.preview-scroll{overflow:auto;margin-top:20px;border:1px solid var(--line);border-radius:16px;background:#dfe4dc;padding:12px}iframe{display:block;border:0;background:#f5f6f2;width:390px;height:844px;margin:auto}.gallery footer{margin-top:24px}
@media(max-width:700px){.site-header{min-height:68px;padding:10px 16px;gap:12px}.site-header nav{display:none}.site-header img{width:128px;height:36px}main{padding:24px max(16px,env(safe-area-inset-left)) max(32px,env(safe-area-inset-bottom))}h1{font-size:2.125rem}.players-hero{margin-bottom:20px;gap:16px}.players-hero p{font-size:.875rem}.view-choice{display:none}.toolbar{gap:8px}.radar-switch{order:-1;flex-basis:100%}.field{flex:1 1 130px;min-height:52px;padding:9px 12px}.filter-context{flex:0 1 auto}.context-actions{margin:12px 0 16px}.map-context{width:100%}.players-catalog-grid{grid-template-columns:1fr;gap:12px}.player-card{padding:17px;gap:12px}.player-card__identity{gap:12px}.avatar{width:46px;height:46px}.player-card h3{font-size:1.1875rem}.player-card__title{align-items:flex-start;flex-direction:column;gap:5px}.player-card__arrow{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.arrow-label{display:none}.fixture-label{padding-top:6px;padding-bottom:6px}.fixture-label span{flex-basis:100%}.gallery{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.header-radar{margin-left:auto;border:1px solid var(--line);border-radius:99px;background:#fff;padding:8px 12px;font-size:.8125rem}.header-radar+.account{margin-left:0}.status-link{padding:0 4px;min-height:44px;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:inherit;font-size:inherit}.inline-feedback.error{align-items:center;flex-wrap:wrap}

body{padding-top:env(safe-area-inset-top)}main,.site-header{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.fixture-label,.scenario{padding-right:max(16px,env(safe-area-inset-right))}@media(max-width:700px){main,.site-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}

/* Owner presentation refinement: review tools start collapsed outside the product. */
.review-tools > summary, .scenario > summary { min-height:44px; display:flex; align-items:center; cursor:pointer; font-weight:600; }
.review-tools { margin-bottom:16px; }