:root{--c-text:#1a1f2b;--c-text-muted:#5a6372;--c-primary:#0b3d91;--c-on-primary:#fff;--c-primary-soft:#e8eef9;--c-danger:#b3261e;--c-danger-bg:#fdecea;--c-success:#1e6b34;--c-success-bg:#e7f4ea;--c-warn-bg:#fff4ce;--c-warn-text:#5c4400;--c-border:#6b7585;--c-surface:#f4f6fa;--c-card:#fff;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-body:1rem;--font-size-small:.875rem;--font-size-h1:1.5rem;--font-size-h2:1.25rem;--line-height:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius:.5rem;--touch-target:2.75rem;--topbar-height:3.5rem;--bottomnav-height:4rem;--content-form:45rem;--content-list:65rem;--focus-width:3px;--focus-offset:2px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:4.5rem;scroll-padding-bottom:5rem}body{min-width:320px;font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height);color:var(--c-text);background:var(--c-surface);overflow-wrap:anywhere;margin:0}h1,h2{margin:0 0 var(--space-4);line-height:1.25}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}p{margin:0 0 var(--space-4)}a{color:var(--c-primary);text-underline-offset:.15em}:focus-visible{outline:var(--focus-width) solid var(--c-primary);outline-offset:var(--focus-offset)}h1[tabindex="-1"]:focus{outline:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--space-2);z-index:100;padding:var(--space-3) var(--space-4);background:var(--c-card);color:var(--c-primary);border-radius:var(--radius);font-weight:600;position:absolute;top:-10rem}.skip-link:focus{top:var(--space-2)}.app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.env-ribbon{padding:var(--space-1) var(--space-4);background:var(--c-warn-bg);color:var(--c-warn-text);font-size:var(--font-size-small);text-align:center;border-bottom:1px solid var(--c-warn-text);margin:0;font-weight:700}.topbar{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--topbar-height);padding:var(--space-1) var(--space-3);background:var(--c-card);overflow-wrap:normal;border-bottom:1px solid #d5dae3;display:flex}.brand{align-items:center;gap:var(--space-2);min-width:0;color:var(--c-text);min-height:var(--touch-target);text-decoration:none;display:flex}.brand-logo{object-fit:contain;width:2rem;height:2rem}.brand-name{min-width:0;font-size:1.125rem;font-weight:700;line-height:1.2}.brand-club{-webkit-line-clamp:2;line-clamp:2;word-break:normal;-webkit-hyphens:none;hyphens:none;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.brand-product{color:var(--c-text-muted);font-size:.75rem;font-weight:400;display:block}.topbar-actions{align-items:center;gap:var(--space-2);flex:0 auto;min-width:0;display:flex}.user-menu-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.badge-count{min-width:1.25rem;height:1.25rem;margin-left:var(--space-1);padding:0 var(--space-1);background:var(--c-primary);color:var(--c-on-primary);border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.notification.unread{border-left:4px solid var(--c-primary)}.user-menu-name{margin:0;font-weight:600}.banners:empty{display:none}.banner{padding:var(--space-3) var(--space-4);border-bottom:1px solid;margin:0}.banner-warn{background:var(--c-warn-bg);color:var(--c-warn-text)}.layout{flex:1 0 auto;width:100%;display:flex}.main{width:100%;max-width:calc(var(--content-form) + 2 * var(--space-4));padding:var(--space-5) var(--space-4) var(--space-6);flex:auto;margin:0 auto}.main:focus{outline:none}.footer{padding:var(--space-4);color:var(--c-text-muted);font-size:var(--font-size-small);text-align:center}.footer-list{justify-content:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bottom-nav{min-height:var(--bottomnav-height);background:var(--c-card);border-top:1px solid #d5dae3;justify-content:space-around;display:flex;position:sticky;bottom:0}.side-nav{display:none}.nav-list{width:100%;margin:0;padding:0;list-style:none;display:flex}.nav-link{min-width:3rem;min-height:3rem;padding:var(--space-1) var(--space-2);color:var(--c-text);font-size:var(--font-size-small);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex}.nav-link[aria-current=page],.nav-link[aria-current=location]{background:var(--c-primary-soft);color:var(--c-primary);font-weight:700;text-decoration:underline;text-decoration-thickness:3px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);min-width:var(--touch-target);padding:var(--space-2) var(--space-4);border:2px solid var(--c-primary);border-radius:var(--radius);font:inherit;text-align:center;cursor:pointer;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}.btn-primary{background:var(--c-primary);color:var(--c-on-primary)}.btn-secondary{background:var(--c-card);color:var(--c-primary)}.btn-link{color:var(--c-primary);background:0 0;border-color:#0000;text-decoration:underline}.btn[aria-disabled=true],.btn:disabled{cursor:progress;opacity:.75}.btn-block{width:100%}.btn-stack{flex-direction:column;gap:0}.btn-hint{font-size:var(--font-size-small);font-weight:400}.actions{gap:var(--space-2);margin-top:var(--space-5);flex-direction:column;display:flex}.actions form{display:contents}.lang-switch{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);color:var(--c-text);font:inherit;cursor:pointer}.user-menu{position:relative}.user-menu-panel{right:0;top:calc(100% + var(--space-2));z-index:20;gap:var(--space-2);min-width:14rem;padding:var(--space-3);background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);flex-direction:column;display:flex;position:absolute;box-shadow:0 .5rem 1.5rem #1a1f2b26}.user-menu-panel form{display:contents}.card{padding:var(--space-5) var(--space-4);background:var(--c-card);border-radius:var(--radius)}.lead{font-size:1.125rem}.muted{color:var(--c-text-muted);font-size:var(--font-size-small)}.home{min-height:calc(100dvh - var(--topbar-height) - 12rem);flex-direction:column;display:flex}.home-hero{padding:var(--space-5) var(--space-4);border-radius:calc(var(--radius) * 2);background:repeating-linear-gradient(115deg,#0000 0 1.4rem,#ffffff73 1.4rem 1.45rem),linear-gradient(160deg,#fff 0%,#e9f2fc 55%,#d6e6f7 100%);border:1px solid #c9d8ec;position:relative;overflow:hidden}.home-header h1{margin-bottom:var(--space-3);font-size:1.25rem;line-height:1.35}.home-wordmark{margin-bottom:var(--space-2);color:var(--c-primary);letter-spacing:-.02em;font-size:2.25rem;font-weight:800;line-height:1.1;display:block}.home-dash{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-slogan{color:var(--c-text);font-weight:600;display:block}.home-slogan:first-letter{text-transform:uppercase}.home-guide{margin:0}.home-cta{margin-top:auto}.home-noinvite{color:var(--c-text-muted);font-size:var(--font-size-small);text-align:center;margin:0}.rink{aspect-ratio:2;width:min(100%,20rem);margin:0 auto var(--space-5);background:linear-gradient(90deg,#0000 6%,#d64545 6% calc(6% + 2px),#0000 calc(6% + 2px)),linear-gradient(90deg,#0000 calc(94% - 2px),#d64545 calc(94% - 2px) 94%,#0000 94%),linear-gradient(90deg,#0000 33%,#3d6fc6 33% calc(33% + 5px),#0000 calc(33% + 5px)),linear-gradient(90deg,#0000 calc(67% - 5px),#3d6fc6 calc(67% - 5px) 67%,#0000 67%),linear-gradient(90deg,#0000 calc(50% - 2px),#d64545 calc(50% - 2px) calc(50% + 2px),#0000 calc(50% + 2px)),#f8fbff;border:3px solid #7f9cc7;border-radius:24%/48%;position:relative;box-shadow:0 .5rem 1.5rem #0b3d911f}.rink:before{border-radius:inherit;content:"";background:radial-gradient(circle at 18% 28%,#d64545 0 3px,#0000 3.5px),radial-gradient(circle at 18% 72%,#d64545 0 3px,#0000 3.5px),radial-gradient(circle at 82% 28%,#d64545 0 3px,#0000 3.5px),radial-gradient(circle at 82% 72%,#d64545 0 3px,#0000 3.5px);position:absolute;inset:0}.rink-circle{aspect-ratio:1;border:2px solid #3d6fc6;border-radius:50%;width:22%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rink-shot{background:#f28c288c;border:2px solid #c25e00;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.rink-shot-1{width:.9rem;height:.9rem;top:42%;left:86%}.rink-shot-2{width:.6rem;height:.6rem;top:60%;left:80%}.rink-shot-3{width:.5rem;height:.5rem;top:30%;left:74%}.rink-shot-4{width:.75rem;height:.75rem;top:70%;left:89%}.rink-puck{background:#1a1f2b;border-radius:50%;width:.7rem;height:.7rem;animation:1.4s ease-out .2s both rink-puck-glide;position:absolute;top:50%;left:62%;transform:translate(-50%,-50%);box-shadow:-.9rem 0 .6rem -.2rem #1a1f2b40}@keyframes rink-puck-glide{0%{opacity:0;left:44%}to{opacity:1;left:62%}}.skeleton{gap:var(--space-3);display:grid}.skeleton-line{border-radius:var(--radius);background:#e3e7ee;height:1rem}.skeleton-line:first-child{width:60%;height:1.75rem}.role-chip{min-height:var(--touch-target);line-height:calc(var(--touch-target) - 2 * var(--space-1) - 2px);min-width:0;max-width:11rem;padding:var(--space-1) var(--space-3);border:1px solid var(--c-border);background:var(--c-primary-soft);color:var(--c-primary);font-size:var(--font-size-small);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:0 auto;font-weight:600;text-decoration:none;display:inline-block;overflow:hidden}.role-group{margin-top:var(--space-5)}.role-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.role-card{align-items:flex-start;gap:var(--space-1);width:100%;min-height:4rem;padding:var(--space-3) var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);color:var(--c-text);font:inherit;text-align:left;flex-direction:column;display:flex}button.role-card{cursor:pointer}button.role-card:disabled{cursor:progress;opacity:.75}.role-card-active{border-width:2px;border-color:var(--c-primary);background:var(--c-primary-soft)}.role-card-disabled{background:var(--c-surface)}.role-card-name{font-weight:700}.role-card-note{color:var(--c-text-muted);font-size:var(--font-size-small)}.status-chip{padding:0 var(--space-2);border:1px solid var(--c-success);background:var(--c-success-bg);color:var(--c-success);font-size:var(--font-size-small);border-radius:999px;font-weight:600;display:inline-block}.inline-alert{padding:var(--space-3) var(--space-4);border-left:4px solid var(--c-danger);background:var(--c-danger-bg);color:var(--c-danger)}.inline-alert p{margin:0 0 var(--space-2)}.inline-alert .actions{margin-top:var(--space-2)}.confirm{margin-top:var(--space-3);padding:var(--space-3);border:2px solid var(--c-danger);border-radius:var(--radius)}.confirm p{margin:0;font-weight:600}.btn-danger{border-color:var(--c-danger);background:var(--c-danger);color:var(--c-on-primary)}.status-message:empty{display:none}.status-message{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-left:4px solid var(--c-success);background:var(--c-success-bg);color:var(--c-success)}.step-note{margin-top:var(--space-1);color:var(--c-text-muted);font-size:var(--font-size-small);display:block}.session-timeout{right:var(--space-3);bottom:calc(var(--bottomnav-height) + var(--space-3));left:var(--space-3);z-index:30;max-width:28rem;padding:var(--space-4);border:2px solid var(--c-warn-text);border-radius:var(--radius);background:var(--c-warn-bg);color:var(--c-warn-text);margin:0 auto;position:fixed;box-shadow:0 .5rem 1.5rem #1a1f2b33}.session-timeout p{margin:0 0 var(--space-3);font-weight:600}.stepup-gate{margin-bottom:var(--space-4);border-left:4px solid var(--c-warn-text);background:var(--c-warn-bg);color:var(--c-warn-text)}.field{gap:var(--space-2);margin:0 0 var(--space-4);border:0;flex-direction:column;padding:0;display:flex}.field label,.field legend{font-weight:600}.field-required{color:var(--c-text-muted);font-weight:400}.input{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius);font:inherit;color:var(--c-text);background:var(--c-card);box-sizing:border-box;width:100%}.input[aria-invalid=true]{border:2px solid var(--c-danger)}.input-mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:var(--font-size-small)}.field-error{color:var(--c-danger);margin:0;font-weight:600}.radio-card{align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius);font-weight:400;display:flex}.definition-list{gap:var(--space-1) var(--space-4);margin:0 0 var(--space-4);display:grid}.definition-list dt{font-weight:600}.definition-list dd{margin:0 0 var(--space-2)}.steps{padding-left:var(--space-5)}.inline-note{padding:var(--space-3) var(--space-4);border-left:4px solid var(--c-primary);background:var(--c-primary-soft)}.card-list{gap:var(--space-3);margin:var(--space-4) 0;flex-direction:column;padding:0;list-style:none;display:flex}.back-link{min-height:var(--touch-target);color:var(--c-primary);align-items:center;display:inline-flex}.terms-section{margin:0 0 var(--space-3);border-radius:var(--radius);border:1px solid #d5dae3}.terms-section summary{min-height:var(--touch-target);padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:600}.terms-text{padding:0 var(--space-4) var(--space-4);white-space:pre-wrap;overflow-wrap:anywhere}@media (min-width:768px){.definition-list{grid-template-columns:max-content 1fr}.definition-list dd{margin:0}}@media print{.rink,.topbar,.bottom-nav,.side-nav,.actions,.footer,.env-ribbon{display:none}.terms-section summary{list-style:none}}@media (min-width:768px){.user-menu-label{clip:auto;white-space:normal;width:auto;height:auto;position:static;overflow:visible}.role-chip{max-width:18rem}.main{padding:var(--space-6) var(--space-6) var(--space-6)}.actions{flex-flow:wrap}.btn-block{width:auto}.home{min-height:0}.home-hero{column-gap:var(--space-5);padding:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,16rem);grid-template-areas:"header rink""guide rink";align-items:center;display:grid}.home-hero .rink{grid-area:rink;margin:0}.home-header{grid-area:header}.home-guide{grid-area:guide;align-self:start}.home-wordmark{font-size:2.75rem}.home-cta{margin-top:var(--space-5)}.home-noinvite{text-align:left;flex-basis:100%}}@media (min-width:1024px){.bottom-nav{display:none}.side-nav{padding:var(--space-4) var(--space-2);background:var(--c-card);border-right:1px solid #d5dae3;flex:0 0 14rem;display:block}.side-nav .nav-list{flex-direction:column}.side-nav .nav-link{justify-content:flex-start;gap:var(--space-2);flex-direction:row}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.rink-puck{animation:none}}@media (forced-colors:active){.rink{display:none}}