.blog-article-page{display:grid;gap:0}.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;padding-top:2rem;color:var(--text-soft);font-size:.88rem}.blog-breadcrumb a{color:inherit;text-decoration:none}.blog-breadcrumb a:hover{color:var(--text)}.blog-article-section{padding-top:1rem}.blog-article-shell{width:min(calc(100% - 32px),var(--container));margin-inline:auto;padding-inline:0;background:transparent;border:0!important;box-shadow:none!important}.blog-article-shell{--blog-content-width: 100%}.blog-article-content,.article-context-links{width:var(--blog-content-width);margin-inline:auto;padding-inline:0}.blog-article-hero{width:var(--blog-content-width);aspect-ratio:16 / 9;object-fit:cover;display:block;margin-inline:auto;border-radius:30px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 54px #05091457;margin-bottom:2rem}.blog-article-shell.has-hero-image .thumb-banner{display:none}.blog-article-shell .thumb-banner,.blog-article-shell .article-thumb{display:grid;place-items:center;min-height:180px;width:var(--blog-content-width);margin:0 auto 1.4rem;border-radius:22px;font-size:4rem;background:linear-gradient(135deg,#7c3aed1f,#38bdf814);border:1px solid rgba(255,255,255,.08)}.blog-article-shell .article-tag{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(168,85,247,.22);background:#7c3aed1a;color:#dbc6ff;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-article-shell h1{margin:0;font-size:clamp(2.05rem,5.2vw,3.45rem);line-height:1.05;letter-spacing:-.05em}.blog-article-shell .article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.9rem;padding-bottom:1.6rem;border-bottom:1px solid rgba(255,255,255,.08);color:var(--text-soft);font-size:.92rem}.blog-article-shell .article-meta-dot{width:4px;height:4px;border-radius:999px;background:currentColor}.blog-article-shell .article-intro{margin:.5rem 0 0;color:#ffffffc2;font-size:clamp(1.06rem,2vw,1.2rem);line-height:1.8}.blog-article-shell .article-body{padding-top:.4rem}.blog-article-shell h2,.blog-article-shell .faq-section h2{margin:3.2rem 0 1rem;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.04em}.blog-article-shell h3{margin:2rem 0 .7rem;font-size:1.12rem;line-height:1.35}.blog-article-shell p,.blog-article-shell .article-body li,.blog-article-shell li,.blog-article-shell .faq-a{color:var(--text-muted);font-size:1rem;line-height:1.8}.blog-article-shell strong,.blog-article-shell .faq-q{color:var(--text)}.blog-article-shell a{color:#c084fc;text-decoration:none;border-bottom:1px solid rgba(192,132,252,.35)}.blog-article-shell a:hover{border-bottom-color:#c084fcbf}.blog-article-shell ul,.blog-article-shell ol{display:grid;gap:.6rem;margin:0 0 1.2rem;padding-left:1.3rem}.blog-article-shell .comp-table-wrap{overflow-x:auto;margin:1.5rem 0}.blog-article-shell .markdown-table-scroll{contain:inline-size;display:block;width:100%;min-width:0;max-width:100%;margin:1.5rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-article-shell .markdown-table-scroll>table{width:100%;min-width:0;max-width:100%}.blog-article-shell table{width:100%;min-width:620px;border-collapse:collapse;font-size:.88rem}.blog-article-shell th{padding:.8rem .75rem;text-align:left;color:#e9d5ff;background:#7c3aed1f;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.blog-article-shell td{padding:.8rem .75rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}.blog-article-shell td.highlight{color:#d8b4fe;font-weight:700}.blog-article-shell .check{color:#86efac}.blog-article-shell .cross{color:#fda4af}.blog-article-shell .partial{color:#fcd34d}.blog-article-shell .type-grid,.blog-article-shell .profile-grid{display:grid;gap:1rem;margin:1.5rem 0}.blog-article-shell .type-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.blog-article-shell .profile-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.blog-article-shell .type-card,.blog-article-shell .profile-card{padding:1.15rem;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.blog-article-shell .type-icon{margin-bottom:.7rem;font-size:1.7rem}.blog-article-shell .type-name,.blog-article-shell .profile-title{margin-bottom:.45rem;color:var(--text);font-size:1rem;font-weight:800}.blog-article-shell .type-desc,.blog-article-shell .profile-card p,.blog-article-shell .profile-card li{color:var(--text-muted);font-size:.93rem;line-height:1.65}.blog-article-shell .profile-card ul{margin-top:.8rem;padding-left:1rem}.blog-article-shell .concours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.blog-article-shell .concours-card{padding:1.15rem;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.blog-article-shell .concours-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:.8rem;border-radius:14px;font-size:1.45rem;line-height:1;background:linear-gradient(135deg,#7c3aed2e,#38bdf81f)}.blog-article-shell .concours-title{margin-bottom:.35rem;color:var(--text);font-size:1rem;font-weight:800;line-height:1.35}.blog-article-shell .concours-type{margin-bottom:.6rem;color:#e9d5ff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-article-shell .concours-desc{color:var(--text-muted);font-size:.92rem;line-height:1.65}.blog-article-shell .matching-table{margin:1.5rem 0;overflow:hidden;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.blog-article-shell .matching-header,.blog-article-shell .matching-row{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1rem;padding:1rem 1.15rem}.blog-article-shell .matching-header{background:#7c3aed1a;border-bottom:1px solid rgba(255,255,255,.08);color:#dbc6ff;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-article-shell .matching-row{align-items:start;border-bottom:1px solid rgba(255,255,255,.06)}.blog-article-shell .matching-row:last-child{border-bottom:none}.blog-article-shell .matching-skill{color:var(--text);font-size:.95rem;font-weight:700;line-height:1.55}.blog-article-shell .matching-game{color:var(--text-muted);font-size:.92rem;line-height:1.65}.blog-article-shell .game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.blog-article-shell .game-card,.blog-article-shell .faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px}.blog-article-shell .game-card{display:block;color:inherit;text-decoration:none;padding:1.15rem;transition:transform .16s ease,border-color .16s ease}.blog-article-shell .game-card:hover{transform:translateY(-2px);border-color:#a855f73d}.blog-article-shell .game-card-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:.8rem;font-size:1.5rem}.blog-article-shell .game-card-title{margin-bottom:.35rem;font-size:1rem;font-weight:800}.blog-article-shell .game-card-desc{color:var(--text-muted);font-size:.92rem;line-height:1.65}.blog-article-shell .game-card-name,.blog-article-shell .game-card-title{margin-bottom:.35rem;color:var(--text);font-size:1rem;font-weight:800;line-height:1.35}.blog-article-shell .badge-free,.blog-article-shell .badge-premium{display:inline-flex;align-items:center;margin-top:.75rem;padding:.28rem .65rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.08em}.blog-article-shell .badge-free{color:#86efac;background:#22c55e1f;border:1px solid rgba(34,197,94,.18)}.blog-article-shell .badge-premium{color:#e9d5ff;background:#7c3aed1f;border:1px solid rgba(124,58,237,.18)}.blog-article-shell .errors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.75rem 0}.blog-article-shell .error-card{padding:1.15rem;border-radius:18px;background:linear-gradient(180deg,#ef444414,#ffffff08);border:1px solid rgba(248,113,113,.16)}.blog-article-shell .error-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:.85rem;border-radius:14px;background:#ffffff0a;font-size:1.3rem;line-height:1}.blog-article-shell .error-title{margin-bottom:.45rem;color:var(--text);font-size:1rem;font-weight:800;line-height:1.35}.blog-article-shell .error-desc{color:var(--text-muted);font-size:.94rem;line-height:1.7}.blog-article-shell .tip-box{padding:1.3rem 1.35rem;border-radius:20px;background:linear-gradient(180deg,#7c3aed1a,#7c3aed0d);border:1px solid rgba(124,58,237,.18);margin:2rem 0}.blog-article-shell .tip-box-title{margin-bottom:.8rem;color:#e9d5ff;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-article-shell .faq-section{margin-top:2.5rem}.blog-article-shell .faq-item{margin-bottom:.8rem;overflow:hidden}.blog-article-shell .faq-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;list-style:none;font-size:.98rem;font-weight:700}.blog-article-shell .faq-q::-webkit-details-marker{display:none}.blog-article-shell .faq-q:after{content:"+";color:var(--text-soft);font-size:1.4rem;line-height:1}.blog-article-shell details[open]>.faq-q:after{content:"−";color:#c084fc}.blog-article-shell .faq-a{padding:0 1.1rem 1.05rem}.blog-article-shell .cta-box{display:grid;justify-items:center;gap:.9rem;margin-top:2.2rem;padding:clamp(1.6rem,4vw,2.6rem) 1.2rem;text-align:center;border-radius:26px;background:radial-gradient(circle at top,rgba(124,58,237,.22),transparent 54%),linear-gradient(135deg,#7c3aed24,#d946ef12);border:1px solid rgba(124,58,237,.2)}.blog-article-shell .cta-emoji{font-size:2.4rem}.blog-article-shell .cta-title{font-size:clamp(1.65rem,4vw,2.3rem);line-height:1.08;letter-spacing:-.04em;font-weight:900}.blog-article-shell .cta-sub,.blog-article-shell .cta-note{color:var(--text-muted)}.blog-article-shell .cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 1.4rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;text-decoration:none;font-weight:800;box-shadow:0 18px 36px #7c3aed3d}.blog-missing-card{display:grid;justify-items:center;gap:1rem;max-width:720px;margin:0 auto;padding:2rem 1.2rem;text-align:center}.blog-related-section{padding-top:0}.blog-related-shell{display:grid;gap:1rem}.blog-related-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem}.blog-related-title{margin-top:.85rem;font-size:clamp(1.8rem,4vw,2.5rem)}.blog-related-category-link{color:#c084fc;text-decoration:none}.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.blog-related-card{overflow:hidden;text-decoration:none}.blog-related-thumb{overflow:hidden;display:block;min-height:112px;border-bottom:1px solid rgba(255,255,255,.06)}.blog-related-thumb img{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover}.blog-related-thumb span{display:grid;place-items:center;min-height:112px;font-size:2.2rem}.blog-related-body{display:grid;gap:.6rem;padding:1rem}.blog-related-tag{display:inline-flex;align-items:center;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-related-body h3{margin:0;font-size:1.05rem;line-height:1.35}.blog-related-body p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.65}.blog-related-meta{color:var(--text-soft);font-size:.82rem}.article-context-links{margin-top:2rem;padding:1.2rem 1.25rem;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.article-context-links-label{display:inline-flex;margin-bottom:.55rem;color:#dbc6ff;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.article-context-links p{margin:0}.article-context-links-list{margin:.85rem 0 0;padding-left:1.15rem}@media(max-width:640px){.blog-breadcrumb{padding-top:1.2rem;font-size:.78rem}.blog-article-section{padding-top:.6rem}.blog-article-shell{padding-inline:12px}.blog-article-shell>:not(.blog-article-hero){width:100%}.blog-article-hero{border-radius:22px;margin-bottom:1.2rem}.blog-article-shell .article-meta{gap:.55rem;font-size:.82rem}.blog-article-shell .article-meta-dot{display:none}.blog-article-shell .game-grid,.blog-article-shell .type-grid,.blog-article-shell .profile-grid,.blog-article-shell .concours-grid,.blog-article-shell .errors-grid{grid-template-columns:1fr}.blog-article-shell .matching-header,.blog-article-shell .matching-row{grid-template-columns:1fr;gap:.35rem}.blog-article-shell .article-thumb{min-height:140px;font-size:3rem;border-radius:18px}.blog-related-grid{grid-template-columns:1fr}}@media(min-width:371px)and (max-width:640px){.blog-article-shell .blog-article-content>table,.blog-article-shell .markdown-table-scroll>table{min-width:0;table-layout:fixed}.blog-article-shell .blog-article-content>table th,.blog-article-shell .markdown-table-scroll>table th{white-space:normal}.blog-article-shell .blog-article-content>table th,.blog-article-shell .blog-article-content>table td,.blog-article-shell .markdown-table-scroll>table th,.blog-article-shell .markdown-table-scroll>table td{overflow-wrap:anywhere}}@media(max-width:370px){.blog-article-shell,.blog-article-shell .blog-article-content{min-width:0;max-width:100%;overflow-x:clip}.blog-article-shell .markdown-table-scroll{box-sizing:border-box;overflow-y:hidden;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}.blog-article-shell .markdown-table-scroll>table{width:620px;min-width:620px;max-width:none;table-layout:fixed}}