*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}:root{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-app)}body{background:var(--surface-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}a{color:inherit;text-decoration:none}#app{display:flex;flex-direction:column;min-height:100dvh;background:var(--surface-app)}.screen-slot{flex:1;display:flex;flex-direction:column;min-height:0}.screen{display:flex;flex-direction:column;flex:1;min-height:0}.screen-header{display:flex;align-items:baseline;justify-content:space-between;padding:8px 20px 16px}.screen-header h1{font-size:30px;font-weight:500;color:var(--text-primary);letter-spacing:-.3px}.season-year{font-size:14px;color:var(--text-muted);font-variant-numeric:tabular-nums}.placeholder{padding:40px 20px;color:var(--text-muted);text-align:center}.loading,.error{padding:40px 20px;color:var(--text-muted);text-align:center;font-size:14px}.tab-bar{display:flex;height:76px;padding-top:10px;border-top:.5px solid var(--border-tabbar);background:var(--surface-tabbar);flex-shrink:0}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-tabbar-inactive);text-decoration:none;cursor:pointer}.tab-item.is-active{color:var(--text-tabbar-active)}.tab-icon{display:inline-flex;align-items:center;justify-content:center;height:22px}.tab-label{font-size:10px;font-weight:400}.tab-item.is-active .tab-label{font-weight:500}.fixture-scroll{flex:1;overflow-y:auto;padding:0 14px 80px;display:flex;flex-direction:column;gap:14px;-webkit-overflow-scrolling:touch}.round-panel{display:block;border-radius:14px;padding:12px 14px;border:.5px solid;cursor:pointer}.round-panel.is-active{background:var(--surface-panel-active);border-color:var(--border-panel-active);color:var(--text-primary)}.round-panel.is-quiet{background:var(--surface-panel-quiet);border-color:var(--border-panel-quiet);color:var(--text-secondary)}.round-header{display:flex;justify-content:space-between;align-items:baseline;padding:0 2px;margin-bottom:10px}.round-title{font-size:17px;font-weight:500}.round-meta{font-size:13px;color:var(--text-muted)}.round-empty{font-size:13px;color:var(--text-muted);padding:4px 2px 2px}.day-group+.day-group .day-header{border-top:.5px solid var(--border-divider-quiet)}.round-panel.is-active .day-group+.day-group .day-header{border-top-color:var(--border-divider-active)}.day-header{font-size:12px;font-weight:500;letter-spacing:.4px;padding:6px 2px 4px;color:var(--accent-live-quiet)}.round-panel.is-active .day-header{color:var(--accent-live)}.match-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 2px}.round-panel.is-active .match-row{padding:6px 2px}.match-teams{flex:1;font-size:13px;color:var(--text-secondary);min-width:0}.round-panel.is-active .match-teams{font-size:14px;color:var(--text-primary)}.match-state{text-align:right;font-size:13px;color:var(--text-muted);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.match-state .winner{font-weight:500;color:var(--text-secondary)}.round-panel.is-active .match-state .winner{color:var(--text-primary)}.match-state .live-text{color:var(--accent-live);font-weight:500;font-variant-numeric:tabular-nums}.round-panel.is-quiet .match-state .live-text{color:var(--accent-live-quiet)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-live);animation:br-pulse 1.5s ease-in-out infinite}.round-panel.is-quiet .live-dot{background:var(--accent-live-quiet)}@keyframes br-pulse{0%,to{opacity:.4}50%{opacity:1}}.kickoff{font-variant-numeric:tabular-nums}.byes-footer{margin-top:10px;padding:10px 2px 2px;border-top:.5px solid var(--border-divider-quiet);font-size:13px;display:flex;gap:6px;flex-wrap:wrap}.round-panel.is-active .byes-footer{border-top-color:var(--border-divider-active)}.byes-label{color:var(--text-muted);font-weight:500}.byes-list{color:var(--text-faint);flex:1}.competition-picker{display:inline-flex;align-items:center;gap:6px;background:var(--surface-panel-quiet);border:.5px solid var(--border-panel-quiet);border-radius:8px;padding:8px 14px;color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;font-family:inherit;transition:transform .1s ease-out}.competition-picker:active{transform:scale(.98)}.picker-chevron{color:var(--text-muted)}.picker-dropdown{position:fixed;background:var(--surface-panel-active);border:.5px solid var(--border-panel-active);border-radius:8px;padding:4px 0;box-shadow:0 6px 24px #00000059;opacity:0;transform:translateY(-4px);transition:opacity .12s ease-out,transform .12s ease-out;z-index:100;min-width:160px}.picker-dropdown.is-open{opacity:1;transform:translateY(0)}.picker-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;text-align:left;gap:12px}.picker-row:hover{background:var(--surface-panel-quiet)}.picker-row.is-active{font-weight:500}.picker-check{color:var(--accent-live);width:12px;text-align:right;font-size:12px}.segmented-control{position:relative;display:flex;height:32px;margin:0 14px 8px;background:var(--surface-panel-quiet);border:.5px solid var(--border-panel-quiet);border-radius:8px;padding:2px;gap:0}.segment-indicator{position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 4px) / var(--seg-count, 4));transform:translate(calc(var(--seg-active, 0) * 100%));transition:transform .34s cubic-bezier(.32,.72,0,1);pointer-events:none;z-index:0}.segment-indicator-inner{position:absolute;inset:0;border-radius:6px;background:linear-gradient(180deg,#ffffff1a,#ffffff05 60%),var(--surface-panel-active);box-shadow:0 2px 8px #00000059,0 1px 2px #00000040,inset 0 0 0 .5px #ffffff29,inset 0 1px #ffffff2e;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);transform-origin:center;will-change:transform,box-shadow}.segment-indicator-inner.is-pulsing{animation:seg-bubble .34s cubic-bezier(.32,.72,0,1)}@keyframes seg-bubble{0%{transform:scale(1)}35%{transform:scale(1.1,1.16)}to{transform:scale(1)}}html[style*="--surface-app: #f5f5f5"] .segment-indicator-inner,html:has(body[data-theme=boundary-light]) .segment-indicator-inner{background:linear-gradient(180deg,#ffffffb3,#ffffff4d 60%),var(--surface-panel-active);box-shadow:0 2px 6px #0000001f,0 1px 2px #00000014,inset 0 0 0 .5px #fff9,inset 0 1px #fffc}.segment{position:relative;z-index:1;flex:1;background:transparent;border:none;color:var(--text-muted);font-size:13px;font-family:inherit;font-weight:400;cursor:pointer;padding:0;transition:color .2s ease-out}.segment.is-active{color:var(--text-primary);font-weight:500}.ladder-header{justify-content:center;padding:6px 20px}.ladder-column-headers{height:24px;display:flex;align-items:center}.col-heads{display:flex;align-items:center;width:100%;gap:8px;padding:0 14px}.col-head{font-size:11px;font-weight:500;letter-spacing:.3px;color:var(--text-muted);text-align:right;text-transform:uppercase;font-variant-numeric:tabular-nums}.col-heads:before{content:"";width:50px;flex-shrink:0}.col-head.col-name{flex:1;text-align:left}.col-head.col-chip,.col-head.col-next5{flex:1}.col-head.col-last10,.col-head.col-last5,.col-head.col-streak{width:44px}.ladder-body-wrap{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;min-height:0}.ladder-body{position:relative;transition:transform .28s cubic-bezier(.32,.72,0,1),opacity .2s ease-out;will-change:transform}.ladder-body.slide-in-left{transform:translate(100%);opacity:0}.ladder-body.slide-in-right{transform:translate(-100%);opacity:0}.ladder-body.slide-out-left{position:absolute;top:0;left:0;right:0;transform:translate(-100%);opacity:0}.ladder-body.slide-out-right{position:absolute;top:0;left:0;right:0;transform:translate(100%);opacity:0}.ladder-row{position:relative;display:flex;align-items:center;height:32px;padding:0 14px;border-bottom:.5px solid var(--border-divider-quiet);gap:8px}.favourite-stripe{position:absolute;left:0;top:0;bottom:0;width:4px;display:flex;flex-direction:column}.row-pos{width:22px;text-align:right;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.row-pos.in-finals{color:var(--text-primary)}.row-pos.out{color:var(--text-muted)}.row-chip{display:inline-flex;align-items:center}.row-name{flex:1;font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-name-fixed{flex:0 0 140px}.ladder-body.view-extended .row-name{display:none}.row-stat{text-align:right;font-size:13px;font-weight:400;color:var(--text-secondary);font-variant-numeric:tabular-nums;display:inline-block}.row-stat.is-primary{color:var(--text-primary);font-weight:500}.ladder-body.view-extended .row-stat,.ladder-body.view-brief .row-stat{font-size:14px}.row-next5{display:flex;gap:4px;margin-left:auto}.next5-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:22px;height:23px}.next5-bye{font-size:10px;font-weight:500;color:var(--text-muted);line-height:14px}.next5-home{color:var(--text-muted);height:10px;display:flex;align-items:center;margin-top:auto}.next5-spacer{height:10px;margin-top:auto}.row-last10,.row-last5{width:44px;text-align:right;font-size:14px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.row-streak{width:44px;display:flex;justify-content:flex-end}.streak-pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;padding:0 6px;border-radius:4px;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.streak-pill.is-win{background:var(--accent-success-background);color:var(--accent-success-text)}.streak-pill.is-loss{background:var(--accent-danger-background);color:var(--accent-danger-text)}.streak-pill.is-draw{background:var(--surface-panel-quiet);color:var(--text-muted)}.streak-pill.is-empty{background:transparent;color:var(--text-muted)}.finals-line{position:absolute;left:0;right:0;top:256px;height:2px;background:var(--accent-finals-line);pointer-events:none;margin-top:-1px}