/* Room iteration: open page gaps, frosted navy widgets and top navigation. */
html{background:#0a1628;scroll-padding-top:100px}
body{background:transparent;--muted:#bdccdb;isolation:isolate}
body::before{display:none}
[hidden]{display:none!important}
.intro-pending body{visibility:hidden}
.room-scene{position:fixed;inset:0;z-index:-2;pointer-events:none;background-color:#0a1628;background-image:linear-gradient(180deg,rgba(6,15,27,.28),rgba(6,15,27,.43)),url('../assets/swans-locker-room-background-v1.png');background-size:cover;background-position:center}
.wall-brand{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;filter:drop-shadow(0 0 12px #5fa3d260);opacity:.85}
.wall-brand::before{content:'';position:absolute;inset:-22%;background:radial-gradient(ellipse,#5fa3d259,transparent 67%);z-index:-1}
.wall-brand img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 1px #cae4f3b8) drop-shadow(0 0 7px #5fa3d277)}
.wall-brand>span{color:#d4e6f2;font-size:8px;text-align:center;line-height:1.2;background:#0a1628dd;padding:3px 5px;border-radius:3px}
.site-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:86px;padding:16px max(30px,calc((100vw - 1260px)/2));border-bottom:1px solid #cae4f32e;background:#0a1628ed}
.brand{flex-shrink:0}.brand strong{font-size:26px;line-height:1.15}.brand b{color:var(--gold);font-weight:600}.brand small{font-size:7px;letter-spacing:.15em;color:#b6c9da;margin-top:5px}
.desktop-nav{display:flex;gap:7px}.nav-link{padding:10px 18px;color:#c0d0df;font-size:12px;min-height:44px}.nav-link[aria-current=page]{background:#5fa3d226;color:#edf4fa;box-shadow:inset 0 -2px var(--sky)}
.header-actions{align-items:center;gap:16px}.local-status{color:#c7d7e6;font-size:9px;letter-spacing:.12em;white-space:nowrap}.menu-toggle{display:none;background:#102035}
main{position:relative;z-index:1;margin:0 auto!important;padding:25px 30px 28px!important;max-width:1320px!important;background:transparent}
.demo-banner{margin:0;background:#102035d9;border-color:#8ab1cf4d;font-size:10px}
.hero{min-height:285px!important;margin:12px 0 25px;padding:24px 12px!important;border:0;border-radius:0;background:none!important;overflow:visible;align-items:center}
.hero::after{display:none}.hero-copy{max-width:420px;text-shadow:0 2px 12px #020811}.hero h1{font-size:48px!important;line-height:1.05}.hero-copy>p:last-child{color:#e0ecf7;line-height:1.65;font-size:12px}.hero-week{padding:18px 20px;background:#0a162877;border:1px solid #cae4f32b;border-radius:8px;position:relative;inset:auto;flex-direction:column;align-items:flex-end;text-align:right;gap:0;min-width:200px}.hero-week>.eyebrow{display:block}.hero-week>strong{font-size:29px;margin:7px 0}.hero-week .hero-timezone{display:block;margin-top:12px}
.section-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;text-shadow:0 1px 6px #000}.section-intro .eyebrow{color:#deebf6}.section-intro .text-button{font-size:11px}
.metrics-grid{gap:22px;margin-bottom:28px}.metric{padding:21px 20px;min-height:158px}.metric .eyebrow{color:#cfdeeb;font-size:9px;letter-spacing:.07em}.metric-value{font-size:43px}.metric p:last-child{color:#c7d7e5}.metric-value span{color:#c7d7e5}
.card,.metric,.filters{background:#102035f2;border:1px solid #91b9d64d;box-shadow:0 12px 35px #00000030}
@supports ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){.card,.metric,.filters{background:rgba(16,32,53,.73);backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08)}.site-header{background:#0a1628b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
/* Testable equivalent of the no-backdrop browser fallback. */
.no-backdrop .card,.no-backdrop .metric,.no-backdrop .filters{background:#102035f2;backdrop-filter:none;-webkit-backdrop-filter:none}
.squad-refinement{margin-bottom:25px;border:1px solid #91b9d64d;border-radius:8px;background:#102035bd;overflow:visible}.squad-refinement>summary{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:64px;padding:13px 21px;cursor:pointer;font-size:12px;font-weight:600;list-style:none}.squad-refinement summary small{display:block;font-size:10px;font-weight:400;color:#c2d4e3;margin-top:3px;line-height:1.6}.squad-refinement .filters{border:0;border-top:1px solid #91b9d633;margin:0;box-shadow:none;border-radius:0 0 8px 8px}
.home-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:28px}.review-card{grid-column:auto;padding:25px!important;align-items:flex-start;flex-direction:column;gap:17px;border-top:2px solid #c9a84c99}.review-card h2{font-size:28px}.review-card p:last-child{color:#cfdeeb;line-height:1.7}.training-link{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:26px}.training-link h2{font-size:29px}.training-link h2 span{color:var(--sky)}.training-link>p:last-child{color:#cfdeeb;font-size:12px;max-width:290px}.training-link:hover{border-color:var(--sky)}
.filters{margin:0 0 27px;padding:18px 20px;border-radius:8px;grid-template-columns:1.15fr 1.1fr 1fr auto}.filters>label{color:#cfdeeb;font-size:11px}.date-controls[open]>div{background:#102035;z-index:7}.date-controls>summary{background:#102035cc;font-size:11px}
.squad-grid{display:grid;gap:27px}.roster-card{padding:25px!important;grid-column:auto}.roster-card h2{font-size:30px}.coverage-disclosure{border:1px solid #91b9d64d;border-radius:8px;background:#102035b3}.coverage-disclosure>summary{cursor:pointer;padding:17px 22px;min-height:52px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#d6e7f4;list-style:none}.coverage-card{border:0;border-top:1px solid #91b9d633;border-radius:0 0 8px 8px;box-shadow:none}.coverage-intro{color:#c7d7e5}.coverage-group{margin-top:0}.coverage-group p{font-size:11px;color:#bdccdb}.coverage-title{font-size:13px}#coverage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:15px 0}.coverage-group{border-bottom:0}.coverage-card .text-button{font-size:11px}
.trend-card{max-width:1040px;margin:0 auto;padding:28px!important}.chart{height:240px;min-height:190px}.chart-context,.chart-data,.fine-print{font-size:11px}.chart-legend{font-size:11px}.chart .bar-value{font-size:10px}.chart-total small{font-size:11px}.chart-total strong{font-size:40px}
.page-footer{padding:17px 20px;background:#0a1628c9;border:1px solid #91b9d633;border-radius:8px;line-height:1.8;color:#c1d2e1;margin-top:28px}.page-footer>div:first-child>span{display:block;margin:0}.page-footer>p{color:#c1d2e1}.storage-controls label,.storage-controls button{font-size:10px}#toast{left:50%;z-index:12}.navigation-dialog{position:fixed;margin:0 0 0 auto;inset:0 0 0 auto;width:min(340px,calc(100% - 40px));max-height:100dvh;height:100dvh;border-radius:12px 0 0 12px;padding:24px}.navigation-dialog nav{display:grid;gap:12px;margin:26px 0}.navigation-dialog .nav-link{font-size:17px;padding:15px}.navigation-dialog .fine-print{padding-top:20px;border-top:1px solid var(--line)}
.entrance-dialog{position:fixed;inset:0;margin:0;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;background:transparent;overflow:hidden;box-shadow:none}.entrance-dialog::backdrop{background:transparent;backdrop-filter:none}.entrance-copy{position:absolute;z-index:3;left:50%;top:8%;transform:translateX(-50%);width:90%;text-align:center;text-shadow:0 1px 10px #000;pointer-events:none;transition:opacity .6s}.entrance-copy h2{font-size:38px;margin:7px 0}.entrance-copy>p:last-child{font-size:10px;color:#baccdc}.door-stage{position:absolute;inset:0;perspective:1500px;display:flex}.door{position:relative;width:50%;height:100%;border:2px solid #425a70;box-shadow:inset 0 0 100px #02050a,0 0 40px #000;background:repeating-linear-gradient(0deg,#14273d 0,#14273d 120px,#263c52 121px,#0a182a 124px),linear-gradient(#243c52,#091629);transform-origin:left center;transition:transform 1.55s cubic-bezier(.25,.65,.28,1),opacity 1.55s;will-change:transform}.door::before{content:'';position:absolute;inset:17px;border:1px solid #5fa3d25c;box-shadow:inset 0 0 16px #5fa3d218}.door-right{transform-origin:right center}.door-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(100px,20vw,240px);padding:8px;background:radial-gradient(ellipse,#5fa3d244,transparent 72%);border-radius:50%}.door-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 1px #cae4f3) drop-shadow(0 0 12px #5fa3d288)}.door-handle{position:absolute;top:65%;right:8%;height:85px;width:8px;background:linear-gradient(90deg,#d5e4ed,#58788f);border-radius:3px;box-shadow:3px 2px 8px #000}.door-right .door-handle{right:auto;left:8%}.entrance-dialog .button{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);z-index:4;box-shadow:0 8px 25px #0008}.opening .door-left{transform:rotateY(100deg);opacity:0}.opening .door-right{transform:rotateY(-100deg);opacity:0}.opening .entrance-copy{opacity:0}
@media(max-width:1100px){.site-header{gap:14px;padding:16px 24px}.local-status{display:none}.nav-link{padding:10px 14px}.metrics-grid{gap:16px}.metric{padding:18px 16px}.metric .eyebrow{font-size:8px}.metric-value{font-size:38px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.site-header{min-height:78px}.header-actions{gap:8px}main{padding:21px 24px 25px!important}.hero{min-height:275px!important}.hero h1{font-size:44px!important}.home-bottom{grid-template-columns:1fr 1fr;gap:22px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.metric{min-height:153px}.filters{grid-template-columns:1fr 1fr;gap:17px}.date-controls>summary{width:100%}.date-controls[open]>div{width:min(305px,calc(100vw - 64px))}.trend-card{padding:23px!important}.chart{height:220px}.page-footer{align-items:flex-start}.roster-card{padding:22px!important}.group-cell,th.group-column{display:none}}
@media(max-width:600px){.site-header{padding:14px 18px;gap:12px;min-height:79px}.brand strong{font-size:24px}.brand small{font-size:6px;letter-spacing:.06em}.header-actions .button{padding:9px 10px;font-size:10px}.menu-toggle span{font-size:15px}main{padding:18px 17px 23px!important}.demo-banner{font-size:9px;margin:0;padding:10px 11px}.hero{min-height:285px!important;margin:15px 0 17px;padding:17px 5px!important;align-items:flex-start;flex-direction:column;justify-content:center;gap:21px}.hero h1{font-size:40px!important;max-width:340px}.hero-copy .eyebrow{font-size:8px}.hero-copy>p:last-child{font-size:11px;max-width:270px}.hero-week{position:relative!important;inset:auto!important;min-width:0;padding:10px 13px;width:max-content;max-width:100%;align-items:flex-start;flex-direction:row;flex-wrap:wrap;text-align:left;gap:4px 11px}.hero-week>.eyebrow{display:none}.hero-week>strong{font-size:21px;margin:0}.hero-week>span:nth-child(3){font-size:9px;letter-spacing:.04em;align-self:center}.hero-week .hero-timezone{display:none}.section-intro{gap:8px}.section-intro .eyebrow{font-size:8px;letter-spacing:.08em}.section-intro .text-button{font-size:10px}.metrics-grid{gap:17px;margin-bottom:22px}.metric{padding:17px 14px;min-height:163px}.metric .eyebrow{font-size:8px;line-height:1.7;letter-spacing:.04em}.metric-value{font-size:36px;margin:10px 0 7px}.metric-value span{font-size:10px;display:inline}.metric p:last-child{font-size:10px}.home-bottom{grid-template-columns:1fr;gap:22px}.review-card{padding:23px!important}.training-link{padding:23px}.review-card h2,.training-link h2{font-size:27px}.filters{padding:17px;gap:15px;margin-bottom:23px}.filters>label{font-size:10px}.filters select{font-size:10px;padding:10px 7px}.date-controls>summary{font-size:10px;padding:11px 8px}.date-controls[open]>div{right:-17px}.roster-card{padding:19px 17px!important}.roster-card .card-header{align-items:flex-start;flex-direction:column;gap:14px}.roster-card h2{font-size:27px}.roster-card h2 span{display:block;font-size:11px;margin:8px 0 0}.roster-search,.roster-search input{width:100%}.roster-note{font-size:11px;line-height:1.65;margin-bottom:18px}.roster-footer{font-size:10px}.roster-footer .icon-button{min-height:44px}.coverage-disclosure>summary{font-size:11px;padding:17px}.coverage-card{padding:20px}.coverage-card h2{font-size:26px}#coverage{grid-template-columns:1fr;gap:10px}.coverage-group{padding:12px 0;border-bottom:1px solid #91b9d633}.trend-card{padding:21px 17px!important}.trend-card .card-header{gap:12px}.trend-card h2{font-size:25px}.chart{height:190px;margin-top:22px}.chart-context{font-size:10px;line-height:1.7}.chart-total{flex-wrap:wrap;margin-top:20px}.chart-total strong{font-size:35px}.chart-total small{font-size:10px}.chart-legend{font-size:9px;gap:13px}.page-footer{padding:17px;gap:16px}.storage-controls{width:100%;justify-content:space-between;gap:12px}.storage-controls label{font-size:9px}.entrance-copy h2{font-size:29px}.door-logo{width:100px;padding:5px}.wall-brand>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.door,.entrance-copy{transition:none}.entrance-dialog{display:none!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:600px){body[data-view=squad] .hero,body[data-view=training] .hero{min-height:190px!important;gap:15px;margin-bottom:22px}body[data-view=squad] .hero h1,body[data-view=training] .hero h1{font-size:32px!important}body[data-view=squad] .hero-copy>p:last-child,body[data-view=training] .hero-copy>p:last-child{display:none}.squad-refinement{margin-bottom:23px}.squad-refinement>summary{padding:13px 17px;font-size:11px}.squad-refinement summary small{font-size:9px}}