/* DTN Free Mode Pass 3 — clean sitewide visual system */
:root{
  --dtn-bg:#050710;
  --dtn-panel:rgba(8,12,24,.82);
  --dtn-panel-2:rgba(12,18,34,.74);
  --dtn-line:rgba(255,255,255,.12);
  --dtn-line-strong:rgba(0,179,255,.36);
  --dtn-text:#eef6ff;
  --dtn-muted:rgba(238,246,255,.72);
  --dtn-cyan:#00b3ff;
  --dtn-blue:#256dff;
  --dtn-violet:#7c4dff;
  --dtn-gold:#ffd866;
  --dtn-red:#ff4d6d;
  --dtn-radius:24px;
  --dtn-shadow:0 24px 70px rgba(0,0,0,.42);
}
html{scroll-behavior:smooth;}
body{
  color:var(--dtn-text);
  background:
    radial-gradient(1100px 700px at 8% -12%, rgba(0,179,255,.20), transparent 58%),
    radial-gradient(900px 620px at 100% 0%, rgba(124,77,255,.18), transparent 60%),
    radial-gradient(880px 640px at 50% 100%, rgba(255,216,102,.08), transparent 62%),
    linear-gradient(180deg, #050710 0%, #070a16 46%, #04050b 100%) !important;
  min-height:100vh;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.26;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.7), rgba(0,0,0,.08));
  z-index:-1;
}
.wrap,.ann-shell,.dtn-page-shell,.admin-center-shell,.appwrap{max-width:1220px;margin-inline:auto;}
.dtn-clean-header.site-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(18px);
  background:linear-gradient(180deg,rgba(5,7,16,.92),rgba(5,7,16,.70));
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 40px rgba(0,0,0,.34);
}
.dtn-clean-header .dtn-header-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;}
.dtn-clean-header .dtn-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--dtn-text);min-width:max-content;}
.dtn-clean-header .dtn-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,179,255,.28));}
.dtn-clean-header .dtn-brand-copy strong{display:block;font-size:16px;letter-spacing:.02em;line-height:1.05;}
.dtn-clean-header .dtn-brand-copy small{display:block;color:var(--dtn-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;}
.dtn-clean-header .nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
.dtn-clean-header .nav>a,.dtn-clean-header .nav-btn{
  color:rgba(238,246,255,.84);text-decoration:none;font-weight:900;font-size:13px;
  padding:10px 12px;border-radius:999px;border:1px solid transparent;
  background:transparent;cursor:pointer;white-space:nowrap;
}
.dtn-clean-header .nav>a:hover,.dtn-clean-header .nav-btn:hover,.dtn-clean-header .nav>a[data-active="true"]{
  color:#fff;border-color:rgba(0,179,255,.32);background:rgba(0,179,255,.10);
  box-shadow:0 0 0 1px rgba(0,179,255,.08) inset;
}
.dtn-clean-header .nav-dd{position:relative;}
.dtn-clean-header .nav-dd>summary{list-style:none;}
.dtn-clean-header .nav-dd>summary::-webkit-details-marker{display:none;}
.dtn-clean-header .dd-menu{
  position:absolute;right:0;top:calc(100% + 10px);min-width:210px;
  display:grid;gap:6px;padding:10px;border-radius:18px;border:1px solid var(--dtn-line);
  background:rgba(5,8,18,.96);box-shadow:var(--dtn-shadow);
}
.dtn-clean-header .dd-menu a{display:block;color:var(--dtn-text);text-decoration:none;font-weight:900;padding:10px 12px;border-radius:12px;}
.dtn-clean-header .dd-menu a:hover{background:rgba(0,179,255,.12);}
.nav-toggle{display:none;}
.dtn-clean-footer{margin-top:42px;border-top:1px solid rgba(255,255,255,.10);background:rgba(3,5,12,.78);backdrop-filter:blur(14px);}
.dtn-clean-footer .dtn-footer-grid{display:grid;grid-template-columns:310px 1fr;gap:28px;padding:30px 16px;}
.dtn-clean-footer .dtn-footer-brand{display:flex;gap:14px;align-items:flex-start;}
.dtn-clean-footer .dtn-footer-brand img{width:66px;height:66px;object-fit:contain;}
.dtn-clean-footer .dtn-footer-brand strong{display:block;font-size:18px;}
.dtn-clean-footer .dtn-footer-brand p,.dtn-clean-footer .dtn-footer-brand span{color:var(--dtn-muted);margin:.35rem 0;line-height:1.45;}
.dtn-clean-footer .dtn-footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.dtn-clean-footer h3{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#8be8ff;margin:0 0 10px;}
.dtn-clean-footer a{display:block;color:rgba(238,246,255,.78);text-decoration:none;margin:7px 0;font-weight:800;}
.dtn-clean-footer a:hover{color:#fff;}
.dtn-page-hero,.dtn-clean-hero,.ann-hero,.admin-hero{
  position:relative;overflow:hidden;border:1px solid var(--dtn-line);border-radius:30px;padding:30px;
  background:
    radial-gradient(700px 360px at 10% 0%, rgba(0,179,255,.22), transparent 68%),
    radial-gradient(700px 360px at 100% 0%, rgba(124,77,255,.17), transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:var(--dtn-shadow);
}
.dtn-page-hero::after,.dtn-clean-hero::after,.ann-hero::after,.admin-hero::after{
  content:"";position:absolute;right:-80px;top:-120px;width:320px;height:320px;border-radius:50%;
  border:1px solid rgba(0,179,255,.18);box-shadow:0 0 80px rgba(0,179,255,.14) inset;opacity:.75;
}
.dtn-eyebrow,.ann-eyebrow,.admin-eyebrow{font-size:12px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;color:#8be8ff;}
.dtn-hero-title,.ann-title,.admin-title{font-size:clamp(36px,6vw,72px);line-height:.92;margin:10px 0 12px;letter-spacing:-.04em;}
.dtn-hero-sub,.ann-sub,.admin-subtitle{max-width:820px;color:var(--dtn-muted);font-size:16px;line-height:1.65;margin:0;}
.dtn-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.dtn-feature-card,.dtn-panel,.ann-panel,.ann-card,.ann-post,.ann-editor,.admin-card,.panel,.card.dtn-card{
  border:1px solid var(--dtn-line) !important;border-radius:24px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022)),
    rgba(7,11,22,.78) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.30) !important;
}
.dtn-feature-card{display:flex;flex-direction:column;gap:10px;min-height:190px;padding:18px;color:var(--dtn-text);text-decoration:none;position:relative;overflow:hidden;}
.dtn-feature-card::before{content:"";position:absolute;inset:0;background:radial-gradient(250px 160px at 15% 0%,rgba(0,179,255,.14),transparent 70%);opacity:.85;pointer-events:none;}
.dtn-feature-card>*{position:relative;z-index:1;}
.dtn-feature-card:hover{transform:translateY(-2px);border-color:rgba(0,179,255,.36)!important;}
.dtn-card-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(0,179,255,.12);border:1px solid rgba(0,179,255,.26);font-size:22px;}
.dtn-feature-card h3{font-size:22px;line-height:1.05;margin:0;}
.dtn-feature-card p{color:var(--dtn-muted);line-height:1.45;margin:0;}
.dtn-feature-card span{margin-top:auto;color:#8be8ff;font-weight:1000;}
.dtn-section-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:26px 0 14px;}
.dtn-section-row h2{font-size:clamp(24px,3vw,38px);line-height:1;margin:0;}
.dtn-section-row p{color:var(--dtn-muted);margin:6px 0 0;}
.dtn-two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;align-items:start;}
.dtn-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.dtn-social-card,.ann-btn,.admin-btn,.btn{
  border-radius:999px;border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  color:var(--dtn-text);font-weight:1000;text-decoration:none;
}
.dtn-social-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;}
.dtn-social-card:hover{border-color:rgba(0,179,255,.35);background:rgba(0,179,255,.10);}
.ann-shell{padding:28px 16px 56px;}
.ann-grid{display:grid;grid-template-columns:270px 1fr;gap:18px;margin-top:18px;}
.ann-panel{padding:16px;position:sticky;top:96px;height:max-content;}
.ann-filter{display:grid;gap:8px;}
.ann-filter button,.ann-filter a{display:block;width:100%;text-align:left;padding:11px 12px;border-radius:14px;color:var(--dtn-text);text-decoration:none;cursor:pointer;}
.ann-filter button.is-active,.ann-filter a.is-active,.ann-btn.primary{background:rgba(0,179,255,.14);border-color:rgba(0,179,255,.38);}
.ann-list{display:grid;gap:14px;}
.ann-card{display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px;color:var(--dtn-text);text-decoration:none;}
.ann-card:hover{transform:translateY(-1px);border-color:rgba(0,179,255,.35)!important;}
.ann-card h2{font-size:clamp(22px,3vw,34px);line-height:1.02;margin:8px 0;}
.ann-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center;color:var(--dtn-muted);font-size:12px;font-weight:800;}
.ann-cat{display:inline-flex;border:1px solid rgba(0,179,255,.32);background:rgba(0,179,255,.12);color:#8be8ff;border-radius:999px;padding:5px 9px;font-weight:1000;text-decoration:none;}
.ann-excerpt{color:var(--dtn-muted);line-height:1.55;margin:0;}
.ann-post{padding:clamp(20px,4vw,38px);}
.ann-post h1{font-size:clamp(34px,6vw,72px);line-height:.95;margin:12px 0 14px;letter-spacing:-.04em;}
.ann-body{line-height:1.75;color:rgba(238,246,255,.90);font-size:17px;max-width:860px;}
.ann-body h2{font-size:clamp(24px,4vw,38px);margin:30px 0 10px;line-height:1.05;}
.ann-body h3{font-size:24px;margin:24px 0 8px;}
.ann-body p{margin:0 0 14px;}
.ann-body blockquote{border-left:4px solid var(--dtn-cyan);padding:12px 16px;background:rgba(0,179,255,.09);border-radius:0 16px 16px 0;margin:18px 0;}
.ann-body code{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:2px 6px;}
.ann-body a{color:#8be8ff;font-weight:900;}
.ann-linked{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.ann-linked a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,216,102,.34);border-radius:999px;padding:10px 13px;color:#ffe68a;text-decoration:none;font-weight:1000;background:rgba(255,216,102,.08);}
.ann-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;}
.ann-editor{padding:18px;}
.ann-field{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;}
.ann-field span{font-size:12px;color:var(--dtn-muted);font-weight:1000;text-transform:uppercase;letter-spacing:.08em;}
.ann-field input,.ann-field select,.ann-field textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(0,0,0,.24);color:var(--dtn-text);padding:12px;}
.ann-field textarea{min-height:320px;line-height:1.55;font-family:inherit;}
.ann-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;}
.ann-toolbar button{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06);color:var(--dtn-text);padding:9px 11px;font-weight:1000;cursor:pointer;}
.ann-preview{padding:16px;border:1px solid var(--dtn-line);border-radius:18px;background:rgba(0,0,0,.18);}
.ann-admin-list{display:grid;gap:10px;max-height:720px;overflow:auto;}
.ann-admin-row{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.04);padding:12px;cursor:pointer;color:var(--dtn-text);text-align:left;}
.ann-admin-row:hover{border-color:rgba(0,179,255,.38);}
.admin-center-shell{padding:28px 16px 56px;}
.admin-layout{margin-top:18px;}
.admin-card p,.admin-muted{color:var(--dtn-muted)!important;}
/* Make the old format/deckbuilder shells feel like the same website without rewriting their logic. */
main.wrap>h1,.page-deckbuilder .center-col .topbar h2,.page-deckbuilder .panel-title{letter-spacing:-.02em;}
.format-layout,.page-deckbuilder .app.three-cols{filter:none;}
.page-deckbuilder .app.three-cols{padding:22px 16px 56px;}
.page-deckbuilder .panel{overflow:hidden;}
@media(max-width:1050px){.dtn-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.dtn-two-col{grid-template-columns:1fr}.dtn-clean-header .nav{display:none;position:absolute;left:16px;right:16px;top:76px;background:rgba(5,8,18,.98);border:1px solid var(--dtn-line);border-radius:22px;padding:12px;box-shadow:var(--dtn-shadow);}.dtn-clean-header .nav.open{display:grid;}.nav-toggle{display:grid;width:44px;height:44px;border:1px solid var(--dtn-line);border-radius:14px;background:rgba(255,255,255,.04);}.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{display:block;width:20px;height:2px;background:#fff;border-radius:2px;margin:auto;content:"";}.nav-toggle span::before{transform:translateY(-7px);}.nav-toggle span::after{transform:translateY(5px);}.dtn-clean-header .dd-menu{position:static;margin-top:8px;box-shadow:none;}.dtn-clean-footer .dtn-footer-grid{grid-template-columns:1fr}.dtn-clean-footer .dtn-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));}.ann-grid,.ann-admin-grid{grid-template-columns:1fr}.ann-panel{position:relative;top:auto;}}
@media(max-width:640px){.dtn-card-grid{grid-template-columns:1fr}.dtn-page-hero,.dtn-clean-hero,.ann-hero,.admin-hero{padding:22px;border-radius:24px}.dtn-social-grid,.dtn-clean-footer .dtn-footer-links{grid-template-columns:1fr}.ann-card{grid-template-columns:1fr}.dtn-clean-header .dtn-brand-copy small{display:none;}}


/* DTN Free Mode Pass 4 — header grouping + home/blog polish */
.dtn-pass4-header .dtn-header-wrap{min-height:72px;gap:14px;}
.dtn-pass4-header .nav{flex-wrap:nowrap !important;gap:7px;min-width:0;}
.dtn-pass4-header .nav>a,.dtn-pass4-header .nav-btn{font-size:12px;padding:9px 11px;display:inline-flex;align-items:center;gap:6px;}
.dtn-pass4-header .dtn-brand{flex:0 0 auto;}
.nav-caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.8;}
.dtn-pass4-header details[open] .nav-caret{transform:rotate(225deg) translateY(-1px);}
.dtn-pass4-header .dd-menu{min-width:220px;z-index:80;}
.dtn-pass4-header .dtn-discord-join{border:1px solid rgba(114,137,218,.35);background:rgba(114,137,218,.12);}
.dtn-home-shell{padding:28px 16px 58px;}
.dtn-home-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:stretch;}
.dtn-hero-side-card{position:relative;z-index:1;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(0,0,0,.18);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;}
.dtn-hero-side-card strong{font-size:24px;line-height:1.02;margin:12px 0 8px;}
.dtn-hero-side-card p{color:var(--dtn-muted);line-height:1.5;margin:0;}
.dtn-hero-actions a:first-child,.ann-admin-post-btn{background:linear-gradient(135deg,rgba(0,179,255,.26),rgba(255,216,102,.13));border-color:rgba(0,179,255,.42);color:#fff;}
.dtn-home-cards{margin-bottom:22px;}
.dtn-home-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:18px;align-items:start;margin-top:24px;}
.dtn-home-news-panel,.dtn-watch-panel,.dtn-community-panel{padding:18px;}
.dtn-section-row.compact{margin:0 0 14px;}
.dtn-section-row.compact h2{font-size:clamp(24px,3vw,34px);}
.dtn-side-stack{display:grid;gap:18px;}
.dtn-watch-panel h2,.dtn-community-panel h2{font-size:clamp(24px,3vw,34px);line-height:1.02;margin:10px 0 10px;}
.dtn-mini-link-list{display:grid;gap:10px;margin-top:14px;}
.dtn-mini-link-list a{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 14px;text-decoration:none;color:var(--dtn-text);font-weight:1000;background:rgba(255,255,255,.045);}
.dtn-mini-link-list a:hover{border-color:rgba(0,179,255,.35);background:rgba(0,179,255,.10);}
.page-announcements-pass4 .ann-shell{padding:28px 16px 58px;}
.ann-hero-pass4{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;}
.ann-hero-actions{position:relative;z-index:2;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.ann-grid-pass4{grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:18px;}
.ann-filter-panel{padding:16px;}
.ann-filter-title{font-size:12px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:#8be8ff;margin:0 0 12px;}
.ann-feed-panel{min-width:0;}
.ann-feed-head{border:1px solid var(--dtn-line);border-radius:24px;background:rgba(7,11,22,.62);padding:16px;margin-bottom:14px;}
.ann-feed-head h2{margin:8px 0 0;font-size:clamp(26px,3vw,40px);line-height:1;}
.ann-card-featured{min-height:220px;background:radial-gradient(520px 260px at 10% 0%,rgba(0,179,255,.18),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),rgba(7,11,22,.82)!important;}
.ann-card-featured h2{font-size:clamp(30px,4vw,50px);}
.ann-read-more{display:inline-flex;margin-top:14px;color:#8be8ff;font-weight:1000;}
.ann-arrow{align-self:center;color:#8be8ff;font-size:24px;font-weight:1000;}
.ann-single-wrap{margin-top:18px;display:block;}
.ann-post{max-width:980px;margin-inline:auto;}
.ann-post-excerpt{font-size:18px;margin-bottom:20px;}
.ann-body ul,.ann-body ol{padding-left:1.4rem;margin:0 0 16px;}
.ann-body li{margin:7px 0;}
.ann-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;cursor:pointer;}
@media(max-width:1180px){.dtn-pass4-header .dtn-brand-copy small{display:none}.dtn-pass4-header .nav>a,.dtn-pass4-header .nav-btn{font-size:11.5px;padding:8px 9px}.dtn-clean-header .dtn-brand img{width:44px;height:44px}.dtn-clean-header .dtn-brand-copy strong{font-size:15px}}
@media(max-width:1050px){.dtn-pass4-header .nav{flex-wrap:initial !important}.dtn-home-hero,.dtn-home-main-grid{grid-template-columns:1fr}.ann-hero-pass4{align-items:flex-start;flex-direction:column}.ann-grid-pass4{grid-template-columns:1fr}.ann-filter-panel{position:relative;top:auto}.ann-filter{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dtn-pass4-header .nav>a,.dtn-pass4-header .nav-btn{font-size:13px;padding:10px 12px}.dtn-pass4-header .nav{gap:8px}}
@media(max-width:640px){.ann-filter{grid-template-columns:1fr}.dtn-hero-side-card{min-height:0}.dtn-home-shell,.page-announcements-pass4 .ann-shell{padding-left:12px;padding-right:12px}.dtn-home-hero{padding:22px}.dtn-home-main-grid{gap:14px}}