.events-layout { display:grid; grid-template-columns:minmax(180px,260px) minmax(0,1fr); gap:20px; min-width:0; }
.event-list { display:flex; flex-direction:column; gap:10px; min-width:0; }
.event-list-item { display:grid; gap:8px; text-align:left; border:1px solid var(--line); border-radius:14px; background:var(--panel); padding:14px; color:var(--text); min-width:0; overflow-wrap:anywhere; }
.event-list-item.is-selected { border-color:var(--gold); }
.event-list-item small,.event-period { color:var(--muted); }
.event-detail { min-width:0; overflow-wrap:anywhere; }
.event-detail h2 { margin:0 0 12px; }
.event-detail h3 { margin:24px 0 12px; }
.event-own-progress { display:flex; flex-wrap:wrap; gap:16px; margin:18px 0; color:var(--gold); }
.event-thresholds { display:grid; gap:10px; }
.event-threshold { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; padding:14px; border:1px solid var(--line); border-radius:14px; }
.event-threshold p { margin:6px 0; color:var(--muted); }
.event-ranking { display:grid; gap:8px; }
.event-ranking-row { display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px; border-bottom:1px solid var(--line); min-width:0; }
.event-ranking-row.is-self { background:rgb(218 180 83 / 10%); }
.event-ranking-row .player-name { min-width:0; }
.event-prizes { margin:20px 0; padding:14px; border:1px solid var(--line); border-radius:14px; }
.event-prizes summary { cursor:pointer; color:var(--gold); }
[data-event-navigation][hidden] { display:none !important; }
@media(max-width:820px) { .mobile-nav.has-events { grid-template-columns:repeat(7,minmax(0,1fr)); } .mobile-nav.has-events button { font-size:7px; } }
@media(max-height:600px) and (orientation:landscape) { .mobile-nav.has-events { grid-template-columns:minmax(0,1fr); grid-template-rows:repeat(7,minmax(0,1fr)); overflow-y: auto; } }
@media(max-width:700px) { .events-layout { grid-template-columns:minmax(0,1fr); gap:18px; } .event-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .event-list-item { padding:10px; font-size:12px; } .event-ranking-row { gap:6px; padding:8px 0; font-size:12px; } .event-threshold { padding:10px; } }