/* ==========================================================================
   KO PANEL FORUM THEME (KOPANEL-INTEGRATED-FORUM-2026-10-16)
   Child of MyBB's Default theme. Same tokens, header, buttons and panels as
   KO Panel (content/KO/assets/css/kopanel.css) so the two sites read as one.
   Mobile first where it matters; no images, no web fonts beyond KO Panel's.
   ========================================================================== */
:root{
  --ko-bg:#0a0b0e;--ko-bg-2:#0d0f14;--ko-surface:#14171f;--ko-surface-2:#191d27;--ko-surface-3:#1f2430;
  --ko-line:#242a36;--ko-line-2:#313849;--ko-text:#e4e7ee;--ko-text-2:#a4abbb;--ko-text-3:#6d7585;
  --ko-gold:#c8a44a;--ko-gold-hi:#e8cd80;--ko-gold-lo:#8f7429;--ko-gold-soft:rgba(200,164,74,.12);--ko-gold-line:rgba(200,164,74,.32);
  --ko-ok:#55a86b;--ko-warn:#d59a3c;--ko-err:#cc4d42;--ko-info:#4a8fc0;
  --ko-font:'Barlow','Segoe UI',Roboto,system-ui,-apple-system,sans-serif;
  --ko-font-display:'Cinzel','Times New Roman',Georgia,serif;
  --ko-radius:3px;--ko-container:1280px;--ko-header-h:64px;
}

/* ---------- base ---------------------------------------------------------- */
html,body{min-width:0!important;background:var(--ko-bg)!important;color:var(--ko-text)!important}
body{margin:0;font-family:var(--ko-font)!important;font-size:15px;line-height:1.55;-webkit-text-size-adjust:100%}
a:link,a:visited,a:active{color:var(--ko-gold);text-decoration:none}
a:hover{color:var(--ko-gold-hi);text-decoration:underline}
#container{background:transparent!important;color:var(--ko-text)!important;min-width:0!important;margin:0;padding:0;font-size:inherit}
.wrapper{width:auto!important;min-width:0!important;max-width:var(--ko-container);margin:0 auto;padding:0 16px;box-sizing:border-box}
.kof-wrap{max-width:var(--ko-container);margin:0 auto;padding:0 16px;box-sizing:border-box}
#content{background:transparent!important;border:0!important;padding:20px 0 32px!important;width:auto!important}
img{max-width:100%;height:auto}
hr{border:0;border-top:1px solid var(--ko-line)}
.smalltext{color:var(--ko-text-2);font-size:13px}
.largetext{font-family:var(--ko-font-display);font-size:18px;color:var(--ko-gold-hi)}
.kof-skip{position:absolute;left:-9999px;top:0}
.kof-skip:focus{left:8px;top:8px;z-index:1000;background:var(--ko-surface);padding:8px 12px}
:focus-visible{outline:2px solid var(--ko-gold);outline-offset:2px}

/* ---------- top bar + header (KO Panel structure) --------------------------- */
.kof-topbar{background:var(--ko-bg-2);border-bottom:1px solid var(--ko-line);font-size:12px;color:var(--ko-text-3)}
.kof-topbar__in{display:flex;align-items:center;justify-content:space-between;min-height:34px;gap:12px}
.kof-topbar__name{display:inline-flex;align-items:center;gap:8px;letter-spacing:.04em;text-transform:uppercase;font-weight:600;color:var(--ko-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kof-dot{width:7px;height:7px;border-radius:50%;background:var(--ko-gold);box-shadow:0 0 0 3px var(--ko-gold-soft);flex:none}
.kof-topbar a.kof-topbar__ko{color:var(--ko-text-2);font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.kof-topbar a.kof-topbar__ko:hover{color:var(--ko-gold-hi);text-decoration:none}

#header.kof-header{position:sticky;top:0;z-index:60;background:rgba(13,15,20,.94)!important;border-bottom:1px solid var(--ko-line);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0!important;margin:0!important}
.kof-header__in{display:flex;align-items:center;gap:16px;min-height:var(--ko-header-h)}
.kof-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;flex:0 1 auto;color:var(--ko-gold)!important;text-decoration:none!important}
.kof-brand__mark{width:26px;height:26px;flex:none;border:1px solid var(--ko-gold-line);transform:rotate(45deg);background:linear-gradient(135deg,var(--ko-gold-soft),transparent)}
.kof-brand__text{font-family:var(--ko-font-display);font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.kof-nav{flex:1;min-width:0}
.kof-nav__list{display:flex;list-style:none;margin:0;padding:0;gap:2px}
.kof-nav__list a{display:flex;align-items:center;height:var(--ko-header-h);padding:0 13px;box-sizing:border-box;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ko-text-2)!important;border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none!important}
.kof-nav__list a:hover{color:var(--ko-text)!important;background:rgba(255,255,255,.03)}
.kof-nav__list .is-active a{color:var(--ko-gold)!important;border-bottom-color:var(--ko-gold)}
.kof-nav__forum a{color:var(--ko-text-3)!important;font-weight:500}
.kof-nav-toggle{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.kof-burger{display:none;cursor:pointer;width:42px;height:42px;border:1px solid var(--ko-line-2);border-radius:var(--ko-radius);flex:none;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.kof-burger span{display:block;width:18px;height:2px;background:var(--ko-text-2)}
.kof-user{margin-left:auto;flex:none;position:relative}

/* buttons (KO Panel .ko-btn) */
.kof-btn,a.button,input.button,button.button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;box-sizing:border-box;
  border:1px solid var(--ko-line-2)!important;border-radius:var(--ko-radius)!important;background:var(--ko-surface-2)!important;color:var(--ko-text)!important;
  font:600 13px/1 var(--ko-font)!important;letter-spacing:.05em;text-transform:uppercase;text-decoration:none!important;cursor:pointer;box-shadow:none!important;text-shadow:none!important}
.kof-btn:hover,a.button:hover,input.button:hover,.button:hover{border-color:var(--ko-gold-line)!important;color:var(--ko-gold-hi)!important;background:var(--ko-surface-3)!important}
.kof-btn--primary,input.button[type=submit],.kosso-ob-actions input[type=submit],a.button.new_thread_button,a.button.new_reply_button{background:linear-gradient(180deg,var(--ko-gold),var(--ko-gold-lo))!important;border-color:var(--ko-gold)!important;color:#15120a!important}
.kof-btn--primary:hover,input.button[type=submit]:hover,a.button.new_thread_button:hover,a.button.new_reply_button:hover{background:linear-gradient(180deg,var(--ko-gold-hi),var(--ko-gold))!important;color:#15120a!important}
.kof-btn--ghost{background:transparent!important;border-color:var(--ko-gold-line)!important;color:var(--ko-gold)!important}
a.button span{background:none!important;padding:0!important;display:inline!important;line-height:1!important;height:auto!important}
a.button{line-height:1!important;height:auto!important;vertical-align:middle}
a.button.small_button{min-height:30px;padding:0 10px;font-size:12px!important}
.kof-guest{display:flex;gap:8px}

/* account menu (details/summary: works without JavaScript) */
.kof-menu{position:relative}
.kof-menu__btn{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;min-height:40px;padding:0 10px;border:1px solid var(--ko-line-2);border-radius:var(--ko-radius);background:var(--ko-surface);max-width:220px}
.kof-menu__btn::-webkit-details-marker{display:none}
.kof-menu__btn::marker{content:''}
.kof-menu__icon{width:24px;height:24px;flex:none;border-radius:50%;background:var(--ko-gold-soft);border:1px solid var(--ko-gold-line)}
.kof-menu__name{font-weight:600;font-size:14px;color:var(--ko-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kof-caret{width:0;height:0;border:4px solid transparent;border-top-color:var(--ko-text-3);margin-top:4px;flex:none}
.kof-menu[open] .kof-menu__btn{border-color:var(--ko-gold-line)}
.kof-menu__list{position:absolute;right:0;top:calc(100% + 6px);z-index:80;min-width:230px;max-width:min(320px,calc(100vw - 32px));list-style:none;margin:0;padding:6px 0;
  background:var(--ko-surface);border:1px solid var(--ko-line-2);border-radius:var(--ko-radius);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.kof-menu__list li a{display:block;padding:9px 16px;color:var(--ko-text-2)!important;font-size:14px;text-decoration:none!important;overflow-wrap:anywhere}
.kof-menu__list li a:hover{background:var(--ko-surface-2);color:var(--ko-gold-hi)!important}
.kof-menu__head{padding:8px 16px 10px;border-bottom:1px solid var(--ko-line);margin-bottom:4px;font-family:var(--ko-font-display);color:var(--ko-gold);font-weight:700;overflow-wrap:anywhere}
.kof-menu__sep{border-top:1px solid var(--ko-line);margin-top:4px;padding-top:4px}
.kof-menu__meta{display:block;font-size:12px;color:var(--ko-text-3)}
.kof-menu__list li a.logout{color:var(--ko-err)!important}

/* ---------- breadcrumb + alerts ------------------------------------------- */
.navigation{color:var(--ko-text-3)!important;padding:4px 0 14px!important;font-size:13px;overflow-wrap:anywhere}
.navigation a:link,.navigation a:visited{color:var(--ko-text-2)!important}
.navigation .active{color:var(--ko-gold-hi)!important;font-size:inherit!important;font-weight:700}
.pm_alert,.red_alert,div.error,.success_message,.error_message{background:var(--ko-surface)!important;border:1px solid var(--ko-line-2)!important;border-left:3px solid var(--ko-gold)!important;color:var(--ko-text)!important;padding:12px 14px!important;border-radius:var(--ko-radius);margin-bottom:14px}
.red_alert,div.error{border-left-color:var(--ko-err)!important}
div.error p{color:var(--ko-text)!important;margin:0}
.red_alert a:link,.pm_alert a:link{color:var(--ko-gold-hi)!important}

/* ---------- panels and tables --------------------------------------------- */
.tborder{background:var(--ko-surface)!important;border:1px solid var(--ko-line)!important;border-radius:var(--ko-radius)!important;width:100%!important;max-width:100%;border-spacing:0!important;margin:0 auto 16px;overflow:hidden}
.thead{background:var(--ko-surface-2)!important;border-bottom:1px solid var(--ko-gold-line)!important;color:var(--ko-gold-hi)!important;padding:12px 14px!important}
.thead,.thead strong,.thead a:link,.thead a:visited{font-family:var(--ko-font-display);letter-spacing:.06em;color:var(--ko-gold-hi)!important;text-shadow:none!important}
.thead .smalltext{font-family:var(--ko-font)}
.tcat{background:var(--ko-bg-2)!important;color:var(--ko-text-3)!important;border-top:1px solid var(--ko-line)!important;border-bottom:1px solid var(--ko-line)!important;font-size:12px!important;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px!important}
.tcat a:link,.tcat a:visited,.tcat strong,.tcat span{color:var(--ko-text-2)!important}
.trow1,.trow2,.trow_shaded{background:var(--ko-surface)!important;border-top:1px solid var(--ko-line)!important;border-bottom:0!important;border-left:0!important;border-right:0!important;color:var(--ko-text)!important;padding:12px!important}
.trow2{background:#161a23!important}
.trow_shaded{background:var(--ko-surface-3)!important}
tr.trow_selected td{background:#2a2617!important}
.tfoot{background:var(--ko-bg-2)!important;border-top:1px solid var(--ko-line)!important;color:var(--ko-text-2)!important;padding:10px 12px!important}
.tfoot a:link,.tfoot a:visited{color:var(--ko-gold)!important}
.trow_sep{background:var(--ko-surface-3)!important;color:var(--ko-text-2)!important}
fieldset{border:1px solid var(--ko-line)!important;border-radius:var(--ko-radius);background:var(--ko-surface)!important}
.tborder td{overflow-wrap:break-word}
.subject_new a,.subject_new{font-weight:700;color:var(--ko-gold-hi)}
.forum_status{background-color:var(--ko-surface-3);border-radius:50%;filter:grayscale(.3) brightness(.95)}
.lastpost{color:var(--ko-text-2)}

/* ---------- forms --------------------------------------------------------- */
input.textbox,textarea,select,.textbox{background:var(--ko-bg-2)!important;border:1px solid var(--ko-line-2)!important;border-radius:var(--ko-radius)!important;color:var(--ko-text)!important;
  font:15px/1.4 var(--ko-font)!important;padding:8px 10px!important;max-width:100%;box-sizing:border-box}
input.textbox:focus,textarea:focus,select:focus{border-color:var(--ko-gold)!important;outline:none;box-shadow:0 0 0 3px var(--ko-gold-soft)!important}
textarea{min-height:140px}
.editor,.editor_control_bar{background:var(--ko-surface-2)!important;border-color:var(--ko-line-2)!important}
.sceditor-container{max-width:100%!important;background:var(--ko-bg-2)!important;border-color:var(--ko-line-2)!important}
.sceditor-container iframe,.sceditor-container textarea{background:var(--ko-bg-2)!important;color:var(--ko-text)!important}
.popup_menu{background:var(--ko-surface)!important;border:1px solid var(--ko-line-2)!important}
.popup_menu .popup_item{background:var(--ko-surface)!important;color:var(--ko-text-2)!important}
.popup_menu .popup_item:hover{background:var(--ko-surface-2)!important;color:var(--ko-gold-hi)!important}

/* ---------- pagination ---------------------------------------------------- */
.pagination{font-size:13px;padding:8px 0!important}
.pagination .pages{color:var(--ko-text-3);font-weight:600}
.pagination a,.pagination .pagination_current{display:inline-block;min-width:32px;text-align:center;padding:6px 8px!important;border:1px solid var(--ko-line-2)!important;border-radius:var(--ko-radius);
  background:var(--ko-surface)!important;color:var(--ko-text-2)!important;margin:2px 1px}
.pagination .pagination_current{background:var(--ko-gold-soft)!important;border-color:var(--ko-gold)!important;color:var(--ko-gold-hi)!important;font-weight:700}
.pagination a:hover{border-color:var(--ko-gold-line)!important;color:var(--ko-gold-hi)!important;text-decoration:none}

/* ---------- posts --------------------------------------------------------- */
.post{background:var(--ko-surface)!important;border:1px solid var(--ko-line)!important;border-radius:var(--ko-radius);margin:0 0 14px!important;overflow:hidden}
.post .post_author{background:var(--ko-surface-2)!important;border:0!important;border-bottom:1px solid var(--ko-line)!important;padding:10px 12px!important;display:flex;align-items:center;gap:12px;overflow:visible!important}
.post .post_author div.author_avatar{float:none!important;flex:none;margin:0!important}
.post .post_author div.author_avatar img{width:56px!important;height:56px!important;object-fit:cover;border:1px solid var(--ko-line-2)!important;border-radius:var(--ko-radius);padding:0!important;background:var(--ko-bg-2)}
.post .post_author div.author_information{float:none!important;flex:1;min-width:0;padding:0!important}
.post .post_author div.author_information .largetext,.post .post_author div.author_information strong{overflow-wrap:anywhere;word-break:break-word}
.post .post_author div.author_statistics{float:none!important;margin-left:auto;flex:none;font-size:12px!important;color:var(--ko-text-3)!important;border:0!important;text-align:right;padding:0!important}
.post .post_head{border-bottom:1px solid var(--ko-line)!important;padding:8px 14px!important;color:var(--ko-text-3);font-size:13px}
.post .post_head span.post_date{color:var(--ko-text-3)!important}
.post_body{padding:14px!important;color:var(--ko-text)!important;line-height:1.65;overflow-wrap:anywhere;word-break:break-word}
.post_body img{max-width:100%}
.post_content{padding:0!important}
.post_content .signature{border-top:1px dashed var(--ko-line-2)!important;margin:0 14px!important;padding:10px 0 12px!important;color:var(--ko-text-2);font-size:13px;max-height:220px;overflow:auto;overflow-wrap:anywhere}
.post .post_meta{padding:0 14px 10px!important;color:var(--ko-text-3)!important;font-size:12px}
.post_controls{background:var(--ko-bg-2)!important;border-top:1px solid var(--ko-line)!important;padding:8px 10px!important;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}
.postbit_buttons{display:flex;flex-wrap:wrap;gap:6px}
.postbit_buttons > a:link,.postbit_buttons > a:visited{background:var(--ko-surface)!important;border:1px solid var(--ko-line-2)!important;border-radius:var(--ko-radius)!important;color:var(--ko-text-2)!important;padding:5px 10px!important;font-size:12px;line-height:1.4;text-decoration:none}
.postbit_buttons > a:hover{border-color:var(--ko-gold-line)!important;color:var(--ko-gold-hi)!important}
.postbit_buttons a span{padding-left:20px!important}
.post.unapproved_post,.post.deleted_post{opacity:.75}
.post.unapproved_post .post_author,.post.unapproved_post .post_controls{background:#2a2216!important}

/* quotes, code, attachments */
blockquote{background:var(--ko-bg-2)!important;border:1px solid var(--ko-line-2)!important;border-left:3px solid var(--ko-gold-lo)!important;border-radius:var(--ko-radius);margin:8px 0!important;padding:10px 12px!important;color:var(--ko-text-2)}
blockquote cite{border-bottom:1px solid var(--ko-line)!important;color:var(--ko-gold)!important;font-style:normal;font-weight:600;display:block;margin-bottom:6px;padding-bottom:4px}
blockquote cite > span{color:var(--ko-text-3)!important}
.codeblock{background:#07080b!important;border:1px solid var(--ko-line-2)!important;border-radius:var(--ko-radius);padding:10px!important;max-width:100%;box-sizing:border-box}
.codeblock .title{border-bottom:1px solid var(--ko-line)!important;color:var(--ko-text-3);font-size:12px!important}
.codeblock code{display:block;overflow-x:auto;color:#cfd6e3;white-space:pre}
img.attachment{border:1px solid var(--ko-line-2)!important;padding:2px;background:var(--ko-bg-2);max-width:100%}
fieldset legend,.post_body fieldset legend{color:var(--ko-text-2)}
.pollbar{background:linear-gradient(90deg,var(--ko-gold-lo),var(--ko-gold))!important;border:0!important}

/* name type badge (KO Panel Sign-In plugin) */
.kosso-badge{display:inline-block;vertical-align:middle;margin-left:6px;padding:1px 6px;border-radius:2px;font:600 10px/1.6 var(--ko-font);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ko-line-2);color:var(--ko-text-3);white-space:nowrap}
.kosso-badge--char{border-color:var(--ko-gold-line);color:var(--ko-gold)}
.kosso-badge--acct{border-color:rgba(74,143,192,.5);color:#7fb3d9}

/* ---------- onboarding page ----------------------------------------------- */
.kosso-onboard{max-width:720px;margin:0 auto}
.kosso-ob-intro{font-size:16px;color:var(--ko-text);margin:0 0 6px}
.kosso-ob-once{color:var(--ko-text-3)!important;margin:0 0 14px}
.kosso-ob-options{display:grid;gap:10px}
.kosso-ob-opt{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:4px;align-items:start;padding:14px;border:1px solid var(--ko-line-2);border-radius:var(--ko-radius);background:var(--ko-bg-2);cursor:pointer}
.kosso-ob-opt:hover{border-color:var(--ko-gold-line)}
.kosso-ob-opt input[type=radio]{margin:3px 0 0;width:18px;height:18px;accent-color:var(--ko-gold)}
.kosso-ob-opt__label{font-weight:700;font-size:16px;color:var(--ko-gold-hi);overflow-wrap:anywhere}
.kosso-ob-opt__label em{font-weight:500;font-style:normal;color:var(--ko-text-3);font-size:13px}
.kosso-ob-opt__hint{grid-column:2;color:var(--ko-text-2);font-size:13px}
.kosso-ob-warn{color:var(--ko-warn);font-weight:500}
.kosso-ob-input{grid-column:2;width:100%;max-width:360px;margin-top:6px}
.kosso-ob-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:14px 0}
.kosso-ob-skip{color:var(--ko-text-3)!important;font-size:14px}

/* ---------- footer -------------------------------------------------------- */
#footer.kof-footer{background:var(--ko-bg-2)!important;border-top:1px solid var(--ko-line);margin-top:24px;color:var(--ko-text-3);font-size:13px}
.kof-footer__in{padding:22px 16px;display:grid;gap:12px}
.kof-footer__links{display:flex;flex-wrap:wrap;gap:6px 18px}
.kof-footer__links a:link,.kof-footer__links a:visited{color:var(--ko-text-2)!important}
.kof-footer__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--ko-text-3)}
.kof-footer__meta a:link,.kof-footer__meta a:visited{color:var(--ko-text-2)!important}
#footer .language{float:none!important;display:inline-block}
#footer .theme{display:none!important}   /* one theme: the KO Panel look */
#footer select{max-width:100%}

/* ---------- misc MyBB chrome ---------------------------------------------- */
#logo,#panel{display:none!important}
.modal{background:var(--ko-surface)!important;color:var(--ko-text)!important;border:1px solid var(--ko-line-2)!important;border-radius:var(--ko-radius)!important;box-shadow:0 24px 60px rgba(0,0,0,.6)!important;max-width:calc(100vw - 32px);box-sizing:border-box}
.jqmOverlay,.blocker{background-color:rgba(0,0,0,.7)!important}
.expcolimage img{filter:invert(.8)}
.quick_jump{filter:invert(.8)}
.reputation_positive{color:var(--ko-ok)!important}.reputation_negative{color:var(--ko-err)!important}.reputation_neutral{color:var(--ko-text-3)!important}
.online{color:var(--ko-ok)!important}.offline{color:var(--ko-text-3)!important}
.highlight{background:var(--ko-gold-soft)!important;color:var(--ko-gold-hi)!important;padding:0 2px}
#debug{color:var(--ko-text-3)}
.forum_legend,.thread_legend{color:var(--ko-text-3)}
/* MyBB's menu icons are one sprite (one icon every 20 px): each item stays exactly 20 px tall so only its own icon shows */
.usercp_nav_item,.modcp_nav_item{line-height:16px!important;padding-top:2px!important;padding-bottom:2px!important;margin:5px 0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.float_left,.float_right{max-width:100%}

/* ---------- responsive ---------------------------------------------------- */
@media (max-width:1100px){
  .kof-nav__forum{display:none}
}
@media (max-width:900px){
  .kof-burger{display:inline-flex}
  .kof-nav{position:absolute;left:0;right:0;top:100%;display:none;background:var(--ko-surface);border-bottom:1px solid var(--ko-line);box-shadow:0 18px 40px rgba(0,0,0,.45)}
  .kof-nav-toggle:checked ~ .kof-nav{display:block}
  .kof-nav__list{flex-direction:column;padding:6px 0}
  .kof-nav__list a{height:auto;min-height:46px;padding:0 20px;border-bottom:0;border-left:3px solid transparent}
  .kof-nav__list .is-active a{border-left-color:var(--ko-gold)}
  .kof-nav__forum{display:block}
  .kof-header__in{position:relative;gap:10px}
  .kof-user{margin-left:auto}
}
@media (max-width:420px){
  .kof-brand__text{display:none}
}
@media (max-width:640px){
  body{font-size:15px}
  .kof-brand__text{max-width:42vw;font-size:15px}
  .kof-menu__name{max-width:28vw}
  .kof-guest .kof-btn{padding:0 10px;font-size:12px!important}
  #content{padding-top:14px!important}
  .tborder{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tborder > tbody,.tborder > thead{display:table;width:100%}
  .thead,.tcat,.trow1,.trow2,.tfoot{padding:10px 8px!important}
  /* forum lists (index, sub-forums): forum name + last post stay, thread / post counts go.
     Headers and rows are matched separately because MyBB's headers use colspan. */
  .kof-p-index\.php .tborder tr > td.tcat[colspan="2"] + td.tcat,
  .kof-p-index\.php .tborder tr > td.tcat[colspan="2"] + td.tcat + td.tcat,
  .kof-p-forumdisplay\.php .tborder tr:not(:has(a[href*="sortby="])) > td.tcat:not([colspan]):nth-child(3),
  .kof-p-forumdisplay\.php .tborder tr:not(:has(a[href*="sortby="])) > td.tcat:not([colspan]):nth-child(4),
  .tborder tr:has(> td:nth-child(2) a[href*="forumdisplay.php?fid="]) > td:nth-child(3),
  .tborder tr:has(> td:nth-child(2) a[href*="forumdisplay.php?fid="]) > td:nth-child(4),
  /* thread lists: subject, replies and last post stay; views and rating go */
  .kof-p-forumdisplay\.php td.tcat:has(> a[href*="sortby=views"]),
  .kof-p-forumdisplay\.php td.tcat:has(> a[href*="sortby=rating"]),
  .kof-p-forumdisplay\.php td:has(> a[href*="whoposted" i]) + td,
  .kof-p-forumdisplay\.php td:has(ul.star_rating){display:none}
  .post .post_author{flex-wrap:wrap}
  .post .post_author div.author_avatar img{width:44px!important;height:44px!important}
  .post .post_author div.author_statistics{display:none}
  .post_controls{justify-content:flex-start}
  .postbit_buttons > a:link,.postbit_buttons > a:visited{padding:7px 10px!important}
  .float_right,.float_left{float:none!important}
  .pagination{display:flex;flex-wrap:wrap;align-items:center}
  input.textbox,textarea,select{width:100%!important}
  .kosso-ob-opt{padding:12px}
  .kof-footer__meta{flex-direction:column}
  /* User CP, private messages, Mod CP: the page first, its side menu below it (MyBB lays them out as a 2-column table) */
  #content table[width="100%"][align="center"]:not(.tborder),
  #content table[width="100%"][align="center"]:not(.tborder) > tbody{display:block;width:100%}
  #content table[width="100%"][align="center"]:not(.tborder) > tbody > tr{display:flex;flex-direction:column-reverse}
  #content table[width="100%"][align="center"]:not(.tborder) > tbody > tr > td{display:block;width:auto!important;padding:0!important}
  #content table[width="100%"][align="center"]:not(.tborder) > tbody > tr > td[width="180"]{margin-top:16px}
  /* MyBB keeps dates / last-post cells on one line (inline nowrap): let them wrap on phones */
  .tborder td:not(.tcat):not(.thead){white-space:normal!important}
  /* posting forms (new thread, reply, edit, private message): labels above their fields */
  form[name="input"] .tborder > tbody > tr > td{display:block;width:auto!important;border-right:0!important}
  form[name="input"] .tborder > tbody > tr > td:first-child:not([colspan]){padding-bottom:2px!important;border-bottom:0!important}
  form[name="input"] div:has(> .tborder #clickable_smilies){display:none}   /* the editor has its own smilies button */
  .sceditor-container{width:100%!important;max-width:100%}
  .select2-container{width:100%!important;max-width:100%}
  .sceditor-container iframe,.sceditor-container textarea{max-width:100%}
  /* column headings never break inside a word; wide tables scroll inside their box */
  .tcat,.thead{overflow-wrap:normal!important;word-break:normal!important}
  .tcat:not([colspan]){white-space:nowrap}
  /* member list: avatar, thread count and referrals columns go */
  .kof-p-memberlist\.php .tborder tr > td:not([colspan]):nth-child(1),
  .kof-p-memberlist\.php .tborder tr > td:not([colspan]):nth-child(6),
  .kof-p-memberlist\.php .tborder tr > td:not([colspan]):nth-child(7){display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}