/* Classic community chrome, "2013 Enjin" pass (827c10be, 31 Oct 2026). Full replacement for the shared base.
   Same class names and DOM as before (no JS change). One structure for both sites; each brand file only sets the
   material variables below (KrazyKraft layout: textured page, big logo banner, textured nav with gold tabs,
   framed modules with a material header band, three columns).
   Textures: procedural PNGs generated by gen_textures.py (project-owned / CC0). URLs use url('...');
   the build strips that prefix for the deployed files, exactly like the previous build. */
:root{
 --e-page:#0b0c0a;--e-bg:url('rencrafters/e13-bg.png');--e-glow-top:#3d6b2433;--e-glow-low:#00000000;
 --e-band:url('rencrafters/e13-dirt.png');--e-lip:url('rencrafters/e13-grass-lip.png');
 --e-frame:url('rencrafters/e13-dirt.png');--e-frame-color:#4b3524;--e-nav:url('rencrafters/e13-dirt.png');
 --e-icon:url('rencrafters/e13-icon.png');
 --e-band-shade:linear-gradient(#0000 0,#0000 7px,#0003 8px,#0000004d 100%);
 --e-edge-glow:0 1px 0 #000;--e-edge-line:#0a0806;
 --e-body:#0b0b09;--e-body-2:#121310;--e-ink:#dcd8cb;--e-muted:#9d998c;--e-title:#fff7e2;--e-rule:#2a2a22;
 --e-gold:#f4c24a;--e-gold-hi:#ffe08a;--e-link:#f4c24a;--e-link-hi:#ffe9a8;
 --e-accent:#6fbf3c;--e-accent-hi:#9be05f;--e-accent-lo:#3f7f1d;--e-accent-ink:#0d1a05;--e-accent-text:#a8e27c;
 --e-tab:#1a150e;--e-tab-2:#0d0a06;--e-tab-line:#6d5531;--e-tab-hot-1:#ffe08a;--e-tab-hot-2:#e9b23c;--e-tab-hot-3:#c78d1d;--e-tab-ink:#2a1a03;
 --e-bar-1:#ffe08a;--e-bar-2:#c99321;--e-bar-glow:#f4c24a55;
 --classic-accent:var(--e-accent);--classic-bright:var(--e-accent-text);--classic-gold:var(--e-gold);--classic-ink:var(--e-ink);--classic-muted:var(--e-muted);--classic-panel:var(--e-body)
}
/* ---------- page: dark tiled material + vignette ---------- */
html.Classic-enabled,body.Classic-portal,body.Classic-entry{background-color:var(--e-page)}
html.Classic-enabled body,body.Classic-portal,body.Classic-entry{
 background:radial-gradient(ellipse 120% 70% at 50% 0,var(--e-glow-top),#0000 70%),radial-gradient(ellipse 120% 60% at 50% 100%,var(--e-glow-low),#0000 70%),
  radial-gradient(ellipse at center,#0000 45%,#000000b3 100%) fixed,var(--e-page) var(--e-bg) repeat;
 color:var(--e-ink);font:12px/1.6 Verdana,Tahoma,"DejaVu Sans",Geneva,sans-serif}
.Classic-enabled body{--body-bg:var(--e-body);--text-color:var(--e-ink);--muted-color:var(--e-muted);--primary-color:var(--e-accent);--control-bg:#1d1d18;--control-color:#e6e0cf;--link-color:var(--e-link)}
.Classic,.Classic *{box-sizing:border-box}
.Classic a{color:var(--e-link);text-decoration:none}.Classic a:hover{color:var(--e-link-hi);text-decoration:underline}
.Classic button,.Classic a{touch-action:manipulation}
.Classic a:focus-visible,.Classic button:focus-visible,.Classic-enabled :focus-visible,.Classic-entry :focus-visible{outline:2px solid var(--e-gold-hi);outline-offset:2px}
.Classic-stage{font:bold 11px/1.5 Verdana,sans-serif;text-align:center;padding:5px 12px;background:linear-gradient(#3b2d10,#251b08);color:#ffe3a0;border:1px solid #8f7436;border-radius:3px;margin:0 0 8px}

/* ---------- one scroll container, true centring (owner: "uncentred on mobile") ----------
   Core sets html{overflow-x:hidden;scrollbar-gutter:stable} and html,body{overflow-x:hidden}: html then scrolls on
   its own, the body scrolls too, and two gutters push .App 7.5 px left of centre. clip never creates a scroller. */
html.Classic-enabled,html.Classic-enabled body,body.Classic-portal,body.Classic-entry{overflow-x:clip!important}
html.Classic-enabled body{overflow-y:visible!important}
body.Classic-portal{margin:0}
/* ---------- banner: big logo on a dark scene ---------- */
.Classic-banner{position:relative;min-height:240px;border:1px solid #000;border-radius:4px 4px 0 0;overflow:hidden;
 background:radial-gradient(ellipse 70% 90% at 50% 100%,var(--e-glow-top),#0000 70%),linear-gradient(#000c,#0005 40%,#000a),var(--e-page) var(--e-bg);
 box-shadow:inset 0 1px #ffffff14,inset 0 0 60px #000,0 0 0 1px #ffffff08}
.Classic-banner:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#0000 40%,#000c 100%);pointer-events:none}
.Classic-banner:after{content:'';position:absolute;left:0;right:0;bottom:0;height:14px;background:var(--e-lip) repeat-x 0 100%/64px 16px;image-rendering:pixelated;pointer-events:none}
.Classic-bannerInner{position:relative;z-index:1;min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:22px 180px 30px}
.Classic-logo{width:500px;max-width:100%;height:auto;max-height:150px;object-fit:contain;filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 18px #000)}
.Classic-wordmark{font:bold clamp(42px,6vw,80px)/1.1 "Trebuchet MS",Arial,sans-serif;letter-spacing:4px;margin:6px 0}
.Classic-bannerTag{margin:8px 0 12px;color:#e9e1c6;font:bold 11px/1.4 "Trebuchet MS",Arial,sans-serif;letter-spacing:3px;text-shadow:0 1px 2px #000,0 0 6px #000}
.Classic-address{cursor:pointer;min-height:44px;padding:6px 22px;border:1px solid #000;border-radius:4px;
 background:linear-gradient(#2a2b24,#14150f 50%,#0b0c08 51%,#151610);color:var(--e-accent-text);font:bold 15px/1.3 Verdana,Tahoma,sans-serif;text-shadow:0 1px 0 #000;
 box-shadow:inset 0 1px #ffffff26,inset 0 0 0 1px #ffffff0d,0 0 0 1px #6d5531,0 3px 8px #000}
.Classic-address:hover{color:var(--e-gold-hi);box-shadow:inset 0 1px #ffffff33,inset 0 0 0 1px #ffffff12,0 0 0 1px var(--e-gold),0 0 12px var(--e-bar-glow),0 3px 8px #000}
.Classic-address small{display:block;color:#b8b3a2;font:normal 10px/1.4 Verdana,sans-serif;text-shadow:none}

/* equal structure on both sites (owner: "why are the two portals different heights"): the logo image and the
   text wordmark share one fixed-height box, and news cards clamp to a fixed line count with a matching min-height,
   so wording and art no longer change the page height */
.Classic-logo{height:150px;width:auto;max-height:none;margin:0}
.Classic-wordmark{height:150px;display:flex;align-items:center;justify-content:center;margin:0}
.Classic-portal .Classic-news h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Classic-portal .Classic-news p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;min-height:calc(1.75em * 3)}
/* ---------- nav: textured strip with a material lip, gold tab buttons, accent bar underneath ---------- */
.Classic-nav{position:relative;display:flex;flex-wrap:wrap;gap:4px;padding:15px 10px 9px;min-height:52px;margin:0 0 18px;
 background:linear-gradient(#0003,#0008),var(--e-frame-color) var(--e-nav) repeat 0 0/32px 32px;image-rendering:pixelated;
 border:1px solid #000;border-top:0;border-radius:0 0 4px 4px;
 box-shadow:inset 0 -1px #ffffff12,0 3px 0 -1px var(--e-bar-2),0 3px 0 0 var(--e-bar-2),0 5px 10px #000c}
.Classic-nav:before{content:'';position:absolute;left:0;right:0;top:-3px;height:16px;background:var(--e-lip) repeat-x 0 0/64px 16px;image-rendering:pixelated;pointer-events:none}
.Classic-nav:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--e-bar-2),var(--e-bar-1) 50%,var(--e-bar-2));box-shadow:0 0 8px var(--e-bar-glow);pointer-events:none}
.Classic-nav a{position:relative;display:flex;align-items:center;justify-content:center;min-height:32px;padding:6px 18px;border-radius:3px;
 background:linear-gradient(var(--e-tab),var(--e-tab-2));border:1px solid #000;color:var(--e-gold);text-decoration:none;
 font:bold 13px/1.3 "Trebuchet MS",Arial,sans-serif;text-shadow:0 1px 0 #000,0 0 6px #0008;
 box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px var(--e-tab-line),0 1px 2px #000;image-rendering:auto}
.Classic-nav a:hover,.Classic-nav a:focus-visible{color:var(--e-gold-hi);text-decoration:none;background:linear-gradient(#2c2416,#140f08);box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px var(--e-gold),0 0 8px var(--e-bar-glow)}
.Classic-nav a.is-active{color:var(--e-tab-ink);text-shadow:0 1px 0 #fff6,0 0 0 #0000;
 background:linear-gradient(var(--e-tab-hot-1),var(--e-tab-hot-2) 50%,var(--e-tab-hot-3) 51%,var(--e-tab-hot-2));
 box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #ffffff26,0 0 0 1px #000,0 0 10px var(--e-bar-glow)}
.Classic-nav a:active{box-shadow:inset 0 2px 4px #000c,inset 0 0 0 1px var(--e-tab-line)}

/* ---------- modules: framed panel, material header band with lip + icon ---------- */
.Classic-module{position:relative;margin:0 0 18px;min-width:0;background:linear-gradient(var(--e-body-2),var(--e-body) 120px);
 border:5px solid var(--e-frame-color);border-image:var(--e-frame) 8 repeat;border-image-width:5px;
 box-shadow:0 0 0 1px #000,0 4px 12px #000d;image-rendering:pixelated}
.Classic-moduleTitle{position:relative;margin:0 0 0;padding:12px 10px 7px;min-height:34px;text-align:center;
 background:var(--e-band-shade),var(--e-frame-color) var(--e-band) repeat 0 0/32px 32px;
 color:var(--e-title);font:bold 11px/1.35 "Trebuchet MS",Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;
 text-shadow:0 1px 0 #000,0 0 4px #000,0 0 2px #000;border-bottom:1px solid var(--e-edge-line);box-shadow:var(--e-edge-glow),inset 0 -1px #ffffff14;image-rendering:pixelated}
.Classic-moduleTitle:before{content:'';position:absolute;left:-5px;right:-5px;top:-8px;height:14px;background:var(--e-lip) repeat-x 0 0/64px 16px;image-rendering:pixelated;pointer-events:none}
.Classic-moduleTitle{padding-left:28px;padding-right:28px}
.Classic-moduleTitle:after{content:'';position:absolute;left:9px;top:12px;width:14px;height:14px;background:var(--e-icon) center/14px 14px no-repeat;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #000)}
.Classic-moduleBody{padding:12px 11px;font-size:12px;line-height:1.65;overflow-wrap:anywhere;color:var(--e-ink);image-rendering:auto}
.Classic-moduleBody p{margin:0 0 9px}.Classic-moduleBody p:last-child{margin-bottom:0}
.Classic-small{font-size:11px;color:var(--e-muted)}

/* ---------- buttons: glossy accent, pressed state; disabled is a calm grey ---------- */
.Classic-action{display:block;min-height:34px;padding:8px 10px;text-align:center;cursor:pointer;border-radius:3px;
 border:1px solid var(--e-accent-lo);color:var(--e-accent-ink)!important;text-decoration:none!important;
 background:linear-gradient(var(--e-accent-hi),var(--e-accent) 50%,var(--e-accent-lo) 51%,var(--e-accent));
 font:bold 12px/1.4 "Trebuchet MS",Arial,sans-serif;text-shadow:0 1px 0 #ffffff59;box-shadow:inset 0 1px #ffffff8c,0 1px 0 #000,0 2px 4px #0009}
.Classic-action:hover:not(:disabled),.Classic-action:focus-visible{filter:brightness(1.1);box-shadow:inset 0 1px #fffa,0 1px 0 #000,0 0 10px var(--e-accent)}
.Classic-action:active:not(:disabled){box-shadow:inset 0 2px 5px #0009,0 1px 0 #000;filter:brightness(.95)}
.Classic-action:disabled{cursor:not-allowed;color:#9b978b!important;border-color:#000;background:linear-gradient(#34352e,#24251f 50%,#1b1c17 51%,#22231d);text-shadow:0 1px 0 #000;box-shadow:inset 0 1px #ffffff1a,0 1px 0 #000}
.Classic-textLink{display:block;padding-top:9px;font-size:11px}
.Classic-row{display:block;padding:8px 2px;border-bottom:1px solid var(--e-rule);box-shadow:0 1px 0 #ffffff08}
.Classic-row:last-child{border-bottom:0;box-shadow:none}
a.Classic-row:before{content:'\203A';margin-right:7px;color:var(--e-gold);font-weight:bold}
.Classic-status{display:flex;gap:8px;align-items:center;color:var(--e-gold)}
.Classic-statusDot{height:9px;width:9px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 35% 35%,#fff3c4,var(--e-gold) 55%,#9a6a10);box-shadow:0 0 6px var(--e-gold)}
.Classic-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 5px;margin:11px 0 0;padding-top:9px;border-top:1px solid var(--e-rule);font-size:11px}
.Classic-facts dt{color:var(--e-muted)}.Classic-facts dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#eee8d6;font-family:Tahoma,Verdana,sans-serif}

/* ---------- headings, tabs ---------- */
.Classic-contentHeading{padding:0 0 12px}
.Classic-contentHeading h1{font:bold 22px/1.25 "Trebuchet MS",Arial,sans-serif;color:var(--e-title);margin:8px 0 4px;text-shadow:0 1px 0 #000,0 0 10px #000}
.Classic-contentHeading p{font-size:12px;color:var(--e-muted);margin:0 0 12px}
.Classic-breadcrumb{font-size:11px;color:var(--e-muted)}
.Classic-tabs{display:flex;gap:3px;flex-wrap:wrap;border-bottom:2px solid var(--e-bar-2);box-shadow:0 1px 0 #000;margin-bottom:12px}
.Classic-tabs a{padding:7px 13px;min-height:32px;border:1px solid #000;border-bottom:0;border-radius:3px 3px 0 0;
 background:linear-gradient(#2a261d,#14120d);color:var(--e-gold);font:bold 11px/1.5 "Trebuchet MS",Arial,sans-serif;text-shadow:0 1px 0 #000;box-shadow:inset 0 1px #ffffff1a;text-decoration:none!important}
.Classic-tabs a:hover{color:var(--e-gold-hi);background:linear-gradient(#383226,#1b1811)}
.Classic-tabs a:first-child{color:var(--e-tab-ink);text-shadow:0 1px 0 #fff6;background:linear-gradient(var(--e-tab-hot-1),var(--e-tab-hot-2) 55%,var(--e-tab-hot-3));box-shadow:inset 0 1px #fffa}

/* ---------- portal: three columns, news ---------- */
.Classic-portal .Classic-shell{max-width:1160px;padding:16px 12px 30px;margin:auto}
.Classic-portal .Classic-columns{display:grid;grid-template-columns:215px minmax(0,1fr) 225px;gap:16px}
.Classic-portal .Classic-news .when{display:inline-block;font-size:10px;color:var(--e-muted);text-transform:uppercase;letter-spacing:1px}
.Classic-portal .Classic-news h3{font:bold 16px/1.35 "Trebuchet MS",Arial,sans-serif;color:var(--e-gold);margin:2px 0 6px;text-shadow:0 1px 0 #000}
.Classic-portal .Classic-news p{font-size:12px;line-height:1.75;margin:0}
.Classic-portal .Classic-news article+article{padding-top:14px;margin-top:14px;border-top:1px solid var(--e-rule);box-shadow:inset 0 1px #ffffff08}
.Classic-portal .Classic-rebuild h3{color:var(--e-accent-text);font:bold 13px/1.4 "Trebuchet MS",Arial,sans-serif;margin:0 0 3px;text-shadow:0 1px 0 #000}
.Classic-portal .Classic-rebuild p{margin:0 0 14px}
.Classic-onlineNote{padding:7px 0;border-bottom:1px solid var(--e-rule);color:var(--e-muted);font-size:11px}
.Classic-footer{position:relative;padding:22px 10px 12px;margin-top:6px;text-align:center;color:#d8d0b8;font-size:11px;text-shadow:0 1px 2px #000;
 background:linear-gradient(#0004,#000a),var(--e-frame-color) var(--e-nav) repeat 0 0/32px 32px;border:1px solid #000;border-radius:4px;box-shadow:inset 0 1px #ffffff12,0 4px 10px #000c;image-rendering:pixelated}
.Classic-footer:before{content:'';position:absolute;left:0;right:0;top:-3px;height:16px;background:var(--e-lip) repeat-x 0 0/64px 16px;image-rendering:pixelated}
.Classic-footer a{color:var(--e-gold)}

/* ---------- Flarum shell ---------- */
.Classic-enabled .App-header{position:relative!important;height:auto;min-height:44px;box-shadow:0 1px 0 #ffffff0d,0 2px 6px #000;border-bottom:1px solid #000;
 background:linear-gradient(#1b1c17,#0b0c09)!important;color:#d8d0b8}
.Classic-enabled .App-header .container{max-width:1160px;width:auto}
.Classic-enabled .Header-title a{font:bold 12px "Trebuchet MS",Arial,sans-serif;color:#e6dfc8}
.Classic-enabled .Header-secondary .Button,.Classic-enabled .Header-primary .Button{color:#e6dfc8}
.Classic-enabled .App-content{border:0;background:transparent;padding-top:0!important}
.Classic-enabled .App{padding-top:0!important}.Classic-enabled .App-navigation{z-index:1010}
.Classic-enabled .Page-main{max-width:1160px;margin:0 auto;padding:16px 12px 30px}
.Classic-enabled .Page-hero{margin:0 0 16px}.Classic-enabled .WelcomeHero{display:none}.Classic-enabled .Page-hero:empty{display:none}
.Classic-enabled .Hero{background:linear-gradient(var(--e-body-2),var(--e-body))!important;color:var(--e-ink)!important;text-align:left;border:5px solid var(--e-frame-color);border-image:var(--e-frame) 8 repeat;border-image-width:5px;box-shadow:0 0 0 1px #000}
.Classic-enabled .Hero .container{width:auto;padding:14px 18px}.Classic-enabled .Hero h1{color:var(--e-gold);font:bold 20px "Trebuchet MS",Arial,sans-serif;text-shadow:0 1px 0 #000}.Classic-enabled .Hero .Hero-subtitle{color:var(--e-muted);font-size:12px}
.Classic-enabled .Page-container{width:100%;max-width:none;display:grid;grid-template-columns:215px minmax(0,1fr) 225px;gap:16px;padding:0}
.Classic-enabled .Page-container:before,.Classic-enabled .Page-container:after{display:none}
.Classic-enabled .Page-sidebar{width:auto!important;float:none!important;position:static!important;margin:0!important;top:auto!important;min-width:0}
.Classic-enabled .Page-content{position:relative;align-self:start;min-width:0;width:auto!important;margin:0!important;padding:16px 16px 14px!important;
 background:linear-gradient(var(--e-body-2),var(--e-body) 160px);border:5px solid var(--e-frame-color);border-image:var(--e-frame) 8 repeat;border-image-width:5px;box-shadow:0 0 0 1px #000,0 4px 12px #000d}
.Classic-enabled .Page-content:before{content:'';position:absolute;top:-8px;left:-5px;right:-5px;height:14px;background:var(--e-lip) repeat-x 0 0/64px 16px;image-rendering:pixelated;pointer-events:none}
.Classic-enabled .sideNav{position:relative;width:100%;margin:0 0 16px!important;padding:8px;background:linear-gradient(var(--e-body-2),var(--e-body));border:5px solid var(--e-frame-color);border-image:var(--e-frame) 8 repeat;border-image-width:5px;box-shadow:0 0 0 1px #000,0 4px 12px #000d}
.Classic-enabled .sideNav>ul{margin:0!important}
.Classic-enabled .sideNav .Button{max-width:100%;color:#ddd5bd}
.Classic-enabled .sideNav .Dropdown-menu{background:var(--e-body)!important}
.Classic-enabled .sideNav .Dropdown-menu>li>a,.Classic-enabled .sideNav .Dropdown-menu>li>button{border-radius:3px}
.Classic-enabled .sideNav .Dropdown-menu>li.active>a,.Classic-enabled .sideNav .Dropdown-menu>li.active>button{color:var(--e-gold-hi);background:linear-gradient(#2a261d,#16140f);box-shadow:inset 0 1px #ffffff14,inset 3px 0 var(--e-gold)}
.Classic-enabled .Classic-navigationTitle{margin:0 0 -1px;border:5px solid var(--e-frame-color);border-image:var(--e-frame) 8 repeat;border-image-width:5px;border-bottom:0;box-shadow:0 0 0 1px #000}
.Classic-enabled .IndexPage-toolbar{margin:4px 0 12px}
.Classic-enabled .Button{border-radius:3px}
.Classic-enabled .Button:not(.Button--primary):not(.Button--link):not(.Button--icon){background:linear-gradient(#2e2f28,#1c1d18 50%,#141510 51%,#1b1c17);color:#e6dfc8;border:1px solid #000;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #000a;text-shadow:0 1px 0 #000}
.Classic-enabled .Button:not(.Button--primary):not(.Button--link):not(.Button--icon):hover{color:var(--e-gold-hi);box-shadow:inset 0 1px #ffffff2e,0 0 0 1px var(--e-tab-line)}
.Classic-enabled .Button--primary,.Classic-enabled .sideNav .Button--primary{border:1px solid var(--e-accent-lo);color:var(--e-accent-ink)!important;font-weight:bold;text-shadow:0 1px 0 #ffffff59;
 background:linear-gradient(var(--e-accent-hi),var(--e-accent) 50%,var(--e-accent-lo) 51%,var(--e-accent));box-shadow:inset 0 1px #ffffff8c,0 1px 0 #000,0 2px 4px #0009}
.Classic-enabled .Button--primary:hover,.Classic-enabled .Button--primary:focus-visible{filter:brightness(1.1);box-shadow:inset 0 1px #fffa,0 1px 0 #000,0 0 10px var(--e-accent)}
.Classic-enabled .Button--link{background:transparent!important}
.Classic-enabled .DiscussionListItem{margin:0!important;border-bottom:1px solid var(--e-rule);box-shadow:0 1px 0 #ffffff08}
.Classic-enabled .DiscussionListItem-content{padding:14px 14px 14px 54px!important;margin:0!important}
.Classic-enabled .DiscussionListItem:hover,.Classic-enabled .DiscussionListItem.active{background:linear-gradient(90deg,#ffffff0d,#ffffff03)!important;box-shadow:inset 3px 0 var(--e-gold)}
.Classic-enabled .DiscussionListItem-title{color:var(--e-gold);font:bold 13px/1.45 "Trebuchet MS",Arial,sans-serif;text-shadow:0 1px 0 #000}
.Classic-enabled .DiscussionListItem-info{color:var(--e-muted);font-size:11px}
.Classic-enabled .DiscussionListItem-author{left:10px}
.Classic-enabled .DiscussionListItem .Avatar{width:32px;height:32px;font-size:16px;line-height:32px;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px #ffffff14}
.Classic-enabled .DiscussionListItem-count{color:var(--e-muted)}
.Classic-enabled .TagLabel{color:#101507!important;font-weight:bold;border-radius:3px;box-shadow:inset 0 1px #ffffff59}
.Classic-enabled a{color:var(--e-link)}
.Classic-enabled .Post{border:1px solid #000!important;border-radius:3px;background:linear-gradient(var(--e-body-2),var(--e-body) 100px);padding:18px!important;margin-bottom:14px;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #ffffff08,0 2px 6px #000b}
.Classic-enabled .Post-header{border-bottom:1px solid var(--e-rule);box-shadow:0 1px 0 #ffffff08;padding-bottom:10px;margin-bottom:14px;font-size:11px}
.Classic-enabled .PostUser h3 a{color:var(--e-gold);font-family:"Trebuchet MS",Arial,sans-serif}
.Classic-enabled .Post-body{font-size:13px;line-height:1.7;color:var(--e-ink)}
.Classic-enabled .Post-footer,.Classic-enabled .Post-header,.Classic-enabled .Post-header a{color:var(--e-muted)}
.Classic-enabled .Post-actions .Button{font-size:11px}
.Classic-enabled .PostStream{margin:0!important}.Classic-enabled .PostStream-item{margin:0!important;padding:0!important}
.Classic-enabled .DiscussionPage-list{display:none}.Classic-enabled .DiscussionHero-title{overflow-wrap:anywhere}
.Classic-enabled .Scrubber{margin:18px 0;max-height:250px}.Classic-enabled .DiscussionPage-nav .ButtonGroup{width:100%}
.Classic-enabled .AlertManager{z-index:1100}
.Classic-enabled .App-footer{color:var(--e-muted)}
.Classic-enabled .FormControl{background:#0b0b09;color:#eee7d3;border:1px solid #000;border-radius:3px;box-shadow:inset 0 1px 3px #000,0 0 0 1px #ffffff12}
.Classic-enabled .FormControl:focus{box-shadow:inset 0 1px 3px #000,0 0 0 1px var(--e-gold),0 0 8px var(--e-bar-glow)}
.Classic-enabled .Modal-content{background:linear-gradient(var(--e-body-2),var(--e-body) 140px);color:var(--e-ink);border:5px solid var(--e-frame-color);border-image:var(--e-frame) 8 repeat;border-image-width:5px;border-radius:0;box-shadow:0 0 0 1px #000,0 10px 40px #000}
.Classic-enabled .Modal-header{position:relative;background:var(--e-band-shade),var(--e-frame-color) var(--e-band) repeat 0 0/32px 32px;border-bottom:1px solid var(--e-edge-line);box-shadow:var(--e-edge-glow);padding:18px 16px 12px;image-rendering:pixelated}
.Classic-enabled .Modal-header:before{content:'';position:absolute;left:-5px;right:-5px;top:-8px;height:14px;background:var(--e-lip) repeat-x 0 0/64px 16px;image-rendering:pixelated}
.Classic-enabled .Modal-header h3,.Classic-enabled .Modal-title{color:var(--e-title);font:bold 14px "Trebuchet MS",Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 0 #000,0 0 4px #000}
.Classic-enabled .Modal-footer{background:#0006;border-top:1px solid var(--e-rule);color:var(--e-muted)}

/* ---------- neutralise the retained legacy forum theme (jpm, compiled into core): pixel fonts, teal panels ---------- */
.Classic-enabled .App,.Classic-enabled .App-content{background:transparent!important}
.Classic-enabled .sideNav,.Classic-enabled .DiscussionPage-nav,.Classic-enabled .Page-sidebar .sideNav{box-sizing:border-box;max-width:100%;border-radius:0}
.Classic-enabled .sideNav ul,.Classic-enabled .sideNav .Dropdown-menu{width:auto!important;max-width:100%;min-width:0}
.Classic-enabled .IndexPage-nav .item-newDiscussion .Button,.Classic-enabled .DiscussionPage-nav .Button--primary{font:bold 13px/1.3 "Trebuchet MS",Arial,sans-serif;letter-spacing:0;text-transform:none;max-width:100%;white-space:normal}
.Classic-enabled .DiscussionList,.Classic-enabled .DiscussionPage-stream,.Classic-enabled .TagsPage .TagTiles{background:#00000059;border:1px solid #000;border-radius:3px;box-shadow:inset 0 1px #ffffff0d,0 1px 0 #ffffff08}
.Classic-enabled .DiscussionList:before,.Classic-enabled .TagsPage .TagTiles:before{padding:9px 12px 8px;border:0;border-bottom:1px solid var(--e-edge-line);box-shadow:var(--e-edge-glow);text-align:center;
 background:var(--e-band-shade),var(--e-frame-color) var(--e-band) repeat 0 0/32px 32px;image-rendering:pixelated;color:var(--e-title);
 font:bold 11px/1.35 "Trebuchet MS",Arial,sans-serif;letter-spacing:1px;text-shadow:0 1px 0 #000,0 0 4px #000}
.Classic-enabled .DiscussionListItem,.Classic-enabled .DiscussionListItem-content{background:transparent}
.Classic-enabled .TagsPage .TagTile-name,.Classic-enabled .TagHero .Hero-title,.Classic-enabled .DiscussionHero-title{font:bold 20px/1.3 "Trebuchet MS",Arial,sans-serif;color:var(--e-gold);text-shadow:0 1px 0 #000,0 0 8px #000;letter-spacing:0}
.Classic-enabled .TagsPage .TagTile-name{font-size:15px}
.Classic-enabled .TagHero,.Classic-enabled .DiscussionHero{border-left-width:5px}
.Classic-enabled .PostUser-name .username{font:bold 13px "Trebuchet MS",Arial,sans-serif;color:var(--e-gold)}
.Classic-enabled .Badge{font-family:Verdana,Tahoma,sans-serif;font-weight:bold;letter-spacing:0}
.Classic-enabled .Header-title a::before{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:bold;font-size:15px;letter-spacing:1px}

/* ---------- responsive ---------- */
@media(min-width:768px){.Classic-enabled .DiscussionListItem-main{margin-right:30px}.Classic-enabled .Page-sidebar .App-primaryControl,.Classic-enabled .Page-sidebar .App-titleControl{position:static}}
@media(max-width:1000px) and (min-width:768px){
 .Classic-enabled .Page-container,.Classic-portal .Classic-columns{grid-template-columns:170px minmax(0,1fr) 185px;gap:12px}
 .Classic-bannerInner{padding:22px 130px 30px}.Classic-nav a{padding:6px 12px}.Classic-enabled .Page-content{padding:12px!important}
 .Classic-moduleBody{padding:11px 9px}.Classic-facts{grid-template-columns:1fr}.Classic-facts dd{text-align:left}}
@media(max-width:767px){
 .Classic-banner,.Classic-bannerInner{min-height:200px}.Classic-bannerInner{padding:20px 12px 34px}
 .Classic-logo{width:auto;max-width:100%;height:100px;max-height:none}.Classic-wordmark{font-size:44px;letter-spacing:2px;height:100px}
 .Classic-portal .Classic-news p{-webkit-line-clamp:4;line-clamp:4;min-height:calc(1.75em * 4)}
 .Classic-bannerTag{font-size:10px;letter-spacing:1.5px}.Classic-address{font-size:14px}
 .Classic-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:14px 6px 8px}
 .Classic-nav a{min-width:0;min-height:42px;padding:6px 2px;font-size:13px}
 .Classic-stage{font-size:10px}
 .Classic-enabled .Page-main,.Classic-portal .Classic-shell{padding:8px 8px 22px}
 .Classic-enabled .Page-main{padding-top:54px}   /* clear Flarum's fixed 46 px mobile top bar (.App-navigation) */
 .Classic-enabled .Page-container,.Classic-portal .Classic-columns{display:flex;flex-direction:column;gap:16px}
 .Classic-enabled .Page-content,.Classic-portal .Classic-center{order:0;width:100%!important}
 .Classic-enabled .Page-sidebar,.Classic-portal .Classic-left{order:1;width:100%!important}
 .Classic-enabled .Classic-right,.Classic-portal .Classic-right{order:2;width:100%}
 .Classic-enabled .Page-content{padding:14px 10px!important}
 .Classic-contentHeading h1{font-size:20px}.Classic-tabs a{padding:9px 12px;min-height:40px}
 .Classic-moduleBody{font-size:13px;padding:13px}.Classic-small{font-size:12px}.Classic-moduleTitle{font-size:12px}
 .Classic-action{min-height:44px;padding:11px}.Classic-row{min-height:44px;padding:12px 2px}
 .Classic-facts{font-size:12px;grid-template-columns:64px 1fr}
 .Classic-enabled .sideNav .Dropdown-menu{position:static!important;display:block!important;box-shadow:none;border:0;float:none;padding:0}
 .Classic-enabled .sideNav .Dropdown-toggle{display:none!important}.Classic-enabled .sideNav>ul{display:block}
 .Classic-enabled .Page-sidebar .App-titleControl,.Classic-enabled .Page-sidebar .App-primaryControl{position:static!important;transform:none!important;max-width:100%;display:block}
 .Classic-enabled .Page-sidebar .App-primaryControl .Button{width:100%;min-height:44px}
 .Classic-enabled .IndexPage-newDiscussion,.Classic-enabled .Page-sidebar .App-primaryControl .Button--primary{background:linear-gradient(var(--e-accent-hi),var(--e-accent) 50%,var(--e-accent-lo) 51%,var(--e-accent))!important;border:1px solid var(--e-accent-lo)!important;color:var(--e-accent-ink)!important;border-radius:3px!important;box-shadow:inset 0 1px #ffffff8c,0 1px 0 #000,0 2px 4px #0009!important;justify-content:center}
 .Classic-enabled .IndexPage-newDiscussion .Button-label,.Classic-enabled .Page-sidebar .App-primaryControl .Button-label{display:inline!important}
 .Classic-enabled .IndexPage-newDiscussion .Button-icon{color:var(--e-accent-ink)!important}
 .Classic-enabled .Header-title{display:none}.Classic-enabled .App-header .container{padding:4px 8px}
 .Classic-enabled .Header-secondary{float:none;display:flex;justify-content:flex-end;flex-wrap:wrap;max-width:100%}
 .Classic-enabled .Header-secondary .Button{min-height:36px}.Classic-enabled .App-header .Header-primary{display:none}
 .Classic-enabled .DiscussionListItem-content{padding-right:16px!important}
 .Classic-enabled .DiscussionListItem-title{white-space:normal;overflow:visible;font-size:14px}
 .Classic-enabled .DiscussionListItem-main{margin:0}.Classic-enabled .DiscussionListItem-info .item-excerpt{display:none}
 .Classic-enabled .DiscussionHero-title{font-size:20px!important}.Classic-enabled .Hero .container{padding:12px}
 .Classic-enabled .Post{padding:14px 12px!important}
 .Classic-enabled .PostUser-avatar{position:static!important;display:inline-block!important;margin:0 8px 0 0;vertical-align:middle}
 .Classic-enabled .Post-header{margin-left:0!important}.Classic-enabled .PostUser h3{display:inline!important}
 .Classic-enabled .PostUser .Avatar{width:32px;height:32px;line-height:32px;font-size:16px}
 .Classic-enabled .Post-body{font-size:14px;overflow-wrap:anywhere}.Classic-enabled .Scrubber{display:none}
 .Classic-enabled .IndexPage-toolbar{display:flex;justify-content:space-between;gap:4px}.Classic-enabled .IndexPage-toolbar .Button{min-height:40px}
 .Classic-enabled .DiscussionListItem-count{display:none}.Classic-enabled .Page-pane{display:none!important}
 .Classic-enabled .DiscussionPage-nav{margin-left:0!important;margin-right:0!important}.Classic-enabled .DiscussionPage-nav .item-scrubber{display:none!important}}
/* Override the retained legacy forum theme's flex order and minimum widths (kept from the previous base). */
.Classic-enabled .Page-main,.Classic-enabled .Page-container,.Classic-enabled .Page-content,.Classic-enabled .Page-sidebar,.Classic-enabled .Classic-right{min-width:0!important;box-sizing:border-box}
@media(min-width:768px){.Classic-enabled .Page-container{display:grid!important;grid-template-columns:215px minmax(0,1fr) 225px!important;gap:16px!important}.Classic-enabled .Page-sidebar{order:0!important}.Classic-enabled .Page-content{order:1!important}.Classic-enabled .Classic-right{order:2!important}}
@media(max-width:1000px) and (min-width:768px){.Classic-enabled .Page-container{grid-template-columns:170px minmax(0,1fr) 185px!important;gap:12px!important}}
@media(max-width:767px){.Classic-enabled .Page-container{display:flex!important;flex-direction:column!important;width:100%!important}.Classic-enabled .Page-main{width:100%!important;margin:0!important;max-width:100%!important}.Classic-enabled .Page-content{order:0!important;max-width:100%!important}.Classic-enabled .Page-sidebar{order:1!important}.Classic-enabled .Classic-right{order:2!important}.Classic-enabled .Classic-nav,.Classic-portal .Classic-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.Classic-enabled .Classic-nav a,.Classic-portal .Classic-nav a{min-width:0!important}.Classic-enabled .Page-content .Classic-tabs{max-width:100%}}
@media(prefers-reduced-motion:reduce){.Classic-enabled *,.Classic-portal *,.Classic-entry *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Prisonia material skin for the shared 2013 Enjin base: lava lip, netherrack bands, blackstone frames, basalt nav,
   ember-gold tabs, lava-glow edges, orange buttons. Same structure as RenCrafters, different materials.
   Scoped to html[data-classic-brand=prisonia]. Procedural PNG textures (gen_textures.py, project-owned / CC0);
   the banner block reuses the existing prisonia/block-lava.svg. */
html[data-classic-brand=prisonia]{
 --e-page:#0c090a;--e-bg:url('prisonia/e13-bg.png');--e-glow-top:#00000000;--e-glow-low:#c2410c40;
 --e-band:url('prisonia/e13-netherrack.png');--e-lip:url('prisonia/e13-lava-lip.png');
 --e-frame:url('prisonia/e13-blackstone.png');--e-frame-color:#2a2228;--e-nav:url('prisonia/e13-basalt.png');
 --e-icon:url('prisonia/e13-icon.png');
 --e-band-shade:linear-gradient(#0000 0,#0000 7px,#00000040 8px,#00000066 100%);
 --e-body:#0d0a0a;--e-body-2:#151010;--e-ink:#e2d8cc;--e-muted:#a39486;--e-title:#fff1dc;--e-rule:#2e2321;
 --e-accent:#f07a1a;--e-accent-hi:#ffb055;--e-accent-lo:#a8430b;--e-accent-ink:#2a0e00;--e-accent-text:#ffb766;
 --e-gold:#ffb347;--e-gold-hi:#ffd890;--e-link:#ffb347;--e-link-hi:#ffe1ad;
 --e-tab:#1f1312;--e-tab-2:#0e0807;--e-tab-line:#7a3f1c;--e-tab-hot-1:#ffd27a;--e-tab-hot-2:#ff9a2e;--e-tab-hot-3:#d9600f;--e-tab-ink:#2a0e00;
 --e-bar-1:#ffd27a;--e-bar-2:#e2560c;--e-bar-glow:#ff6a0080;
 --e-edge-glow:0 1px 0 #000,0 2px 8px #ff5a0866;--e-edge-line:#ff7a1a}
html[data-classic-brand=prisonia] body{--primary-color:#f07a1a;--link-color:#ffb347}
html[data-classic-brand=prisonia] .Classic-bannerInner{background:url('prisonia/block-lava.svg') left 34px center/124px no-repeat,url('prisonia/block-lava.svg') right 34px center/124px no-repeat}
html[data-classic-brand=prisonia] .Classic-banner{background:radial-gradient(ellipse 85% 55% at 50% 104%,#ff7a1a66,#c2410c33 45%,#0000 75%),radial-gradient(ellipse 40% 30% at 50% 100%,#ffd27a40,#0000 70%),linear-gradient(#000c,#0005 40%,#000a),var(--e-page) var(--e-bg);
 box-shadow:inset 0 1px #ffffff14,inset 0 0 60px #000,inset 0 -24px 40px -24px #ff7a1a88,0 0 0 1px #ffffff08}
html[data-classic-brand=prisonia] .Classic-wordmark{color:#ffcf7a;background:linear-gradient(#fff1c4,#ffc35c 45%,#ff7a1a 70%,#c2410c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 filter:drop-shadow(0 2px 0 #3a1204) drop-shadow(0 4px 0 #0c0302) drop-shadow(0 0 16px #ff5a0899)}
html[data-classic-brand=prisonia] .Classic-module,html[data-classic-brand=prisonia].Classic-enabled .Page-content,html[data-classic-brand=prisonia].Classic-enabled .sideNav{box-shadow:0 0 0 1px #000,0 4px 12px #000d,0 0 18px -6px #ff5a0866}
html[data-classic-brand=prisonia] .Classic-nav,html[data-classic-brand=prisonia] .Classic-footer{background:linear-gradient(#ff6a0a1f,#0000 35%,#00000080 70%,#3a0e00b3),var(--e-frame-color) var(--e-nav) repeat 0 0/32px 32px}
html[data-classic-brand=prisonia] .Classic-nav a.is-active{box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #ffffff26,0 0 0 1px #000,0 0 12px #ff6a00aa}
@media(max-width:1000px) and (min-width:768px){html[data-classic-brand=prisonia] .Classic-bannerInner{background-size:92px,92px}}
@media(max-width:767px){html[data-classic-brand=prisonia] .Classic-bannerInner{background:url('prisonia/block-lava.svg') left 10px bottom 8px/48px no-repeat,url('prisonia/block-lava.svg') right 10px bottom 8px/48px no-repeat}}