.first-app{min-height:100dvh;display:flex;flex-direction:column}.first-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--space-16) + var(--space-4)) var(--space-4) var(--space-8);gap:var(--space-5);max-width:800px;margin:0 auto;width:100%}.first-intro{width:100%;max-width:480px;padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.first-intro h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;letter-spacing:-.03em}.first-intro>p{color:var(--color-text-secondary);max-width:30ch;line-height:1.6}.first-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-4)}.first-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary)}.first-meta{display:flex;gap:var(--space-4);align-items:center}.first-meta strong{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.first-meta strong[data-urgent]{color:var(--color-status-error);animation:timer-blink 1s ease infinite}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.4}}.first-events{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);width:100%}.first-event{background:var(--color-surface-raised);border:2px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3);text-align:start;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;min-height:160px;position:relative;overflow:hidden}.first-event:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--game-accent);opacity:0;transition:opacity var(--duration-fast) ease}.first-event:hover:not(:disabled){border-color:var(--game-accent);transform:translateY(-3px);box-shadow:0 8px 24px var(--game-accent-glow)}.first-event:hover:not(:disabled):before{opacity:.06}.first-event:disabled{cursor:not-allowed}.first-event--correct{border-color:var(--color-status-success);background:#34d39914}.first-event--wrong{border-color:var(--color-status-error);background:#ef444414}.first-event p{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.6;position:relative}.first-event__reveal{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;position:relative}.first-event--correct .first-event__reveal{color:var(--color-status-success)}.first-event--wrong .first-event__reveal{color:var(--color-status-error)}.first-divider{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:var(--color-text-tertiary);text-align:center;padding:var(--space-2) 0}.first-feedback{width:100%;padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);text-align:center;animation:fade-up var(--duration-normal) var(--ease-out)}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.first-feedback p{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.first-feedback p[data-correct]{color:var(--color-status-success)}.first-feedback p[data-wrong]{color:var(--color-status-error)}.first-scores{display:flex;gap:var(--space-6);justify-content:center;width:100%}@container (width < 400px){.first-events{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.first-event,.first-event:before,.first-feedback{transition:none;animation:none}}