.hero-game{background:var(--gradient-hero)}.hero-game-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--space-8);align-items:center}.hero-game-content{max-width:36rem}.hero-game-stats{margin-top:var(--space-6)}.hero-game-visual{display:flex;justify-content:center}.hero-generator-card-wrapper{position:relative;max-width:420px;width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--color-surface-elevated)}.hero-generator-image{width:100%;height:auto;object-fit:cover}.hero-generator-overlay{position:absolute;inset:auto var(--space-3) var(--space-3) var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:rgba(15,23,42,0.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#e5e7eb;display:flex;flex-direction:column;gap:var(--space-2)}.hero-generator-label{font-size:var(--font-size-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--color-primary-soft)}.hero-generator-cards{display:flex;gap:0.4rem;height:48px;align-items:flex-end}.hero-generator-cards::before,.hero-generator-cards::after{content:"";flex:1 1 0;border-radius:0.75rem;background:linear-gradient(145deg,#dbeafe,#e0f2fe);opacity:0.85;box-shadow:var(--shadow-sm)}.hero-generator-cards::after{background:linear-gradient(145deg,#bbf7d0,#e0fbea)}.section-header-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.section-header-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.play-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr);gap:var(--space-6);align-items:flex-start}.play-board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.75rem;margin-bottom:var(--space-4)}.play-card{position:relative;padding-top:130%;border-radius:var(--radius-md);background:linear-gradient(145deg,#ffffff,#e5efff);box-shadow:var(--shadow-sm);overflow:hidden;display:block}.play-card-inner{position:absolute;inset:0;padding:0.6rem;display:flex;flex-direction:column;justify-content:space-between}.play-card-rank{font-weight:700;font-size:var(--font-size-sm)}.play-card-symbol{font-size:1.4rem}.play-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right}.play-info-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.play-info-chip{display:flex;align-items:center;gap:0.4rem;font-size:var(--font-size-xs)}.play-info-value{font-weight:600;color:var(--color-neutral-800)}.play-sidebar-body{display:flex;flex-direction:column;gap:var(--space-4)}.play-controls{display:flex;flex-direction:column;gap:var(--space-2)}.play-summary{font-size:var(--font-size-sm);border-radius:var(--radius-md);background:rgba(15,23,42,0.02);padding:var(--space-3);display:flex;flex-direction:column;gap:0.4rem}.play-summary-row{display:flex;justify-content:space-between;gap:var(--space-2)}.play-summary-row dt{color:var(--color-text-muted)}.play-summary-row dd{font-weight:600;color:var(--color-neutral-800)}.play-hint{font-size:var(--font-size-xs);margin-bottom:0;color:var(--color-text-muted)}.play-link{align-self:flex-start}.mechanics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr);gap:var(--space-6);align-items:flex-start}.mechanics-steps{gap:var(--space-4);margin-bottom:var(--space-4)}.mechanics-card .card-body{font-size:var(--font-size-sm)}.mechanics-aside{align-self:stretch;display:flex;flex-direction:column;gap:var(--space-3)}.mechanics-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.generator-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr);gap:var(--space-8);align-items:center}.generator-figure{padding:0;overflow:hidden}.generator-image{border-radius:var(--radius-lg);width:100%;height:auto;object-fit:cover}.generator-caption{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.generator-content .generator-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.generator-content h3{font-size:var(--font-size-base);margin-bottom:0.25rem}.generator-content p{margin-bottom:0.25rem}.section-stats{background:var(--color-surface-elevated)}.stats-cards{gap:var(--space-6)}.stats-values{margin-top:var(--space-3);font-size:var(--font-size-sm);display:flex;flex-direction:column;gap:0.4rem}.stats-values-row{display:flex;justify-content:space-between;gap:var(--space-2)}.history-list{margin-top:var(--space-3);font-size:var(--font-size-sm)}.history-empty{margin-bottom:0}.section-ranking{background:var(--color-surface)}.ranking-cards{gap:var(--space-6);align-items:stretch}.ranking-table{width:100%;margin-top:var(--space-3);font-size:var(--font-size-sm)}.ranking-table th,.ranking-table td{text-align:left;padding:0.35rem 0.15rem}.ranking-table thead th{font-weight:600;color:var(--color-neutral-700);border-bottom:1px solid var(--color-neutral-200)}.ranking-image{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.tips-cards{gap:var(--space-6)}.tips-list{font-size:var(--font-size-sm);display:flex;flex-direction:column;gap:0.35rem;padding-left:1rem;list-style:disc}.tips-footer{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.sticky-cta-bar{background:linear-gradient(to top,rgba(15,23,42,0.94),rgba(15,23,42,0.5))}@media (max-width:1024px){.hero-game-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.hero-game-visual{order:-1}.play-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.mechanics-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.generator-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.section-header-inline{flex-direction:column;align-items:flex-start}.play-grid{grid-template-columns:minmax(0,1fr)}.mechanics-grid{grid-template-columns:minmax(0,1fr)}.generator-grid{grid-template-columns:minmax(0,1fr)}.ranking-cards{grid-template-columns:minmax(0,1fr)}.tips-cards{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.hero-game-stats{margin-top:var(--space-4)}.play-board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sticky-cta-inner{gap:var(--space-2)}.sticky-cta-actions{width:100%;flex-direction:column;align-items:flex-start}.sticky-cta-actions .btn{width:100%}}