.live-intro{margin-bottom:22px}.live-intro h1{font-size:43px}.live-intro p{font-size:15px;max-width:650px}
.creator-pick-intro{font-size:14px;color:#9eb7cc}.creator-pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.creator-pick-card{display:flex;align-items:center;gap:16px;padding:23px;background:#162b3e;border:1px solid #8bcaff30;border-radius:16px;color:#d7ebfa;font-family:'Segoe UI',Arial,sans-serif;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.creator-pick-card img{border-radius:9px;image-rendering:pixelated;flex-shrink:0}.creator-pick-card strong{display:block;font-size:18px}.creator-pick-card small{display:block;font-size:12px;color:#94b1c9;margin-top:7px}.creator-pick-arrow{margin-left:auto;font-size:21px;color:#a9daff}.creator-pick-card:hover{background:#1e3c54;border-color:#8bcaff70;transform:translateY(-2px)}.creator-pick-card[aria-expanded="true"]{background:#22445d;border-color:#8bcaff90}.creator-pick-card:focus-visible{outline:2px solid #b0e2ff;outline-offset:4px}.creator-pick-section>.creator-selection-status{font-size:12px;color:#89abc6;margin-top:14px}.creator-server-data{scroll-margin-top:28px}
@media(max-width:1000px){.creator-pick-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.creator-pick-card{transition:none}.creator-pick-card:hover{transform:none}}
.creator-server-data[hidden],.player-server-group[hidden]{display:none!important}.creator-selection{margin:24px 0 36px;padding:22px;border:1px solid #8bcaff2b;border-radius:16px;background:#182d41}.creator-selection h2{font-size:21px;margin:0}.creator-selection p{font-size:13px;color:#9eb7cc;margin:8px 0 17px}.creator-selection label{display:block;font-size:12px;color:#bcd7ed;margin-bottom:8px}.creator-selection select{width:100%;max-width:420px;background:#0f2032;color:#d7ebfa;border:1px solid #8bcaff42;border-radius:10px;padding:12px;font:14px 'Segoe UI',Arial,sans-serif;cursor:pointer}.creator-selection select:focus-visible{outline:2px solid #9cd9ff;outline-offset:3px}.creator-selection .creator-selection-status{margin:12px 0 0;font-size:11px}
.demo-players{display:flex!important;flex-direction:column;gap:22px!important}.player-server-group[hidden]{display:none}.player-group-title{display:flex;align-items:center;gap:9px;font-size:13px;color:#9cbad2;margin:0 0 11px}.player-group-title span{font-size:10px;color:#7a9bb6;background:#8bcaff0b;border-radius:5px;padding:3px 6px}.player-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.demo-avatar:has(.minecraft-head){padding:0;background:none;box-shadow:none;overflow:hidden;border:1px solid #9acfff23}.minecraft-head{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
@media(max-width:1150px){.player-group-grid{grid-template-columns:1fr}}
.creator-demo-intro{display:flex;align-items:center;gap:14px;border:1px solid #8bcaff22;background:#172a3d;border-radius:14px;padding:20px;margin-bottom:16px}.creator-demo-intro h3{font-size:17px;margin:0}.creator-demo-intro p,.creator-demo-copy{font-size:13px;color:#9eb7cc;line-height:1.8}.creator-demo-intro p{margin:6px 0 0}.creator-demo-intro>div:nth-child(2){min-width:0}.creator-demo-intro .server-chip{margin-left:auto}
@media(min-width:1151px){#online>.live-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}#online>.live-metrics article{padding:17px 14px}#online>.live-metrics article>span{font-size:11px}}
@media(min-width:1151px){#online>.live-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
.demo-badge{display:inline-block;padding:7px 10px;border:1px solid #8bcaff36;background:#24425b70;border-radius:7px;font-size:10px;letter-spacing:1px;color:#b4dfff;font-weight:650}
.live-demo-note{padding:15px 18px;border-left:3px solid #8acfff;border-radius:0 10px 10px 0;background:#8acfff09;color:#aac5da;font-size:13px;line-height:1.7}
.live-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.live-heading h2{margin:0}.demo-label{font-size:11px;color:#819eb7}
.live-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.live-metrics article{padding:20px;border:1px solid #8bcaff24;background:#152639;border-radius:15px}.live-metrics article>span{font-size:12px;color:#a5bbcf}.live-metrics strong{display:block;font-size:34px;font-weight:700;margin:12px 0 8px;color:#d6eeff}.live-metrics small{font-size:12px;font-weight:400;color:#8caec9}.live-metrics p{font-size:11px;margin:0;color:#7794ac}.city-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.live-filter{display:flex;gap:8px;margin:22px 0 16px;flex-wrap:wrap}.live-filter button{font:500 12px 'Segoe UI',Arial,sans-serif;padding:9px 12px;background:#142336;border:1px solid #8bcaff20;border-radius:9px;color:#9fb8cf;cursor:pointer}.live-filter button span{font-size:10px;margin-left:8px;color:#7ca0bc}.live-filter button[aria-pressed="true"]{background:#2a506c;border-color:#8bcaff4f;color:#e0f4ff}.live-filter button:hover{border-color:#8bcaff55}.live-filter button:focus-visible{outline:2px solid #a4ddff;outline-offset:3px}
.demo-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.demo-player{display:flex;align-items:center;gap:12px;background:#142336;border:1px solid #8bcaff1e;border-radius:13px;padding:15px;min-width:0}.demo-player[hidden]{display:none}.demo-avatar{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:7px;background:linear-gradient(135deg,#537b73,#30495f);color:#e2f1fb;font-size:12px;box-shadow:inset 0 0 0 4px #ffffff07;font-weight:700}.avatar-1{background:linear-gradient(135deg,#72635a,#394663)}.avatar-2{background:linear-gradient(135deg,#4d7188,#3f4667)}.avatar-3{background:linear-gradient(135deg,#7d648d,#4f527d)}.avatar-4{background:linear-gradient(135deg,#7d7b52,#46575e)}.demo-player h3{font-size:14px;margin:0;color:#d3e8f9}.demo-player p{font-size:11px;margin:5px 0 0;color:#849fb8}.server-chip{font-size:10px;color:#9ac7e4;background:#82caff09;padding:6px 8px;border-radius:6px;margin-left:auto;white-space:nowrap}.filter-status{font-size:11px;color:#7f9ab1;margin-top:12px}
.leaderboard-grid,.jump-records{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.demo-board{background:#142336;border:1px solid #8bcaff22;border-radius:15px;padding:22px;min-width:0}.board-title{display:flex;justify-content:space-between;gap:10px;align-items:start}.board-title h3,.course-title h3{font-size:16px;margin:0}.board-title>span{font-size:10px;color:#7c9ab4;text-align:right}.demo-board ol{list-style:none;padding:0;margin:19px 0 0}.demo-board li{display:flex;gap:11px;align-items:center;padding:13px 0;border-top:1px solid #8bcaff10;font-size:12px}.rank-number{font-size:10px;color:#6d92af;font-variant-numeric:tabular-nums}.rank-player{color:#b4cde1}.demo-board li strong{margin-left:auto;font-size:12px;font-weight:600;color:#bfe8ff;font-variant-numeric:tabular-nums;white-space:nowrap}.demo-board li:first-child .rank-number{color:#b8dcf4}.course-title{display:flex;gap:12px;align-items:center}.course-title p{font-size:11px;color:#829fb8;margin:5px 0 0}.course-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#28525d;color:#a5e4e2;font-size:22px}.course-icon.harder{background:#393c67;color:#c5c6f8}.live-demo-footer{font-size:12px;color:#7998b0;line-height:1.8;margin:30px 0 40px}
@media(max-width:1150px){.live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.city-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-players,.leaderboard-grid,.jump-records{grid-template-columns:1fr}.live-metrics article{padding:17px}}
@media(max-width:760px){.live-intro h1{font-size:35px}.city-metrics{grid-template-columns:1fr}.city-metrics article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px}.city-metrics strong{grid-column:2;grid-row:1/3;margin:0;font-size:29px}.live-metrics strong{font-size:29px}.demo-player{padding:13px;gap:10px}.demo-avatar{width:36px;height:36px;flex-basis:36px}.server-chip{font-size:9px;padding:5px}.demo-board{padding:19px}.board-title h3{font-size:15px}}
#live-root .live-empty{font-size:13px;color:#9eb7cc;line-height:1.8}#live-root .live-server[data-state="online"]{border-color:#77d6a550}#live-root .live-server[data-state="offline"]{border-color:#e7a0a040}#live-root .live-server[data-state="online"] p{color:#8be0b0}#live-root .live-server[data-state="offline"] p{color:#e7a0a0}#live-root[data-state="error"] #live-connection{border-color:#e7a0a0;color:#edbdbd}#city-playtime{font-size:clamp(20px,2vw,29px)}#live-server-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#lobby-statistiken>.demo-board{margin-top:18px}#live-root{min-width:0}#live-root .live-metrics article{min-width:0}#live-root .demo-board li strong{overflow-wrap:anywhere;white-space:normal}@media(max-width:480px){#live-server-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}