/* Phone-app polish: loaded after styles.css. */

/* Header logo uses the app icon */
.logoMark{background:none;overflow:hidden;padding:0}
.logoMark img{width:100%;height:100%;display:block}

/* Keep content clear of the notch / Dynamic Island and the home bar */
header{padding-top:calc(12px + env(safe-area-inset-top));padding-left:calc(18px + env(safe-area-inset-left));padding-right:calc(18px + env(safe-area-inset-right))}
body{padding-bottom:env(safe-area-inset-bottom)}

/* Feel like an app when opened from the home screen */
html{-webkit-tap-highlight-color:transparent}
.isStandalone body{overscroll-behavior-y:none}
input,select,textarea{font-size:16px} /* stops iPhone zooming in when a box is tapped */

/* Install banner */
.installBar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:12px;
  background:#0b1f3a;color:#fff;border-radius:16px;padding:12px 12px 12px 12px;box-shadow:0 8px 28px #0008;border:1px solid #ffffff22;max-width:560px;margin:0 auto}
.installIcon{width:44px;height:44px;border-radius:11px;flex:none}
.installText{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.3;min-width:0}
.installText>b{font-size:14px}
.installText>span{color:#c9d6ea}
.installGo{width:auto;align-self:flex-start;margin-top:6px;padding:7px 14px}
.installClose{width:32px;height:32px;flex:none;background:transparent;color:#9db3d6;border:0;font-size:16px;padding:0;box-shadow:none}
.shareGlyph{display:inline-block;width:15px;height:15px;vertical-align:-2px;color:#fff}

/* Short team names on phones (Activity etc.) */
.tnShort{display:none}
@media (max-width:640px){.tnFull{display:none}.tnShort{display:inline}}
.actRow{gap:10px}
.actRow .playerInfo{min-width:0;flex:1;overflow:hidden}
.actRow .actName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.actRow .actPick{opacity:.7;margin-right:2px}
.actTeam{display:flex;align-items:center;gap:6px;flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Scores: day picker + tap-to-open box scores */
.scoresDateNav{display:flex;gap:8px;align-items:center;margin:6px 0 10px}
.scoresDateNav button{width:auto!important;padding:8px 12px}
.scoresDateNav input{flex:1;min-width:0}
.scoreTap{cursor:pointer}
.boxToggle{margin-left:6px;font-weight:700;white-space:nowrap}
.boxScore{margin-top:10px}
.boxWrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:10px;border-radius:10px}
.boxTable{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}
.boxTable th,.boxTable td{padding:5px 6px;text-align:center;white-space:nowrap}
.boxTable .bxName{text-align:left;position:sticky;left:0;z-index:1;min-width:120px;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.boxTable tr.dnp td{opacity:.65}
.boxTable tr.bxDivider td{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:3px 6px}
.boxTable .bxFp{font-weight:800}
.ownTag{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:6px;font-size:9px;font-weight:800;letter-spacing:.5px;vertical-align:1px}