/* AFADOR 2026 UI System — unified shell, accessibility and responsive layout */
:root{
  --af26-bg:#05070d;
  --af26-bg-soft:#0a0e17;
  --af26-surface:rgba(13,19,31,.86);
  --af26-surface-strong:rgba(17,25,40,.96);
  --af26-surface-2:rgba(24,34,53,.88);
  --af26-line:rgba(149,178,226,.20);
  --af26-line-strong:rgba(158,195,255,.42);
  --af26-text:#f5f8ff;
  --af26-muted:#9caec4;
  --af26-blue:#8fc8ff;
  --af26-violet:#b69cff;
  --af26-gold:#efcf8d;
  --af26-green:#75dfba;
  --af26-danger:#ff8595;
  --af26-radius:18px;
  --af26-radius-sm:12px;
  --af26-shadow:0 24px 70px rgba(0,0,0,.34);
  --af26-max:1320px;
}

html{scroll-behavior:smooth;background:var(--af26-bg)}
body.afador-2026{
  min-height:100vh;
  color:var(--af26-text);
  background:
    radial-gradient(circle at 13% 8%, rgba(91,76,178,.18), transparent 28rem),
    radial-gradient(circle at 86% 2%, rgba(38,123,184,.15), transparent 31rem),
    linear-gradient(180deg,#05070d 0%,#070b12 48%,#04060a 100%) !important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.afador-2026::before{
  content:"";
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 86%);
}
body.afador-2026 *{box-sizing:border-box}
body.afador-2026 ::selection{background:rgba(143,200,255,.30);color:#fff}
body.afador-2026 :focus-visible{outline:2px solid var(--af26-blue)!important;outline-offset:3px!important}
body.afador-2026 a,body.afador-2026 button,body.afador-2026 input,body.afador-2026 select,body.afador-2026 textarea{transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}

/* Modern unified headers */
body.afador-2026 header.top,
body.afador-2026 header.topbar,
body.afador-2026 header.tw-topbar,
body.afador-2026 > header:not(.board-head){
  position:sticky!important;top:0;z-index:80;
  min-height:68px;
  padding:10px max(18px,calc((100vw - var(--af26-max))/2))!important;
  border-bottom:1px solid var(--af26-line)!important;
  background:rgba(6,9,15,.74)!important;
  backdrop-filter:blur(20px) saturate(125%);
  -webkit-backdrop-filter:blur(20px) saturate(125%);
  box-shadow:0 10px 34px rgba(0,0,0,.18)!important;
}
body.afador-2026 header nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.afador-2026 header nav a,
body.afador-2026 header nav button,
body.afador-2026 .af26-header-link{
  display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
  min-height:38px;padding:8px 12px!important;border-radius:11px!important;
  border:1px solid var(--af26-line)!important;
  background:rgba(255,255,255,.035)!important;color:#dce8f7!important;
  text-decoration:none!important;font-weight:700!important;font-size:13px!important;
  box-shadow:none!important;
}
body.afador-2026 header nav a:hover,
body.afador-2026 header nav button:hover,
body.afador-2026 .af26-header-link:hover{background:rgba(143,200,255,.10)!important;border-color:var(--af26-line-strong)!important;color:#fff!important;transform:translateY(-1px)}
body.afador-2026 .af26-game-link{border-color:rgba(182,156,255,.36)!important;background:linear-gradient(135deg,rgba(94,71,175,.20),rgba(63,127,186,.14))!important;color:#f2ebff!important}

/* Main content rhythm */
body.afador-2026 main,
body.afador-2026 main.page{width:min(var(--af26-max),calc(100% - 32px));margin-inline:auto;padding-top:28px;padding-bottom:64px}
body.afador-2026 .panel,
body.afador-2026 .hero,
body.afador-2026 section.panel,
body.afador-2026 article.panel{
  border:1px solid var(--af26-line)!important;
  border-radius:var(--af26-radius)!important;
  background:linear-gradient(145deg,rgba(17,25,40,.88),rgba(9,14,24,.90))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.18)!important;
}
body.afador-2026 .hero{overflow:hidden;position:relative}
body.afador-2026 .hero::after{content:"";position:absolute;right:-90px;top:-130px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(133,103,226,.18),transparent 66%);pointer-events:none}
body.afador-2026 h1,body.afador-2026 h2,body.afador-2026 h3{letter-spacing:-.025em;text-wrap:balance}
body.afador-2026 p{line-height:1.62}
body.afador-2026 .muted{color:var(--af26-muted)!important}
body.afador-2026 .eyebrow{color:var(--af26-gold)!important;letter-spacing:.14em!important;font-weight:800!important}

/* Buttons and controls */
body.afador-2026 button,
body.afador-2026 .btn,
body.afador-2026 a.primary,
body.afador-2026 .actions a{
  border-radius:12px!important;
  font-weight:750!important;
}
body.afador-2026 button:not(.ghost),
body.afador-2026 .primary,
body.afador-2026 .btn.primary{
  background:linear-gradient(135deg,rgba(78,132,199,.96),rgba(97,76,180,.94))!important;
  border:1px solid rgba(163,191,255,.44)!important;
  color:#fff!important;
  box-shadow:0 10px 25px rgba(53,75,142,.18)!important;
}
body.afador-2026 button:hover,body.afador-2026 .btn:hover,body.afador-2026 a.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
body.afador-2026 input,body.afador-2026 textarea,body.afador-2026 select{
  color:var(--af26-text)!important;background:rgba(5,10,18,.80)!important;
  border:1px solid rgba(146,177,218,.28)!important;border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body.afador-2026 input:focus,body.afador-2026 textarea:focus,body.afador-2026 select:focus{border-color:rgba(143,200,255,.70)!important;box-shadow:0 0 0 4px rgba(107,167,224,.10)!important}

/* Root login composition */
body.afador-2026.afador-full-public .auth-wrap{gap:28px!important}
body.afador-2026.afador-full-public .auth-card{
  width:min(520px,100%)!important;
  min-height:0!important;
  padding:42px 44px 38px!important;
  border:1px solid rgba(157,191,240,.20)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(14,22,35,.86),rgba(7,11,20,.94))!important;
  box-shadow:var(--af26-shadow)!important;
  backdrop-filter:blur(18px);
  overflow:hidden!important;
}
body.afador-2026.afador-full-public .auth-card::before{
  content:""!important;inset:0!important;background:
    radial-gradient(circle at 50% -15%,rgba(143,200,255,.16),transparent 38%),
    linear-gradient(90deg,rgba(239,207,141,.08),transparent 22%,transparent 78%,rgba(182,156,255,.08))!important;
  border-radius:inherit!important;pointer-events:none!important;
}
body.afador-2026.afador-full-public .auth-card h1{font-size:clamp(2rem,4vw,3rem)!important}
body.afador-2026 .afador-public-news{
  border-radius:22px!important;border-color:var(--af26-line)!important;
  background:linear-gradient(145deg,rgba(17,25,40,.82),rgba(8,13,23,.92))!important;
  box-shadow:var(--af26-shadow)!important;
}
body.afador-2026 .afador-news-item{border-color:rgba(149,178,226,.16)!important;background:rgba(255,255,255,.025)!important}

/* 2026 player dashboard */
body.afador-2026 .afador-player-hub{
  max-width:1180px!important;margin:20px auto 26px!important;padding:0!important;overflow:hidden;
  border:1px solid var(--af26-line)!important;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(17,25,40,.91),rgba(8,13,23,.94))!important;
  box-shadow:var(--af26-shadow)!important;
}
body.afador-2026 .afador-player-hub::after{display:none!important}
.af26-hub-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px 26px;border-bottom:1px solid var(--af26-line);background:linear-gradient(120deg,rgba(105,84,190,.11),transparent 52%,rgba(43,128,189,.10))}
.af26-hub-kicker{margin:0 0 5px;color:var(--af26-gold);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.af26-hub-hero h2{margin:0;font-size:clamp(24px,3.3vw,38px)!important}
.af26-hub-hero p{margin:8px 0 0;color:var(--af26-muted);max-width:730px}
.af26-profile-chip{min-width:170px;padding:12px 14px;border:1px solid var(--af26-line);border-radius:14px;background:rgba(255,255,255,.035);text-align:right}
.af26-profile-chip small{display:block;color:var(--af26-muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.af26-profile-chip b{display:block;margin-top:3px;font-size:15px}
.af26-character-bar{display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:10px;align-items:end;padding:18px 26px;border-bottom:1px solid var(--af26-line)}
.af26-character-bar label{display:grid;gap:7px;color:#cbd8e7;font-size:12px;font-weight:760}.af26-character-bar select{min-height:44px;padding:9px 11px}
.af26-character-bar button,.af26-character-bar a{min-height:44px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;font-weight:800}
.af26-character-bar .af26-zone-button{border:1px solid rgba(182,156,255,.40);background:linear-gradient(135deg,rgba(107,77,194,.92),rgba(54,119,177,.92));color:#fff}
.af26-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 26px 26px}
.af26-hub-section{min-width:0;padding:15px;border:1px solid rgba(149,178,226,.14);border-radius:17px;background:rgba(255,255,255,.022)}
.af26-hub-section h3{margin:0 0 5px;font-size:15px}.af26-hub-section>p{margin:0 0 12px;color:var(--af26-muted);font-size:12px}
.af26-link-list{display:grid;gap:7px}.af26-link-list a{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(149,178,226,.13);border-radius:11px;background:rgba(5,10,18,.46);color:#e7f0fb!important;text-decoration:none!important;font-size:13px;font-weight:700}.af26-link-list a:hover{border-color:rgba(143,200,255,.38);background:rgba(143,200,255,.07);transform:translateX(2px)}.af26-link-list span{font-size:16px}

/* Game Zone */
.af26-zone{width:min(var(--af26-max),calc(100% - 32px));margin:0 auto;padding:30px 0 70px}
.af26-zone-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:18px;align-items:stretch;margin-bottom:18px}
.af26-zone-intro,.af26-zone-character{border:1px solid var(--af26-line);border-radius:24px;background:linear-gradient(145deg,rgba(18,27,43,.91),rgba(8,13,23,.94));box-shadow:var(--af26-shadow)}
.af26-zone-intro{position:relative;overflow:hidden;padding:30px}.af26-zone-intro::after{content:"";position:absolute;right:-50px;bottom:-120px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(164,119,255,.24),transparent 68%)}
.af26-zone-intro>*{position:relative;z-index:1}.af26-zone-intro .af26-kicker{color:var(--af26-gold);letter-spacing:.15em;font-size:11px;font-weight:850;text-transform:uppercase}.af26-zone-intro h1{font-size:clamp(34px,5vw,62px);line-height:.98;margin:8px 0 14px}.af26-zone-intro p{max-width:760px;margin:0;color:#b2c0d2;font-size:15px}.af26-zone-status{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.af26-zone-status span{padding:7px 10px;border:1px solid var(--af26-line);border-radius:999px;background:rgba(255,255,255,.035);color:#c9d7e8;font-size:12px;font-weight:700}
.af26-zone-character{padding:20px;display:grid;align-content:center;gap:12px}.af26-zone-character small{color:var(--af26-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.af26-zone-character h2{margin:0;font-size:20px}.af26-zone-character label{display:grid;gap:6px;font-size:12px;font-weight:750}.af26-zone-character select{min-height:44px;padding:8px 10px}.af26-zone-character .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.af26-zone-character a{display:flex;min-height:42px;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--af26-line);border-radius:11px;color:#ecf4ff;background:rgba(255,255,255,.035);font-weight:800;font-size:13px}.af26-zone-character a.primary{background:linear-gradient(135deg,rgba(79,130,198,.94),rgba(100,75,179,.94))!important}
.af26-zone-section{margin-top:16px;padding:20px;border:1px solid var(--af26-line);border-radius:22px;background:rgba(11,17,28,.82)}
.af26-zone-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.af26-zone-section-head h2{margin:2px 0 0;font-size:22px}.af26-zone-section-head p{margin:0;color:var(--af26-muted);font-size:12px}.af26-zone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.af26-zone-card{position:relative;min-height:176px;padding:16px;border:1px solid rgba(149,178,226,.14);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));color:#eef5ff!important;text-decoration:none!important;overflow:hidden}.af26-zone-card::after{content:"";position:absolute;inset:auto -45px -70px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--card-glow,rgba(115,160,221,.16)),transparent 70%)}.af26-zone-card:hover{transform:translateY(-3px);border-color:rgba(143,200,255,.40);background:linear-gradient(145deg,rgba(143,200,255,.07),rgba(182,156,255,.035));box-shadow:0 18px 35px rgba(0,0,0,.17)}.af26-zone-card .icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.05);font-size:21px}.af26-zone-card h3{margin:17px 0 6px;font-size:17px}.af26-zone-card p{margin:0;color:var(--af26-muted);font-size:12px;line-height:1.45}.af26-zone-card .meta{position:absolute;right:12px;top:12px;color:#9db2c9;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.af26-zone-card.featured{grid-column:span 2;min-height:190px;background:linear-gradient(135deg,rgba(105,77,192,.15),rgba(31,92,143,.08))}.af26-zone-card.featured h3{font-size:21px}

/* Compact navigation injected into static modules */
.af26-context-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.af26-context-nav .af26-current{color:var(--af26-gold)!important}

@media(max-width:980px){
  .af26-hub-grid{grid-template-columns:1fr 1fr}.af26-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af26-zone-hero{grid-template-columns:1fr}.af26-zone-character{grid-template-columns:1fr 1fr;align-items:end}.af26-zone-character .actions{grid-column:span 2}
}
@media(max-width:720px){
  body.afador-2026 main,body.afador-2026 main.page,.af26-zone{width:min(100% - 20px,var(--af26-max))}
  body.afador-2026 header.top,body.afador-2026 header.topbar,body.afador-2026 header.tw-topbar,body.afador-2026 > header:not(.board-head){position:relative!important;padding:10px 12px!important}
  .af26-hub-hero{grid-template-columns:1fr;padding:20px}.af26-profile-chip{text-align:left}.af26-character-bar{grid-template-columns:1fr;padding:16px 20px}.af26-hub-grid{grid-template-columns:1fr;padding:14px 20px 20px}.af26-zone-grid{grid-template-columns:1fr}.af26-zone-card.featured{grid-column:auto}.af26-zone-intro{padding:24px}.af26-zone-character{grid-template-columns:1fr}.af26-zone-character .actions{grid-column:auto}.af26-zone-section{padding:15px}.af26-zone-section-head{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.afador-2026 *,body.afador-2026 *::before,body.afador-2026 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

@media(max-width:640px){body.afador-2026.afador-full-public .auth-card{padding:30px 20px 26px!important;border-radius:20px!important}}

/* ================================================================
   AFADOR 2026 v5 — unified site skin + account dashboard
   Target: same visual language as /game-zone/ across all modules.
   ================================================================ */

:root{
  --af26-header:#070b12;
  --af26-panel:#0b111c;
  --af26-card:#101827;
  --af26-card-2:#121b2a;
  --af26-control:#07101b;
  --af26-purple:#8f73df;
}

/* Brand */
body.afador-2026 .af26-brand,
body.afador-2026 header .brand{
  display:inline-flex!important;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;min-width:max-content;
}
body.afador-2026 .af26-brand-mark,
body.afador-2026 header .brand .crystal{font-size:22px;color:#eaf2ff;filter:drop-shadow(0 0 10px rgba(182,156,255,.22))}
body.afador-2026 .af26-brand small,
body.afador-2026 header .brand small{display:block;color:#9caec4!important;font-size:10px!important;letter-spacing:.15em!important;font-weight:650!important;line-height:1.1}
body.afador-2026 .af26-brand b,
body.afador-2026 header .brand b{display:block;margin-top:3px;font-size:14px!important;letter-spacing:.01em!important}

/* Generic shell: make every old module look like the game-zone reference. */
body.afador-2026{margin:0!important;background-color:var(--af26-bg)!important}
body.afador-2026.afador-shell{background:
  radial-gradient(circle at 10% 0%,rgba(75,58,151,.16),transparent 27rem),
  radial-gradient(circle at 90% 0%,rgba(33,103,166,.13),transparent 30rem),
  linear-gradient(180deg,#05070d,#070b12 52%,#04060a)!important;
}
body.afador-2026 .parchment,
body.afador-2026 .tw-card,
body.afador-2026 .conversation,
body.afador-2026 .threads,
body.afador-2026 .game-card,
body.afador-2026 .multi-grid>section,
body.afador-2026 .room-card,
body.afador-2026 .card,
body.afador-2026 [class*="-card"]:not(.afador-roll-pick):not(.af26-zone-card):not(.af26-character-card):not(.af26-profile-card){
  color:var(--af26-text)!important;
  background:linear-gradient(145deg,rgba(17,25,40,.90),rgba(8,13,23,.94))!important;
  border-color:var(--af26-line)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}
body.afador-2026 .parchment::after,
body.afador-2026 .parchment:after{display:none!important}
body.afador-2026 main>section,
body.afador-2026 main>.panel{scroll-margin-top:92px}

/* Typography and visual hierarchy */
body.afador-2026 h1{color:#f6f8ff!important;font-size:clamp(30px,4vw,54px);line-height:1.02}
body.afador-2026 h2{color:#f2f5fb!important}
body.afador-2026 h3{color:#eef3fb!important}
body.afador-2026 small{color:var(--af26-muted)}
body.afador-2026 .section-head{gap:18px}
body.afador-2026 .section-head>div>p:first-child,
body.afador-2026 .heading>div>p:first-child{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#a8b8cc}
body.afador-2026 hr,
body.afador-2026 .sep{border:0!important;height:1px!important;background:var(--af26-line)!important}

/* Tabs */
body.afador-2026 .tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:12px 0 18px!important}
body.afador-2026 .tabs a,
body.afador-2026 .tabs button{
  min-height:38px!important;padding:8px 12px!important;border-radius:11px!important;
  border:1px solid var(--af26-line)!important;background:rgba(255,255,255,.035)!important;
  color:#dce8f7!important;font-size:13px!important;font-weight:750!important;text-decoration:none!important;
}
body.afador-2026 .tabs a:hover,
body.afador-2026 .tabs button:hover{background:rgba(143,200,255,.08)!important;border-color:var(--af26-line-strong)!important}
body.afador-2026 .tabs .active,
body.afador-2026 .tabs [aria-selected="true"]{background:linear-gradient(135deg,rgba(78,132,199,.26),rgba(97,76,180,.28))!important;border-color:rgba(155,182,247,.44)!important;color:#fff!important}

/* Tables */
body.afador-2026 table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border:1px solid var(--af26-line)!important;border-radius:14px!important;background:rgba(7,12,20,.54)!important}
body.afador-2026 th{background:rgba(143,200,255,.065)!important;color:#dbe8f8!important;font-size:11px!important;letter-spacing:.055em!important;text-transform:uppercase!important}
body.afador-2026 td,body.afador-2026 th{border:0!important;border-bottom:1px solid rgba(149,178,226,.12)!important;padding:10px 11px!important}
body.afador-2026 tr:last-child td{border-bottom:0!important}
body.afador-2026 tbody tr:hover td{background:rgba(143,200,255,.025)!important}

/* Inputs, upload buttons and notices */
body.afador-2026 textarea{min-height:96px}
body.afador-2026 input::placeholder,body.afador-2026 textarea::placeholder{color:#73859a!important}
body.afador-2026 .status,
body.afador-2026 .notice,
body.afador-2026 .backend-warning{
  color:#dce9f8!important;background:rgba(143,200,255,.065)!important;border:1px solid rgba(143,200,255,.19)!important;border-radius:12px!important;
}
body.afador-2026 .status.bad,body.afador-2026 .notice.bad{background:rgba(255,133,149,.075)!important;border-color:rgba(255,133,149,.27)!important;color:#ffd7dd!important}

/* Character / content cards from the old React UI */
body.afador-2026 .cards{gap:12px!important}
body.afador-2026 .char-card{
  border-radius:17px!important;border:1px solid rgba(149,178,226,.15)!important;
  background:linear-gradient(145deg,rgba(17,25,40,.88),rgba(9,14,24,.92))!important;
  color:#eef5ff!important;box-shadow:none!important;
}
body.afador-2026 .char-card:hover{border-color:rgba(143,200,255,.38)!important;background:linear-gradient(145deg,rgba(143,200,255,.065),rgba(182,156,255,.035))!important}
body.afador-2026 .mini span{background:rgba(143,200,255,.07)!important;color:#cfe0f3!important;border:1px solid rgba(149,178,226,.12)!important;border-radius:999px!important}
body.afador-2026 .progressbar{background:#070d16!important;border:1px solid var(--af26-line)!important;border-radius:999px!important}
body.afador-2026 .progressbar>div{background:linear-gradient(90deg,#5085c5,#7d62c6)!important}
body.afador-2026 .inner-panel,
body.afador-2026 .energy-card,
body.afador-2026 .allocation-card,
body.afador-2026 .derived>div,
body.afador-2026 .tech,
body.afador-2026 .request-card{background:rgba(255,255,255,.025)!important;border:1px solid rgba(149,178,226,.13)!important;border-radius:13px!important;color:#e9f1fb!important}

/* Chat */
body.afador-2026 .chatbox,
body.afador-2026 .messages{
  background:rgba(3,8,15,.58)!important;border:1px solid rgba(149,178,226,.14)!important;border-radius:15px!important;
}
body.afador-2026 .chat-msg,
body.afador-2026 .msg{
  background:rgba(255,255,255,.035)!important;border:1px solid rgba(149,178,226,.12)!important;border-radius:13px!important;color:#e8f1fc!important;
}
body.afador-2026 .chat-msg.mine,
body.afador-2026 .msg.mine{background:linear-gradient(135deg,rgba(76,128,194,.16),rgba(101,77,177,.15))!important;border-color:rgba(150,177,241,.25)!important}

/* Battle / boardgame and utility cards */
body.afador-2026 .rule-cards article,
body.afador-2026 .status-list>div,
body.afador-2026 .go-room-card,
body.afador-2026 .thread{
  border:1px solid rgba(149,178,226,.14)!important;border-radius:13px!important;background:rgba(255,255,255,.028)!important;color:#e8f0fa!important;
}
body.afador-2026 .thread.active,
body.afador-2026 .go-room-card:hover{border-color:rgba(143,200,255,.38)!important;background:rgba(143,200,255,.06)!important}

/* Old hero blocks become the same 2026 cards. */
body.afador-2026 .brand-hero,
body.afador-2026 .go-dashboard-banner{
  border:1px solid var(--af26-line)!important;border-radius:22px!important;padding:22px!important;
  background:linear-gradient(125deg,rgba(102,79,186,.10),rgba(10,17,28,.92) 48%,rgba(41,111,170,.08))!important;
  box-shadow:0 18px 45px rgba(0,0,0,.17)!important;
}
body.afador-2026 .hero-logo{filter:drop-shadow(0 12px 30px rgba(0,0,0,.35));max-width:130px}

/* Dice + logs are an isolated, optional tools category on the main React page. */
body.afador-2026 .dice-box.af26-dice-tools{
  position:relative!important;overflow:hidden!important;border-radius:22px!important;
  border:1px solid rgba(182,156,255,.24)!important;
  background:linear-gradient(135deg,rgba(75,57,147,.105),rgba(10,16,27,.94) 48%,rgba(36,96,151,.075))!important;
}
body.afador-2026 .dice-box.af26-dice-tools>.section-head{margin-bottom:14px!important;padding-bottom:14px;border-bottom:1px solid rgba(149,178,226,.13)}
body.afador-2026 .dice-box.af26-dice-tools .eyebrow{margin:0 0 5px!important;font-size:10px!important}
body.afador-2026 .af26-dice-tool-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
body.afador-2026 .af26-dice-tool-actions button{min-height:36px!important;padding:7px 10px!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--af26-line)!important;box-shadow:none!important;font-size:12px!important}
body.afador-2026 .af26-dice-tools--hidden{padding:14px 18px!important}
body.afador-2026 .af26-dice-tools--hidden>.section-head{margin:0!important;padding:0!important;border:0!important}
body.afador-2026 .af26-dice-tools--hidden h2{font-size:17px!important;margin:0 0 3px!important}
body.afador-2026 .af26-dice-tools--hidden p{margin:0!important;font-size:12px!important}
body.afador-2026 .dice-box .roll{border-bottom:1px solid rgba(149,178,226,.11)!important}
body.afador-2026 .dice-box .dice-result{border:1px solid rgba(149,178,226,.16)!important;border-radius:15px!important;background:rgba(4,9,16,.48)!important}

/* Account dashboard */
.af26-account{width:min(var(--af26-max),calc(100% - 32px));margin:0 auto;padding:30px 0 72px}
.af26-account-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:16px;margin-bottom:16px}
.af26-account-intro,.af26-profile-card,.af26-account-section{
  border:1px solid var(--af26-line);border-radius:22px;background:linear-gradient(145deg,rgba(17,25,40,.91),rgba(8,13,23,.94));box-shadow:0 18px 48px rgba(0,0,0,.17)
}
.af26-account-intro{padding:28px;position:relative;overflow:hidden}
.af26-account-intro::after{content:"";position:absolute;width:300px;height:300px;right:-80px;bottom:-150px;border-radius:50%;background:radial-gradient(circle,rgba(144,106,230,.22),transparent 70%);pointer-events:none}
.af26-account-intro>*{position:relative;z-index:1}
.af26-account-intro .af26-kicker{color:var(--af26-gold);font-size:11px;font-weight:850;letter-spacing:.14em}
.af26-account-intro h1{margin:8px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1}
.af26-account-intro p{max-width:780px;margin:0;color:#b4c1d2;line-height:1.6}
.af26-account-status{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.af26-account-status span{padding:7px 10px;border:1px solid var(--af26-line);border-radius:999px;background:rgba(255,255,255,.03);color:#cad7e7;font-size:12px;font-weight:700}
.af26-profile-card{padding:20px;display:grid;align-content:center;gap:10px}.af26-profile-card>small{font-size:10px;letter-spacing:.13em;font-weight:800}.af26-profile-card h2{margin:0 0 6px;font-size:20px}.af26-profile-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid rgba(149,178,226,.10);color:var(--af26-muted);font-size:12px}.af26-profile-row b{color:#eef5ff}.af26-profile-action{display:flex;min-height:40px;align-items:center;justify-content:center;margin-top:4px;border:1px solid rgba(182,156,255,.27);border-radius:11px;background:rgba(182,156,255,.07);color:#f0ebff!important;text-decoration:none!important;font-size:12px;font-weight:800}
.af26-account-section{padding:19px;margin-top:14px}.af26-account-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.af26-account-section-head>div>p{margin:0;color:#9cafc5;font-size:10px;letter-spacing:.11em}.af26-account-section-head h2{margin:3px 0 0;font-size:21px}.af26-account-section-head>p{margin:0;color:var(--af26-muted);font-size:12px;max-width:520px;text-align:right}
.af26-character-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);gap:12px;padding:14px;border:1px solid rgba(149,178,226,.13);border-radius:17px;background:rgba(255,255,255,.022)}
.af26-active-character{display:flex;align-items:center;gap:14px;min-width:0}.af26-active-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(182,156,255,.28);border-radius:14px;background:linear-gradient(135deg,rgba(107,79,192,.18),rgba(57,123,179,.12));font-size:23px}.af26-active-character small{font-size:9px;letter-spacing:.12em}.af26-active-character h3{margin:3px 0 3px;font-size:18px}.af26-active-character p{margin:0;color:var(--af26-muted);font-size:12px}
.af26-character-actions{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:8px;align-items:center}.af26-character-actions select{min-height:42px;padding:8px 10px}.af26-character-actions a{display:flex;min-height:42px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--af26-line);border-radius:11px;background:rgba(255,255,255,.035);color:#eaf2fc;text-decoration:none;font-weight:800;font-size:12px;white-space:nowrap}.af26-character-actions a.primary{background:linear-gradient(135deg,rgba(78,132,199,.94),rgba(97,76,180,.94));border-color:rgba(163,191,255,.40)}
.af26-character-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px}.af26-character-card{padding:13px;border:1px solid rgba(149,178,226,.13);border-radius:15px;background:rgba(255,255,255,.022);transition:.18s ease}.af26-character-card.active{border-color:rgba(182,156,255,.43);background:linear-gradient(135deg,rgba(106,78,191,.10),rgba(55,119,177,.06))}.af26-character-card-top{display:flex;align-items:center;gap:10px}.af26-character-card-top>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid rgba(149,178,226,.14);background:rgba(255,255,255,.035)}.af26-character-card h3{margin:0;font-size:15px}.af26-character-card p{margin:3px 0 0;color:var(--af26-muted);font-size:11px}.af26-character-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}.af26-character-card-actions button,.af26-character-card-actions a{display:flex;align-items:center;justify-content:center;min-height:35px;padding:6px 8px;border:1px solid rgba(149,178,226,.14);border-radius:10px;background:rgba(255,255,255,.03);color:#e8f1fb;text-decoration:none;font-size:11px;font-weight:800;box-shadow:none!important}.af26-character-card.active .af26-character-card-actions button{background:rgba(182,156,255,.11)!important;border-color:rgba(182,156,255,.30)!important}
.af26-empty-card{grid-column:1/-1;display:grid;gap:6px;place-items:center;padding:28px;border:1px dashed rgba(149,178,226,.17);border-radius:15px;color:var(--af26-muted);text-align:center}.af26-empty-card b{color:#edf4fc}.af26-empty-card a{color:var(--af26-blue)}
.af26-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.af26-account-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:94px;padding:13px;border:1px solid rgba(149,178,226,.13);border-radius:15px;background:rgba(255,255,255,.022);color:#edf4fc!important;text-decoration:none!important}.af26-account-link.featured{background:linear-gradient(135deg,rgba(105,77,192,.12),rgba(39,101,155,.065));border-color:rgba(182,156,255,.22)}.af26-account-link:hover{transform:translateY(-2px);border-color:rgba(143,200,255,.35);background:rgba(143,200,255,.055)}.af26-account-link .icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.045);font-size:19px}.af26-account-link b{display:block;font-size:14px}.af26-account-link small{display:block;margin-top:4px;color:var(--af26-muted);font-size:11px;line-height:1.4}.af26-account-link i{font-style:normal;color:#94a9c2;font-size:18px}
.af26-setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px;border:1px solid rgba(149,178,226,.13);border-radius:15px;background:rgba(255,255,255,.02)}.af26-setting-row b{display:block;font-size:14px}.af26-setting-row span{display:block;margin-top:4px;color:var(--af26-muted);font-size:11px}.af26-setting-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.af26-setting-actions button{min-height:36px;padding:7px 10px;background:rgba(255,255,255,.035)!important;border:1px solid var(--af26-line)!important;box-shadow:none!important;font-size:11px!important}.af26-setting-actions .danger-soft{border-color:rgba(255,133,149,.24)!important;color:#ffd5dc!important;background:rgba(255,133,149,.055)!important}.af26-account-notice{margin-top:10px;padding:10px 12px;border:1px solid rgba(117,223,186,.20);border-radius:11px;background:rgba(117,223,186,.05);color:#bfeedd;font-size:12px}

/* Static-module header sizing: no oversized titles in the sticky bar. */
body.afador-2026 header.top>div,
body.afador-2026 header.topbar>div,
body.afador-2026 header.tw-topbar>div{display:grid;gap:2px}
body.afador-2026 header.top h1,
body.afador-2026 header.topbar h1,
body.afador-2026 header.tw-topbar h1{margin:0!important;font-size:16px!important;line-height:1.1!important}
body.afador-2026 header.top strong,
body.afador-2026 header.topbar strong,
body.afador-2026 header.tw-topbar strong{font-size:15px!important}
body.afador-2026 header.top small,
body.afador-2026 header.topbar small,
body.afador-2026 header.tw-topbar small{font-size:9px!important;letter-spacing:.11em!important;color:#9babc0!important}

@media(max-width:1050px){
  .af26-character-cards,.af26-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .af26-character-console{grid-template-columns:1fr}.af26-character-actions{grid-template-columns:1fr auto auto}
}
@media(max-width:760px){
  .af26-account{width:min(100% - 20px,var(--af26-max));padding-top:18px}.af26-account-hero{grid-template-columns:1fr}.af26-account-intro{padding:22px}.af26-account-section{padding:14px}.af26-account-section-head{align-items:flex-start;flex-direction:column}.af26-account-section-head>p{text-align:left}.af26-character-actions{grid-template-columns:1fr}.af26-character-cards,.af26-account-grid{grid-template-columns:1fr}.af26-setting-row{align-items:flex-start;flex-direction:column}.af26-setting-actions{justify-content:flex-start}.af26-account-link{min-height:84px}
  body.afador-2026 header.top,body.afador-2026 header.topbar,body.afador-2026 header.tw-topbar{gap:10px!important}
}

/* Clean player main page: portal first, account/game zone separate. */
body.afador-2026.af26-root-player main.page>.brand-hero,
body.afador-2026.af26-root-player main.page>.cards,
body.afador-2026.af26-root-player main.page>.go-dashboard-banner{display:none!important}
.af26-main-gateways{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 26px 0}
.af26-main-gateway{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:13px 14px;border:1px solid rgba(149,178,226,.14);border-radius:15px;background:rgba(255,255,255,.024);color:#edf4fd!important;text-decoration:none!important}
.af26-main-gateway.primary{background:linear-gradient(135deg,rgba(100,76,181,.13),rgba(43,107,164,.075));border-color:rgba(182,156,255,.26)}
.af26-main-gateway:hover{transform:translateY(-2px);border-color:rgba(143,200,255,.36);background:rgba(143,200,255,.055)}
.af26-main-gateway>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.04);font-size:19px}.af26-main-gateway b{display:block;font-size:14px}.af26-main-gateway small{display:block;margin-top:4px;font-size:11px;color:var(--af26-muted);line-height:1.35}.af26-main-gateway i{font-style:normal;color:#9fb1c7;font-size:18px}
@media(max-width:720px){.af26-main-gateways{grid-template-columns:1fr;padding:14px 20px 0}}