/* Refined layout. The DEEPY wordmark and its font stay unchanged. */
body{line-height:1.45;padding-bottom:calc(96px + env(safe-area-inset-bottom))}
#deepy-brand img{display:block;width:220px;height:auto;object-fit:contain}
#deepy-brand strong{display:none}
header,#explorer{max-width:1080px}
#explorer{padding-bottom:32px}
.deepy-controls{gap:24px;margin:8px 0 20px}.deepy-selects{min-width:0}
#league-nav,#deepy-team{min-height:44px;font-size:14px}
.deepy-hero{min-height:210px;background-position:center 64%;isolation:isolate}
.deepy-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 78%);z-index:-1}
.hero-copy{max-width:75%}#explorer .hero-copy h1{font-size:clamp(30px,4.2vw,46px);line-height:1.06}
.deepy-numbers>div{min-width:0}.deepy-numbers small{font-size:10px;letter-spacing:.8px;color:#535967}
#explorer .tabs a{min-height:44px;display:flex;align-items:center;justify-content:center}
#explorer .muted{font-size:14px;line-height:1.6;color:#626978}
#explorer .availability{font-size:12px;line-height:1.65}
#explorer>.crumb{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#explorer .teamcard{padding:20px;transition:box-shadow .15s,border-color .15s}
#explorer .teamname{line-height:1.4;font-size:17px}
#explorer .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;margin:18px 0}
#explorer .stats>div{background:#f5f6f8;border-radius:12px;padding:13px 14px;min-width:0}
#explorer .stats b{font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums}
#explorer .stats small{display:block;margin-top:5px;line-height:1.35;font-size:12px}
#explorer .teamcard .stats>div{padding:10px;background:#f7f8fa}
#explorer .rankcontrols,#explorer .comparecontrols{gap:12px}
#explorer .rankcontrols label,#explorer .comparecontrols label{flex:1;min-width:140px;font-size:13px}
#explorer input,#explorer select{min-width:0;min-height:44px;max-width:100%}
#explorer .rankcontrols input,#explorer .rankcontrols select,#explorer .comparecontrols select{width:100%;box-sizing:border-box}
#explorer .fixture{min-height:74px;line-height:1.45}.score{font-variant-numeric:tabular-nums;white-space:nowrap}
#explorer .follow-toggle,#refresh-results{background:#b6f500;border-color:#b6f500;color:#172000;font-weight:700;min-height:44px}
#explorer .follow-toggle[aria-pressed=true]{background:#101722;border-color:#101722;color:#fff}
#explorer .playername{min-width:0;overflow-wrap:anywhere}#explorer .player{align-items:flex-start;line-height:1.5}
#explorer .matchteams a{overflow-wrap:anywhere;line-height:1.3}#explorer .wrap{overscroll-behavior-x:contain}
@media (max-width: 800px){html{overscroll-behavior-y:contain}}
.deepy-pull-refresh{position:fixed;z-index:10000;left:50%;top:calc(env(safe-area-inset-top, 0px) + 12px);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 5px 20px #081a3040;opacity:0;transform:translate(-50%,-14px) scale(.8);pointer-events:none;transition:opacity .18s,transform .18s}
.deepy-pull-refresh.visible{opacity:1;transform:translate(-50%,0) scale(1)}
.deepy-pull-spinner{width:23px;height:23px;border:3px solid #dce8dd;border-top-color:#a9e900;border-radius:50%;animation:deepy-pull-spin .7s linear infinite}
.deepy-pull-refresh.ready .deepy-pull-spinner{animation-play-state:paused}
.deepy-pull-refresh.failed .deepy-pull-spinner{border-top-color:#d24646}
.deepy-pull-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes deepy-pull-spin{to{transform:rotate(360deg)}}
#explorer .deepy-bottom{max-width:1080px;padding-top:10px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
#explorer .deepy-bottom a,#explorer .deepy-bottom button{flex:1;min-width:0;font-size:12px;min-height:52px}
#explorer .deepy-bottom svg{width:26px;height:26px}.table-density{display:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #719c00;outline-offset:3px}
.header-actions button{min-width:44px;min-height:44px}.hero-dots a{position:relative}.hero-dots a:before{content:'';position:absolute;inset:-10px}
@media(min-width:850px){.deepy-hero{min-height:220px}.deepy-numbers>div{padding:16px}.deepy-standings td{height:54px}}
@media(max-width:600px){
 header{padding:22px 18px 14px;gap:16px}#explorer{padding:0 14px 26px}.header-actions{gap:8px}
 .deepy-controls{gap:14px;margin:0 0 16px}.pulse{width:27%;height:40px}.deepy-selects{max-width:none;gap:7px}
 #league-nav,#deepy-team{font-size:12px;min-height:42px;padding:9px 10px}
 .deepy-hero{min-height:156px;padding:20px;border-radius:16px}#explorer .hero-copy h1{font-size:30px;letter-spacing:-.8px}.hero-copy small{font-size:9px}
 .deepy-numbers{gap:7px;margin:12px 0}.deepy-numbers>div{padding:13px 5px;gap:5px;border-radius:12px;min-height:73px}
 .deepy-numbers svg{width:19px;height:19px}.deepy-numbers b{font-size:23px;line-height:1.15}.deepy-numbers small{font-size:8px;letter-spacing:.15px;line-height:1.3;margin-top:5px}
 #explorer .tabs{padding:4px;gap:2px;border-radius:13px;margin:14px 0}#explorer .tabs a{font-size:12px;min-height:44px;padding:10px 9px;flex:1 0 auto}
 #explorer .deepy-hero~.tabs a{font-size:11px;padding:10px 5px;flex:1 1 0;min-width:0}
 #explorer h1{font-size:26px;line-height:1.2}#explorer h2{font-size:20px;line-height:1.3}
 #explorer .panel{padding:16px;margin:14px 0}#explorer .panel.wrap{padding:0}
 #explorer .stats{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}#explorer .stats>div{padding:12px 10px}#explorer .stats b{font-size:23px}#explorer .stats small{font-size:11px}
 #explorer .teamcard .stats{grid-template-columns:repeat(3,1fr)}
 #explorer .rankcontrols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#explorer .rankcontrols label,#explorer .comparecontrols label{width:auto;min-width:0}
 #explorer input,#explorer select{font-size:16px}#explorer #league-nav,#explorer #deepy-team{font-size:12px}
 #explorer .filter{gap:10px}#explorer .filter input{max-width:none;width:100%}
 #explorer .fixture{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr) 8px;gap:9px;font-size:13px;padding:15px 0}
 #explorer .fixture .when{font-size:12px;padding-bottom:3px}#explorer .fixture .when .muted{font-size:11px}#explorer .fixture .score{font-size:20px;padding:8px 2px}
 #explorer .matchteams{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:10px;margin:24px 0}#explorer .matchteams a{font-size:15px}
 #explorer .playername a{font-size:14px}
 #explorer .deepy-standings{table-layout:fixed}#explorer .deepy-standings th,#explorer .deepy-standings td{font-size:12px;padding:12px 5px}
 #explorer .deepy-standings th:first-child{width:25px}#explorer .deepy-standings th:nth-child(2){width:auto}#explorer .deepy-standings th:nth-child(3){width:29px}#explorer .deepy-standings th:nth-child(7){width:49px}#explorer .deepy-standings th:last-child{width:37px}
 #explorer .deepy-standings td:nth-child(2) a{font-size:13px;gap:9px;line-height:1.4}#explorer .deepy-standings td:last-child{font-size:16px}
 #explorer .deepy-standings:not(.show-all) :is(th,td):nth-child(4),#explorer .deepy-standings:not(.show-all) :is(th,td):nth-child(5),#explorer .deepy-standings:not(.show-all) :is(th,td):nth-child(6){display:none}
 #explorer .deepy-standings.show-all{min-width:490px}#explorer .deepy-standings.show-all th:nth-child(2){width:190px}
 .club-crest{width:25px;height:30px}.club-monogram{width:24px;height:29px;font-size:8px}
 .table-density{display:block;margin:0 0 10px auto;min-height:40px;padding:8px 12px;background:#fff;border-color:#e4e7ed;font-size:12px}
 #explorer .deepy-bottom a,#explorer .deepy-bottom button{font-size:11px;gap:5px}#explorer .deepy-bottom{padding-left:8px;padding-right:8px}
 #show-raw{width:100%;min-height:44px;white-space:normal}dialog{padding:20px;max-height:calc(100dvh - 32px)}.dialog-heading h2{font-size:22px}#deepy-query{min-width:0;font-size:16px}
}
@media(max-width:360px){header{padding-left:14px;padding-right:14px}.header-actions{gap:4px}.deepy-numbers>div{flex-direction:column;gap:4px;text-align:center}.deepy-numbers svg{width:18px;height:18px}.deepy-numbers small{font-size:8px}.deepy-numbers b{font-size:22px}#explorer .deepy-hero~.tabs a{font-size:10px;padding:10px 3px}#explorer .deepy-standings td:nth-child(2) a{font-size:12px;gap:6px}}

/* Compact mobile scoreboard: keep the league table above the fold. */
@media(max-width:600px){
 body{padding-bottom:68px}
 header{padding:9px 14px 7px;min-height:64px}
 #deepy-brand img{width:158px}
 .header-actions button{width:38px;height:38px;min-width:38px;min-height:38px;padding:9px}
 #explorer{padding:0 10px 14px}
 .deepy-controls{display:block;margin:0 0 7px}
 .deepy-controls .pulse{display:none}
 .deepy-selects{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6px;max-width:none}
 #league-nav,#deepy-team{height:36px;min-height:36px;padding:5px 8px;font-size:10px;border-radius:9px}
 .deepy-hero{min-height:112px;height:112px;padding:12px 16px;border-radius:12px;background-position:center 61%}
 .hero-copy{max-width:62%}.hero-copy small{font-size:7px;letter-spacing:2px}
 #explorer .hero-copy h1{font-size:24px;line-height:1;margin:6px 0}.hero-copy h1 span{font-size:.76em}.hero-copy i{width:22px;height:2px;margin-top:7px}
 .hero-dots{right:10px;bottom:9px;gap:5px}.hero-dots a{width:6px;height:6px}
 .deepy-numbers{gap:4px;margin:5px 0 6px}
 .deepy-numbers>div{min-height:50px;padding:5px 2px;gap:3px;border-radius:9px}
 .deepy-numbers svg{width:15px;height:15px}.deepy-numbers b{font-size:18px;line-height:1}.deepy-numbers small{font-size:6px;line-height:1.1;margin-top:3px;letter-spacing:0}
 #explorer .tabs{height:39px;min-height:39px;margin:5px 0 6px;padding:3px;border-radius:10px}
 #explorer .tabs a,#explorer .deepy-hero~.tabs a{min-height:33px;height:33px;padding:5px 3px;font-size:9px;border-radius:7px}
 .table-density{min-height:27px;height:27px;margin:0 0 3px auto;padding:3px 8px;font-size:9px;border-radius:7px}
 #explorer .panel.wrap{margin:0}
 #explorer .deepy-standings th,#explorer .deepy-standings td{height:38px;padding:5px 3px;font-size:10px}
 #explorer .deepy-standings th{height:30px;font-size:9px}
 #explorer .deepy-standings td:nth-child(2) a{font-size:11px;line-height:1.1;gap:5px}
 #explorer .deepy-standings td:last-child{font-size:14px}
 .club-crest{width:20px;height:23px}.club-monogram{width:20px;height:23px;font-size:6px}
 #explorer .deepy-standings th:first-child{width:21px}#explorer .deepy-standings th:nth-child(3){width:25px}#explorer .deepy-standings th:nth-child(7){width:42px}#explorer .deepy-standings th:last-child{width:30px}
 #explorer .deepy-bottom{height:64px;padding:6px 6px max(6px,env(safe-area-inset-bottom))}
 #explorer .deepy-bottom a,#explorer .deepy-bottom button{min-height:50px;font-size:9px;gap:2px;padding-bottom:3px}
 #explorer .deepy-bottom svg{width:22px;height:22px}
 #explorer .deepy-bottom .selected:after{bottom:-1px;width:5px;height:5px}
}