/* Circul8r members: header button, /join/, /account/, /prizes/, admin. Comic 8-bit, same tokens as comic.css */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;font:400 1.15rem/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;
  color:#fff;background:var(--tblue,#274490);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;text-decoration:none}
.btn:hover{background:var(--red-hot,#e31b23);color:#fff}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.btn.ghost{background:#fff;color:var(--ink)}
.btn.ghost:hover{background:var(--yellow,#f5c542);color:var(--ink)}
.btn.mb-danger{background:#a30d1d}
.btn:focus-visible{outline:3px solid var(--yellow,#f5c542);outline-offset:2px}

/* header button */
.nav-row nav.links{order:2}
.mb-btn{order:3;flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;font:400 1rem/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;color:var(--ink);background:var(--yellow,#f5c542);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--red-hot,#e31b23);white-space:nowrap}
.mb-btn::before{content:"";width:10px;height:10px;background:var(--red-hot,#e31b23);box-shadow:0 0 0 2px var(--ink);flex:none}
.mb-btn.in::before{background:#00702f}
.mb-btn:hover{background:#fff;color:var(--ink)}
.nav-toggle{order:4}
@media (max-width:1180px) and (min-width:901px){nav.links a{margin:0 3px;padding:6px 8px;font-size:15px}.line-tag{display:none}nav.links::before{left:14px}}
@media (max-width:900px){.mb-btn{margin-left:auto;min-height:44px}.wrap.nav-row{gap:12px;padding-left:16px;padding-right:16px}}
@media (max-width:380px){.logo span{font-size:20px}.mb-btn{padding:6px 9px}}

/* layout */
.mb-sec{padding:clamp(28px,5vw,56px) 0}
.mb-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(18px,3vw,32px);align-items:start;margin:22px 0}
@media (max-width:860px){.mb-grid{grid-template-columns:1fr}}
.mb-card{background:#fff;border:3px solid var(--ink);box-shadow:var(--shadow,6px 6px 0 #0e1b3d);padding:clamp(16px,2.4vw,24px);margin-bottom:18px}
.mb-h,.mb-h2{font:400 clamp(1.7rem,3vw,2.2rem)/1.05 var(--font-display);letter-spacing:.03em;color:var(--tblue,#274490);margin:0 0 .6rem}
.mb-h span{color:var(--red-hot,#e31b23)}
.mb-h3{font:400 1.5rem/1.1 var(--font-display);letter-spacing:.03em;margin:0 0 .5rem;color:var(--ink)}
.mb-hcol{margin-top:28px}
.mb-note{background:var(--yellow,#f5c542);border:3px solid var(--ink);padding:10px 14px;font-family:var(--font-mono);font-size:14px;margin:0 0 18px}
.mb-msg{min-height:1.4em;margin:.6rem 0 0;font-family:var(--font-mono);font-size:14px}
.mb-msg b{color:var(--tblue,#274490)}

/* forms */
.mb-form{display:grid;gap:14px}
.mb-form label{display:grid;gap:6px;font:700 13px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}
.mb-form label small{text-transform:none;font-weight:400;color:var(--steel)}
.mb-form input:not([type=checkbox]),.mb-form textarea{font:400 17px/1.4 var(--font-body);padding:11px 12px;border:3px solid var(--ink);background:#fff;color:var(--ink);width:100%;box-sizing:border-box;border-radius:0}
.mb-form input:focus,.mb-form textarea:focus{outline:3px solid var(--yellow,#f5c542);outline-offset:0}
.mb-opt{border:2px dashed var(--ink);padding:10px 12px 12px;margin:0;display:grid;gap:10px}
.mb-opt legend{font:700 13px/1.3 var(--font-mono);text-transform:uppercase;padding:0 6px}
.mb-opt legend small{text-transform:none;font-weight:400;color:var(--steel)}
.mb-form .mb-check{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font:400 15px/1.45 var(--font-body);text-transform:none;letter-spacing:0;cursor:pointer}
.mb-check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--tblue,#274490)}
.mb-go{justify-self:start}
.mb-verify{text-align:left}

/* perks */
.mb-perks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mb-perks li{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;background:#fff;border:3px solid var(--ink);padding:12px 14px;box-shadow:4px 4px 0 var(--tblue,#274490)}
.mb-perks b{font:400 1.35rem/1.05 var(--font-display);letter-spacing:.03em;color:var(--tblue,#274490)}
.mb-perks p{margin:.25rem 0 0;font-size:15px;line-height:1.45}
.mb-art{display:grid;place-items:center;width:54px;height:54px;background:var(--paper,#fffdf6);border:2px solid var(--ink)}
.mb-art svg{width:42px;height:42px}

/* account */
.mb-hello{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.mb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.mb-stats span{background:var(--ink);color:#fff;padding:12px;font:400 11px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--red-hot,#e31b23)}
.mb-stats b{display:block;font:400 2rem/1 var(--font-display);color:var(--yellow,#f5c542);letter-spacing:.03em;margin-bottom:4px}
@media (max-width:640px){.mb-stats{grid-template-columns:repeat(2,1fr)}}
.mb-big{font:400 3.6rem/1 var(--font-display);color:var(--red-hot,#e31b23);margin:.2rem 0 .4rem;text-shadow:3px 3px 0 var(--ink)}
.mb-big.sm{font-size:2.2rem}
.mb-log{list-style:none;margin:12px 0;padding:0;max-height:260px;overflow:auto;border-top:2px solid var(--ink)}
.mb-log li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--steel);font-size:15px}
.mb-log b{font-family:var(--font-mono);color:#00702f;white-space:nowrap}
.mb-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.mb-badges li{position:relative;display:grid;gap:6px;justify-items:center;text-align:center;background:#fff;border:3px solid var(--ink);padding:14px 10px 12px;box-shadow:4px 4px 0 var(--ink)}
.mb-badges .mb-art{width:72px;height:72px}.mb-badges .mb-art svg{width:58px;height:58px}
.mb-badges li:not(.got) .mb-art svg{filter:grayscale(1) brightness(.35);opacity:.6}
.mb-badges b{font:400 1.2rem/1.05 var(--font-display);letter-spacing:.03em;color:var(--tblue,#274490)}
.mb-badges .small{font-size:13px;line-height:1.35;color:var(--ink-2)}
.mb-state{font:400 9px/1.6 var(--font-px);text-transform:uppercase;font-style:normal;color:var(--steel);border-top:2px dashed var(--steel);padding-top:6px;width:100%}
.mb-badges li.got{background:var(--yellow,#f5c542)}
.mb-badges li.got .mb-state{color:var(--ink);border-color:var(--ink)}
.mb-invs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.mb-inv h4{font:400 1.4rem/1.05 var(--font-display);margin:.3rem 0;color:var(--tblue,#274490)}
.mb-del summary{cursor:pointer;font:700 14px var(--font-mono);color:#a30d1d;margin-top:8px}
.mb-toast{border-left-color:#00702f}

/* prizes */
.mb-facts{margin:0;padding-left:1.1rem}
.mb-rules li{margin-bottom:.6rem}

/* admin */
.mb-admin .mb-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.mb-admin .mb-row .small{display:block}
.mb-pre{white-space:pre-wrap;word-break:break-all;background:var(--ink);color:#fff;padding:12px;font:13px var(--font-mono)}
@media (max-width:1279px){.wrap.nav-row{padding-left:16px;padding-right:16px}}

/* ---------- comments ---------- */
.cm{margin-top:14px;border-top:2px dashed currentColor;padding-top:10px}
.cm-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px;background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--tblue,#274490);
  font:400 1rem/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.cm-btn::before{content:"";width:12px;height:10px;background:var(--tblue,#274490);clip-path:polygon(0 0,100% 0,100% 70%,40% 70%,15% 100%,20% 70%,0 70%)}
.cm-btn[aria-expanded="true"]{background:var(--yellow,#f5c542)}
.cm-btn:focus-visible{outline:3px solid var(--yellow,#f5c542);outline-offset:2px}
.cm-n{background:var(--red-hot,#e31b23);color:#fff;font:700 12px/1 var(--font-mono);padding:3px 6px;letter-spacing:0}
.cm-box{margin-top:12px;text-align:left;background:#fff;color:var(--ink);border:3px solid var(--ink);padding:12px;box-shadow:4px 4px 0 var(--tblue,#274490)}
.cm-box p,.cm-box li,.cm-box label{color:var(--ink)}
.cm-box .cm-rules,.cm-box .cm-head span,.cm-box .cm-count{color:var(--steel)}
.cm-list,.cm-replies{list-style:none;margin:0;padding:0}
.cm-c{border-left:4px solid var(--tblue,#274490);background:var(--paper,#fffdf6);padding:8px 10px;margin:0 0 10px}
.cm-c.mine{border-left-color:#00702f}
.cm-c.gone{border-left-color:var(--steel);opacity:.75}
.cm-c.cm-new{outline:3px solid var(--yellow,#f5c542)}
.cm-replies{margin:10px 0 0 14px}
.cm-replies .cm-c{background:#fff;border-left-color:var(--red-hot,#e31b23)}
.cm-head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.cm-head b{font:700 14px var(--font-mono);color:var(--ink)}
.cm-head span{font:12px var(--font-mono);color:var(--steel)}
.cm-body{margin:.3rem 0 0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.cm-acts{display:flex;gap:14px;margin-top:6px}
.cm-acts button{background:none;border:0;padding:6px 0;min-height:32px;font:700 12px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--tblue,#274490);cursor:pointer;text-decoration:underline}
.cm-acts button[data-act="report"]{color:var(--steel)}
.cm-acts button[data-act="del"]{color:#a30d1d}
.cm-done{font:12px var(--font-mono);color:var(--steel);padding:6px 0}
.cm-form{display:grid;gap:8px;margin-top:10px}
.cm-form label{display:grid;gap:4px;font:700 12px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}
.cm-form label small{text-transform:none;font-weight:400;color:var(--steel)}
.cm-form textarea,.cm-form input{font:400 16px/1.45 var(--font-body);padding:9px 10px;border:3px solid var(--ink);background:#fff;color:var(--ink);width:100%;box-sizing:border-box;border-radius:0;resize:vertical}
.cm-form textarea:focus,.cm-form input:focus{outline:3px solid var(--yellow,#f5c542);outline-offset:0}
.cm-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cm-count{font:12px var(--font-mono);color:var(--steel)}
.cm-msg{font:13px/1.4 var(--font-mono);margin:.4rem 0}
.cm-join{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:12px 0 0}
.cm-join span{font-size:14px}
.cm-rules{font:12px/1.45 var(--font-mono);color:var(--steel);margin:10px 0 0}
.cm-sec{padding:28px 0 40px}
.cm-block{border-top:0;padding-top:0}
.top10.nights .cm{border-top-style:dotted}
.mb-pill{display:inline-block;background:var(--red-hot,#e31b23);color:#fff;font:700 12px/1 var(--font-mono);padding:4px 7px;vertical-align:middle;letter-spacing:0}
.mb-reps li{align-items:flex-start}
.mb-reps li.new{background:#fff6cf}
.mb-reps i{font:12px var(--font-mono);color:var(--steel);white-space:nowrap;font-style:normal}
.mb-reps a{font-weight:700}
@media (max-width:640px){.cm-box{padding:8px}.cm-replies{margin-left:6px}.cm-c{padding:7px 8px}}

/* =================== Message board (/board/) =================== */
.bt-sec{padding:28px 0 56px}
.bt-app{max-width:980px}
.bt-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.bt-h{font:400 clamp(1.8rem,3.6vw,2.6rem)/1 var(--font-display);letter-spacing:.03em;margin:0;color:var(--ink)}
.bt-blurb{margin:.35rem 0 0;font-family:var(--font-letter,inherit);font-weight:700}
.bt-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.bt-tabs a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border:2px solid var(--ink);background:#fff;color:var(--ink);text-decoration:none;
  font:400 1rem/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink)}
.bt-tabs a b{font:400 9px/1 var(--font-px);background:var(--ink);color:#fff;padding:3px 4px}
.bt-tabs a:hover{background:var(--ch-acc,#f5c542)}
.bt-tabs a[aria-current]{background:var(--ch-bg,#274490);color:#fff}
.bt-tabs a[aria-current] b{background:var(--ch-acc,#f5c542);color:var(--ink)}
.bt-list{list-style:none;margin:0;padding:0;border:3px solid var(--ink);background:#fff;box-shadow:6px 6px 0 var(--ch-bg,#274490)}
.bt-row{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:14px 16px;border-bottom:2px solid var(--ink)}
.bt-row:last-child{border-bottom:0}
.bt-row.pinned{background:color-mix(in srgb,var(--ch-acc,#f5c542) 18%,#fff)}
.bt-title{grid-column:1;font:700 1.12rem/1.3 var(--font-body,inherit);color:var(--ink);text-decoration:none}
.bt-title:hover{text-decoration:underline}
.bt-meta{grid-column:1;font:12px/1.5 var(--font-mono);color:var(--steel)}
.bt-meta b{color:var(--ink)}
.bt-board{color:var(--ink);font-weight:700}
.bt-n{grid-column:2;grid-row:1/3;align-self:center;display:grid;justify-items:end;font:12px/1.3 var(--font-mono);color:var(--steel);text-align:right;min-width:72px}
.bt-n b{font:400 1.6rem/1 var(--font-display);color:var(--ink)}
.bt-n small{font-size:11px}
.bt-flag{display:inline-block;margin-right:8px;padding:2px 6px;font:400 8px/1.4 var(--font-px);background:var(--ch-acc,#f5c542);color:var(--ink);border:2px solid var(--ink);vertical-align:middle}
.bt-flag.lk{background:var(--ink);color:#fff}
.bt-more{margin-top:16px}
.bt-empty{border:3px dashed var(--ink);background:#fff;padding:22px;text-align:center}
.bt-empty p{margin:0 0 12px;font-family:var(--font-letter,inherit);font-weight:700}
.bt-crumb{margin:0 0 12px;font:13px var(--font-mono)}
.bt-crumb a,.bt-crumb2 a{color:var(--ink);font-weight:700}
.bt-crumb2{margin:0 0 6px;font:12px var(--font-mono);text-transform:uppercase;letter-spacing:.05em}
.bt-topic-h{font:400 clamp(1.9rem,4vw,3rem)/1.05 var(--font-display);letter-spacing:.02em;margin:0 0 14px;color:var(--ink)}
.bt-thread .cm-box{display:block!important}
.bt-op{list-style:none;background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ch-bg,#274490);padding:14px 16px;margin:0 0 22px}
.bt-op .cm-body{font-size:1.05rem;line-height:1.55}
.bt-rh{font:400 1.4rem/1 var(--font-display);letter-spacing:.04em;margin:0 0 10px;color:var(--ink)}
.bt-form{max-width:720px;background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ch-bg,#274490);padding:16px}
.bt-form select,.bt-form input[name="title"]{display:block;width:100%;margin-top:4px;min-height:44px;padding:8px 10px;border:2px solid var(--ink);font:inherit;background:#fff}
.bt-start{white-space:nowrap}
@media (max-width:640px){.bt-row{grid-template-columns:1fr}.bt-n{grid-column:1;grid-row:auto;justify-items:start;display:flex;gap:8px;align-items:baseline}.bt-n b{font-size:1.1rem}.bt-tabs a{min-height:44px}}
.bt-note{animation:btbob 2.4s steps(2) infinite;animation-delay:var(--d)}
@keyframes btbob{50%{transform:translateY(-.5px)}}
@media (prefers-reduced-motion:reduce){.bt-note{animation:none}}