.blog-index,.blog-reader{max-width:1120px;margin:24px auto 64px}.blog-heading{padding:10px 0 30px}.blog-heading h1{font-size:42px;letter-spacing:-1px}.blog-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.blog-categories{display:flex;flex-wrap:wrap;gap:4px}.blog-categories button{min-height:44px;padding:7px 14px;border-radius:4px;font-size:18px;color:var(--muted);transition:background-color .16s ease,color .16s ease}.blog-categories button:hover{background:var(--surface);color:var(--text)}.blog-categories button[aria-pressed=true]{color:var(--onAccent);background:var(--accent)}.blog-search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:4px;padding-left:12px;background:var(--surface);color:var(--muted);width:270px;flex-shrink:0}.blog-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.blog-search input{min-width:0;width:100%;border:0;background:transparent;min-height:44px;padding:8px 10px 8px 0;font-size:18px;outline:none}.blog-search input::-webkit-search-cancel-button{display:none}.blog-search button{min-width:44px;min-height:44px;display:grid;place-items:center}.blog-result-status{font-size:16px;color:var(--muted);min-height:24px;margin-top:16px}.blog-empty{display:grid;justify-items:center;align-content:center;gap:20px;min-height:280px;border-bottom:1px solid var(--border)}.blog-empty h2{font-weight:500;font-size:24px;color:var(--muted)}.blog-card{display:flex;gap:40px;justify-content:space-between;padding:32px 0;border-bottom:1px solid var(--border)}.blog-card-content{min-width:0;max-width:750px}.blog-card-hero{display:inline-flex;align-items:center;gap:8px}.blog-card-hero img{width:40px;height:48px;object-fit:contain;flex-shrink:0}.blog-prose figure.blog-hero-portrait{width:160px;max-width:100%}.blog-prose figure.blog-hero-portrait img{width:100%;height:auto;max-height:240px;object-fit:contain}.blog-card h2{margin:10px 0 12px;font-size:30px;line-height:1.25;overflow-wrap:anywhere}.blog-card h2 a{color:var(--text);text-decoration:none}.blog-card h2 a:hover,.blog-card h2 svg{color:var(--accent)}.blog-card h2 svg{display:inline;margin-left:12px;vertical-align:baseline;transition:transform .16s ease}.blog-card h2 a:hover svg{transform:translate(2px,-2px)}.blog-card p{color:var(--muted);line-height:1.65}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;font-size:17px;color:var(--muted)}.blog-category{color:var(--accent);font-size:17px}.blog-card-byline{margin-top:20px}.blog-card-cover{width:240px;flex-shrink:0;align-self:center}.blog-card-cover img{width:100%;max-height:200px;object-fit:contain;border-radius:4px}.beginner-link{display:inline-block;margin-top:12px;font-size:18px;color:var(--accent);text-underline-offset:4px}.blog-back{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:18px;text-decoration:none;margin-bottom:26px}.blog-back:hover{text-decoration:underline}.blog-article-heading{max-width:900px;padding-bottom:32px}.blog-article-heading h1{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-1px;margin:14px 0 20px;overflow-wrap:anywhere}.blog-deck{color:var(--muted);font-size:23px;line-height:1.55;margin-bottom:24px}.blog-cover{display:block;max-width:100%;max-height:540px;margin:0 auto 36px;object-fit:contain;border-radius:5px}.blog-reading-layout{border-top:1px solid var(--border);padding-top:36px}.blog-reading-layout.has-contents{display:grid;grid-template-columns:minmax(0,760px) minmax(180px,1fr);gap:64px}.blog-prose{max-width:760px;min-width:0;font-size:21px;line-height:1.75;overflow-wrap:anywhere}.blog-prose>section{scroll-margin-top:24px;margin-bottom:40px}.blog-prose h2{color:var(--accent);font-size:29px;line-height:1.3;margin-bottom:20px}.blog-prose p+ol,.blog-prose p+p,.blog-prose p+ul{margin-top:20px}.blog-prose ol,.blog-prose ul{padding-left:26px;margin:20px 0}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li{padding-left:5px;margin:8px 0}.blog-prose li::marker{color:var(--accent)}.blog-prose blockquote{margin:28px 0;padding:8px 0 8px 22px;border-left:3px solid var(--accent)}.blog-prose cite{display:block;color:var(--muted);font-size:17px;font-style:normal;margin-top:12px}.blog-prose figure{margin:30px 0}.blog-prose figure img{width:auto;max-width:100%;height:auto;max-height:650px;object-fit:contain;margin:auto;border-radius:4px}.blog-prose figcaption{margin-top:12px;color:var(--muted);font-size:17px}.blog-contents{grid-column:2;grid-row:1;align-self:start;position:sticky;top:24px;min-width:0;font-size:17px}.blog-contents summary{color:var(--muted);min-height:44px;padding:8px 0}.blog-contents nav{display:grid;border-left:1px solid var(--border);padding-left:16px;margin-top:12px}.blog-contents a{padding:9px 0;color:var(--muted);text-decoration:none;overflow-wrap:anywhere}.blog-contents a:hover{color:var(--accent);text-decoration:underline}.has-contents .blog-prose{grid-column:1;grid-row:1}.blog-guide-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:18px 22px;margin-bottom:32px}.blog-guide-hero{display:flex;gap:18px;align-items:center}.blog-guide-hero img{object-fit:contain}.blog-guide-hero h2{font-size:24px}.blog-guide-hero p{color:var(--muted);font-size:18px}.blog-build-link{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;font-size:18px;min-width:0}.blog-build-link p{overflow-wrap:anywhere}.blog-build-link code{user-select:all;color:var(--accent)}.blog-author a,.blog-build-link a{display:inline-flex;align-items:center;gap:6px;min-height:44px}.guide-snapshot-date{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:-12px 0 28px;color:var(--muted);font-size:17px}.guide-snapshot-date a{display:inline-flex;align-items:center;gap:4px;margin-left:8px}.game-reference{color:var(--accent);text-decoration:underline dotted;text-underline-offset:4px;cursor:pointer;font:inherit;text-align:inherit;border-radius:2px}.game-reference:hover{text-decoration-style:solid}.game-reference:focus-visible,.guide-item-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.blog-prose .guide-item-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;list-style:none;padding:0;margin:20px 0}.blog-prose .guide-item-cards>li{padding:0;margin:0;min-width:0;border:1px solid var(--border);background:var(--surface);border-radius:6px;overflow:hidden}.guide-item-trigger{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:16px;text-align:left;font-size:20px;line-height:1.5;border-radius:5px;cursor:pointer;transition:background-color .16s ease}.guide-item-trigger:hover,.guide-item-trigger[aria-expanded=true]{background:var(--surfaceHover,color-mix(in srgb,var(--accent) 8%,var(--surface)))}.guide-item-trigger:focus-visible{outline-offset:-3px}.guide-item-trigger img{object-fit:contain;width:52px;height:52px}.guide-item-heading{display:grid;gap:2px}.guide-item-heading>span{font-size:17px;color:var(--muted)}.guide-item-note{padding:14px 16px;border-top:1px solid var(--border);color:var(--accent);font-size:19px}.guide-upgrade-scroll{overflow-x:auto;border-block:1px solid var(--border)}.guide-upgrade-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.blog-prose .guide-upgrade-table{width:100%;min-width:300px;table-layout:fixed;border-collapse:collapse;font-size:18px;line-height:1.4}.guide-upgrade-table caption{text-align:left;color:var(--muted);font-size:17px;padding:14px 0}.guide-upgrade-table td,.guide-upgrade-table th{border:0;padding:14px 4px;text-align:center;vertical-align:middle}.guide-upgrade-table thead th{color:var(--muted);font-size:16px;font-weight:500;white-space:nowrap;border-bottom:1px solid var(--border)}.guide-upgrade-table th:first-child{width:40%;text-align:left;padding-left:0}.guide-upgrade-table tbody tr+tr{border-top:1px solid var(--border)}.guide-ability-priorities .game-reference,.guide-upgrade-table .game-reference{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0;border:0;background:none;box-shadow:none;color:var(--text);text-decoration:none;text-align:left;font-size:18px;font-weight:500}.guide-ability-priorities .game-reference:hover,.guide-upgrade-table .game-reference:hover{color:var(--accent)}.guide-ability-priorities .guide-ability-icon,.guide-upgrade-table .guide-ability-icon{flex-shrink:0;width:40px;height:40px;object-fit:contain;background:#25332c;border-radius:5px;padding:4px}.guide-upgrade-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--onAccent);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.guide-upgrade-empty{color:var(--muted)}.blog-prose .guide-upgrade-notes{list-style:none;padding:0;font-size:18px}.guide-upgrade-notes li{display:flex;align-items:baseline;gap:12px;white-space:pre-line}.guide-upgrade-notes li>span{flex-shrink:0;color:var(--accent)}.blog-prose .guide-ability-priorities{margin:0}.blog-prose .guide-ability-priorities li{padding:12px 0 12px 8px;border-bottom:1px solid var(--border)}.guide-ability-advice{display:block;color:var(--muted);font-size:18px;white-space:pre-line}@media(max-width:520px){.guide-upgrade-table .game-reference{flex-direction:column;align-items:flex-start;gap:6px}.guide-upgrade-table th:first-child{width:36%}.guide-upgrade-table td,.guide-upgrade-table th{padding-inline:2px}.guide-upgrade-number{width:30px;height:30px}}.game-reference-panel{position:fixed;z-index:150;width:min(420px,calc(100vw - 32px));overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:20px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 36px #0005;font-size:18px;line-height:1.55;overflow-wrap:anywhere;animation:reference-enter .16s ease-out}.game-reference-panel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-reference-panel header{display:flex;align-items:center;gap:12px;position:sticky;top:-20px;background:var(--surface);padding:4px 0 12px;z-index:1}.game-reference-panel header img{flex-shrink:0;object-fit:contain}.game-reference-panel .guide-ability-icon{background:#25332c;padding:5px;border-radius:4px}.game-reference-panel h3{font-size:23px;line-height:1.25}.game-reference-panel header span{color:var(--muted);font-size:17px}.game-reference-panel header button{display:grid;place-items:center;min-width:44px;min-height:44px;margin-left:auto;align-self:flex-start;border-radius:4px}.game-reference-panel header button:hover{background:var(--bg)}.game-reference-panel dl,.game-reference-panel p,.game-reference-panel section{margin-top:18px}.game-reference-panel dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:7px 0;border-bottom:1px solid var(--border)}.game-reference-panel dd{text-align:right;max-width:170px;font-variant-numeric:tabular-nums}.game-reference-panel h4{color:var(--accent);font-size:19px;margin-bottom:10px}.game-reference-panel ul{list-style:none;padding:0}.game-reference-panel li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;margin-top:12px}.game-reference-panel li strong{color:var(--accent);font-size:16px}.game-reference-panel footer{color:var(--muted);font-size:16px;border-top:1px solid var(--border);padding-top:12px;margin-top:18px}@keyframes reference-enter{0%{opacity:0}to{opacity:1}}@media (max-width:639px){.blog-prose .guide-item-cards{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.game-reference-panel{animation:none}.guide-item-trigger{transition:none}}.blog-table-scroll{overflow-x:auto;margin:28px 0;border:1px solid var(--border);border-radius:4px}.blog-table-scroll table{width:100%;border-collapse:collapse;font-size:18px}.blog-table-scroll caption{text-align:left;padding:12px 16px;color:var(--muted);background:var(--surface)}.blog-table-scroll td,.blog-table-scroll th{padding:12px 16px;border-top:1px solid var(--border);text-align:left;min-width:110px}.blog-table-scroll thead th{color:var(--accent)}.blog-table-scroll tbody th{font-weight:500}.blog-author{padding-top:24px;margin-top:40px;border-top:1px solid var(--border);font-size:18px}.blog-author p+p{margin-top:6px;color:var(--muted)}@media (max-width:999px){.blog-reading-layout.has-contents{display:flex;flex-direction:column;gap:30px}.blog-contents{position:static;width:100%}.blog-contents details{border:1px solid var(--border);padding:0 16px;border-radius:4px}.blog-contents nav{margin-bottom:16px;max-height:240px;overflow:auto}}@media (max-width:639px){.blog-index,.blog-reader{margin-top:12px}.blog-heading h1{font-size:34px}.blog-heading{padding-bottom:24px}.blog-toolbar{flex-direction:column;align-items:stretch;gap:14px}.blog-categories{justify-content:space-between;gap:0}.blog-categories button{padding:8px;font-size:17px}.blog-search{width:100%}.blog-empty{min-height:230px}.blog-card{flex-direction:column;gap:20px;padding:24px 0}.blog-card h2{font-size:26px}.blog-card-cover{width:100%}.blog-card-cover img{max-height:240px}.blog-deck{font-size:21px}.blog-meta{gap:8px 16px}.blog-prose{font-size:20px}.blog-guide-summary{padding:16px}.blog-prose h2{font-size:26px}}@media (prefers-reduced-motion:reduce){.blog-card h2 svg,.blog-categories button{transition:none}.blog-card h2 a:hover svg{transform:none}}@media (max-width:359px){.blog-categories{display:grid;grid-template-columns:1fr 1fr;gap:4px}}.clip-player{margin:1.5rem 0;max-width:100%}.clip-frame{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);color:var(--text)}.clip-frame video{display:block;width:100%;max-height:72vh;aspect-ratio:16/9;background:#080808;object-fit:contain}.clip-controls{display:flex;align-items:center;gap:12px;padding:10px 14px;flex-wrap:wrap}.clip-title{flex:1 1 140px;overflow-wrap:anywhere}.clip-controls label{display:flex;align-items:center;gap:8px;font-size:.9rem}.clip-controls button,.clip-controls select,.clip-error button{color:inherit;background:var(--surface,#252827);border:1px solid var(--border);border-radius:5px;padding:8px;font:inherit;min-height:40px}.clip-controls button{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.clip-frame:fullscreen{display:flex;flex-direction:column;border:0;border-radius:0;background:#080808;color:#fff}.clip-frame:fullscreen video{flex:1;min-height:0;max-height:none;height:calc(100% - 64px)}.clip-frame:fullscreen :is(select,button){color:var(--text)}.clip-error{padding:12px}.clip-player figcaption{margin-top:8px}@media(max-width:480px){.clip-controls{gap:8px;padding:8px}.clip-title{flex-basis:100%}}.clip-manager{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:24px;margin:24px auto 40px;max-width:1200px}.clip-manager-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}.clip-manager-heading h2{font-size:28px}.clip-manager [role=status] a,.clip-manager-heading a{color:var(--accent);text-decoration:underline}.clip-manager-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px}.clip-fields{display:grid;gap:18px;border:0;padding:0;margin:0 0 22px;min-width:0}.clip-fields label,.clip-thumbnail label{display:grid;gap:8px}.clip-fields input,.clip-fields textarea{width:100%;min-width:0;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;padding:10px 12px}.clip-drop span,.clip-fields small,.clip-usage small{color:var(--muted);line-height:1.5;font-size:16px;overflow-wrap:anywhere}.clip-drop{display:grid;gap:10px;padding:24px;border:2px dashed var(--border);border-radius:6px;cursor:pointer}.clip-drop.is-dragging,.clip-drop:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px}.clip-drop input{width:100%;min-width:0}.clip-drop input::file-selector-button,.clip-manager button{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:4px;min-height:44px;padding:8px 14px;font:inherit;cursor:pointer}.clip-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 12px}.clip-actions .clip-publish{color:var(--onAccent);background:var(--accent)}.clip-manager button:disabled{opacity:.5;cursor:default}.admin-video progress,.clip-manager progress{width:100%;height:10px;accent-color:var(--accent)}.clip-usage{border-left:1px solid var(--border);padding-left:24px;align-self:start}.clip-usage h3{font-size:23px;margin-bottom:20px}.clip-usage p{margin:18px 0 8px}.clip-usage strong{display:block;font-variant-numeric:tabular-nums}.clip-usage button{margin-top:16px}.clip-usage details{margin-top:24px}.clip-thumbnail{margin-top:20px}.clip-thumbnail summary{cursor:pointer;padding:8px 0}.clip-thumbnail img,.clip-thumbnail video{display:block;width:100%;max-height:320px;object-fit:contain;background:#111;margin:12px 0}.clip-thumbnail input{min-height:44px}.clip-controls:not(:has(.clip-title)){justify-content:flex-end}@media(max-width:800px){.clip-manager-grid{grid-template-columns:1fr}.clip-usage{border-left:0;border-top:1px solid var(--border);padding:20px 0 0}.clip-manager{padding:18px}.clip-drop{padding:16px}}.editor-social-preview img{width:100%;max-width:600px;margin:12px 0;border-radius:4px}.blog-reader>.blog-comments{margin-left:0;margin-right:0}.clip-manager .admin-video-files{list-style:none;padding:0;margin:16px 0}.clip-manager .admin-video-files li{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.blog-hero-filter select{min-height:44px;max-width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);font-size:18px}.blog-hero-filter select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.community-build-code{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:16px}.community-build-code code{color:var(--accent);user-select:all;font-variant-numeric:tabular-nums}.community-build-code .button{min-height:44px;font-size:17px;padding:8px 14px}.community-copy-status{color:var(--muted);font-size:16px}.community-import-form{display:grid;gap:18px}.community-import-form input{width:100%;min-height:44px;padding:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.community-import-form .button{justify-self:start}.blog-prose h3{color:var(--accent);font-size:25px;line-height:1.35;margin:24px 0 16px}