:root{--icon-duration:180ms;--icon-easing:cubic-bezier(0.34, 1.46, 0.64, 1);--icon-easing-out:cubic-bezier(0.16, 1, 0.3, 1);--ic-primary:var(--brand,       #7C3AED);--ic-primary-l:var(--brand-light, #9B6DFF);--ic-success:var(--correct,     #10B981);--ic-danger:var(--incorrect,   #EF4444);--ic-warning:var(--gold,        #F59E0B);--ic-info:var(--accent,      #06B6D4);--ic-muted:var(--text-muted,  #5C6480);--ic-white:#ffffff;--ic-glow-r:rgba(239, 68,  68,  0.4);--ic-glow-g:rgba(16,  185, 129, 0.4);--ic-glow-v:rgba(124, 58,  237, 0.45)}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;vertical-align:middle}.icon svg{display:block;width:var(--icon-size,1.25rem);height:var(--icon-size,1.25rem);shape-rendering:geometricPrecision;transition:transform var(--icon-duration) var(--icon-easing),opacity var(--icon-duration) ease,filter var(--icon-duration) ease}.icon--xs{--icon-size:0.75rem}.icon--sm{--icon-size:1rem}.icon--md{--icon-size:1.25rem}.icon--lg{--icon-size:1.5rem}.icon--xl{--icon-size:2rem}.icon--2xl{--icon-size:2.5rem}.icon--3xl{--icon-size:3rem}.icon--4xl{--icon-size:4rem}.icon--primary{color:var(--ic-primary)}.icon--correct,.icon--success{color:var(--ic-success)}.icon--danger,.icon--incorrect{color:var(--ic-danger)}.icon--warning{color:var(--ic-warning)}.icon--info{color:var(--ic-info)}.icon--muted{color:var(--ic-muted);opacity:.72}.icon--white{color:var(--ic-white)}.badge-glyph{--badge-glyph-color:#facc15;color:var(--badge-glyph-color)!important;line-height:1;filter:none}.badge-glyph.bi{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.08em}.badge-glyph svg{fill:none;stroke:currentColor;stroke-width:2.7}.badge-glyph svg [fill=currentColor]{fill:currentColor}.badge-glyph--COMMON,.badge-glyph--common{--badge-glyph-color:#64748b}.badge-glyph--RARE,.badge-glyph--rare{--badge-glyph-color:#38bdf8}.badge-glyph--EPIC,.badge-glyph--epic{--badge-glyph-color:#c084fc}.badge-glyph--LEGENDARY,.badge-glyph--legendary{--badge-glyph-color:#facc15}.badge-glyph--TRANSCENDENTAL,.badge-glyph--transcendental{--badge-glyph-color:#e11d48}.icon--glow-primary svg{filter:drop-shadow(0 0 6px var(--ic-glow-v))}.icon--glow-success svg{filter:drop-shadow(0 0 6px var(--ic-glow-g))}.icon--glow-danger svg{filter:drop-shadow(0 0 6px var(--ic-glow-r))}.dark .icon--correct svg,.qa-app .icon--correct svg{filter:drop-shadow(0 0 5px var(--ic-glow-g))}.dark .icon--incorrect svg,.qa-app .icon--incorrect svg{filter:drop-shadow(0 0 5px var(--ic-glow-r))}.icon--interactive svg,[role=button] .icon svg,a .icon svg,button .icon svg{transition:transform var(--icon-duration) var(--icon-easing),opacity var(--icon-duration) ease,filter .2s ease}.icon--interactive:focus-visible svg,.icon--interactive:hover svg,[role=button]:hover .icon svg,a:focus-visible .icon svg,a:hover .icon svg,button:focus-visible .icon svg,button:hover .icon svg{transform:scale(1.08);opacity:.92}.icon--next svg,.icon--previous svg{transition:transform var(--icon-duration) var(--icon-easing-out)}a:hover .icon--next svg,button:hover .icon--next svg{transform:translateX(3px)}a:hover .icon--previous svg,button:hover .icon--previous svg{transform:translateX(-3px)}button:hover .icon--submit svg{transform:translateY(-2px) scale(1.05)}button:hover .icon--play svg{transform:scale(1.12)}button:hover .icon--settings svg{transform:rotate(22deg);transition-duration:.3s}.icon--spin svg{animation:icon-spin .9s linear infinite}.icon--pulse svg{animation:icon-pulse 1.8s ease-in-out infinite}.icon--beat svg{animation:icon-beat 1.2s ease-in-out infinite}.icon--bounce svg{animation:icon-bounce .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes icon-spin{to{transform:rotate(360deg)}}@keyframes icon-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.88)}}@keyframes icon-beat{0%,100%{transform:scale(1)}40%{transform:scale(1.14)}60%{transform:scale(.96)}}@keyframes icon-bounce{0%{transform:translateY(0)}45%{transform:translateY(-5px)}75%{transform:translateY(1px)}100%{transform:translateY(0)}}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.icon-badge--primary{background:rgba(124,58,237,.13);color:var(--ic-primary)}.icon-badge--primary:hover{background:rgba(124,58,237,.22);box-shadow:0 0 0 1px rgba(124,58,237,.3)}.icon-badge--success{background:rgba(16,185,129,.12);color:var(--ic-success)}.icon-badge--success:hover{background:rgba(16,185,129,.2);box-shadow:0 0 0 1px rgba(16,185,129,.3)}.icon-badge--danger{background:rgba(239,68,68,.12);color:var(--ic-danger)}.icon-badge--danger:hover{background:rgba(239,68,68,.2);box-shadow:0 0 0 1px rgba(239,68,68,.3)}.icon-badge--warning{background:rgba(245,158,11,.12);color:var(--ic-warning)}.icon-badge--info{background:rgba(6,182,212,.12);color:var(--ic-info)}.icon-badge--muted{background:rgba(255,255,255,.06);color:var(--ic-muted)}.btn-icon{display:inline-flex;align-items:center;gap:.45em}.btn-icon-only{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;padding:.5rem;border-radius:10px}.btn-icon--leading>.icon{margin-right:.3em}.btn-icon--trailing>.icon{margin-left:.3em}.card-icon-header{display:flex;align-items:center;gap:.875rem;margin-bottom:1.25rem}.card-icon-header h2,.card-icon-header h3{margin:0;line-height:1.2}.ph-navbar .icon svg{opacity:.8;transition:transform var(--icon-duration) var(--icon-easing),opacity var(--icon-duration) ease}.ph-navbar a:hover .icon svg,.ph-navbar a[aria-current=page] .icon svg{opacity:1;transform:scale(1.06)}.ph-navbar__brand:hover .icon--owl svg{transform:none;filter:drop-shadow(0 0 8px rgba(155, 109, 255, .55))}.icon-result{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;flex-shrink:0}.icon-result--correct{background:var(--correct-bg,rgba(16,185,129,.15));color:var(--ic-success);box-shadow:0 0 0 1px var(--correct-border,rgba(16,185,129,.4)),0 0 12px var(--correct-glow,rgba(16,185,129,.25))}.icon-result--incorrect{background:var(--incorrect-bg,rgba(239,68,68,.15));color:var(--ic-danger);box-shadow:0 0 0 1px var(--incorrect-border,rgba(239,68,68,.4)),0 0 12px var(--incorrect-glow,rgba(239,68,68,.25))}.icon--static svg{transition:none!important}.icon--flip-h svg{transform:scaleX(-1)}.icon--flip-v svg{transform:scaleY(-1)}.icon-badge--gold{background:rgba(255,192,0,.15);color:#c8960c}a:hover .icon-badge,button:hover .icon-badge{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.12)}[data-theme=dark] .icon-badge--primary{background:rgba(108,40,220,.2);color:#a78bfa}[data-theme=dark] .icon-badge--success{background:rgba(52,211,153,.15);color:#34d399}[data-theme=dark] .icon-badge--danger{background:rgba(248,113,113,.15);color:#f87171}[data-theme=dark] .icon-badge--warning{background:rgba(251,191,36,.15);color:#fbbf24}[data-theme=dark] .icon-badge--info{background:rgba(96,165,250,.15);color:#60a5fa}.nav-icon{display:inline-flex;align-items:center;gap:.4rem}.nav-icon .icon{opacity:.85;transition:opacity 150ms ease}.nav-icon:hover .icon{opacity:1}img.emoji{display:inline-block;height:1em;width:1em;vertical-align:-.15em;margin:0 .05em 0 .1em;object-fit:contain;image-rendering:auto;pointer-events:none;user-select:none}.message-icon{flex-shrink:0}.message .icon--correct svg,.message .icon--success svg{stroke:var(--success,#26890d)}.message .icon--danger svg,.message .icon--incorrect svg{stroke:var(--danger,#e21b3c)}.message .icon--warning svg{stroke:var(--warning,#ffa602)}.message .icon--info svg{stroke:var(--info,#1368ce)}@media (prefers-reduced-motion:reduce){.icon svg,.icon--bounce-up:hover svg,.icon--pulse svg,.icon--spin svg,a:hover .icon svg,button:hover .icon svg{animation:none!important;transform:none!important;transition:none!important}}@media print{.icon svg{stroke:currentColor!important;animation:none!important}}