/* The board occupies the whole workspace; the editing draft stays mounted. */
.board-open .lab-layout,.board-open .zoom-controls{display:none!important}
.workspace-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.combo-board{--board-bg:#f3eddf;--board-card:#faf6ed;--board-inset:#e9dfcd;--board-line:#cbbca5;--board-text:#463b2e;--board-muted:#8b795f;--board-accent:#8b652f;--board-gold:#b58b43;background:var(--board-bg);color:var(--board-text);border:1px solid var(--board-line);border-radius:5px;margin-top:18px;min-width:0}
:root[data-theme=dark] .combo-board{--board-bg:#222327;--board-card:#292a2e;--board-inset:#1c1d20;--board-line:#45454a;--board-text:#e8dfcd;--board-muted:#aaa08e;--board-accent:#d1ad6b;--board-gold:#a27b43}
.combo-board button,.combo-board input,.combo-board select,.combo-board textarea{font:inherit;color:inherit;border:1px solid var(--board-line);background:var(--board-card);border-radius:4px;padding:8px 12px;font-size:13px;min-width:0}.combo-board button{cursor:pointer}.combo-board button:disabled{opacity:.5;cursor:default}.combo-board button:hover{border-color:var(--board-accent)}.combo-board button:focus-visible{outline:2px solid var(--board-accent);outline-offset:3px}.combo-board [hidden]{display:none!important}
.board-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 32px 24px}.board-heading>div>span{font-size:10px;letter-spacing:1.8px;color:var(--board-muted)}.board-heading h1{font-size:25px;margin:9px 0 0}.combo-board .board-primary{background:var(--board-gold);border-color:var(--board-gold);color:#fff8e8;padding:10px 22px;font-weight:600}
.board-controls{padding:0 32px 22px}.board-scopes{display:flex;gap:22px;border-bottom:1px solid var(--board-line);margin-bottom:18px}.combo-board .board-scopes button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:12px 0;color:var(--board-muted)}.combo-board .board-scopes button[aria-pressed=true]{border-bottom-color:var(--board-accent);color:var(--board-accent);font-weight:700}
.combo-board #communityFilters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.combo-board #communityFilters select{height:37px}.board-search{display:flex;flex:1;min-width:180px;max-width:420px;margin-left:auto}.combo-board .board-search input{width:100%;border-radius:4px 0 0 4px;border-right:0}.combo-board .board-search button{border-left:0;border-radius:0 4px 4px 0;padding:7px}.board-search svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.board-error{color:#c16b58;margin:0 32px 12px}.board-error:empty{display:none}
.board-list-labels,.board-post-head{display:grid;grid-template-columns:minmax(0,1fr) 130px 85px 85px 20px;gap:20px;align-items:center}.board-list-labels{background:var(--board-inset);font-size:11px;padding:12px 32px;color:var(--board-muted);border-top:1px solid var(--board-line);border-bottom:1px solid var(--board-line)}.board-list-labels span:not(:first-child){text-align:center}
.board-post{border-bottom:1px solid var(--board-line);min-width:0}.board-post:last-child{border-bottom:0}.combo-board .board-post-head{width:100%;padding:22px 32px 10px;text-align:left;border:0;background:transparent;border-radius:0}.board-post-head h2{font-size:17px;margin:7px 0 0;line-height:1.5;overflow-wrap:anywhere;font-weight:600}.board-post-head h2 small{font-size:12px;color:var(--board-accent);font-weight:500}.board-post-tags{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--board-muted)}.board-post-tags>b{font-weight:500;color:var(--board-accent)}.board-post-tags .board-purpose{font-size:10px;padding:2px 5px;border-radius:2px;color:#b49656;border:1px solid #a78d5544}.board-post-tags .board-purpose.is-pvp{color:#c88170;border-color:#c8817044}.board-ground{display:block;font-size:11px;margin-top:4px;color:var(--board-muted)}.board-author,.board-like-count,.board-post-head time{text-align:center;font-size:12px;color:var(--board-muted)}.board-like-count{color:var(--board-accent)}.board-expand-chevron{font-size:21px;color:var(--board-muted);transition:transform .15s}.board-post.is-open .board-expand-chevron{transform:rotate(180deg)}.board-post.is-open{background:var(--board-card)}
.board-mini{padding:0 32px 18px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--board-line) transparent}.board-preview-loading{display:block;color:var(--board-muted);font-size:11px;padding:12px 0}.mini-flow{display:flex;align-items:center;gap:9px;width:max-content;min-height:40px;padding:4px 1px}.mini-common{display:flex;align-items:center;gap:5px}.mini-flow .mini-skill{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;flex:0 0 32px;border-radius:3px;border-color:#8e7749;overflow:hidden;background:var(--board-inset);position:relative;z-index:1}.mini-skill img{width:100%;height:100%;object-fit:cover}.mini-arrow{font-size:13px;line-height:1;color:var(--board-muted)}.mini-branch{position:relative;flex-shrink:0;padding:0 14px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.mini-branch>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--board-muted);stroke-width:1;opacity:.65}.mini-lane{display:flex;align-items:center;gap:8px;height:42px;flex-shrink:0}
.board-expanded{padding:0 32px 24px;border-top:1px solid var(--board-line)}.board-post-actions{display:flex;gap:7px;padding:18px 0;align-items:center;flex-wrap:wrap}.board-post-actions button[aria-pressed=true]{color:var(--board-accent);border-color:var(--board-accent)}.board-post-actions .board-edit-copy{margin-left:auto;color:var(--board-accent)}.board-post-note{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 22px}.board-loading{padding:25px 0;color:var(--board-muted);font-size:13px}.board-empty{text-align:center;padding:70px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;color:var(--board-muted)}.board-empty b{font-weight:400}.combo-board #boardMore{display:block;margin:20px auto}
.board-detail-blocks{display:flex;flex-direction:column;gap:16px}.board-detail-common{max-width:980px;width:100%;margin:auto}.board-detail-branch{display:grid;grid-template-columns:repeat(var(--lanes),minmax(270px,1fr));gap:16px;overflow-x:auto;border-top:1px solid var(--board-line);border-bottom:1px solid var(--board-line);padding:16px 0;scrollbar-width:thin}.board-detail-branch>div{min-width:0}.board-detail-branch h4{font-size:11px;color:var(--board-muted);margin:0 0 10px;font-weight:500}.board-detail-step{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--board-line);border-radius:4px;background:var(--board-bg);min-width:0}.board-detail-step .board-step-icon{width:44px;height:44px;flex-shrink:0;padding:0;border-radius:2px;border-color:#8e7749;overflow:hidden}.board-step-icon img{width:100%;height:100%;object-fit:cover}.board-step-main{min-width:0}.board-step-main>b{display:block;font-size:12px;font-weight:500;margin-bottom:6px}.board-step-main .command-keycaps{display:flex;gap:3px;flex-wrap:wrap;font-size:11px}.board-step-main kbd{font-size:11px;padding:3px 5px;background:var(--board-inset);color:var(--board-text);border-color:var(--board-line)}.board-step-effects{margin-left:auto;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:4px;max-width:42%}.board-trait img{display:block;width:20px;height:20px}.board-buff{display:inline-flex;border:2px solid #b4944d;border-radius:3px;width:25px;height:25px;box-sizing:border-box}.board-buff img{width:100%;height:100%}.board-buff.is-addon{border-color:#b78be6;box-shadow:0 0 0 1px #63447e}.board-addon-text{font-size:10px;color:#b78be6}.board-link-summary{font-size:11px;line-height:1.7;color:var(--board-accent);padding:7px 3px 12px}.board-link-summary:empty{padding:0;height:10px}.board-link-summary span{display:block}.board-empty-lane{height:64px;display:grid;place-items:center;color:var(--board-muted);font-size:12px;border:1px dashed var(--board-line)}
.board-combo-settings{margin-top:20px;border:1px solid var(--board-line);border-radius:4px}.board-combo-settings>summary{padding:14px;cursor:pointer;font-size:13px}.board-combo-settings>summary>span{margin-left:14px;color:var(--board-muted);font-size:11px}.board-settings-body{padding:5px 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-settings-body h4{font-size:12px;color:var(--board-accent);margin:5px 0 9px}.board-settings-body section>div{display:flex;gap:6px;flex-wrap:wrap}.board-settings-body section span{font-size:11px;border:1px solid var(--board-line);padding:6px 8px;border-radius:3px}.board-setting-empty{border:0!important;color:var(--board-muted)}
.board-discussion{margin-top:26px;padding-top:16px;border-top:1px solid var(--board-line)}.board-discussion h3{font-size:15px;margin:4px 0 10px}.board-discussion .community-comments>p{font-size:12px;color:var(--board-muted)}.board-discussion .community-comments article{border-color:var(--board-line)}.board-discussion .comment-form textarea{min-height:64px}.board-discussion .comment-form button{align-self:stretch}.board-discussion .community-comments header button{padding:3px 7px}.board-skill-tooltip{position:fixed;z-index:1200;width:350px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:hidden;pointer-events:none}.board-skill-tooltip[hidden]{display:none}
@media(min-width:1600px){.board-post-head,.board-list-labels{grid-template-columns:minmax(0,1fr) 160px 100px 100px 20px}.board-mini{max-width:calc(100% - 460px)}}
@media(max-width:760px){.board-heading{padding:22px 18px}.board-controls{padding:0 18px 18px}.board-heading h1{font-size:22px}.board-list-labels{display:none}.combo-board .board-post-head{grid-template-columns:1fr auto auto;gap:8px;padding:20px 18px 10px}.board-post-title{grid-column:1/3}.board-expand-chevron{grid-column:3;grid-row:1}.board-author{grid-column:1;text-align:left}.board-post-head time{grid-column:3}.board-mini{padding:0 18px 16px}.board-expanded{padding:0 18px 20px}.board-search{max-width:none;margin-left:0}.combo-board #communityFilters select{flex:1}.combo-board .board-post-head h2{font-size:16px}.board-settings-body{grid-template-columns:1fr}.board-combo-settings>summary>span{display:block;margin:7px 0 0}.board-post-actions .board-edit-copy{margin-left:0}.workspace-tabs button{font-size:12px!important;padding:16px 3px!important}.board-detail-step{gap:8px}.board-step-effects{max-width:35%}}
/* Read the combo and its settings side by side, without stretching individual steps. */
.board-reader-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.board-reader-layout>details{min-width:0;margin:0;border:1px solid var(--board-line);border-radius:5px;background:var(--board-bg)}
.board-reader-layout>details>summary{display:flex;align-items:center;gap:14px;padding:15px 16px;list-style:none;cursor:pointer;font-size:14px;font-weight:600}
.board-reader-layout>details>summary::-webkit-details-marker{display:none}


.board-reader-layout>details[open]>summary{border-bottom:1px solid var(--board-line)}
.board-reader-layout>details>summary>span{display:inline;margin:0;color:var(--board-muted);font-size:11px;font-weight:400}
.board-reader-layout .board-combo-view{grid-column:1;grid-row:1}.board-reader-layout .board-combo-settings{grid-column:2;grid-row:1}
.board-reader-layout .board-detail-blocks{padding:8px 14px 14px;gap:12px}
.board-reader-layout .board-detail-common{max-width:none;margin:0}
.board-reader-layout .board-detail-branch{grid-template-columns:repeat(var(--lanes),minmax(240px,1fr));gap:12px;padding:12px 0}
.board-reader-layout .board-settings-body{grid-template-columns:1fr;padding:14px 16px 18px;gap:18px}
.board-reader-layout .board-settings-body section span{line-height:1.5}
.board-reader-layout .board-detail-step{gap:9px;padding:9px}
@media(max-width:1100px){.board-reader-layout{grid-template-columns:minmax(0,1fr);gap:14px}.board-reader-layout .board-combo-view,.board-reader-layout .board-combo-settings{grid-column:auto;grid-row:auto}.board-reader-layout .board-settings-body{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.board-reader-layout .board-settings-body{grid-template-columns:1fr}.board-reader-layout>details>summary{padding:13px 12px;gap:8px}.board-reader-layout>details>summary>span{font-size:10px}.board-reader-layout .board-detail-blocks{padding:6px 10px 10px}}
/* A centered reading width and a dedicated, readable prefix column. */
body.board-open .app-shell{width:min(1160px,calc(100% - 32px))}
.combo-board{margin-top:14px}.board-heading{padding:22px 24px 14px}.board-heading h1{font-size:23px;margin:0}
.board-controls{padding:0 24px 16px}.board-scopes{margin-bottom:13px}.board-scopes button{padding:10px 0!important}
.board-list-labels,.combo-board .board-post-head{grid-template-columns:112px minmax(0,1fr) 100px 64px 68px 14px;gap:14px}
.board-list-labels{padding:10px 20px}.board-list-labels span:nth-child(2){text-align:left}
.combo-board .board-post-head{padding:13px 20px 5px}.board-post-head h2{font-size:15px;margin:0}.board-ground{font-size:12px;margin-top:5px}
.board-prefix{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;border:1px solid var(--board-line);border-radius:4px;background:var(--board-inset);line-height:1.3;padding:7px 6px}
.board-prefix>b{font-size:14px;color:var(--board-accent);font-weight:600}.board-prefix>span{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--board-text)}
.board-prefix .board-purpose{font-style:normal;font-size:11px;font-weight:600;color:var(--board-accent)}.board-prefix .board-purpose.is-pvp{color:#bf7969}
.board-author,.board-like-count,.board-post-head time{font-size:12px}
.board-mini{padding:1px 20px 13px 146px;max-width:none!important}.mini-lane{height:36px}
.board-mini-settings{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}.board-mini-settings:empty{display:none}
.mini-settings-group{display:flex;align-items:center;gap:5px}.mini-settings-group>span{font-size:11px;color:var(--board-muted);margin-right:3px}.mini-addon-group>span{color:#b58bdc}
.combo-board .mini-setting-skill{width:25px;height:25px;padding:0;border-color:#9e8148;border-radius:3px;overflow:hidden;background:var(--board-inset)}.mini-setting-skill img{width:100%;height:100%;display:block}.combo-board .mini-setting-skill.is-addon{border-color:#b58bdc;box-shadow:0 0 0 1px #70548555}
.combo-references{margin:4px 0 22px}.combo-references h3{font-size:13px;margin:0 0 10px;color:inherit;font-weight:600}.combo-references>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.combo-reference{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid var(--board-line,#8d7b60);border-radius:5px;padding:13px 14px;text-decoration:none;background:var(--board-bg,#f0e9db);color:inherit}
.combo-reference:hover{border-color:var(--board-accent,#a47f44)}.reference-icon{display:grid;place-items:center;background:#91816b20;color:var(--board-accent,#b39665);width:34px;height:30px;border-radius:5px;flex-shrink:0}.is-video .reference-icon{background:#c4524222;color:#d56f62;font-size:13px}
.combo-reference>span:nth-child(2){min-width:0;flex:1}.combo-reference b{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.combo-reference small{display:block;font-size:11px;opacity:.65;margin-top:4px}.reference-external{font-size:16px;opacity:.6}
.publish-references h3{font-size:13px;margin:0 0 9px;font-weight:500}.reference-input-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(160px,2fr) 32px;gap:7px;margin-bottom:8px}.reference-input-row input{width:100%;min-width:0}.community-dialog .reference-input-row button{padding:5px;font-size:20px;background:transparent}.community-dialog [data-add-reference]{font-size:12px;background:transparent;padding:7px 10px}
:root[data-theme=dark] #sharedSocial .combo-reference{background:#222327;border-color:#55504a;color:#e8dfcd}
@media(max-width:850px){.board-list-labels{display:none}.combo-board .board-post-head{grid-template-columns:94px minmax(0,1fr) auto;gap:10px;padding:14px 16px 6px}.board-prefix{grid-column:1;grid-row:1/3}.board-post-title{grid-column:2;grid-row:1}.board-expand-chevron{grid-column:3;grid-row:1}.board-author{grid-column:2;grid-row:2;text-align:left}.board-like-count{grid-column:3;grid-row:2}.board-post-head time{display:none}.board-mini{padding-left:120px;padding-right:16px}.board-post-head h2{font-size:14px}}
@media(max-width:600px){body.board-open .app-shell{width:calc(100% - 12px)}.board-heading{padding:20px 16px 12px}.board-controls{padding:0 16px 15px}.board-mini{padding:5px 16px 14px}.board-mini-settings{gap:12px}.combo-references>div{grid-template-columns:1fr}.reference-input-row{grid-template-columns:minmax(0,1fr) 30px}.reference-input-row [name=referenceTitle]{grid-column:1;grid-row:1}.reference-input-row [name=referenceUrl]{grid-column:1;grid-row:2}.reference-input-row button{grid-column:2;grid-row:1/3}}
/* Shared combo steps focus on the three things needed to follow the sequence. */
.board-reader-layout .board-detail-common{display:grid;gap:8px}
.board-reader-layout .board-detail-branch>div{display:flex;flex-direction:column;gap:8px}
.board-reader-layout .board-detail-branch h4{margin:0 0 2px}
.board-reader-layout .board-detail-step{min-height:68px;padding:9px 10px;gap:11px}
.board-reader-layout .board-step-main{display:flex;flex-direction:column;gap:7px;min-width:0}
.board-reader-layout .board-step-main>b{font-size:12px;font-weight:500;color:var(--board-muted);margin:0;line-height:1.4}
.combo-board .board-step-main .command-keycaps{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--board-accent);font-size:13px;font-weight:600;line-height:1.3}
.combo-board .board-step-main .command-keycaps kbd{font-family:inherit;font-size:13px;font-weight:700;line-height:1.25;padding:5px 7px;min-width:24px;text-align:center;border:1px solid #aa8a53;border-radius:3px;background:#5c4429;color:#fff3dc;box-shadow:0 1px 0 #332819}
:root[data-theme=dark] .combo-board .board-step-main .command-keycaps kbd{background:#5b472e;border-color:#a88a56;color:#fff1cf}
/* Reactions belong beneath the post, separate from author/link tools. */
.board-reactions{display:flex;justify-content:center;align-items:center;gap:12px;padding:28px 0 8px}
.combo-board .board-reactions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:152px;min-height:64px;padding:14px 22px;border-radius:7px;font-size:15px;font-weight:600;background:var(--board-bg);transition:background .15s,border-color .15s,color .15s}
.board-reactions svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.board-reactions b{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--board-accent)}
.combo-board .board-reactions button:hover,.combo-board .board-reactions button[aria-pressed=true]{border-color:var(--board-accent);background:var(--board-inset);color:var(--board-accent)}
.board-reactions button[aria-pressed=true] svg{fill:currentColor;fill-opacity:.2}
.board-post-actions{padding:14px 0 18px}
.reference-title-status{grid-column:1/-1;font-size:11px;color:var(--board-muted,#a99b86)}
.reference-title-status:empty{display:none}
@media(max-width:600px){.board-reactions{gap:10px;padding-top:22px}.combo-board .board-reactions button{min-width:0;min-height:60px;flex:1;max-width:190px;padding:12px;gap:8px}}

.board-account-note{display:block;color:var(--muted,#9ba6af);font-size:12px;margin-top:6px;line-height:1.6}.board-admin-link{font-size:12px;color:inherit;margin-left:auto;margin-right:12px;white-space:nowrap}.comment-form .community-form-row{grid-column:1/-1}.comment-form input{box-sizing:border-box;width:100%;padding:9px;background:var(--panel,#192027);color:inherit;border:1px solid #46515b;border-radius:6px}.comment-form label{display:grid;gap:6px;font-size:12px}