.xb-tr-lobby{margin:22px 0}.xb-tr-navigation{display:flex;align-items:center;gap:8px}.xb-tr-navigation>a{font-size:12px;margin-right:8px}.xb-tr-navigation button{width:32px;height:32px;border:0;border-radius:50%;background:#ffffff0d;color:#ddd;font-size:24px;line-height:1;cursor:pointer}.xb-tr-navigation button:disabled{opacity:.35;cursor:default}
.xb-tr-rail{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.xb-tr-rail::-webkit-scrollbar{display:none}.xb-tr-card{flex:0 0 calc((100% - 60px)/4);min-width:0;scroll-snap-align:start;color:#f5f5f5;--tr-accent:#ff6600}.xb-tr-art{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/1;background:#292532}.xb-tr-art picture,.xb-tr-art img{display:block;width:100%;height:100%;object-fit:cover}.xb-tr-status{position:absolute;left:16px;top:16px;background:var(--accent-green,#ff6600);color:#151515;border-radius:18px;padding:3px 8px;font-size:14px;line-height:18px}.xb-tr-art-fallback{height:100%;display:flex;align-items:center;justify-content:center;gap:14px;padding:22px;background:radial-gradient(ellipse at 25% 90%,var(--tr-accent),transparent 70%),linear-gradient(130deg,#262238,#13131b)}.xb-tr-art-fallback>span{font-size:48px;color:#ffd880}.xb-tr-art-fallback strong{font-size:20px;line-height:1.15;text-shadow:0 2px 4px #000;max-width:65%}.xb-tr-art-fallback small{display:none}
.xb-tr-body{position:relative;z-index:1;margin:-17px 4px 0;padding:12px 12px 13px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--tr-accent) 17%,#37363e),#35353d 40%);border-radius:13px;border-top:1px solid #ffffff38}.xb-tr-clock{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;background:#0003;padding:4px 17px;font-size:12px;line-height:16px;white-space:nowrap}.xb-tr-clock>span{color:#bcb9c0;border-right:1px solid #ffffff28;padding-right:8px}.xb-tr-clock time{font-variant-numeric:tabular-nums;font-weight:600}.xb-tr-body h3{font-size:16px;font-weight:600;margin:15px 0 12px;line-height:21px;min-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xb-tr-prize>span{display:block;color:#99969d;font-size:12px;font-weight:600;line-height:17px}.xb-tr-prize strong{display:block;font-size:25px;line-height:32px;letter-spacing:-.5px}.xb-tr-actions{display:flex;gap:8px;margin-top:13px}.xb-tr-join,.xb-tr-more{display:flex;align-items:center;justify-content:center;min-height:32px;padding:7px 16px;border-radius:24px;font-size:12px;font-weight:500;text-decoration:none;line-height:18px}.xb-tr-actions>a{flex:1}.xb-tr-join{background:var(--accent-green,#ff6600);color:#111}.xb-tr-join:hover{filter:brightness(1.1);color:#111}.xb-tr-join[aria-disabled=true]{opacity:.5;cursor:default}.xb-tr-more{background:#ffffff14;color:#ddd;border-top:1px solid #ffffff26}.xb-tr-more:hover{background:#ffffff24;color:#fff}.xb-tr-card a:focus-visible,.xb-tr-navigation button:focus-visible,.xb-tr-page a:focus-visible,.xb-tr-page button:focus-visible{outline:2px solid #ff9b53;outline-offset:3px}
.xb-tr-page{padding:8px 0 32px}.xb-tr-page-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.xb-tr-page-heading>a{font-size:30px;color:#ddd}.xb-tr-page-heading h1{font-size:20px;margin:0}.xb-tr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.xb-tr-filters,.xb-tr-tabs{display:flex;gap:8px;margin:16px 0}.xb-tr-filters button,.xb-tr-tabs a{border:0;border-radius:20px;padding:9px 20px;background:#ffffff0d;color:#ddd;font-size:14px}.xb-tr-filters button[aria-pressed=true]{background:var(--accent-green,#ff6600);color:#111}.xb-tr-empty{padding:40px 12px;text-align:center;color:#bbb}.xb-tr-event>.xb-tr-art{aspect-ratio:4.4;border-radius:10px}.xb-tr-event-info{display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1fr;gap:10px;margin-top:-80px;padding:0 12px;position:relative;z-index:1;align-items:end}.xb-tr-event-prize{background:linear-gradient(140deg,color-mix(in srgb,var(--tr-accent) 20%,#34333d),#34333de8);backdrop-filter:blur(12px);padding:20px 24px;border:1px solid #ffffff20;border-radius:8px;text-align:center;display:grid;gap:10px}.xb-tr-event-prize>span{color:#bcbac1;font-size:12px}.xb-tr-event-prize>strong{font-size:28px;color:var(--accent-green,#ff6600)}.xb-tr-event-prize .xb-tr-clock{padding:5px;background:none;flex-wrap:wrap}.xb-tr-event-prize .xb-tr-clock time{font-size:22px}.xb-tr-fact{background:#393840;border:1px solid var(--accent-green,#ff6600);border-radius:10px;padding:16px 12px;min-width:0}.xb-tr-fact h2{font-size:12px;text-align:center;margin:0 0 14px}.xb-tr-fact dl{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px;margin:0}.xb-tr-fact dt{font-weight:400;color:#bab8be}.xb-tr-fact dd{margin:0;text-align:right}.xb-tr-games{padding:22px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.xb-tr-games h2{font-size:16px;margin:0}.xb-tr-games p{font-size:13px;margin:0;color:#bbb;overflow-wrap:anywhere}.xb-tr-games a{margin-left:auto}.xb-tr-detail-grid{display:grid;grid-template-columns:.75fr 1fr 1.25fr;gap:20px;align-items:start}.xb-tr-panel{background:#ffffff08;border-radius:10px;padding:20px;scroll-margin-top:180px;min-width:0}.xb-tr-panel h2{font-size:15px;margin:0 0 18px}.xb-tr-panel p{font-size:13px;line-height:1.8;color:#bbb;overflow-wrap:anywhere}.xb-tr-panel table{width:100%;font-size:13px}.xb-tr-panel td,.xb-tr-panel th{padding:12px 6px;border-bottom:1px solid #ffffff0d;overflow-wrap:anywhere}.xb-tr-panel th{color:#aaa;font-size:11px;font-weight:400}.xb-tr-panel td:last-child,.xb-tr-panel th:last-child{text-align:right}.xb-tr-panel tr.is-me{background:#ff660018;color:#ff9853}.xb-tr-refresh{font-size:11px!important}.xb-tr-card[hidden]{display:none}
@media(max-width:1199px){.xb-tr-rail .xb-tr-card{flex-basis:calc((100% - 40px)/3)}.xb-tr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xb-tr-event-info{grid-template-columns:1fr 1fr;margin-top:-35px}.xb-tr-detail-grid{grid-template-columns:1fr 1fr}.xb-tr-panel:last-child{grid-column:1/-1}}
@media(max-width:767px){.xb-tr-lobby{margin:16px 0}.xb-tr-rail{gap:12px}.xb-tr-rail .xb-tr-card{flex-basis:88%}.xb-tr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.xb-tr-art{aspect-ratio:2.9}.xb-tr-body{padding:12px 10px;margin-inline:3px}.xb-tr-body h3{font-size:15px}.xb-tr-prize strong{font-size:25px}.xb-tr-actions>a{min-height:40px}.xb-tr-navigation button{width:28px;height:28px}.xb-tr-event>.xb-tr-art{aspect-ratio:2.3}.xb-tr-event-info{grid-template-columns:1fr;gap:10px;margin-top:-20px;padding:0 6px}.xb-tr-event-prize{padding:16px 20px}.xb-tr-event-prize .xb-tr-join{min-height:44px}.xb-tr-fact{padding:14px}.xb-tr-fact h2{text-align:left}.xb-tr-detail-grid{grid-template-columns:1fr;gap:12px}.xb-tr-panel:last-child{grid-column:auto}.xb-tr-tabs{position:sticky;top:var(--xb-header-height,60px);z-index:3;background:#292932;padding:8px 0}.xb-tr-tabs a{flex:1;text-align:center;padding:10px 5px;font-size:12px;white-space:nowrap}.xb-tr-games{gap:10px}.xb-tr-games a{margin-left:0}.xb-tr-page-heading h1{font-size:17px}.xb-tr-panel{scroll-margin-top:150px}}
@media(max-width:540px){.xb-tr-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.xb-tr-rail{scroll-behavior:auto}}

.xb-theme .xb-tr-join,.xb-theme .xb-tr-join:hover{color:#111}.xb-tr-game-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;margin-bottom:24px;padding-bottom:8px}.xb-tr-game-rail>a{flex:0 0 140px;scroll-snap-align:start;border-radius:8px;overflow:hidden;background:#ffffff0b;color:#ddd}.xb-tr-game-rail img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.xb-tr-game-rail span{display:block;padding:8px;font-size:12px;line-height:1.4}

.xb-tr-join-control{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.xb-tr-join-control .xb-tr-join{width:100%;border:0;font-family:inherit;cursor:pointer;min-height:40px}.xb-tr-join-control small{font-size:11px;line-height:1.4;color:#ddd}.xb-tr-join-control small:empty{display:none}.xb-tr-join:disabled{cursor:default;opacity:.65}.xb-tr-join[data-tr-joined="1"]{background:#256343;color:#fff;opacity:1}