/* FEAR SQUAD PORTAL V3
   Shared shell + homepage system based on the approved classic esports layout. */

:root{
  --fear-portal-bg:#080a0b;
  --fear-portal-ink:#0d1011;
  --fear-portal-panel:#15191a;
  --fear-portal-panel-dark:#090b0c;
  --fear-portal-steel:#303638;
  --fear-portal-line:rgba(194,205,205,.19);
  --fear-portal-line-soft:rgba(255,255,255,.075);
  --fear-portal-gold:#d5a63b;
  --fear-portal-gold-hot:#f0c458;
  --fear-portal-gold-dark:#72541c;
  --fear-portal-copy:#d9dddd;
  --fear-portal-muted:#81898a;
  --fear-portal-green:#5fd594;
  --fear-portal-red:#d95346;
  --fear-portal-width:1040px;
  --fear-portal-header-height:176px;
  --fear-portal-cut:13px;
}

html{background:#050607}
html body[data-fear-redesign="portal-v3"]{
  min-width:320px;
  padding-top:var(--fear-portal-header-height)!important;
  color:var(--fear-portal-copy);
  background:
    linear-gradient(180deg,rgba(5,7,8,.68),rgba(5,7,8,.90)),
    radial-gradient(circle at 50% -10%,rgba(213,166,59,.13),transparent 34rem),
    url('../../img/body-bg.jpg') center top/cover fixed no-repeat,
    var(--fear-portal-bg)!important;
}
html body[data-fear-redesign="portal-v3"]::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.17;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 80%);
  mask-image:linear-gradient(to bottom,#000,transparent 80%);
}
body[data-fear-redesign="portal-v3"] .wrap{width:min(calc(100% - 28px),var(--fear-portal-width));max-width:var(--fear-portal-width)}

/* -------------------------------------------------------------
   SHARED HEADER
   ------------------------------------------------------------- */
body[data-fear-redesign="portal-v3"] header.nav.fear-portal-header{
  position:fixed!important;
  inset:0 0 auto!important;
  width:100%!important;
  height:var(--fear-portal-header-height)!important;
  padding:0!important;
  z-index:10050!important;
  overflow:visible!important;
  isolation:isolate;
  border:0!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018),transparent 30% 70%,rgba(255,255,255,.018)),
    linear-gradient(180deg,#171b1c,#080a0b 72%)!important;
  box-shadow:0 1px 0 rgba(213,166,59,.65),0 14px 34px rgba(0,0,0,.58)!important;
  transform:translateY(0);
  transition:transform .26s ease,box-shadow .26s ease;
}
body.fear-portal-scrolled[data-fear-redesign="portal-v3"] header.nav.fear-portal-header{
  transform:translateY(-121px);
  box-shadow:0 1px 0 rgba(213,166,59,.72),0 10px 30px rgba(0,0,0,.7)!important;
}
.fear-portal-utility{
  height:27px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(90deg,#161a1b,#262c2d 48%,#141718);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.75);
}
.fear-portal-utility-inner{
  width:min(calc(100% - 32px),var(--fear-portal-width));
  height:100%;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#858d8e;
  font:700 8px/1 'JetBrains Mono',monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.fear-portal-utility-inner strong,.fear-portal-utility-inner i{color:var(--fear-portal-gold-hot)}
.fear-portal-utility-center{opacity:.64}

body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-shell{
  height:149px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:154px minmax(0,1fr) 220px;
  grid-template-rows:94px 55px;
  align-items:center!important;
  gap:0!important;
}
body[data-fear-redesign="portal-v3"] header.nav .brand.fear-header-badge-link{
  grid-column:1;
  grid-row:1;
  position:relative!important;
  left:auto!important;
  width:138px!important;
  min-width:138px!important;
  height:88px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
  align-items:center;
  justify-content:center;
}
body[data-fear-redesign="portal-v3"] header.nav .fear-header-badge-img{
  width:132px!important;
  height:86px!important;
  max-height:86px!important;
  object-fit:contain;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.75)) drop-shadow(0 0 8px rgba(213,166,59,.24));
}
.fear-portal-platforms{
  grid-column:3;
  grid-row:1;
  justify-self:end;
  display:grid;
  grid-template-columns:repeat(3,auto);
  gap:7px;
  padding:12px 0 12px 18px;
  border-left:1px solid rgba(255,255,255,.10);
}
.fear-portal-platforms span{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  min-width:47px;
  color:#aeb5b5;
  font:800 7px/1 'JetBrains Mono',monospace;
  letter-spacing:.06em;
}
.fear-portal-platforms i{color:#d7dddd;font-size:18px}

body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-menu{
  grid-column:1/-1;
  grid-row:2;
  align-self:stretch;
  min-width:0;
  width:100%!important;
  height:55px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:0!important;
  padding:0 8px!important;
  border:1px solid rgba(181,194,195,.20)!important;
  border-bottom-color:rgba(213,166,59,.58)!important;
  background:linear-gradient(180deg,#24292a,#111415 54%,#090b0c)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px rgba(0,0,0,.4);
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%,0 8px);
}
body[data-fear-redesign="portal-v3"] header.nav .nav-links{
  align-self:stretch;
  height:100%;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  overflow:visible!important;
}
body[data-fear-redesign="portal-v3"] header.nav .nav-links>a,
body[data-fear-redesign="portal-v3"] header.nav .fear-nav-more{
  min-width:112px;
  height:100%;
  border-right:1px solid rgba(255,255,255,.09);
}
body[data-fear-redesign="portal-v3"] header.nav .nav-links>a{
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px;
  padding:0 13px!important;
  color:#b4babb!important;
  font:800 10px/1 'Barlow Condensed','Arial Narrow',sans-serif!important;
  letter-spacing:.07em!important;
  text-decoration:none;
  text-transform:uppercase;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.12));
}
body[data-fear-redesign="portal-v3"] header.nav .nav-links>a:first-child{border-left:1px solid rgba(255,255,255,.09)}
body[data-fear-redesign="portal-v3"] header.nav .nav-links>a:hover,
body[data-fear-redesign="portal-v3"] header.nav .nav-links>a[aria-current="page"]{
  color:var(--fear-portal-gold-hot)!important;
  background:linear-gradient(180deg,rgba(213,166,59,.14),rgba(213,166,59,.025));
  box-shadow:inset 0 -2px 0 var(--fear-portal-gold-hot);
}
body[data-fear-redesign="portal-v3"] header.nav .fear-nav-icon{color:#6f7778;font-size:10px}
body[data-fear-redesign="portal-v3"] header.nav .nav-links>a:hover .fear-nav-icon{color:var(--fear-portal-gold-hot)}
body[data-fear-redesign="portal-v3"] header.nav .fear-nav-more{display:flex;align-items:stretch}
body[data-fear-redesign="portal-v3"] header.nav .fear-nav-more-toggle{
  width:100%;
  justify-content:center;
  padding:0 14px!important;
  color:#b4babb!important;
  font:800 10px/1 'Barlow Condensed','Arial Narrow',sans-serif!important;
}
body[data-fear-redesign="portal-v3"] header.nav .nav-social{display:none!important}
body[data-fear-redesign="portal-v3"] header.nav .nav-right{
  height:100%;
  margin-left:auto!important;
  padding-left:9px;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
body[data-fear-redesign="portal-v3"] header.nav .nav-right>.btn{
  min-height:34px!important;
  height:34px;
  padding:0 9px!important;
  border-radius:0!important;
  font-size:8px!important;
  letter-spacing:.04em!important;
}
body[data-fear-redesign="portal-v3"] header.nav .fear-user-trigger{padding:4px 5px!important}
body[data-fear-redesign="portal-v3"] header.nav .fear-user-avatar{width:34px;height:34px;flex-basis:34px}

/* -------------------------------------------------------------
   GLOBAL PANEL SYSTEM
   ------------------------------------------------------------- */
body[data-fear-redesign="portal-v3"] .blk,
body[data-fear-redesign="portal-v3"] .card,
body[data-fear-redesign="portal-v3"] .forum-card,
body[data-fear-redesign="portal-v3"] .profile-card{
  border-radius:0!important;
  border-color:var(--fear-portal-line)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 24%),
    linear-gradient(180deg,rgba(25,29,30,.97),rgba(8,10,11,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 32px rgba(0,0,0,.26)!important;
}
body[data-fear-redesign="portal-v3"] .btn{border-radius:0!important}
body[data-fear-redesign="portal-v3"] .btn-gold{
  color:#080908!important;
  border-color:#f2d176!important;
  background:linear-gradient(180deg,#edc75d,#ad7c21)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 0 16px rgba(213,166,59,.10)!important;
}
body[data-fear-redesign="portal-v3"] .btn-outline{
  color:#cbd0cf!important;
  border-color:rgba(180,192,192,.22)!important;
  background:linear-gradient(180deg,#202526,#0d1011)!important;
}
body[data-fear-redesign="portal-v3"] input,
body[data-fear-redesign="portal-v3"] textarea,
body[data-fear-redesign="portal-v3"] select{
  border-radius:0!important;
  border-color:rgba(179,193,192,.22)!important;
  background:#080a0b!important;
}

/* -------------------------------------------------------------
   HOMEPAGE PORTAL
   ------------------------------------------------------------- */
.fear-portal-home{
  width:min(calc(100% - 28px),var(--fear-portal-width));
  margin:22px auto 0;
  padding-bottom:20px;
}
.fear-portal-panel{
  position:relative;
  min-width:0;
  border:1px solid var(--fear-portal-line);
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 21%),
    linear-gradient(180deg,rgba(24,28,29,.98),rgba(7,9,10,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 32px rgba(0,0,0,.30);
  clip-path:polygon(0 0,calc(100% - var(--fear-portal-cut)) 0,100% var(--fear-portal-cut),100% 100%,var(--fear-portal-cut) 100%,0 calc(100% - var(--fear-portal-cut)));
}
.fear-portal-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 16%,rgba(255,255,255,.015) 16.2%,transparent 33%);
}
.fear-portal-panel>*{position:relative;z-index:1}
.fear-portal-section{margin-top:12px}
.fear-portal-panel-head{
  min-height:42px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid var(--fear-portal-line-soft);
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.15));
}
.fear-portal-panel-head h2,.fear-portal-panel-head h3{
  margin:0;
  color:#e5e8e7;
  font:900 15px/1 'Barlow Condensed','Arial Narrow',sans-serif;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.fear-portal-panel-head h2 i,.fear-portal-panel-head h3 i{color:var(--fear-portal-gold-hot);margin-right:8px}
.fear-portal-panel-head a,.fear-portal-panel-head>span{
  color:var(--fear-portal-muted);
  font:700 7px/1 'JetBrains Mono',monospace;
  letter-spacing:.1em;
  text-decoration:none;
  text-transform:uppercase;
}
.fear-portal-panel-head a:hover{color:var(--fear-portal-gold-hot)}
.fear-portal-kicker{color:var(--fear-portal-gold-hot);font:800 8px/1 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase}

/* The animated main brand sits below navigation, never inside the masthead. */
.fear-portal-brand-stage{
  position:relative;
  height:clamp(220px,27vw,292px);
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(213,166,59,.34);
  border-bottom-color:rgba(213,166,59,.58);
  background:
    radial-gradient(circle at 50% 48%,rgba(213,166,59,.07),transparent 38%),
    linear-gradient(180deg,#080a0b,#030404);
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px);
  box-shadow:inset 0 0 42px rgba(0,0,0,.75),0 12px 30px rgba(0,0,0,.30);
}
.fear-portal-brand-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(213,166,59,.035),transparent 18% 82%,rgba(213,166,59,.035));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.fear-portal-brand-stage video{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  background:#030404;
  filter:contrast(1.04) saturate(1.04);
}

/* Compact slogan directly beneath the animated brand, matching the original site effect. */
.fear-portal-slogan{
  margin-top:10px;
  min-height:52px;
  padding:10px 18px;
  display:grid;
  grid-template-columns:minmax(28px,1fr) auto minmax(28px,1fr);
  align-items:center;
  gap:20px;
  overflow:hidden;
  border:1px solid rgba(213,166,59,.34);
  border-bottom-color:rgba(213,166,59,.58);
  background:
    linear-gradient(90deg,rgba(213,166,59,.035),transparent 25% 75%,rgba(213,166,59,.035)),
    linear-gradient(180deg,#15191a,#080a0b);
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%,0 8px);
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.24);
}
.fear-portal-slogan-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(240,196,88,.86));box-shadow:0 0 8px rgba(213,166,59,.20);animation:fearPortalSloganLine 5.2s ease-in-out infinite}
.fear-portal-slogan-line:last-child{transform:scaleX(-1)}
.fear-portal-slogan-text{width:36ch;display:inline-flex;align-items:center;justify-content:flex-start;white-space:nowrap;color:rgba(236,230,214,.88);font:600 12px/1.25 'JetBrains Mono',monospace;letter-spacing:.30em;text-transform:uppercase;text-shadow:0 2px 8px #000,0 0 10px rgba(232,185,35,.08);animation:fearPortalSloganBreathe 5.2s ease-in-out infinite}
.fear-portal-slogan-type{display:inline;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}
.fear-portal-slogan-caret{width:1px;height:1.15em;margin-left:.16em;display:inline-block;flex:0 0 auto;background:currentColor;box-shadow:0 0 7px rgba(236,230,214,.32);animation:fearPortalTypeCaret .78s steps(1,end) infinite}
.fear-portal-slogan-text.is-restarting{opacity:.18!important;transition:opacity .34s ease}
@keyframes fearPortalTypeCaret{0%,46%{opacity:1}47%,100%{opacity:0}}
@keyframes fearPortalSloganBreathe{0%,100%{opacity:.76;filter:brightness(.96)}50%{opacity:1;filter:brightness(1.06)}}
@keyframes fearPortalSloganLine{0%,100%{opacity:.52}50%{opacity:.92}}

/* Full-width compact shoutbox directly below the feature banner. */
.fear-portal-shoutbox{overflow:visible!important}
.fear-portal-shoutbox-status{display:flex;align-items:center;gap:7px;color:#9ea6a4!important}
.fear-portal-online-dot{width:7px;height:7px;border-radius:50%;background:var(--fear-portal-green);box-shadow:0 0 10px var(--fear-portal-green)}
.fear-portal-shout-layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:350px}
.fear-portal-online-rail{padding:10px;border-right:1px solid var(--fear-portal-line-soft);background:rgba(0,0,0,.18)}
.fear-portal-online-person{min-height:49px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:6px;border-bottom:1px solid rgba(255,255,255,.05);color:inherit;text-decoration:none}
.fear-portal-online-person:hover{background:rgba(213,166,59,.055)}
.fear-portal-online-avatar{position:relative;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(213,166,59,.50);background:#0b0d0d;color:var(--fear-portal-gold-hot);font:900 11px/1 'JetBrains Mono',monospace}
.fear-portal-online-avatar img{width:100%;height:100%;object-fit:cover}
.fear-portal-online-avatar::after{content:"";position:absolute;right:0;bottom:1px;width:7px;height:7px;border:2px solid #090b0b;border-radius:50%;background:var(--fear-portal-green);box-shadow:0 0 7px rgba(95,213,148,.7)}
.fear-portal-online-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.fear-portal-online-copy strong{overflow:hidden;color:#e1e4e3;font:800 9px/1.1 'DM Sans',sans-serif;text-overflow:ellipsis}.fear-portal-online-copy small{color:var(--fear-portal-green);font:700 6px/1 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.fear-portal-shout-main{min-width:0;padding:9px 12px 12px}
#shoutbox .shoutbox{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#shoutbox .shout-head{display:none!important}
#shoutbox .shout-list{display:block!important;max-height:286px;overflow:auto!important;padding:0!important;scrollbar-width:thin;scrollbar-color:rgba(213,166,59,.48) rgba(255,255,255,.025)}
#shoutbox .shout{position:relative!important;min-height:47px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;margin:0!important;padding:7px 6px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.065)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;clip-path:none!important;transform:none!important}
#shoutbox .shout:hover{background:rgba(255,255,255,.018)!important}
#shoutbox .shout::before,#shoutbox .shout::after{display:none!important}
#shoutbox .shout-avatar{width:34px!important;height:34px!important;min-width:34px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border:1px solid rgba(213,166,59,.52)!important;border-radius:50%!important;background:#080a0a!important;color:var(--fear-portal-gold-hot)!important;font:900 11px/1 'JetBrains Mono',monospace!important;box-shadow:none!important}
#shoutbox .shout-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
#shoutbox .shout-body{min-width:0!important;padding:0!important}
#shoutbox .shout .meta{min-height:0!important;margin:0 0 4px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:0!important;padding:0!important}
#shoutbox .fear-shout-author{min-width:0!important;display:flex!important;align-items:center!important;gap:5px!important;color:var(--fear-portal-gold-hot)!important;font:800 10px/1.1 'DM Sans',sans-serif!important}
#shoutbox .fear-shout-author .admin{color:var(--fear-portal-gold)!important;font-size:7px!important;letter-spacing:.05em!important}
#shoutbox .fear-shout-author .who{display:none!important}
#shoutbox .fear-shout-author .uname,#shoutbox .fear-shout-author .uname-text{font-size:10px!important;line-height:1.1!important;overflow:visible!important}
#shoutbox .fear-mention-person{border:0!important;background:transparent!important;color:#6c7473!important;font-size:9px!important;cursor:pointer!important}
#shoutbox .time{color:#5e6665!important;font:600 7px/1 'JetBrains Mono',monospace!important;white-space:nowrap}
#shoutbox .msg{margin:0!important;color:#c8cdcb!important;font:500 9px/1.35 'DM Sans',sans-serif!important;text-shadow:none!important;overflow-wrap:anywhere}
#shoutbox .fear-reactions{min-height:0!important;margin:5px 0 0!important;padding:0!important;border:0!important;display:flex!important;gap:4px!important}
#shoutbox .fear-reaction{min-width:31px!important;height:21px!important;padding:1px 5px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;color:#9fa6a4!important;box-shadow:none!important}
#shoutbox .fear-reaction-emoji{font-size:11px!important}.fear-reaction-count{font-size:7px!important}
#shoutbox .fear-reaction-add{width:22px!important;height:21px!important;border-radius:10px!important;font-size:13px!important;background:#0b0d0d!important}
#shoutbox .shout-mod{border:0;background:none;color:#6e7573;font-size:9px;cursor:pointer}
#shoutbox .shout-empty{min-height:160px;display:grid;place-items:center;text-align:center}
#shoutbox .shout-form{margin:9px 0 0!important;padding:7px!important;border:1px solid rgba(213,166,59,.40)!important;border-radius:0!important;background:#080a0b!important;box-shadow:inset 0 0 16px rgba(0,0,0,.5)!important;clip-path:none!important}
#shoutbox .shout-form form{width:100%!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px 90px!important;gap:6px!important;align-items:center!important}
#shoutbox .fear-compose-attach,#shoutbox .fear-compose-emoji{width:38px!important;height:36px!important;display:grid!important;place-items:center!important;border:1px solid var(--fear-portal-line)!important;border-radius:0!important;background:#101314!important;color:var(--fear-portal-gold-hot)!important;text-decoration:none!important}
#shoutbox .fear-shout-compose{position:relative!important;min-width:0!important}
#shoutbox .fear-shout-compose>input{width:100%!important;height:36px!important;padding:0 11px!important;border:1px solid var(--fear-portal-line)!important;border-radius:0!important;background:#0b0d0e!important;color:white!important;font:500 10px/1 'DM Sans',sans-serif!important}
#shoutbox .shout-form .btn{width:90px!important;min-width:0!important;height:36px!important;padding:0 10px!important;font:900 9px/1 'Barlow Condensed','Arial Narrow',sans-serif!important;letter-spacing:.08em!important}
#shoutbox .shout-form .btn::before{display:none!important}
#shoutbox .fear-shout-help{display:none!important}
#shoutbox .fear-mention-menu{position:absolute;left:0;right:0;bottom:calc(100% + 5px);z-index:100;display:none;max-height:210px;overflow:auto;border:1px solid rgba(213,166,59,.42);background:#070909;box-shadow:0 12px 28px rgba(0,0,0,.65)}
#shoutbox .fear-mention-menu.is-open{display:block}.fear-mention-option{width:100%;min-height:34px;padding:7px 9px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:#c9cecc;text-align:left;cursor:pointer}.fear-mention-option:hover,.fear-mention-option.is-active{background:rgba(213,166,59,.09)}.fear-mention-option strong{color:var(--fear-portal-gold-hot)}.fear-mention-option small{float:right;color:#69706f}
#shoutbox .fear-compose-emoji-wrap{position:relative}.fear-compose-emoji-picker{position:absolute;right:0;bottom:calc(100% + 6px);z-index:110;display:none;grid-template-columns:repeat(5,31px);gap:4px;padding:6px;border:1px solid rgba(213,166,59,.4);background:#070909}.fear-compose-emoji-picker.is-open{display:grid}.fear-compose-emoji-picker button{width:31px;height:31px;border:1px solid rgba(255,255,255,.08);background:#111;cursor:pointer}
.fear-portal-shout-archive{margin-top:8px;text-align:right}.fear-portal-shout-archive a{color:#7d8583;font:700 7px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.fear-portal-shout-archive a:hover{color:var(--fear-portal-gold-hot)}

/* Main information bands. */
.fear-portal-content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:10px;align-items:stretch}
.fear-portal-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:9px}
.fear-portal-news-item{min-height:118px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:11px;padding:9px;color:inherit;text-decoration:none;border-right:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.065)}
.fear-portal-news-item:nth-child(2n){border-right:0}.fear-portal-news-item:nth-last-child(-n+2){border-bottom:0}
.fear-portal-news-item:hover{background:rgba(213,166,59,.035)}
.fear-portal-news-art{position:relative;width:112px;height:90px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle,rgba(213,166,59,.14),#0b0e0f 65%);display:grid;place-items:center;color:var(--fear-portal-gold-hot);font-size:26px}
.fear-portal-news-art img{width:100%;height:100%;object-fit:cover}.fear-portal-news-art i{opacity:.75}
.fear-portal-news-copy{min-width:0}.fear-portal-news-copy h3{margin:2px 0 5px;color:var(--fear-portal-gold-hot);font:900 11px/1.15 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.025em;text-transform:uppercase}.fear-portal-news-copy p{margin:0;color:#8c9492;font:500 8px/1.45 'DM Sans',sans-serif}.fear-portal-news-meta{margin-top:9px;display:flex;gap:10px;color:#5f6765;font:700 6.5px/1 'JetBrains Mono',monospace;text-transform:uppercase}
.fear-portal-activity-list{padding:8px 12px}
.fear-portal-activity-item{min-height:54px;display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:9px;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}
.fear-portal-activity-item:last-child{border:0}.fear-portal-activity-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(213,166,59,.28);color:var(--fear-portal-gold-hot);background:rgba(213,166,59,.035);font-size:10px}.fear-portal-activity-icon img{width:100%;height:100%;object-fit:contain}.fear-portal-activity-copy{min-width:0;color:#aab0ae;font:500 8px/1.35 'DM Sans',sans-serif}.fear-portal-activity-copy strong{display:block;color:#dadddc;font-weight:700}.fear-portal-activity-time{color:#565e5c;font:700 6px/1 'JetBrains Mono',monospace;white-space:nowrap}

.fear-portal-triple-grid{display:grid;grid-template-columns:1.05fr .82fr 1fr;gap:10px;align-items:stretch}
.fear-portal-forum-list{padding:7px 11px}.fear-portal-forum-row{min-height:43px;display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:8px;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);color:inherit;text-decoration:none}.fear-portal-forum-row:last-child{border:0}.fear-portal-forum-row:hover{background:rgba(213,166,59,.035)}.fear-portal-forum-row>i{color:var(--fear-portal-gold);font-size:12px;text-align:center}.fear-portal-forum-copy{min-width:0}.fear-portal-forum-copy strong{display:block;overflow:hidden;color:#d7dbd9;font:800 9px/1.15 'DM Sans',sans-serif;text-overflow:ellipsis;white-space:nowrap}.fear-portal-forum-copy small{display:block;margin-top:4px;overflow:hidden;color:#656d6b;font:600 6.5px/1 'DM Sans',sans-serif;text-overflow:ellipsis;white-space:nowrap}.fear-portal-forum-count{color:#707876;font:800 7px/1 'JetBrains Mono',monospace}
.fear-portal-featured-members{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.fear-portal-member{min-width:0;color:inherit;text-decoration:none;text-align:center}.fear-portal-member-art{position:relative;width:100%;aspect-ratio:.82;max-height:137px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,#222829,#080a0b)}.fear-portal-member-art img{width:100%;height:100%;object-fit:cover}.fear-portal-member-initial{width:100%;height:100%;display:grid;place-items:center;color:var(--fear-portal-gold-hot);font:900 28px/1 'Anton','Arial Narrow',sans-serif}.fear-portal-member strong{display:block;margin-top:7px;overflow:hidden;color:#e0e3e2;font:800 8px/1.1 'DM Sans',sans-serif;text-overflow:ellipsis;white-space:nowrap}.fear-portal-member small{display:block;margin-top:3px;color:var(--fear-portal-gold);font:700 6px/1 'JetBrains Mono',monospace;text-transform:uppercase}
.fear-portal-progress{padding:14px}.fear-portal-progress-user{display:grid;grid-template-columns:82px minmax(0,1fr);gap:13px;align-items:center}.fear-portal-rank-mark{width:82px;height:91px;display:grid;place-items:center;clip-path:polygon(50% 0,93% 19%,84% 78%,50% 100%,16% 78%,7% 19%);background:linear-gradient(145deg,var(--fear-portal-gold-hot),#3b2a0c);color:#090a09;font:900 31px/1 'Anton',sans-serif;filter:drop-shadow(0 8px 9px #000)}.fear-portal-progress-copy small{color:#7a8280;font:700 6px/1 'JetBrains Mono',monospace;text-transform:uppercase}.fear-portal-progress-copy h3{margin:6px 0 2px;color:#e6e9e8;font:900 17px/1 'Barlow Condensed','Arial Narrow',sans-serif}.fear-portal-progress-copy strong{color:var(--fear-portal-gold-hot);font:900 14px/1 'Anton','Arial Narrow',sans-serif}.fear-portal-xp-bar{height:7px;margin-top:12px;border:1px solid rgba(213,166,59,.32);background:#080a0b}.fear-portal-xp-bar span{display:block;height:100%;background:linear-gradient(90deg,#78591e,var(--fear-portal-gold-hot));box-shadow:0 0 9px rgba(213,166,59,.22)}.fear-portal-progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.fear-portal-progress-stat{padding:8px 4px;text-align:center;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.018)}.fear-portal-progress-stat b{display:block;color:#dfe2e1;font:900 13px/1 'Anton',sans-serif}.fear-portal-progress-stat span{display:block;margin-top:5px;color:#656c6a;font:700 5.5px/1 'JetBrains Mono',monospace;text-transform:uppercase}

.fear-portal-lower-grid{display:grid;grid-template-columns:1.05fr 1.55fr;gap:10px;align-items:stretch}.fear-portal-shop-feature{min-height:176px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:15px;padding:12px}.fear-portal-shop-art{position:relative;overflow:hidden;border:1px solid rgba(213,166,59,.24);background:radial-gradient(circle,rgba(213,166,59,.17),#080a0b 68%);display:grid;place-items:center;color:var(--fear-portal-gold-hot);font-size:36px}.fear-portal-shop-art img{width:100%;height:100%;object-fit:cover}.fear-portal-shop-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.fear-portal-shop-copy h3{margin:7px 0 6px;color:#e9eceb;font:900 19px/1 'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase}.fear-portal-shop-copy p{margin:0;color:#7e8684;font:500 8px/1.45 'DM Sans',sans-serif}.fear-portal-shop-bottom{margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.fear-portal-shop-price{color:var(--fear-portal-gold-hot);font:900 21px/1 'Anton',sans-serif}.fear-portal-mini-button{min-height:31px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(213,166,59,.42);background:linear-gradient(180deg,#252a2b,#0c0f10);color:#d9dddc;text-decoration:none;font:800 7px/1 'JetBrains Mono',monospace;text-transform:uppercase}.fear-portal-mini-button:hover{color:var(--fear-portal-gold-hot);border-color:var(--fear-portal-gold)}
.fear-portal-poll{padding:16px}.fear-portal-poll-question{color:#d8dcda;font:800 11px/1.3 'DM Sans',sans-serif}.fear-portal-poll-options{margin-top:12px;display:grid;gap:8px}.fear-portal-poll-option{display:grid;grid-template-columns:16px 80px minmax(0,1fr) 31px;gap:8px;align-items:center;border:0;background:transparent;color:#aab1af;text-align:left;cursor:pointer;font:700 8px/1 'DM Sans',sans-serif}.fear-portal-poll-radio{width:10px;height:10px;border:1px solid #66706e;border-radius:50%}.fear-portal-poll-bar{height:8px;border:1px solid rgba(255,255,255,.09);background:#090b0c}.fear-portal-poll-bar i{display:block;height:100%;background:linear-gradient(90deg,#78591e,var(--fear-portal-gold-hot))}.fear-portal-poll-option b{color:#727a78;font:800 7px/1 'JetBrains Mono',monospace;text-align:right}.fear-portal-poll-option.is-selected{color:var(--fear-portal-gold-hot)}.fear-portal-poll-option.is-selected .fear-portal-poll-radio{border-color:var(--fear-portal-gold-hot);box-shadow:inset 0 0 0 2px #0b0d0d;background:var(--fear-portal-gold-hot)}

body[data-fear-redesign="portal-v3"] .ft.fear-image-footer{width:min(calc(100% - 28px),var(--fear-portal-width));margin:12px auto 0!important;border:1px solid var(--fear-portal-line)!important;background:#080a0b!important;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}

/* Compatibility for the existing live shoutbox controls injected by index.php. */
.fear-portal-sound-toggle{min-width:28px;height:27px;display:inline-grid;place-items:center;border:1px solid rgba(213,166,59,.28);background:#0a0d0e;color:#7e8784;cursor:pointer}
.fear-portal-sound-toggle:hover,.fear-portal-sound-toggle.is-on{border-color:var(--fear-portal-gold);color:var(--fear-portal-gold-hot)}
#shoutbox .fear-shout-motto,#shoutbox .fear-original-meta-actions{display:none!important}
#shoutbox .fear-shout-menu-wrap{position:absolute;top:7px;right:4px;z-index:8}
#shoutbox .fear-shout-menu-toggle{width:25px;height:25px;display:grid;place-items:center;border:0;background:transparent;color:#59615f;cursor:pointer}
#shoutbox .fear-shout-menu-toggle:hover,#shoutbox .fear-shout-menu-toggle[aria-expanded="true"]{color:var(--fear-portal-gold-hot)}
#shoutbox .fear-shout-menu{position:absolute;top:26px;right:0;min-width:126px;padding:5px;display:none;border:1px solid rgba(213,166,59,.35);background:#0a0d0e;box-shadow:0 12px 28px rgba(0,0,0,.65)}
#shoutbox .fear-shout-menu.is-open{display:grid;gap:3px}
#shoutbox .fear-shout-menu a,#shoutbox .fear-shout-menu button{min-height:27px;padding:0 8px;display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#aab0ae;text-decoration:none;text-align:left;font:700 7px/1 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}
#shoutbox .fear-shout-menu a:hover,#shoutbox .fear-shout-menu button:hover{background:rgba(213,166,59,.07);color:var(--fear-portal-gold-hot)}
#shoutbox .fear-shout-presence{width:6px;height:6px;margin-right:3px;display:inline-block;border-radius:50%;background:#535b59;box-shadow:0 0 0 2px rgba(83,91,89,.13)}
#shoutbox .fear-shout-presence.is-online{background:#77b678;box-shadow:0 0 6px rgba(119,182,120,.55)}

/* Full live telemetry: dense on desktop, touch-friendly on mobile. */
.fear-portal-telemetry{
  overflow:hidden;
  border-color:rgba(213,166,59,.48);
  background:
    linear-gradient(135deg,rgba(240,196,88,.035),transparent 24%),
    radial-gradient(circle at 50% 0,rgba(213,166,59,.10),transparent 30rem),
    linear-gradient(180deg,rgba(18,22,23,.99),rgba(5,7,8,.995));
}
.fear-portal-telemetry::after{
  content:"";
  position:absolute;
  inset:42px 0 0;
  z-index:0;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:31px 31px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%);
  mask-image:linear-gradient(to bottom,#000,transparent 88%);
}
.fear-portal-telemetry-head,.fear-portal-telemetry-body{position:relative;z-index:1}
.fear-portal-telemetry-live{display:flex;align-items:center;gap:8px!important;color:#aab3b0!important}
.fear-portal-telemetry-live>i{width:7px;height:7px;display:block;border-radius:50%;background:var(--fear-portal-green);box-shadow:0 0 10px rgba(95,213,148,.8);animation:fearTelemetryPulse 1.8s ease-in-out infinite}
@keyframes fearTelemetryPulse{50%{opacity:.42;box-shadow:0 0 4px rgba(95,213,148,.45)}}
.fear-portal-telemetry-body{padding:14px}
.fear-portal-telemetry-intro{
  min-height:104px;
  padding:19px 21px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  overflow:hidden;
  border:1px solid rgba(213,166,59,.28);
  background:
    linear-gradient(90deg,rgba(213,166,59,.08),transparent 46%),
    repeating-linear-gradient(135deg,transparent 0 16px,rgba(255,255,255,.012) 17px,transparent 18px 34px),
    rgba(5,7,8,.76);
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
}
.fear-portal-telemetry-intro h3{margin:7px 0 5px;color:#f0f2f1;font:900 27px/1 'Road Rage','Anton','Arial Black',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.fear-portal-telemetry-intro p{max-width:680px;margin:0;color:#89918f;font:500 12px/1.45 'DM Sans',sans-serif}
.fear-portal-telemetry-signal{height:56px;display:flex;align-items:flex-end;gap:5px;padding:0 8px;opacity:.75}
.fear-portal-telemetry-signal i{width:5px;border:1px solid rgba(240,196,88,.65);background:linear-gradient(180deg,var(--fear-portal-gold-hot),#5f4616);box-shadow:0 0 9px rgba(213,166,59,.15)}
.fear-portal-telemetry-signal i:nth-child(1){height:22%}.fear-portal-telemetry-signal i:nth-child(2){height:46%}.fear-portal-telemetry-signal i:nth-child(3){height:72%}.fear-portal-telemetry-signal i:nth-child(4){height:100%}.fear-portal-telemetry-signal i:nth-child(5){height:65%}.fear-portal-telemetry-signal i:nth-child(6){height:84%}.fear-portal-telemetry-signal i:nth-child(7){height:36%}
.fear-portal-telemetry-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.fear-portal-telemetry-card{
  position:relative;
  min-width:0;
  min-height:132px;
  padding:15px 14px 13px 76px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.095);
  border-bottom-color:rgba(213,166,59,.36);
  background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),rgba(8,10,11,.88);
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
.fear-portal-telemetry-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(transparent,var(--fear-portal-gold-hot),transparent);opacity:.78}
.fear-portal-telemetry-card::after{content:"";position:absolute;right:-18px;top:-18px;width:72px;height:72px;border:1px solid rgba(213,166,59,.09);transform:rotate(45deg)}
.fear-portal-telemetry-icon{position:absolute;left:14px;top:50%;width:48px;height:62px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(213,166,59,.34);background:linear-gradient(145deg,rgba(213,166,59,.13),rgba(5,7,8,.78));color:var(--fear-portal-gold-hot);font-size:19px;clip-path:polygon(50% 0,100% 17%,91% 82%,50% 100%,9% 82%,0 17%)}
.fear-portal-telemetry-letters{font:900 18px/1 'Anton','Arial Narrow',sans-serif;letter-spacing:.03em}
.fear-portal-telemetry-value{display:block;max-width:100%;overflow:hidden;color:var(--fear-portal-gold-hot);font:900 clamp(24px,2.1vw,34px)/1 'Anton','Arial Narrow',sans-serif;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 18px rgba(213,166,59,.15)}
.fear-portal-telemetry-number{display:flex;align-items:baseline;gap:5px;min-width:0}.fear-portal-telemetry-number b{color:#826a35;font:800 11px/1 'JetBrains Mono',monospace;text-transform:uppercase}
.fear-portal-telemetry-card>strong{margin-top:8px;color:#dfe3e1;font:800 12px/1.05 'DM Sans',sans-serif;text-transform:uppercase}
.fear-portal-telemetry-card>small{margin-top:5px;color:#69716f;font:600 10px/1.25 'DM Sans',sans-serif}
.fear-portal-telemetry-detail-grid{margin-top:10px;display:grid;grid-template-columns:1.35fr 1fr;gap:10px}
.fear-portal-telemetry-detail{min-width:0;border:1px solid rgba(255,255,255,.09);background:rgba(5,7,8,.78)}
.fear-portal-telemetry-detail>header{min-height:39px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(0,0,0,.10));color:#d2d7d5;font:800 10px/1 'JetBrains Mono',monospace;letter-spacing:.08em}
.fear-portal-telemetry-detail>header span i{margin-right:7px;color:var(--fear-portal-gold-hot)}.fear-portal-telemetry-detail>header b{color:#66706d;font:700 8px/1 'JetBrains Mono',monospace;white-space:nowrap}
.fear-portal-telemetry-people{min-height:118px;padding:13px;display:flex;align-items:flex-start;gap:15px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(213,166,59,.45) rgba(255,255,255,.02)}
.fear-portal-telemetry-person{width:66px;min-width:66px;display:flex;flex-direction:column;align-items:center;gap:7px;color:inherit;text-align:center;text-decoration:none}
.fear-portal-telemetry-avatar{position:relative;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(213,166,59,.52);border-radius:50%;background:radial-gradient(circle,#222829,#090b0c 70%);color:var(--fear-portal-gold-hot);font:900 14px/1 'JetBrains Mono',monospace}
.fear-portal-telemetry-avatar>img,.fear-portal-telemetry-avatar .fear-afx-avatar-core,.fear-portal-telemetry-avatar .fear-afx-avatar-core>img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.fear-portal-telemetry-avatar>i{position:absolute;right:0;bottom:2px;width:9px;height:9px;border:2px solid #070909;border-radius:50%;background:var(--fear-portal-green);box-shadow:0 0 8px rgba(95,213,148,.75)}
.fear-portal-telemetry-person>strong{width:100%;overflow:hidden;color:#cfd4d2;font:700 10px/1.15 'DM Sans',sans-serif;text-overflow:ellipsis;white-space:nowrap}
.fear-portal-telemetry-empty{min-height:118px;margin:0;display:grid;place-items:center;color:#68716e;font:600 11px/1.4 'DM Sans',sans-serif}
.fear-portal-telemetry-24h{min-height:94px;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.fear-portal-telemetry-24h>div{min-width:0;padding:11px 6px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;border:1px solid rgba(213,166,59,.18);background:rgba(213,166,59,.025)}
.fear-portal-telemetry-24h i{grid-row:1/3;color:var(--fear-portal-gold);font-size:13px}.fear-portal-telemetry-24h strong{overflow:hidden;color:#e5e8e7;font:900 20px/1 'Anton','Arial Narrow',sans-serif;text-overflow:ellipsis}.fear-portal-telemetry-24h span{color:#68706e;font:700 8px/1 'JetBrains Mono',monospace;text-transform:uppercase}
.fear-portal-telemetry-names{padding:0 12px 12px;display:flex;flex-wrap:wrap;gap:5px}.fear-portal-telemetry-names span{padding:5px 7px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#858e8b;font:700 8px/1 'JetBrains Mono',monospace}
.fear-portal-telemetry-pulse{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fear-portal-telemetry-pulse>div{min-height:68px;padding:10px 17px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(213,166,59,.26);background:linear-gradient(90deg,rgba(213,166,59,.075),rgba(7,9,10,.88) 50%,rgba(213,166,59,.025))}
.fear-portal-telemetry-pulse>div>i{color:var(--fear-portal-gold-hot);font-size:18px}.fear-portal-telemetry-pulse>div>span{display:flex;align-items:baseline;gap:9px}.fear-portal-telemetry-pulse strong{color:#eef0ef;font:900 24px/1 'Anton','Arial Narrow',sans-serif}.fear-portal-telemetry-pulse small{color:#7f8885;font:700 10px/1 'JetBrains Mono',monospace;text-transform:uppercase}

@media(max-width:980px){
  .fear-portal-telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fear-portal-telemetry-detail-grid{grid-template-columns:1fr}
}

@media(max-width:650px){
  .fear-portal-telemetry-body{padding:8px}
  .fear-portal-telemetry-intro{min-height:94px;padding:15px}.fear-portal-telemetry-intro h3{font-size:23px}.fear-portal-telemetry-intro p{font-size:11px}.fear-portal-telemetry-signal{display:none}
  .fear-portal-telemetry-grid{gap:6px}.fear-portal-telemetry-card{min-height:113px;padding:12px 8px 11px 57px}.fear-portal-telemetry-icon{left:9px;width:38px;height:51px;font-size:15px}.fear-portal-telemetry-letters{font-size:15px}.fear-portal-telemetry-value{font-size:clamp(20px,7vw,29px)}.fear-portal-telemetry-card>strong{font-size:10px}.fear-portal-telemetry-card>small{font-size:9px}
  .fear-portal-telemetry-detail>header{padding:0 9px;font-size:9px}.fear-portal-telemetry-detail>header b{font-size:7px}
  .fear-portal-telemetry-people{padding:11px 9px;gap:8px}.fear-portal-telemetry-person{width:60px;min-width:60px}.fear-portal-telemetry-avatar{width:46px;height:46px}
  .fear-portal-telemetry-24h{padding:8px;gap:5px}.fear-portal-telemetry-24h>div{padding:9px 5px;grid-template-columns:1fr;text-align:center}.fear-portal-telemetry-24h i{grid-row:auto;margin-bottom:5px}.fear-portal-telemetry-24h strong{font-size:18px}.fear-portal-telemetry-24h span{font-size:7px}
  .fear-portal-telemetry-pulse{gap:6px}.fear-portal-telemetry-pulse>div{min-height:62px;padding:9px;gap:9px}.fear-portal-telemetry-pulse>div>span{display:block}.fear-portal-telemetry-pulse strong{display:block;font-size:20px}.fear-portal-telemetry-pulse small{display:block;margin-top:3px;font-size:8px}
}

@media(max-width:390px){
  .fear-portal-telemetry-card{padding-left:50px}.fear-portal-telemetry-icon{left:7px;width:35px;height:47px}.fear-portal-telemetry-card>small{font-size:8px}
  .fear-portal-telemetry-live{font-size:6px!important;letter-spacing:.04em!important}.fear-portal-telemetry-pulse>div>i{font-size:15px}
}

@media(max-width:1180px) and (min-width:901px){
  body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-shell{grid-template-columns:130px minmax(0,1fr) 170px}
  body[data-fear-redesign="portal-v3"] header.nav .nav-links>a,body[data-fear-redesign="portal-v3"] header.nav .fear-nav-more{min-width:91px}
  body[data-fear-redesign="portal-v3"] header.nav .nav-links>a{padding:0 8px!important;font-size:8px!important}
  body[data-fear-redesign="portal-v3"] header.nav .fear-nav-text{font-size:8px}
  body[data-fear-redesign="portal-v3"] header.nav .nav-right>.btn:not(.fear-money-balance):not(.forum-notify-btn){display:none!important}
}

@media(max-width:900px){
  :root{--fear-portal-header-height:74px}
  html body[data-fear-redesign="portal-v3"]{padding-top:74px!important;background-attachment:scroll!important}
  body[data-fear-redesign="portal-v3"] header.nav.fear-portal-header,
  body.fear-portal-scrolled[data-fear-redesign="portal-v3"] header.nav.fear-portal-header{height:74px!important;transform:none!important;background:linear-gradient(180deg,#1c2021,#090b0c)!important}
  .fear-portal-utility,.fear-portal-platforms{display:none!important}
  body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-shell{height:74px!important;display:flex!important;padding:0 13px!important}
  body[data-fear-redesign="portal-v3"] header.nav .brand.fear-header-badge-link{width:110px!important;min-width:110px!important;height:68px!important}
  body[data-fear-redesign="portal-v3"] header.nav .fear-header-badge-img{width:106px!important;height:64px!important;object-position:left center}
  body[data-fear-redesign="portal-v3"] header.nav .nav-toggle{margin-left:auto;position:relative;z-index:10060}
  body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-menu{position:fixed!important;inset:74px 0 0!important;width:100%!important;height:auto!important;max-height:calc(100vh - 74px)!important;padding:0 0 28px!important;display:none!important;overflow-y:auto!important;border:0!important;border-top:1px solid rgba(213,166,59,.40)!important;clip-path:none!important;background:rgba(7,9,9,.985)!important}
  body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-menu.is-open,body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-menu.open{display:flex!important;flex-direction:column!important}
  body[data-fear-redesign="portal-v3"] header.nav .nav-links{width:100%;height:auto;display:flex!important;flex-direction:column!important}
  body[data-fear-redesign="portal-v3"] header.nav .nav-links>a,body[data-fear-redesign="portal-v3"] header.nav .fear-nav-more{width:100%;height:auto;min-height:52px;border-right:0;border-bottom:1px solid rgba(255,255,255,.065)}
  body[data-fear-redesign="portal-v3"] header.nav .nav-links>a{justify-content:flex-start!important;padding:0 70px!important}
  body[data-fear-redesign="portal-v3"] header.nav .nav-right{width:100%;height:auto;padding:13px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));box-sizing:border-box}
  body[data-fear-redesign="portal-v3"] header.nav .nav-right>.btn{display:flex!important;justify-content:center}
  .fear-portal-home{width:min(calc(100% - 18px),var(--fear-portal-width));margin-top:10px}
  .fear-portal-content-grid,.fear-portal-triple-grid,.fear-portal-lower-grid{grid-template-columns:1fr}
  .fear-portal-shout-layout{grid-template-columns:150px minmax(0,1fr)}
}

@media(max-width:650px){
  .fear-portal-brand-stage{height:190px}
  .fear-portal-slogan{min-height:48px;padding:9px 8px;grid-template-columns:minmax(14px,1fr) auto minmax(14px,1fr);gap:8px}.fear-portal-slogan-text{width:34ch;font-size:9px;letter-spacing:.18em}
  .fear-portal-shout-layout{grid-template-columns:1fr}.fear-portal-online-rail{display:flex;gap:7px;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--fear-portal-line-soft);scrollbar-width:none}.fear-portal-online-person{min-width:116px;border:1px solid rgba(255,255,255,.06);padding:6px}.fear-portal-shout-main{padding:8px}
  #shoutbox .shout-list{max-height:345px}#shoutbox .shout{grid-template-columns:34px minmax(0,1fr)!important;padding:8px 3px!important}#shoutbox .shout .meta{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}#shoutbox .time{font-size:6px!important}
  #shoutbox .shout-form form{grid-template-columns:35px minmax(0,1fr) 35px!important}#shoutbox .shout-form .btn{grid-column:1/-1;width:100%!important}#shoutbox .fear-compose-attach,#shoutbox .fear-compose-emoji{width:35px!important}
  .fear-portal-news-grid{grid-template-columns:1fr}.fear-portal-news-item{grid-template-columns:94px minmax(0,1fr);border-right:0!important;border-bottom:1px solid rgba(255,255,255,.065)!important}.fear-portal-news-item:last-child{border-bottom:0!important}.fear-portal-news-art{width:94px;height:78px}
  .fear-portal-triple-grid{gap:9px}.fear-portal-featured-members{padding:8px}.fear-portal-member-art{max-height:150px}
  .fear-portal-lower-grid{grid-template-columns:1fr}.fear-portal-shop-feature{grid-template-columns:120px minmax(0,1fr);min-height:150px}.fear-portal-shop-copy h3{font-size:16px}
  body[data-fear-redesign="portal-v3"] .ft.fear-image-footer{width:calc(100% - 18px)}
}

@media(max-width:390px){
  .fear-portal-home{width:calc(100% - 12px)}
  .fear-portal-brand-stage{height:174px}
  .fear-portal-panel-head{padding:0 10px}.fear-portal-panel-head h2,.fear-portal-panel-head h3{font-size:13px}
  .fear-portal-slogan{grid-template-columns:10px minmax(0,auto) 10px;gap:6px}.fear-portal-slogan-text{width:31ch;font-size:8.5px;letter-spacing:.13em}
  .fear-portal-news-item{grid-template-columns:76px minmax(0,1fr);gap:8px;padding:7px}.fear-portal-news-art{width:76px;height:68px}.fear-portal-news-copy h3{font-size:9px}.fear-portal-news-copy p{font-size:7px}
  .fear-portal-shop-feature{grid-template-columns:98px minmax(0,1fr);gap:10px;padding:9px}.fear-portal-shop-bottom{align-items:flex-start;flex-direction:column}.fear-portal-shop-price{font-size:18px}
  .fear-portal-poll{padding:12px}.fear-portal-poll-option{grid-template-columns:14px 67px minmax(0,1fr) 26px;gap:5px;font-size:7px}
}

@media(prefers-reduced-motion:reduce){
  body[data-fear-redesign="portal-v3"] header.nav.fear-portal-header{transition:none!important}
  .fear-portal-slogan-text,.fear-portal-slogan-line,.fear-portal-slogan-caret{animation:none!important;opacity:1!important;filter:none!important}
  .fear-portal-slogan-caret{display:none!important}
}

/* -------------------------------------------------------------
   V3.5 — ARMORED COMMAND-BOARD LAYOUT
   Dense steel/gold treatment based on the approved visual layout.
   ------------------------------------------------------------- */
:root{
  --fear-portal-width:1180px;
  --fear-portal-line:rgba(161,174,176,.34);
  --fear-portal-line-soft:rgba(255,255,255,.105);
  --fear-portal-cut:9px;
}
html body[data-fear-redesign="portal-v3"]{
  background:
    linear-gradient(180deg,rgba(2,3,4,.32),rgba(2,3,4,.72)),
    radial-gradient(circle at 50% 4%,rgba(213,166,59,.12),transparent 37rem),
    url('../../img/body-bg.jpg') center top/cover fixed no-repeat,
    #050607!important;
}
body[data-fear-redesign="portal-v3"] .wrap{width:min(calc(100% - 18px),var(--fear-portal-width));max-width:var(--fear-portal-width)}
body[data-fear-redesign="portal-v3"] header.nav.fear-portal-header{
  border-top:1px solid rgba(180,192,193,.18)!important;
  box-shadow:0 1px 0 rgba(240,196,88,.68),0 5px 0 #050606,0 16px 34px rgba(0,0,0,.72)!important;
}
.fear-portal-utility{height:27px;background:linear-gradient(180deg,#252b2d,#101314 55%,#090b0c)}
.fear-portal-utility-inner{font-size:9px;letter-spacing:.085em}
body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-shell{padding-inline:5px!important}
body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-menu{
  padding:3px 8px!important;
  border-color:rgba(150,165,167,.38)!important;
  border-bottom-color:rgba(240,196,88,.72)!important;
  background:linear-gradient(180deg,#303638 0,#181c1d 18%,#0b0e0f 66%,#050707 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -3px rgba(0,0,0,.82),0 5px 12px rgba(0,0,0,.66);
}
body[data-fear-redesign="portal-v3"] header.nav .nav-links>a,
body[data-fear-redesign="portal-v3"] header.nav .fear-nav-more{
  border-left:1px solid rgba(255,255,255,.035);
  border-right:1px solid rgba(0,0,0,.72);
  box-shadow:inset 1px 0 rgba(255,255,255,.045);
}
body[data-fear-redesign="portal-v3"] header.nav .nav-links>a{
  font-size:11px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.25));
}
body[data-fear-redesign="portal-v3"] header.nav .nav-links>a:hover,
body[data-fear-redesign="portal-v3"] header.nav .nav-links>a[aria-current="page"]{
  color:#fff2be!important;
  background:linear-gradient(180deg,rgba(240,196,88,.18),rgba(98,69,17,.10));
  box-shadow:inset 0 0 15px rgba(240,196,88,.09),inset 0 -2px var(--fear-portal-gold-hot);
}

.fear-portal-home{
  width:min(calc(100% - 18px),var(--fear-portal-width));
  margin-top:12px;
  padding:8px 8px 18px;
  border-left:1px solid rgba(150,165,167,.22);
  border-right:1px solid rgba(150,165,167,.22);
  background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 4% 96%,rgba(255,255,255,.018)),rgba(2,4,5,.34);
  box-shadow:0 0 0 4px rgba(0,0,0,.26),0 22px 60px rgba(0,0,0,.46);
}
.fear-portal-brand-stage{
  height:clamp(240px,29.2vw,342px);
  border:2px solid rgba(150,164,166,.39);
  border-bottom-color:rgba(240,196,88,.66);
  background:
    linear-gradient(90deg,rgba(32,38,40,.85),transparent 14% 86%,rgba(32,38,40,.85)),
    radial-gradient(circle at 50% 48%,rgba(213,166,59,.13),transparent 37%),
    #020303;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.74),inset 0 0 42px #000,0 5px 0 #020303,0 10px 24px rgba(0,0,0,.48);
}
.fear-portal-brand-stage::before{
  content:"";
  position:absolute;
  inset:5px;
  z-index:2;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.045);
  background:linear-gradient(135deg,rgba(240,196,88,.07),transparent 12% 88%,rgba(240,196,88,.04));
}
.fear-portal-brand-stage video{
  width:100%;
  height:100%;
  min-height:0;
  max-height:100%;
  object-fit:cover;
  background:#020303;
  filter:contrast(1.08) saturate(1.08) brightness(.97);
}
.fear-portal-slogan{
  min-height:43px;
  margin-top:7px;
  padding-block:7px;
  border-color:rgba(150,164,166,.33);
  border-bottom-color:rgba(240,196,88,.53);
  background:linear-gradient(180deg,#252a2c,#0f1213 42%,#060808);
  box-shadow:inset 0 1px rgba(255,255,255,.075),inset 0 -2px #020303,0 5px 12px rgba(0,0,0,.38);
}
.fear-portal-slogan-text{font-size:11px;letter-spacing:.27em}

.fear-portal-section{margin-top:8px}
.fear-portal-panel{
  border-color:rgba(151,165,167,.37);
  background:
    linear-gradient(135deg,rgba(255,255,255,.045),transparent 18%),
    linear-gradient(180deg,rgba(20,25,27,.99),rgba(3,5,6,.995));
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.08),0 4px 0 #020303,0 9px 20px rgba(0,0,0,.45);
}
.fear-portal-panel::after{
  content:"";
  position:absolute;
  top:-1px;
  left:14px;
  z-index:3;
  width:70px;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,var(--fear-portal-gold-hot),rgba(240,196,88,.08));
  box-shadow:0 0 10px rgba(240,196,88,.20);
}
.fear-portal-panel-head{
  min-height:39px;
  padding:0 14px;
  border-bottom-color:rgba(151,165,167,.28);
  background:linear-gradient(180deg,#2a3032 0,#171b1c 42%,#090c0d 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.09),inset 0 -2px rgba(0,0,0,.75);
}
.fear-portal-panel-head h2,.fear-portal-panel-head h3{font-size:17px;letter-spacing:.065em;text-shadow:0 2px 4px #000}
.fear-portal-panel-head a,.fear-portal-panel-head>span{font-size:9px}

.fear-portal-shout-layout{grid-template-columns:205px minmax(0,1fr);min-height:294px}
.fear-portal-online-rail{padding:7px 9px;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(0,0,0,.18));border-right-color:rgba(151,165,167,.24)}
.fear-portal-online-person{min-height:43px;padding:4px 5px;grid-template-columns:34px minmax(0,1fr)}
.fear-portal-online-copy strong{font-size:11px}.fear-portal-online-copy small{font-size:8px}
.fear-portal-shout-main{padding:8px 10px}
#shoutbox .shout-list{max-height:222px}
#shoutbox .shout{min-height:43px!important;padding:5px 5px!important}
#shoutbox .shout .text{font-size:12px!important;line-height:1.35!important}
#shoutbox .shout .name{font-size:12px!important}
#shoutbox .shout-form{margin-top:7px!important}
#shoutbox .shout-form form{padding:5px!important}
.fear-portal-shout-archive{margin-top:5px}

.fear-portal-content-grid{grid-template-columns:minmax(0,1.92fr) minmax(310px,.98fr);gap:8px}
.fear-portal-news-grid{padding:7px}
.fear-portal-news-item{min-height:104px;padding:7px;gap:9px}
.fear-portal-news-art{width:105px;height:84px}
.fear-portal-news-copy h3{font-size:13px}.fear-portal-news-copy p{font-size:11px;line-height:1.38}.fear-portal-news-meta{font-size:8px}
.fear-portal-activity-list{padding:5px 9px}
.fear-portal-activity-item{min-height:48px}.fear-portal-activity-copy{font-size:11px}.fear-portal-activity-copy strong{font-size:11px}.fear-portal-activity-time{font-size:8px}
.fear-portal-triple-grid{grid-template-columns:1.2fr .92fr 1.15fr;gap:8px}
.fear-portal-forum-list{padding:6px 10px}.fear-portal-forum-row{min-height:40px}.fear-portal-forum-copy strong{font-size:11px}.fear-portal-forum-copy small{font-size:9px}.fear-portal-forum-count{font-size:9px}
.fear-portal-featured-members{padding:8px;gap:7px}.fear-portal-member strong{font-size:10px}.fear-portal-member small{font-size:8px}
.fear-portal-progress{padding:11px}.fear-portal-progress-copy h3{font-size:20px}.fear-portal-progress-copy>strong{font-size:16px}.fear-portal-progress-stat{font-size:8px}
.fear-portal-lower-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.52fr);gap:8px}
.fear-portal-shop-feature{min-height:166px;padding:10px;grid-template-columns:150px minmax(0,1fr)}
.fear-portal-shop-copy h3{font-size:20px}.fear-portal-shop-copy p{font-size:11px}.fear-portal-poll{padding:13px}.fear-portal-poll-question{font-size:12px}.fear-portal-poll-option{font-size:10px}
.fear-portal-telemetry-body{padding:10px}.fear-portal-telemetry-grid,.fear-portal-telemetry-detail-grid{gap:7px}.fear-portal-telemetry-card{min-height:112px}.fear-portal-telemetry-intro{min-height:90px}
body[data-fear-redesign="portal-v3"] .ft.fear-image-footer{width:min(calc(100% - 18px),var(--fear-portal-width));margin-top:8px;border-color:rgba(151,165,167,.38)!important;box-shadow:0 0 0 3px rgba(0,0,0,.45),0 18px 36px rgba(0,0,0,.45)}

@media(max-width:1180px) and (min-width:901px){
  body[data-fear-redesign="portal-v3"] header.nav .nav-links>a,body[data-fear-redesign="portal-v3"] header.nav .fear-nav-more{min-width:99px}
}
@media(max-width:900px){
  html body[data-fear-redesign="portal-v3"]{background-attachment:scroll!important}
  body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-shell{padding-inline:12px!important}
  body[data-fear-redesign="portal-v3"] header.nav .nav-toggle{margin-left:auto!important}
  .fear-portal-home{width:calc(100% - 10px);margin-top:7px;padding:5px 5px 14px}
  .fear-portal-brand-stage{height:205px}
  .fear-portal-content-grid,.fear-portal-triple-grid,.fear-portal-lower-grid{grid-template-columns:1fr;gap:7px}
  .fear-portal-shout-layout{grid-template-columns:160px minmax(0,1fr)}
}
@media(max-width:650px){
  .fear-portal-brand-stage{height:190px}
  .fear-portal-brand-stage video{width:100%;height:100%;min-height:0;object-fit:cover}
  .fear-portal-slogan{margin-top:6px}.fear-portal-slogan-text{font-size:9px;letter-spacing:.17em}
  .fear-portal-panel-head{min-height:42px}.fear-portal-panel-head h2,.fear-portal-panel-head h3{font-size:16px}.fear-portal-panel-head a,.fear-portal-panel-head>span{font-size:8px}
  .fear-portal-shout-layout{grid-template-columns:1fr;min-height:0}
  .fear-portal-online-rail{padding:6px}.fear-portal-online-person{min-width:128px}
  #shoutbox .shout-list{max-height:330px}
  .fear-portal-news-copy h3{font-size:12px}.fear-portal-news-copy p{font-size:10px}
  .fear-portal-telemetry-card{min-height:108px}
}
@media(max-width:390px){
  .fear-portal-home{width:calc(100% - 6px);padding-inline:3px}
  .fear-portal-brand-stage{height:174px}
}

/* V3.7 — visible nine-slice armored graphics on every portal container. */
:root{
  --fear-armor-frame:url('../img/ui-armored-frame.svg');
  --fear-armor-head:url('../img/ui-armored-header.svg');
  --fear-armor-metal:url('../img/ui-gunmetal-texture.svg');
}
.fear-portal-home{
  padding:10px 10px 22px;
  border:1px solid rgba(91,103,106,.52);
  border-top-color:rgba(186,196,197,.28);
  background:linear-gradient(90deg,rgba(105,116,118,.13),transparent 3.2% 96.8%,rgba(105,116,118,.13)),linear-gradient(180deg,rgba(255,255,255,.025),transparent 120px),var(--fear-armor-metal) center top/320px 220px repeat;
  box-shadow:inset 0 0 0 4px #030505,inset 0 0 0 5px rgba(130,144,146,.17),0 24px 62px rgba(0,0,0,.62);
}
.fear-portal-panel{
  position:relative;isolation:isolate;overflow:hidden;padding:7px;border:0;
  background:linear-gradient(145deg,rgba(255,255,255,.09),transparent 16%,rgba(0,0,0,.42) 58%),var(--fear-armor-metal) center/320px 220px repeat;
  clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);
  box-shadow:0 5px 0 #010202,0 13px 25px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.16);
}
.fear-portal-panel::before{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:var(--fear-armor-frame) 0 0/100% 100% no-repeat}
.fear-portal-panel::after{content:"";position:absolute;inset:7px;z-index:4;width:auto;height:auto;pointer-events:none;border:1px solid rgba(123,139,142,.30);background:none;box-shadow:inset 0 0 0 2px #020303,inset 0 0 20px rgba(0,0,0,.78),0 0 13px rgba(240,196,88,.04)}
.fear-portal-panel>*{position:relative;z-index:5}
.fear-portal-panel-head{
  position:relative;min-height:45px;padding:0 20px;overflow:hidden;border:1px solid rgba(111,125,128,.48);border-bottom-color:rgba(0,0,0,.94);
  background:var(--fear-armor-head) 0 0/100% 100% no-repeat,#101415;
  clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%,0 9px);
  box-shadow:inset 0 1px rgba(255,255,255,.14),inset 0 -3px #020303,0 2px 0 rgba(123,136,138,.25),0 6px 12px rgba(0,0,0,.35);
}
.fear-portal-panel-head::before{content:"";position:absolute;inset:4px 7px 6px;pointer-events:none;border:1px solid rgba(255,255,255,.035);box-shadow:inset 16px 0 14px -18px rgba(240,196,88,.8),inset -16px 0 14px -18px rgba(240,196,88,.48)}
.fear-portal-panel-head::after{content:"";position:absolute;left:20px;bottom:3px;width:96px;height:1px;background:linear-gradient(90deg,#f2c95e,rgba(242,201,94,0));box-shadow:0 0 7px rgba(240,196,88,.42)}
.fear-portal-panel-head h2,.fear-portal-panel-head h3{color:#eef0ef;text-shadow:0 2px 3px #000,0 0 9px rgba(255,255,255,.06)}
.fear-portal-panel-head h2 i,.fear-portal-panel-head h3 i{filter:drop-shadow(0 0 5px rgba(240,196,88,.34))}
.fear-portal-shout-layout,.fear-portal-news-grid,.fear-portal-activity-list,.fear-portal-forum-list,.fear-portal-featured-members,.fear-portal-progress,.fear-portal-shop-feature,.fear-portal-poll,.fear-portal-telemetry-body{
  border:1px solid rgba(72,84,86,.62);border-top:0;
  background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 22%),linear-gradient(180deg,rgba(5,8,9,.88),rgba(1,3,4,.96)),var(--fear-armor-metal) center/320px 220px repeat;
  box-shadow:inset 0 0 0 2px #030505,inset 0 0 28px rgba(0,0,0,.52);
}
.fear-portal-news-item{margin:3px;border:1px solid rgba(86,99,101,.30)!important;background:linear-gradient(145deg,rgba(255,255,255,.032),transparent 45%,rgba(0,0,0,.28));box-shadow:inset 0 1px rgba(255,255,255,.028),0 1px 0 #010202;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.fear-portal-news-item:hover{border-color:rgba(220,177,72,.38)!important;box-shadow:inset 3px 0 0 rgba(220,177,72,.55),0 0 13px rgba(213,166,59,.06)}
.fear-portal-activity-item,.fear-portal-forum-row{position:relative;border-bottom:1px solid rgba(83,96,98,.27);box-shadow:0 1px 0 rgba(0,0,0,.55)}
.fear-portal-activity-item::before,.fear-portal-forum-row::before{content:"";width:3px;height:42%;position:absolute;left:-5px;top:29%;background:linear-gradient(#6a5120,#e5b94f,#5c451b);opacity:.55}
.fear-portal-member-art,.fear-portal-news-art,.fear-portal-shop-art,.fear-portal-rank-mark,.fear-portal-telemetry-card,.fear-portal-telemetry-detail,.fear-portal-telemetry-pulse>div{border-color:rgba(105,119,121,.42);box-shadow:inset 0 0 0 2px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.08),0 3px 8px rgba(0,0,0,.44)}
.fear-portal-progress-stat,#shoutbox .shout-form,.fear-portal-poll-bar{border-color:rgba(114,127,129,.34);box-shadow:inset 0 0 0 1px #020303,inset 0 1px rgba(255,255,255,.035)}
.fear-portal-content-grid,.fear-portal-triple-grid,.fear-portal-lower-grid{position:relative;gap:11px}
.fear-portal-brand-stage{isolation:isolate;padding:8px;border:0;background:var(--fear-armor-metal) center/320px 220px repeat;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);box-shadow:0 5px 0 #010202,0 15px 28px rgba(0,0,0,.64),inset 0 1px rgba(255,255,255,.14)}
.fear-portal-brand-stage::before{inset:0;z-index:6;border:0;background:var(--fear-armor-frame) 0 0/100% 100% no-repeat}
.fear-portal-brand-stage::after{content:"";position:absolute;inset:8px;z-index:5;pointer-events:none;border:1px solid rgba(121,137,140,.42);background:linear-gradient(90deg,rgba(213,166,59,.04),transparent 18% 82%,rgba(213,166,59,.04));box-shadow:inset 0 0 0 3px #020303,inset 0 0 38px rgba(0,0,0,.75)}
.fear-portal-brand-stage video{z-index:1;border:1px solid #050707}
.fear-portal-slogan{position:relative;border:1px solid rgba(105,119,121,.55);background:var(--fear-armor-head) 0 0/100% 100% no-repeat,#0a0d0e;box-shadow:inset 0 0 0 3px #030505,inset 0 1px rgba(255,255,255,.13),0 5px 0 #020303,0 11px 18px rgba(0,0,0,.48);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 12px)}
body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-shell{border-color:rgba(113,127,129,.6)!important;background:var(--fear-armor-head) 0 0/100% 100% no-repeat,#0a0d0e!important;box-shadow:inset 0 0 0 3px #030505,inset 0 1px rgba(255,255,255,.16),0 5px 0 #020303,0 12px 23px rgba(0,0,0,.58)!important}
body[data-fear-redesign="portal-v3"] .ft.fear-image-footer{position:relative;padding:7px!important;border:0!important;background:var(--fear-armor-metal) center/320px 220px repeat!important;box-shadow:0 5px 0 #010202,0 18px 38px rgba(0,0,0,.58)!important}
@media(min-width:901px){.fear-portal-content-grid,.fear-portal-triple-grid,.fear-portal-lower-grid{padding:5px;background:linear-gradient(180deg,rgba(74,85,87,.4),#050707 9px,transparent 9px calc(100% - 8px),#050707 calc(100% - 8px)),var(--fear-armor-metal) center/320px 220px repeat;border:1px solid rgba(91,104,106,.36);box-shadow:inset 0 0 0 3px #020303,0 8px 16px rgba(0,0,0,.38);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}}
@media(max-width:900px){.fear-portal-home{padding:7px 7px 18px}.fear-portal-panel{padding:6px}.fear-portal-panel::after{inset:6px}.fear-portal-panel-head{min-height:46px;padding-inline:18px}}
@media(max-width:650px){.fear-portal-home{width:calc(100% - 8px);padding:6px 6px 16px}.fear-portal-panel{padding:6px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.fear-portal-panel-head{min-height:48px;padding-inline:15px}.fear-portal-panel-head::after{left:15px;width:70px}.fear-portal-brand-stage{padding:7px}.fear-portal-brand-stage::after{inset:7px}.fear-portal-news-item{margin:3px 2px}}
@media(max-width:390px){.fear-portal-home{width:calc(100% - 4px);padding-inline:4px}.fear-portal-panel{padding:5px}.fear-portal-panel::after{inset:5px}.fear-portal-panel-head{padding-inline:13px}}

/* V3.8 — nine-slice armor keeps mobile corners and rails from stretching. */
.fear-portal-panel::before,.fear-portal-brand-stage::before{
  box-sizing:border-box;
  background:none;
  border:12px solid transparent;
  border-image-source:var(--fear-armor-frame);
  border-image-slice:80;
  border-image-width:12px;
  border-image-outset:0;
  border-image-repeat:stretch;
}
@media(max-width:900px){
  body[data-fear-redesign="portal-v3"] header.nav .fear-portal-nav-menu{
    max-height:calc(100dvh - 74px)!important;
    overscroll-behavior:contain;
    background:linear-gradient(90deg,rgba(71,81,83,.24),transparent 12px calc(100% - 12px),rgba(71,81,83,.24)),linear-gradient(180deg,#121718,#050707 78%),var(--fear-armor-metal) center/320px 220px repeat!important;
    box-shadow:inset 5px 0 #020303,inset -5px 0 #020303,inset 6px 0 rgba(104,118,120,.32),inset -6px 0 rgba(104,118,120,.32),0 18px 35px rgba(0,0,0,.72)!important;
  }
}
@media(max-width:390px){.fear-portal-panel::before,.fear-portal-brand-stage::before{border-width:10px;border-image-width:10px}}

/* V3.9 — centered typewriter and FEAR Squad welcome panel. */
.fear-portal-slogan-text{justify-content:center;text-align:center}
.fear-portal-welcome{margin-top:8px}
.fear-portal-welcome-inner{
  min-height:158px;
  padding:24px 30px 22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px solid rgba(99,113,115,.52);
  background:
    radial-gradient(ellipse at 50% 0,rgba(213,166,59,.12),transparent 54%),
    linear-gradient(135deg,rgba(255,255,255,.035),transparent 28%),
    linear-gradient(180deg,rgba(10,13,14,.94),rgba(3,5,6,.98)),
    var(--fear-armor-metal) center/320px 220px repeat;
  box-shadow:inset 0 0 0 2px #020303,inset 0 0 32px rgba(0,0,0,.68);
}
.fear-portal-welcome-kicker{color:var(--fear-portal-gold-hot);font:800 9px/1.2 'JetBrains Mono',monospace;letter-spacing:.19em;text-transform:uppercase}
.fear-portal-welcome-title{margin:9px 0 10px;color:#f0f2f1;font:900 30px/1 'Bebas Neue',Impact,sans-serif;letter-spacing:.075em;text-shadow:0 2px 4px #000,0 0 18px rgba(240,196,88,.10)}
.fear-portal-welcome-copy{max-width:920px;margin:0;color:#aeb5b3;font-size:16px;line-height:1.62}
.fear-portal-welcome-motto{margin-top:15px;padding-top:12px;display:flex;align-items:center;justify-content:center;gap:13px;border-top:1px solid rgba(213,166,59,.22);color:#8d9693;font:800 9px/1 'JetBrains Mono',monospace;letter-spacing:.15em}
.fear-portal-welcome-motto b{color:#c9cecc;font:inherit}.fear-portal-welcome-motto i{color:var(--fear-portal-gold-hot);font-style:normal}
@media(max-width:650px){
  .fear-portal-welcome-inner{min-height:0;padding:22px 18px 20px}
  .fear-portal-welcome-kicker{font-size:8px;line-height:1.45;letter-spacing:.13em}
  .fear-portal-welcome-title{margin-block:10px;font-size:25px;line-height:1.05;letter-spacing:.055em}
  .fear-portal-welcome-copy{font-size:15px;line-height:1.6}
  .fear-portal-welcome-motto{max-width:100%;gap:8px;font-size:8px;letter-spacing:.09em;flex-wrap:wrap}
}
@media(max-width:390px){.fear-portal-welcome-inner{padding-inline:14px}.fear-portal-welcome-title{font-size:23px}.fear-portal-welcome-motto{gap:6px;font-size:7.5px}}

/* V3.10 — true grid centering and expanded bilingual clan introduction. */
.fear-portal-slogan-text{justify-self:center}
.fear-portal-welcome-copy+.fear-portal-welcome-copy{margin-top:9px}
.fear-portal-welcome-invite{margin-top:15px;padding:7px 13px;border:1px solid rgba(240,196,88,.44);background:linear-gradient(180deg,rgba(240,196,88,.14),rgba(100,70,18,.08));color:var(--fear-portal-gold-hot);font:800 10px/1 'JetBrains Mono',monospace;letter-spacing:.14em;box-shadow:inset 0 0 0 2px #020303,0 0 16px rgba(213,166,59,.08)}
.fear-portal-welcome-quote{max-width:820px;margin:16px 0 0;padding:12px 20px 0;border:0;border-top:1px solid rgba(213,166,59,.25);color:#d9dddb;font:700 13px/1.55 'JetBrains Mono',monospace;letter-spacing:.045em;text-shadow:0 2px 4px #000}
@media(max-width:650px){
  .fear-portal-welcome-copy+.fear-portal-welcome-copy{margin-top:10px}
  .fear-portal-welcome-invite{margin-top:14px;font-size:9px;letter-spacing:.10em}
  .fear-portal-welcome-quote{margin-top:14px;padding:11px 4px 0;font-size:11px;line-height:1.55;letter-spacing:.025em}
}

/* V3.11 — self-contained display font and targeted mobile cleanup. */
@font-face{
  font-family:'Road Rage';
  src:url('../fonts/RoadRage.otf') format('opentype');
  font-display:swap;
}
:root{
  --fear-portal-display:'Bebas Neue','Road Rage','Arial Narrow',sans-serif;
  --fear-portal-brand:'Bebas Neue','Road Rage',Impact,sans-serif;
}
.fear-portal-panel-head h2,.fear-portal-panel-head h3,
.fear-portal-news-copy h3,.fear-portal-progress-copy h3,
.fear-portal-shop-copy h3{
  font-family:var(--fear-portal-display)!important;
}
.fear-portal-welcome-title,.fear-portal-telemetry-intro h3{
  font-family:var(--fear-portal-brand)!important;
  font-weight:400!important;
}
.fear-portal-rank-mark,.fear-portal-progress-copy>strong,
.fear-portal-progress-stat b,.fear-portal-shop-price,
.fear-portal-telemetry-letters,.fear-portal-telemetry-value,
.fear-portal-telemetry-24h strong,.fear-portal-telemetry-pulse strong{
  font-family:var(--fear-portal-display)!important;
}
.fear-portal-panel-head h2,.fear-portal-panel-head h3{
  min-width:0;
  white-space:nowrap;
}
.fear-portal-shout-tools{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.fear-portal-sound-toggle{
  min-width:54px;
  padding:0 7px;
  grid-template-columns:auto auto;
  gap:5px;
  font:800 7px/1 'JetBrains Mono',monospace;
  letter-spacing:.06em;
}
.fear-portal-sound-toggle i{font-size:10px}
.fear-portal-shoutbox-status{
  min-width:0;
  font:700 7px/1.2 'JetBrains Mono',monospace!important;
  letter-spacing:.07em!important;
  white-space:nowrap;
}

/* The picker is closed by default. Only the selected shout expands it. */
body[data-fear-redesign="portal-v3"] #shoutbox .fear-reactions{
  max-width:100%;
  align-items:center!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
body[data-fear-redesign="portal-v3"] #shoutbox .fear-reaction-active-list{
  min-width:0;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
}
body[data-fear-redesign="portal-v3"] #shoutbox .fear-reaction-active-list::-webkit-scrollbar{display:none}
body[data-fear-redesign="portal-v3"] #shoutbox .fear-reaction-picker-wrap{
  position:relative;
  flex:0 0 auto;
}
body[data-fear-redesign="portal-v3"] #shoutbox .fear-reaction-picker{
  position:absolute;
  left:0;
  bottom:calc(100% + 6px);
  z-index:120;
  display:none!important;
  grid-template-columns:repeat(5,30px);
  gap:4px;
  width:max-content;
  padding:7px;
  border:1px solid rgba(240,196,88,.52);
  background:rgba(5,7,8,.985);
  box-shadow:0 14px 34px rgba(0,0,0,.82),0 0 18px rgba(240,196,88,.10);
}
body[data-fear-redesign="portal-v3"] #shoutbox .fear-reaction-picker.is-open{display:grid!important}
body[data-fear-redesign="portal-v3"] #shoutbox .fear-reaction-picker .fear-reaction{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
}

/* Fixed block sizing keeps real portrait images from stretching the member module. */
.fear-portal-member-art{
  display:block;
  height:137px;
  aspect-ratio:auto;
}
.fear-portal-member-art img{display:block}
.fear-portal-member>strong{
  max-width:100%;
  min-height:1.15em;
}
.fear-portal-member>strong .uname,
.fear-portal-member>strong .uname-text{
  max-width:100%;
  font-size:inherit!important;
  line-height:inherit!important;
}

@media(max-width:650px){
  .fear-portal-shoutbox>.fear-portal-panel-head{
    min-height:54px;
    padding:6px 11px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px;
  }
  .fear-portal-shoutbox>.fear-portal-panel-head h2{
    font-size:17px;
    letter-spacing:.04em;
  }
  .fear-portal-shoutbox>.fear-portal-panel-head h2 i{margin-right:5px}
  .fear-portal-shout-tools{gap:5px}
  .fear-portal-sound-toggle{
    width:32px;
    min-width:32px;
    height:32px;
    padding:0;
    grid-template-columns:1fr;
    font-size:0;
  }
  .fear-portal-sound-toggle span{display:none}
  .fear-portal-sound-toggle i{font-size:12px}
  .fear-portal-shoutbox-status{
    gap:5px;
    font-size:6.5px!important;
    letter-spacing:.035em!important;
  }
  .fear-portal-online-dot{width:6px;height:6px;flex:0 0 6px}

  body[data-fear-redesign="portal-v3"] #shoutbox .shout{
    min-height:0!important;
    align-items:start!important;
    padding:9px 4px!important;
  }
  body[data-fear-redesign="portal-v3"] #shoutbox .shout .meta{
    min-width:0!important;
    margin:0 0 5px!important;
    padding-right:25px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
  }
  body[data-fear-redesign="portal-v3"] #shoutbox .fear-shout-author{
    max-width:calc(100% - 48px);
    overflow:visible;
  }
  body[data-fear-redesign="portal-v3"] #shoutbox .time{font-size:6px!important}
  body[data-fear-redesign="portal-v3"] #shoutbox .msg{
    font-size:11px!important;
    line-height:1.42!important;
  }
  body[data-fear-redesign="portal-v3"] #shoutbox .fear-reactions{margin-top:6px!important}
  body[data-fear-redesign="portal-v3"] #shoutbox .fear-reaction-picker-wrap.is-picker-open{
    flex:0 0 100%;
    width:100%;
  }
  body[data-fear-redesign="portal-v3"] #shoutbox .fear-reaction-picker{
    position:static;
    margin:7px 0 1px;
  }

  .fear-portal-news-grid{padding:6px}
  .fear-portal-news-item{
    min-height:0!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    align-items:start;
    gap:12px!important;
    padding:8px!important;
    overflow:hidden;
  }
  .fear-portal-news-art{
    width:72px!important;
    height:72px!important;
  }
  .fear-portal-news-copy{
    width:auto;
    min-width:0;
    overflow:hidden;
  }
  .fear-portal-news-copy h3{
    margin:0 0 5px;
    font-size:13px!important;
    line-height:1.08!important;
    overflow-wrap:anywhere;
  }
  .fear-portal-news-copy p{
    display:-webkit-box;
    overflow:hidden;
    font-size:9px!important;
    line-height:1.35!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .fear-portal-news-meta{
    margin-top:7px;
    gap:7px;
    flex-wrap:wrap;
    font-size:7px!important;
  }

  .fear-portal-featured-members{gap:6px;padding:8px}
  .fear-portal-member-art{height:126px!important;max-height:none!important}
  .fear-portal-member>strong{margin-top:6px;font-size:10px!important}
  .fear-portal-member>small{font-size:7px!important}
}

@media(max-width:390px){
  .fear-portal-shoutbox>.fear-portal-panel-head{padding-inline:9px}
  .fear-portal-shoutbox>.fear-portal-panel-head h2{font-size:16px}
  .fear-portal-shoutbox-status{font-size:6px!important;letter-spacing:0!important}
  .fear-portal-news-item{grid-template-columns:66px minmax(0,1fr)!important;gap:10px!important;padding:7px!important}
  .fear-portal-news-art{width:66px!important;height:66px!important}
  .fear-portal-news-copy h3{font-size:12px!important}
  .fear-portal-member-art{height:112px!important}
}