:root{--orange:#ff4d00;--ink:#101010;--muted:#686c71;--line:#e4e6e9;--paper:#f5f6f8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff8d5b;outline-offset:3px}button{border:0;background:none;color:inherit}header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{max-width:1250px;margin:auto;padding:20px 32px;display:flex;align-items:center;gap:18px}.header-inner img{object-fit:contain;height:auto;width:180px}.demo{font-size:12px;font-weight:750;letter-spacing:.08em;background:#f0f1f3;border:1px solid var(--line);border-radius:5px;padding:4px 7px}.avatar{margin-left:auto;background:var(--ink);color:white;width:40px;height:40px;border-radius:50%;font-weight:700}.shell{max-width:1250px;display:grid;grid-template-columns:220px minmax(0,1fr);margin:auto}aside{padding:35px 25px 25px 32px;position:sticky;top:82px;height:calc(100dvh - 82px);display:flex;flex-direction:column;border-right:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:800;color:var(--muted);margin:0 0 15px}.nav-item{display:flex;align-items:center;gap:12px;min-height:48px;width:100%;padding:12px 14px;border-radius:9px;color:#676b70;margin-bottom:6px;text-align:left;font-weight:650}.nav-item.active{background:var(--ink);color:white}.nav-item svg{width:21px;height:21px;flex-shrink:0}.aside-bottom{margin-top:auto;font-size:14px;font-weight:700}.aside-bottom p{font-size:12px;font-weight:400;color:var(--muted)}main{padding:32px;min-width:0;padding-bottom:100px}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}h1{font-size:32px;letter-spacing:-.045em;line-height:1.15;margin:3px 0 7px}h2{font-size:20px;letter-spacing:-.02em;margin:0}h3{font-size:17px;line-height:1.3;margin:0}.sub{font-size:14px;color:var(--muted);margin:0}.primary{background:var(--orange);color:#101010;font-weight:750;padding:12px 18px;border-radius:9px;min-height:46px}.secondary{background:white;border:1px solid var(--line);padding:10px 16px;border-radius:9px;font-weight:650;min-height:44px}.text-button{color:#a73200;font-size:14px;font-weight:700;min-height:44px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px;gap:12px}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-card{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;text-align:left;display:block;width:100%;position:relative}.team-card.home{border-top:3px solid var(--orange)}.team-top{display:flex;gap:13px;align-items:center}.crest{width:42px;height:46px;object-fit:contain;flex-shrink:0}.initials{display:grid;place-items:center;font-weight:850;background:#eee;border-radius:8px;flex-shrink:0;width:42px;height:42px}.tag{display:inline-block;font-size:12px;padding:3px 8px;border-radius:5px;background:#f0f2f4;color:#555;font-weight:650}.tag.orange{background:#fff0e8;color:#a73200}.team-meta{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:8px}.featured{background:var(--ink);color:white;border-radius:14px;padding:24px;overflow:hidden}.featured .sub{color:#b7b9bd}.featured-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#c2c3c6;letter-spacing:.04em}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;text-align:center;padding:25px 0}.scoreboard .crest{width:46px;height:46px;background:white;border-radius:8px;padding:3px;margin-bottom:8px}.scoreboard h3{font-size:15px}.big-score{font-size:46px;line-height:1.1;font-weight:850;letter-spacing:-.04em;white-space:nowrap}.big-score span{color:#7f8389;font-size:25px;margin:0 10px}.score-status{font-size:12px;color:#ff8956;margin-top:6px;font-weight:700}.featured-foot{border-top:1px solid #333;padding-top:14px;text-align:center;font-size:12px;color:#b7b9bd}.match-list{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.match{padding:18px 20px;border-bottom:1px solid var(--line)}.match:last-child{border:0}.match-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.match-row{display:flex;align-items:center;gap:10px;margin:7px 0}.match-row .crest{width:25px;height:26px}.match-row strong{margin-left:auto;font-variant-numeric:tabular-nums}.match-row .name{font-size:15px}.venue{font-size:12px;color:var(--muted);margin-top:10px}.segments{display:flex;background:#e8eaed;padding:4px;border-radius:10px;gap:4px;margin:20px 0}.segments button{flex:1;border-radius:7px;padding:10px;font-size:14px;font-weight:650}.segments .active{background:white;box-shadow:0 1px 3px #00000012}.filters{display:flex;gap:10px;margin:15px 0}.filters input{flex:1;min-width:0}input,select{background:white;border:1px solid #d5d8dd;border-radius:8px;padding:12px;color:var(--ink);width:100%;min-height:46px}.filters select{width:110px}.notice{font-size:12px;color:var(--muted);margin-top:24px;line-height:1.6}.notice a{color:inherit}.empty{padding:35px 20px;text-align:center;background:white;border:1px dashed #d5d8dd;border-radius:12px}.empty p{color:var(--muted);font-size:14px}.empty .primary{margin-top:8px}.directory-row{display:flex;align-items:center;gap:12px;padding:16px;background:white;border-bottom:1px solid var(--line)}.directory-row .details{flex:1;min-width:0}.directory-row h3{font-size:15px}.follow{border:1px solid #dadde1;border-radius:7px;min-width:78px;min-height:42px;font-size:14px;font-weight:700}.follow.on{background:#fff0e8;border-color:#ffba99;color:#a73200}.directory{border:1px solid var(--line);border-radius:12px;overflow:hidden}.bottom-nav{display:none}.panel{background:white;padding:24px;border:1px solid var(--line);border-radius:13px;margin-top:16px}.panel p{color:var(--muted);font-size:14px}.field{display:block;margin:18px 0;font-size:14px;font-weight:650}.field input,.field select{margin-top:6px}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:16px 0}.check input{width:20px;height:20px;min-height:20px;margin:2px 0;accent-color:var(--orange);flex-shrink:0}.wide{width:100%}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:14px}th{color:var(--muted);font-size:12px;text-align:right;background:#fafbfc;padding:13px 9px}td{padding:13px 9px;border-top:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}td:nth-child(2),th:nth-child(2){text-align:left}td:first-child{width:32px;color:var(--muted)}tr.highlight{background:#fff1e9}tr.highlight td:nth-child(2){font-weight:750}.table-team{display:flex;align-items:center;gap:8px;min-width:130px}.table-team img{width:23px;height:25px;object-fit:contain}dialog{border:0;border-radius:16px;padding:26px;width:min(480px,calc(100% - 28px));max-height:88dvh;color:var(--ink)}dialog::backdrop{background:#10101090;backdrop-filter:blur(3px)}.close{float:right;min-width:44px;min-height:44px;font-size:25px}.steps{padding-left:22px}.steps li{padding:8px 0;font-size:15px}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#101010;color:white;padding:12px 18px;border-radius:10px;z-index:100;font-size:14px;max-width:90vw;display:none}.loading{padding:40px;color:var(--muted)}.result-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:20px 0}.result-tabs button{padding:10px 0;border-bottom:3px solid transparent;font-weight:650;font-size:14px}.result-tabs button.active{border-color:var(--orange)}.small-label{font-size:12px;color:var(--muted)}.summary-count{font-size:13px;color:var(--muted);margin-bottom:12px}.install-banner{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);padding:18px;border-radius:12px;margin-top:24px}.install-banner img{width:42px;height:42px;border-radius:8px}.install-banner div{flex:1}.install-banner h3{font-size:15px}.install-banner p{font-size:12px;color:var(--muted);margin:3px 0}.install-banner button{font-size:14px;font-weight:750;color:#a73200;min-height:44px}
@media(max-width:760px){.header-inner{padding:14px 20px;gap:12px}.header-inner img{width:145px}.demo{font-size:10px}.avatar{width:35px;height:35px}.shell{display:block}aside{display:none}main{padding:25px 20px 120px}.heading{margin-bottom:20px}h1{font-size:30px}.heading .primary{font-size:14px;padding:10px 13px}.team-grid{gap:10px}.team-card{padding:16px 12px}.team-top{display:block}.team-top .crest{height:38px;width:38px;margin-bottom:10px}.team-top h3{font-size:15px;min-height:39px}.team-meta{margin-top:12px;display:block}.team-meta .small-label{display:block;margin-top:6px}.team-card .sub{font-size:12px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#ffffffed;backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav .nav-item{width:auto;flex:1;display:flex;flex-direction:column;gap:4px;margin:0;padding:6px 2px;font-size:11px;min-height:50px;background:none;border-radius:0}.bottom-nav .nav-item.active{color:#b23700}.bottom-nav .nav-item svg{width:22px;height:22px}.featured{padding:20px 16px}.big-score{font-size:39px}.scoreboard{gap:8px}.scoreboard h3{font-size:14px}.big-score span{margin:0 6px}.section-head{margin-top:24px}.section-head h2{font-size:19px}.panel{padding:20px}.table-team{min-width:125px}td,th{padding:12px 6px}.directory-row{padding:14px 12px}.filters{gap:8px}.filters input{font-size:16px}.filters select{width:96px}.match{padding:16px}.notice{font-size:12px}.scoreboard>div{min-width:0}}@media(prefers-reduced-motion:no-preference){main{animation:enter .25s ease}@keyframes enter{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}}
.division-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 25px;padding-bottom:16px;border-bottom:1px solid var(--line)}.division-bar label{font-size:14px;color:var(--muted);font-weight:650}.division-bar select{width:165px;font-weight:700;padding:9px 12px;min-height:44px}.bell-button{margin-left:auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.bell-button svg{width:22px;height:22px}.avatar{margin-left:0}.alert-notice{padding:16px 20px;border:1px solid #ffc8af;background:#fff3ed;border-radius:11px;font-size:15px}.alert-notice p{font-size:14px;margin:6px 0 0;color:#624b40}.setting-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);cursor:pointer}.setting-row:last-of-type{border:0}.setting-row span{flex:1;min-width:0}.setting-row strong{display:block;font-size:15px}.setting-row small{display:block;font-size:13px;color:var(--muted);margin-top:4px}.setting-row input{appearance:none;-webkit-appearance:none;width:46px;height:28px;min-height:28px;border-radius:20px;background:#d2d5da;border:2px solid transparent;flex-shrink:0;margin:0;padding:0;cursor:pointer;position:relative}.setting-row input::before{content:'';display:block;width:20px;height:20px;background:white;border-radius:50%;margin:2px;box-shadow:0 1px 3px #0002}.setting-row input:checked{background:var(--orange)}.setting-row input:checked::before{transform:translateX(18px)}button:disabled{opacity:.55;cursor:wait}.table-wrap th{white-space:nowrap}.table-wrap td{min-width:30px}@media(max-width:760px){.header-inner{gap:10px}.header-inner img{width:130px}.header-inner .demo{display:none}.bell-button{width:38px;height:38px}.bottom-nav .nav-item{font-size:12px}.division-bar select{width:148px}.setting-row .crest{width:32px;height:36px}.setting-row strong{font-size:14px}.setting-row small{font-size:12px}}

/* Clear phone and save states; keep every action comfortable to tap. */
button{touch-action:manipulation}button:active:not(:disabled){filter:brightness(.93)}
.primary.is-connected{background:#15803d;color:#fff}.primary.is-connected:disabled{opacity:.8}
.alert-notice.is-connected{background:#effaf2;border-color:#9ed7af}.alert-notice.is-connected strong{color:#166534}.alert-notice.is-connected p{color:#365c40}
.form-status{min-height:24px;font-size:14px!important;margin:12px 0 0!important;line-height:1.5}
.form-status.success{color:#166534!important;background:#effaf2;border-radius:8px;padding:10px 12px}
.form-status.error{color:#a32121!important;background:#fff1f1;border-radius:8px;padding:10px 12px}
.form-status.pending{color:#80501a!important}
.home-screen-guide h3{font-size:15px;margin:20px 0 0}.home-screen-guide .steps{margin:8px 0 0}.home-screen-guide .steps li{font-size:14px;padding:5px 0}
#modal .home-screen-guide{border:0;margin:0;padding:0}#modal .close{position:sticky;top:0;background:white;border-radius:50%;z-index:1}
#profile-save-button:disabled{opacity:.8}

/* Preserve the Playforth mark and identify the Results app. */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;margin-right:auto}
.brand-product{font-size:14px;font-weight:750;letter-spacing:.04em;line-height:1.2;margin:3px 0 0 35px;color:#a73200}
.bell-button,.avatar{flex-shrink:0}
.account-starting aside,.account-starting .bottom-nav,.account-starting .bell-button,.account-starting .avatar{display:none}
.account-starting .shell{display:block}
.account-entry{max-width:480px;margin:12px auto}
.account-entry h1{font-size:clamp(1.65rem,5vw,2rem);letter-spacing:-.025em}
.account-entry .panel p{font-size:16px}
@media(max-width:760px){.brand-product{margin-left:25px}.account-entry{margin:0 auto}}

/* Keep phone forms at their natural scale and fit narrow screens. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;min-height:100dvh}
input,select,textarea,.field input,.field select,.filters input,.filters select,.division-bar select{font-size:max(16px,1rem);min-width:0;max-width:100%}
.header-inner,.shell,main,.panel,.empty,.table-wrap{width:100%;max-width:100%}
.header-inner,.shell{max-width:1250px}
.heading,.section-head,.division-bar{flex-wrap:wrap}
.heading>div{flex:1 1 220px;min-width:0}
.heading>.primary{flex-shrink:0}
.section-head>div,.match-row .name,.install-banner>div{min-width:0}
.match-row .name{overflow-wrap:anywhere}
.division-bar select{flex:0 1 165px}
.table-wrap{overscroll-behavior-x:contain}
.install-banner{flex-wrap:wrap}
.install-banner>div{flex:1 1 140px}
.install-banner>img{flex:0 0 42px}
.install-banner>button{white-space:normal}
@media(max-width:760px){
 .header-inner{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}
 main{padding:22px max(16px,env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
 .heading{align-items:flex-start;gap:12px}
 .heading h1{font-size:clamp(1.65rem,6.5vw,1.875rem);line-height:1.2;letter-spacing:-.025em;overflow-wrap:break-word}
 .division-bar{gap:10px}
 .division-bar select{flex-basis:155px}
 .bottom-nav{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
 .bottom-nav .nav-item{min-width:0}
 .panel{padding:18px}
}
/* Fill the existing logo slot with the crest inside Sockers' wide source image. */
img.crest.crest-sockers{object-fit:cover}
.bell-button.notifications-on{color:#166534;background:#ecfdf3;border-color:#86cfa5}
.bell-button.notifications-off{color:#b91c1c;background:#fff1f2;border-color:#f0a6ad}
.team-link{width:100%;min-height:44px;padding:0;text-align:left;font:inherit;color:inherit}
.team-link span{text-decoration:underline;text-decoration-color:#a8adb5;text-underline-offset:3px}
.team-link:hover span{color:#a73200;text-decoration-color:currentColor}
.team-link:focus-visible,.team-back:focus-visible,.bell-button:focus-visible{outline:2px solid #a73200;outline-offset:3px;border-radius:5px}
.team-back{min-height:44px;margin-bottom:12px}
.team-detail-title{display:flex;align-items:center;gap:16px;min-width:0}
.team-detail-title .heading{min-width:0;margin:0}
.team-detail-title h1{overflow-wrap:anywhere}
.team-detail-title .crest{width:48px;height:48px}