/* NFN V0.16.0 – interface refinement, with no changes to source team logos. */
:root { --n160-focus: #f2b85d; }
button,select,input,textarea { -webkit-tap-highlight-color:transparent; }
button, [role="button"], a { touch-action:manipulation; }
:where(button,a,select,input,textarea):focus-visible { outline:2px solid var(--n160-focus)!important;outline-offset:3px; }
:where(.n84-fixture-row,.n84-team-directory-row,.n90-player-row,.n91-rank,.n108-menu-link,.n78-more-link) { transition: border-color .16s ease,background-color .16s ease,transform .16s ease; }
@media (hover:hover) {
 :where(.n84-fixture-row,.n84-team-directory-row,.n90-player-row,.n91-rank):hover { border-color:#6a8da6; }
 :where(.n108-menu-link,.n78-more-link):hover { border-color:#7791a9; }
}
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
}
/* Long archives: defer drawing offscreen rows, but keep their layout footprint. */
.n84-team-directory-row,.n90-player-row,.n91-rank,.tc150-history-card,
.tc142-game-list .tc142-card,.n84-fixtures-list>.n84-fixture-row {
 content-visibility:auto;contain-intrinsic-size:auto 84px;
}
/* Consistent card rhythm and readable mobile sublabels. */
.n91-directory .n91-help { margin:10px 3px 15px;font-size:12px;line-height:1.4;color:#aebfd0; }
.n84-team-directory { display:grid;gap:9px; }
.n84-team-directory-row { min-height:74px; }
.n84-directory-name small {font-size:11px;line-height:1.3;opacity:.85;}
.n84-fixture-row { overflow:hidden; }
.n84-fixture-meta {line-height:1.3;letter-spacing:.015em;}
.n84-fixture-score strong {font-variant-numeric:tabular-nums;}
.n84-fixture-score small {font-size:10px;}
.n91-help,.n90-sub,.tc142-note {line-height:1.45;}
.n91-coverage {gap:8px;flex-wrap:wrap;}
.n91-coverage>span {white-space:nowrap;}
.n91-season-head {gap:11px;}
/* Dense explanatory copy must not compete with the actual statistics. */
.n91-panel > .n91-help,.n91-season .n91-help {font-size:11px;color:#afc2d0;margin:8px 0 13px;}
/* Keep the navigation readable and fully separated from scrolling content. */
body>#nfn-permanent-nav.bottom-nav {isolation:isolate;-webkit-backface-visibility:visible;backface-visibility:visible;}
body:not(.d145-playing):not([data-ui-page="share"]):not([data-ui-page="creationEditor"]) .app-shell {
 padding-bottom:calc(var(--nfn-dock-height,104px) + env(safe-area-inset-bottom,0px) + 14px)!important;
}
/* Modest press feedback only; no large bouncing or layout shifts. */
@media(hover:none){
 :where(.n108-menu-link,.n78-more-link,.n84-fixture-score,.grid148-cell):active {filter:brightness(1.11);}
}
/* Compact 3×3 quiz while preserving visible full criterion names. */
.grid148-board{gap:4px;}
.grid148-board .grid148-colhead,.grid148-board .grid148-rowhead {line-height:1.23;}
.grid148-board .grid148-axis-team .grid148-label {font-weight:750;}
.grid148-picker-head h2{font-size:18px;line-height:1.15;}
.grid148-suggestions button{border-radius:8px;}
.grid148-suggestions button:focus-visible{outline-offset:-2px!important;}
.grid148-status{font-variant-numeric:tabular-nums;}
@media(max-width:390px){
 .n91-directory .n84-team-directory {gap:8px;}
 .n91-directory .n91-directory-switch {margin-bottom:8px;}
 .grid148-board .grid148-colhead,.grid148-board .grid148-rowhead{font-size:10px;}
 .n84-fixture-side>span{font-size:11px;}
 .n90-page h1,.n91-directory h1{line-height:1.12;}
}

/* Games hub: ProA Grid is a first-class entry; no injected shortcut that can disappear. */
.n108-menu-main .n160-grid-link{border-top:1px solid rgba(158,196,215,.12);border-bottom:1px solid rgba(158,196,215,.12);background:linear-gradient(100deg,rgba(44,91,107,.24),rgba(141,51,76,.13))}
.n108-menu-main .n160-grid-link .n108-menu-icon{background:#22435a;color:#edc1c9;font-size:22px}
.n108-more>.n90-sub{display:none}
/* One clear hierarchy: actions, filters, and board. */
.grid148{--grid-accent:#e8b36a;max-width:780px}
.grid148-title{border-bottom:0!important;margin-bottom:7px!important;padding:5px 0 10px!important}
.grid148-title small{color:#e8b36a!important;letter-spacing:.09em}
.grid148-title h1{font-size:clamp(28px,6vw,38px)!important;margin:5px 0 1px!important}
.grid148-title p{color:#b8cad9;font-size:12px!important;margin:4px 0 0!important}
.grid150-config{background:#192d42;border-color:#405b70;gap:11px!important;padding:14px!important;margin-bottom:12px!important;border-radius:17px!important}
.grid150-title h2{font-size:17px}.grid150-title span{font-size:10px;color:#a9c2d3}
.grid150-range{gap:10px}.grid150-range select,.grid150-config>label select{background:#233a4f!important;border:1px solid #55738a!important;min-height:46px;border-radius:10px;color:#f5f7fa!important}
.grid150-config details{background:#14283c;border-color:#3d566b}
.grid148-menu{gap:9px!important;margin-top:10px!important}
.grid148-menu button{min-height:108px;border:1px solid #607890;border-radius:15px;background:linear-gradient(125deg,#233f56,#152a40);padding:17px!important;gap:6px!important}
.grid148-menu button[data-grid148="daily"]{border-color:#ad7f66;background:linear-gradient(125deg,#4b3440,#242d45)}
.grid148-menu button strong{font-size:18px;letter-spacing:-.02em}
.grid148-menu button span{font-size:11px;line-height:1.4}
.grid148-summary{margin:14px 0 8px!important;background:transparent!important;border-color:#304963!important;padding:10px 13px!important}
.grid148-summary b{font-variant-numeric:tabular-nums}
.grid148-summary span{font-size:10px}
.grid148-help{font-size:11px!important;color:#91a8bc!important;margin:11px 0!important}
.grid148-head{margin-bottom:11px!important;padding-bottom:12px!important}
.grid148-head small{font-size:10px;color:#b7a9c3}
.grid148-head h1{font-size:24px!important}
.grid148-board{gap:5px!important}
.grid148-board .grid148-corner{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b8c7d7;letter-spacing:.025em;line-height:1.15;background:#1b2b40}
.grid148-board .grid148-corner strong{font-size:14px;color:#e6b477;letter-spacing:.04em}
.grid148-board .grid148-colhead.grid153-fact-axis,.grid148-board .grid148-rowhead.grid153-fact-axis{background:#20364d;border-color:#455e76}
.grid148-board .grid148-cell{background:#152d43!important;border-color:#42617b!important;transition:background .12s ease,border-color .12s ease}
.grid148-board .grid148-cell:not(:disabled):active{background:#284b62!important}
.grid148-board .grid148-cell.won{background:#174b43!important;border-color:#45aa94!important}
.grid148-board .grid148-cell.lost{background:#53313f!important;border-color:#bd657d!important}
.grid148-progress{gap:4px;margin-bottom:11px}
.grid148-progress i{height:5px}
.grid148-status{margin-top:9px;padding:9px 3px}
.grid148-picker{background:#162a3f;border-color:#57728b}
.grid148-picker-head h2{font-weight:850;color:#fff}
.grid148-suggestions button{border-bottom-color:#334d64!important}
.grid158-review{margin-top:14px}
@media(min-width:421px){.grid148-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.grid148-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid148-menu button{min-height:102px;padding:11px!important}.grid148-menu button strong{font-size:15px}.grid148-menu button span{font-size:10px}.grid148-summary{gap:6px!important}.grid148-board{gap:4px!important}}
@media(max-width:350px){.grid148-menu{grid-template-columns:1fr!important}.grid148-menu button{min-height:76px}}

/* In More the heading already names the page; do not show a second identical label. */
body[data-ui-page="more"] .n118-actionpage{display:none!important}
body[data-ui-page="more"] .n118-actionbar{justify-content:flex-start;min-height:54px}
/* Readable long criterion names without random one-letter line breaks. */
.grid148-board .grid148-axis-criterion{hyphens:auto;overflow-wrap:break-word;word-break:normal;font-size:clamp(10px,2.3vw,12px)}
.grid148-board .grid148-colhead,.grid148-board .grid148-rowhead{hyphens:auto}