:root{
  --bg:#ffffff;
  --panel:#f5f5f5;
  --panel2:#e9eef4;
  --text:#222;
  --muted:#777;
  --line:#c6c6c6;
  --blue:#336699;
  --blue2:#cee3f8;
  --blue3:#5f99cf;
  --orange:#ff8b60;
  --orange2:#ff4500;
  --green:#228b22;
  --danger:#b90000;
  --link:#0000cc;
}
:root.dark{
  --bg:#161616;
  --panel:#202020;
  --panel2:#292929;
  --text:#ddd;
  --muted:#999;
  --line:#444;
  --blue:#8db8df;
  --blue2:#243b52;
  --blue3:#537ea4;
  --orange:#d97554;
  --orange2:#ff6b37;
  --green:#65a765;
  --danger:#ff7777;
  --link:#8ab4f8;
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--bg);color:var(--text);font:12px/1.35 Verdana,Arial,Helvetica,sans-serif}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}

.topbar{
  display:flex;align-items:flex-end;gap:12px;min-height:58px;padding:8px 8px 0;
  background:var(--blue2);border-bottom:1px solid var(--blue3);position:relative;z-index:20
}
.brand{
  display:block;font:bold 24px/1 Arial,Helvetica,sans-serif;letter-spacing:-1.2px;color:#111;
  padding:0 2px 7px;white-space:nowrap;text-shadow:0 1px #fff
}
.dark .brand{color:#eee;text-shadow:none}
.brand span{color:var(--orange2)}
.brand small{font:normal 9px Verdana,Arial,sans-serif;color:var(--muted);letter-spacing:0;margin-left:4px;vertical-align:top}
.topbar nav{display:flex;align-items:flex-end;gap:3px;overflow:auto;white-space:nowrap}
.topbar nav a{
  color:var(--blue);font-weight:bold;background:rgba(255,255,255,.45);border:1px solid var(--blue3);border-bottom:0;
  padding:4px 7px 5px;border-radius:3px 3px 0 0;text-decoration:none
}
.topbar nav a:hover{background:#fff;color:#111}
.topbar nav a.active{background:var(--bg);color:var(--orange2);padding-bottom:6px}
.themebtn{
  margin-left:auto;margin-bottom:7px;background:linear-gradient(#fff,#ddd);border:1px solid #888;color:#333;
  height:23px;min-width:36px;border-radius:2px;cursor:pointer;font:11px Verdana,Arial,sans-serif
}
.dark .themebtn{background:linear-gradient(#444,#222);color:#ddd;border-color:#666}

.ticker{
  height:24px;display:flex;align-items:center;gap:20px;overflow:hidden;white-space:nowrap;padding:0 8px;
  color:#555;background:#f6f6f6;border-bottom:1px solid #ddd;font-size:10px;text-transform:uppercase
}
.dark .ticker{background:#1c1c1c;border-color:#3a3a3a;color:#aaa}
.ticker span{display:inline-block}
.ticker span:before{content:'•';color:var(--orange2);margin-right:7px}

.wrap{width:100%;max-width:none;margin:0;padding:10px 8px 50px}
.hero{
  display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:10px;align-items:stretch;min-height:0;
  border:1px solid var(--line);background:#f8f8f8;padding:10px;margin-bottom:10px
}
.dark .hero{background:#1d1d1d}
.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:bold;margin-bottom:3px}
.hero h1,.modulehero h1,.boardhero h1,.sectionhead h1,.livehead h1,.rules h1{
  font:bold 22px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.3px;margin:0 0 7px;color:#222
}
.dark .hero h1,.dark .modulehero h1,.dark .boardhero h1,.dark .sectionhead h1,.dark .livehead h1,.dark .rules h1{color:#eee}
.hero h1 em{font-style:normal;color:var(--orange2)}
.hero p,.modulehero p,.boardhero p,.livehead p{color:#555;max-width:760px;font-size:11px;margin:0 0 6px}
.dark .hero p,.dark .modulehero p,.dark .boardhero p,.dark .livehead p{color:#aaa}
.heroactions{display:flex;gap:5px;margin-top:9px}
.btn{
  display:inline-block;border:1px solid #888;background:linear-gradient(#fff,#ddd);color:#222;padding:4px 8px;border-radius:2px;
  font:bold 10px Verdana,Arial,sans-serif;cursor:pointer;box-shadow:inset 0 1px #fff;text-decoration:none
}
.btn:hover{text-decoration:none;background:linear-gradient(#fff,#cfcfcf)}
.btn.primary{background:linear-gradient(#fff1eb,#ffc6ad);border-color:#cf6b43;color:#7a2300}
.dark .btn{background:linear-gradient(#444,#222);color:#ddd;border-color:#666;box-shadow:none}
.dark .btn.primary{background:#703419;color:#ffd8c8;border-color:#aa5b37}

.terminal{background:#fff;border:1px solid #aaa;border-radius:0;box-shadow:none;overflow:hidden;transform:none;font-family:"Courier New",monospace}
.dark .terminal{background:#111;border-color:#555}
.terminal .dots{padding:4px 7px;background:#ddd;border-bottom:1px solid #aaa;color:#777;letter-spacing:2px;font-size:9px}
.dark .terminal .dots{background:#292929;border-color:#555}
.terminal pre{padding:8px;margin:0;min-height:112px;color:#1a1a1a;font-size:11px;line-height:1.35;white-space:pre-wrap}
.dark .terminal pre{color:#b7e5b7}

.grid.two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px;margin-top:0}
.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:0 0 4px;border-bottom:1px solid var(--blue3);background:var(--blue2);padding:4px 6px}
.sectionhead h2{margin:0;font:bold 12px Verdana,Arial,sans-serif;color:#111}
.dark .sectionhead h2{color:#eee}
.sectionhead a{font-size:10px}
.stack{display:block;border-top:1px solid #ddd}
.postcard{
  position:relative;display:block;background:#fff;border:0;border-bottom:1px solid #ddd;padding:7px 8px 7px 30px;min-height:55px;transition:none
}
.dark .postcard{background:#191919;border-color:#333}
.postcard:nth-child(even){background:#f8f8f8}
.dark .postcard:nth-child(even){background:#1d1d1d}
.postcard:before{content:'▲\A▼';white-space:pre;position:absolute;left:9px;top:9px;color:#aaa;font:bold 10px/15px Arial;text-align:center}
.postcard:hover{transform:none;background:#fffbe9}
.dark .postcard:hover{background:#242116}
.postcard h3{margin:1px 0 3px;font:bold 13px/1.25 Verdana,Arial,sans-serif;color:var(--link)}
.postcard p{margin:0 0 4px;color:#555;font-size:10px}
.dark .postcard p{color:#aaa}
.tag{display:inline;color:#777;font-size:9px;font-weight:bold}
.meta{font-size:9px;color:var(--muted)}

.panel{background:#f6f6f6;border:1px solid #bbb;border-radius:0;padding:6px;margin-bottom:8px}
.dark .panel{background:#1f1f1f;border-color:#444}
.panel h3{margin:-6px -6px 5px;padding:4px 6px;background:var(--blue2);border-bottom:1px solid var(--blue3);font:bold 11px Verdana,Arial,sans-serif;color:#111}
.dark .panel h3{color:#eee}
.panel p{color:#555;font-size:10px;margin:5px 0}
.dark .panel p{color:#aaa}
.modulelink{display:block;padding:5px 3px;border-top:1px dotted #aaa}
.modulelink:first-of-type{border-top:0}
.modulelink b{display:block;font-size:10px}
.modulelink span{display:block;color:var(--muted);font-size:9px;margin-top:1px}

.boardgrid,.cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.boardcard,.itemcard{background:#f7f7f7;border:1px solid #bbb;border-radius:0;padding:7px;min-height:100px}
.dark .boardcard,.dark .itemcard{background:#1e1e1e;border-color:#444}
.boardcard:hover{border-color:var(--orange2);text-decoration:none;background:#fffdf4}
.dark .boardcard:hover{background:#262116}
.boardcard h3,.itemcard h3{font:bold 12px Verdana,Arial,sans-serif;margin:5px 0 4px;color:var(--link)}
.boardcard p,.itemcard p{color:#555;font-size:10px;margin:3px 0 6px}
.dark .boardcard p,.dark .itemcard p{color:#aaa}
.boardicon{display:inline-block;color:#fff;background:var(--blue);font:bold 9px Verdana,Arial,sans-serif;border-radius:2px;padding:2px 4px}
.boardcard>span{font-size:9px;color:var(--muted)}

.createbox{margin:7px 0;background:#f7f7f7;border:1px solid #bbb;border-radius:0;padding:6px}
.dark .createbox{background:#1f1f1f;border-color:#444}
.createbox summary{cursor:pointer;font-weight:bold;color:var(--link);font-size:10px}
form{margin-top:6px}
label{display:grid;gap:2px;font-size:9px;color:#555;font-weight:bold}
.dark label{color:#aaa}
input,textarea{
  width:100%;border:1px solid #aaa;background:#fff;color:#111;padding:4px 5px;border-radius:0;
  font:11px Verdana,Arial,sans-serif;outline:none
}
.dark input,.dark textarea{background:#111;color:#eee;border-color:#555}
input:focus,textarea:focus{border-color:var(--blue3);box-shadow:0 0 0 1px var(--blue2)}
textarea{resize:vertical}
.formrow{display:grid;grid-template-columns:1fr 2fr;gap:6px;margin-bottom:5px}
.createbox button{margin-top:6px}

.boardhero,.livehead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:6px;background:#f5f5f5;border:1px solid #bbb;padding:7px}
.dark .boardhero,.dark .livehead{background:#1e1e1e;border-color:#444}
.boardhero>span,.online{border:1px solid #aaa;background:#fff;padding:3px 5px;border-radius:2px;color:#666;font-size:9px;white-space:nowrap}
.dark .boardhero>span,.dark .online{background:#111;color:#aaa;border-color:#555}
.modulehero{padding:7px;background:#f5f5f5;border:1px solid #bbb;margin-bottom:6px}
.dark .modulehero{background:#1e1e1e;border-color:#444}
.itemtop{display:flex;justify-content:space-between;gap:6px;color:var(--muted);font-size:9px}
.pill{color:#fff;background:var(--blue);font-weight:bold;padding:2px 4px;border-radius:2px}

.back{display:inline-block;margin-bottom:5px;font-size:10px}
.thread{background:#fff;border:1px solid #bbb;border-radius:0;padding:9px 9px 9px 30px;position:relative}
.dark .thread{background:#191919;border-color:#444}
.thread:before{content:'▲\A▼';white-space:pre;position:absolute;left:8px;top:9px;color:#aaa;font:bold 10px/15px Arial}
.thread h1{font:bold 16px/1.2 Verdana,Arial,sans-serif;margin:0 0 3px;color:var(--link)}
.bodytext{margin-top:9px;font-size:11px;white-space:normal}
.comments{margin:8px 0}
.comments h2{font:bold 11px Verdana,Arial,sans-serif;background:var(--blue2);border-bottom:1px solid var(--blue3);padding:4px 6px;margin:0 0 4px}
.comment{border-left:1px dotted #999;padding:5px 7px;margin:3px 0 3px 12px;background:#fafafa}
.dark .comment{background:#1b1b1b;border-color:#555}
.commenthead{display:flex;gap:7px;color:var(--muted);font-size:9px;margin-bottom:3px}
.commenthead b{color:var(--blue)}
.reply{position:static;background:#f4f4f4;border:1px solid #bbb;border-radius:0;padding:6px}
.dark .reply{background:#1e1e1e;border-color:#444}
.reply .formrow{grid-template-columns:130px 1fr auto;margin:0}
.reply textarea{min-height:42px;height:42px}

.livehead .online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:4px}
.livebox{height:55vh;overflow:auto;background:#fff;border:1px solid #aaa;border-radius:0;padding:3px;font-family:Tahoma,Verdana,Arial,sans-serif}
.dark .livebox{background:#151515;border-color:#555}
.livemsg{display:grid;grid-template-columns:120px 1fr 45px;gap:7px;padding:3px 4px;border-bottom:1px dotted #ccc;font-size:10px}
.dark .livemsg{border-color:#444}
.livemsg b{color:var(--blue)}
.livemsg time{color:var(--muted);font-size:8px;text-align:right}
.liveform{display:grid;grid-template-columns:150px 1fr auto;gap:4px;margin-top:4px}

.rules{max-width:760px;border:1px solid #bbb;background:#f7f7f7;padding:9px}
.dark .rules{background:#1e1e1e;border-color:#444}
.rules ol{font:bold 12px/1.5 Verdana,Arial,sans-serif;padding-left:25px}
.rules li{padding:5px 0;border-bottom:1px dotted #aaa}
.muted{color:var(--muted)}
.flash{background:#fff7d7;color:#523d00;padding:5px 7px;border:1px solid #e2cc72;border-radius:0;font-weight:bold;margin-bottom:7px;font-size:10px}
.empty{padding:30px 10px;text-align:center;color:var(--muted);border:1px solid #ddd;background:#fafafa}
.dark .empty{background:#1b1b1b;border-color:#444}
footer{border-top:1px solid #bbb;padding:12px 8px;text-align:center;color:#777;font-size:9px;background:#f4f4f4}
.dark footer{background:#1b1b1b;border-color:#444}
footer a{color:var(--link)}

@media(max-width:850px){
  .topbar{align-items:flex-start;flex-wrap:wrap;padding-bottom:0}.topbar nav{order:3;width:100%}.themebtn{margin-left:auto}
  .hero,.grid.two{grid-template-columns:1fr}.boardgrid,.cardgrid{grid-template-columns:1fr 1fr}
  .terminal{display:none}.grid.two aside{order:-1}.panel{margin-bottom:6px}
  .formrow,.reply .formrow,.liveform{grid-template-columns:1fr}.livemsg{grid-template-columns:90px 1fr}.livemsg time{display:none}
}
@media(max-width:560px){
  .brand{font-size:21px}.topbar{gap:5px}.topbar nav a{font-size:9px;padding:4px 5px}
  .boardgrid,.cardgrid{grid-template-columns:1fr}.wrap{padding:6px 4px 35px}.hero{padding:7px}
  .hero h1,.modulehero h1,.boardhero h1,.sectionhead h1,.livehead h1,.rules h1{font-size:18px}
  .heroactions{flex-wrap:wrap}.boardhero,.livehead{display:block}.boardhero>span,.online{display:inline-block;margin-top:4px}
  .thread h1{font-size:14px}
}

/* v0.2 additions: multilingual old-web chrome, actual votes, local identity */
.toptools{margin-left:auto;display:flex;align-items:center;gap:5px;padding-bottom:7px;white-space:nowrap}
.toptools .themebtn{margin:0}
.prefsl{font-size:9px;color:#444;text-decoration:underline}
.dark .prefsl{color:#bbb}
.langs{display:flex;border:1px solid #8aa8c5;background:#fff;height:22px;align-items:stretch}
.dark .langs{background:#222;border-color:#555}
.langs a{display:flex;align-items:center;padding:0 5px;font:bold 8px Verdana,Arial,sans-serif;color:#555;border-right:1px solid #ccc;text-decoration:none}
.langs a:last-child{border-right:0}.langs a.active{background:var(--orange2);color:#fff}.dark .langs a{color:#bbb;border-color:#555}
.terminal .dots span{float:right;letter-spacing:0;font:8px Verdana,Arial,sans-serif;color:#888}
.sorttabs,.subnav{display:flex;gap:3px;align-items:center}.sorttabs a,.subnav a{padding:2px 5px;border:1px solid transparent}.sorttabs a.active,.subnav a.active{background:#fff;border-color:#9bbbd7;color:var(--orange2);font-weight:bold;text-decoration:none}.dark .sorttabs a.active,.dark .subnav a.active{background:#111;border-color:#526b80}
.subnav{margin:-2px 0 6px;padding:3px 5px;background:#f4f4f4;border:1px solid #ccc;font-size:9px}.dark .subnav{background:#1d1d1d;border-color:#444}

.postrow{display:grid;grid-template-columns:32px 1fr;background:#fff;border-bottom:1px solid #ddd;min-height:62px}
.postrow:nth-child(even){background:#f8f8f8}.dark .postrow{background:#191919;border-color:#333}.dark .postrow:nth-child(even){background:#1d1d1d}.postrow:hover{background:#fffbe9}.dark .postrow:hover{background:#242116}
.votecol{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:5px;color:#888;font:9px Arial,sans-serif}.votecol form,.threadvote form{margin:0}.votecol b,.threadvote b{font:bold 9px Verdana,Arial,sans-serif;line-height:11px;color:#777}.dark .votecol b,.dark .threadvote b{color:#aaa}
.votebtn{border:0;background:transparent;padding:0;line-height:11px;height:12px;cursor:pointer;color:#aaa;font:bold 11px Arial,sans-serif}.votebtn.up:hover{color:var(--orange2)}.votebtn.down:hover{color:#7193ff}
.postmain{padding:6px 8px 6px 2px}.postmain h3{margin:1px 0 3px;font:bold 13px/1.25 Verdana,Arial,sans-serif}.postmain p{margin:0 0 4px;color:#555;font-size:10px}.dark .postmain p{color:#aaa}
.flair{font-size:8px;color:#777;background:#eee;border:1px solid #ccc;padding:0 2px;white-space:nowrap}.dark .flair{background:#2a2a2a;border-color:#555;color:#aaa}.langbadge{font:bold 8px Verdana,Arial,sans-serif;background:#eaf3fb;border:1px solid #b8cee2;color:#496b8a;padding:0 2px}.dark .langbadge{background:#213445;border-color:#45637c;color:#a9c9e3}
.statusline{padding:3px 1px;border-bottom:1px dotted #bbb;font-size:9px;color:#555}.dark .statusline{color:#aaa;border-color:#555}.statusline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}
.tinyad{margin-top:7px;padding:7px 4px;text-align:center;border:1px dashed #aaa;background:#fff;color:#999;font:8px/1.4 "Courier New",monospace}.tinyad b{color:#666}.dark .tinyad{background:#151515;border-color:#555;color:#777}.dark .tinyad b{color:#aaa}

select{width:100%;border:1px solid #aaa;background:#fff;color:#111;padding:3px 4px;border-radius:0;font:10px Verdana,Arial,sans-serif;outline:none}.dark select{background:#111;color:#eee;border-color:#555}
.formrow.three{grid-template-columns:1.25fr 1fr 90px}
.thread{padding:0;display:grid;grid-template-columns:34px 1fr}.thread:before{display:none}.threadvote{display:flex;flex-direction:column;align-items:center;padding-top:8px;background:#f7f7f7;border-right:1px solid #ddd}.dark .threadvote{background:#1c1c1c;border-color:#333}.threadcontent{padding:9px}.threadcontent h1{font:bold 16px/1.2 Verdana,Arial,sans-serif;margin:0 0 3px;color:var(--link)}
.replygrid{display:grid;grid-template-columns:130px 150px 70px minmax(220px,1fr) auto;gap:5px;align-items:end}.replygrid label{margin:0}.replybody textarea{height:44px;min-height:44px}.replygrid>.btn{height:25px;margin:0 0 1px}
.commenthead b .flair{color:#777}.commenthead b .langbadge{font-weight:bold}

.liveform{grid-template-columns:130px 150px 60px minmax(180px,1fr) auto}.livemsg{grid-template-columns:190px 1fr 80px}.livemsg b small{font:8px Verdana,Arial,sans-serif;color:#777}.dark .livemsg b small{color:#aaa}
.prefsbox{max-width:760px;background:#f6f6f6;border:1px solid #bbb;padding:9px}.dark .prefsbox{background:#1e1e1e;border-color:#444}.prefsbox h1{font:bold 20px Arial,Helvetica,sans-serif;margin:0 0 6px}.prefsbox p{font-size:10px;color:#555}.dark .prefsbox p{color:#aaa}.fakeprofile{display:flex;gap:8px;align-items:center;border:1px solid #bbb;background:#fff;padding:7px;margin:8px 0}.dark .fakeprofile{background:#151515;border-color:#444}.avatarpixel{width:36px;height:36px;display:grid;place-items:center;background:#cee3f8;border:1px solid #5f99cf;color:#336699;font:bold 20px "Courier New",monospace}.prefsform{display:grid;grid-template-columns:1fr 1fr;gap:7px}.prefsform>div{grid-column:1/-1}#profileSaved{min-height:14px;margin-top:3px}.beta-forever{font-style:italic;color:#999}

@media(max-width:980px){.replygrid{grid-template-columns:1fr 1fr 80px}.replybody{grid-column:1/-1}.replygrid>.btn{grid-column:1/-1;width:max-content}.liveform{grid-template-columns:1fr 1fr 70px}.liveform input[name="body"]{grid-column:1/3}.liveform .btn{grid-column:3}}
@media(max-width:850px){.toptools{order:2;margin-left:auto}.topbar nav{order:3}.formrow.three{grid-template-columns:1fr 1fr 80px}.livemsg{grid-template-columns:150px 1fr}.livemsg time{display:none}}
@media(max-width:560px){.toptools{width:100%;order:2;padding-bottom:3px}.topbar nav{order:3}.langs{margin-left:auto}.prefsl{margin-left:2px}.formrow.three,.prefsform,.replygrid,.liveform{grid-template-columns:1fr}.replybody,.replygrid>.btn,.liveform input[name="body"],.liveform .btn{grid-column:auto}.postrow{grid-template-columns:28px 1fr}.livemsg{grid-template-columns:100px 1fr}.tinyad{display:none}}

/* v0.3: more reasons to procrastinate */
.dailystrip{display:grid;grid-template-columns:1.35fr .65fr;gap:6px;margin:0 0 7px}.dailyquote,.dailymission{border:1px solid #b8a86a;background:#fffce8;padding:7px 9px;box-shadow:inset 0 0 0 1px #fff}.dark .dailyquote,.dark .dailymission{background:#242116;border-color:#665d33}.dailyquote>b,.dailymission>b{font:bold 8px Verdana,Arial,sans-serif;color:#8a6d13;letter-spacing:.6px}.dark .dailyquote>b,.dark .dailymission>b{color:#d5b85d}.dailyquote blockquote{margin:4px 0 3px;font:italic 14px Georgia,serif;color:#3b351f}.dark .dailyquote blockquote{color:#ddd4ae}.dailyquote small,.dailymission small{font:8px Verdana,Arial,sans-serif;color:#999}.dailymission p{font:bold 10px/1.35 Verdana,Arial,sans-serif;margin:5px 0;color:#555}.dark .dailymission p{color:#bbb}
.rabbit{background:#f7fbff!important;border-color:#a8c3dc!important}.dark .rabbit{background:#18222c!important;border-color:#425b70!important}.rabbitlink{font:bold 11px/1.25 Verdana,Arial,sans-serif;display:block;margin-bottom:4px}.rabbit p{font-size:9px;margin:3px 0 5px}.rabbit small{font-size:8px;color:#999}.noiselist{display:flex;flex-direction:column}.noiselist a{display:grid;grid-template-columns:10px 1fr auto;gap:3px;padding:3px 0;border-bottom:1px dotted #bbb;text-decoration:none;font-size:9px}.dark .noiselist a{border-color:#444}.noiselist a:hover{text-decoration:underline}.noiselist small{color:#aaa;font-size:8px}.modulelink.disabled{opacity:.55;cursor:not-allowed;background:#eee}.dark .modulelink.disabled{background:#202020}
.threadthumb{width:62px;height:50px;margin:6px 5px 6px 0;border:1px solid #aaa;background:#eee;display:block;overflow:hidden}.threadthumb img{width:100%;height:100%;object-fit:cover}.postrow.hasthumb{grid-template-columns:32px 68px 1fr}.postimage{display:block;max-width:min(820px,100%);max-height:720px;margin:9px 0 2px;border:1px solid #999;background:#eee;object-fit:contain}.commentimage{display:block;max-width:min(520px,100%);max-height:420px;margin:6px 0;border:1px solid #aaa}.cardimage{width:100%;max-height:250px;object-fit:cover;border:1px solid #aaa;margin:5px 0}.imagezoom{display:inline-block}.imagefield{border:1px dashed #aaa;background:#fafafa;padding:5px}.dark .imagefield{background:#191919;border-color:#555}.imagefield small{display:block;margin-top:2px;color:#999;font:8px Verdana,Arial,sans-serif}.imagefield input[type=file]{font-size:9px;padding:2px}.replyimage{font-size:8px}.replyimage input{width:100%;font-size:8px}.registered{color:#46a546;font-size:8px}.rankhint{font-size:8px;color:#aaa}.bodytext{margin-top:8px;line-height:1.5}
.authbox{max-width:500px;margin:14px auto;background:#f4f4f4;border:1px solid #999;padding:10px;box-shadow:4px 4px 0 #ddd}.dark .authbox{background:#1b1b1b;border-color:#555;box-shadow:4px 4px 0 #0b0b0b}.authbox h1{font:bold 22px Arial,Helvetica,sans-serif;margin:2px 0 7px;color:#336699}.authbox p{font-size:10px;color:#555}.dark .authbox p{color:#bbb}.authbox form{display:grid;gap:7px}.authbox small{display:block;margin-top:8px;color:#999;font-size:8px}.userlink{font-weight:bold!important;color:#336699!important}.inboxlink.hasmail{background:#ff8b60!important;color:#fff!important;border:1px solid #d95d33!important;padding:2px 4px!important}.streak{font:8px Verdana,Arial,sans-serif;color:#777;white-space:nowrap}.dark .streak{color:#aaa}.logoutform{display:inline;margin:0}.logoutform button{border:0;background:none;color:#336699;text-decoration:underline;font:9px Verdana,Arial,sans-serif;cursor:pointer;padding:0 2px}.dark .logoutform button{color:#8bb8e0}.accountstats{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.accountstats span{border:1px solid #bbb;background:#fff;padding:4px 6px;font-size:9px}.dark .accountstats span{background:#171717;border-color:#444}.inbox{border:1px solid #bbb;background:#fff}.dark .inbox{background:#171717;border-color:#444}.mailrow{display:grid;grid-template-columns:70px 1fr 70px;gap:7px;padding:6px;border-bottom:1px solid #ddd;text-decoration:none;font-size:9px}.dark .mailrow{border-color:#333}.mailrow:hover{background:#fffbe9}.dark .mailrow:hover{background:#242116}.mailrow.unread{background:#eef6ff}.dark .mailrow.unread{background:#172534}.mailrow small{text-align:right;color:#999}.voidpage{min-height:55vh;display:grid;place-items:center;text-align:center;background:#000;color:#0f0;border:4px ridge #777}.voidpage pre{font:12px/1.6 "Courier New",monospace}.voidpage a{color:#0ff}.voidpotato{font-size:64px;filter:grayscale(1);opacity:.2}.eggtoast{position:fixed;right:8px;bottom:28px;z-index:9999;background:#ffffcc;border:1px solid #cc9;color:#333;padding:7px 9px;font:9px Verdana,Arial,sans-serif;box-shadow:2px 2px 0 #999;display:none;max-width:320px}.eggtoast.show{display:block}.eggtoast.bad{background:#ffd7d7;border-color:#c77}.eggtoast.blue{background:#d9eeff;border-color:#7aa7ca}
html.party body{animation:microShake .13s infinite}html.party .topbar{background:linear-gradient(90deg,#cee3f8,#ff8b60,#cee3f8)!important;background-size:200% 100%!important;animation:oldweb 1s linear infinite}html.party a{text-decoration:underline!important}html.rotate-world .wrap{transform:rotate(.35deg)}html.windows95 *{font-family:"Times New Roman",serif!important}html.windows95 .topbar,html.windows95 .panel,html.windows95 .postrow{border:2px outset #c0c0c0!important}html.windows95 body{background:#008080!important}@keyframes microShake{0%{transform:translate(0)}50%{transform:translate(.4px,-.4px)}100%{transform:translate(0)}}@keyframes oldweb{to{background-position:200% 0}}

@media(max-width:850px){.dailystrip{grid-template-columns:1fr}.postrow.hasthumb{grid-template-columns:28px 58px 1fr}.threadthumb{width:52px;height:44px}.streak{display:none}}
@media(max-width:560px){.postrow.hasthumb{grid-template-columns:27px 50px 1fr}.threadthumb{width:46px;height:42px}.mailrow{grid-template-columns:55px 1fr}.mailrow small{display:none}.dailyquote blockquote{font-size:12px}}

/* v0.4: language rooms, user channels, DMs, avatars, and actual Shorts */
.topavatar,.avatar,.dmavatar,.shortavatar,.profileavatar,.chlogo,.tinychlogo,.discoverlogo,.communitylogo{display:inline-grid;place-items:center;object-fit:cover;background:#cee3f8;border:1px solid #5f99cf;color:#336699;font:bold 10px/1 Verdana,Arial,sans-serif;flex:0 0 auto}
.topavatar{width:18px;height:18px;vertical-align:middle}.avatarfallback{overflow:hidden}.profileavatar{width:72px;height:72px;font-size:24px}.dmavatar{width:36px;height:36px}.dmavatar.big{width:48px;height:48px}.shortavatar{width:30px;height:30px}.tinychlogo{width:24px;height:24px}.chlogo.big{width:42px;height:42px}.discoverlogo{width:58px;height:58px}.communitylogo{width:82px;height:82px}.chfallback{font-family:"Courier New",monospace}
.usermention{font-weight:bold}.accountidentity,.userprofile{display:flex;gap:10px;align-items:center}.accountbox form{margin-top:10px}.accountlinks{margin-top:10px;padding-top:7px;border-top:1px dotted #aaa;font-size:9px}

.chatlayout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:6px}.chatnav{border:1px solid #999;background:#eee;min-height:65vh;padding:4px}.dark .chatnav{background:#1e1e1e;border-color:#555}.chatnavtitle{font:bold 10px Verdana,Arial,sans-serif;background:#ccc;border-bottom:1px solid #999;padding:4px;margin:-4px -4px 3px}.dark .chatnavtitle{background:#333;border-color:#555}.chatnavtitle.sub{margin-top:8px}.chatnav>small{display:block;color:#888;padding:2px 3px 5px;font-size:8px}.chatnavrow{display:grid;grid-template-columns:27px 1fr;gap:5px;align-items:center;padding:4px 3px;border-bottom:1px dotted #aaa;text-decoration:none;color:var(--text)}.chatnavrow:hover,.chatnavrow.active{background:#fffbe9;text-decoration:none}.dark .chatnavrow:hover,.dark .chatnavrow.active{background:#2a2719}.chatnavrow b{display:block;color:var(--link);font-size:9px}.chatnavrow small{display:block;color:#888;font-size:7px}.chatnavempty{font-size:8px;color:#888;padding:5px}.discovermini{display:block;margin-top:7px;padding:5px;background:#fff;border:1px solid #aaa;font:bold 8px Verdana,Arial,sans-serif;text-align:center}.dark .discovermini{background:#151515;border-color:#555}.chatmain{min-width:0}.channeltitleline{display:flex;gap:7px;align-items:center}.joinwall{border:1px solid #c8b878;background:#fffce8;padding:7px;margin-top:4px;font:bold 9px Verdana,Arial,sans-serif;color:#665b26}.dark .joinwall{background:#242116;border-color:#665d33;color:#ddd0a0}

.discoverintro{border:1px solid #bbb;background:#f8f8f8;padding:5px 8px;margin-bottom:6px;font-size:9px}.dark .discoverintro{background:#1d1d1d;border-color:#444}.channelgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.channelcard{display:grid;grid-template-columns:64px 1fr;gap:7px;border:1px solid #aaa;background:#f7f7f7;padding:6px;text-decoration:none;color:var(--text);min-height:78px}.dark .channelcard{background:#1d1d1d;border-color:#444}.channelcard:hover{background:#fffbe9;border-color:var(--orange2);text-decoration:none}.dark .channelcard:hover{background:#282315}.channelcardtop{display:flex;gap:6px;justify-content:space-between}.channelcard h3{font:bold 11px Verdana,Arial,sans-serif;color:var(--link);margin:1px 0}.channelcard p{font-size:9px;color:#555;margin:3px 0}.dark .channelcard p{color:#aaa}.channelcard small{font-size:8px;color:#888}.checklabel{display:flex!important;flex-direction:row;align-items:center;gap:5px!important}.checklabel input{width:auto}.ownernotice{font-size:9px}

.communitymast{display:flex;gap:10px;align-items:flex-start;border:1px solid #999;background:#f2f2f2;padding:8px;margin-bottom:5px}.dark .communitymast{background:#1d1d1d;border-color:#555}.communitymast h1,.invitepage h1,.userprofile h1,.dmhead h1,.shortshead h1{font:bold 20px/1.15 Arial,Helvetica,sans-serif;margin:0 0 4px}.communitymast p{font-size:10px;color:#555;margin:3px 0}.dark .communitymast p{color:#aaa}.communitymeta{font-size:8px;color:#888}.invitebar{display:flex;gap:5px;align-items:center;border:1px solid #aaa;background:#fffce8;padding:5px;margin-bottom:6px;font-size:8px}.dark .invitebar{background:#242116;border-color:#665d33}.invitebar input{flex:1;font:9px "Courier New",monospace}.invitebar form{margin:0}.memberbadge{font:bold 8px Verdana,Arial,sans-serif;color:#287a28;border:1px solid #7eaa7e;background:#effaef;padding:3px 5px}.invitepage{max-width:680px;margin:20px auto;border:1px solid #999;background:#f7f7f7;padding:12px;display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center}.dark .invitepage{background:#1d1d1d;border-color:#555}.invitepage form,.invitepage>.btn{grid-column:1/-1}

.dmstarter{display:grid;grid-template-columns:1fr auto;gap:5px;border:1px solid #bbb;background:#f7f7f7;padding:6px;margin-bottom:6px}.dark .dmstarter{background:#1d1d1d;border-color:#444}.dmstarter button{align-self:end}.dmconversationlist{border:1px solid #aaa}.dmconversation{display:grid;grid-template-columns:42px 1fr 70px;gap:7px;align-items:center;padding:6px;border-bottom:1px dotted #aaa;text-decoration:none;color:var(--text)}.dmconversation:hover{background:#fffbe9;text-decoration:none}.dark .dmconversation:hover{background:#282315}.dmconversation p{font-size:9px;margin:2px 0;color:#666}.dark .dmconversation p{color:#aaa}.dmconversation small{text-align:right;color:#888;font-size:8px}.dmhead{display:flex;gap:8px;align-items:center;border:1px solid #aaa;background:#f4f4f4;padding:6px}.dark .dmhead{background:#1d1d1d;border-color:#555}.dmhead>a{align-self:flex-start}.dmbox{height:55vh;overflow:auto;border:1px solid #999;border-top:0;background:#fff;padding:5px}.dark .dmbox{background:#141414;border-color:#555}.dmmsg{display:grid;grid-template-columns:90px 1fr 55px;gap:6px;padding:4px;border-bottom:1px dotted #ccc;font-size:10px}.dark .dmmsg{border-color:#444}.dmmsg.mine{background:#f3f8fd}.dark .dmmsg.mine{background:#18232d}.dmmsg b{color:#336699}.dmmsg time{font-size:8px;color:#999;text-align:right}.dmform{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:4px}

.userprofile{max-width:650px;border:1px solid #999;background:#f7f7f7;padding:10px}.dark .userprofile{background:#1d1d1d;border-color:#555}.userprofile p{font-size:9px;color:#666}.dark .userprofile p{color:#aaa}

.shortshead{display:flex;justify-content:space-between;gap:10px;border:1px solid #999;background:#eee;padding:7px;margin-bottom:6px}.dark .shortshead{background:#1d1d1d;border-color:#555}.shortshead p{font-size:9px;color:#666;margin:3px 0}.dark .shortshead p{color:#aaa}.shortstape{border:1px solid #777;background:#e7e7e7;color:#777;padding:5px 7px;font:bold 9px "Courier New",monospace;align-self:flex-start;cursor:pointer}.dark .shortstape{background:#222;border-color:#555;color:#888}.shortstape.active{border-color:#900;background:#2a0000;color:#ff5a5a;box-shadow:0 0 5px rgba(255,0,0,.25)}.shortupload{max-width:680px;margin-left:auto;margin-right:auto}.shortsfeed{max-width:580px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.shortcard{border:1px solid #999;background:#f4f4f4;padding:6px;box-shadow:3px 3px 0 #ddd}.dark .shortcard{background:#1c1c1c;border-color:#555;box-shadow:3px 3px 0 #090909}.shorttop{display:flex;gap:6px;align-items:center;margin-bottom:5px}.shorttop b{font-size:9px}.shorttop small{display:block;color:#888;font-size:8px}.shortcard video{display:block;width:100%;max-height:72vh;background:#000;border:1px solid #444}.shortcard p{font-size:10px;margin:6px 2px}.shortactions{display:flex;align-items:center;gap:8px;border-top:1px dotted #aaa;padding-top:5px}.shortactions form{margin:0}.shortactions b{font-size:9px;color:#8a0019}

html.vhs body:after{content:'';pointer-events:none;position:fixed;inset:0;z-index:9998;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.00) 0,rgba(0,0,0,.00) 2px,rgba(0,0,0,.08) 3px);mix-blend-mode:multiply}

@media(max-width:980px){.channelgrid{grid-template-columns:1fr 1fr}.chatlayout{grid-template-columns:170px 1fr}.invitebar{flex-wrap:wrap}.invitebar input{min-width:240px}}
@media(max-width:700px){.chatlayout{grid-template-columns:1fr}.chatnav{min-height:0}.chatnavrow{display:inline-grid;width:48%;vertical-align:top}.channelgrid{grid-template-columns:1fr}.communitymast{align-items:center}.communitylogo{width:62px;height:62px}.invitebar input{width:100%;min-width:0;flex-basis:100%}.dmmsg{grid-template-columns:60px 1fr}.dmmsg time{display:none}.dmconversation{grid-template-columns:42px 1fr}.dmconversation>small{display:none}.profileavatar{width:58px;height:58px}.topavatar{display:none}}
@media(max-width:480px){.chatnavrow{width:100%}.communitymast{display:block}.communitylogo{float:left;margin:0 8px 6px 0}.invitepage{grid-template-columns:1fr;text-align:center}.invitepage .communitylogo{margin:auto}.dmstarter,.dmform{grid-template-columns:1fr}.shortsfeed{max-width:none}.accountidentity,.userprofile{align-items:flex-start}}

/* v0.6 admin bunker + reporting */
.adminnav{background:#ff6a00!important;color:#fff!important;border:1px solid #b74800!important;padding:2px 5px!important;font-weight:700;box-shadow:inset 0 1px #ffb27a}
.adminbadge{display:inline-block;background:#8d0000;color:#fff;border:1px solid #540000;padding:0 3px;font:700 9px Verdana,Arial,sans-serif;vertical-align:1px}
.reportbox{display:inline-block;margin:7px 0 0 0;font-size:10px;color:#777}
.reportbox summary{cursor:pointer;text-decoration:underline;color:#777}
.reportbox form{display:flex;gap:4px;margin-top:4px;max-width:430px}
.reportbox input{min-width:220px;font-size:10px;padding:3px;border:1px solid #bbb}
.reportbox button{font-size:10px;padding:2px 6px;border:1px solid #aaa;background:#eee;cursor:pointer}
.adminhero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:#eef5ff;border:1px solid #9eb9d4;padding:12px;margin-bottom:10px}
.adminhero h1{margin:2px 0 6px;font-size:22px}.adminhero p{margin:0;color:#555}.botstatus{min-width:220px;background:#fff;border:1px solid #bbb;padding:7px;display:grid;grid-template-columns:1fr auto;gap:5px;font-size:10px}.botstatus .on{color:#087a0c;font-weight:700}.botstatus .off{color:#9a5d00;font-weight:700}
.adminstats{display:grid;grid-template-columns:repeat(7,minmax(70px,1fr));gap:6px;margin:8px 0 12px}.adminstats>div{border:1px solid #bbb;background:#f7f7f7;padding:7px;text-align:center}.adminstats b{display:block;font-size:18px;color:#ff5a00}.adminstats span{font-size:9px;text-transform:uppercase;color:#666}
.admincolumns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr) 260px;gap:10px;align-items:start}.admincolumns>section,.admincolumns>aside{min-width:0}.adminsectionhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.adminsectionhead h2,.admincolumns h2{font-size:14px;border-bottom:1px solid #aaa;padding-bottom:4px;margin:0 0 7px}
.moditem{border:1px solid #bbb;background:#fff;margin:0 0 6px;padding:7px}.moditem.sev-high{border-left:5px solid #a40000}.moditem.sev-medium{border-left:5px solid #d78300}.moditem.sev-low{border-left:5px solid #888}.modtop{display:flex;justify-content:space-between;font-size:9px;color:#777}.moditem p{font-size:11px;margin:6px 0;word-break:break-word}.reasonchips{display:flex;flex-wrap:wrap;gap:3px}.reasonchips span{background:#eee;border:1px solid #ccc;padding:2px 4px;font-size:9px}.modlinks{display:flex;align-items:center;gap:5px;margin-top:6px}.modlinks form{display:inline}.modlinks button,.admintable button{font-size:9px;border:1px solid #aaa;background:#eee;cursor:pointer;padding:3px 6px}.danger{background:#8d0000!important;border-color:#570000!important;color:#fff!important}
.admintable{border:1px solid #bbb;background:#fff;margin-bottom:12px}.adminrow{display:flex;align-items:center;gap:6px;padding:5px;border-bottom:1px solid #ddd;font-size:10px}.adminrow:last-child{border-bottom:0}.adminrow>div:nth-child(2){flex:1;min-width:0}.adminrow small{display:block;color:#777;margin-top:2px}.tinyavatar{width:24px;height:24px;object-fit:cover;border:1px solid #aaa}.actionlog{font-size:10px;border-top:1px dotted #bbb;padding:4px 0}.actionlog small{float:right;color:#888}.passwordbox{margin-top:12px}
@media(max-width:1000px){.admincolumns{grid-template-columns:1fr}.adminstats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.adminstats{grid-template-columns:repeat(2,1fr)}.adminhero{display:block}.botstatus{margin-top:8px;min-width:0}.reportbox form{display:block}.reportbox input{min-width:0;width:100%;box-sizing:border-box}}
.adminwarning{margin-top:8px;padding:6px;border:1px solid #c25a00;background:#fff1c7;color:#713300;font-weight:700;font-size:10px}

/* v0.8 roles, channel control rooms, persistent bunker, custom shorts */
.rolebadge,.channelrole,.jsrole{display:inline-block;border:1px solid var(--role-color,#666);background:color-mix(in srgb,var(--role-color,#666) 13%,white);color:var(--role-color,#555);padding:1px 4px;font:bold 8px Verdana,Arial,sans-serif;vertical-align:1px;white-space:nowrap}.dark .rolebadge,.dark .channelrole,.dark .jsrole{background:#1a1a1a;color:#ddd}.rolebadge.big{font-size:10px;padding:3px 6px}.profilebadges{margin:3px 0}.suspendedbadge{background:#8d0000;color:#fff;border:1px solid #4a0000;padding:1px 4px;font:bold 8px Verdana,Arial,sans-serif}
.chatmod{margin-left:auto!important;align-self:center}.chatmod button{border:1px solid #aaa;background:#eee;color:#900;font:bold 8px Verdana;cursor:pointer;padding:1px 4px}.livemsg{position:relative}.livemsg .jsrole{margin-left:2px;font-style:normal}
.channelsettingsgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);gap:10px;align-items:start}.settingsbox{border:1px solid #aaa;background:#f7f7f7;padding:8px;margin-bottom:8px}.dark .settingsbox{background:#1d1d1d;border-color:#555}.settingsbox h2{font:bold 13px Arial;margin:0 0 8px;border-bottom:1px solid #bbb;padding-bottom:4px}.settingsbox form{margin:0}.settingsbox>input{width:min(620px,100%);box-sizing:border-box}.inlineform{display:inline}.permissiongrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:6px 0}.permissiongrid label{display:block;border:1px solid #ccc;background:#fff;padding:5px;font-size:9px}.dark .permissiongrid label{background:#151515;border-color:#444}.permissiongrid input{width:auto}.permissiongrid b,.permissiongrid small{display:block}.permissiongrid small{color:#777;margin:2px 0 0 18px}.rolelist{border:1px solid #ccc;margin-bottom:7px}.roleline{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:5px;border-bottom:1px dotted #bbb;font-size:9px}.roleline:last-child{border-bottom:0}.roleline small{color:#777;overflow-wrap:anywhere}.roleline form{margin:0}.channelmemberrow{display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(220px,1.2fr) auto;gap:7px;align-items:center;padding:6px;border-bottom:1px dotted #bbb}.channelmemberrow:last-child{border-bottom:0}.channelmemberrow small{display:block;color:#777}.memberrolesform{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.memberrolesform label{font-size:8px;border:1px solid #ccc;padding:2px 4px;background:#fff}.dark .memberrolesform label{background:#151515;border-color:#444}.memberrolesform input{width:auto}.memberactions{display:flex;gap:3px}.memberactions button,.roleline button{font-size:8px}
.adminhubnav{position:sticky;top:0;z-index:8;display:flex;gap:3px;flex-wrap:wrap;background:#dfeaf5;border:1px solid #9eb9d4;padding:5px;margin:8px 0}.dark .adminhubnav{background:#17202a}.adminhubnav a{background:#fff;border:1px solid #aaa;padding:4px 7px;font:bold 9px Verdana;text-decoration:none}.dark .adminhubnav a{background:#111}.adminwide{border:1px solid #aaa;background:#f8f8f8;padding:8px;margin:9px 0}.dark .adminwide{background:#181818;border-color:#444}.adminwide>h2{font:bold 15px Arial;margin:0 0 8px;border-bottom:1px solid #aaa;padding-bottom:4px}.modgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.useradminlist{display:grid;gap:5px}.useradmincard{display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(200px,1fr) minmax(280px,1.4fr);gap:7px;align-items:start;border:1px solid #bbb;background:#fff;padding:6px}.dark .useradmincard{background:#111;border-color:#444}.useradminmain small{display:block;color:#777;margin-top:2px;overflow-wrap:anywhere}.roleassign{display:flex;flex-wrap:wrap;gap:3px}.roleassign label{font-size:8px;border:1px solid #ccc;padding:2px 4px}.roleassign input{width:auto}.useradmincontrols{display:flex;flex-direction:column;gap:4px}.useradmincontrols form{display:flex;gap:3px;margin:0;flex-wrap:wrap}.useradmincontrols input{min-width:100px;flex:1}.useradmincontrols select{font-size:9px}.rolecards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}.rolecard{border:1px solid #bbb;background:#fff;padding:6px}.dark .rolecard{background:#111;border-color:#444}.rolecard>div{display:flex;justify-content:space-between;align-items:center;gap:5px}.rolecard p{font-size:8px;color:#666;min-height:30px;overflow-wrap:anywhere}.recentcontent{border:1px solid #bbb;background:#fff}.dark .recentcontent{background:#111;border-color:#444}.recentcontentrow{display:grid;grid-template-columns:60px minmax(0,1fr) 65px 40px auto;gap:6px;align-items:center;padding:5px;border-bottom:1px dotted #bbb;font-size:9px}.recentcontentrow:last-child{border-bottom:0}.recentcontentrow p{margin:2px 0;color:#666}.adminfootergrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.adminstats{grid-template-columns:repeat(9,minmax(60px,1fr))}

/* Shorts deliberately ignores the old stacked feed. One moving rectangle per screen. */
.shorts-stage{position:relative;max-width:860px;height:min(78vh,760px);min-height:520px;margin:8px auto 20px;display:grid;grid-template-columns:72px minmax(280px,1fr) 72px;align-items:center;gap:8px;overflow:hidden}.shortviewport{height:100%;min-width:0;position:relative}.shortslide{display:none;position:absolute;inset:0;grid-template-columns:minmax(0,1fr) 76px;gap:8px;align-items:center}.shortslide.active{display:grid}.shortvideoarea{position:relative;height:100%;background:#050505;border:1px solid #555;box-shadow:4px 4px 0 #bbb;overflow:hidden;display:flex;align-items:center;justify-content:center}.dark .shortvideoarea{box-shadow:4px 4px 0 #000}.dcvideo{width:100%;height:100%;object-fit:contain;background:#000}.shortgradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.48),transparent 20%,transparent 62%,rgba(0,0,0,.78))}.shortoverlaytop{position:absolute;left:10px;top:9px;right:10px;display:flex;gap:7px;align-items:center;color:#fff;text-shadow:1px 1px #000;z-index:3}.shortoverlaytop a{color:#fff}.shortoverlaytop small{display:block;color:#ddd;font-size:8px}.shortoverlaybottom{position:absolute;left:10px;right:10px;bottom:9px;color:#fff;z-index:3}.shortoverlaybottom p{font-size:11px;max-width:78%;text-shadow:1px 1px #000;margin:0 0 7px}.bigplay{position:absolute;z-index:2;width:68px;height:68px;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.36);color:#fff;border-radius:50%;font-size:28px;cursor:pointer}.dcvideo:not(:paused)+.bigplay{opacity:.12}.customplayer{display:grid;grid-template-columns:32px 32px 1fr 95px 32px;gap:4px;align-items:center;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.28);padding:4px}.customplayer button{height:26px;background:#161616;color:#eee;border:1px solid #777;cursor:pointer;font:10px Verdana}.customplayer input[type=range]{width:100%}.customplayer span{font:8px "Courier New",monospace;text-align:center;color:#ddd}.shortside{display:flex;flex-direction:column;align-items:center;gap:8px}.shortside form{margin:0}.shortmetric{text-align:center;border:1px solid #aaa;background:#f7f7f7;padding:6px 4px;width:62px;box-sizing:border-box}.dark .shortmetric{background:#181818;border-color:#555}.shortmetric b{display:block;font:bold 12px Arial;color:#8a0019}.shortmetric small{font-size:7px;color:#777}.shortactionbtn{width:52px;height:42px;background:#eee;border:1px solid #999;color:#8a0019;font-size:18px;cursor:pointer}.shortnav{width:62px;height:90px;border:1px solid #777;background:#e9e9e9;box-shadow:3px 3px 0 #bbb;font:bold 42px Arial;color:#333;cursor:pointer}.shortnav:hover{background:#fff3ce;color:#ff5a00}.dark .shortnav{background:#222;color:#ddd;box-shadow:3px 3px 0 #000}.shortcounter{position:absolute;right:80px;bottom:4px;z-index:6;background:#111;color:#fff;border:1px solid #777;padding:2px 5px;font:8px "Courier New",monospace}.shortslide .reportbox{width:62px;text-align:center}.shortslide .reportbox summary{font-size:8px}.shortslide .reportbox form{position:absolute;right:78px;bottom:40px;width:220px;background:#fff;border:1px solid #777;padding:5px;z-index:20}.dark .shortslide .reportbox form{background:#111}

@media(max-width:1000px){.adminstats{grid-template-columns:repeat(5,1fr)}.useradmincard{grid-template-columns:auto 1fr}.roleassign,.useradmincontrols{grid-column:2}.channelsettingsgrid{grid-template-columns:1fr}.modgrid{grid-template-columns:1fr}.rolecards{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.shorts-stage{grid-template-columns:44px minmax(0,1fr) 44px;height:72vh;min-height:480px}.shortnav{width:40px;height:70px;font-size:28px}.shortslide{grid-template-columns:1fr}.shortside{position:absolute;right:8px;bottom:70px;z-index:8}.customplayer{grid-template-columns:30px 30px 1fr 30px}.customplayer span{display:none}.shortcounter{right:50px}.permissiongrid{grid-template-columns:1fr}.channelmemberrow{grid-template-columns:auto 1fr}.memberrolesform,.memberactions{grid-column:2}.rolecards{grid-template-columns:1fr}.recentcontentrow{grid-template-columns:55px 1fr auto}.recentcontentrow>small,.recentcontentrow>a{display:none}.adminfootergrid{grid-template-columns:1fr}}
.rolelineactions{display:flex;gap:4px;align-items:center}.rolelineactions details{position:relative}.rolelineactions summary{cursor:pointer;color:#336699;font-size:8px}.roleeditform{display:grid;grid-template-columns:1fr auto;gap:3px;position:absolute;right:0;top:18px;z-index:30;width:330px;background:#fff;border:1px solid #777;padding:6px;box-shadow:3px 3px 0 #bbb}.dark .roleeditform{background:#111;box-shadow:3px 3px 0 #000}.roleeditform label{grid-column:1/-1;font-size:8px}.roleeditform label input{width:auto}.roleeditform button{grid-column:1/-1}.rolecard .roleeditform{position:static;width:auto;box-shadow:none;margin:5px 0}.rolecard details summary{font-size:9px;color:#336699;cursor:pointer}
.shortslide.is-playing .bigplay{opacity:.08}.shortslide:not(.is-playing) .bigplay{opacity:1}

.noticebox{margin:8px 0 12px;padding:8px;border:1px solid #d6a700;background:#fff7c7;font:11px Verdana,Arial,sans-serif;line-height:1.45}.noticebox code{background:#fff;border:1px solid #ddd;padding:1px 3px}

/* v0.8.2 autoplay-with-sound fallback: browser blocks autoplay, not our player. */
.shortslide.needs-gesture .shortvideoarea:after{content:"CLICK / SPACE TO START WITH SOUND";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;background:rgba(0,0,0,.78);color:#fff;border:1px solid #aaa;padding:8px 10px;font:bold 10px Verdana,Arial,sans-serif;pointer-events:none;white-space:nowrap}.shortvideoarea{position:relative}