.poker-page section{position:relative}
.poker-hero{min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center}
.poker-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.35}
.poker-hero-inner{position:relative;display:flex;justify-content:center}
.poker-hero-text{max-width:600px;display:flex;flex-direction:column;gap:var(--space-3);margin-inline:auto}
.poker-hero-cta{display:flex;gap:var(--space-3);justify-content:center}

.poker-intro-grid>div{min-width:0}

.poker-center-heading{text-align:center;margin-inline:auto}
.poker-format-grid{justify-items:center}
.poker-card{display:flex;flex-direction:column;gap:var(--space-2);max-width:320px;text-align:center}
.poker-card:hover{border-color:var(--color-accent);box-shadow:0 0 8px var(--color-surface-glow)}

.poker-timeline-line{display:flex;gap:var(--space-4);border-top:1px solid var(--color-border-grid);padding-top:var(--space-4)}
.poker-step{flex:1;min-width:0}

.poker-atmosphere-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.poker-atmosphere-image img{width:100%;height:100%;object-fit:cover}
.poker-atmosphere-text{max-width:420px}

.poker-events>div>div{min-width:0}

.poker-rules-inner{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.poker-accordion{display:flex;flex-direction:column;gap:var(--space-2)}
.poker-accordion-trigger{width:100%;text-align:left;padding:var(--space-3);border:1px solid var(--color-border-grid)}
.poker-accordion-content{display:none;padding:var(--space-3);border:1px solid var(--color-border-grid);border-top:none}
.poker-accordion-item.active .poker-accordion-content{display:block}

.poker-cta-inner{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.poker-cta-inner .button{align-self:center}

@media(max-width:768px){
.poker-hero{min-height:auto;padding-block:var(--space-5)}
.poker-hero-cta{flex-direction:column}
.poker-timeline-line{flex-direction:column}
.poker-atmosphere-grid{grid-template-columns:1fr}
.poker-atmosphere-text{max-width:100%}
}
