:root{--bg: #12141c;--surface: #1b1f2b;--surface-2: #232839;--border: #2a2f3f;--text: #e8eaf0;--muted: #b5bdcc;--accent: #a78bfa;--accent-2: #fbbf24;--cat-mult: #f472b6;--cat-economy: #fbbf24;--cat-trigger: #60a5fa;--cat-conditional: #22d3ee;--cat-unknown: #9aa3b5;--max-w: 1080px;--shell-w: 1440px;--sidebar-w: 220px;--header-h: 58px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.3}img{max-width:100%;height:auto;border-radius:8px}code{background:var(--surface-2);padding:.1em .4em;border-radius:4px;font-size:.9em}.container{max-width:var(--max-w);margin:0 auto;padding:1.5rem 1rem 3rem}.site-shell{width:min(100%,var(--shell-w));margin:0 auto;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);align-items:start}.site-content{min-width:0}.site-sidebar{position:sticky;top:var(--header-h);min-height:calc(100vh - var(--header-h));max-height:calc(100vh - var(--header-h));overflow-y:auto;padding:1.5rem 1rem;border-right:1px solid var(--border)}.global-directory{width:100%}.directory-heading{margin:0 0 .65rem;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.directory-list{display:grid;gap:.25rem;margin:0;padding:0;list-style:none}.directory-link{display:flex;align-items:center;gap:.55rem;width:100%;padding:.55rem .7rem;border-left:2px solid transparent;border-radius:0 7px 7px 0;color:var(--muted);font-size:1rem;font-weight:600}.directory-icon{flex:0 0 auto;width:24px;height:24px;border-radius:3px;object-fit:contain;image-rendering:pixelated}a.directory-link:hover{color:var(--text);background:var(--surface);text-decoration:none}a.directory-link:focus-visible,.mobile-directory summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.directory-link.active{color:var(--text);border-left-color:var(--accent);background:var(--surface-2)}.directory-group{cursor:default}.directory-group.section-active{color:var(--text)}.directory-sublist{display:grid;gap:.15rem;margin:.15rem 0 .45rem .45rem;padding:0 0 0 .3rem;border-left:1px solid var(--border);list-style:none}.directory-sublink{gap:.4rem;padding-inline:.45rem .3rem;padding-block:.4rem;font-size:.94rem;font-weight:500}.directory-sublink .directory-icon{width:20px;height:20px}.mobile-directory{display:none}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.site-header .inner{max-width:var(--shell-w);margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.site-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--text)}.site-logo:hover{text-decoration:none;color:var(--accent)}.site-logo img{width:26px;height:26px;border-radius:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.global-search{position:relative;flex:1 1 520px;max-width:760px;margin-inline:auto}.global-search-icon{position:absolute;top:50%;left:.8rem;color:var(--muted);font-size:1.15rem;line-height:1;transform:translateY(-52%);pointer-events:none}.global-search-icon svg{display:block}.global-search-input{width:100%;height:38px;padding:.45rem 2.2rem .45rem 2.35rem;border:1px solid var(--border);border-radius:8px;outline:none;background:var(--bg);color:var(--text);font:inherit}.global-search-input::placeholder{color:var(--muted)}.global-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #a78bfa29}.global-search-results{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:30;max-height:min(560px,72vh);overflow-y:auto;padding:.35rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 18px 42px #00000073}.global-search-result{display:grid;grid-template-columns:38px minmax(0,1fr);gap:.65rem;align-items:center;padding:.55rem .65rem;border-radius:7px;color:var(--text);text-decoration:none}.global-search-result:hover,.global-search-result.active{background:var(--surface-2);text-decoration:none}.global-search-result img{width:34px;height:42px;margin:0 auto;border-radius:3px;object-fit:contain;image-rendering:pixelated}.global-search-result-copy{display:grid;min-width:0}.global-search-result-heading{display:flex;align-items:baseline;gap:.5rem;min-width:0}.global-search-result-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-result-heading small{flex:0 0 auto;color:var(--accent-2);font-size:.72rem}.global-search-result-copy>span:last-child{overflow:hidden;color:var(--muted);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.global-search-empty{margin:0;padding:.8rem;color:var(--muted);text-align:center}.site-nav{display:flex;gap:.25rem;flex-wrap:wrap;margin-left:auto}.site-nav a{color:var(--muted);padding:.3rem .7rem;border-radius:6px;font-size:1rem}.site-nav a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.site-nav a.active{color:var(--text);background:var(--surface-2)}.lang-switch{border:1px solid var(--border);border-radius:6px;font-weight:600}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.92rem;padding:2rem 1rem;text-align:center}.site-footer p{margin:.3rem 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.2rem;color:var(--text);transition:border-color .15s,transform .15s}.card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none}.card .card-title{font-weight:700;font-size:1.1rem;margin-bottom:.3rem}.card .card-desc{color:var(--muted);font-size:.96rem;line-height:1.6}.card .card-icon{font-size:1.6rem}.table-wrap{overflow-x:auto;margin:1rem 0}table{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}th,td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--surface-2);font-weight:600;white-space:nowrap}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.stake-name-cell{display:flex;align-items:center;gap:.75rem;min-width:230px}.stake-icon-frame{display:grid;flex:0 0 52px;width:52px;height:52px;place-items:center;background:#11131b;border:1px solid var(--border);border-radius:8px}.stake-icon{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;border-radius:0}.stake-name-copy{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}.deck-table td:nth-child(3){min-width:320px}.deck-table td:nth-child(4){min-width:230px}.deck-name-cell{display:flex;align-items:center;gap:.85rem;min-width:250px}.deck-image-frame{display:grid;flex:0 0 68px;width:68px;height:94px;place-items:center}.deck-image{width:64px;height:88px;object-fit:contain;image-rendering:pixelated;border-radius:3px}.deck-name-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.joker-name-cell{display:flex;align-items:center;gap:.75rem;min-width:250px}.joker-thumb-link{display:grid;flex:0 0 47px;width:47px;height:66px;place-items:center}.joker-thumb-link:hover{text-decoration:none}.joker-thumb{width:47px;height:66px;border-radius:3px;image-rendering:pixelated;object-fit:contain}.joker-thumb-placeholder{display:grid;place-items:center;background:var(--surface-2);border:1px dashed var(--border);color:var(--muted);font-size:1.2rem}.joker-name-copy{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.joker-classification{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.badge{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge-mult{color:var(--cat-mult);border-color:var(--cat-mult)}.badge-economy{color:var(--cat-economy);border-color:var(--cat-economy)}.badge-trigger{color:var(--cat-trigger);border-color:var(--cat-trigger)}.badge-conditional{color:var(--cat-conditional);border-color:var(--cat-conditional)}.badge-unknown{color:var(--cat-unknown);border-color:var(--cat-unknown)}.badge-hand{color:var(--cat-trigger);border-color:var(--cat-trigger)}.badge-discard{color:var(--cat-mult);border-color:var(--cat-mult)}.badge-card{color:var(--cat-conditional);border-color:var(--cat-conditional)}.badge-joker{color:#c084fc;border-color:#8b5cf6}.badge-standard{color:var(--cat-unknown);border-color:var(--cat-unknown)}.badge-confirmed{color:#34d399;border-color:#34d399}.badge-todo{color:var(--muted);border-color:var(--border)}.badge-rarity-common{color:#a7b0c0;border-color:#596273}.badge-rarity-uncommon{color:#34d399;border-color:#279a72}.badge-rarity-rare{color:#c084fc;border-color:#8b5cf6}.badge-rarity-legendary{color:#fbbf24;border-color:#d97706}.badge-rarity-unknown{color:var(--muted);border-color:var(--border)}.joker-filters{display:grid;gap:.75rem;margin:1.2rem 0;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.filter-row{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;align-items:center}.filter-options{display:flex;gap:.5rem;flex-wrap:wrap;min-width:0}.filter-label{color:var(--muted);font-size:.9rem;font-weight:600;text-align:right;white-space:nowrap}.filter-btn{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.3rem .9rem;font-size:.94rem;cursor:pointer}.filter-btn:hover{color:var(--text)}.filter-btn.category-filter-mult{color:var(--cat-mult);border-color:var(--cat-mult)}.filter-btn.category-filter-economy{color:var(--cat-economy);border-color:var(--cat-economy)}.filter-btn.category-filter-trigger{color:var(--cat-trigger);border-color:var(--cat-trigger)}.filter-btn.category-filter-conditional{color:var(--cat-conditional);border-color:var(--cat-conditional)}.filter-btn.category-filter-unknown{color:var(--cat-unknown);border-color:var(--cat-unknown)}.filter-btn.rarity-filter-common{color:#a7b0c0;border-color:#596273}.filter-btn.rarity-filter-uncommon{color:#34d399;border-color:#279a72}.filter-btn.rarity-filter-rare{color:#c084fc;border-color:#8b5cf6}.filter-btn.rarity-filter-legendary{color:#fbbf24;border-color:#d97706}.filter-btn.active{color:var(--bg);border-color:var(--accent);background:var(--accent)}.filter-btn.category-filter-mult.active{color:var(--bg);border-color:var(--cat-mult);background:var(--cat-mult)}.filter-btn.category-filter-economy.active{color:var(--bg);border-color:var(--cat-economy);background:var(--cat-economy)}.filter-btn.category-filter-trigger.active{color:var(--bg);border-color:var(--cat-trigger);background:var(--cat-trigger)}.filter-btn.category-filter-conditional.active{color:var(--bg);border-color:var(--cat-conditional);background:var(--cat-conditional)}.filter-btn.category-filter-unknown.active{color:var(--bg);border-color:var(--cat-unknown);background:var(--cat-unknown)}.filter-btn.rarity-filter-common.active{color:var(--text);border-color:#596273;background:#596273}.filter-btn.rarity-filter-uncommon.active{color:var(--bg);border-color:#34d399;background:#34d399}.filter-btn.rarity-filter-rare.active{color:var(--bg);border-color:#c084fc;background:#c084fc}.filter-btn.rarity-filter-legendary.active{color:var(--bg);border-color:#fbbf24;background:#fbbf24}.search-input{width:min(100%,360px);background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.45rem .8rem;font-size:.95rem;min-width:180px}.search-input::placeholder{color:var(--muted)}.article-header{margin-bottom:1.5rem}.article-meta{color:var(--muted);font-size:.94rem;display:flex;gap:.8rem;flex-wrap:wrap}.prose h2{margin-top:2.2rem;border-bottom:1px solid var(--border);padding-bottom:.3rem}.prose h3{margin-top:1.8rem}.prose blockquote{border-left:3px solid var(--accent);margin:1rem 0;padding:.2rem 1rem;color:var(--muted);background:var(--surface);border-radius:0 8px 8px 0}.prose img{display:block;margin:1rem auto}.prose a.card-reference{position:relative;display:inline-flex;align-items:baseline;gap:.25rem;vertical-align:baseline;text-decoration:none}.prose a.card-reference:hover,.prose a.card-reference:focus-visible{color:var(--accent-2)}.prose img.card-reference-thumb{display:inline-block;width:1.05rem;height:1.5rem;margin:-.32rem 0;border-radius:2px;object-fit:contain;image-rendering:pixelated}.card-reference-preview{position:absolute;z-index:20;left:0;bottom:calc(100% + .55rem);display:grid;grid-template-columns:64px minmax(0,1fr);gap:.7rem;width:min(320px,82vw);padding:.7rem;border:1px solid var(--accent);border-radius:9px;background:var(--surface-2);color:var(--text);box-shadow:0 12px 28px #0006;line-height:1.4;opacity:0;visibility:hidden;pointer-events:none}.prose a.card-reference:hover .card-reference-preview,.prose a.card-reference:focus-visible .card-reference-preview{opacity:1;visibility:visible}.prose img.card-reference-preview-image{display:block;width:64px;height:90px;margin:0;border-radius:4px;object-fit:contain;image-rendering:pixelated}.card-reference-preview-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.card-reference-preview-copy strong{color:var(--text)}.card-reference-preview-copy small{color:var(--accent-2)}.card-reference-preview-copy>span{color:var(--muted);font-size:.82rem}.hero{text-align:center;padding:2.5rem 0 1rem}.hero h1{font-size:2.4rem;margin:0 0 .5rem}.hero p{color:var(--muted);font-size:1.05rem;max-width:640px;margin:0 auto}.stat-row{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin:1.5rem 0}.stat{text-align:center}.stat .num{font-size:1.8rem;font-weight:700;color:var(--accent-2)}.stat .label{color:var(--muted);font-size:.92rem}.note{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent-2);border-radius:8px;padding:.8rem 1rem;color:var(--muted);font-size:.96rem;margin:1.2rem 0}.breadcrumb{font-size:.92rem;color:var(--muted);margin-bottom:1rem}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--accent)}.detail-head{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.detail-head h1{margin:0}.joker-detail-hero{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.2rem}.joker-detail-image{flex:0 0 156px;width:156px;height:220px;border-radius:8px;image-rendering:pixelated;object-fit:contain}.joker-detail-placeholder{display:grid;place-items:center;background:var(--surface);border:1px dashed var(--border);color:var(--muted);font-size:3rem}.info-list{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem;margin:1.2rem 0}.info-list dt{color:var(--muted);font-size:.96rem;white-space:nowrap}.info-list dd{margin:0}.tag{color:var(--muted);font-size:.88rem}.guessed{color:var(--muted);font-style:italic}@media(max-width:640px){.site-header .inner{flex-wrap:wrap}.global-search{order:3;flex-basis:100%;max-width:none}.mobile-directory-panel{top:112px}.hero h1{font-size:1.8rem}.site-nav{margin-left:0}th,td{padding:.45rem .5rem}.joker-filters{padding:.85rem}.filter-row{grid-template-columns:1fr;gap:.35rem}.filter-label{text-align:left}.search-input{width:100%;min-width:0}.joker-detail-hero{align-items:flex-start;gap:1rem}.joker-detail-image{flex-basis:117px;width:117px;height:165px}}@media(max-width:860px){.site-shell{display:block}.site-sidebar{display:none}.site-header .inner{flex-wrap:nowrap}.site-nav{margin-left:auto}.mobile-directory{display:block;position:relative}.mobile-directory summary{padding:.3rem .7rem;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:.95rem;font-weight:600;cursor:pointer;list-style:none}.mobile-directory summary::-webkit-details-marker{display:none}.mobile-directory[open] summary{color:var(--text);border-color:var(--accent);background:var(--surface-2)}.mobile-directory-panel{position:fixed;top:var(--header-h);left:0;right:0;z-index:20;padding:1rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);box-shadow:0 12px 30px #00000047}.mobile-directory-panel .directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-directory-panel .directory-sublist{grid-template-columns:1fr}.mobile-directory-panel .directory-heading{margin-bottom:.5rem}}@media(max-width:420px){.site-logo{font-size:1rem}.site-header .inner{gap:.45rem}.site-nav a,.mobile-directory summary{padding-inline:.55rem}}@media(max-width:640px){.site-header .inner{flex-wrap:wrap}.global-search{order:3;flex:1 0 100%;max-width:none}.mobile-directory-panel{top:112px}}