:root{--bg:#1a1a2e;--surface:#16213e;--surface-hover:#1a2a4a;--border:#0f3460;--text:#e0e0e0;--text-muted:#8892b0;--correct:#2ecc71;--incorrect:#e74c3c;--accent:#4a9eff;--value:#f0a500;--bluff:#e74c3c}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.page{max-width:720px;margin:0 auto;padding:2rem 1.5rem}.page-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.page-header h1{font-size:1.5rem;font-weight:600}.back-link{color:var(--text-muted);white-space:nowrap;font-size:.9rem;text-decoration:none}.back-link:hover{color:var(--text)}.home-page{flex-direction:column;align-items:center;gap:3rem;padding-top:4rem;display:flex}.home-hero{text-align:center}.home-hero h1{letter-spacing:-.5px;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.subtitle{color:var(--text-muted);font-size:1rem}.home-about{text-align:center;max-width:560px;color:var(--text-muted);font-size:.9rem;line-height:1.6}.home-footer{border-top:1px solid var(--border);text-align:center;width:100%;max-width:560px;color:var(--text-muted);margin-top:auto;padding-top:1rem;font-size:.8rem}.home-footer a{color:var(--text-muted);text-decoration:none}.home-footer a:hover{color:var(--text)}.quiz-cards{grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:560px;display:grid}.quiz-card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:1.5rem;text-decoration:none;transition:background .15s,border-color .15s;display:block}.quiz-card:hover{background:var(--surface-hover);border-color:var(--accent)}.quiz-card h2{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.quiz-card p{color:var(--text-muted);font-size:.875rem;line-height:1.4}.quiz-container{flex-direction:column;gap:2rem;display:flex}.question-section{flex-direction:column;gap:1.25rem;display:flex}.question-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;font-weight:600}.question-text{font-size:1.2rem;line-height:1.5}.question-hint{font-size:.875rem}.hand-highlight{color:var(--accent);font-size:1.3rem}.text-muted{color:var(--text-muted)}.text-error{color:var(--incorrect)}.board{flex-wrap:wrap;gap:.5rem;display:flex}.playing-card{background:#fff;border-radius:6px;flex-direction:column;align-items:center;min-width:44px;padding:.35rem .6rem;line-height:1.1;display:flex;box-shadow:0 2px 6px #0006}.playing-card.red{color:#d73a49}.playing-card.black{color:#1a1a2e}.card-rank{font-size:1rem;font-weight:700}.card-suit{font-size:.9rem}.hand-badges{flex-wrap:wrap;gap:.4rem;display:flex}.hand-badge{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:.2rem .6rem;font-family:monospace;font-size:.875rem;font-weight:600;display:inline-block}.hand-badge--value{border-color:var(--value);color:var(--value)}.hand-badge--bluff{border-color:var(--bluff);color:var(--bluff)}.range-hands{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.hand-group{flex-direction:column;gap:.5rem;display:flex}.bet-info{gap:2rem;display:flex}.bet-info-item{flex-direction:column;gap:.15rem;display:flex}.bet-info-item strong{font-size:1.1rem}.answer-form{flex-direction:column;gap:1rem;display:flex}.answer-input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:.6rem 1rem;font-size:1.1rem}.answer-input:focus{border-color:var(--accent)}.combo-inputs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-label{color:var(--text-muted);flex-direction:column;gap:.4rem;font-size:.875rem;display:flex}.call-fold-section{flex-direction:column;gap:.5rem;display:flex}.toggle-group{gap:.5rem;display:flex}.toggle-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;padding:.65rem;font-size:1rem;font-weight:600;transition:all .15s}.toggle-btn--call.active{border-color:var(--correct);color:var(--correct);background:#2ecc7126}.toggle-btn--fold.active{border-color:var(--incorrect);color:var(--incorrect);background:#e74c3c26}.toggle-btn:hover:not(.active){background:var(--surface-hover);color:var(--text)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .15s}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.result-section{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.result--correct{border-color:var(--correct);background:#2ecc710d}.result--incorrect{border-color:var(--incorrect);background:#e74c3c0d}.result-verdict{font-size:1.2rem;font-weight:700}.result--correct .result-verdict{color:var(--correct)}.result--incorrect .result-verdict{color:var(--incorrect)}.result-explanation{color:var(--text-muted);font-size:.9rem;line-height:1.6}.result-breakdown{flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.breakdown-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.3rem 0;display:flex}.breakdown-row.correct{color:var(--correct)}.breakdown-row.incorrect{color:var(--incorrect)}.breakdown-row.stats{color:var(--text-muted);border-bottom:none;grid-template-columns:auto auto auto auto auto auto;gap:.5rem;margin-top:.25rem;display:grid}@media (width<=480px){.page{padding:1.25rem 1rem}.home-hero h1{font-size:2rem}.quiz-cards,.range-hands{grid-template-columns:1fr}.breakdown-row.stats{grid-template-columns:auto auto auto;row-gap:.4rem}}