.forum-shell{background:#efe4c6;color:#111827;border:3px ridge #dfdfdf;margin:8px 0 20px;box-shadow:none}
.forum-head{background:#003399;color:#fff;padding:14px 16px;border-bottom:4px solid #ff6600}
.forum-head h1{margin:0;font-size:clamp(1.5rem,4vw,2.1rem);color:#fff;text-shadow:2px 2px 0 #000}
.forum-head p{margin:.35em 0 0;color:#ffff99}
.forum-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;padding:12px;background:#d7c89a;border-bottom:2px solid #003399}
.forum-bar label{display:flex;flex-direction:column;gap:4px;font:700 .85rem -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Verdana, Roboto, Helvetica, Arial, sans-serif;color:#003399;flex:1 1 180px}
.forum-bar input,.forum-bar select,.form-grid input,.form-grid select,#topicForm input,#topicForm textarea,#topicForm select,#replyForm input,#replyForm textarea,#replyForm select{font:16px -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Verdana, Roboto, Helvetica, Arial, sans-serif;padding:8px 10px;min-height:44px;border:2px inset #808080;background:#fff;color:#111827;width:100%}
.forum-bar .btn{flex:0 0 auto}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.board{width:100%;border-collapse:collapse;background:#fff8e8}
table.board th{background:#001a66;color:#fff;text-align:left;padding:8px 10px;font:700 .8rem -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Verdana, Roboto, Helvetica, Arial, sans-serif}
table.board td{padding:10px;border-bottom:1px solid #c8b48a;vertical-align:top}
table.board tr.sticky td{background:#fff3a0}
table.board a.topic{color:#003399;font-weight:700;text-decoration:none}
table.board a.topic:hover{text-decoration:underline}
.author{display:flex;align-items:center;gap:8px}
.mood{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px;padding:0 6px;border:2px solid #000;font:700 .8rem "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;background:#ff0}
.mood.cool{background:#00ccff}
.mood.chef{background:#ff6600;color:#fff}
.mood.ship{background:#003399;color:#fff}
.mood.game{background:#00ff00}
.mood.heart{background:#ff66cc}
.pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.pill{display:inline-block;background:#ffcc00;border:2px solid #000;font:700 .72rem -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Verdana, Roboto, Helvetica, Arial, sans-serif;padding:1px 6px;color:#111827}
.pill.official{background:#ff00cc;color:#fff}
.pill.lock{background:#ccc}
.pill.cat{background:#fff;color:#003399}
.counts{font-variant-numeric:tabular-nums;font-weight:700}
.empty-board{margin:0;padding:22px 12px 28px;text-align:center;color:var(--ink,#0f172a);font:700 1.05rem -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Verdana, Roboto, Helvetica, Arial, sans-serif}
.empty-board .btn{margin-top:12px;min-height:44px}
#composeView,#threadView{padding:12px 14px 20px}
#topicForm label,#replyForm label{display:flex;flex-direction:column;gap:4px;font:700 .85rem -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Verdana, Roboto, Helvetica, Arial, sans-serif;color:#003399;margin:8px 0}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.hint{color:#374151;font-size:.9rem;margin:0 0 8px}
.form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.post{background:#fff;border:2px solid #003399;margin:12px 0}
.post.op{border-top:8px solid #ff6600}
.post-head{background:#d6e4ff;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 10px}
.post-head .who{font-weight:700}
.post-head time{margin-left:auto;color:#374151;font-size:.85rem}
.post-body{padding:10px 12px 4px}
.post-body p{margin:0 0 .75em}
.post-body code{background:#fff3a0;padding:0 4px;border:1px solid #000}
.post-body a{color:#003399}
.owner-tools{display:flex;gap:8px;flex-wrap:wrap;padding:0 10px 10px}
.thread-top{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.thread-top h2{margin:0;color:#003399;flex:1 1 220px}
#ownerBans{padding:8px 12px 16px}
#ownerBans h2{margin:8px 0;color:#003399;font-size:1.1rem}
#banList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
#banList li{display:flex;gap:8px;align-items:center;justify-content:space-between;background:#fff;border:2px solid #000;padding:6px 8px}
#replyForm{margin-top:8px;background:#fff;border:2px dashed #003399;padding:8px 10px 12px}
@media (max-width:768px){
 table.board thead{display:none}
 table.board,table.board tbody,table.board tr,table.board td{display:block;width:100%}
 table.board tr{margin:0 0 12px;border:2px solid #003399;background:#fff8e8}
 table.board tr.sticky{background:#fff3a0}
 table.board td{border:0;padding:8px 10px}
 table.board td::before{content:attr(data-label);display:block;font:700 .75rem -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Verdana, Roboto, Helvetica, Arial, sans-serif;color:#003399}
 .post-head time{margin-left:0}
}