/* September 2026: compact tools, durable feedback and clear event dates. */
.rating-actions > [hidden] { display:none !important; }
.rating-pitch-rank .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.rating-pitch-help { color:#50685f; font-size:13px; line-height:1.7; max-width:850px; }
#ratingSwapStatus { color:#225e4c; font-size:14px; }
.rating-football-pitch { position:relative; isolation:isolate; border-radius:22px; padding:30px 18px; overflow:hidden; background:repeating-linear-gradient(180deg,#28684e 0px,#28684e 130px,#2c7155 130px,#2c7155 260px); border:1px solid #1e573f; }
.rating-pitch-markings { position:absolute; inset:14px; border:2px solid #ffffff55; border-radius:3px; z-index:-1; pointer-events:none; }
.rating-pitch-markings::before { content:""; position:absolute; left:0; right:0; top:50%; border-top:2px solid #ffffff55; }
.rating-pitch-markings i { position:absolute; left:50%; top:50%; width:160px; height:160px; border:2px solid #ffffff55; border-radius:50%; transform:translate(-50%,-50%); }
.rating-pitch-markings b,.rating-pitch-markings em { position:absolute; width:48%; height:100px; left:26%; border:2px solid #ffffff55; }
.rating-pitch-markings b { top:-2px; }.rating-pitch-markings em { bottom:-2px; }
body.experience-v2 #ratingStarterList { position:relative; display:grid; gap:16px; width:100%; min-width:0; margin:auto; }
body.experience-v2 #ratingStarterList .rating-line { display:block; width:100%; min-width:0; margin:0; padding:0; background:none; }
body.experience-v2 #ratingStarterList .rating-line-label { display:block; width:auto; min-height:0; padding:0 0 8px; margin:0; background:none; writing-mode:horizontal-tb; color:#e0f1e6; font-size:12px; font-weight:700; text-align:center; letter-spacing:2px; }
body.experience-v2 #ratingStarterList .rating-line-grid { display:flex; width:100%; min-width:0; gap:14px; justify-content:center; align-items:stretch; grid-template-columns:none; }
body.experience-v2 #ratingStarterList .rating-pitch-card { flex:0 1 calc((100% - 42px)/4); min-width:0; padding:12px; gap:6px; border:1px solid #ffffffa8; background:#f7fbf8f5; border-radius:13px; box-shadow:0 5px 10px #102b3420; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
body.experience-v2 #ratingStarterList .rating-pitch-card header { grid-column:1/-1; margin:0; padding:0; background:none; min-height:24px; }
body.experience-v2 #ratingStarterList .rating-pitch-card header strong { font-size:24px; color:#235841; }
body.experience-v2 #ratingStarterList .rating-position { font-size:12px; color:#486955; }
body.experience-v2 #ratingStarterList .rating-pitch-select { grid-column:1/-1; width:100%; min-width:0; border:0; border-radius:7px; box-shadow:none; margin:0; padding:3px 0 6px; background:transparent; display:flex; flex-direction:column; align-items:center; gap:5px; color:#173f2d; }
body.experience-v2 #ratingStarterList .rating-pitch-select .rating-player-avatar { width:min(76px,100%); height:auto; aspect-ratio:58/65; background:#e4ece7; border-radius:8px; color:#476657; }
body.experience-v2 #ratingStarterList .rating-pitch-select .rating-player-name { font-size:16px; display:block; max-width:100%; line-height:1.4; }
body.experience-v2 #ratingStarterList .rating-pitch-select small { font-size:13px; line-height:1.4; color:#567162; }
body.experience-v2 #ratingStarterList .rating-pitch-select small.is-position-different { color:#8a4e08; background:#ffedc5; padding:1px 4px; border-radius:4px; }
body.experience-v2 #ratingStarterList .rating-pitch-rank { display:block; min-width:0; margin:0; }
body.experience-v2 #ratingStarterList .rating-pitch-rank select { width:100%; min-width:0; min-height:44px; margin:0; padding:6px 2px; font-size:13px; border:1px solid #ccdad1; border-radius:7px; background:#fff; color:#214332; }
.rating-swap-button { min-height:44px; padding:6px 4px; border:1px solid #c7d8cb; border-radius:7px; color:#28513c; background:#edf5ef; font-size:13px; cursor:pointer; }
.rating-swap-button:disabled { opacity:.45; cursor:default; }
.rating-swap-dialog { width:min(600px,calc(100vw - 24px)); }
.rating-swap-dialog h3 { margin:20px 0 10px; font-size:15px; }
.rating-swap-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.rating-swap-options button { min-height:64px; padding:10px; text-align:left; border:1px solid #c8d9d0; border-radius:9px; background:#f2f7f4; color:#254534; overflow-wrap:anywhere; }
.rating-swap-options strong,.rating-swap-options small { display:block; }
.rating-swap-options small { margin-top:5px; font-size:12px; color:#647566; }
.rating-swap-dialog .ux-notice-actions { position:sticky; bottom:-24px; padding:12px 0; background:#fff; }
@media(min-width:1100px) {
  body.experience-v2 #ratingStarterList .rating-pitch-card { padding:10px; gap:4px; }
  body.experience-v2 #ratingStarterList .rating-pitch-card header strong { line-height:1.2; }
  body.experience-v2 #ratingStarterList .rating-pitch-select { display:grid; grid-template-columns:min(42%,96px) minmax(0,1fr); grid-template-rows:1fr 1fr; column-gap:10px; text-align:left; padding:2px 0 4px; }
  body.experience-v2 #ratingStarterList .rating-pitch-select .rating-player-avatar { grid-row:1/3; width:100%; height:auto; aspect-ratio:58/65; }
  body.experience-v2 #ratingStarterList .rating-pitch-select .rating-player-name { align-self:end; font-size:18px; }
  body.experience-v2 #ratingStarterList .rating-pitch-select small { align-self:start; justify-self:start; }
  body.experience-v2 #ratingStarterList .rating-line-label { font-size:14px; }
  body.experience-v2 #ratingStarterList .rating-pitch-rank select,
  body.experience-v2 #ratingStarterList .rating-swap-button { font-size:15px; }
}
@media(max-width:700px) {
  body.experience-v2 .rating-football-pitch { padding:20px 6px; border-radius:13px; }
  .rating-pitch-markings { inset:7px; }.rating-pitch-markings i { width:100px; height:100px; }
  body.experience-v2 #ratingStarterList { gap:16px; }
  body.experience-v2 #ratingStarterList .rating-line-grid { gap:4px; }
  body.experience-v2 #ratingStarterList .rating-pitch-card { flex-basis:100px; width:100px; padding:5px 3px; border-radius:8px; grid-template-columns:minmax(0,1fr); }
  body.experience-v2 #ratingStarterList .rating-pitch-card header strong { font-size:14px; }
  body.experience-v2 #ratingStarterList .rating-position { font-size:10px; }
  body.experience-v2 #ratingStarterList .rating-pitch-select .rating-player-avatar { width:42px; height:48px; }
  body.experience-v2 #ratingStarterList .rating-pitch-select .rating-player-name { font-size:11px; }
  body.experience-v2 #ratingStarterList .rating-pitch-select small { font-size:10px; padding-inline:0; }
  body.experience-v2 #ratingStarterList .rating-pitch-rank select { font-size:16px; min-height:44px; }
  body.experience-v2 #ratingStarterList .rating-swap-button { font-size:11px; }
  .rating-swap-options { grid-template-columns:1fr; }
  .rating-swap-dialog { padding:18px; }
  .rating-swap-dialog .ux-notice-actions { bottom:-18px; }
}
@media(max-width:400px) {
  body.experience-v2 .rating-football-pitch { margin-inline:-24px; width:calc(100% + 48px); }
  body.experience-v2 #ratingStarterList .rating-pitch-card { padding-inline:2px; }
}
.event-timeline { grid-column:1/-1; margin:10px 0 16px; border:1px solid #d8e1df; border-radius:12px; padding:0 12px; background:#f8faf9; color:#213c42; }
.event-timeline summary { cursor:pointer; padding:12px 0; min-height:44px; font-size:14px; }
.event-timeline summary small { margin-left:10px; color:#51666c; }
.event-timeline > p { font-size:12px; margin:0 0 8px; }
.event-timeline ol { list-style:none; max-height:350px; overflow:auto; margin:0 0 12px 6px; padding:0 0 0 12px; border-left:2px solid #bdd0cc; }
.event-timeline li { margin:0; padding:0; }
.event-timeline li button { width:100%; text-align:left; min-height:56px; padding:10px; border:0; border-radius:8px; background:transparent; color:#263b41; box-shadow:none; white-space:normal; }
.event-timeline li button span,.event-timeline li button small { display:block; overflow-wrap:anywhere; }
.event-timeline li button small { margin-top:4px; color:#576b70; font-size:12px; }
.event-timeline li.is-selected button { background:#e3efeb; box-shadow:inset 3px 0 #2b705e; }
.event-timeline li.active button small { color:#196349; font-weight:700; }
.ux-notice { width:min(420px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; box-sizing:border-box; border:1px solid #dde5e2; border-radius:18px; padding:24px; color:#253d43; background:#fff; box-shadow:0 20px 80px #10272b44; }
.ux-notice::backdrop { background:#0a202a99; }
.ux-notice h2 { margin:0 0 14px; font-size:22px; color:#173e3b; }
.ux-notice p { white-space:pre-line; line-height:1.65; overflow-wrap:anywhere; }
.ux-notice-actions { display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; margin-top:22px; }
.ux-notice-actions button { min-height:44px; border:1px solid #b9d0c8; border-radius:10px; padding:10px 16px; background:#eef5f2; color:#173e3b; cursor:pointer; }
.ux-notice-actions button[data-choice="close"] { background:#245e53; color:#fff; }
.rating-name-search { display:block; margin:10px 0 14px; }
.rating-name-search input { width:100%; min-height:46px; margin-top:6px; }
.rating-name-suggestions { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.rating-name-suggestions button { min-height:44px; border:1px solid #bcd0cc; border-radius:22px; padding:8px 14px; color:#244b44; background:#f2f7f5; }
.rating-name-suggestions button { width:auto; margin:0; }
.pool-a-rates li small { display:block; margin-top:4px; }
.rating-search-count { margin:8px 0; font-size:13px; color:#526b67; }
#ratingSavePrompt { display:block; margin:10px 0; font-size:13px; color:#285b51; }
#ratingSavePrompt[hidden] { display:none; }
.record-edit-notice { padding:10px 12px; border-left:3px solid #326f60; background:#ecf5f1; }
.record-row-actions { display:flex; gap:8px; flex-wrap:wrap; }
.record-row-actions button { min-height:44px; }
.pool-a-rates { grid-column:1/-1; margin-top:12px; padding-top:12px; border-top:1px solid #d6e0dd; }
.pool-a-rates h3 { font-size:16px; margin:0 0 12px; }
.pool-a-rates ul { list-style:none; margin:0; padding:0; }
.pool-a-rates li { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #e2e8e5; font-size:14px; }
.pool-a-rates p { font-size:13px; line-height:1.7; color:#475f5a; }
.fragment-source-note { font-size:13px; line-height:1.7; color:#48615c; }
.fragment-unverified { padding:12px; background:#fff4dc; color:#694e1f; border-radius:10px; font-size:13px; }
@media(max-width:700px) {
  body.experience-v2 .site-header-main { gap:0 8px; padding-inline:12px; }
  body.experience-v2 .site-brand { min-width:0; }
  body.experience-v2 .brand-wordmark { width:128px; max-width:100%; }
  body.experience-v2 .site-navigation { display:flex; overflow-x:auto; flex-wrap:nowrap; justify-content:flex-start; gap:16px; padding:0; scrollbar-width:none; }
  body.experience-v2 .site-navigation::-webkit-scrollbar { display:none; }
  body.experience-v2 .site-navigation .primary-section { flex:0 0 auto; min-height:44px; font-size:12px; padding:10px 0; }
  body.experience-v2 .section-navigation { min-height:44px; gap:16px; margin-inline:12px; width:calc(100% - 24px); }
  body.experience-v2 .section-navigation .shell-link { min-height:44px; }
  body.experience-v2 .shell-context-bar .shell-sync { padding-block:3px; min-height:24px; }
  body.experience-v2 .shell-sync button { min-height:32px; padding:4px 8px; }
  body.experience-v2 .site-utilities { gap:6px; }
  body.experience-v2 .shell-language { gap:2px; }
  body.experience-v2 .shell-language select { max-width:92px; font-size:12px; }
  body.experience-v2 :is(.workspace-intro,.workspace-intro.media-chapter) { min-height:0; margin:12px 0; padding:18px 18px 20px; }
  body.experience-v2 .workspace-intro h1 { max-width:none; font-size:24px; margin-bottom:8px; }
  body.experience-v2 .workspace-intro #workspaceDescription { font-size:13px; margin:0; }
  body.experience-v2 .workspace-intro #workspaceAction { position:static; margin-top:12px; }
  body.experience-v2 #workspaceIntro { display:block; }
  body.experience-v2 #workspaceIntro #workspaceAction { position:static; inset:auto; margin-top:12px; }
  body.experience-v2 .workspace-intro #workspaceAction:empty { display:none; }
  body.experience-v2 .intro-eyebrow { margin:0 0 6px; }
  body.experience-v2 .experience-toolbar { margin:8px 0; gap:4px; }
  body.experience-v2 .memory-banner { min-height:0; padding:14px; gap:10px; }
  body.experience-v2 .memory-banner h1 { font-size:24px; }
  body.experience-v2 .featured-players { gap:8px; }
  body.experience-v2 .featured-players img { max-height:112px; object-fit:contain; }
  body.experience-v2 #featuredPlayers { display:grid; gap:10px; }
  body.experience-v2 #featuredPlayers .featured-player-art { height:88px; }
  body.experience-v2 #featuredPlayers figcaption { margin-top:5px; }
  body.experience-v2 #featuredPlayers figcaption strong { font-size:10px; }
  body.experience-v2 #memoryBannerViewport { min-height:0; padding:16px; }
  body.experience-v2 #memoryBannerViewport .featured-note { display:none; }
  body.experience-v2 .draw-console { padding:16px; }
  body.experience-v2 .control-band { gap:10px; }
  body.experience-v2 .control-band .field select { min-height:44px; font-size:14px; }
  body.experience-v2 .draw-actions { position:fixed; left:12px; right:12px; bottom:max(8px,env(safe-area-inset-bottom)); z-index:90; margin:0; padding:10px; border:1px solid #cbded6; border-radius:16px; background:#fffffff5; box-shadow:0 5px 28px #163c382a; }
  body.experience-v2 .draw-actions button { min-height:48px; }
  body.experience-v2:is([data-view="drawPage"],[data-view="devilPage"]) main { padding-bottom:100px; }
  body.experience-v2:is([data-view="drawPage"],[data-view="devilPage"]) .mobile-back-to-top { bottom:95px; }
  body.experience-v2 .rating-player-modal-panel { max-height:calc(100dvh - 20px); width:calc(100% - 20px); padding:16px; overflow-y:auto; overscroll-behavior:contain; }
  body.experience-v2 .rating-player-modal-panel input { font-size:16px; }
  body.experience-v2 .rating-player-modal-panel .rating-modal-actions { position:sticky; bottom:-16px; background:#fff; padding:10px 0; }
  .event-timeline summary small { display:block; margin:4px 0 0; }
  #entryView .table-wrap { overflow:visible; border:0; }
  #entryView table { display:block; width:100%; min-width:0; }
  #entryView thead { display:none; }
  #recordTableBody { display:block; }
  #recordTableBody tr { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:14px; margin:12px 0; background:#f7faf8; border:1px solid #dce5df; border-radius:12px; }
  #recordTableBody td { display:block; border:0; padding:0; white-space:normal; min-width:0; overflow-wrap:anywhere; }
  #recordTableBody td::before { content:attr(data-label); display:block; margin-bottom:4px; color:#63776e; font-size:11px; }
  #recordTableBody td:nth-child(1),#recordTableBody td:nth-child(5),#recordTableBody td:last-child { grid-column:1/-1; }
  #recordTableBody td:last-child::before { display:none; }
  #recordTableBody .record-row-actions button { flex:1; min-height:44px; }
  #recordForm label select { width:100%; }
  #recordForm label:has(#groupSelect) { grid-column:1/-1; }
}
@media(max-width:360px) {
  body.experience-v2 .brand-wordmark { width:105px; }
  body.experience-v2 .shell-language select { max-width:82px; }
  body.experience-v2 .site-utilities { gap:3px; }
}

/* Account squads and signed reviews, September 22. */
.rating-football-pitch[hidden],#ratingBenchList[hidden] { display:none !important; }
#ratingSquadCount { flex-basis:100%; font-size:13px; color:#526459; }
.community-review-thread { grid-column:1/-1; width:100%; min-width:0; padding:12px 0; border-top:1px solid #dfe6e2; }
.expert-guide-card > .community-review-thread { padding:16px 24px; box-sizing:border-box; }
.community-review { padding:10px 0; overflow-wrap:anywhere; }
.community-review p { white-space:pre-wrap; margin:0 0 6px; line-height:1.7; }
.community-review small { color:#6a756e; margin-right:12px; }
.community-review button,.community-review-thread > button,.community-review-thread summary { min-height:44px; cursor:pointer; }
.community-review button { padding:6px 12px; margin:4px; border:1px solid #d8e1db; border-radius:8px; background:#f4f7f5; color:#315b46; }
.ux-notice label { display:block; margin:10px 0; }
.admin-card-correction { width:min(600px,calc(100vw - 32px)); }
.admin-card-correction section[hidden] { display:none; }
.admin-card-correction select { min-width:0; max-width:100%; }
.ux-notice input,.ux-notice textarea,.ux-notice select { box-sizing:border-box; width:100%; min-height:44px; font-size:16px; }

.atlas-pull-note { display:block; font-size:12px; margin-top:5px; line-height:1.5; }
.atlas-event-heading > span { text-align:right; }
@media(max-width:700px){.atlas-event-heading { flex-wrap:wrap; gap:8px; }.atlas-event-heading > span { text-align:left; }}