/* 자유게시판 (2026-09-29) — 게임 공식 커뮤니티식 목록형 게시판. 색·버튼은 사이트 토큰과 builds.css 공용 스타일을 따른다. */
.fb-bar{display:flex;flex-direction:column;gap:10px;margin:4px 0 12px}
.fb-cats{display:flex;gap:0;border-bottom:1px solid var(--line2);overflow-x:auto;scrollbar-width:none}
.fb-cats::-webkit-scrollbar{display:none}
.fb-cats button{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 16px;
  color:var(--mut);font:600 14px var(--sans);cursor:pointer;white-space:nowrap}
.fb-cats button:hover{color:var(--txt)}
.fb-cats button.on{color:#fff;border-bottom-color:var(--cy)}
.fb-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fb-search{display:flex;gap:6px}
.fb-search input{width:220px;background:#0d1512;border:1px solid var(--line2);color:var(--txt);padding:7px 11px;border-radius:2px;font:13px var(--sans);outline:none}
.fb-search input:focus{border-color:var(--cy)}
.fb-search button{background:#12201a;border:1px solid var(--line2);color:var(--txt2);padding:0 14px;border-radius:2px;font:600 13px var(--sans);cursor:pointer}
.fb-search button:hover{color:var(--txt);border-color:#2a4a3c}

.fb-list{border-top:2px solid #2a4a3c;background:#070c0a}
.fb-row{display:grid;grid-template-columns:64px 84px minmax(0,1fr) 150px 64px 56px 56px;align-items:center;min-height:46px;
  border-bottom:1px solid var(--line);color:var(--txt2);text-decoration:none;font-size:14px}
.fb-row>span{padding:0 8px;min-width:0}
a.fb-row:hover{background:rgba(51,225,154,.035)}
a.fb-row:hover .tt{color:#fff;text-decoration:underline;text-underline-offset:3px}
.fb-th{min-height:40px;background:#0b1310;color:var(--mut);font-size:12.5px;font-weight:700}
.fb-th>span{text-align:center}
.fb-row .c-no,.fb-row .c-date,.fb-row .c-num{text-align:center;font-variant-numeric:tabular-nums;color:var(--mut);font-size:12.5px}
.fb-row .c-num.lk{color:var(--txt2)}
.fb-row .c-cat{text-align:center}
.fb-th .c-title{text-align:left}
.fb-row .c-title{display:flex;align-items:center;gap:6px}
.fb-row .tt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--txt)}
.fb-row .cm{flex:none;color:#ff9a5c;font-size:12px;font-weight:700}
.fb-row .cm::before{content:"["}.fb-row .cm::after{content:"]"}
.fb-row .nw{flex:none;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:2px;background:#ff5f57;color:#fff;font-size:9.5px;font-weight:800}
.fb-cat{display:inline-block;font-style:normal;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:2px;background:#12201a;color:var(--txt2);white-space:nowrap}
.fb-cat[data-c="질문"]{background:rgba(87,211,255,.1);color:#7fdcff}
.fb-cat[data-c="정보"]{background:rgba(51,225,154,.1);color:var(--cy)}
.fb-cat[data-c="파티모집"]{background:rgba(255,180,84,.1);color:#ffb454}
.fb-au{display:inline-flex;align-items:baseline;gap:3px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--txt2)}
.fb-au i{font-style:normal;font-size:11px;color:var(--dim,#3b4b43)}
.fb-none{padding:48px 16px;text-align:center;color:var(--mut)}

.fb-post{max-width:920px;margin:0 auto}
.fb-crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--mut);margin:6px 0 12px}
.fb-crumb a{color:var(--txt2);text-decoration:none}.fb-crumb a:hover{color:var(--cy)}
.fb-ph{border-top:2px solid #2a4a3c;border-bottom:1px solid var(--line2);padding:18px 4px 14px}
.fb-ph h1{margin:0 0 10px;font-size:22px;font-weight:800;line-height:1.35;color:var(--txt);word-break:break-word;text-wrap:balance}
.fb-ph h1 .fb-cat{margin-right:9px;vertical-align:4px}
.fb-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--mut)}
.fb-body{padding:26px 4px 30px;min-height:120px;font-size:15.5px;line-height:1.8;color:var(--txt);white-space:pre-wrap;word-break:break-word;border-bottom:1px solid var(--line)}
.fb-likebox{display:flex;justify-content:center;padding:22px 0}
.fb-like{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:92px;padding:10px 18px;background:#0d1512;border:1px solid #2a4a3c;
  border-radius:2px;color:var(--cy);font:700 13px var(--sans);cursor:pointer}
.fb-like b{font-size:20px;color:#fff;line-height:1.2}
.fb-like span{font-size:12px;color:var(--mut)}
.fb-like:hover{border-color:var(--cy)}
.fb-like.done{background:rgba(51,225,154,.1);border-color:var(--cy)}
.fb-acts{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line2)}
.fb-acts .sp{flex:1}
.fb-acts a.btn{text-decoration:none;display:inline-flex;align-items:center}
.fb-msg{min-height:20px;margin:8px 0 0;font-size:13px;color:var(--cy)}

.fb-cmts{margin-top:18px}
.fb-cmts h3{margin:0 0 8px;font-size:15px;color:var(--txt)}
.fb-cmts h3 b{color:var(--cy)}
.fb-cmts ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.fb-c{padding:12px 4px;border-bottom:1px solid var(--line)}
.fb-c.none{color:var(--mut);text-align:center;padding:22px 0}
.fb-c .ch{display:flex;align-items:center;gap:10px;margin-bottom:5px;font-size:13px}
.fb-c .ch .fb-au{color:var(--txt);font-weight:700}
.fb-c .cd{color:var(--mut);font-size:12px}
.fb-c .ca{margin-left:auto;display:flex;gap:2px}
.fb-c .ca button{background:none;border:0;color:var(--mut);font:12px var(--sans);cursor:pointer;padding:2px 6px}
.fb-c .ca button:hover{color:var(--txt)}
.fb-c .cb{font-size:14.5px;line-height:1.65;color:var(--txt2);white-space:pre-wrap;word-break:break-word}
.fb-cform{margin-top:14px;padding:14px;background:#0a100d;border:1px solid var(--line2);border-radius:2px;display:flex;flex-direction:column;gap:8px}
.fb-cform .r{display:flex;gap:8px;flex-wrap:wrap}
.fb-cform input,.fb-cform textarea,.fb-form input,.fb-form textarea{background:#0d1512;border:1px solid var(--line2);color:var(--txt);padding:8px 11px;border-radius:2px;font:14px var(--sans);outline:none}
.fb-cform input{flex:1;min-width:150px}
.fb-cform textarea{min-height:76px;resize:vertical}
.fb-cform input:focus,.fb-cform textarea:focus,.fb-form input:focus,.fb-form textarea:focus{border-color:var(--cy)}
.fb-cform .r2{display:flex;align-items:center;gap:10px}
.fb-cform .err,.fb-form .err{flex:1;color:#ff8a82;font-size:13px;min-height:18px}

.fb-form .fb-ft{margin:0 0 6px;font-size:22px;font-weight:800;color:var(--txt);padding-bottom:12px;border-bottom:2px solid #2a4a3c}
.fb-form .l{display:flex;justify-content:space-between;margin:16px 0 6px;font-size:13px;font-weight:700;color:var(--txt2)}
.fb-form .l .cnt{font-weight:400;color:var(--mut)}
.fb-form .fb-cats{border-bottom:0;gap:6px}
.fb-form .fb-cats button{border:1px solid var(--line2);border-radius:2px;margin:0;padding:7px 14px}
.fb-form .fb-cats button.on{border-color:var(--cy);color:var(--cy);background:rgba(51,225,154,.06)}
.fb-form input{width:100%}
.fb-form textarea{width:100%;min-height:320px;resize:vertical;line-height:1.7}
.fb-form .r{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fb-form .fb-acts{border:0;justify-content:flex-end;padding-top:6px}

@media(max-width:760px){
  .fb-row.fb-th{display:none}
  .fb-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;padding:11px 6px;min-height:0}
  .fb-row>span{padding:0}
  .fb-row .c-no{display:none}
  .fb-row .c-cat{flex:none}
  .fb-row .c-title{flex:1 1 calc(100% - 90px)}
  .fb-row .c-au,.fb-row .c-date,.fb-row .c-num{font-size:12px;text-align:left}
  .fb-row .c-au{max-width:45%}
  .fb-row .c-num::before{content:"조회 "}.fb-row .c-num.lk::before{content:"추천 "}
  .fb-search{width:100%}.fb-search input{flex:1;width:auto}
  .fb-form .r{grid-template-columns:1fr}
  .fb-ph h1{font-size:19px}
}
.fb-post .btn{display:inline-flex;align-items:center;height:32px;padding:0 13px;background:#0d1512;border:1px solid var(--line2);border-radius:2px;
  color:var(--txt2);font:600 13px var(--sans);cursor:pointer;text-decoration:none;white-space:nowrap}
.fb-post .btn:hover{color:var(--txt);border-color:#2a4a3c}
.fb-post .btn.p{background:var(--cy);border-color:var(--cy);color:#04140d}
.fb-post .btn.p:hover{background:#5cf0b4}
.fb-post .btn.d:hover{color:#ff8a82;border-color:#5a2a28}
.fb-post .btn:disabled{opacity:.5;cursor:default}

/* ── v2: 대형 커뮤니티 기능 ── */
button.fb-au{appearance:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}
button.fb-au:hover{color:var(--cy)}
.fb-au.adm{color:#ffb454;font-weight:800}
.fb-op{margin-left:5px;font-size:10.5px;font-weight:700;padding:1px 5px;border-radius:2px;background:rgba(51,225,154,.12);color:var(--cy)}
.fb-best{flex:none;font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:2px;background:rgba(255,95,87,.14);color:#ff8a82;margin-right:6px}
.fb-cat[data-c="공지"]{background:rgba(255,180,84,.16);color:#ffb454}
.fb-row.notice{background:#0c1410}
.fb-row.notice .tt{font-weight:800;color:#fff}
.fb-row.cur{background:rgba(51,225,154,.06)}
.fb-row.cur .c-no{color:var(--cy)}
.fb-search select{background:#0d1512;border:1px solid var(--line2);color:var(--txt2);border-radius:2px;padding:0 8px;font:13px var(--sans)}
.fb-fchips{display:flex;gap:6px;flex-wrap:wrap}
.fb-fchip{background:rgba(51,225,154,.08);border:1px solid #2a4a3c;color:var(--cy);border-radius:2px;padding:4px 10px;font:600 12.5px var(--sans);cursor:pointer}
.fb-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}
.fb-foot .bd-pager{flex:1}
.bd-write.sm{padding:7px 16px;font-size:13px}

.fb-hot{border:1px solid var(--line2);background:#0a100d;border-radius:2px;padding:12px 16px;margin:0 0 14px}
.fb-hot h3{margin:0 0 8px;font-size:14px;color:var(--txt)}
.fb-hot h3 span{margin-left:6px;font-size:12px;font-weight:400;color:var(--mut)}
.fb-hot ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 24px}
.fb-hot a{display:flex;align-items:center;gap:8px;padding:5px 0;color:var(--txt2);text-decoration:none;font-size:13.5px;min-width:0}
.fb-hot a:hover .tt{color:#fff;text-decoration:underline}
.fb-hot a b{flex:none;width:18px;color:#ff8a82;font-weight:800;text-align:center}
.fb-hot .tt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-hot .cm{flex:none;color:#ff9a5c;font-size:12px;font-weight:700}.fb-hot .cm::before{content:"["}.fb-hot .cm::after{content:"]"}
.fb-hot .lk{flex:none;color:var(--mut);font-size:12px}

.fb-votes{display:flex;justify-content:center;gap:10px;padding:24px 0}
.fb-vote{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:92px;padding:10px 18px;background:#0d1512;border:1px solid var(--line2);
  border-radius:2px;font:700 13px var(--sans);cursor:pointer}
.fb-vote b{font-size:20px;color:#fff;line-height:1.2}
.fb-vote span{font-size:12px;color:var(--mut)}
.fb-vote.up{color:var(--cy);border-color:#2a4a3c}.fb-vote.up:hover,.fb-vote.up.done{border-color:var(--cy);background:rgba(51,225,154,.08)}
.fb-vote.dn{color:#8fa0a8}.fb-vote.dn:hover,.fb-vote.dn.done{border-color:#5a6a72;background:rgba(143,160,168,.08)}

.fb-pnav{margin-top:14px;border-top:1px solid var(--line2)}
.fb-pn{display:flex;gap:14px;align-items:center;padding:11px 6px;border-bottom:1px solid var(--line);text-decoration:none;font-size:13.5px;min-width:0}
.fb-pn span{flex:none;width:52px;color:var(--mut);font-size:12.5px}
.fb-pn b{font-weight:500;color:var(--txt2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.fb-pn:hover b{color:#fff;text-decoration:underline}
.fb-pn.none b{color:var(--dim,#3b4b43)}

.fb-bestc{border:1px solid #3a2b22;background:rgba(255,154,92,.04);border-radius:2px;margin:6px 0 12px}
.fb-bestc .bh{padding:8px 12px;font-size:12.5px;font-weight:800;color:#ff9a5c;border-bottom:1px solid #3a2b22}
.fb-bestc ul{list-style:none;margin:0;padding:0}
.fb-bestc li{padding:9px 12px;border-bottom:1px solid rgba(58,43,34,.6)}
.fb-bestc li:last-child{border-bottom:0}
.fb-bestc .ch{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:3px}
.fb-bestc .lk{color:#ff9a5c;font-size:12px;font-weight:700}
.fb-bestc .jump{margin-left:auto;color:var(--mut);font-size:12px;text-decoration:none}.fb-bestc .jump:hover{color:var(--txt)}
.fb-bestc .cb{font-size:14px;color:var(--txt2);white-space:pre-wrap;word-break:break-word}
.fb-c.rp{padding-left:30px;position:relative;background:#080d0b}
.fb-c.rp::before{content:"ㄴ";position:absolute;left:10px;top:12px;color:var(--mut);font-size:12px}
.fb-c.del .cb{color:var(--mut);font-style:italic}
.fb-c.adm{background:rgba(255,180,84,.035)}
.fb-c.flash{animation:fbFlash 1.6s ease}
@keyframes fbFlash{0%,40%{background:rgba(51,225,154,.14)}100%{background:transparent}}
@media(prefers-reduced-motion:reduce){.fb-c.flash{animation:none;outline:1px solid var(--cy)}}
.fb-c .ca button b{font-weight:700;color:var(--txt2)}
.fb-c .ca button.done{color:var(--cy)}.fb-c .ca button.done b{color:var(--cy)}
.fb-body a,.fb-c .cb a{color:var(--cy);word-break:break-all}
.fb-cform .rpto{font-size:13px;color:var(--txt2);display:flex;align-items:center;gap:8px}
.fb-cform .rpto b{color:var(--cy)}
.fb-cform .rpto button{background:none;border:1px solid var(--line2);color:var(--mut);border-radius:2px;padding:2px 8px;font:12px var(--sans);cursor:pointer}
.fb-rpop{position:fixed;z-index:9999;display:flex;flex-direction:column;min-width:150px;background:#0b1210;border:1px solid var(--line2);border-radius:2px;box-shadow:0 12px 32px rgba(0,0,0,.6);padding:6px}
.fb-rpop b{padding:4px 8px 6px;font-size:12px;color:var(--mut)}
.fb-rpop button{background:none;border:0;text-align:left;padding:7px 8px;color:var(--txt2);font:13px var(--sans);cursor:pointer;border-radius:2px}
.fb-rpop button:hover{background:rgba(255,95,87,.1);color:#ff8a82}
.fb-rpop button.x:hover{background:rgba(255,255,255,.04);color:var(--txt)}
.fb-below{margin-top:34px}
.fb-bh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.fb-bh b{font-size:15px;color:var(--txt)}
.fb-bh .more{font-size:13px;color:var(--mut);text-decoration:none}.fb-bh .more:hover{color:var(--cy)}
.fb-admin{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:9px 12px;border:1px solid #4a3a1e;background:rgba(255,180,84,.05);border-radius:2px;color:#ffb454;font-size:13px;font-weight:700}
.fb-rules{margin-top:10px;font-size:12.5px;color:var(--mut)}
@media(max-width:760px){
  .fb-hot ol{grid-template-columns:1fr}
  .fb-c.rp{padding-left:22px}
  .fb-search select{max-width:96px}
}

/* 이미지 첨부 */
.fb-body figure.fb-img{margin:12px 0;white-space:normal}
.fb-body figure.fb-img img{display:block;max-width:100%;max-height:900px;height:auto;border:1px solid var(--line2);border-radius:3px;background:#0a100d}
.fb-pic{flex:none;width:14px;height:14px;color:#7fdcff}
.fb-attach{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.fb-attach .hint{font-size:12.5px;color:var(--mut)}
.fb-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.fb-thumbs .th{position:relative;width:76px;height:76px;border:1px solid var(--line2);border-radius:3px;overflow:hidden;background:#0a100d;display:grid;place-items:center}
.fb-thumbs .th img{width:100%;height:100%;object-fit:cover}
.fb-thumbs .th button{position:absolute;top:2px;right:2px;width:20px;height:20px;border:0;border-radius:2px;background:rgba(0,0,0,.72);color:#fff;font:700 13px/1 var(--sans);cursor:pointer}
.fb-thumbs .th.up{width:auto;padding:0 10px;font-size:12px;color:var(--mut)}
.fb-form textarea.drop{border-color:var(--cy);background:rgba(51,225,154,.05)}

/* ── 글쓰기 v2 (에디터형) ── */
.fw{max-width:920px;margin:0 auto}
.fw-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:4px 0 14px}
.fw-head h1{margin:0;font-size:24px;font-weight:800;color:var(--txt);letter-spacing:-.02em}
.fw-restored{font-size:13px;color:var(--txt2)}
.fw-restored button{margin-left:6px;background:none;border:1px solid var(--line2);color:var(--txt2);border-radius:2px;padding:2px 8px;font:12px var(--sans);cursor:pointer}
.fw-restored button:hover{color:var(--txt);border-color:#2a4a3c}
.fw-card{background:#0a100d;border:1px solid var(--line2);border-radius:4px;padding:22px 24px 18px}
.fw-admin{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;border:1px solid #4a3a1e;border-radius:3px;background:rgba(255,180,84,.05);cursor:pointer}
.fw-admin b{display:block;font-size:14px;color:#ffb454}
.fw-admin em{display:block;font-style:normal;font-size:12.5px;color:var(--txt2);margin-top:2px}
.fw-admin .sw{position:relative;flex:none;width:36px;height:20px}
.fw-admin .sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.fw-admin .sw i{position:absolute;inset:0;border-radius:10px;background:#1c2e26;transition:background .15s}
.fw-admin .sw i::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#9db0a4;transition:transform .15s,background .15s}
.fw-admin .sw input:checked+i{background:#b8742a}
.fw-admin .sw input:checked+i::after{transform:translateX(16px);background:#fff}
.fw-admin .sw input:focus-visible+i{outline:2px solid #ffb454;outline-offset:2px}
.fw-cats{display:flex;gap:6px;flex-wrap:wrap}
.fw-cats button{background:#0d1512;border:1px solid var(--line2);color:var(--txt2);border-radius:2px;padding:7px 15px;font:600 13.5px var(--sans);cursor:pointer}
.fw-cats button:hover{color:var(--txt);border-color:#2a4a3c}
.fw-cats button.on{color:#04140d;background:var(--cy);border-color:var(--cy)}
.fw-cats button[data-cat="공지"].on{background:#ffb454;border-color:#ffb454}
.fw-title{display:flex;align-items:center;gap:10px;margin-top:16px;border-bottom:1px solid var(--line2)}
.fw-title:focus-within{border-bottom-color:var(--cy)}
.fw-title input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--txt);font:700 22px var(--sans);letter-spacing:-.01em;padding:12px 0}
.fw-title input::placeholder{color:#4d5f55}
.fw .cnt{flex:none;font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums}
.fw-editor{margin-top:18px;border:1px solid var(--line2);border-radius:3px;background:#070c0a}
.fw-editor:focus-within{border-color:#2a4a3c}
.fw-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 0 4px;border-bottom:1px solid var(--line2);background:#0b1310}
.fw-tabs{display:flex}
.fw-tabs button{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:11px 14px;color:var(--mut);font:600 13.5px var(--sans);cursor:pointer}
.fw-tabs button:hover{color:var(--txt)}
.fw-tabs button.on{color:#fff;border-bottom-color:var(--cy)}
.fw-tools{display:flex;gap:4px}
.fw-tool{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid transparent;border-radius:2px;padding:6px 10px;color:var(--txt2);font:600 13px var(--sans);cursor:pointer}
.fw-tool svg{width:16px;height:16px;color:#7fdcff}
.fw-tool:hover{background:rgba(255,255,255,.04);border-color:var(--line2);color:var(--txt)}
.fw-area{position:relative}
.fw-area textarea{display:block;width:100%;min-height:360px;resize:none;overflow:hidden;background:transparent;border:0;outline:none;color:var(--txt);font:15.5px/1.75 var(--sans);padding:16px 18px}
.fw-area textarea::placeholder{color:#4d5f55}
.fw-drop{display:none;position:absolute;inset:8px;border:2px dashed var(--cy);border-radius:4px;background:rgba(4,12,9,.9);flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none}
.fw-drop b{font-size:16px;color:var(--cy)}
.fw-drop span{font-size:12.5px;color:var(--txt2)}
.fw-area:has(textarea.drop) .fw-drop{display:flex}
.fw-preview{min-height:360px;padding:16px 18px!important;border-bottom:0!important}
.fw-empty{color:var(--mut)}
.fw-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid var(--line2)}
.fw-foot .fb-thumbs{margin:0}
.fw-foot .fb-thumbs:empty{display:none}
.fw-author{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.fw-f{display:flex;flex-direction:column;gap:6px}
.fw-f span{font-size:12.5px;font-weight:700;color:var(--txt2)}
.fw-f input{background:#0d1512;border:1px solid var(--line2);color:var(--txt);padding:10px 12px;border-radius:3px;font:14px var(--sans);outline:none}
.fw-f input:focus{border-color:var(--cy)}
.fw-rules{margin-top:16px;font-size:13px;color:var(--txt2)}
.fw-rules summary{cursor:pointer;color:var(--mut);font-weight:600;list-style:none}
.fw-rules summary::before{content:"▸ ";color:var(--cy)}
.fw-rules[open] summary::before{content:"▾ "}
.fw-rules ul{margin:8px 0 0;padding-left:18px;line-height:1.7}
.fw-actions{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:8px;margin-top:14px;padding:14px 0;background:linear-gradient(180deg,rgba(3,6,7,0),#030607 30%)}
.fw-draft{margin-right:auto;font-size:12px;color:var(--mut)}
.fw-actions .err{color:#ff8a82;font-size:13px}
.fw-actions .btn{height:40px;padding:0 18px;font-size:14px}
.fw-actions .btn.p{padding:0 22px}
.fw-actions kbd{margin-left:8px;font:600 10.5px var(--sans);opacity:.6;border:1px solid rgba(4,20,13,.35);border-radius:2px;padding:1px 4px}
.fw .btn.busy{opacity:.6;pointer-events:none}
@media(max-width:760px){
  .fw-card{padding:16px 14px}
  .fw-title input{font-size:19px}
  .fw-author{grid-template-columns:1fr}
  .fw-actions kbd{display:none}
  .fw-area textarea{min-height:260px}
}