.game-view-with-sidebar{gap:var(--spacing-lg);align-items:flex-start;display:flex}.game-view-main-content{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:0;display:flex}.event-log{background:var(--color-surface);width:350px;height:calc(100dvh - var(--header-h,90px));max-height:calc(100dvh - var(--header-h,90px));box-shadow:var(--shadow-md);top:var(--header-h,90px);z-index:100;flex-direction:column;display:flex;position:sticky;overflow:hidden}.event-log-header{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-surface-light);background:linear-gradient(135deg,var(--color-surface)0%,var(--color-surface-light)100%);justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.event-log-header h3{color:var(--color-text);margin:0;font-size:1.1rem;font-weight:600}.event-log-header-controls{gap:var(--spacing-xs);display:flex}.toggle-chip{padding:.2rem .5rem;font-size:.7rem}.event-log-filters{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-surface-light);background:#0000001a}.filter-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.filter-group:last-child{margin-bottom:0}.filter-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:var(--spacing-xs);font-size:.75rem;font-weight:500}.filter-chip{border-radius:var(--radius-sm);border:1px solid var(--color-surface-light);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;padding:.25rem .5rem;font-size:.75rem;transition:all .2s}.filter-chip:hover{background:var(--color-surface-light);border-color:var(--color-primary);color:var(--color-text)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:500}.filter-chip.player-chip{align-items:center;gap:.35rem;display:flex}.filter-player-cube{flex-shrink:0;min-width:12px;width:12px!important;height:12px!important}.generation-filter-group{align-items:center;gap:var(--spacing-xs);display:flex}.gen-selector{background:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;min-width:60px;padding:2px 4px;font-size:11px;font-weight:600}.gen-selector:hover{border-color:var(--color-text-muted)}.gen-selector:focus{border-color:var(--color-orange-bright);outline:none}.gen-selector option{background:var(--color-surface);color:var(--color-text)}.event-log-list{padding:var(--spacing-sm);flex:1;overflow:hidden auto}.event-log-list::-webkit-scrollbar{width:8px}.event-log-list::-webkit-scrollbar-track{background:var(--color-surface)}.event-log-list::-webkit-scrollbar-thumb{background:var(--color-surface-light);border-radius:4px}.event-log-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.collector-warning{padding:var(--spacing-sm)var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--color-text);background:#f8717126;border:1px solid #f8717166;border-radius:6px;font-size:.8rem}.collector-warning-header{justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:600;display:flex}.collector-warning-dismiss{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1}.collector-warning-dismiss:hover{color:var(--color-text)}.collector-warning p{margin:2px 0}.collector-warning-cards{margin:4px 0;padding-left:1.2em}.collector-warning-cards li{margin:1px 0}.collector-warning-hint{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.event-log-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);font-style:italic}.event-group{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);cursor:pointer;border-radius:var(--radius-sm);background:#0003;border-left:3px solid #0000;flex-direction:column;transition:all .2s;display:flex}.event-group.event-new{animation:1s ease-out event-flash}@keyframes event-flash{0%{background:#ffffff40}to{background:#0003}}.event-group:hover:not(.no-expand){background:#ffffff0d}.event-group.no-expand{cursor:default}.event-group.expanded{background:#ffffff08}.event-group.phase-development{border-left-color:#22c55e}.event-group.phase-construction{border-left-color:#3b82f6}.event-group.phase-action{border-left-color:#f59e0b}.event-group.phase-production{border-left-color:gold}.event-group.phase-research{border-left-color:#a855f7}.event-group.phase-none{border-left-color:var(--color-text-muted)}.phase-divider{padding:var(--spacing-xs)0;margin:var(--spacing-xs)0;justify-content:center;align-items:center;display:flex}.phase-divider-text{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;padding:0 var(--spacing-sm);font-size:.7rem;position:relative}.phase-divider-text:before,.phase-divider-text:after{content:"";background:var(--color-surface-light);width:30px;height:1px;position:absolute;top:50%}.phase-divider-text:before{right:100%}.phase-divider-text:after{left:100%}.generation-header{top:calc(-1*var(--spacing-sm));z-index:10;background:var(--color-surface);padding:var(--spacing-sm)var(--spacing-md);margin:var(--spacing-sm)calc(-1*var(--spacing-sm));border-bottom:2px solid var(--color-primary);border-top:1px solid var(--color-surface-light);position:sticky}.generation-header:first-child{margin-top:calc(-1*var(--spacing-sm));border-top:none}.generation-header-text{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.drawn-cards-header{align-items:baseline;gap:var(--spacing-xs);display:flex}.drawn-cards-list{padding-left:calc(6px + var(--spacing-xs));margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.research-section{margin-bottom:var(--spacing-xs)}.research-section-label{color:var(--color-text-muted);padding-left:calc(6px + var(--spacing-xs));text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.research-section-label.dimmed,.research-section .drawn-cards-list.dimmed{opacity:.5}.event-group-header{align-items:center;gap:var(--spacing-sm);font-size:.85rem;display:flex}.event-count-badge{color:var(--color-text-muted);border-radius:var(--radius-sm);white-space:nowrap;background:#ffffff14;flex-shrink:0;padding:.1rem .35rem;font-size:.65rem}.event-group-details{margin-top:var(--spacing-xs);padding:var(--spacing-xs)0 0 calc(14px + var(--spacing-sm));border-top:1px solid #ffffff0d}.event-group-child{align-items:baseline;gap:var(--spacing-xs);color:var(--color-text-muted);padding:.15rem 0;font-size:.78rem;line-height:1.4;display:flex}.phase-dot{border-radius:50%;flex-shrink:0;width:6px;min-width:6px;height:6px;margin-top:.3em}.phase-dot.phase-development{background:#22c55e}.phase-dot.phase-construction{background:#3b82f6}.phase-dot.phase-action{background:#f59e0b}.phase-dot.phase-production{background:gold}.phase-dot.phase-research{background:#a855f7}.phase-dot.phase-none{background:var(--color-text-muted)}.event-player-cube{flex-shrink:0;min-width:14px;width:14px!important;height:14px!important}.event-child-cube{border-radius:1px;flex-shrink:0;min-width:8px;margin-top:.3em;width:8px!important;height:8px!important}.event-text{min-width:0;color:var(--color-text);flex:1;line-height:1.3}.detail-line{color:var(--color-text-muted);padding:.15rem 0;line-height:1.4}.detail-line:first-child{color:var(--color-text);font-weight:500}.cards-list{flex-direction:column;gap:.25rem;display:flex}