.landing{min-height:100vh;display:flex;flex-direction:column}.landing-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);padding:var(--sp-7) var(--sp-4)}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3)}.hero-cards{display:flex;justify-content:center;margin-bottom:var(--sp-2)}.mini-card{display:flex;align-items:center;justify-content:center;width:44px;height:62px;border:1px solid var(--card-edge);border-radius:var(--r-card);background-color:var(--card-face);box-shadow:var(--shadow-card);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--accent)}.mini-card:nth-child(1){transform:rotate(-10deg) translateX(8px) translateY(4px)}.mini-card:nth-child(2){transform:translateY(-2px);z-index:1}.mini-card:nth-child(3){transform:rotate(10deg) translateX(-8px) translateY(4px)}.wordmark{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.01em}.tagline{max-width:42ch;color:var(--text-muted);font-size:var(--text-md)}.create-card{display:flex;flex-direction:column;gap:var(--sp-5);width:100%;max-width:440px;padding:var(--sp-6);border:1px solid var(--border);border-radius:var(--r-lg);background-color:var(--surface);box-shadow:var(--shadow-pop)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.mode-picker legend{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--sp-2);padding:0}.mode-cards{display:flex;gap:var(--sp-3)}.mode-card{flex:1;cursor:pointer}.mode-card input[type=radio]{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mode-card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-4) var(--sp-2);border:1px solid var(--card-edge);border-radius:var(--r-card);background-color:var(--card-face);box-shadow:var(--shadow-1);text-align:center;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.mode-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-muted);transition:color .15s ease}.mode-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.mode-card:hover .mode-card-face{border-color:var(--border-strong)}.mode-card input[type=radio]:checked+.mode-card-face{border-color:var(--accent);box-shadow:var(--shadow-card);transform:translateY(-2px)}.mode-card input[type=radio]:checked+.mode-card-face .mode-value{color:var(--accent)}.mode-card input[type=radio]:checked+.mode-card-face .mode-label{color:var(--text)}.mode-card input[type=radio]:focus-visible+.mode-card-face{outline:2px solid var(--accent);outline-offset:2px}.spectator-row{justify-content:flex-start}@media(max-width:480px){.create-card{padding:var(--sp-5)}.mode-cards{gap:var(--sp-2)}}