.pcm-courts-board{--pcm-court-free:#6edc72;--pcm-court-open:#3293f5;--pcm-court-academy:#ffd54f;--pcm-court-event:#9948e8;--pcm-court-group:#566475;--pcm-court-training:#16b8a6;--pcm-court-off:#ef4d59;position:relative;margin:clamp(22px,4vw,52px) 0;padding:clamp(18px,2.4vw,30px);border:1px solid #e2e8f0;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(0,17,38,.10);overflow:hidden}.pcm-courts-board.is-home{margin-top:28px;z-index:4}.pcm-courts-board__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.pcm-courts-board__head>div:first-child{max-width:720px}.pcm-courts-board__head span{display:block;margin-bottom:5px;color:#ff20d2;font-size:10px;font-weight:950;letter-spacing:.16em}.pcm-courts-board__head h2{margin:0 0 6px;color:#001126;font-size:clamp(26px,3.2vw,42px);line-height:1.05;letter-spacing:-.035em}.pcm-courts-board__head p{margin:0;color:#667387;font-size:14px;line-height:1.5}.pcm-courts-board__date-nav{display:flex;align-items:center;gap:7px;flex:0 0 auto}.pcm-courts-board__date-nav>button,.pcm-courts-board__date-nav>div{height:42px;border:1px solid #dce4ed;border-radius:11px;background:#fff;color:#001126}.pcm-courts-board__date-nav>button{display:grid;place-items:center;min-width:42px;padding:0 12px;font:inherit;font-weight:900;cursor:pointer}.pcm-courts-board__date-nav>button:hover{background:#f4f7fa}.pcm-courts-board__date-nav>button.is-today{padding:0 15px}.pcm-courts-board__date-nav>div{display:flex;min-width:245px;align-items:center;justify-content:center;gap:9px;padding:0 14px}.pcm-courts-board__date-nav svg{width:18px;height:18px}.pcm-courts-board__date-nav strong{font-size:12px;white-space:nowrap}.pcm-courts-board.is-loading:after{content:"";position:absolute;inset:0;z-index:8;background:rgba(255,255,255,.55);backdrop-filter:blur(1px)}.pcm-courts-scale{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:end;margin-bottom:5px}.pcm-courts-scale>div{display:flex;justify-content:space-between;padding:0 2px}.pcm-courts-scale i{color:#67758b;font-size:9px;font-style:normal;font-weight:800}.pcm-courts-lanes{display:grid;gap:6px}.pcm-court-row{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;min-height:52px}.pcm-court-row>strong{padding-right:12px;color:#001126;font-size:13px;font-weight:950}.pcm-court-track{position:relative;height:48px;overflow:hidden;border:1px solid #e3e9ef;border-radius:10px;background:repeating-linear-gradient(90deg,#f8fafc 0,#f8fafc calc(14.2857% - 1px),#e9eef4 calc(14.2857% - 1px),#e9eef4 14.2857%)}.pcm-court-segment{position:absolute;top:3px;bottom:3px;left:var(--pcm-seg-left);width:var(--pcm-seg-width);display:flex;min-width:2px;flex-direction:column;justify-content:center;overflow:hidden;padding:4px 8px;border-radius:7px;color:#06172a!important;text-decoration:none!important;transition:filter .18s ease,transform .18s ease}.pcm-court-segment:hover{filter:brightness(.97);z-index:3}.pcm-court-segment b,.pcm-court-segment small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcm-court-segment b{font-size:10px;line-height:1.15}.pcm-court-segment small{margin-top:2px;font-size:8.5px;opacity:.82}.pcm-court-segment.is-free{background:linear-gradient(135deg,#77df7d,#5bd76e)}.pcm-court-segment.is-openplay{background:linear-gradient(135deg,#43a1fb,#2689ed);color:#fff!important}.pcm-court-segment.is-academy{background:linear-gradient(135deg,#ffdb61,#ffc936)}.pcm-court-segment.is-event{background:linear-gradient(135deg,#a456ef,#8e39dc);color:#fff!important}.pcm-court-segment.is-group{background:linear-gradient(135deg,#667688,#4f5d6c);color:#fff!important}.pcm-court-segment.is-training{background:linear-gradient(135deg,#22c7b5,#0ba896);color:#fff!important}.pcm-court-segment.is-unavailable{background:linear-gradient(135deg,#f45d67,#e9434f);color:#fff!important}.pcm-courts-legend{display:flex;flex-wrap:wrap;gap:9px 18px;margin:16px 0 0;padding:0 0 2px 88px}.pcm-courts-legend>span{display:inline-flex;align-items:center;gap:7px;color:#415067;font-size:10px;font-weight:700}.pcm-courts-legend i{width:12px;height:12px;border-radius:999px}.pcm-courts-legend i.is-free{background:var(--pcm-court-free)}.pcm-courts-legend i.is-openplay{background:var(--pcm-court-open)}.pcm-courts-legend i.is-academy{background:var(--pcm-court-academy)}.pcm-courts-legend i.is-event{background:var(--pcm-court-event)}.pcm-courts-legend i.is-group{background:var(--pcm-court-group)}.pcm-courts-legend i.is-training{background:var(--pcm-court-training)}.pcm-courts-legend i.is-unavailable{background:var(--pcm-court-off)}.pcm-courts-detail{margin-top:20px;padding-top:18px;border-top:1px solid #e6ebf1}.pcm-courts-detail__title{display:flex;align-items:center;justify-content:space-between}.pcm-courts-detail__title h3{margin:0;color:#001126;font-size:18px}.pcm-courts-detail__title p{margin:3px 0 0;color:#7a8595;font-size:11px}.pcm-courts-detail__list{display:grid;gap:5px;margin-top:12px}.pcm-courts-detail__item{display:grid;grid-template-columns:115px minmax(0,1fr) 90px;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;background:#f7f9fb}.pcm-courts-detail__item time{color:#26364e;font-size:11px;font-weight:800}.pcm-courts-detail__type{display:flex;align-items:center;gap:7px;color:#14243a;font-size:11px;font-weight:850}.pcm-courts-detail__type:before{content:"";width:9px;height:9px;border-radius:999px;background:#9aa7b7}.pcm-courts-detail__type.is-openplay:before{background:var(--pcm-court-open)}.pcm-courts-detail__type.is-academy:before{background:var(--pcm-court-academy)}.pcm-courts-detail__type.is-event:before{background:var(--pcm-court-event)}.pcm-courts-detail__type.is-group:before{background:var(--pcm-court-group)}.pcm-courts-detail__type.is-training:before{background:var(--pcm-court-training)}.pcm-courts-detail__type.is-unavailable:before{background:var(--pcm-court-off)}.pcm-courts-detail__item small{color:#778398;font-size:10px;text-align:right}.pcm-courts-detail__empty{margin:0;padding:16px;border-radius:10px;background:#f6f8fa;color:#68758a;font-size:12px}.pcm-courts-board__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.pcm-courts-board__footer>small{max-width:720px;color:#8a95a4;font-size:9.5px;line-height:1.45}.pcm-courts-board__footer .pcm-button{flex:0 0 auto}.pcm-courts-board__error{padding:18px;border-radius:12px;background:#fff2f3;color:#a92732;font-size:12px;font-weight:700}
@media(max-width:900px){.pcm-courts-board{margin:18px 0;padding:18px 14px;border-radius:20px}.pcm-courts-board.is-home{margin-top:18px}.pcm-courts-board__head{align-items:stretch;flex-direction:column;gap:14px}.pcm-courts-board__date-nav{display:grid;grid-template-columns:38px minmax(0,1fr) 38px}.pcm-courts-board__date-nav>div{min-width:0;height:42px}.pcm-courts-board__date-nav>button{min-width:38px}.pcm-courts-board__date-nav>button.is-today{grid-column:1/-1;height:36px}.pcm-courts-scale{grid-template-columns:66px minmax(0,1fr)}.pcm-courts-scale i:nth-child(even){display:none}.pcm-court-row{grid-template-columns:66px minmax(0,1fr);min-height:46px}.pcm-court-row>strong{font-size:11px}.pcm-court-track{height:39px;border-radius:9px}.pcm-court-segment{top:3px;bottom:3px;padding:0;border-radius:5px}.pcm-court-segment b,.pcm-court-segment small{display:none}.pcm-courts-legend{padding-left:0;gap:8px 14px}.pcm-courts-legend>span{font-size:9px}.pcm-courts-detail{margin-top:15px}.pcm-courts-detail__item{grid-template-columns:88px minmax(0,1fr);padding:8px}.pcm-courts-detail__item small{grid-column:2;text-align:left}.pcm-courts-board.is-home .pcm-courts-detail{display:none}.pcm-courts-board__footer{align-items:stretch;flex-direction:column}.pcm-courts-board__footer .pcm-button{width:100%}.pcm-courts-board__footer>small{order:2;text-align:center}}
@media(max-width:520px){.pcm-courts-board__head h2{font-size:26px}.pcm-courts-board__head p{font-size:12px}.pcm-courts-scale{grid-template-columns:58px minmax(0,1fr)}.pcm-court-row{grid-template-columns:58px minmax(0,1fr)}.pcm-court-row>strong{font-size:10px}.pcm-courts-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pcm-courts-board__date-nav strong{font-size:10px}.pcm-courts-board__date-nav svg{width:15px;height:15px}}