: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}.actions{position:relative}.actions .menu{position:absolute;right:0;top:100%;z-index:10;display:grid;min-width:12rem;max-width:calc(100vw - 2rem);background:#fff;border-radius:6px;box-shadow:0 4px 12px #0003;overflow:hidden}.actions .menu button{border:0;background:none;text-align:left;padding:.6rem .8rem}.actions .menu button:hover{background:#eee}.actions .menu .danger{color:#b00020}.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))}@media(min-width:600px){:root{--page-pad: 1.5rem}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}}@media(min-width:1024px){.scoreboard .side .team{font-size:1.25rem}.scoreboard .badge{width:56px;height:56px}.scoreboard .middle{min-width:9rem}.scoreboard .score{font-size:2.6rem}}@media(min-width:1440px){main{max-width:1200px}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}