
.court-field.v99 { box-shadow: none !important; background: #0B4A30 !important; }
body[data-sport="pickleball"] .court-field.v99 { background: #1F5A99 !important; }
.court-field.v99::before { display: none !important; }
.court-field.v99 .midline { display: none; }
.court-field.v99 .net { background: repeating-linear-gradient(180deg, rgba(255,255,255,.92) 0 3px, transparent 3px 6px); width: 3px; z-index: 3; }
.court-field .v19-court { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.court-field .v19-court .cs { fill: transparent; }
.court-field .v19-court .cb { fill: rgba(255,255,255,.04); stroke: #fff; stroke-width: 2.2; vector-effect: non-scaling-stroke; }
.court-field .v19-court .cl { stroke: rgba(255,255,255,.85); stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.court-field .v19-court .cl.net { stroke: transparent; }
.court-field .v19-court .cz.kitchen { fill: rgba(90,174,90,.55); }
.court-field .v19-court .post { fill: #F3EFE7; }
.court[style*="--court-surface"] .court-field.v99 { background: var(--court-surface) !important; }
.court[style*="--court-surface"] .court-field .v19-court .cb, .court[style*="--court-surface"] .court-field .v19-court .cl { stroke: var(--court-lines); }
.court-field.v99 > .court-side, .court-field.v99 .court-slot, .court-field.v99 .pslot { position: relative; z-index: 2; }
.court-field.v99 .rally-object, .court-field.v99 .rally-contact { z-index: 4; }
.court-field.v99 { height: 224px; }
.court-field.v99 > .court-side { display: grid; grid-auto-rows: minmax(0, 1fr); gap: 8px; overflow: hidden; padding: 15% 30% 15% 17%; box-sizing: border-box; min-width: 0; }
.court-field.v99 > .court-side + .court-side { padding: 15% 17% 15% 30%; }
body[data-sport="pickleball"] .court-field.v99 > .court-side { padding: 8% 33% 8% 7%; }
body[data-sport="pickleball"] .court-field.v99 > .court-side + .court-side { padding: 8% 7% 8% 33%; }
.court-field.v99 .court-slot, .court-field.v99 .pslot { min-height: 0; height: auto; align-self: stretch; overflow: hidden; }
.court-field.v99 .slot-player { padding: 2px; } .court-field.v99 .slot-player span { font-size: 11.5px; }
.court-field.v99 .court-slot { background: rgba(0,0,0,.18); border: 1px dashed rgba(255,255,255,.35); border-radius: 12px; }
.court-field.v99 .court-slot.occupied { background: rgba(0,0,0,.28); border-style: solid; }
.fs99 { display: inline-flex; gap: 6px; margin-left: 6px; }
body.fs90 .fs-head90 .fs99 .btn { white-space: nowrap; }
@media (max-width: 760px) { .fs99 .btn span, .fs99 .btn { font-size: 12px; } }
.sl99 .ic { width: 15px; height: 15px; }
.qt-card { min-width: 0; }
.qt-card > header { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; min-width: 0; }
.qt-card > header b { white-space: nowrap; }
.qt-card > header .chip { max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-flex; }
.qt-card > header .chip.qt96-sent { flex: 1 1 100%; justify-content: flex-start; }
.qt-card > header .btn { margin-left: auto; }
.qt-card > footer { display: flex; flex-direction: column; gap: 6px; }
.qt-card > footer .btn, .qt-card > footer .qt96-ready { width: 100%; justify-content: center; }
.qt-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.nc99-icons { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0 10px; }
.nc99-icons button { position: relative; width: 42px; height: 42px; border-radius: 14px; border: 1px solid var(--line); background: var(--surface-solid); color: var(--ink); display: grid; place-items: center; cursor: pointer; }
.nc99-icons button .ic { width: 18px; height: 18px; } .nc99-icons button.on { background: var(--ink); color: var(--bg); border-color: var(--ink); }
.nc99-icons button i { position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #E8382B; color: #fff; font-size: 10.5px; font-weight: 800; font-style: normal; display: grid; place-items: center; }
.notification-categories.nc99-hidden { display: none; }
.nc99-acc { border: 1px solid var(--line); border-radius: 16px; background: var(--surface-solid); margin-top: 8px; overflow: hidden; }
.nc99-acc > summary { display: flex; align-items: center; gap: 10px; padding: 12px 14px; cursor: pointer; list-style: none; font-weight: 700; }
.nc99-acc > summary::-webkit-details-marker { display: none; }
.nc99-acc > summary .n-ico { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: var(--surface-2); }
.nc99-acc > summary .n-ico .ic { width: 16px; height: 16px; }
.nc99-acc > summary small { color: var(--muted); font-weight: 500; }
.nc99-acc > summary .nc99-n { margin-left: auto; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: var(--surface-2); font-size: 12px; display: grid; place-items: center; }
.nc99-acc > summary .nc99-n.un { background: #E8382B; color: #fff; }
.nc99-acc > summary .nc99-chev { transition: transform .2s; } .nc99-acc[open] > summary .nc99-chev { transform: rotate(180deg); }
.nc99-acc > .nc99-body { padding: 0 8px 8px; }
.nc99-acc .notif { width: 100%; }
