#event-selection-view{background:linear-gradient(180deg,var(--bg-color) 0%,var(--bg-color) 50%,color-mix(in srgb,var(--bg-color) 95%,var(--accent-color)) 100%);min-height:calc(100vh - 4rem);padding-bottom:6rem}#event-selection-view .viewer-header{padding:2rem 1.5rem 1.5rem;text-align:center;background:var(--bg-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;margin-bottom:2rem}#event-selection-view .header-title{font-size:2rem;font-weight:800;letter-spacing:.02em;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color) 80%,var(--text-color)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}body:has(#event-selection-view) .site-footer{margin-top:0;background:transparent;backdrop-filter:none;border-top:1px solid color-mix(in srgb,var(--border-color) 30%,transparent)}body:has(#event-selection-view){background:var(--bg-color)}.hof-gallery-container{max-width:60rem;margin:0 auto;padding:0 1.5rem 3rem;position:relative;z-index:1;display:flex;flex-direction:column}.hof-gallery-group{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:0;position:relative;padding-top:5rem;flex-shrink:0}.hof-gallery-group:first-child{padding-top:2rem}.hof-gallery-group:last-child{padding-bottom:3rem}.hof-gallery-group:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:4px;height:3.5rem;background:var(--accent-color);opacity:.5;z-index:0}.hof-gallery-group:first-child:before{top:-1rem;height:3rem;opacity:.3}.hof-gallery-group:after{display:none}.hof-group-title{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-color);margin-bottom:3rem;position:relative;text-align:center;padding:.75rem 1.5rem;width:fit-content;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 15%,transparent),color-mix(in srgb,var(--accent-color) 5%,transparent));border:2px solid color-mix(in srgb,var(--accent-color) 30%,transparent);border-radius:3.125rem}.hof-gallery-group.dummy-section .hof-group-title{background:linear-gradient(135deg,color-mix(in srgb,#ff6b6b 15%,transparent),color-mix(in srgb,#ffa500 10%,transparent));border:2px dashed color-mix(in srgb,#ff6b6b 40%,transparent);color:var(--text-color);opacity:.9}.hof-gallery-group.dummy-section .hof-group-title:before{background:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b}.hof-gallery-group.dummy-section:before{background:#ff6b6b;opacity:.4}.hof-gallery-group.dummy-section .hof-group-title:after{background:#ff6b6b;opacity:.4}.hof-group-title:before{content:"";position:absolute;left:50%;top:-1.5rem;transform:translate(-50%);width:1rem;height:1rem;background:var(--accent-color);border:3px solid var(--bg-color);border-radius:50%;box-shadow:0 0 0 2px var(--accent-color);z-index:1}.hof-group-title:after{content:"";position:absolute;left:50%;bottom:-3rem;transform:translate(-50%);width:4px;height:3rem;background:var(--accent-color);opacity:.5;z-index:0}.hof-character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 1rem;position:relative;width:100%;max-width:30rem}.hof-character-grid:before{content:"";position:absolute;inset:-1.5rem -2rem;background:var(--card-bg);border-radius:1.25rem;box-shadow:0 .25rem 1.25rem var(--shadow-color);z-index:-1;opacity:.4}.hof-character-card{background-color:var(--card-bg);border-radius:1rem;box-shadow:0 .125rem .75rem var(--shadow-color);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;border:1px solid color-mix(in srgb,var(--border-color) 50%,transparent);position:relative}.hof-character-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 10%,transparent) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hof-character-card:hover{transform:translateY(-.5rem) scale(1.02);box-shadow:0 .75rem 1.75rem color-mix(in srgb,var(--shadow-color) 150%,black),0 0 0 1px color-mix(in srgb,var(--accent-color) 40%,transparent)}.hof-character-card:hover:before{opacity:1}.hof-card-image{width:100%;height:10rem;object-fit:cover;background:linear-gradient(135deg,var(--bg-color),color-mix(in srgb,var(--bg-color) 95%,var(--accent-color)));transition:transform .3s ease}.hof-character-card:hover .hof-card-image{transform:scale(1.05)}.hof-card-name{font-weight:700;font-size:.95rem;padding:1rem;color:var(--text-color);background:linear-gradient(to top,var(--card-bg) 0%,color-mix(in srgb,var(--card-bg) 98%,var(--accent-color)) 100%);letter-spacing:.02em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.hof-character-card{animation:fadeInUp .6s ease backwards}.hof-character-card:nth-child(1){animation-delay:.1s}.hof-character-card:nth-child(2){animation-delay:.2s}.hof-character-card:nth-child(3){animation-delay:.3s}@media (max-width: 768px){#event-selection-view .header-title{font-size:1.75rem}.hof-gallery-container{padding:0 1rem 2.5rem}.hof-character-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.hof-card-image{height:12rem}.hof-card-name{font-size:.9rem;padding:.85rem}.hof-character-grid:before{left:-1rem;right:-1rem}}@media (max-width: 480px){#event-selection-view .header-title{font-size:1.5rem}#event-selection-view .viewer-header{padding:1.5rem 1rem 1rem}#event-selection-view{padding-bottom:5rem}.hof-gallery-container{padding:0 .75rem 2rem}.hof-gallery-group{margin-bottom:0}.hof-character-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;padding:0 .5rem}.hof-character-grid:before{left:-.5rem;right:-.5rem}.hof-card-image{height:10rem}.hof-card-name{font-size:.85rem;padding:.75rem}.hof-group-title{font-size:1rem;padding:.65rem 1.25rem;margin-bottom:2.5rem}}