/* ==========================================================================
   Foro Underc0de — diseño "acid lab" del portal underc0de.org
   Paleta (manual de marca): #212349 azul · #3CB7EA celeste · #3DA4DD · #4594D1 · blanco · negro
   Tipografías: Usuzi (marca) · Univia Pro (UI) · Roboto (texto) · Pixelify Sans (HUD)
   Se carga última (order_pos 9000) y pisa index.css / responsive.css / Bootstrap.
   Todo cuelga de body.u0 para ganar especificidad sin abusar de !important.
   ========================================================================== */

@font-face{font-family:"Roboto";src:url("https://underc0de.org/assets/fonts/roboto-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Pixelify Sans";src:url("https://underc0de.org/assets/fonts/pixelify-sans-500-latin.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Usuzi";src:local("Usuzi"),url("https://underc0de.org/assets/fonts/usuzi.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Fallback";src:local("Arial");size-adjust:100.3%;ascent-override:92.77%;descent-override:24.41%;line-gap-override:0%}

:root{
  --negro:#000;--azul:#212349;--celeste:#3CB7EA;--c2:#3DA4DD;--c3:#4594D1;--blanco:#fff;
  --bg:#000;--panel:#212349;--panel-2:#0d0e1d;--panel-3:#151733;
  --line:rgba(60,183,234,.28);--line-soft:rgba(60,183,234,.14);--line-faint:rgba(60,183,234,.08);
  --glow:0 0 18px rgba(60,183,234,.45),0 0 2px #3CB7EA;
  --glow-soft:0 0 24px rgba(60,183,234,.18);
  --txt:#fff;--txt-2:rgba(255,255,255,.74);--txt-3:rgba(255,255,255,.5);
  --f-brand:"Usuzi","Univia Pro",Roboto,"Roboto Fallback",system-ui,sans-serif;
  --f-ui:"Univia Pro",Roboto,"Roboto Fallback",system-ui,sans-serif;
  --f-body:Roboto,"Roboto Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-pixel:"Pixelify Sans",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --f-mono:ui-monospace,"Cascadia Mono","JetBrains Mono",Consolas,monospace;
  --w:max(85%,min(92%,1500px));--gut:clamp(.75rem,3vw,2rem);--cut:10px;--cut-s:6px;
  --notch:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  --notch-s:polygon(var(--cut-s) 0,100% 0,100% calc(100% - var(--cut-s)),calc(100% - var(--cut-s)) 100%,0 100%,0 var(--cut-s));
  --focus:0 0 0 2px #000,0 0 0 4px #3CB7EA;
  color-scheme:dark;
}

/* ---------------------------------------------------------------- base */
/* La grilla de puntos va en <html> (index.css le pone fondo y no deja que el de body se propague) */
html:has(body.u0){overflow-x:clip;background:#000;background-image:radial-gradient(circle at center,rgba(60,183,234,.22) 0 1px,transparent 1.5px);
  background-size:48px 48px;background-position:24px 24px;scroll-padding-top:8rem}
body.u0,body.u0[data-theme="dark"]{
  margin:0;padding:0;font:400 15px/1.6 var(--f-body);color:var(--txt);min-height:100vh;background:transparent !important;overflow-x:clip;max-width:100vw}
/* Contenido de usuarios (imágenes, tablas, iframes, código largo) nunca más ancho que su columna */
body.u0 .inner img,body.u0 .inner iframe,body.u0 .inner video,body.u0 .signature img,body.u0 .signature iframe{max-width:100% !important;height:auto}
body.u0 .inner table,body.u0 .bbc_table{display:block;max-width:100%;overflow-x:auto}
body.u0 .postarea,body.u0 .inner,body.u0 .info,body.u0 .lastpost{min-width:0}
/* Scanlines + grano (igual que el portal): una capa fija, estática, sin coste en scroll */
body.u0::before{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;contain:strict;transform:translateZ(0);
  background:
    repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.16) 2px 3px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E")}
body.u0 ::selection{background:var(--celeste);color:#000}
body.u0 a{color:var(--celeste);text-decoration:none}
body.u0 a:hover{color:#fff;text-decoration:none}
body.u0 :focus-visible{outline:none;box-shadow:var(--focus)}
body.u0 strong,body.u0 b,body.u0 .strong{color:inherit}
body.u0 h1,body.u0 h2,body.u0 h3,body.u0 h4,body.u0 h5{color:var(--txt);font-family:var(--f-ui)}
body.u0 hr{border:0;border-top:1px dashed var(--line);background:none;height:0}
body.u0 .u0-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.u0-lock,html.u0-lock body{overflow:hidden}
body.u0 #wrapper{width:auto;max-width:none;margin:0;padding:1.25rem 0 3rem;background:none;border:0;box-shadow:none}
body.u0 #content_section,body.u0 #main_content_section{background:none;border:0;padding:0;margin:0;box-shadow:none}
.u0-wrap{width:var(--w);margin-inline:auto;position:relative}
@media (max-width:1100px){.u0-wrap{width:calc(100% - 2*var(--gut))}}
.u0-skip{position:absolute;left:1rem;top:-100%;z-index:1100;background:var(--celeste);color:#000!important;padding:.6rem 1rem;font:700 .9rem var(--f-ui)}
.u0-skip:focus{top:1rem}

/* ---------------------------------------------------------------- botones (estilo .btn del portal) */
.u0-btn,body.u0 .button,body.u0 input[type=submit],body.u0 input[type=button],body.u0 button.button,body.u0 .buttonlist a,body.u0 .popup_container .button{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5ch;height:auto;min-height:2.1rem;
  padding:.5rem 1rem;margin:0;font:700 .78rem/1 var(--f-ui);text-transform:uppercase;letter-spacing:.08em;
  color:#000 !important;background:var(--celeste) !important;background-image:none !important;border:0 !important;border-radius:0 !important;
  box-shadow:none;clip-path:var(--notch-s);cursor:pointer;text-decoration:none;text-shadow:none;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}
.u0-btn:hover,body.u0 .button:hover,body.u0 input[type=submit]:hover,body.u0 input[type=button]:hover,body.u0 .buttonlist a:hover{background:#fff !important;color:#000 !important}
.u0-btn::before,.u0-btn::after{font:500 1em var(--f-pixel);opacity:.7}
.u0-btn::before{content:"["}.u0-btn::after{content:"]"}
.u0-btn.ghost{background:transparent !important;color:var(--celeste) !important;box-shadow:inset 0 0 0 1px var(--celeste)}
.u0-btn.ghost:hover{background:var(--celeste) !important;color:#000 !important;box-shadow:inset 0 0 0 1px var(--celeste),var(--glow)}
.u0-btn.sm{min-height:0;padding:.55rem .9rem;font-size:.76rem}
/* Botones secundarios de SMF (listas de acciones): contorno, no relleno */
body.u0 .buttonlist a,body.u0 .pagesection .button,body.u0 .button.mobile_act,body.u0 a.button:not(.you_sure){background:transparent !important;color:var(--celeste) !important;box-shadow:inset 0 0 0 1px var(--line)}
body.u0 .buttonlist a:hover,body.u0 .pagesection .button:hover,body.u0 a.button:not(.you_sure):hover{background:var(--celeste) !important;color:#000 !important;box-shadow:inset 0 0 0 1px var(--celeste),var(--glow)}
body.u0 .buttonlist a.active,body.u0 .button.active{background:var(--celeste) !important;color:#000 !important}
body.u0 .buttonlist{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}
body.u0 .buttonlist a .main_icons,body.u0 .button .main_icons{filter:brightness(0) invert(1);opacity:.85}
body.u0 .buttonlist a:hover .main_icons{filter:brightness(0)}

/* ---------------------------------------------------------------- header del sitio */
/* Sin backdrop-filter: haría que el menú móvil (position:fixed) quede atado al header y desborde a la derecha */
.u0-header{position:sticky;top:0;z-index:60;background:rgba(0,0,0,.96);border-bottom:1px solid var(--line)}
.u0-header .u0-wrap{display:flex;align-items:center;gap:1.5rem;min-height:4.5rem}
.u0-brand{display:flex;align-items:center;gap:.65rem;color:var(--txt) !important;text-decoration:none;flex:none}
.u0-brand:hover{text-shadow:none}
.u0-brand img{width:2.3rem;height:2.3rem;object-fit:contain}
.u0-brand span{font:400 1.15rem/1 var(--f-brand);letter-spacing:.05em;text-transform:uppercase}
.u0-brand b{color:var(--celeste);font-weight:400;text-shadow:var(--glow)}
.u0-brand small{font:500 .78rem/1 var(--f-pixel);color:var(--celeste);letter-spacing:.06em;margin-left:-.2rem;align-self:flex-end;padding-bottom:.25rem}

.u0-nav{display:flex;align-items:center;margin-left:auto}
.u0-nav>ul{display:flex;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none}
.u0-nav li{position:relative;list-style:none}
.u0-nav a,.u0-nav button{display:block;padding:.65rem .7rem;font:500 .8rem/1 var(--f-ui);color:var(--txt-2) !important;background:none !important;border:0 !important;border-radius:0;box-shadow:none !important;min-height:0;height:auto;cursor:pointer;
  text-decoration:none;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase}
.u0-nav a:hover,.u0-nav button:hover,.u0-nav a[aria-current=page]{color:var(--celeste) !important;text-shadow:var(--glow)}
.u0-nav a[aria-current=page]::before{content:"> ";font-family:var(--f-pixel)}
.u0-nav button[aria-expanded]::after{content:" ▾";font-family:var(--f-pixel);color:var(--celeste)}
.u0-nav .sub{position:absolute;top:100%;left:0;min-width:15rem;margin:0;padding:.4rem;background:#000;border:1px solid var(--line);box-shadow:var(--glow-soft);
  display:none;flex-direction:column;clip-path:var(--notch);z-index:5}
.u0-nav .sub a{padding:.65rem .8rem;text-transform:none;letter-spacing:0;font-size:.9rem}
.u0-nav .sub a:hover{background:rgba(60,183,234,.12)}
.u0-nav li.open>.sub{display:flex}
.u0-nav-toggle{display:none;width:2.6rem;height:2.6rem;align-items:center;justify-content:center;border:1px solid var(--line);background:none;color:var(--celeste);clip-path:var(--notch-s);cursor:pointer;flex:none}
.u0-nav-toggle svg{width:1.3rem;height:1.3rem}

/* Área de usuario */
.u0-user{flex:none;margin-left:1rem;padding-left:1.25rem;border-left:1px solid var(--line-soft)}
.u0-user #top_info{display:flex;align-items:center;gap:.6rem;margin:0;padding:0;list-style:none;float:none}
.u0-user{flex:0 0 auto !important;width:auto !important}
.u0-user #top_info{width:auto !important}
.u0-user #top_info>li{position:relative;margin:0;padding:0;display:block;flex:0 0 auto !important;width:auto !important}
.u0-user #top_info>li>a:not(.u0-btn){display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:2.4rem;height:2.4rem;padding:0 .55rem;
  color:var(--txt-2) !important;border:1px solid var(--line-soft);clip-path:var(--notch-s);font:500 .8rem/1 var(--f-ui);background:none}
.u0-user #top_info>li>a:not(.u0-btn):hover,.u0-user #top_info>li>a.active,.u0-user #top_info>li>a.open{color:var(--celeste) !important;border-color:var(--celeste);box-shadow:var(--glow-soft)}
.u0-user #top_info>li>a i{font-size:1rem}
.u0-user .amt{position:static;display:inline-grid;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .25rem;font:700 .68rem/1 var(--f-ui);
  color:#000;background:var(--celeste);border-radius:0;box-shadow:var(--glow);margin:0}
.u0-user .u0-avatar a{padding-left:.25rem !important}
.u0-user .u0-avatar img.avatar{width:1.85rem !important;height:1.85rem !important;max-width:none;object-fit:cover;border-radius:0;clip-path:var(--notch-s);border:0;margin:0}
.u0-user .u0-uname{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u0-user .u0-btn{margin:0}
/* Popups de SMF (MP, alertas, perfil) y dropdown de Bootstrap (top posters) */
body.u0 .top_menu,body.u0 .dropdown-menu,body.u0 #profile_menu,body.u0 #pm_menu,body.u0 #alerts_menu{
  background:#000 !important;border:1px solid var(--line) !important;border-radius:0 !important;box-shadow:var(--glow-soft),0 18px 40px rgba(0,0,0,.6) !important;
  color:var(--txt-2);clip-path:var(--notch);padding:.6rem;z-index:80}
body.u0 .top_menu{top:calc(100% + .55rem);right:0;left:auto;width:min(22rem,92vw)}
body.u0 #profile_menu{width:min(20rem,92vw)}
body.u0 .top_menu a,body.u0 .dropdown-menu a,body.u0 .dropdown-item{color:var(--txt-2) !important;background:none}
body.u0 .top_menu a:hover,body.u0 .dropdown-item:hover,body.u0 .dropdown-item:focus{color:var(--celeste) !important;background:rgba(60,183,234,.1) !important}
body.u0 .top_menu .profile_user_info,body.u0 .top_menu .profile_username a,body.u0 .top_menu .profile_group{color:var(--txt)}
body.u0 .top_menu .profile_user_links ol li{border:0}
body.u0 .top_menu .unread,body.u0 .top_menu .unread_notify{background:rgba(60,183,234,.08) !important}
body.u0 .top_menu .unread_notify:hover{background:rgba(60,183,234,.16) !important}
body.u0 .top_menu .notify_alerts,body.u0 .top_menu .pm_bar,body.u0 .top_menu .alert_bar{border-color:var(--line-soft) !important;background:none !important;color:var(--txt-3)}
body.u0 .top_menu .main_icons{filter:invert(1) hue-rotate(180deg) brightness(1.2)}
.u0-top-posters{min-width:16rem}
.u0-top-posters h5{margin:.2rem .5rem .5rem;font:500 .75rem var(--f-pixel);color:var(--celeste);letter-spacing:.14em;text-transform:uppercase}
.u0-top-posters h5::before{content:"/ "}
.u0-top-posters .dropdown-item{display:flex;gap:.6rem;align-items:baseline;padding:.4rem .5rem;font-size:.88rem}
.u0-top-posters .dropdown-item b{font:500 .75rem var(--f-pixel);color:var(--celeste)}
.u0-top-posters .dropdown-item span{margin-left:auto;font:700 .78rem var(--f-ui);color:var(--txt-3)}

/* ---------------------------------------------------------------- barra del foro */
.u0-fbar{position:sticky;top:4.5rem;z-index:55;background:rgba(5,6,18,.96);border-bottom:1px solid var(--line-soft)}
.u0-fbar .u0-wrap{display:flex;align-items:center;gap:2rem;min-height:3.4rem}
.u0-fmenu{display:flex;align-items:center;gap:1.5rem;min-width:0;flex:1}
.u0-prompt{font:500 .78rem/1 var(--f-pixel);color:var(--txt-3);letter-spacing:.04em;white-space:nowrap;flex:none}
.u0-fmenu>ul{display:flex;align-items:center;gap:.9rem;margin:0;padding:0;list-style:none;min-width:0}
.u0-fmenu li{position:relative;list-style:none}
.u0-fmenu a{display:block;padding:.6rem .7rem;font:500 .8rem/1 var(--f-pixel);letter-spacing:.06em;color:var(--txt-2) !important;white-space:nowrap;text-transform:lowercase}
.u0-fmenu>ul>li>a::before{content:"./";color:var(--celeste);opacity:.55}
.u0-fmenu a:hover,.u0-fmenu a.active{color:var(--celeste) !important;text-shadow:var(--glow)}
.u0-fmenu a.active{box-shadow:inset 0 -2px 0 var(--celeste)}
.u0-fmenu .sub,.u0-fmenu .sub ul{position:absolute;top:100%;left:0;min-width:14rem;margin:0;padding:.4rem;list-style:none;background:#000;border:1px solid var(--line);
  box-shadow:var(--glow-soft);clip-path:var(--notch);display:none;z-index:70}
.u0-fmenu .sub ul{position:static;display:block;border:0;box-shadow:none;clip-path:none;padding:0 0 0 .8rem;min-width:0}
.u0-fmenu .sub a{font:500 .88rem/1.2 var(--f-body);text-transform:none;letter-spacing:0;padding:.55rem .7rem}
.u0-fmenu .sub a:hover{background:rgba(60,183,234,.1)}
.u0-fmenu li.has-sub:hover>.sub,.u0-fmenu li.has-sub:focus-within>.sub{display:block}
.u0-search{display:flex;align-items:center;flex:0 1 17rem;margin:0;border:1px solid var(--line);background:#000;clip-path:var(--notch-s)}
.u0-search input[type=search]{flex:1;min-width:0;height:2.2rem;padding:0 .75rem;border:0 !important;background:none !important;color:var(--txt) !important;
  font:500 .8rem var(--f-pixel);letter-spacing:.04em;box-shadow:none !important;outline:none}
.u0-search input::placeholder{color:var(--txt-3)}
.u0-search button{display:grid;place-items:center;width:2.4rem;height:2.2rem;border:0;background:none;color:var(--celeste);cursor:pointer}
.u0-search button svg{width:1rem;height:1rem}
.u0-search:focus-within{border-color:var(--celeste);box-shadow:var(--glow-soft)}

/* ---------------------------------------------------------------- ticker */
.u0-ticker{border-bottom:1px solid var(--line-soft);background:#000;overflow:hidden;font:500 .74rem var(--f-pixel);color:var(--txt-3);letter-spacing:.06em;
  text-transform:uppercase;white-space:nowrap;position:relative;z-index:1}
.u0-ticker .track{display:inline-flex;gap:3rem;padding:.4rem 0;animation:u0-ticker 70s linear infinite;will-change:transform}
.u0-ticker:hover .track{animation-play-state:paused}
.u0-ticker span::before{content:"▪ ";color:var(--celeste)}
.u0-ticker b{color:var(--celeste);font:700 .78rem var(--f-ui);letter-spacing:.04em}
@keyframes u0-ticker{to{transform:translateX(-50%)}}

.u0-welcome{margin-top:1.5rem;padding:1.5rem;border:1px solid var(--line);background:rgba(33,35,73,.55);clip-path:var(--notch)}

/* ---------------------------------------------------------------- linktree */
body.u0 .navigate_section{margin:0 0 1rem;padding:0}
body.u0 .navigate_section ul{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .1rem;margin:0;padding:.55rem .85rem;background:rgba(0,0,0,.7) !important;
  border:1px solid var(--line-soft) !important;border-radius:0;box-shadow:none;clip-path:var(--notch-s);font:500 .78rem/1.4 var(--f-pixel);letter-spacing:.04em;color:var(--txt-3)}
body.u0 .navigate_section ul li{float:none;display:inline-flex;align-items:center;gap:.25rem;margin:0;padding:0;font-size:inherit;text-transform:lowercase}
body.u0 .navigate_section ul li a{color:var(--txt-2)}
body.u0 .navigate_section ul li a:hover{color:var(--celeste)}
body.u0 .navigate_section ul li.last,body.u0 .navigate_section ul li.last a{color:var(--celeste)}
body.u0 .navigate_section ul li:first-child:not(.unread_links)::before{content:"~/";color:var(--celeste);opacity:.7;margin-right:.15rem}
body.u0 .navigate_section .dividers{font-size:0;color:transparent}
body.u0 .navigate_section .dividers::before{content:"/";font-size:.78rem;color:var(--celeste);opacity:.6;margin:0 .2rem}
body.u0 .navigate_section ul li.unread_links{order:99;margin-left:auto;gap:.8rem;float:none}
body.u0 .navigate_section ul li.unread_links a{color:var(--celeste)}
body.u0 .navigate_section ul li.unread_links a::before{content:"› "}

/* ---------------------------------------------------------------- barras de títulos */
body.u0 .cat_bar,body.u0 .title_bar{position:relative;margin:0;border:0 !important;border-radius:0;background:none !important;box-shadow:none;overflow:visible}
body.u0 .catbg,body.u0 .titlebg,body.u0 h3.catbg,body.u0 h4.titlebg,body.u0 .cat_bar h3,body.u0 .title_bar h3,body.u0 .title_bar h4{
  display:flex;align-items:center;gap:.6rem;min-height:2.9rem;margin:0;padding:.7rem 1rem;
  font:400 1.02rem/1.15 var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:#fff !important;
  background:linear-gradient(90deg,var(--azul),rgba(33,35,73,.55)) !important;border:1px solid var(--line) !important;border-bottom-color:var(--celeste) !important;
  border-radius:0 !important;clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut));box-shadow:none;text-shadow:none}
body.u0 .titlebg,body.u0 .title_bar h3,body.u0 .title_bar h4{font-size:.92rem;background:rgba(33,35,73,.7) !important}
body.u0 .catbg a,body.u0 .titlebg a,body.u0 .cat_bar a{color:#fff !important}
body.u0 .catbg a:hover,body.u0 .titlebg a:hover{color:var(--celeste) !important;text-shadow:var(--glow)}
body.u0 .cat_bar h3::before{content:"0x";font:500 .78rem var(--f-pixel);color:var(--celeste);letter-spacing:.05em;flex:none}
body.u0 .catbg .main_icons,body.u0 .titlebg .main_icons{filter:brightness(0) invert(1);opacity:.85}
body.u0 .catbg .floatright,body.u0 .titlebg .floatright{margin-left:auto;order:9}
body.u0 .sub_bar,body.u0 .subbg,body.u0 h3.subbg,body.u0 h4.subbg{margin:0;padding:.55rem .9rem;background:rgba(33,35,73,.45) !important;border:1px solid var(--line-soft) !important;
  border-radius:0;box-shadow:none !important;color:var(--txt-2) !important;font:500 .8rem/1.3 var(--f-pixel);letter-spacing:.06em;text-transform:uppercase}
body.u0 .sub_bar a,body.u0 .subbg a{color:var(--celeste) !important}
body.u0 .toggle_up,body.u0 .toggle_down{filter:brightness(0) invert(1);opacity:.7}

/* ---------------------------------------------------------------- superficies */
body.u0 .windowbg,body.u0 .roundframe,body.u0 .information,body.u0 .up_contain,body.u0 .generic_list_wrapper,body.u0 .description,body.u0 .bg.odd,body.u0 .bg.even,
body.u0 .windowbg:nth-of-type(odd),body.u0 .windowbg:nth-of-type(even),body.u0 .message-cell.message-cell--main,body.u0 .post_wrapper,body.u0 #topic_container .windowbg{
  background:rgba(8,9,22,.88) !important;color:var(--txt-2);border:1px solid var(--line-soft) !important;border-radius:0 !important;box-shadow:none !important}
body.u0 .roundframe,body.u0 .information,body.u0 .description{padding:.9rem 1.1rem;margin:0 0 1rem;clip-path:var(--notch-s)}
body.u0 .information{color:var(--txt-2);background:rgba(33,35,73,.35) !important}
body.u0 .windowbg.sticky{background:linear-gradient(90deg,rgba(60,183,234,.1),rgba(8,9,22,.88) 45%) !important;border-left:2px solid var(--celeste) !important}
body.u0 .windowbg.locked{background:rgba(8,9,22,.7) !important}
body.u0 .windowbg.locked .message_index_title a{color:var(--txt-3) !important}
body.u0 .windowbg:hover{border-color:var(--line) !important}
body.u0 .noticebox,body.u0 .infobox,body.u0 .errorbox,body.u0 .warningbox,body.u0 .successbox{
  border-radius:0;clip-path:var(--notch-s);color:var(--txt) !important;padding:.75rem 1rem .75rem 2.6rem;background-color:rgba(33,35,73,.6) !important;border:1px solid var(--line) !important;box-shadow:none}
body.u0 .errorbox{border-color:#ff2a6d !important;background-color:rgba(255,42,109,.1) !important}
body.u0 .successbox,body.u0 .infobox{border-color:#3cea9a !important;background-color:rgba(60,234,154,.08) !important}
body.u0 .noticebox,body.u0 .warningbox{border-color:#f2c94c !important;background-color:rgba(242,201,76,.08) !important}
body.u0 .errorbox::before,body.u0 .infobox::before,body.u0 .noticebox::before{filter:brightness(1.4)}
body.u0 .smalltext,body.u0 .smalltext a{color:var(--txt-3)}

/* Aviso "no puedes ver enlaces" de los invitados */
body.u0 #main_content_section>.roundframe:first-child,body.u0 .information.centertext{text-align:center}

/* ---------------------------------------------------------------- índice de tableros */
body.u0 #boardindex_table{margin:0 0 1.6rem}
body.u0 .main_container{margin:0 0 1.75rem;background:none !important;border:0 !important;box-shadow:none}
body.u0 .boardindex_table{display:grid;gap:.4rem;padding:.5rem 0 0;background:none !important;border:0 !important}
body.u0 .up_contain{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;margin:0 !important;padding:.85rem 1rem !important;
  clip-path:var(--notch-s);transition:border-color .2s,background .2s}
body.u0 .up_contain::before{content:"";position:absolute;left:0;top:0;width:14px;height:1px;background:var(--celeste);pointer-events:none}
body.u0 .up_contain:hover{border-color:var(--line) !important;background:rgba(18,20,44,.92) !important}
body.u0 .up_contain .board_icon{flex:none;width:auto;margin:0;padding:0}
body.u0 .up_contain .info{flex:1 1 22rem;min-width:0;margin:0;padding:0 !important;width:auto}
body.u0 .up_contain .board_stats{flex:0 0 11rem;width:auto;margin:0;padding:0;color:var(--txt-3) !important;font:400 .84rem/1.6 var(--f-ui);text-align:left;border:0}
body.u0 .up_contain .board_stats p,body.u0 #topic_container .board_stats p{margin:0;color:inherit;border:0 !important;padding:0;display:block}
body.u0 .up_contain .lastpost{flex:0 1 19rem;width:auto;margin:0;padding:0 0 0 .9rem !important;border-left:1px dashed var(--line-soft);font-size:.82rem;color:var(--txt-3);line-height:1.5}
body.u0 .up_contain .lastpost p{margin:0}
body.u0 .up_contain .lastpost strong{color:var(--txt-3);font:500 .74rem var(--f-pixel);letter-spacing:.06em;text-transform:uppercase}
body.u0 .up_contain .lastpost a{color:var(--txt-2)}
body.u0 .up_contain .lastpost a:hover{color:var(--celeste)}
body.u0 .up_contain .lastpost img.avatar,body.u0 .lastpost .avatar{border-radius:0 !important;clip-path:var(--notch-s);border:0}
body.u0 .up_contain .children{flex:1 1 100%;margin:.35rem 0 0 !important;padding:.5rem 0 0 !important;border:0 !important;border-top:1px dashed var(--line-soft) !important;background:none !important;
  font-size:.82rem;color:var(--txt-3)}
body.u0 .up_contain .children strong{font:500 .74rem var(--f-pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--celeste)}
body.u0 .up_contain .children a{color:var(--txt-2)}
body.u0 .up_contain .children a:hover{color:var(--celeste)}
body.u0 .up_contain .children a.new_posts,body.u0 .new_posts{color:#000 !important;background:var(--celeste);padding:.05rem .3rem;font:700 .65rem var(--f-ui);border-radius:0;letter-spacing:.06em}
body.u0 .info a.subject,body.u0 .info .subject,body.u0 .up_contain .info a.subject{font:700 1.02rem/1.3 var(--f-ui);color:#fff !important;letter-spacing:.01em}
body.u0 .info a.subject:hover{color:var(--celeste) !important;text-shadow:var(--glow)}
body.u0 .board_description{color:var(--txt-2);font-size:.9rem;margin:.15rem 0 0}
body.u0 .moderators{color:var(--txt-3);font-size:.8rem;margin:.2rem 0 0}
body.u0 .moderators a{color:var(--c2)}
/* Iconos de tablero: cuadrado con corte, celeste si hay mensajes nuevos */
body.u0 .board_icon a.board_on,body.u0 .board_icon a.board_on2,body.u0 .board_icon a.board_off,body.u0 .board_icon a.board_redirect,
body.u0 .board_icon .board_on,body.u0 .board_icon .board_off,body.u0 .board_icon .board_redirect{
  display:grid;place-items:center;width:2.75rem;height:2.75rem;margin:0;border:1px solid var(--line);border-radius:0 !important;clip-path:var(--notch-s);
  background:rgba(33,35,73,.7) !important;background-image:none !important;box-shadow:none !important;color:var(--txt-3)}
body.u0 .board_icon a::after,body.u0 .board_icon .board_on::after,body.u0 .board_icon .board_off::after,body.u0 .board_icon .board_redirect::after{
  content:"";width:.9rem;height:.9rem;background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,15% 15%,15% 85%,85% 85%,85% 15%,15% 15%)}
body.u0 .board_icon a.board_on,body.u0 .board_icon a.board_on2,body.u0 .board_icon .board_on{color:var(--celeste);border-color:var(--celeste);box-shadow:var(--glow-soft) !important;background:rgba(60,183,234,.12) !important}
body.u0 .board_icon a.board_redirect,body.u0 .board_icon .board_redirect{color:#f2c94c;border-color:rgba(242,201,76,.5)}
body.u0 .board_icon a.board_redirect::after,body.u0 .board_icon .board_redirect::after{clip-path:polygon(0 40%,60% 40%,60% 15%,100% 50%,60% 85%,60% 60%,0 60%)}
/* Logo de Underc0de (pulpo sin tipografía) como ícono de estado, pintado con máscara:
   off = blanco (sin mensajes nuevos) · on = azul (mensajes nuevos) · on2 = celeste (nuevos en un subforo) */
body.u0 .board_icon a.board_on,body.u0 .board_icon a.board_on2,body.u0 .board_icon a.board_off,
body.u0 .board_icon .board_on,body.u0 .board_icon .board_on2,body.u0 .board_icon .board_off{
  --st:#fff;width:3.1rem;height:3.1rem;color:var(--st);border:1px solid color-mix(in srgb,var(--st) 55%,transparent) !important;
  background:color-mix(in srgb,var(--st) 10%,#000) !important;box-shadow:0 0 16px color-mix(in srgb,var(--st) 22%,transparent) !important}
body.u0 .board_icon a.board_on::after,body.u0 .board_icon a.board_on2::after,body.u0 .board_icon a.board_off::after,
body.u0 .board_icon .board_on::after,body.u0 .board_icon .board_on2::after,body.u0 .board_icon .board_off::after{
  width:2.35rem;height:2.35rem;clip-path:none;background:var(--st);opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--st) 70%,transparent));
  -webkit-mask:url("../images/u0-pulpo-icono.png") center/contain no-repeat;mask:url("../images/u0-pulpo-icono.png") center/contain no-repeat}
body.u0 .board_icon a.board_off,body.u0 .board_icon .board_off{--st:#fff}
body.u0 .board_icon a.board_off::after,body.u0 .board_icon .board_off::after{filter:none}
body.u0 .board_icon a.board_on,body.u0 .board_icon .board_on{--st:#2F7BFF}
body.u0 .board_icon a.board_on2,body.u0 .board_icon .board_on2{--st:#3CB7EA}
/* Redirección (WhatsApp, Discord, ...): el mismo pulpo en amarillo */
body.u0 .board_icon a.board_redirect,body.u0 .board_icon .board_redirect{
  --st:#F2C94C;width:3.1rem;height:3.1rem;color:var(--st);border:1px solid color-mix(in srgb,var(--st) 55%,transparent) !important;
  background:color-mix(in srgb,var(--st) 10%,#000) !important;box-shadow:0 0 16px color-mix(in srgb,var(--st) 22%,transparent) !important}
body.u0 .board_icon a.board_redirect::after,body.u0 .board_icon .board_redirect::after{
  width:2.35rem;height:2.35rem;clip-path:none;background:var(--st);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--st) 70%,transparent));
  -webkit-mask:url("../images/u0-pulpo-icono.png") center/contain no-repeat;mask:url("../images/u0-pulpo-icono.png") center/contain no-repeat}
body.u0 .board_icon a:hover{box-shadow:0 0 22px color-mix(in srgb,var(--st) 45%,transparent) !important}
body.u0 .board_icon i,body.u0 .board_icon .fa,body.u0 .board_icon .fas,body.u0 .board_icon img{display:none}

/* Info center */
body.u0 #info_center{margin-top:1.5rem;background:none !important;border:0 !important}
body.u0 #info_center .roundframe,body.u0 #info_center .up_contain,body.u0 #info_center .windowbg{clip-path:var(--notch-s)}
body.u0 #info_center .sub_bar{margin-top:.6rem}
body.u0 #ic_recentposts{width:100%;border-collapse:collapse}
body.u0 #ic_recentposts th,body.u0 #ic_recentposts td{padding:.45rem .6rem;border-top:1px dashed var(--line-soft) !important;color:var(--txt-2);background:none}
body.u0 #ic_recentposts th{font:500 .74rem var(--f-pixel);color:var(--celeste);text-transform:uppercase;letter-spacing:.08em;border:0 !important}
body.u0 #ic_recentposts td a,body.u0 #ic_recentposts td.recentpost a{color:var(--txt) !important}
body.u0 #ic_recentposts td a:hover{color:var(--celeste) !important}
body.u0 #ic_recentposts .recenttime{font:500 .74rem var(--f-pixel);color:var(--txt-3)}
body.u0 .inline,body.u0 .membergroups,body.u0 .ic_section_header{color:var(--txt-2)}

/* ---------------------------------------------------------------- índice de mensajes (temas) */
body.u0 #messageindex,body.u0 #topic_container{margin:0 0 1rem;background:none !important;border:0 !important}
body.u0 #topic_container .windowbg,body.u0 #messageindex .windowbg{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1rem;margin:0 0 .3rem !important;padding:.7rem .9rem !important;clip-path:var(--notch-s)}
body.u0 #topic_container .board_icon{flex:none;width:2rem;margin:0;text-align:center}
body.u0 #topic_container .board_icon img{display:inline-block;filter:grayscale(1) brightness(1.6);opacity:.8}
body.u0 #topic_container .info{flex:1 1 20rem;min-width:0;margin:0;padding:0 !important;width:auto}
body.u0 #topic_container .board_stats{flex:0 0 9.5rem;width:auto;margin:0;padding:0;color:var(--txt-3) !important;font:400 .84rem/1.6 var(--f-ui);text-align:left;border:0}
body.u0 #topic_container .board_stats p{margin:0}
body.u0 #topic_container .lastpost{flex:0 1 15rem;width:auto;margin:0;padding:0 0 0 .9rem !important;border-left:1px dashed var(--line-soft);font-size:.8rem;color:var(--txt-3)}
body.u0 #topic_container .lastpost p{margin:0}
body.u0 #topic_container .lastpost a{color:var(--txt-2)}
body.u0 .message_index_title a,body.u0 .message_index_title span a{font:700 .98rem/1.35 var(--f-ui);color:#fff !important}
body.u0 .message_index_title a:hover{color:var(--celeste) !important;text-shadow:var(--glow)}
body.u0 #topic_container .info p,body.u0 #topic_container .info .floatleft{color:var(--txt-3);font-size:.82rem}
body.u0 #topic_container .info p a{color:var(--txt-2)}
body.u0 #topic_container .info p a:hover{color:var(--celeste)}
body.u0 .icons .main_icons,body.u0 .icons img{filter:grayscale(.2) brightness(1.15)}
body.u0 .topic_pages{color:var(--txt-3);font:500 .72rem var(--f-pixel)}
body.u0 .topic_pages a{color:var(--celeste)}
body.u0 #description_board,body.u0 #description_board h3{color:var(--txt-2) !important}
body.u0 #messageindex .title_bar,body.u0 #topic_header,body.u0 .topic_table thead th,body.u0 #topic_header .board_stats,body.u0 #topic_header .lastpost,body.u0 #topic_header .info{
  background:none !important;border:0 !important;color:var(--txt-3) !important;font:500 .74rem var(--f-pixel) !important;letter-spacing:.08em;text-transform:uppercase}
body.u0 #topic_header{display:flex;align-items:center;gap:1rem;padding:.5rem .9rem;border-bottom:1px solid var(--celeste) !important;margin-bottom:.4rem}
body.u0 #topic_header a{color:var(--celeste) !important}
body.u0 .new_posts,body.u0 a.new_posts{font-family:var(--f-ui)}

/* ---------------------------------------------------------------- paginación */
body.u0 .pagesection{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0;padding:0;background:none;border:0;color:var(--txt-3)}
body.u0 .pagesection>*{float:none}
body.u0 .pagesection .buttonlist,body.u0 .pagesection .floatright{margin-left:auto}
body.u0 .pagelinks{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;font:500 .8rem/1 var(--f-pixel);color:var(--txt-3)}
body.u0 .pagelinks .pages{color:var(--txt-3);text-transform:lowercase;margin-right:.3rem}
body.u0 .pagelinks .nav_page,body.u0 .pagelinks .current_page,body.u0 .pagelinks .expand_pages,body.u0 a.nav_page{
  display:inline-grid;place-items:center;min-width:1.9rem;height:1.9rem;padding:0 .45rem;border:1px solid var(--line-soft);color:var(--txt-2) !important;background:none;clip-path:var(--notch-s);font-weight:500}
body.u0 .pagelinks .nav_page:hover{color:#000 !important;background:var(--celeste);border-color:var(--celeste)}
body.u0 .current_page::before,body.u0 .current_page::after{content:none}
body.u0 .pagelinks .current_page{color:#000 !important;background:var(--celeste);border-color:var(--celeste);font-weight:700}
body.u0 .pagelinks .main_icons{filter:brightness(0) invert(1)}
body.u0 .pagelinks .nav_page:hover .main_icons{filter:brightness(0)}
body.u0 #moderationbuttons,body.u0 .nextlinks{color:var(--txt-3)}
body.u0 .nextlinks a{color:var(--celeste)}

/* ---------------------------------------------------------------- tema (posts) */
body.u0 #display_head{display:flow-root;margin:0 0 1rem;padding:1.25rem 1.4rem;background:linear-gradient(120deg,rgba(33,35,73,.85),rgba(8,9,22,.85)) !important;border:1px solid var(--line) !important;clip-path:var(--notch);color:var(--txt-2)}
body.u0 #display_head .display_title,body.u0 h1.display_title{margin:0 0 .5rem;padding:0;background:none !important;border:0 !important;clip-path:none;font:400 clamp(1.5rem,2.8vw,2.3rem)/1.15 var(--f-ui);color:#fff !important;letter-spacing:.02em}
body.u0 #display_head .display_title::before{content:"> ";font-family:var(--f-pixel);color:var(--celeste);text-shadow:var(--glow)}
body.u0 #top_subject{font:inherit;color:inherit !important}
body.u0 #display_head p{margin:.15rem 0}
body.u0 #display_head .nextlinks{margin-top:.3rem}
body.u0 #display_head p,body.u0 #display_head span{color:var(--txt-3) !important;font-size:.88rem}
body.u0 #display_head a{color:var(--celeste)}
body.u0 #forumposts,body.u0 .post-container{margin:0;background:none !important;border:0 !important;border-radius:0;box-shadow:none !important}
body.u0 .postblock{margin:0 0 .75rem;background:rgba(8,9,22,.9);border:1px solid var(--line-soft) !important;clip-path:var(--notch);position:relative}
body.u0 .postblock::before{content:"";position:absolute;left:0;top:0;width:14px;height:1px;background:var(--celeste);z-index:1}
body.u0 .postblock:hover{border-color:var(--line) !important}
body.u0 #forumposts>form>.windowbg,body.u0 #forumposts .windowbg{margin:0 0 .75rem !important;padding:0 !important;clip-path:var(--notch);overflow:hidden}
body.u0 .post_wrapper{display:flex;gap:0;margin:0;border:0 !important;background:none !important;flex-wrap:nowrap}
body.u0 .poster{flex:0 0 14rem;width:14rem;margin:0;padding:1.1rem .9rem !important;background:rgba(33,35,73,.38) !important;border:0 !important;border-right:1px solid var(--line-soft) !important;
  float:none;text-align:center;color:var(--txt-2);font-size:.84rem}
body.u0 .poster h4,body.u0 .poster .poster-name,body.u0 .poster h4 a{font:700 1rem/1.3 var(--f-ui) !important;color:var(--celeste) !important}
body.u0 .poster h4 a:hover{color:#fff !important;text-shadow:var(--glow)}
body.u0 .poster ul,body.u0 .poster .user_info{margin:0;padding:0;list-style:none}
body.u0 .poster li{margin:.2rem 0;color:var(--txt-2)}
body.u0 .poster li.membergroup{font:500 .74rem var(--f-pixel) !important;color:var(--celeste) !important;letter-spacing:.08em;text-transform:uppercase}
body.u0 .poster li.postcount,body.u0 .poster li.blurb,body.u0 .poster li.custom{font-size:.82rem;color:var(--txt-3);overflow-wrap:anywhere}
body.u0 .poster .avatar img,body.u0 .poster img.avatar{max-width:7.5rem;border-radius:0 !important;clip-path:var(--notch);border:1px solid var(--line) !important;box-shadow:none;background:#000;margin:.5rem auto}
body.u0 .poster .icons img{filter:none}
body.u0 .poster .im_icons a,body.u0 .poster .profile_icons a{color:var(--txt-3)}
body.u0 .poster .main_icons{filter:invert(.8)}
body.u0 .progress_bar{background:#000 !important;border:1px solid var(--line) !important;border-radius:0 !important;height:.65rem;overflow:hidden}
body.u0 .progress_bar .bar{background:repeating-linear-gradient(90deg,var(--celeste) 0 6px,transparent 6px 8px) !important;box-shadow:0 0 10px rgba(60,183,234,.6);border-radius:0}
body.u0 .postarea{flex:1;min-width:0;margin:0;padding:1rem 1.25rem !important;background:none !important;border:0 !important;color:var(--txt)}
body.u0 .keyinfo h5{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;margin:0;font-size:inherit}
body.u0 .keyinfo .subject_hidden{display:none}
body.u0 .keyinfo{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .8rem;padding:0 0 .65rem;border-bottom:1px dashed var(--line-soft) !important;background:none}
body.u0 .keyinfo .messageicon{flex:none}
body.u0 .keyinfo .messageicon img{filter:grayscale(.3)}
body.u0 .keyinfo a,body.u0 .keyinfo .smalltext,body.u0 .keyinfo .page_number,body.u0 .postinfo a{font:500 .76rem var(--f-pixel) !important;color:var(--txt-3) !important;letter-spacing:.04em}
body.u0 .keyinfo .page_number{margin-left:auto;color:var(--celeste) !important}
body.u0 .keyinfo .modified,body.u0 .lastedit,body.u0 .modified{font:500 .72rem var(--f-pixel) !important;color:var(--txt-3) !important}
body.u0 .post{overflow-wrap:anywhere}
body.u0 .post .inner,body.u0 .inner{margin:0;padding:0 !important;border:0 !important;box-shadow:none !important;color:var(--txt);font-size:.98rem;line-height:1.7;background:none !important}
body.u0 .post .inner a,body.u0 .signature a,body.u0 .bbc_link{color:var(--celeste);text-decoration:underline;text-decoration-color:rgba(60,183,234,.4);text-underline-offset:.2em}
body.u0 .post .inner a:hover{color:#fff;text-decoration-color:#fff}
body.u0 .under_message,body.u0 .moderatorbar{margin-top:1rem;padding-top:.6rem;border-top:1px dashed var(--line-soft) !important;box-shadow:none !important;background:none}
body.u0 .signature{margin-top:1rem;padding-top:.75rem;border-top:1px dashed var(--line-soft) !important;box-shadow:none !important;color:var(--txt-3);font-size:.86rem;max-height:14rem;overflow:auto}
body.u0 .signature::before{content:"-- ";font-family:var(--f-pixel);color:var(--celeste)}
body.u0 .post_separator{display:none}
body.u0 .attachments{border-top:1px dashed var(--line-soft);color:var(--txt-3)}
/* Quickbuttons (citar, editar, ...) */
body.u0 .quickbuttons{display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;float:right}
body.u0 .quickbuttons li{float:none;margin:0;position:relative}
body.u0 .quickbuttons li a,body.u0 .quickbuttons>li>a{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;font:500 .74rem/1 var(--f-pixel);color:var(--txt-2) !important;
  text-transform:lowercase;letter-spacing:.06em;border:1px solid var(--line-soft);background:none !important;border-radius:0;clip-path:var(--notch-s);height:auto}
body.u0 .quickbuttons li a:hover{color:#000 !important;background:var(--celeste) !important;border-color:var(--celeste)}
body.u0 .quickbuttons .main_icons{filter:brightness(0) invert(1);opacity:.75}
body.u0 .quickbuttons li a:hover .main_icons{filter:brightness(0)}
body.u0 .quickbuttons li ul{background:#000 !important;border:1px solid var(--line) !important;box-shadow:var(--glow-soft);border-radius:0;padding:.3rem}
body.u0 .quickbuttons li ul li a{border:0;clip-path:none;width:100%}
/* Citas y código */
body.u0 blockquote,body.u0 .bbc_standard_quote,body.u0 .bbc_alternate_quote{margin:.8rem 0;padding:.8rem 1rem;color:var(--txt-2) !important;background:rgba(33,35,73,.45) !important;
  border:0 !important;border-left:2px solid var(--celeste) !important;border-radius:0;box-shadow:none;font-size:.94rem}
body.u0 blockquote cite,body.u0 .bbc_standard_quote cite,body.u0 .bbc_alternate_quote cite,body.u0 blockquote cite a{display:block;margin-bottom:.4rem;font:500 .74rem var(--f-pixel);color:var(--celeste) !important;letter-spacing:.06em;text-decoration:none}
body.u0 .codeheader,body.u0 .quoteheader{font:500 .74rem var(--f-pixel);color:var(--celeste);letter-spacing:.06em;text-transform:uppercase}
body.u0 .codeheader a{color:var(--txt-3)}
body.u0 code.bbc_code,body.u0 pre,body.u0 .bbc_code{display:block;margin:.4rem 0 .8rem;padding:.8rem 1rem;color:#d7f3ff !important;background:#05060f !important;border:1px solid var(--line-soft) !important;
  border-left:2px solid var(--celeste) !important;border-radius:0;font:400 .86rem/1.55 var(--f-mono);max-height:28rem;overflow:auto;white-space:pre}
body.u0 pre[class*=language-],body.u0 code[class*=language-]{background:#05060f !important;text-shadow:none}
body.u0 div.code-toolbar>pre{padding-top:2.4rem !important}
body.u0 div.code-toolbar>.toolbar{top:.35rem;right:.4rem;opacity:1}
body.u0 div.code-toolbar>.toolbar .toolbar-item button,body.u0 div.code-toolbar>.toolbar .toolbar-item span{background:rgba(60,183,234,.15) !important;color:var(--celeste) !important;border-radius:0;box-shadow:none;font:500 .72rem var(--f-pixel);padding:.2rem .5rem}
body.u0 :not(pre)>code:not(.bbc_code){padding:.1em .35em;background:rgba(60,183,234,.12);color:#d7f3ff;border-radius:0;font-family:var(--f-mono)}
body.u0 .spoiler_body,body.u0 .sp-body{background:rgba(0,0,0,.6) !important;border:1px dashed var(--line) !important;color:var(--txt-2)}
body.u0 .bbc_img{max-width:100%;height:auto}
body.u0 .bbc_table td{border-color:var(--line-soft)}
body.u0 .bbc_u{text-decoration:underline}
body.u0 .meaction{color:var(--celeste)}

/* Respuesta rápida y editor */
body.u0 #quickreply,body.u0 #quickreplybox{margin-top:1rem}
body.u0 #quickreply .roundframe,body.u0 #postmodify .roundframe,body.u0 #post_header{background:rgba(8,9,22,.88) !important}
body.u0 .sceditor-container{border:1px solid var(--line) !important;border-radius:0 !important;background:#05060f !important}
body.u0 .sceditor-toolbar{background:rgba(33,35,73,.7) !important;border-bottom:1px solid var(--line-soft) !important;border-radius:0 !important}
body.u0 .sceditor-group{background:rgba(0,0,0,.35) !important;border:1px solid var(--line-soft) !important;border-radius:0 !important}
body.u0 .sceditor-button{border-radius:0 !important}
body.u0 .sceditor-button:hover,body.u0 .sceditor-button.active{background:rgba(60,183,234,.25) !important;box-shadow:none !important}
body.u0 .sceditor-button div{filter:invert(1) hue-rotate(180deg) brightness(1.3)}
body.u0 .sceditor-container textarea,body.u0 .sceditor-container iframe{background:#05060f !important;color:var(--txt) !important}
body.u0 .sceditor-dropdown{background:#000 !important;border:1px solid var(--line) !important;color:var(--txt-2) !important;border-radius:0}
body.u0 #smileyBox_message,body.u0 .sceditor-insertemoticon{background:#05060f}

/* ---------------------------------------------------------------- formularios */
body.u0 input[type=text],body.u0 input[type=password],body.u0 input[type=email],body.u0 input[type=number],body.u0 input[type=url],body.u0 input[type=search]:not(#u0-q),
body.u0 input[type=date],body.u0 input[type=tel],body.u0 select,body.u0 textarea,body.u0 .input_text,body.u0 .input_password{
  min-height:2.2rem;padding:.4rem .65rem;color:var(--txt) !important;background:#05060f !important;border:1px solid var(--line) !important;border-radius:0 !important;
  box-shadow:none !important;font:400 .92rem var(--f-body)}
body.u0 select{padding-right:1.6rem}
body.u0 textarea{line-height:1.55}
body.u0 input:focus,body.u0 select:focus,body.u0 textarea:focus{border-color:var(--celeste) !important;box-shadow:var(--glow-soft) !important;outline:none}
body.u0 input::placeholder,body.u0 textarea::placeholder{color:var(--txt-3)}
body.u0 input[type=checkbox],body.u0 input[type=radio]{accent-color:var(--celeste)}
body.u0 option{background:#000;color:var(--txt)}
body.u0 dl.settings dt,body.u0 dl.register_form dt,body.u0 #post_header dt{color:var(--txt)}
body.u0 dl.settings dd,body.u0 .settings .smalltext{color:var(--txt-3)}
body.u0 fieldset{border:1px solid var(--line-soft) !important;border-radius:0;background:rgba(0,0,0,.35)}
body.u0 legend{color:var(--celeste);font:500 .8rem var(--f-pixel);letter-spacing:.08em;text-transform:uppercase;padding:0 .4rem}
body.u0 label{color:inherit}
body.u0 .error,body.u0 .alert,body.u0 .red{color:#ff4d7e !important}

/* ---------------------------------------------------------------- tablas / listas genéricas (miembros, admin, búsqueda) */
body.u0 table.table_grid{border-collapse:separate;border-spacing:0 .25rem;background:none}
body.u0 table.table_grid thead th,body.u0 table.table_grid th,body.u0 .table_grid .title_bar th{padding:.6rem .7rem;background:rgba(33,35,73,.8) !important;color:#fff !important;border:0 !important;
  font:500 .74rem var(--f-pixel);letter-spacing:.08em;text-transform:uppercase}
body.u0 table.table_grid thead th a{color:#fff !important}
body.u0 table.table_grid td{padding:.55rem .7rem;border:0 !important;border-top:1px solid var(--line-faint) !important;color:var(--txt-2)}
body.u0 table.table_grid tr.windowbg td{background:rgba(8,9,22,.88)}
body.u0 table.table_grid tr.windowbg{clip-path:none}
body.u0 .additional_row,body.u0 .flow_auto{color:var(--txt-3);background:none}

/* ---------------------------------------------------------------- menús de perfil / admin / MP */
body.u0 #admin_menu,body.u0 .generic_menu,body.u0 #genericmenu{margin:0 0 1rem;background:none;border:0}
body.u0 .dropmenu,body.u0 #admin_menu .dropmenu{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:.4rem;background:rgba(0,0,0,.75) !important;border:1px solid var(--line-soft) !important;border-radius:0}
body.u0 .dropmenu li{float:none;margin:0;position:relative}
body.u0 .dropmenu li a{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .7rem;color:var(--txt-2) !important;font:500 .8rem/1 var(--f-pixel);letter-spacing:.06em;text-transform:lowercase;background:none !important;border:0;border-radius:0}
body.u0 .dropmenu li a:hover,body.u0 .dropmenu li a.active,body.u0 .dropmenu li a.chosen{color:var(--celeste) !important;box-shadow:inset 0 -2px 0 var(--celeste)}
body.u0 .dropmenu .main_icons{filter:brightness(0) invert(1);opacity:.7}
body.u0 .dropmenu li ul,body.u0 .dropmenu .top_menu{background:#000 !important;border:1px solid var(--line) !important;border-radius:0;box-shadow:var(--glow-soft)}
body.u0 .dropmenu li ul li a{text-transform:none;font:400 .88rem var(--f-body)}
body.u0 #adm_submenus,body.u0 .generic_tab_strip,body.u0 #adm_submenus ul{background:none;border:0}
body.u0 #admin_content,body.u0 #profileview .content,body.u0 #basicinfo,body.u0 #detailedinfo{color:var(--txt-2)}
body.u0 #basicinfo h4,body.u0 #basicinfo .username h4{color:#fff}
body.u0 #basicinfo .avatar,body.u0 #profileview img.avatar{border-radius:0;clip-path:var(--notch)}
body.u0 #detailedinfo dt{color:var(--txt-3)}
body.u0 #detailedinfo dd{color:var(--txt)}
body.u0 .profile_area,body.u0 #creator dl,body.u0 .content{background:none}

/* Menú de admin / perfil / moderación (#genericmenu): SMF lo mete en .popup_container > .popup_window.description.
   Esas clases llevan corte de esquina (clip-path) y recortaban los submenús: acá van sin recorte y con overflow visible. */
body.u0 #genericmenu,body.u0 #genericmenu .popup_container,body.u0 #genericmenu .popup_window,body.u0 #genericmenu .generic_menu{clip-path:none !important;overflow:visible !important}
body.u0 #genericmenu{position:relative;z-index:45;margin:0 0 1rem}
body.u0 #genericmenu .dropmenu{position:relative;overflow:visible !important;clip-path:none !important}
body.u0 #genericmenu .dropmenu>li>a{border:0 !important;outline:0;box-shadow:none}
body.u0 #genericmenu .dropmenu>li>a.active,body.u0 #genericmenu .dropmenu>li:hover>a,body.u0 #genericmenu .dropmenu>li:focus-within>a{color:var(--celeste) !important;box-shadow:inset 0 -2px 0 var(--celeste)}
body.u0 #genericmenu .dropmenu li ul{position:absolute;top:100%;left:0;z-index:120;min-width:16rem;margin:0;padding:.35rem;list-style:none;
  background:#000 !important;border:1px solid var(--line) !important;border-radius:0 !important;box-shadow:var(--glow-soft),0 18px 40px rgba(0,0,0,.7) !important}
body.u0 #genericmenu .dropmenu li ul li{display:block;width:100%;margin:0;position:relative;background:none !important;border:0 !important}
body.u0 #genericmenu .dropmenu li ul li a{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .75rem;margin:0;font:400 .9rem/1.25 var(--f-body);
  text-transform:none;letter-spacing:0;color:var(--txt-2) !important;background:none !important;border:0 !important;border-radius:0;box-shadow:none !important;white-space:nowrap}
body.u0 #genericmenu .dropmenu li ul li a:hover,body.u0 #genericmenu .dropmenu li ul li a.chosen{color:var(--celeste) !important;background:rgba(60,183,234,.1) !important}
body.u0 #genericmenu .dropmenu li ul li a .main_icons{flex:none}
body.u0 #genericmenu .dropmenu li ul ul{top:-.4rem;left:100%;margin-left:2px}
body.u0 #genericmenu .dropmenu li ul li:not(:hover):not(:focus-within):not(.sfHover)>ul{display:none !important}
body.u0 #genericmenu .dropmenu li.subsections>ul>li.subsections>a::after{content:"›";margin-left:auto;color:var(--celeste);font-family:var(--f-pixel)}
@media (min-width:721px){
  body.u0 #genericmenu .popup_container{position:static;background:none !important;display:block}
  body.u0 #genericmenu .popup_window{position:static;width:auto;margin:0;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important}
  body.u0 #genericmenu .popup_heading{display:none}
}

/* ---------------------------------------------------------------- popups (login, ayuda) */
body.u0 .popup_container{background:rgba(0,0,0,.75) !important;z-index:200}
body.u0 .popup_window{background:#05060f !important;border:1px solid var(--line) !important;border-radius:0 !important;box-shadow:var(--glow-soft),0 30px 60px rgba(0,0,0,.7) !important;clip-path:var(--notch);color:var(--txt-2)}
body.u0 .popup_heading{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;color:#fff;font:400 1rem var(--f-ui);letter-spacing:.06em;text-transform:uppercase;
  background:linear-gradient(90deg,var(--azul),rgba(33,35,73,.4));border-bottom:1px solid var(--celeste)}
body.u0 .popup_heading .hide_popup{filter:brightness(0) invert(1)}
body.u0 .popup_content{color:var(--txt-2)}
body.u0 .popup_content a{color:var(--celeste)}
body.u0 #guest_form,body.u0 .login{background:none}
body.u0 .login .roundframe{background:rgba(8,9,22,.88) !important}

/* SMFtooltip, alertas, etc. */
body.u0 #smf_tooltip,body.u0 .smf_tooltip{background:#000 !important;color:var(--txt) !important;border:1px solid var(--line) !important;border-radius:0}
body.u0 .alert_unread,body.u0 .unread_notify{background:rgba(60,183,234,.06)}
body.u0 .new_icon,body.u0 .new_posts,body.u0 span.new_posts{background:var(--celeste) !important;color:#000 !important}

/* ---------------------------------------------------------------- footer del sitio */
.u0-footer{text-align:left;position:relative;border-top:1px solid var(--line);background:var(--azul);padding:3.25rem 0 2rem;color:var(--txt-2);font-size:.95rem;margin-top:2rem}
.u0-footer .top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:2rem}
.u0-footer h3{font:500 .78rem var(--f-pixel);margin:0 0 1rem;color:var(--celeste) !important;letter-spacing:.14em;text-transform:uppercase}
.u0-footer h3::before{content:"/ "}
.u0-footer ul{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}
.u0-footer a{color:var(--txt-2) !important;text-decoration:none;font-size:.93rem}
.u0-footer a:hover{color:var(--celeste) !important}
.u0-footer .u0-brand{margin-bottom:1rem;display:inline-flex}
.u0-footer .u0-brand img{width:3rem;height:3rem}
.u0-footer .top p{color:var(--txt-2);font-size:.93rem;max-width:36ch;margin:0 0 1rem}
.u0-footer .social{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.u0-footer .social a{width:2.4rem;height:2.4rem;display:grid;place-items:center;border:1px solid var(--line);color:var(--txt-2) !important;clip-path:var(--notch-s)}
.u0-footer .social a:hover{border-color:var(--celeste);color:var(--celeste) !important;box-shadow:var(--glow)}
.u0-footer .social svg{width:1.1rem;height:1.1rem;fill:currentColor}
.u0-stores{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.u0-stores .u0-btn{color:var(--celeste) !important}
.u0-stores .u0-btn:hover{color:#000 !important}
.u0-stores svg{width:1.05rem;height:1.05rem}
.u0-footer .bottom{margin-top:2.5rem;padding-top:1.25rem;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;
  font:400 .8rem var(--f-ui);color:var(--txt-3);letter-spacing:.03em}
.u0-footer .bottom a{color:var(--txt-2) !important;font-size:inherit}
.u0-footer .legal{display:flex;flex-wrap:wrap;gap:.3rem .6ch}
.u0-footer #languages_form{margin:0}
.u0-footer #language_select{min-height:2rem;padding:.2rem .5rem;font-size:.8rem}
.u0-load{margin:1rem 0 0;font:500 .72rem var(--f-pixel);color:var(--txt-3);text-align:center}
.u0-footer .eot{margin:2rem 0 0;text-align:center;font:500 .75rem var(--f-pixel);color:var(--txt-3);letter-spacing:.3em;text-transform:uppercase}
.u0-footer .eot::before,.u0-footer .eot::after{content:" ░░░░░░░░ ";color:var(--celeste);opacity:.5;letter-spacing:-.05em}

/* Flotantes: WhatsApp y volver arriba (como el portal) */
.u0-wa{position:fixed;right:1rem;bottom:4.5rem;z-index:41;display:flex;align-items:center;gap:.6rem;height:3.1rem;padding:0 .9rem 0 1rem;background:var(--celeste);color:#000 !important;
  text-decoration:none;clip-path:var(--notch);box-shadow:var(--glow);transition:background .15s,transform .15s}
.u0-wa svg{width:1.5rem;height:1.5rem;flex:none}
.u0-wa span{font:700 .78rem var(--f-ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
@media (max-width:1700px){.u0-wa{padding:0;width:3.1rem;justify-content:center}.u0-wa span{display:none}}
.u0-wa:hover{background:#fff;color:#000 !important;transform:translateY(-2px)}
.u0-to-top{position:fixed;right:1rem;bottom:1rem;width:2.75rem;height:2.75rem;display:grid;place-items:center;background:#000;border:1px solid var(--line);color:var(--celeste);
  opacity:0;pointer-events:none;transition:opacity .2s;z-index:40;clip-path:var(--notch-s);cursor:pointer}
.u0-to-top.show{opacity:1;pointer-events:auto}
.u0-to-top:hover{box-shadow:var(--glow)}
.u0-to-top svg{width:1.1rem;height:1.1rem}
/* Ajustes sobre reglas [data-theme=dark] / index.css del tema anterior */
body.u0 #upshrink_stats,body.u0 #upshrink_stats p.inline,body.u0 .g-recaptcha,body.u0 .verification_control{background:none !important}
body.u0 #upshrink_stats p.inline{padding:.6rem .9rem;margin:0;color:var(--txt-2);line-height:1.7}
body.u0 #info_center{padding:0 !important;background:rgba(8,9,22,.88) !important}
body.u0 #info_center .title_bar{margin:0}
body.u0 #info_center .sub_bar{margin:0;border-left:0 !important;border-right:0 !important}
body.u0 #recent_posts_content{padding:.3rem .6rem .6rem}
body.u0 .board_moderators,body.u0 .board_moderators a{color:var(--txt-3) !important}
body.u0 .u0-search button,body.u0 .u0-to-top,body.u0 .u0-nav-toggle{background:none !important;border-radius:0}
body.u0 .u0-to-top{background:#000 !important}
body.u0 #footer.u0-footer{background:var(--azul) !important;border-top:1px solid var(--line) !important;margin-top:2rem}
body.u0 .keyinfo .messageicon[style*=absolute]{display:none}
body.u0 .keyinfo .messageicon{position:static;float:none;margin:0;display:inline-flex}
body.u0 .keyinfo .messageicon img{position:static;max-width:1rem}
body.u0 #display_head h1.display_title{font-size:clamp(1.5rem,2.8vw,2.3rem) !important;letter-spacing:.02em !important;text-transform:none !important}
body.u0 #display_head h1.display_title #top_subject{font:400 1em/1.15 var(--f-ui) !important;letter-spacing:.01em !important;color:#fff !important}
body.u0 .poster h4 .off,body.u0 .poster h4 .on{display:inline-block;width:.55rem;height:.55rem;border-radius:0 !important;background:var(--txt-3) !important;vertical-align:middle;margin-right:.2rem}
body.u0 .poster h4 .on{background:#3cea9a !important;box-shadow:0 0 8px #3cea9a}
/* Restos del tema anterior que ya no se usan */
body.u0 .whatsapp,body.u0 .scroll-to-top,body.u0 .nightSwitch,body.u0 #footerfix>.page{display:none !important}

/* ---------------------------------------------------------------- responsive */
@media (min-width:1101px) and (max-width:1500px){
  .u0-nav a,.u0-nav button{padding-inline:.5rem;font-size:.76rem}
  .u0-nav>ul{gap:.15rem}
  .u0-header .u0-wrap{gap:1rem}
  .u0-user{margin-left:.5rem;padding-left:.75rem}
  .u0-user .u0-uname{display:none}
}
@media (max-width:1100px){
  .u0-nav-toggle{display:inline-flex;order:3}
  .u0-user{margin-left:auto}
  .u0-nav{position:fixed;inset:4.5rem 0 0 0;margin:0;background:#000;padding:1rem var(--gut) 2rem;overflow:auto;flex-direction:column;align-items:stretch;
    transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility 0s .25s;border-top:1px solid var(--line);z-index:90}
  .u0-nav.is-open{transform:none;visibility:visible;transition-delay:0s}
  .u0-nav>ul{flex-direction:column;align-items:stretch;gap:0}
  .u0-nav a,.u0-nav button{width:100%;padding:.95rem .5rem;font-size:1rem;text-align:left;border-bottom:1px dashed var(--line-soft)}
  .u0-nav .sub{position:static;display:flex;border:0;box-shadow:none;background:transparent;padding:0 0 .5rem 1rem;min-width:0;clip-path:none}
  .u0-nav .sub a{font-size:.95rem;border-bottom:0;color:var(--txt-3) !important}
  .u0-user .u0-uname{display:none}
  .u0-prompt{display:none}
}
@media (max-width:900px){
  .u0-footer .top{grid-template-columns:1fr 1fr}
  body.u0 .up_contain .lastpost{flex-basis:100%;border-left:0;padding-left:0 !important}
  body.u0 .up_contain .board_stats{flex-basis:100%;order:3}
  body.u0 .post_wrapper{flex-direction:column}
  body.u0 .poster{flex:none;width:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .8rem;text-align:left;border-right:0 !important;border-bottom:1px solid var(--line-soft) !important;padding:.75rem 1rem !important}
  body.u0 .poster .avatar img,body.u0 .poster img.avatar{max-width:3rem;margin:0}
  body.u0 .poster h4{margin:0}
  body.u0 .poster .user_info{display:flex;flex-wrap:wrap;gap:.1rem .8rem;align-items:center}
  body.u0 .poster .user_info>li{margin:0}
  body.u0 .poster li.blurb,body.u0 .poster li.custom,body.u0 .poster li.stars,body.u0 .poster li.im_icons,body.u0 .poster li.profile,body.u0 .poster li.poster_ip,body.u0 .poster .progress_bar,body.u0 .poster li:has(.progress_bar){display:none}
}
@media (max-width:760px){
  .u0-fbar{position:static}
  .u0-fbar .u0-wrap{flex-direction:column;align-items:stretch;gap:.4rem;padding:.4rem 0}
  .u0-fmenu>ul{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .u0-fmenu>ul::-webkit-scrollbar{display:none}
  .u0-fmenu li.has-sub:hover>.sub{display:none}
  .u0-search{flex:auto}
  .u0-header .u0-brand small{display:none}
  .u0-wa{padding:0;width:3.1rem;justify-content:center;bottom:1rem}
  .u0-wa span{display:none}
  .u0-to-top{right:4.75rem}
  body.u0 #topic_container .lastpost{flex-basis:100%;border-left:0;padding-left:0 !important}
  body.u0 .postarea{padding:.85rem .9rem !important}
  body.u0 .quickbuttons{float:none}
}
@media (max-width:900px){
  body.u0 .up_contain .info,body.u0 #topic_container .info{flex:1 1 0}
}
@media (max-width:1100px){
  .u0-user{border-left:0;padding-left:0}
  .u0-fbar .u0-wrap{gap:1rem}
}
@media (max-width:600px){
  .u0-header .u0-wrap{gap:.5rem}
  .u0-header .u0-brand span{display:none}
  .u0-user{min-width:0}
  .u0-user #top_info{gap:.3rem}
}
@media (max-width:520px){
  /* Footer móvil: marca arriba, enlaces en dos columnas, cierre compacto */
  .u0-footer{padding:2.25rem 0 6rem}
  .u0-footer .top{grid-template-columns:1fr 1fr;gap:0 1.25rem}
  .u0-footer .top>div:first-child{grid-column:1/-1;padding-bottom:1.5rem;margin-bottom:.25rem;border-bottom:1px dashed var(--line)}
  .u0-footer .top>div:last-child{grid-column:1/-1}
  .u0-footer .top>div:last-child ul{grid-template-columns:1fr 1fr;column-gap:1.25rem}
  .u0-footer .top>div:not(:first-child){padding-top:1.25rem}
  .u0-footer .u0-brand{margin-bottom:.75rem}
  .u0-footer .u0-brand img{width:2.6rem;height:2.6rem}
  .u0-footer .u0-brand span{font-size:1.1rem}
  .u0-footer .top p{font-size:.9rem;max-width:none}
  .u0-footer .social{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}
  .u0-footer .social a{width:auto;aspect-ratio:1;height:auto}
  .u0-stores{display:grid;grid-template-columns:1fr 1fr}
  .u0-stores .u0-btn{width:100%;min-width:0;padding-inline:.4rem;font-size:.72rem;letter-spacing:.05em}
  .u0-stores .u0-btn::before,.u0-stores .u0-btn::after{display:none}
  .u0-footer h3{margin-bottom:.7rem}
  .u0-footer ul{gap:.15rem}
  .u0-footer ul a{display:block;padding:.35rem 0;font-size:.9rem}
  .u0-footer .bottom{flex-direction:column;align-items:stretch;gap:.6rem;margin-top:1.5rem;font-size:.76rem;line-height:1.6}
  .u0-footer .bottom>span{display:block}
  .u0-footer #languages_form{order:-1}
  .u0-footer #language_select{width:100%}
  .u0-footer .eot{margin-top:1.5rem;letter-spacing:.2em}
  .u0-footer .eot::before,.u0-footer .eot::after{content:" ░░░ "}
  .u0-header .u0-brand span{font-size:1rem}
  .u0-user #top_info>li>a:not(.u0-btn){min-width:2.2rem;height:2.2rem;padding:0 .4rem}
  .u0-user .u0-btn.sm{padding:.5rem .6rem;font-size:.7rem}
  .u0-user .u0-btn::before,.u0-user .u0-btn::after{display:none}
}
/* index.css tiene reglas con ID (#top_info > li > a: min-width 7.5rem y padding; #footer: centrado en móvil) */
body.u0 .u0-user #top_info>li>a.u0-btn{min-width:0;width:auto}
body.u0 #footer.u0-footer{text-align:left}
body.u0 #footer.u0-footer .eot{text-align:center}
.u0-short{display:none}
@media (max-width:420px){
  .u0-header .u0-wrap{gap:.4rem}
  .u0-header .u0-brand img{width:2rem;height:2rem}
  .u0-user .u0-long{display:none}
  .u0-user .u0-short{display:inline}
  body.u0 .u0-user #top_info>li>a.u0-btn.sm{padding:.5rem .6rem;font-size:.68rem;letter-spacing:.05em}
  .u0-nav-toggle{width:2.4rem;height:2.4rem}
  .u0-user #top_info{gap:.25rem}
}
@media (prefers-reduced-motion:reduce){.u0-ticker .track{animation:none}}
@media print{.u0-header,.u0-fbar,.u0-ticker,.u0-footer,.u0-wa,.u0-to-top,body.u0::before{display:none !important}body.u0{background:#fff !important;color:#000}}
