:root{--shell:#fbf8f3;--card:#fff;--navy:#0f2c45;--teal:#0b6f78;--coral:#d9552b;--paddle-yellow:#e4d64b;--navy-soft:#3d5871;--teal-dark:#085a62;--teal-wash:#e6f1f2;--coral-ink:#b03f17;--coral-wash:#fdeee7;--line:#dcd5ca;--line-strong:#b9b0a2;--court-line:#d4cec3;--focus:#0b6f78;--radius:10px;--radius-sm:6px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--control-min:52px;--page-max:1120px;--font-sans:"Source Sans 3", "Source Sans Pro", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--shadow-card:0 1px 2px #0f2c450f, 0 2px 8px #0f2c450d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--shell);color:var(--navy);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1.125rem;line-height:1.6}h1,h2,h3{color:var(--navy);margin:0 0 var(--space-3);font-weight:700;line-height:1.25}h1{letter-spacing:-.01em;font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}p{margin:0 0 var(--space-4)}a{color:var(--teal-dark)}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{z-index:100;background:var(--navy);color:#fff;padding:var(--space-3) var(--space-4);border-radius:0 0 var(--radius) 0;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--card);border-bottom:1px solid var(--line)}.app-header__inner{max-width:var(--page-max);padding:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.wordmark{align-items:center;gap:var(--space-2);color:var(--navy);font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark__mark{background:var(--paddle-yellow);border:2px solid var(--navy);border-radius:50% 50% 46% 46%/58% 58% 42% 42%;flex-shrink:0;width:26px;height:26px;position:relative}.wordmark__mark:after{content:"";background:var(--navy);border-radius:0 0 3px 3px;width:7px;height:9px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.app-header__location{color:var(--navy-soft);font-size:1rem}.desktop-nav{display:none}.desktop-nav__list{gap:var(--space-2);display:flex}.desktop-nav a{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--navy);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.desktop-nav a:hover{background:var(--teal-wash)}.desktop-nav a[aria-current=page]{color:var(--teal-dark);box-shadow:inset 0 -3px 0 var(--teal)}.app-main{width:100%;max-width:var(--page-max);padding:var(--space-5) var(--space-4) calc(var(--control-min) + var(--space-7));flex:1;margin:0 auto}.bottom-nav{background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:20;position:fixed;bottom:0;left:0;right:0}.bottom-nav__list{display:flex}.bottom-nav__list li{flex:1}.bottom-nav a{min-height:var(--control-min);padding:var(--space-2);color:var(--navy);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav a[aria-current=page]{color:var(--teal-dark);box-shadow:inset 0 3px 0 var(--teal);background:var(--teal-wash)}.bottom-nav__icon{width:22px;height:22px;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius);cursor:pointer;text-align:center;border:2px solid #0000;font-family:inherit;font-size:1.0625rem;font-weight:700;text-decoration:none;display:inline-flex}.btn--primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn--primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.btn--secondary{background:var(--card);color:var(--navy);border-color:var(--line-strong)}.btn--secondary:hover{border-color:var(--navy)}.btn--quiet{color:var(--navy);padding-left:var(--space-2);padding-right:var(--space-2);background:0 0;border-color:#0000;text-decoration:underline}.btn--danger{background:var(--card);color:var(--coral-ink);border-color:var(--coral-ink)}.btn--danger:hover{background:var(--coral-wash)}.btn--block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-5)}.court-rule{border-top:2px solid var(--court-line);border-bottom:2px solid var(--court-line);height:6px;margin:var(--space-5) 0}.page-intro{margin-bottom:var(--space-5)}.page-intro p{color:var(--navy-soft);max-width:60ch;margin-bottom:0}.section-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--navy-soft);margin:var(--space-6) 0 var(--space-3);font-size:1.125rem}.filter-bar{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.filter-bar__button{min-width:104px;min-height:var(--control-min);padding:var(--space-3) var(--space-4);background:var(--card);color:var(--navy);border:2px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;flex:auto;font-family:inherit;font-size:1.0625rem;font-weight:700}.filter-bar__button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.game-list{gap:var(--space-4);display:grid}.game-card{background:var(--card);border:1px solid var(--line);border-left:6px solid var(--teal);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-5)}.game-card--full{border-left-color:var(--line-strong)}.game-card__time{color:var(--navy);margin-bottom:var(--space-1);font-size:1.25rem;font-weight:700}.game-card__title{margin:0 0 var(--space-2);font-size:1.1875rem}.game-card__title a{color:var(--navy);text-decoration:none}.game-card__title a:hover{text-decoration:underline}.game-card__court{color:var(--navy-soft);margin:0 0 var(--space-3)}.meta-list{gap:var(--space-2) var(--space-4);color:var(--navy-soft);margin-bottom:var(--space-3);flex-wrap:wrap;font-size:1rem;display:flex}.meta-list__item{align-items:center;gap:var(--space-1);display:inline-flex}.game-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.status{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:2px solid;border-radius:999px;font-size:1rem;font-weight:700;display:inline-flex}.status-pair{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:inline-flex}.status--open{color:var(--teal-dark);border-color:var(--teal);background:var(--teal-wash)}.status--full{color:var(--navy);border-color:var(--line-strong);background:#f2efe9}.status--joined{color:var(--coral-ink);border-color:var(--coral-ink);background:var(--coral-wash)}.status__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:10px;height:10px}.rack{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-5)}.rack__shelf{gap:var(--space-4);padding-top:var(--space-4);border-top:3px solid var(--court-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.paddle-slot{align-items:center;gap:var(--space-2);text-align:center;color:var(--navy);background:0 0;border:none;flex-direction:column;padding:0;font-family:inherit;font-size:1rem;display:flex}button.paddle-slot{cursor:pointer;min-height:var(--control-min);border-radius:var(--radius);padding:var(--space-2)}button.paddle-slot:hover .paddle__face{border-color:var(--teal);background:var(--teal-wash)}.paddle{flex-direction:column;align-items:center;width:74px;display:flex}.paddle__face{border:3px solid var(--navy);background:var(--paddle-yellow);width:74px;height:88px;color:var(--navy);border-radius:50% 50% 44% 44%/56% 56% 44% 44%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.paddle__handle{background:var(--navy);border-radius:0 0 5px 5px;width:16px;height:26px}.paddle--empty .paddle__face{background:var(--card);border-style:dashed;border-color:var(--line-strong);color:var(--navy-soft);font-size:2rem;font-weight:400}.paddle--empty .paddle__handle{background:var(--line-strong)}.paddle--you .paddle__face{border-color:var(--coral-ink);background:var(--coral-wash);color:var(--coral-ink)}.paddle--you .paddle__handle{background:var(--coral-ink)}.paddle-slot__name{font-weight:600;line-height:1.3}.paddle-slot__role{color:var(--navy-soft);font-size:.9375rem}.field{margin-bottom:var(--space-5)}.field__label{margin-bottom:var(--space-2);font-weight:700;display:block}.field__hint{color:var(--navy-soft);margin-bottom:var(--space-2);font-size:1rem;display:block}.field__error{align-items:flex-start;gap:var(--space-2);color:var(--coral-ink);margin-top:var(--space-2);font-weight:600;display:flex}.field__error:before{content:"!";border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.875rem;line-height:1;display:inline-flex}input[type=text],input[type=tel],input[type=date],input[type=time],textarea,select{width:100%;min-height:var(--control-min);padding:var(--space-3);color:var(--navy);background:var(--card);border:2px solid var(--line-strong);border-radius:var(--radius-sm);font-family:inherit;font-size:1.0625rem}textarea{resize:vertical;min-height:96px}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--coral-ink)}.choice-group{gap:var(--space-3);display:grid}.choice-group--inline{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.choice{align-items:flex-start;gap:var(--space-3);min-height:var(--control-min);padding:var(--space-3) var(--space-4);background:var(--card);border:2px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;display:flex}.choice:hover{border-color:var(--teal)}.choice:has(input:checked){border-color:var(--teal);background:var(--teal-wash)}.choice input{width:22px;height:22px;accent-color:var(--teal);flex-shrink:0;margin:0}.choice__text{display:block}.choice__title{font-weight:700;display:block}.choice__desc{color:var(--navy-soft);font-size:1rem;display:block}.steps{margin-bottom:var(--space-5)}.steps__label{color:var(--navy-soft);margin-bottom:var(--space-2);font-weight:700}.steps__track{gap:var(--space-1);display:flex}.steps__tick{background:var(--line);border-radius:4px;flex:1;height:8px}.steps__tick--done{background:var(--teal)}.notice{border:1px solid var(--line);border-left:6px solid var(--teal);border-radius:var(--radius);background:var(--card);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}.notice--safety{border-left-color:var(--paddle-yellow)}.notice--error{border-left-color:var(--coral-ink);background:var(--coral-wash)}.notice--success{border-left-color:var(--teal);background:var(--teal-wash)}.notice h2,.notice h3{margin-bottom:var(--space-2);font-size:1.125rem}.notice p:last-child{margin-bottom:0}.empty-state{background:var(--card);border:2px dashed var(--line-strong);border-radius:var(--radius);padding:var(--space-6) var(--space-5);text-align:center}.empty-state h2{font-size:1.25rem}.empty-state p{color:var(--navy-soft);max-width:46ch;margin-left:auto;margin-right:auto}.detail-grid{gap:var(--space-5);display:grid}.detail-facts{gap:var(--space-4);margin:0;display:grid}.detail-facts div{border-bottom:1px solid var(--line);padding-bottom:var(--space-3)}.detail-facts dt{color:var(--navy-soft);margin-bottom:var(--space-1);font-size:1rem;font-weight:700}.detail-facts dd{margin:0;font-size:1.125rem}.back-link{align-items:center;gap:var(--space-2);min-height:44px;color:var(--teal-dark);margin-bottom:var(--space-3);font-weight:600;display:inline-flex}.organizer-line{align-items:center;gap:var(--space-3);display:flex}.avatar{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:inline-flex}.next-steps{padding-left:var(--space-5);list-style:outside}.next-steps li{margin-bottom:var(--space-2)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack>*+*{margin-top:var(--space-4)}.muted{color:var(--navy-soft)}.small{font-size:1rem}.app-footer{border-top:1px solid var(--line);padding:var(--space-5) var(--space-4);color:var(--navy-soft);text-align:center;font-size:1rem}@media (width>=48rem){body{font-size:1.1875rem}h1{font-size:2.125rem}.app-main{padding:var(--space-6) var(--space-5) var(--space-7)}.desktop-nav{display:block}.bottom-nav{display:none}.game-list{grid-template-columns:repeat(2,minmax(0,1fr))}.rack__shelf{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.btn--block{width:auto;min-width:260px}}@media (width>=64rem){.detail-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}.detail-grid__aside{top:var(--space-5);position:sticky}.game-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}