/* Desktop court roster. Mobile remains under the dedicated mobile stylesheets. */
@media(min-width:761px){
  .content[data-view="online"]{max-width:1320px;margin:0 auto;color:#eee2cf}
  .content[data-view="online"]>.page-title{min-height:172px;margin:0 0 18px;padding:30px 36px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid #8e6a2d;background:linear-gradient(90deg,#070b0dec 0%,#07101499 55%,#080c0ee8),url('/assets/realm-command-v1.png') center 42%/cover;box-shadow:inset 0 -75px 90px #030506c9,0 18px 40px #0009}
  .content[data-view="online"]>.page-title:before{content:"●  LIVE COURT ROSTER";margin-bottom:8px;color:#e9b949;font:900 10px Arial;letter-spacing:2px;text-shadow:0 2px 5px #000}
  .content[data-view="online"]>.page-title:after{content:"ACTIVE NOW";position:absolute;right:34px;bottom:36px;padding:10px 15px;border:1px solid #3b9c69;background:#07120dce;color:#67e39a;font:900 10px Arial;letter-spacing:1.5px;box-shadow:inset 3px 0 #48cf81,0 6px 18px #0008}
  .content[data-view="online"]>.page-title .eyebrow{display:none}
  .content[data-view="online"]>.page-title h1{margin:0;color:#fff3dc;font:700 38px/1 Georgia,serif;text-shadow:0 3px 12px #000}
  .content[data-view="online"]>.page-title p{max-width:680px;margin:9px 0 0;color:#d0c5b2;font-size:13px}
  .content[data-view="online"]>.panel{overflow:hidden;border:1px solid #80612c;border-radius:0;background:linear-gradient(145deg,#101719f4,#070b0df8);box-shadow:0 22px 55px #000a}
  .content[data-view="online"]>.panel>.panel-heading{height:64px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid #71572b;background:linear-gradient(90deg,#271707,#111719 48%,#080d0f)}
  .content[data-view="online"]>.panel>.panel-heading h2{margin:0;color:#f5dfb8;font:700 22px Georgia,serif}
  .content[data-view="online"]>.panel>.panel-heading h2:before{content:"♛";display:inline-grid;width:32px;height:32px;margin-right:11px;place-items:center;border:1px solid #b88b35;border-radius:50%;color:#edc45f;font-size:16px;vertical-align:middle}
  .content[data-view="online"] .table-toolbar{min-height:58px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2e3b3f;background:#0b1114}
  .content[data-view="online"] .table-toolbar span{color:#e2bb59;font:900 10px Arial;letter-spacing:1.3px;text-transform:uppercase}
  .content[data-view="online"] .table-toolbar select{height:36px;min-width:180px;padding:0 34px 0 12px;border:1px solid #83662f;background:#080d0f;color:#f3e5ce;font-weight:800}
  .content[data-view="online"] .table-scroll{padding:16px;background:radial-gradient(circle at 18% 20%,#7f1b2920,transparent 32%)}
  .content[data-view="online"] table{width:100%;border-collapse:separate;border-spacing:0 9px}
  .content[data-view="online"] thead th{padding:0 16px 7px;border:0;color:#8f9da1;font:900 9px Arial;letter-spacing:1.35px;text-transform:uppercase;text-align:left}
  .content[data-view="online"] thead th:last-child,.content[data-view="online"] tbody td:last-child{display:none}
  .content[data-view="online"] tbody tr{position:relative;background:linear-gradient(90deg,#171d1f,#0c1215 65%,#101a16);box-shadow:inset 4px 0 #d8a83e,0 7px 18px #0008;transition:transform .15s ease,filter .15s ease}
  .content[data-view="online"] tbody tr:hover{transform:translateY(-2px);filter:brightness(1.12)}
  .content[data-view="online"] tbody td{height:82px;padding:12px 16px;border-top:1px solid #334247;border-bottom:1px solid #334247;color:#dce3e2;vertical-align:middle}
  .content[data-view="online"] tbody td:first-child{border-left:1px solid #80612c;color:#f2c75e;font:700 22px Georgia,serif}
  .content[data-view="online"] tbody td:nth-child(2){font-size:13px}
  .content[data-view="online"] tbody td:nth-child(2) .mini-shield{width:40px;height:46px;margin-right:12px;display:inline-grid;place-items:center;vertical-align:middle;border:1px solid #af8233;background:#410d15;color:#f1c45b;font-size:19px;clip-path:polygon(50% 0,100% 18%,88% 78%,50% 100%,12% 78%,0 18%)}
  .content[data-view="online"] tbody td:nth-child(2) .mini-shield img{width:100%;height:100%;object-fit:cover}
  .content[data-view="online"] .text-link{padding:0;border:0;background:none;color:#fff1d2;font:700 20px Georgia,serif;cursor:pointer}
  .content[data-view="online"] .text-link:hover{color:#f2c75e}
  .content[data-view="online"] .tag{display:inline-block;margin-left:8px;padding-left:10px;border-left:1px solid #6f5b37;color:#aaa291;font:800 9px Arial;letter-spacing:.7px;text-transform:uppercase}
  .content[data-view="online"] tbody td:nth-child(3){color:#c9b991;font-weight:800}
  .content[data-view="online"] tbody td:nth-child(4) b{color:#f2c75e;font:700 19px Georgia,serif}
  .content[data-view="online"] tbody td:nth-child(5){color:#65df99;font:900 10px Arial;letter-spacing:1px;text-transform:uppercase}
  .content[data-view="online"] tbody td:nth-child(5):before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#42d77d;box-shadow:0 0 10px #42d77d}
}