:root{--brand: #0b3d2e;--page-pad: 1rem}*,*:before,*:after{box-sizing:border-box}img{max-width:100%}body{font-family:system-ui,sans-serif;margin:0;color:#222;background:#f6f7f9}header{background:var(--brand);color:#fff;padding:.5rem var(--page-pad);display:flex;gap:.25rem 1rem;align-items:center;flex-wrap:wrap}header .logo{width:32px;height:40px;object-fit:contain;filter:drop-shadow(0 1px 2px #0005)}header .brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:.6rem}header h1{font-size:1.3rem;margin:0}nav{display:flex;flex-wrap:wrap;gap:0 .75rem}nav a{color:#cfe;text-decoration:none;padding:.6rem .25rem}nav a.active{color:#fff;font-weight:700;text-decoration:underline}main{max-width:1000px;margin:1rem auto;padding:0 var(--page-pad)}.table-wrap{overflow-x:auto;margin-bottom:1.5rem}.table-wrap table{margin-bottom:0;min-width:100%;width:max-content}table{border-collapse:collapse;width:100%;background:#fff;margin-bottom:1.5rem}th,td{padding:.4rem .5rem;border-bottom:1px solid #ddd;text-align:left}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.card{background:#fff;padding:.8rem;border-radius:6px;text-align:center;box-shadow:0 1px 3px #0002}.card img,.avatar{width:80px;height:80px;object-fit:cover;border-radius:50%;background:#ccd;display:inline-block}.card a{color:inherit;text-decoration:none}form.inline,.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:.5rem 0}input,select,button,textarea{padding:.35rem;font:inherit}button,select,input:not([type=checkbox]):not([type=radio]){min-height:44px}form.inline>*,.row>input,.row>select{flex:1 1 100%}form.inline>button,.row>button{flex:1 1 auto}.block{display:block}button{cursor:pointer}.error{color:#b00020}.panel{background:#fff;padding:1rem;margin-bottom:1rem;border-radius:6px}.badge{width:44px;height:44px;object-fit:contain;flex:none}img.badge{filter:drop-shadow(0 1px 2px #0005)}.badge.initials{border-radius:50%;background:#0b3d2e;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8rem}.game-list{display:grid;gap:.5rem}.game-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem 1rem;background:#fff;padding:.6rem 1rem;border-radius:6px;box-shadow:0 1px 3px #0002;color:inherit;text-decoration:none}.game-row:hover{box-shadow:0 2px 6px #0003}.game-row .when{display:flex;flex-direction:column;font-weight:600}.game-row .when small{font-weight:400;color:#666}.game-row .match{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;gap:.6rem}.game-row .team{flex:1}.game-row .team.right{text-align:right}.game-row .vs{color:#888;font-size:.8rem}.game-row .chev{font-size:1.5rem;color:#888}.result-card{display:block;margin:1rem 0;color:inherit;text-decoration:none;border-radius:8px;transition:transform .1s,box-shadow .1s}.result-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0004}.row.between{justify-content:space-between;align-items:center}.form-grid{display:grid;gap:.6rem;margin-bottom:.6rem}.form-grid label{display:grid;gap:.2rem}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.25rem;margin-bottom:.6rem}.scoreboard{display:grid;grid-template-columns:1fr;text-align:center;gap:1rem;align-items:start;padding:1rem;margin:1rem 0 0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#04121f,#07406b 60%,#0b3d2e)}.scoreboard.live{box-shadow:0 0 0 2px #e53935}.scoreboard .side .team{display:flex;align-items:center;justify-content:center;gap:.8rem;font-size:1.1rem;font-weight:700;padding-bottom:.5rem;border-bottom:1px solid #fff3}.scoreboard .badge{width:48px;height:48px}.scoreboard .middle{order:-1;text-align:center}.scoreboard .score{font-size:2.2rem;font-weight:800;line-height:1.1}.scoreboard .status{display:inline-block;margin:.2rem 0;padding:.1rem .5rem;border-radius:999px;background:#fff2;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.scoreboard.live .status{background:#e53935}.scoreboard .when,.scoreboard .venue{font-size:.85rem;opacity:.85}.scoreboard .scorers{list-style:none;margin:.6rem 0 0;padding:0;font-size:.9rem}.scoreboard .scorers li{display:flex;justify-content:center;gap:.5rem;align-items:center;padding:.15rem 0}.scoreboard .who{font-weight:600}.scoreboard .min{opacity:.8}header .top-nav{display:none}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #ddd;padding-bottom:env(safe-area-inset-bottom)}.tab-bar a,.tab-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:56px;min-width:0;padding:.3rem .1rem;border:0;background:none;color:#667;font:inherit;font-size:.66rem;text-decoration:none;cursor:pointer}.tab-bar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab-bar span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-bar .active{color:var(--brand);font-weight:700;text-decoration:none}.more-backdrop{position:fixed;inset:0;z-index:15;background:#0005}.more-sheet{position:fixed;left:0;right:0;bottom:calc(57px + env(safe-area-inset-bottom));z-index:16;display:grid;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 12px #0003}.more-sheet a{display:flex;align-items:center;min-height:48px;padding:0 var(--page-pad);color:inherit;text-decoration:none;border-top:1px solid #eee}.more-sheet a:first-child{border-top:0}.more-sheet a.active{color:var(--brand);font-weight:700}main{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.manage{display:block}.manage-nav{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.5rem;scrollbar-width:none}.manage-nav a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border-radius:999px;border:1px solid #ccd;background:#fff;color:#445;text-decoration:none}.manage-nav a.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.manage-body{background:#fff;border-radius:6px;padding:1rem;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.section-head h3{margin:0}.section-head small,.hint strong{color:#667;font-weight:400}.search{width:100%;margin:.25rem 0 .75rem}.notice{background:#e8f3ee;border-radius:6px;padding:.6rem .8rem;margin:.5rem 0}.notice.error{background:#fdecef}button.primary,a.btn.primary{background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:6px;padding:.35rem .9rem}button.danger{color:#b00020}button.ghost{border:0;background:none}button.link{border:0;background:none;padding:0;min-height:44px;font:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer}button.link:hover{text-decoration:underline}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:none;color:#556;text-decoration:none;cursor:pointer}.icon-btn:hover,.icon-btn:focus-visible{background:#eef0f3;color:#222}.icon-btn.danger:hover,.icon-btn.danger:focus-visible{background:#fdecef;color:#b00020}a.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 .75rem;border:1px solid #767676;border-radius:6px;color:inherit;text-decoration:none;background:#efefef}.empty{text-align:center;padding:2rem 1rem;color:#667}.check{display:flex;align-items:center;gap:.5rem;min-height:44px}.season-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0 1rem}.season-bar select{flex:1 1 10rem;max-width:18rem}.pill{display:inline-flex;align-items:center;min-height:32px;padding:0 .75rem;border-radius:999px;font-size:.85rem;font-weight:600}.pill.ok{background:#e3f3ea;color:#0b5d3b}button.outline{background:#fff;border:1px solid var(--brand);color:var(--brand);border-radius:6px;padding:.35rem .9rem}button.outline:hover{background:#eef6f2}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:0;border:0;padding:0;margin:0}.segmented legend{padding:0;margin-bottom:.2rem}.segmented label{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #767676;cursor:pointer;background:#fff}.segmented label:first-of-type{border-radius:6px 0 0 6px}.segmented label:last-of-type{border-radius:0 6px 6px 0;border-left:0}.segmented label.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label:focus-within{outline:2px solid #1a73e8;outline-offset:2px}.squad-grid{grid-template-columns:1fr}.sticky-bar{position:sticky;bottom:calc(57px + env(safe-area-inset-bottom));background:#fff;padding:.5rem 0;border-top:1px solid #eee}table.list{background:none;margin:0;display:block}table.list thead{display:none}table.list tbody,table.list tr,table.list td{display:block}table.list tr{border:1px solid #e3e3e8;border-radius:8px;padding:.6rem .8rem;margin-bottom:.5rem}table.list td{border:0;padding:.1rem 0}table.list td[data-label]:before{content:attr(data-label) ": ";color:#667;font-size:.85rem}table.list td.main-cell{font-weight:600;font-size:1.05rem}table.list tr{position:relative}table.list td.main-cell{padding-right:6.5rem}table.list td.actions-cell{position:absolute;top:.3rem;right:.3rem;display:flex;padding:0}.drawer-backdrop{position:fixed;inset:0;z-index:30;background:#0006}.drawer{position:fixed;z-index:31;left:0;right:0;bottom:0;max-height:90dvh;display:flex;flex-direction:column;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 16px #0004}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:.75rem var(--page-pad) 0}.drawer-body{flex:1;overflow-y:auto;padding:.5rem var(--page-pad) 1rem}.drawer-foot{border-top:1px solid #e3e3e8;padding:.75rem var(--page-pad) calc(.75rem + env(safe-area-inset-bottom));background:#fff}.drawer-foot:empty{display:none}.drawer-head h3{margin:0}.toolbar{display:flex;gap:.5rem;align-items:center;width:100%}.toolbar>button:not(.icon-btn){flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.toolbar>.icon-btn{flex:none}.edit-section{margin-bottom:1.25rem}.edit-section h4{margin:0 0 .5rem;font-size:1rem}.edit-section h4 small{color:#667;font-weight:400}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{min-height:40px;padding:0 .85rem;border:1px solid #ccd;border-radius:999px;background:#fff;color:#445}.chip.on{background:#e3f3ea;border-color:var(--brand);color:#0b5d3b;font-weight:600}.goal-row{display:grid;grid-template-columns:1fr 44px;gap:.4rem;padding:.6rem;margin-bottom:.5rem;border:1px solid #e3e3e8;border-radius:8px}.goal-row>.icon-btn{grid-row:1;grid-column:2}.goal-row>input:first-child{grid-column:1}.goal-row>select,.goal-row.opp>input:nth-child(2){grid-column:1 / -1}.inline-field{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.drawer-actions{display:flex;gap:.5rem}.drawer-actions>*{flex:1}.boards{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}.board{background:#fff;border-radius:8px;padding:.9rem 1rem 1rem;box-shadow:0 1px 3px #0002}.board h3{margin:0 0 .5rem;font-size:1rem}.board ol{list-style:none;margin:0;padding:0}.board li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;column-gap:.5rem;padding:.5rem 0;border-top:1px solid #eee}.board li:first-child{border-top:0}.board .rank{justify-self:start;display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;font-size:.85rem;color:#667}.board li.top .rank{background:#e3f3ea;color:#0b5d3b;font-weight:700}.board .who{color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;min-height:36px}.board .who:hover{text-decoration:underline}.board li:first-child .who{font-weight:600}.board .count{font-size:1.1rem;font-variant-numeric:tabular-nums}.board .bar{grid-column:2 / -1;height:4px;border-radius:2px;background:#eef0f3;overflow:hidden}.board .bar i{display:block;height:100%;background:var(--brand);border-radius:2px}.board li:not(.top) .bar i{opacity:.55}.board .more{width:100%;margin-top:.5rem}.board .empty{padding:1.25rem 0;margin:0}@media(min-width:600px){:root{--page-pad: 1.5rem}.manage{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1rem;align-items:start}.manage-nav{flex-direction:column;overflow:visible;padding:0;margin:0;position:sticky;top:1rem}.manage-nav a{border-radius:6px}.search{width:20rem;max-width:100%}.squad-grid{grid-template-columns:repeat(2,1fr)}.sticky-bar{bottom:0}.toolbar{width:auto}.toolbar>button:not(.icon-btn){flex:none;padding:0 1rem}.goal-row{grid-template-columns:4.5rem 1fr 1fr 44px}.goal-row>.icon-btn{grid-column:4}.goal-row>select,.goal-row.opp>input:nth-child(2){grid-column:auto}.goal-row.opp{grid-template-columns:4.5rem 1fr 44px}.goal-row.opp>.icon-btn{grid-column:3}table.list{display:table;background:#fff}table.list thead{display:table-header-group}table.list tbody{display:table-row-group}table.list tr{display:table-row;border:0;padding:0;margin:0}table.list td{display:table-cell;padding:.4rem .7rem;border-bottom:1px solid #ddd}table.list td[data-label]:before{content:none}table.list td.main-cell{font-size:inherit;padding-right:.7rem}table.list tr{position:static}table.list td.actions-cell{position:static;display:table-cell;white-space:nowrap;text-align:right;padding:.1rem .4rem}.drawer.wide{width:34rem}.drawer{left:auto;top:0;width:24rem;max-width:100%;max-height:none;border-radius:0;box-shadow:-4px 0 16px #0004}header .top-nav{display:flex}.tab-bar,.more-sheet,.more-backdrop{display:none}main{padding-bottom:0}header{gap:.5rem 2rem}header .logo{width:36px;height:44px}nav{gap:0 1rem}th,td{padding:.4rem .7rem}.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.card img,.avatar{width:100px;height:100px}form.inline>*,.row>input,.row>select{flex:0 1 auto}form.inline>button,.row>button{flex:0 0 auto}input.w-sm{width:6rem}input.w-xs{width:5rem}.game-row{grid-template-columns:9rem 1fr auto;gap:1rem}.game-row .match{grid-column:auto;grid-row:auto}.scoreboard{grid-template-columns:1fr auto 1fr;padding:1.2rem 1.5rem}.scoreboard .middle{order:0;min-width:7rem}.scoreboard .side.home .team,.scoreboard .side.home .scorers li{justify-content:flex-end}.scoreboard .side.home .team{text-align:right}.scoreboard .side:not(.home) .team,.scoreboard .side:not(.home) .scorers li{justify-content:flex-start}.scoreboard .side:not(.home){text-align:left}.scoreboard .score{font-size:2.4rem}.boards{grid-template-columns:repeat(2,minmax(0,1fr))}.boards .board:last-child{grid-column:1 / -1}.board .more{width:auto}}@media(min-width:1024px){.squad-grid{grid-template-columns:repeat(3,1fr)}.scoreboard .side .team{font-size:1.25rem}.scoreboard .badge{width:56px;height:56px}.scoreboard .middle{min-width:9rem}.scoreboard .score{font-size:2.6rem}.boards{grid-template-columns:repeat(3,minmax(0,1fr))}.boards .board:last-child{grid-column:auto}}@media(min-width:1440px){main{max-width:1200px}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.board{padding:1.1rem 1.25rem 1.25rem}}
