.htp-hero{background:radial-gradient(ellipse at 50% 0,rgba(16,185,129,.1) 0,transparent 65%)}.page-hero{position:relative;overflow:hidden}.page-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--clr-bg)}.page-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.page-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.5),transparent);top:-200px;left:-100px}.page-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(245,158,11,.3),transparent);bottom:0;right:-100px}.toc-section{padding:var(--spacing-lg) 0;background:var(--clr-surface);border-bottom:1px solid var(--clr-border)}.toc-card{max-width:700px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;gap:var(--spacing-lg);align-items:flex-start}.toc-title{font-size:1rem;font-weight:700;color:var(--clr-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-sm);white-space:nowrap}.toc-list{list-style:none;columns:2;gap:var(--spacing-md);flex:1}.toc-list li{margin-bottom:.5rem}.toc-list li a{font-size:.9rem;color:var(--clr-text-muted);transition:color var(--transition);display:flex;align-items:center;gap:.4rem}.toc-list li a::before{content:'→';color:var(--clr-primary);font-size:.8rem;opacity:0;transform:translateX(-4px);transition:opacity var(--transition),transform var(--transition)}.toc-list li a:hover{color:var(--clr-text)}.toc-list li a:hover::before{opacity:1;transform:translateX(0)}.rule-section{padding:var(--spacing-2xl) 0;background:var(--clr-bg)}.rule-alt{background:var(--clr-surface)}.rule-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.rule-number{font-family:var(--font-display);font-size:4rem;font-weight:700;color:rgba(245,158,11,.15);line-height:1;flex-shrink:0;min-width:80px;text-align:right}.rule-content{display:grid;grid-template-columns:1.3fr 0.7fr;gap:var(--spacing-xl);align-items:start}.rule-content-simple{max-width:800px}.rule-text p{font-size:1rem;color:var(--clr-text-muted);line-height:1.8;margin-bottom:var(--spacing-sm)}.rule-text strong{color:var(--clr-text)}.rule-text em{color:var(--clr-primary);font-style:normal}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.fact-box{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center}.fact-num{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--clr-primary);line-height:1}.fact-label{font-size:.8rem;color:var(--clr-text-muted);line-height:1.4;margin-top:.25rem}.suits-display{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.suit-item{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;font-size:.85rem;color:var(--clr-text-muted)}.suit-sym{display:block;font-size:2rem;margin-bottom:.25rem}.suit-spades .suit-sym{color:#cbd5e1}.suit-diams .suit-sym,.suit-hearts .suit-sym{color:#ef4444}.suit-clubs .suit-sym{color:#94a3b8}.deck-visual{display:flex;gap:var(--spacing-md);justify-content:center;align-items:flex-start;flex-wrap:wrap}.deck-card{text-align:center;font-size:.85rem;color:var(--clr-text-muted)}.closed-deck .deck-card-back{width:80px;height:112px;background:linear-gradient(135deg,#1e3a5f,#0f2847);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:.5rem}.open-pile-card img{width:80px;border-radius:var(--radius-sm);box-shadow:var(--shadow-card);margin-bottom:.5rem}.objective-box{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(59,130,246,.06));border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;gap:var(--spacing-md);align-items:flex-start}.objective-icon{font-size:2.5rem;flex-shrink:0}.objective-box h3{font-size:1.1rem;line-height:1.5;color:var(--clr-text)}.objective-box p{font-size:.95rem;color:var(--clr-text-muted);line-height:1.8}.step-list{list-style:none;padding-left:0}.step-list li{display:flex;gap:var(--spacing-sm);align-items:flex-start;font-size:.95rem;color:var(--clr-text-muted);margin-bottom:var(--spacing-sm);counter-increment:step-counter}.step-list li::before{content:counter(step-counter);width:24px;height:24px;background:var(--clr-primary);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.1rem}.step-list{counter-reset:step-counter}.turn-flow{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.turn-step{display:flex;gap:var(--spacing-sm);align-items:flex-start;font-size:.95rem;color:var(--clr-text-muted)}.turn-step strong{color:var(--clr-text)}.turn-step em{color:var(--clr-blue);font-style:normal}.turn-step-num{width:28px;height:28px;background:var(--grad-gold);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.turn-arrow{text-align:center;color:var(--clr-text-dim);font-size:1.2rem;padding:.25rem 0;margin-left:14px}.tip-box{display:flex;align-items:flex-start;gap:.5rem;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm);padding:.75rem var(--spacing-sm)}.tip-icon{flex-shrink:0;font-size:1rem}.tip-box p{font-size:.875rem!important;color:var(--clr-text-muted)!important;margin:0!important;line-height:1.5!important}.tip-box p strong{color:var(--clr-primary)!important}.callout-box{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm);padding:.75rem var(--spacing-sm);font-size:.9rem;color:var(--clr-text-muted)}.callout-box strong{color:var(--clr-blue)}.mandatory-banner{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:.75rem var(--spacing-sm);font-size:.9rem;font-weight:500;color:#fca5a5}.mandatory-banner span{color:var(--clr-accent);font-weight:700}.rule-examples{display:flex;flex-direction:column;gap:var(--spacing-md)}.rule-example{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.rule-example.valid{border-color:rgba(16,185,129,.25)}.rule-example.invalid{border-color:rgba(239,68,68,.25)}.invalid-tag,.valid-tag{display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:.5rem;padding:.2rem .6rem;border-radius:100px}.valid-tag{background:rgba(16,185,129,.15);color:var(--clr-green)}.invalid-tag{background:rgba(239,68,68,.15);color:var(--clr-accent)}.card-example{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.card-example img{width:56px;border-radius:6px;box-shadow:var(--shadow-sm);transition:transform var(--transition)}.card-example img:hover{transform:translateY(-4px)}.example-label{font-size:.8rem;color:var(--clr-text-muted);font-style:italic}.joker-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.joker-card{padding:var(--spacing-md)}.joker-img-wrap{margin-bottom:var(--spacing-sm)}.joker-img{width:70px;border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.joker-card h3{font-size:1.05rem;margin-bottom:.5rem;color:var(--clr-text)}.joker-card p{font-size:.9rem;color:var(--clr-text-muted);line-height:1.6;margin-bottom:var(--spacing-sm)}.decl-checklist{display:flex;flex-direction:column;gap:var(--spacing-sm)}.decl-item{display:flex;gap:var(--spacing-sm);align-items:flex-start;background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.decl-mandatory{border-color:rgba(239,68,68,.3)}.decl-required{border-color:rgba(16,185,129,.25)}.decl-icon{font-size:1.5rem;flex-shrink:0}.decl-item h3{font-size:1rem;margin-bottom:.3rem;color:var(--clr-text)}.decl-item p{font-size:.9rem;color:var(--clr-text-muted);line-height:1.6}.decl-example{padding:var(--spacing-lg)}.sample-hand{display:flex;flex-direction:column;gap:var(--spacing-sm)}.meld-group{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.meld-label{font-size:.75rem;font-weight:700;padding:.2rem .7rem;border-radius:100px;white-space:nowrap}.meld-label.pure{background:rgba(16,185,129,.15);color:var(--clr-green)}.meld-label.impure{background:rgba(59,130,246,.15);color:var(--clr-blue)}.meld-label.set{background:rgba(139,92,246,.15);color:var(--clr-purple)}.meld-cards{display:flex;gap:4px}.meld-cards img{width:52px;border-radius:5px;box-shadow:var(--shadow-sm)}.score-table{border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden}.score-row{display:grid;grid-template-columns:1.5fr 0.8fr 1fr;gap:0;border-bottom:1px solid var(--clr-border);padding:.75rem var(--spacing-sm);align-items:center}.score-row:last-child{border-bottom:none}.score-head{background:var(--clr-surface-3);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--clr-text-muted)}.score-row:not(.score-head){font-size:.9rem;color:var(--clr-text)}.score-row:not(.score-head):nth-child(2n){background:rgba(255,255,255,.02)}.points-value{font-weight:700}.points-value.high{color:var(--clr-accent)}.points-value.mid{color:var(--clr-primary)}.points-value.zero{color:var(--clr-green)}.score-card-img{width:44px;border-radius:5px;box-shadow:var(--shadow-sm)}.score-card-row{display:flex;gap:4px}.drop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.drop-card{padding:var(--spacing-md)}.drop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.drop-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .6rem;border-radius:100px;background:rgba(16,185,129,.15);color:var(--clr-green)}.drop-badge-mid{background:rgba(245,158,11,.15);color:var(--clr-primary)}.drop-badge-red{background:rgba(239,68,68,.15);color:var(--clr-accent)}.drop-pts{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--clr-text)}.drop-card p{font-size:.9rem;color:var(--clr-text-muted);line-height:1.6}.drop-first{border-color:rgba(16,185,129,.2)}.drop-mid{border-color:rgba(245,158,11,.2)}.drop-wrong{border-color:rgba(239,68,68,.2)}.quick-ref-cta{text-align:center;padding:var(--spacing-lg);border:1px dashed var(--clr-border);border-radius:var(--radius-lg)}.quick-ref-cta p{font-size:1.1rem;color:var(--clr-text-muted)}@media (max-width:900px){.rule-content{grid-template-columns:1fr}.rule-visual{display:none}.fact-grid{grid-template-columns:repeat(2,1fr)}.joker-grid{grid-template-columns:1fr}.drop-grid{grid-template-columns:1fr}.toc-card{flex-direction:column}.toc-list{columns:1}}@media (max-width:600px){.rule-number{font-size:2.5rem;min-width:50px}.rule-header{gap:var(--spacing-sm)}.sample-hand .meld-group{flex-direction:column;align-items:flex-start}.score-row{grid-template-columns:1fr 0.5fr}.score-row>:last-child{display:none}}