.schedule-page{--calendar-accent:var(--club-accent);--calendar-blue:var(--club-info);--calendar-event:var(--club-warning)}.schedule-heading{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.schedule-page .schedule-calendar{border:1px solid var(--club-border);background:var(--club-paper);box-shadow:var(--club-shadow);border-radius:20px;overflow:hidden}.calendar-toolbar{background:var(--club-tint);border-bottom:1px solid var(--club-border);margin-bottom:8px;padding:16px 16px 12px}.calendar-toolbar-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.schedule-page button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.calendar-month{color:var(--club-text);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 4px;font-size:19px;font-weight:800;display:flex}.calendar-month span{color:var(--club-muted);font-size:13px}.calendar-navigation{align-items:center;display:flex}.calendar-navigation button{color:var(--club-text);background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:44px;padding:0;font-size:27px;display:grid}.calendar-navigation .calendar-today{width:44px;font-size:12px;font-weight:600}.calendar-navigation button:disabled{opacity:.3;cursor:default}.calendar-month:hover,.calendar-navigation button:not(:disabled):hover{background:var(--club-tint)}.calendar-summary{color:var(--club-muted);margin:4px 0 0 4px;font-size:13px}.calendar-summary strong{color:var(--calendar-accent);margin-left:4px}.calendar-body{padding:0 8px 12px}.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{color:var(--club-muted);text-align:center;font-size:12px;font-weight:600}.calendar-weekdays>span{padding:10px 0}.calendar-days{gap:2px}.calendar-day{min-width:0;min-height:72px;color:var(--club-text);background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 4px;display:flex}.calendar-number{box-sizing:border-box;border:1px solid #0000;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:500;display:grid}.calendar-day.is-today .calendar-number{border-color:var(--calendar-accent);font-weight:800}.calendar-day.is-selected{background:var(--club-tint)}.calendar-day.is-selected .calendar-number{background:var(--calendar-accent);color:var(--club-on-accent);font-weight:800}.calendar-day.is-selected.is-today .calendar-number{border-color:var(--club-paper)}.calendar-day:hover{background:var(--club-tint)}.calendar-day.is-selected:hover{background:var(--club-selected)}.schedule-page .is-sunday{color:var(--club-error)}.schedule-page .is-saturday{color:var(--calendar-blue)}.calendar-holiday{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;line-height:1.3;overflow:hidden}.calendar-count{box-sizing:border-box;background:var(--calendar-event);width:100%;max-width:56px;color:var(--club-on-warning);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:3px 1px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.calendar-count strong{font-size:14px;font-weight:800}.legend-event{background:var(--calendar-event);border-radius:3px;width:12px;height:12px}.calendar-day.has-events{background:var(--club-warning-bg)}.calendar-day.has-events .calendar-number{color:var(--club-text);font-size:18px;font-weight:800}.calendar-day.has-events:hover{background:var(--club-warning-hover)}.calendar-day.has-events.is-selected{background:var(--club-selected)}.calendar-day.has-events.is-selected .calendar-number{color:var(--club-on-accent)}.calendar-legend{border-top:1px solid var(--club-border);color:var(--club-muted);background:var(--club-tint);flex-wrap:wrap;align-items:center;gap:16px;padding:14px 20px;font-size:11px;display:flex}.calendar-legend>span{align-items:center;gap:6px;display:flex}.calendar-legend i{box-sizing:border-box;flex-shrink:0;display:inline-block}.legend-today,.legend-selected{border:1px solid var(--calendar-accent);border-radius:50%;width:10px;height:10px}.legend-selected{background:var(--calendar-accent)}.schedule-page .schedule-empty{text-align:center;border:1px solid var(--club-border);background:var(--club-paper);border-radius:16px;padding:26px 20px}.schedule-page .schedule-event{border:1px solid var(--club-border);border-left:3px solid var(--calendar-accent);background:var(--club-paper);color:inherit;border-radius:16px;padding:20px;text-decoration:none;display:block}.schedule-page .schedule-event:hover{border-color:var(--calendar-accent)}.event-arrow{color:var(--club-muted)}.calendar-month:focus-visible,.calendar-navigation button:focus-visible,.calendar-day:focus-visible,.schedule-event:focus-visible{outline:2px solid var(--calendar-blue);outline-offset:-2px}@media (width>=600px){.calendar-toolbar{padding:24px 24px 16px}.calendar-month{font-size:24px}.calendar-navigation button{width:44px}.calendar-body{padding:0 20px 20px}.calendar-days{gap:4px}.calendar-day{gap:4px;min-height:88px;padding-top:8px}.calendar-number{width:36px;height:36px;font-size:16px}.calendar-holiday{font-size:11px}.calendar-count{flex-direction:row;gap:4px;max-width:90px;padding:4px;font-size:13px}.calendar-day.has-events .calendar-number{font-size:20px}.calendar-legend{padding-left:28px}}@media (width<=350px){.calendar-toolbar{padding-left:10px;padding-right:10px}.calendar-month{gap:4px;font-size:17px}.calendar-legend{gap:12px;padding-left:12px;padding-right:12px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.club-header{border-bottom:1px solid var(--club-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0 20px;display:flex}.club-brand{color:var(--club-text);align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.club-brand-icon{background:var(--club-brand-bg);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:42px;display:grid}.club-brand strong{letter-spacing:.4px;white-space:nowrap;font-size:clamp(.82rem,3.4vw,1.18rem)}.club-brand small{letter-spacing:1.4px;color:var(--club-accent);margin-top:3px;font-size:.54rem;display:block}.brand-dot{color:var(--club-accent)}.club-header .account-button{white-space:nowrap;flex-shrink:0;max-width:120px;padding-inline:10px!important}.club-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:16px 0 28px;display:grid}.nav-item{border:1px solid var(--club-border);background:var(--club-paper);min-width:0;min-height:46px;color:var(--club-text);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;padding:0 3px;font-family:inherit;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.nav-item:hover{background:var(--club-hover);border-color:var(--club-accent)}.nav-item[aria-current=page],.nav-item[data-active=true]{background:var(--club-accent);border-color:var(--club-accent);color:var(--club-on-accent)}.nav-arrow{opacity:.7;margin-left:3px;font-size:.65rem}.nav-item:focus-visible,.club-brand:focus-visible,.news-card:focus-visible,.post-card:focus-visible{outline:3px solid var(--club-accent);outline-offset:3px}.MuiMenuItem-root.MuiMenuItem-root{min-height:46px;padding-inline:20px;font-size:.98rem}.news-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.news-tabs .MuiButton-root[aria-pressed=true]{color:var(--club-on-accent);background:var(--club-accent);border-color:var(--club-accent)}.news-card{border:1px solid var(--club-border);background:var(--club-paper);color:var(--club-text);border-radius:16px;padding:22px;text-decoration:none;transition:background .15s,border-color .15s;display:block}.news-card:hover{background:var(--club-hover);border-color:var(--club-accent)}.news-card-title{overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:16px;font-size:1.05rem;font-weight:600;line-height:1.65;display:flex}.news-card-arrow{color:var(--club-accent);flex-shrink:0;font-size:1.15rem}.news-card-meta{color:var(--club-muted);margin-top:14px;font-size:.86rem;line-height:1.5}.post-card.MuiPaper-root{border-color:var(--club-border);background:var(--club-paper);border-radius:16px}.news-card,.post-card.MuiPaper-root{box-shadow:var(--club-shadow)}.nav-item{transition:background-color .16s,border-color .16s,color .16s}@media (prefers-reduced-motion:reduce){.nav-item,.news-card{transition:none}}@media (width<=360px){.club-header,.club-brand{gap:6px}.club-header .account-button{max-width:98px;font-size:.83rem}.nav-arrow{display:none}.nav-item{font-size:.88rem}.news-card{padding:18px}}.member-grid .MuiButton-root.MuiButton-root{white-space:nowrap;border-radius:10px;padding:8px 10px;font-size:.85rem}.member-grid .MuiDataGrid-cell[data-field=name]{font-weight:600}.member-name{color:var(--club-text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:0;padding:10px 0;font-weight:600}.member-name:hover{text-decoration:underline}.member-name:focus-visible{outline:2px solid var(--club-accent);outline-offset:3px}.member-name:disabled{opacity:.6;cursor:default}.app-content>*{min-width:0}@media (width>=900px){.club-nav{gap:12px;margin-bottom:32px}.club-header .account-button{max-width:200px}}.club-nav-personal{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=600px){.club-nav-personal{grid-template-columns:repeat(3,minmax(0,1fr))}}.pang-game>:first-child>div>.MuiTypography-root:first-child{color:var(--club-text)}.pang-game>:first-child>div>.MuiTypography-root:nth-child(2){color:var(--club-muted)}.pang-game{box-sizing:border-box;padding-inline:12px}.pang-board{touch-action:pan-y pinch-zoom;overscroll-behavior:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pang-gem{appearance:none;-webkit-tap-highlight-color:transparent}.pang-gem:focus-visible{outline-offset:-4px;outline:3px solid #fff}.pang-gem[data-gem=glove]{border-radius:12px}.pang-gem[data-gem=wrap]{border-radius:5px}.pang-gem[data-gem=bell]{border-radius:18px 18px 6px 6px}.pang-gem[data-gem=star]{border-radius:50%}.pang-gem[data-gem=fire]{border-radius:6px 18px}.pang-gem[data-gem=crown]{border-radius:18px 6px}@media (orientation:landscape) and (height<=600px){.pang-game.pang-game{max-width:100%;padding-inline:max(16px, env(safe-area-inset-left));grid-template-columns:minmax(180px,1fr) min(52vw,100svh - 36px);align-items:start;gap:8px 20px;display:grid}.pang-game>*{grid-column:1}.pang-game>.pang-board{box-sizing:border-box;grid-area:1/2/span 4;width:100%}.pang-game>:nth-child(n+6){grid-column:1/-1}.pang-game .pang-grid{gap:3px}.pang-game .pang-gem>span{font-size:clamp(16px,5svh,28px)}.pang-game>:first-child{flex-wrap:wrap}.pang-game>:first-child>div>:first-child{font-size:1.1rem}.pang-game>:first-child>div>:nth-child(2){display:none}}.pang-game[data-focus=true]{z-index:1500;width:100%;max-width:none;height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));background:#14151a;position:fixed;inset:0;overflow:auto}.pang-game[data-focus=true]>.pang-board{max-width:560px;margin-inline:auto}.pang-game>:first-child{flex-wrap:wrap}@media (orientation:portrait){.pang-game[data-focus=true]>*{max-width:560px;margin-inline:auto}}.pang-game{--pang-gap:4px}@media (width>=600px){.pang-game{--pang-gap:6px}}@media (orientation:landscape) and (height<=600px){.pang-game{--pang-gap:3px}}.pang-game.pang-game[data-focus=true]{--focus-x:max(20px, env(safe-area-inset-left), env(safe-area-inset-right));--focus-top:max(8px, env(safe-area-inset-top));--focus-bottom:max(8px, env(safe-area-inset-bottom));--focus-board:min(calc(100dvw - var(--focus-x) * 2), calc(100dvh - var(--focus-top) - var(--focus-bottom) - 60px));padding:var(--focus-top) var(--focus-x) var(--focus-bottom);overscroll-behavior:none;touch-action:none;grid-template-rows:52px minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;gap:8px;display:grid;overflow:hidden}.pang-game[data-focus=true]>:not(.pang-focus-bar):not(.pang-board){display:none!important}.pang-game[data-focus=true]>.pang-focus-bar{grid-area:1/1;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:640px;height:52px;margin:0;display:flex}.pang-focus-bar>div{text-align:center;min-width:0}.pang-focus-bar span{color:#b5bbc7;font-size:.65rem;display:block}.pang-focus-bar strong{color:#fff;font-variant-numeric:tabular-nums;font-size:1rem;display:block}.pang-focus-bar .pang-time-low strong{color:#ff9188}.pang-focus-bar .MuiButton-root.MuiButton-root{white-space:nowrap;min-height:40px;padding:6px 9px;font-size:.75rem}.pang-game.pang-game[data-focus=true]>.pang-board{width:var(--focus-board);height:var(--focus-board);box-sizing:border-box;grid-area:2/1;max-width:none;margin:0;padding:5px}.pang-game[data-focus=true] .pang-grid{--pang-gap:3px;grid-template-rows:repeat(8,minmax(0,1fr));gap:3px;height:100%}.pang-game[data-focus=true] .pang-gem{aspect-ratio:auto;min-height:0}.pang-game[data-focus=true] .pang-gem>span{font-size:clamp(14px, calc(var(--focus-board) / 15), 36px)}.pang-game[data-focus=true] .pang-focus-bar>div>strong{font-size:1rem;display:block}.pang-game[data-focus=true] .pang-focus-bar>div>span{font-size:.65rem}.pang-game[data-focus=true] .pang-board,.pang-game[data-playing=true] .pang-board{touch-action:none;overscroll-behavior:contain}