/* Midnight colors on the existing Community band, podium and recent list. */
body.cm-midnight{--bg:#070b12;--bg2:#0b111c;--bg3:#101827;--bg4:#152033;--text-dim:#a0aaba;--dim:#a0aaba;background:#070b12}
.cm-midnight .top-bar{background-color:#0b1019}
.cm-midnight .pd .card,.cm-midnight .vrow,.cm-midnight .rrow{background:radial-gradient(ellipse at 80% 0,#17283e50,transparent 70%),#090f19;border-color:#758ba34f;box-shadow:0 8px 24px #0004}
.cm-midnight .pd.p1 .card{border-color:#d4b65788}
.cm-midnight .pd.p2 .card{border-color:#a7b6cb66}.cm-midnight .pd.p3 .card{border-color:#c697725c}
.cm-midnight .pd .step{background:linear-gradient(180deg,#1b2535,#0b111d);border:1px solid #7187a04d;box-shadow:none}
.cm-midnight .pd.p1 .step{background:linear-gradient(180deg,#38301a,#15160f);border-color:#d0ad4f77}
.cm-midnight .mini{background:#04080e;border:1px solid #7b92b044;border-radius:7px;padding:10px;box-shadow:inset 0 1px 0 #ffffff04,0 4px 12px #0005}
.cm-midnight .pd .mini{--mc:34px!important;gap:6px;padding:9px}
.cm-midnight .cm-preview{min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.cm-midnight .cm-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:2px 0 4px}
.cm-midnight .cm-actions .house-btn{font-size:10px;padding:7px 11px;white-space:normal}
.cm-midnight .rrow .cm-preview,.cm-midnight .vrow .cm-preview{align-items:flex-start}
.cm-midnight .vnum{font-family:Oswald,sans-serif}.cm-midnight .vbtn:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.cm-midnight .tlm-box{background:#080e18;border-color:#7187a066}.cm-midnight .tlm-cards{background:#03070d}
.cm-midnight .note{background:#090f19;border-color:#70849e50}
.cm-midnight .cm-preview{position:relative;padding-top:30px;width:100%}
.cm-midnight .cm-actions{position:absolute;top:0;right:0;padding:0}
.cm-midnight .cm-actions .house-btn{font:600 10px Oswald,sans-serif;letter-spacing:1px;padding:4px 11px}
.cm-midnight .cm-tier-head{padding:6px 10px;background:color-mix(in srgb,var(--tier) 18%,#0a111b);border:1px solid color-mix(in srgb,var(--tier) 45%,transparent);clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px);color:#fff;font:600 12px/1.4 Oswald,sans-serif;letter-spacing:1.3px;text-transform:uppercase;overflow-wrap:anywhere}
.cm-midnight .trow{display:block;width:100%;margin-bottom:8px}
.cm-midnight .trow .cards{border-radius:0;border-top:0;min-height:54px;background:#040911;gap:6px;padding:7px}
.cm-midnight .tlm-head{background:#111a28;border-bottom:1px solid #ffd84a40;text-align:left}
.cm-midnight .tlm-name{font:700 17px/1.4 Oswald,sans-serif;letter-spacing:2px;text-transform:uppercase}
.cm-midnight .tlm-lab{background:color-mix(in srgb,var(--tier,#ffd84a) 20%,#0a111b)!important;border:1px solid color-mix(in srgb,var(--tier,#ffd84a) 45%,transparent);color:#fff;text-transform:uppercase;letter-spacing:1.5px}
.cm-midnight .tiers{gap:0}.cm-midnight .tiers .ft-slot{flex:none}
.cm-midnight .tlm-row{flex-direction:column;gap:0}.cm-midnight .tlm-lab{width:100%;border-radius:0;min-height:30px;text-align:left;justify-content:flex-start;font:600 13px Oswald,sans-serif;letter-spacing:1px;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px)}.cm-midnight .tlm-cards{border-radius:0;border-top:0}
.cm-midnight[data-community-kind=team] .podium{grid-template-columns:1fr;gap:18px}
.cm-midnight[data-community-kind=team] .pd.p1{order:1}.cm-midnight[data-community-kind=team] .pd.p2{order:2}.cm-midnight[data-community-kind=team] .pd.p3{order:3}
.cm-midnight[data-community-kind=team] .pd .step{height:18px}
.cm-midnight[data-community-kind=team] .pbody{width:100%}
.cm-midnight .cm-kind-team .units{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex-wrap:nowrap!important;gap:10px!important;width:100%;max-width:760px!important;margin:10px auto 12px;align-items:center}
.cm-midnight .cm-kind-team .units .ft-slot{display:block;min-width:0;width:100%!important;height:auto!important;aspect-ratio:1;max-width:90px}
.cm-midnight[data-community-kind=team] .rrow,.cm-midnight[data-community-kind=team] .vrow{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:14px}
.cm-midnight[data-community-kind=team] .rrow>div:first-child{grid-column:1/-1;grid-row:2;width:100%;order:initial}
.cm-midnight[data-community-kind=team] .rrow>.mid{grid-column:1;grid-row:1}.cm-midnight[data-community-kind=team] .rrow>.vote{grid-column:2;grid-row:1}
.cm-midnight[data-community-kind=team] .vrow>div:nth-child(2){grid-column:1/-1;grid-row:2;width:100%;order:initial}
.cm-midnight[data-community-kind=team] .vrow>.rank{grid-column:1;grid-row:1;justify-self:start}.cm-midnight[data-community-kind=team] .vrow>.mid{grid-column:1;grid-row:1;margin-left:48px}.cm-midnight[data-community-kind=team] .vrow>.vote{grid-column:2;grid-row:1}.cm-midnight[data-community-kind=team] .vrow>div[style]{display:none}
@media(max-width:700px){
 .cm-midnight .mini,.cm-midnight .pd .mini{--mc:clamp(28px,calc((100vw - 150px)/6),46px)!important;gap:5px;padding:8px}
 .cm-midnight .rrow .cm-preview,.cm-midnight .vrow .cm-preview{align-items:center}
 .cm-midnight .cm-actions .house-btn{font-size:10px}
 .cm-midnight .cm-kind-team .units{gap:4px!important}
}

/* Compact posts use the same head / author / preview layout as My Saves. */
.cm-midnight #out :is(.rrow,.vrow).cm-post{display:block;position:relative;box-sizing:border-box;width:100%;max-width:760px;margin:0 auto 16px;padding:0;border-radius:10px;overflow:hidden;transform:none}
.cm-midnight .cm-post>div{box-sizing:border-box}
.cm-midnight .cm-post .cm-post-head{display:grid;grid-template-columns:minmax(112px,1fr) minmax(0,auto) minmax(112px,1fr);align-items:center;position:relative;gap:10px;min-height:54px;padding:9px 14px;background:#101824;border-bottom:1px solid #758ba333}
.cm-midnight .cm-post-head h3{grid-column:2;margin:0;min-width:0;max-width:400px;padding:0 8px;font:500 16px/1.4 Oswald,sans-serif;text-align:center;overflow-wrap:anywhere;color:#edf1f8}
.cm-midnight .cm-post-actions{grid-column:3;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none}
.cm-midnight .cm-post-actions .house-btn{font-size:11px;padding:6px 14px}
.cm-midnight .cm-post-stamp{text-align:center;padding:7px 14px 10px;font:400 11px/1.5 Inter,sans-serif;color:#a0aaba;overflow-wrap:anywhere}
.cm-midnight .cm-post-stamp .who{display:inline;white-space:normal;font:inherit}.cm-midnight .cm-post-stamp b{color:#ede8d5}
.cm-midnight .cm-post .cm-post-body{display:block;width:auto;padding:0 14px;min-width:0}
.cm-midnight .cm-post .cm-preview{display:block;padding:0;position:static;width:100%;max-width:none}
.cm-midnight .cm-post .cm-post-foot{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 14px;min-width:0}
.cm-midnight .cm-post .vote{position:relative!important;inset:auto!important;margin:0!important;min-width:112px;flex:none}
.cm-midnight .cm-post .cm-post-rank{grid-column:1;grid-row:1;flex:none;position:static;margin:0;font:600 15px Oswald,sans-serif;color:#aebed1}
.cm-midnight button.del.cm-delete{display:inline-grid;place-items:center;flex:none;align-self:center;width:26px;min-width:26px;max-width:26px;height:26px;padding:0;margin:0;border:1px solid #ff667b66;border-radius:50%;background:#25121b;color:#ff8b9b;font-size:0;line-height:1;clip-path:none;transform:none;box-shadow:none;cursor:pointer}
.cm-midnight button.del.cm-delete::before{content:'\00d7';font:500 19px/1 Arial,sans-serif}
.cm-midnight button.del.cm-delete:hover{background:#491b29;border-color:#ff8b9b;box-shadow:0 0 8px #ff486b33}
.cm-midnight button.del.cm-delete.armed{background:#6b1e2a;border-color:#ff9fae}.cm-midnight button.del.cm-delete.armed::before{content:'?';font-size:16px}
.cm-midnight button.del.cm-delete:disabled{opacity:.45;cursor:wait}
.cm-midnight .cm-card-trial{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--gold,#ffd84a);font:600 12px Oswald,sans-serif;letter-spacing:1px;padding:9px 16px;border:1px solid #ffd84a66;border-radius:2px;transform:skew(-10deg);background:#111823}
.cm-midnight .cm-card-trial:hover{background:#1b2533;box-shadow:0 0 9px #ffd84a22}
@media(max-width:520px){.cm-midnight .cm-post .cm-post-head{display:flex;flex-wrap:wrap;padding:9px 10px;gap:7px}.cm-midnight .cm-post-head h3{flex-basis:100%;order:0}.cm-midnight .cm-post-actions{order:2;margin-left:auto}.cm-midnight .cm-post .cm-post-rank{order:1}.cm-midnight .cm-post .cm-post-body{padding:0 9px}.cm-midnight .cm-post-stamp{font-size:10px}}
/* the ✕ is DRAWN (an SVG mask), not the × character: Arial's × sits low and to one side in its line box, so the
   cross was visibly off-centre in the round button (owner, 6 Nov 2026). The armed '?' stays text. */
.cm-midnight button.del.cm-delete:not(.armed)::before{content:'';width:10px;height:10px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 1l8 8M9 1l-8 8' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 1l8 8M9 1l-8 8' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
/* centred OUT of the flow: the hidden "DELETE" label is still a grid item (a zero-height row), which put the cross in
   the top row, ~3px high (owner, 7 Nov 2026). The '?' of the armed state is centred the same way. */
.cm-midnight button.del.cm-delete{position:relative}
.cm-midnight button.del.cm-delete::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}