:root{--c-bg:oklch(14% .015 240);--c-surface:oklch(19% .018 240);--c-raised:oklch(24% .020 240);--c-border:oklch(32% .022 240);--c-muted:oklch(55% .012 240);--c-body:oklch(90% .008 240);--c-accent:oklch(52% .22 25);--c-accent-hi:oklch(62% .2 25);--c-blue:oklch(55% .18 240);--c-success:oklch(58% .16 150);--c-warning:oklch(70% .18 80)}*{box-sizing:border-box}body{background:var(--c-bg);color:var(--c-body);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:82px;font-variant-numeric:tabular-nums}.club-header{height:68px;position:sticky;top:0;z-index:10;background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;padding:8px 16px}.round-logo{position:absolute;left:14px;width:46px;height:46px;border-radius:50%;object-fit:cover}.word-logo{width:170px;max-height:44px;object-fit:contain}.header-actions{position:absolute;right:14px;display:flex;align-items:center;gap:10px}.header-actions a{color:var(--c-body);font-size:25px;text-decoration:none}.role-chip{color:var(--c-muted);font-size:10px;max-width:150px;overflow:hidden;white-space:nowrap}.app-shell{width:min(100%,960px);margin:auto;padding:16px}.app-view{display:none}.app-view.active{display:block;animation:fade .15s ease}@keyframes fade{from{opacity:.5;transform:translateY(3px)}to{opacity:1}}.section-title{font-size:21px;font-weight:800;margin:5px 0 14px}.surface{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:16px;margin-bottom:12px}.surface h2{font-size:14px;text-transform:uppercase;letter-spacing:.6px;margin:0 0 13px;color:var(--c-body)}label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;color:var(--c-muted);letter-spacing:.5px;margin-bottom:4px}.static-input{background:var(--c-raised);border:1px solid var(--c-border);border-radius:6px;min-height:44px;padding:11px 12px;color:var(--c-body)}.btn{min-height:40px;font-weight:700}.btn-accent{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.btn-accent:hover{background:var(--c-accent-hi);color:#fff}.month-pills,.filter-pills,.position-pills{display:flex;gap:6px;overflow:auto;margin:0 0 12px;padding:2px}.month-pills button,.filter-pills button,.position-pills button,.mode-toggle button{border:1px solid var(--c-border);border-radius:99px;background:var(--c-raised);color:var(--c-body);padding:8px 12px;font-size:12px;white-space:nowrap}.month-pills button.active,.filter-pills button.active,.position-pills button.active,.mode-toggle button.active{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:12px}.week-strip button{background:var(--c-raised);color:var(--c-muted);border:1px solid var(--c-border);border-radius:8px;padding:8px 2px;min-height:61px}.week-strip button.active{border-color:var(--c-accent);color:#fff;background:#361c27}.week-strip b{display:block;color:var(--c-body);font-size:17px}.week-strip .dots{height:6px;margin-top:3px}.dot{width:5px;height:5px;border-radius:50%;display:inline-block;margin:0 1px;background:var(--c-blue)}.dot.match{background:var(--c-accent)}.empty-state{color:var(--c-muted);padding:14px 4px;font-size:13px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}.form-control{background:var(--c-raised);border-color:var(--c-border);color:var(--c-body)}.form-control:focus{background:var(--c-raised);color:var(--c-body);border-color:var(--c-blue);box-shadow:none}.data-table{width:100%;font-size:13px}.data-table th{color:var(--c-muted);font-size:10px;text-transform:uppercase;padding:9px 8px;white-space:nowrap}.data-table td{padding:10px 8px;border-top:1px solid var(--c-border)}.status{border-radius:99px;padding:4px 7px;font-size:11px}.status.active{background:#12402c;color:#a4f4c6}.rink-stage{position:relative;margin-bottom:12px;overflow:hidden;border-radius:12px;border:1px solid var(--c-border)}.rink-stage img{display:block;width:100%;min-height:180px;object-fit:cover;opacity:.92}.rink-note{position:absolute;inset:auto 10px 10px;background:#080d19cf;padding:8px;border-radius:6px;color:#fff;font-size:11px}.dark-surface{background:var(--c-raised)}.muted{color:var(--c-muted);font-size:13px}.lineup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.jersey{border:1px dashed var(--c-border);min-height:86px;border-radius:9px;display:grid;place-items:center;text-align:center;background:#172c58;color:#fff;padding:7px}.jersey.empty{background:#343944;color:var(--c-muted)}.jersey b{font-size:25px}.jersey small{font-size:10px}.special-grid,.field-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.special-grid div{background:var(--c-raised);padding:8px;border-radius:8px}.special-grid img,.field-previews img{width:100%;margin-top:6px;border-radius:6px}.cards-list{display:grid;gap:8px}.record{background:var(--c-raised);border:1px solid var(--c-border);padding:12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}.record b{display:block}.record small{display:block;color:var(--c-muted);margin-top:3px}.score{background:var(--c-accent);color:#fff;border-radius:6px;padding:6px 8px;font-weight:800}.mode-toggle{display:flex;background:var(--c-surface);padding:4px;border:1px solid var(--c-border);border-radius:10px;width:max-content;margin-bottom:12px}.mode-toggle button{border-radius:7px}.field-previews figure{margin:0;color:var(--c-muted);font-size:11px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.metric{padding:12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px}.metric b{font-size:24px;display:block}.metric span{font-size:10px;color:var(--c-muted)}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:70px;background:var(--c-surface);border-top:1px solid var(--c-border);display:flex;justify-content:center}.bottom-nav button{border:0;background:none;color:var(--c-muted);width:min(16.66%,125px);font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.bottom-nav button span{font-size:10px;margin-top:2px}.bottom-nav button.active{color:var(--c-accent)}.fab{position:fixed;z-index:21;bottom:87px;right:16px;width:48px;height:48px;border:0;border-radius:50%;background:var(--c-accent);color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px #0008;cursor:pointer}.fab.import{right:72px;background:var(--c-blue)}.fab input{display:none}.modal-content{background:var(--c-surface);color:var(--c-body);border:1px solid var(--c-border)}.modal-header,.modal-footer{border-color:var(--c-border)}.btn-close{filter:invert(1)}.login-shell{min-height:100vh;display:grid;place-items:center;background:var(--c-bg);padding:20px}.login-card{background:var(--c-surface);border:1px solid var(--c-border);width:min(100%,410px);border-radius:12px;padding:32px;text-align:center}.login-card h1{color:var(--c-body)}.login-card .crest{margin:0 auto 14px;width:54px;height:54px;border-radius:50%;background:var(--c-accent);display:grid;place-items:center;color:#fff;font-weight:900}.login-card label{text-align:left}@media(max-width:575px){.app-shell{padding:12px}.role-chip{display:none}.special-grid,.field-previews{grid-template-columns:1fr}.toolbar{display:block}.position-pills{margin-top:8px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.word-logo{width:145px}.round-logo{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}