:root{--brand-red: #DB0011;--brand-black: #000000;--brand-white: #FFFFFF;--brand-chrome-bg: #1A1A1A;--accent-warm: #E84C2B;--accent-warm-dark: #C93919;--accent-mustard: #F5B921;--accent-mustard-text: #4a3500;--accent-teal: #2D6A8F;--accent-green: #3A8A3A;--accent-green-dark: #2F7530;--accent-warn: #D68A00;--accent-warm-soft: #FCE9E2;--accent-mustard-soft: #FCF1D7;--accent-teal-soft: #DDEBF1;--accent-green-soft: #DCEBDC;--accent: var(--accent-warm);--accent-soft: var(--accent-warm-soft);--teal: var(--accent-teal);--teal-soft: var(--accent-teal-soft);--gold: var(--accent-mustard);--bg: #FAFAF7;--bg-elevated: #FFFFFF;--bg-subtle: #F3EFE7;--bg-dark: #2A2D33;--surface: var(--bg-elevated);--surface-2: var(--bg-subtle);--surface-3: #ECE5DA;--text: #1A1A1A;--text-muted: #5A5A5A;--text-subtle: #888888;--text-inverse: #FFFFFF;--border: #E2DDD2;--border-strong: #C8C0B0;--font-display: "Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans: var(--font-body);--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--max-content: 1200px;--max-prose: 760px;--header-h: 64px;--sidebar-w: 260px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius: var(--radius-sm);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 32px rgba(0,0,0,.1);--shadow: var(--shadow-md)}[data-theme=dark]{--bg: #14110D;--bg-elevated: #1C1814;--bg-subtle: #251F19;--bg-dark: #0D0B08;--surface: #1C1814;--surface-2: #251F19;--surface-3: #2F2820;--text: #F2EBE0;--text-muted: #A89E91;--text-subtle: #6E6457;--border: #2F2820;--border-strong: #4A3F31;--accent-warm: #FF6B4F;--accent-warm-soft: #3A1F1A;--accent-teal: #4FBFC0;--accent-teal-soft: #1A3636;--accent-mustard: #E0B45A;--accent-mustard-soft: #3A2F1A;--accent: var(--accent-warm);--accent-soft: var(--accent-warm-soft);--teal: var(--accent-teal);--teal-soft: var(--accent-teal-soft);--gold: var(--accent-mustard);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px rgba(0,0,0,.5);--shadow: var(--shadow-md)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}a{color:var(--accent-teal);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.25;margin:0 0 .5em;letter-spacing:-.005em;color:var(--text)}h1{font-size:2.4rem;font-weight:700;line-height:1.1}h2{font-size:1.7rem;margin-top:2em}h3{font-size:1.25rem;margin-top:1.5em}h4{font-size:1.05rem;margin-top:1.25em}p{margin:0 0 1em}ul,ol{margin:0 0 1em;padding-left:1.5em}li{margin-bottom:.4em}code{font-family:var(--font-mono);font-size:.92em;background:var(--bg-subtle);padding:.1em .4em;border-radius:var(--radius-sm);color:var(--text)}pre{font-family:var(--font-mono);background:var(--bg-subtle);padding:1em;border-radius:var(--radius-md);overflow-x:auto;border:1px solid var(--border)}pre code{background:transparent;padding:0}blockquote{border-left:3px solid var(--accent-warm);margin:1.5em 0;padding:.5em 1.2em;color:var(--text-muted);background:var(--bg-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0}hr{border:none;border-top:1px solid var(--border);margin:3em 0}table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95em}th,td{text-align:left;padding:.6em .8em;border-bottom:1px solid var(--border)}th{background:var(--bg-subtle);font-weight:600;font-size:.82em;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-family:var(--font-display)}.container{max-width:var(--max-content);margin:0 auto;padding:0 1.5rem}.container-narrow{max-width:var(--max-prose);margin:0 auto;padding:0 1.5rem}.prose{max-width:var(--max-prose)}.site-header{position:sticky;top:0;z-index:50;background:var(--brand-chrome-bg);border-bottom:1px solid var(--brand-black);height:var(--header-h);display:flex;align-items:center;box-shadow:0 1px #ffffff0a inset,var(--shadow-sm)}.site-header .container{width:100%;display:flex;align-items:center;gap:2rem}.site-logo{display:flex;align-items:center;height:40px;text-decoration:none;flex-shrink:0}.site-logo:hover{text-decoration:none}.site-logo img{height:40px;width:auto;display:block}.site-nav{display:flex;gap:1.75rem;flex:1;align-items:center}.site-nav a{color:#ffffffb8;font-family:var(--font-display);font-size:.95rem;font-weight:500;padding:.4rem 0;position:relative;transition:color .15s ease}.site-nav a:hover{color:var(--brand-white);text-decoration:none}.site-nav a.active{color:var(--brand-white)}.site-nav a.active:after{content:"";position:absolute;bottom:-19px;left:0;right:0;height:3px;background:var(--accent-warm);border-radius:2px 2px 0 0}.theme-toggle{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb8;border-radius:var(--radius-sm);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:all .15s;flex-shrink:0}.theme-toggle:hover{color:var(--brand-white);background:#ffffff1a;border-color:#fff3}@media(max-width:820px){.site-nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;background:var(--brand-chrome-bg);padding:1rem 1.5rem;border-bottom:1px solid var(--brand-black);gap:0}.site-nav.open{display:flex}.site-nav a{padding:.6rem 0}.site-nav a.active:after{display:none}}.site-footer{background:var(--bg-subtle);border-top:1px solid var(--border);padding:3rem 0 2rem;margin-top:5rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}@media(max-width:720px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}.footer-grid h4{font-family:var(--font-display);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .8rem;font-weight:600}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin-bottom:.5rem}.footer-grid a{color:var(--text-muted);font-size:.92rem}.footer-grid a:hover{color:var(--accent-warm);text-decoration:none}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-subtle);flex-wrap:wrap;gap:1rem}.hero{padding:4rem 0 3rem;background:radial-gradient(ellipse at top right,var(--accent-warm-soft) 0%,transparent 60%),radial-gradient(ellipse at bottom left,var(--accent-teal-soft) 0%,transparent 50%),var(--bg);border-bottom:1px solid var(--border)}.hero-content{display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;align-items:center}@media(max-width:880px){.hero-content{grid-template-columns:1fr;gap:2.5rem}}.hero-text{min-width:0}.hero h1{font-size:3.2rem;margin:0 0 1rem;letter-spacing:-.015em;line-height:1.05;font-weight:700}@media(max-width:600px){.hero h1{font-size:2.2rem}}.hero .lead{font-size:1.2rem;color:var(--text-muted);line-height:1.5;margin:0 0 2rem;max-width:560px}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap}.hero-video{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:var(--brand-black);aspect-ratio:16 / 9;min-height:280px}.hero-video video{display:block;width:100%;height:100%;object-fit:cover}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.95rem;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all .15s;min-height:44px}.btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.primary{background:var(--accent-warm);color:var(--brand-white);box-shadow:0 2px 0 var(--accent-warm-dark),var(--shadow-sm)}.btn.primary:hover{background:var(--accent-warm-dark);box-shadow:0 1px 0 var(--accent-warm-dark),var(--shadow-md)}.btn.play{background:var(--accent-green);color:var(--brand-white);text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 0 var(--accent-green-dark),var(--shadow-sm)}.btn.play:hover{background:var(--accent-green-dark);box-shadow:0 1px 0 var(--accent-green-dark),var(--shadow-md)}.btn.secondary{background:var(--bg-elevated);color:var(--text);border-color:var(--border-strong)}.btn.secondary:hover{background:var(--bg-subtle);border-color:var(--text-subtle)}.btn.ghost{background:transparent;color:var(--accent-teal);border-color:transparent;padding-left:.6rem;padding-right:.6rem}.btn.ghost:hover{background:var(--accent-teal-soft);transform:none;box-shadow:none}.btn.small{padding:.45rem .9rem;font-size:.85rem;min-height:36px}.hero-illustration{position:relative;height:360px;display:flex;align-items:center;justify-content:center}.floating-card{position:absolute;width:160px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-lg);font-size:.85rem}.floating-card.c1{transform:rotate(-8deg) translate(-110px);top:30px;border-top:4px solid var(--accent-warm)}.floating-card.c2{transform:rotate(2deg);top:60px;border-top:4px solid var(--accent-teal);z-index:2}.floating-card.c3{transform:rotate(8deg) translate(110px);top:30px;border-top:4px solid var(--accent-mustard)}.floating-card .card-name{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text);margin-bottom:.3rem}.floating-card .card-archetype{font-size:.7rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;font-family:var(--font-display);font-weight:500}.floating-card .card-stats{display:flex;gap:.6rem;font-size:.75rem;color:var(--text-muted)}.floating-card .card-stats span{padding:2px 6px;background:var(--bg-subtle);border-radius:var(--radius-sm)}.section{padding:4rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-header .eyebrow{font-family:var(--font-display);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-warm);margin-bottom:.6rem}.section-header h2{margin:0;font-size:2.2rem}.section-header p{color:var(--text-muted);font-size:1.05rem;max-width:620px;margin:.8rem auto 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.tile{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;text-decoration:none;color:var(--text);transition:all .15s;position:relative;overflow:hidden}.tile:hover{text-decoration:none;transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.tile-eyebrow{font-family:var(--font-display);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);font-weight:600;margin-bottom:.4rem}.tile-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.tile-desc{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.45}.tile-meta{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}.chip{font-family:var(--font-display);font-size:.72rem;padding:3px 9px;background:var(--bg-subtle);border-radius:100px;color:var(--text-muted);font-weight:500;display:inline-block}.chip.accent{background:var(--accent-warm-soft);color:var(--accent-warm-dark)}.chip.teal{background:var(--accent-teal-soft);color:var(--accent-teal)}.chip.gold{background:var(--accent-mustard-soft);color:var(--accent-mustard-text)}.chip.green{background:var(--accent-green-soft);color:var(--accent-green-dark)}.chip.rarity-common{background:var(--bg-subtle);color:var(--text-muted)}.chip.rarity-rare{background:var(--accent-warm-soft);color:var(--accent-warm-dark)}.chip.rarity-epic{background:var(--accent-teal-soft);color:var(--accent-teal)}.chip.rarity-legendary{background:var(--accent-mustard-soft);color:var(--accent-mustard-text)}.community-cta{background:linear-gradient(135deg,var(--accent-warm-soft),var(--accent-teal-soft));border-radius:var(--radius-lg);padding:2rem;margin:2.5rem 0;text-align:center}[data-theme=dark] .community-cta{background:linear-gradient(135deg,#ff6b4f14,#4fbfc014)}.community-cta h3{margin-top:0}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.mt-0{margin-top:0}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-0{margin-bottom:0}.article-eyebrow{font-family:var(--font-display);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-warm);font-weight:600;margin-bottom:.5rem}.callout{border-left:4px solid var(--accent-teal);background:var(--accent-teal-soft);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:1rem 1.25rem;margin:1.5em 0}.callout>strong:first-child{font-family:var(--font-display);font-weight:600}.callout p{margin:.25em 0 0}.callout.tip{border-left-color:var(--accent-green);background:var(--accent-green-soft)}.callout.warn{border-left-color:var(--accent-warn);background:var(--accent-mustard-soft)}.callout.lore{border-left-color:var(--accent-mustard);background:var(--accent-mustard-soft)}.callout.mechanics{border-left-color:var(--accent-warm);background:var(--bg-dark);color:#ffffffeb}.callout.mechanics strong,.callout.mechanics code{color:var(--brand-white)}.callout.mechanics code{background:#ffffff14}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:1.5rem 0}.stat-block{background:var(--bg-subtle);border-radius:var(--radius-md);padding:.9rem 1rem}.stat-label{font-family:var(--font-display);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.3rem}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text);line-height:1.1}.stat-value.sm{font-size:1.05rem}.stat-unit{color:var(--accent-mustard);margin-left:.15em}.lead{font-size:1.2rem;color:var(--text-muted);line-height:1.5;margin:0 0 2rem;max-width:640px}.muted{color:var(--text-muted)}.center{text-align:center}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:880px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.surface{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.surface h3,.surface h4{margin-top:0}.surface p:last-child{margin-bottom:0}.surface.interactive{display:block;text-decoration:none;color:var(--text);transition:all .15s ease}.surface.interactive:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.badge{font-family:var(--font-display);font-size:.72rem;padding:3px 10px;background:var(--bg-subtle);border-radius:100px;color:var(--text-muted);font-weight:600;display:inline-block;letter-spacing:.02em;text-transform:uppercase}.badge.primary{background:var(--accent-warm-soft);color:var(--accent-warm-dark)}.badge.secondary{background:var(--accent-mustard-soft);color:var(--accent-mustard-text)}.badge.accent{background:var(--accent-teal-soft);color:var(--accent-teal)}.badge.success{background:var(--accent-green-soft);color:var(--accent-green-dark)}.badge.warn{background:var(--accent-mustard-soft);color:var(--accent-warn)}.badge.subtle{background:var(--bg-subtle);color:var(--text-muted)}.game-card{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:var(--text);transition:all .15s ease;box-shadow:var(--shadow-sm);position:relative}.game-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-art{position:relative;aspect-ratio:1 / 1;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);overflow:hidden;min-height:200px}.game-card.has-art .card-art img{width:100%;height:100%;object-fit:cover;display:block}.card-cost{position:absolute;top:8px;right:8px;width:36px;height:36px;background:var(--accent-mustard);color:var(--accent-mustard-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.1rem;box-shadow:var(--shadow-sm),inset 0 -2px #0000001f;border:2px solid var(--brand-white);z-index:2}.card-info{padding:.75rem .9rem}.card-name{font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--text);margin:0 0 .15rem;line-height:1.2}.card-archetype{font-family:var(--font-display);font-size:.72rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.game-card.no-art .card-art{background:repeating-linear-gradient(45deg,var(--bg-subtle),var(--bg-subtle) 10px,var(--bg-elevated) 10px,var(--bg-elevated) 20px);position:relative}.game-card.no-art .card-art:before{content:"Coming soon";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);background:#ffffffb3}.game-card.no-art .card-name{color:var(--text-muted)}.game-card.no-art .card-cost{opacity:.85}.game-card.unreleased .card-art{filter:grayscale(.3)}.game-card.unreleased .card-name{color:var(--text-muted)}.card-concept-ribbon{position:absolute;top:8px;left:8px;z-index:2;font-family:var(--font-display);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:100px;background:var(--accent-teal-soft);color:var(--accent-teal);border:1px solid var(--brand-white);box-shadow:var(--shadow-sm)}.btn.large{padding:.95rem 1.7rem;font-size:1.02rem;min-height:52px}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:var(--bg-subtle);border-radius:var(--radius-md);margin:1.5rem 0 2rem;align-items:center}.filter-bar label{font-family:var(--font-display);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-right:.5rem}.filter-bar button,.filter-bar select,.filter-bar input{font-family:var(--font-body);font-size:.88rem;padding:.4rem .8rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer}.filter-bar button.active,.filter-bar button[aria-pressed=true]{background:var(--accent-warm);color:var(--brand-white);border-color:var(--accent-warm)}.docs-layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;gap:2.5rem;padding:2rem 0 4rem;align-items:start}@media(max-width:880px){.docs-layout{grid-template-columns:1fr;gap:1.5rem}}.docs-sidebar{position:sticky;top:calc(var(--header-h) + 1rem);background:var(--bg-subtle);border-radius:var(--radius-md);padding:1rem;font-size:.92rem}@media(max-width:880px){.docs-sidebar{position:static}}.docs-sidebar h4{margin-top:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.docs-sidebar ul{list-style:none;padding:0;margin:0}.docs-sidebar li{margin-bottom:.4rem}.docs-sidebar a{color:var(--text)}.docs-sidebar a.active{color:var(--accent-warm);font-weight:600}.docs-content{min-width:0;max-width:760px}.docs-content h1:first-child{margin-top:0}.hidden-mechanics{background:var(--bg-dark);color:#ffffffeb;border-radius:var(--radius-lg);padding:1.5rem 1.75rem;margin:2rem 0;border-left:4px solid var(--accent-warm)}.hidden-mechanics h3,.hidden-mechanics h4{color:var(--brand-white);margin-top:1rem}.hidden-mechanics h3:first-child,.hidden-mechanics h4:first-child{margin-top:0}.hidden-mechanics code{background:#ffffff14;color:var(--brand-white)}.hidden-mechanics a{color:var(--accent-mustard)}.tier-badge{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.5rem;border-radius:var(--radius-md);padding:1em;color:var(--brand-white);letter-spacing:.02em;box-shadow:var(--shadow-sm),inset 0 -3px #00000026}.tier-badge.tier-s{background:linear-gradient(135deg,var(--accent-mustard) 0%,#C99905 100%);color:var(--accent-mustard-text)}.tier-badge.tier-a{background:linear-gradient(135deg,var(--accent-warm) 0%,var(--accent-warm-dark) 100%)}.tier-badge.tier-b{background:linear-gradient(135deg,var(--accent-teal) 0%,#1F4F6F 100%)}.tier-badge.tier-c{background:linear-gradient(135deg,#7a7a7a,#5a5a5a)}.subtle{color:var(--text-subtle);font-size:.85rem}.card-detail-header{display:grid;grid-template-columns:320px 1fr;gap:2.5em;align-items:flex-start;margin-bottom:1.5em}@media(max-width:720px){.card-detail-header{grid-template-columns:1fr;gap:1.5em}}.card-detail-art{position:relative;width:320px;max-width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-warm-soft),var(--accent-mustard-soft));display:flex;align-items:center;justify-content:center;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-md);min-height:320px}.card-detail-art.has-art{background:var(--bg-subtle)}.card-detail-art.has-art img{width:100%;height:100%;object-fit:cover;display:block}.card-detail-art.no-art{background:repeating-linear-gradient(45deg,var(--bg-subtle),var(--bg-subtle) 14px,var(--bg-elevated) 14px,var(--bg-elevated) 28px)}.card-detail-art.no-art:before{content:"Coming soon";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.05rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:#ffffffb3}.card-detail-emoji{font-size:8rem;line-height:1}.card-detail-cost{position:absolute;top:16px;right:16px;width:56px;height:56px;background:var(--accent-mustard);color:var(--accent-mustard-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.6rem;box-shadow:var(--shadow-md),inset 0 -3px #00000026;border:3px solid var(--brand-white);z-index:2}.card-detail-meta{min-width:0}.card-detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1em;align-items:center}.card-detail-role-link,.card-detail-role-link:hover{text-decoration:none}.card-detail-desc{font-size:1.1rem;line-height:1.55;color:var(--text-muted);margin:0}.qref-card-link{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--text)}.qref-card-link:hover{text-decoration:none;color:var(--accent-warm)}.qref-card-link strong{font-family:var(--font-display);font-weight:600}.qref-card-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-subtle);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-size:1.1rem}.qref-card-icon img{width:100%;height:100%;object-fit:cover;display:block}.qref-card-emoji{line-height:1}