:root,.age-root{--court: #131f5e;--court-2: #1c2b78;--court-3: #263892;--white: #ffffff;--red: #c8102e;--red-dark: #9c0c23;--ink: #0a1442;--muted: #aab4e6;--muted-2: #7482c4}*{box-sizing:border-box}body{font-family:Karla,sans-serif;margin:8px}.age-root{background:var(--court);color:var(--white);min-height:100vh;min-height:100dvh;border-radius:14px;overflow:hidden;position:relative;isolation:isolate}.age-mesh{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.06;background-image:repeating-linear-gradient(45deg,var(--white) 0,var(--white) 1px,transparent 1px,transparent 26px),repeating-linear-gradient(-45deg,var(--white) 0,var(--white) 1px,transparent 1px,transparent 26px)}.age-inner{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:clamp(24px,4vw,48px) clamp(16px,4vw,32px) 64px}.age-logo{display:block;height:clamp(28px,6vw,40px);width:auto;margin-bottom:14px}.age-title{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(32px,6vw,52px);letter-spacing:1px;line-height:.95;margin:0 0 10px;text-transform:uppercase}.age-title span{color:var(--red)}.age-sub{color:var(--muted);font-size:15px;max-width:46ch;line-height:1.5;margin:0 0 6px}.age-toolbar{display:flex;align-items:center;gap:12px;margin:26px 0 22px;padding-top:22px;border-top:1px solid var(--court-3)}.age-toggle{display:inline-flex;background:var(--court-2);border-radius:999px;padding:4px;gap:2px}.age-toggle button{border:none;background:transparent;color:var(--muted);font-family:Karla,sans-serif;font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase;padding:8px 18px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.age-toggle button.active{background:var(--white);color:var(--ink)}.age-month-divider{display:flex;align-items:center;gap:12px;margin:30px 0 14px;color:var(--muted-2)}.age-month-divider .line{flex:1;height:1px;background:var(--court-3)}.age-month-divider span{font-family:Anton,sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.age-card{display:flex;gap:16px;background:var(--court-2);border:1px solid var(--court-3);border-radius:14px;padding:16px;margin-bottom:12px;align-items:flex-start}.age-card.past{opacity:.45}.age-card.home{opacity:.7}.age-card.home .age-tile{border-color:var(--court-3)}.age-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 7px;border-radius:5px;margin-left:8px;vertical-align:middle}.age-badge.home{background:var(--court-3);color:var(--muted)}.age-badge.away{background:var(--red);color:var(--white)}.age-tile{flex:none;width:62px;height:62px;background:var(--court-3);border:2px solid var(--white);border-radius:10px;transform:rotate(-3deg);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.age-tile .wk{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--white);font-weight:700}.age-tile .day{font-family:Anton,sans-serif;font-size:24px}.age-tile .mo{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.age-card-body{flex:1;min-width:0}.age-opponent{font-weight:700;font-size:16px;margin:0 0 2px}.age-meta{color:var(--muted);font-size:13px;margin:0 0 12px;display:flex;gap:10px;flex-wrap:wrap}.age-signups{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.age-signup-row{display:flex;align-items:center;gap:8px;background:var(--court-3);border-left:3px solid var(--red);border-radius:8px;padding:8px 10px;font-size:13px}.age-signup-row .item{font-weight:700;flex:1;min-width:0;overflow-wrap:anywhere}.age-signup-row .by{color:var(--muted);font-size:12px;white-space:nowrap}.age-signup-row button{flex:none;background:none;border:none;color:var(--muted-2);cursor:pointer;font-size:14px;padding:2px 4px;line-height:1}.age-signup-row button:hover{color:var(--red)}.age-signup-empty{font-size:12.5px;color:var(--muted-2);margin-bottom:10px}.age-signup-btn{font-size:12.5px;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;border:1.5px dashed var(--muted-2);color:var(--white);background:transparent;transition:border-color .15s,background .15s;display:inline-flex;align-items:center;gap:6px}.age-signup-btn:hover{border-color:var(--red);border-style:solid;background:var(--red)}.age-signup-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.age-signup-form input{font-family:Karla,sans-serif;font-size:16px;padding:8px 12px;border-radius:999px;border:1.5px solid var(--white);background:var(--court);color:var(--white);outline:none}.age-signup-form input::placeholder{color:var(--muted-2)}.age-signup-form input[name=item]{flex:1 1 150px;min-width:120px}.age-signup-form input[name=name]{flex:1 1 130px;min-width:100px}.age-signup-form button{border:none;background:var(--red);color:var(--white);font-weight:800;font-size:12px;padding:8px 14px;border-radius:999px;cursor:pointer}.age-signup-form button:hover{background:var(--red-dark)}.age-empty{text-align:center;padding:50px 20px;border:1px dashed var(--court-3);border-radius:14px;color:var(--muted)}.age-empty .big{font-family:Anton,sans-serif;font-size:22px;color:var(--white);margin-bottom:8px;text-transform:uppercase}details.age-past-wrap{margin-top:22px}details.age-past-wrap summary{cursor:pointer;color:var(--muted-2);font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:10px}.age-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.age-cal-nav button{background:var(--court-2);border:1px solid var(--court-3);color:var(--white);width:34px;height:34px;border-radius:8px;cursor:pointer;font-size:16px}.age-cal-nav button:hover{border-color:var(--red)}.age-cal-month{font-family:Anton,sans-serif;font-size:clamp(18px,3vw,24px);letter-spacing:1px;text-transform:uppercase}.age-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.age-cal-wd{text-align:center;font-size:10px;letter-spacing:1px;color:var(--muted-2);text-transform:uppercase;padding-bottom:6px;font-weight:700}.age-cal-cell{aspect-ratio:1 / 1;border-radius:8px;background:var(--court-2);border:1px solid var(--court-3);padding:5px;display:flex;flex-direction:column;cursor:default;position:relative;min-height:40px;min-width:0}.age-cal-cell.empty{background:transparent;border-color:transparent}.age-cal-cell.today{border-color:var(--muted-2)}.age-cal-cell .num{font-size:11px;color:var(--muted)}.age-cal-cell.has-game{cursor:pointer;border-color:var(--red)}.age-cal-cell.has-game:hover{background:var(--court-3)}.age-cal-cell.has-game .num{color:var(--white);font-weight:700}.age-cal-dot{margin-top:auto;font-size:9px;font-weight:700;background:var(--red);color:var(--white);border-radius:5px;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.age-cal-dot.home{background:var(--court-3);color:var(--muted)}.age-cal-cell.selected{outline:2px solid var(--white)}.age-cal-detail{margin-top:20px}.age-footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--court-3);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.age-footer small{color:var(--muted-2);font-size:11px}.age-credit{color:var(--muted-2);font-size:11px;text-decoration:none}.age-credit:hover{color:var(--red);text-decoration:underline}.age-loading{padding:60px 20px;text-align:center;color:var(--muted);font-size:14px}
