[class$=-card],[class*=-card\ ]{padding:var(--space-3);border:var(--border-hair) solid var(--rule-strong);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-raised) 70%, transparent);color:inherit;text-decoration:none;display:block}a[class$=-card]:hover,a[class*=-card\ ]:hover{border-color:var(--accent);color:inherit}[class$=-grid],[class*=-grid\ ]{gap:var(--space-2);margin-block:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}[class$=-title],[class*=-title\ ]{font-family:var(--font-mono);font-weight:700;line-height:var(--leading-tight);margin-block:0 var(--space-1)}[class$=-card] [class$=-title],[class*=-card\ ] [class$=-title],[class$=-card] h2,[class$=-card] h3,[class$=-card] h4{font-size:var(--text-base);border-top:0;margin-top:0;padding-top:0}[class$=-card] [class$=-title] a,[class$=-card] h2 a,[class$=-card] h3 a{text-decoration:none}[class$=-description],[class*=-description\ ],[class$=-excerpt],[class$=-content],[class*=-content\ ]{color:var(--ink-muted)}[class$=-excerpt]{margin-block:var(--space-1)}[class$=-icon],[class*=-icon\ ]{font-size:var(--text-xl);margin-bottom:var(--space-1);line-height:1}[class$=-meta],[class*=-meta\ ]{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint);margin-block:var(--space-1);flex-wrap:wrap;display:flex}[class$=-date],[class$=-readtime],[class$=-category]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}[class$=-badge],[class*=-badge\ ]{padding:2px var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:var(--border-hair) solid var(--accent);border-radius:var(--radius-sm);display:inline-block}[class$=-btn]:not(.game__stats-btn),[class*=-btn\ ]:not(.game__stats-btn),[class$=-button],[class*=-button\ ]{padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-ink);background:var(--accent);border:var(--border-hair) solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;display:inline-block}[class$=-btn]:hover,[class$=-button]:hover{color:var(--accent-ink);opacity:.86}[class$=-link]:not(.skip-link),[class*=-link\ ]:not(.skip-link){color:var(--ink);text-decoration-color:var(--accent)}[class$=-list],[class*=-list\ ],[class$=-features]{margin-block:var(--space-1);padding-inline-start:var(--space-3)}[class$=-list] li+li,[class$=-features] li+li{margin-top:4px}[class$=-item],[class*=-item\ ]{padding-block:var(--space-1)}[class$=-example],[class*=-example\ ]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:var(--space-1) var(--space-2);background:var(--surface-sunken);border-left:2px solid var(--accent);border-radius:var(--radius-sm);margin-block:var(--space-1);overflow-x:auto}.color-demo{gap:var(--space-1);margin-block:var(--space-2);display:flex}[class$=-tile]{inline-size:var(--space-6);block-size:var(--space-6);font-family:var(--font-mono);font-weight:600;font-size:var(--text-lg);color:var(--tile-ink);border-radius:var(--radius-sm);place-items:center;display:grid}.green-tile{background:var(--tile-correct)}.yellow-tile{background:var(--tile-present)}.gray-tile{background:var(--tile-absent)}[class$=-image]{font-size:var(--text-3xl);padding-block:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-sm);margin-bottom:var(--space-2);place-items:center;display:grid}.page-header,.hero-section{padding-block:var(--space-6) var(--space-3);text-align:center;border-bottom:var(--border-hair) solid var(--rule);margin-bottom:var(--space-4)}.page-title,.hero-title{margin-bottom:var(--space-1);font-size:clamp(var(--text-xl), 5vw, var(--text-3xl))}.page-subtitle,.hero-subtitle{max-inline-size:var(--measure);font-size:var(--text-lg);color:var(--ink-muted);margin-inline:auto}.content-section{margin-block:var(--space-6)}.content-wrapper{max-inline-size:none}.content-title{font-size:clamp(var(--text-xl), 4vw, var(--text-2xl));margin-bottom:var(--space-3)}.section-heading{align-items:baseline;gap:var(--space-1);margin-top:var(--space-6);padding-top:var(--space-2);border-top:var(--border-hair) solid var(--rule);font-size:var(--text-xl);display:flex}.section-heading:before{content:"";inline-size:var(--space-2);background:var(--accent);flex:none;align-self:center;block-size:2px}.section-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.content-text{max-inline-size:var(--measure)}.content-text>*+*{margin-top:var(--space-3)}.content-text ul,.content-text ol{padding-inline-start:var(--space-3)}.content-text li+li{margin-top:var(--space-1)}.highlight-box,.tip-box,.hint-card,.info-box,.warning-box{max-inline-size:var(--measure);margin-block:var(--space-3);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--surface-raised) 70%, transparent);border:var(--border-hair) solid var(--rule-strong);border-left:3px solid var(--accent);border-radius:var(--radius-sm)}.highlight-box>:last-child,.tip-box>:last-child,.hint-card>:last-child{margin-bottom:0}.stat-number,.tip-number{font-family:var(--font-mono);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600;line-height:1;display:block}.stat-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.stats-grid,.stat-grid{gap:var(--space-2);margin-block:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat-item,.stat-card{padding:var(--space-2);text-align:center;border:var(--border-hair) solid var(--rule);border-radius:var(--radius-sm)}.features-grid,.tips-grid,.cards-grid,.games-grid,.resource-grid{gap:var(--space-2);margin-block:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.feature-card,.game-card,.resource-card,.card{padding:var(--space-3);border:var(--border-hair) solid var(--rule-strong);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-raised) 70%, transparent);color:inherit;transition:border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);text-decoration:none;display:block}a.feature-card:hover,a.game-card:hover,a.resource-card:hover,a.card:hover{border-color:var(--accent);color:inherit;transform:translateY(-2px)}.feature-icon,.section-icon,.card-icon,.game-icon{font-size:var(--text-2xl);margin-bottom:var(--space-1);line-height:1}.feature-title,.card-title,.game-title{margin:0 0 var(--space-1);font-size:var(--text-base)}.cta-section{max-inline-size:var(--measure);margin-block:var(--space-6);padding:var(--space-4);text-align:center;border:var(--border-hair) solid var(--rule-strong);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-sunken) 60%, transparent)}.cta-title{margin-bottom:var(--space-1);font-size:var(--text-xl)}.cta-button{margin-top:var(--space-2);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-ink);background:var(--accent);border:var(--border-hair) solid var(--accent);border-radius:var(--radius-sm);transition:opacity var(--dur-fast) var(--ease-out);text-decoration:none;display:inline-block}.cta-button:hover{color:var(--accent-ink);opacity:.86}.cta-button.secondary{color:var(--ink);border-color:var(--rule-strong);background:0 0}.cta-button.secondary:hover{color:var(--accent);border-color:var(--accent)}.content-section table{border-collapse:collapse;inline-size:100%;margin-block:var(--space-3);font-size:var(--text-sm)}.content-section th,.content-section td{padding:var(--space-1);text-align:left;border-bottom:var(--border-hair) solid var(--rule)}.content-section th{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.faq-item,.accordion-item{max-inline-size:var(--measure);border-bottom:var(--border-hair) solid var(--rule);padding-block:var(--space-2)}.faq-question,.accordion-header{font-family:var(--font-mono);font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:500}.faq-answer,.accordion-content{color:var(--ink-muted)}.tile-green,.tile-purple,.tile-yellow,.tile-gray,.tile-black{inline-size:var(--space-6);block-size:var(--space-6);font-family:var(--font-mono);font-weight:600;font-size:var(--text-lg);color:var(--tile-ink);border-radius:var(--radius-sm);place-items:center;display:grid}.tile-green{background:var(--tile-correct)}.tile-purple,.tile-yellow{background:var(--tile-present)}.tile-gray,.tile-black{background:var(--tile-absent)}.equation-display,.equation-example,.calc-display{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xl);letter-spacing:.08em;padding:var(--space-2);background:var(--surface-sunken);border:var(--border-hair) solid var(--rule-strong);border-radius:var(--radius-sm);text-align:center;overflow-x:auto}.team-avatar{font-size:var(--text-3xl);line-height:1}.team-name{font-family:var(--font-mono);font-weight:600}.team-role{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.team-bio{font-size:var(--text-sm);color:var(--ink-muted)}.strategy-level,.difficulty-level{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.faq-toggle,.accordion-toggle{font-family:var(--font-mono);color:var(--accent);cursor:pointer}.lesson-actions,.card-actions{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.reveal{margin-top:var(--space-2)}.reveal__button{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-ink);background:var(--accent);border:var(--border-hair) solid var(--accent);border-radius:var(--radius-sm);cursor:pointer}.reveal__button:hover{opacity:.86}.reveal__answer{margin-top:var(--space-2);padding:var(--space-2);font-family:var(--font-mono);font-size:clamp(var(--text-xl), 6vw, var(--text-3xl));font-variant-numeric:tabular-nums;letter-spacing:.1em;color:var(--ink);background:var(--surface-sunken);border-radius:var(--radius-sm);cursor:pointer;filter:blur(10px);user-select:none;transition:filter var(--dur) var(--ease-out);font-weight:600}.reveal__answer[data-revealed]{filter:none;user-select:text;cursor:text;color:var(--tile-correct)}.reveal__warning{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint);margin-bottom:0}