
:root{
  --dnux-panel:rgba(14,10,28,.72);
  --dnux-panel-2:rgba(255,255,255,.045);
  --dnux-line:rgba(255,255,255,.14);
  --dnux-line-strong:rgba(34,211,238,.30);
  --dnux-text:#f8f6ff;
  --dnux-muted:#d9d3ea;
  --dnux-pink:#ec4899;
  --dnux-violet:#8b5cf6;
  --dnux-cyan:#22d3ee;
  --dnux-green:#22c55e;
  --dnux-shadow:0 20px 54px rgba(7,3,17,.36);
}
#premiumStage1Mount,#dnpPagePromo{display:none!important;}
body.dnux-game{overflow-x:hidden;}
body.dnux-game .hero{
  padding:20px;
  background:linear-gradient(180deg,rgba(18,12,34,.58),rgba(18,12,34,.38));
}
body.dnux-game .hero p{max-width:84ch; font-size:15px; line-height:1.65;}
body.dnux-game .hero h1{font-size:clamp(34px,5.6vw,62px);}
body.dnux-game #sessionBox{display:none!important;}
#dnuxGameShell{display:grid; gap:14px; margin:16px 0 24px;}
.dnux-summary{
  display:grid; gap:12px; padding:18px 20px; border-radius:24px;
  border:1px solid var(--dnux-line); background:linear-gradient(180deg,var(--dnux-panel),var(--dnux-panel-2));
  box-shadow:var(--dnux-shadow); backdrop-filter:blur(12px);
}
.dnux-summaryTop{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; align-items:flex-start;}
.dnux-summaryMain{display:flex; align-items:flex-start; gap:14px; min-width:0;}
.dnux-flag{
  width:52px; height:52px; border-radius:18px; display:grid; place-items:center; flex:0 0 auto;
  background:linear-gradient(140deg,rgba(139,92,246,.34),rgba(34,211,238,.12));
  border:1px solid rgba(255,255,255,.14); font-size:28px; box-shadow:0 14px 40px rgba(7,3,17,.32);
}
.dnux-summaryCopy{display:grid; gap:6px; min-width:0;}
.dnux-eyebrow{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#d8d0ea;}
.dnux-title{font-size:clamp(24px,3.2vw,34px); font-weight:900; line-height:1.02; letter-spacing:-.02em;}
.dnux-sub{font-size:14px; color:var(--dnux-muted); line-height:1.55; max-width:78ch;}
.dnux-chipRow{display:flex; gap:8px; flex-wrap:wrap; align-items:center;}
.dnux-chip{
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
  background:rgba(255,255,255,.05); border:1px solid var(--dnux-line); font-size:13px; color:#eef3ff;
}
.dnux-chip strong{font-weight:800;}
.dnux-message{
  padding:14px 16px; border-radius:18px; border:1px solid rgba(34,211,238,.22);
  background:rgba(34,211,238,.08); color:#effcff; font-size:14px; line-height:1.6;
}
.dnux-tabbar{
  display:flex; gap:10px; flex-wrap:wrap; padding:8px; border-radius:22px; border:1px solid var(--dnux-line);
  background:linear-gradient(180deg,var(--dnux-panel),var(--dnux-panel-2)); box-shadow:var(--dnux-shadow);
}
.dnux-tab{
  display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 14px; border-radius:14px;
  border:1px solid transparent; background:rgba(255,255,255,.03); color:#fff; font-weight:800; cursor:pointer;
  flex:1 1 calc(50% - 8px);
}
.dnux-tab:hover{border-color:rgba(255,255,255,.18);}
.dnux-tab[aria-selected="true"]{background:linear-gradient(90deg,var(--dnux-pink),var(--dnux-violet)); border-color:transparent;}
.dnux-panel{display:none; gap:14px;}
.dnux-panel.active{display:grid;}
.dnux-roundLoopCard{
  display:grid; gap:12px; padding:18px 20px; border-radius:24px;
  border:1px solid rgba(34,211,238,.24); background:linear-gradient(180deg,rgba(14,10,28,.82),rgba(34,211,238,.08));
  box-shadow:var(--dnux-shadow);
}
.dnux-roundLoopHead{display:flex; justify-content:space-between; gap:16px; align-items:center; flex-wrap:wrap;}
.dnux-roundLoopCopy{display:grid; gap:6px; min-width:0;}
.dnux-roundLoopCopy strong{font-size:20px; line-height:1.15;}
.dnux-roundLoopCopy span{font-size:14px; line-height:1.6; color:var(--dnux-muted); max-width:68ch;}
.dnux-roundLoopAction{display:grid; gap:8px; justify-items:start;}
.dnux-nextRoundBtn{
  display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:12px 18px; border-radius:16px;
  border:0; background:linear-gradient(90deg,var(--dnux-pink),var(--dnux-violet)); color:#fff; font-weight:900; cursor:pointer;
  box-shadow:0 18px 40px rgba(139,92,246,.26);
}
.dnux-nextRoundBtn:hover{filter:brightness(1.04);}
.dnux-roundLoopHint{font-size:13px; line-height:1.5; color:#eef7ff; max-width:36ch;}
.dnux-returnPulse{animation:dnuxReturnPulse 1.8s ease 1;}
@keyframes dnuxReturnPulse{
  0%{box-shadow:0 0 0 0 rgba(34,211,238,0),0 12px 28px rgba(7,3,17,.22);}
  35%{box-shadow:0 0 0 10px rgba(34,211,238,.16),0 20px 46px rgba(7,3,17,.34);}
  100%{box-shadow:0 0 0 0 rgba(34,211,238,0),0 12px 28px rgba(7,3,17,.22);}
}
.dnux-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.94fr); gap:14px; align-items:start;}
.dnux-cardIntro{
  display:grid; gap:6px; padding:14px 16px; margin-bottom:12px; border-radius:18px;
  border:1px solid var(--dnux-line); background:rgba(255,255,255,.04);
}
.dnux-cardIntro h2,.dnux-cardIntro h3{margin:0; font-size:18px;}
.dnux-cardIntro p{margin:0; font-size:14px; color:var(--dnux-muted); line-height:1.55;}
body.dnux-game .box.dnux-block,
body.dnux-game .panel.dnux-block,
body.dnux-game .mapWrap.dnux-block,
body.dnux-game .resultCard.dnux-block{
  background:linear-gradient(180deg,var(--dnux-panel),var(--dnux-panel-2));
  border-color:var(--dnux-line);
  box-shadow:var(--dnux-shadow);
}
body.dnux-game .dnux-grid .box,
body.dnux-game .dnux-analysisTop > *,
body.dnux-game .dnux-analysisGrid > *,
body.dnux-game .dnux-mapCard{
  background:linear-gradient(180deg,var(--dnux-panel),var(--dnux-panel-2));
  border:1px solid var(--dnux-line);
  border-radius:24px;
  box-shadow:var(--dnux-shadow);
}
body.dnux-game .dnux-mapCard{padding:18px;}
body.dnux-game .dnux-analysisTop{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
body.dnux-game .dnux-analysisGrid{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:14px;}
body.dnux-game #metricGrid{display:grid!important; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px;}
body.dnux-game #pressureGrid{display:grid!important; grid-template-columns:repeat(auto-fit,minmax(128px,1fr)); gap:12px;}
body.dnux-game .pressureCard, body.dnux-game .kpi{background:rgba(255,255,255,.04);}
body.dnux-game .timeline{gap:12px;}
body.dnux-game .resultCard{padding:16px;}
body.dnux-game .actionsRow{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important; gap:12px;}
body.dnux-game .optionCard{min-height:214px!important;}
body.dnux-game .optionMeta{padding-top:12px;}
body.dnux-game .note{font-size:14px; line-height:1.6;}
body.dnux-game .status{font-size:14px; line-height:1.6;}
body.dnux-game .dnux-roleHint{margin-top:12px;}
body.dnux-game .dnux-inlineClarifier{
  margin-top:12px; padding:14px 16px; border-radius:16px; border:1px solid rgba(236,72,153,.22);
  background:rgba(236,72,153,.08); color:#fff; font-size:14px; line-height:1.6;
}
body.dnux-game .dnux-mapNote{
  padding:14px 16px; border-radius:18px; border:1px solid var(--dnux-line);
  background:rgba(255,255,255,.04); color:var(--dnux-muted); font-size:14px; line-height:1.55; margin-bottom:12px;
}
body.dnux-game .dnux-mapCard #regionInfo{display:none!important;}
body.dnux-game .dnux-mapReplacement .mapHead,
body.dnux-game .dnux-mapReplacement #mapSvgWrap,
body.dnux-game .dnux-mapReplacement #regionInfo,
body.dnux-game .dnux-mapReplacement .dnux-mapLegacy{display:none!important;}
body.dnux-game .dnux-mapReplacement{padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;}
body.dnux-game .dnux-mapReplacement > .dnux-regionWeightWrap{margin-top:0!important;}
body.dnux-game .dnux-regionWeightWrap{
  display:grid;
  gap:12px;
  margin-top:14px;
}
body.dnux-game .dnux-regionWeightSummary,
body.dnux-game .dnux-regionWeightNotice,
body.dnux-game .dnux-regionWeightEmpty{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#f4f7ff;
  line-height:1.55;
}
body.dnux-game .dnux-regionWeightSummary{
  border-color:rgba(34,211,236,.22);
  background:rgba(34,211,236,.08);
}
body.dnux-game .dnux-regionWeightNotice{
  color:var(--dnux-muted);
}
body.dnux-game .dnux-regionWeightBoard{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:12px;
}
body.dnux-game .dnux-regionWeightCard{
  display:grid;
  gap:8px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  min-width:0;
}
body.dnux-game .dnux-regionWeightCard.is-focus{
  border-color:rgba(34,211,236,.34);
  box-shadow:0 0 0 1px rgba(34,211,236,.10) inset;
}
body.dnux-game .dnux-regionWeightCard.is-ready{
  border-color:rgba(236,72,153,.28);
}
body.dnux-game .dnux-regionWeightTop{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
body.dnux-game .dnux-regionWeightTop strong{
  font-size:15px;
  line-height:1.3;
  min-width:0;
}
body.dnux-game .dnux-regionWeightTop span{
  font-size:15px;
  font-weight:800;
  white-space:nowrap;
}
body.dnux-game .dnux-regionWeightMeta{
  font-size:12px;
  line-height:1.5;
  color:#d8def0;
  overflow-wrap:anywhere;
}
body.dnux-game .dnux-regionWeightCard .bar.small{
  margin:2px 0 0;
}

body.dnux-game .dnux-headlineCard{
  display:grid;
  gap:10px;
  padding:18px;
  border:1px solid var(--dnux-line);
  border-radius:24px;
  background:linear-gradient(180deg,var(--dnux-panel),var(--dnux-panel-2));
  box-shadow:var(--dnux-shadow);
}
body.dnux-game .dnux-headlineHead h3{
  margin:0;
  font-size:18px;
}
body.dnux-game .dnux-headlineLead{
  font-size:14px;
  line-height:1.6;
  color:var(--dnux-muted);
}
body.dnux-game .dnux-headlineList{
  display:grid;
  gap:10px;
}
body.dnux-game .dnux-headlineItem{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}
body.dnux-game .dnux-headlineDot{
  width:9px;
  height:9px;
  margin-top:7px;
  border-radius:999px;
  flex:0 0 auto;
  background:linear-gradient(135deg,var(--dnux-pink),var(--dnux-cyan));
  box-shadow:0 0 0 4px rgba(34,211,238,.12);
}
body.dnux-game .dnux-headlineItem span:last-child{
  line-height:1.55;
  color:#f4f7ff;
}
body.dnux-game .dnux-reactionStack{
  display:grid;
  gap:10px;
}
body.dnux-game .dnux-reactionLine{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}
body.dnux-game .dnux-reactionActor{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
body.dnux-game .dnux-reactionLine strong{
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#f7d9eb;
}
body.dnux-game .dnux-reactionLine em{
  font-style:normal;
  font-size:11px;
  line-height:1;
  white-space:nowrap;
  padding:5px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  color:#dbeafe;
}
body.dnux-game .dnux-reactionLine--own{
  border-color:rgba(34,211,238,.34);
  background:rgba(34,211,238,.09);
}
body.dnux-game .dnux-reactionLine--media{
  border-color:rgba(250,204,21,.26);
  background:rgba(250,204,21,.07);
}
body.dnux-game .dnux-reactionLine--opponent{
  border-color:rgba(244,114,182,.24);
}
body.dnux-game .dnux-reactionLine span,
body.dnux-game .dnux-reactionFallback{
  line-height:1.6;
  color:#f2f6ff;
}

body.dnux-game #results .resultCard[data-dn-section="reaktion"]{display:none!important;}
@media (max-width:800px){
  body.dnux-game .dnux-headlineCard{padding:16px;}
  body.dnux-game .dnux-headlineHead h3{font-size:17px;}
  body.dnux-game .dnux-headlineLead{font-size:13px;}
  body.dnux-game .dnux-regionWeightBoard{grid-template-columns:1fr;}
  body.dnux-game .dnux-regionWeightCard{padding:13px 14px;}
}

.dnux-premiumBadge{
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
  border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05);
  color:#fff; font-size:12px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px;
}
@media (max-width:1100px){
  body.dnux-game .dnux-grid,
  body.dnux-game .dnux-analysisTop,
  body.dnux-game .dnux-analysisGrid{grid-template-columns:1fr;}
}
@media (max-width:800px){
  .dnux-summary{padding:16px;}
  .dnux-summaryMain{align-items:center;}
  .dnux-tabbar{gap:8px;}
  .dnux-tab{flex:1 1 calc(50% - 8px);}
  .dnux-roundLoopHead{grid-template-columns:1fr; display:grid;}
  .dnux-roundLoopAction, .dnux-nextRoundBtn{width:100%;}
  body.dnux-game .actionsRow{display:flex!important; overflow-x:auto; gap:12px; padding-bottom:6px; scroll-snap-type:x proximity;}
  body.dnux-game .optionCard{min-width:248px; scroll-snap-align:start; min-height:unset!important;}
  body.dnux-game .hero{padding:18px;}
}


.dnux-helpBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(34,211,238,.26);
  background:rgba(34,211,238,.10);
  color:#f5fbff;
  font-weight:800;
  cursor:pointer;
}
.dnux-helpBtn:hover{border-color:rgba(34,211,238,.44); background:rgba(34,211,238,.14);}
body.dnux-guide-open{overflow-x:hidden;}
#dnuxGuideOverlay,
#dnuxLoadingOverlay{
  position:fixed;
  inset:0;
  z-index:12000;
  display:none;
}
#dnuxGuideOverlay.dnux-open,
#dnuxLoadingOverlay.dnux-open{display:block;}
.dnux-guideShade,
.dnux-loadingShade{
  position:absolute;
  inset:0;
  background:rgba(6,4,15,.62);
  backdrop-filter:blur(4px);
}
.dnux-guideCard,
.dnux-loadingCard{
  position:fixed;
  right:22px;
  bottom:22px;
  width:min(430px, calc(100vw - 28px));
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(22,14,40,.98),rgba(12,9,24,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.42);
  color:#fff;
}
.dnux-guideTop{display:flex; justify-content:space-between; gap:12px; align-items:flex-start;}
.dnux-guideEyebrow{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#c4b5fd; font-weight:700;}
.dnux-guideTitle{margin:6px 0 0; font-size:26px; line-height:1.08;}
.dnux-guideClose{
  width:40px; height:40px; border-radius:999px; border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05); color:#fff; font-size:24px; line-height:1; cursor:pointer;
}
.dnux-guideProgress{margin:14px 0 10px; font-size:13px; color:#d8d0ea;}
.dnux-guideBody{font-size:15px; line-height:1.68; color:#f4f0ff;}
.dnux-guideHint{margin-top:12px; font-size:13px; line-height:1.55; color:#cfd6eb;}
.dnux-guideActions{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px;}
.dnux-guidePrimary,
.dnux-guideGhost{
  display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 14px; border-radius:14px;
  cursor:pointer; font-weight:800;
}
.dnux-guidePrimary{
  border:0; background:linear-gradient(90deg,var(--dnux-pink),var(--dnux-violet)); color:#fff;
}
.dnux-guideGhost{
  border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05); color:#fff;
}
.dnux-guideGhost[disabled]{opacity:.45; cursor:default;}
.dnux-guidedTarget{
  position:relative;
  z-index:12001!important;
  outline:2px solid rgba(34,211,238,.95)!important;
  box-shadow:0 0 0 8px rgba(34,211,238,.18), 0 20px 60px rgba(0,0,0,.38)!important;
}
.dnux-loadingCard{
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  width:min(420px, calc(100vw - 28px));
  transform:translate(-50%, -50%);
  display:grid;
  justify-items:center;
  text-align:center;
  gap:10px;
}
.dnux-spinner{
  width:54px;
  height:54px;
  border-radius:999px;
  border:4px solid rgba(255,255,255,.14);
  border-top-color:var(--dnux-cyan);
  border-right-color:var(--dnux-violet);
  animation:dnuxSpin .95s linear infinite;
}
.dnux-loadingTitle{font-size:22px; font-weight:900;}
.dnux-loadingCopy{font-size:14px; line-height:1.6; color:#d9d3ea; max-width:34ch;}
@keyframes dnuxSpin{to{transform:rotate(360deg)}}
@media (max-width:800px){
  .dnux-helpBtn{width:100%;}
  .dnux-guideCard{left:14px; right:14px; bottom:14px; width:auto;}
  .dnux-guideActions > *{flex:1 1 calc(50% - 10px);}
}


body.dnux-game .hero .dnux-heroPath{
  margin:14px 0 0;
  max-width:min(1020px,100%);
  display:grid;
  gap:8px;
  color:#fff;
}
body.dnux-game .hero .dnux-heroPathMain{
  display:block;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(34,211,238,.30);
  background:linear-gradient(90deg,rgba(34,211,238,.16),rgba(139,92,246,.14),rgba(236,72,153,.12));
  box-shadow:0 18px 40px rgba(7,3,17,.22);
  font-size:clamp(23px,2.65vw,34px);
  line-height:1.15;
  font-weight:900;
  color:#f8fdff;
  letter-spacing:-.02em;
  text-shadow:0 10px 30px rgba(0,0,0,.24);
}
body.dnux-game .hero .dnux-heroPathSignal{
  color:var(--dnux-cyan);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-right:10px;
}
body.dnux-game .hero .dnux-heroPathSub{
  display:block;
  font-size:clamp(14px,1.2vw,16px);
  line-height:1.5;
  font-weight:700;
  color:#ebf9ff;
  opacity:.96;
}
@media (max-width:800px){
  body.dnux-game .hero .dnux-heroPath{gap:6px;margin-top:12px;}
  body.dnux-game .hero .dnux-heroPathMain{font-size:clamp(20px,6vw,26px);}
}


.dnux-liveRoom{
  width:min(420px,100%);
  justify-self:end;
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:24px;
  border:1px solid var(--dnux-line);
  background:linear-gradient(180deg,var(--dnux-panel),rgba(255,255,255,.035));
  box-shadow:var(--dnux-shadow);
}
.dnux-liveHead{display:flex; align-items:flex-start; justify-content:space-between; gap:12px;}
.dnux-liveEyebrow{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#cfd7ee;}
.dnux-liveHead h3{margin:4px 0 0; font-size:18px; line-height:1.15;}
.dnux-liveBadge{
  display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border-radius:999px;
  border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05); font-size:12px; font-weight:800; color:#fff;
}
.dnux-liveDot{width:8px; height:8px; border-radius:999px; background:#ef4444; box-shadow:0 0 0 6px rgba(239,68,68,.12);}
.dnux-liveScreen{display:grid;}
.dnux-liveFrame{
  overflow:hidden; border-radius:20px; border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(12,10,25,.98),rgba(17,11,31,.96));
}
.dnux-liveHeader{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04);
}
.dnux-liveChannel{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#d8d0ea; font-weight:800;}
.dnux-liveCountry{font-size:12px; color:#fff; font-weight:700;}
.dnux-liveStage{
  position:relative; min-height:190px; padding:12px; overflow:hidden;
  background:radial-gradient(circle at 10% 10%, rgba(34,211,238,.14), transparent 28%), radial-gradient(circle at 90% 0%, rgba(236,72,153,.16), transparent 24%), linear-gradient(180deg,rgba(18,13,35,.86),rgba(10,9,21,.96));
}
.dnux-liveBackdrop{
  position:absolute; inset:14px 14px auto; height:92px; border-radius:18px;
  background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(139,92,246,.12),rgba(236,72,153,.10));
  border:1px solid rgba(255,255,255,.08);
}
.dnux-liveWave{
  position:absolute; right:16px; top:20px; display:inline-flex; align-items:flex-end; gap:4px; height:24px;
}
.dnux-liveWave span{
  width:4px; border-radius:999px; background:linear-gradient(180deg,rgba(236,72,153,.9),rgba(34,211,238,.75));
  animation:dnuxWave 2.4s ease-in-out infinite;
}
.dnux-liveWave span:nth-child(1){height:10px; animation-delay:0s;}
.dnux-liveWave span:nth-child(2){height:18px; animation-delay:.2s;}
.dnux-liveWave span:nth-child(3){height:14px; animation-delay:.4s;}
.dnux-liveWave span:nth-child(4){height:9px; animation-delay:.6s;}
.dnux-anchorSvg{position:relative; z-index:1; display:block; width:100%; height:auto; max-height:154px; margin-top:8px;}
.dnux-anchorSvg .dnux-anchorMouth,
.dnux-anchorSvg .dnux-anchorEyes{transform-box:fill-box; transform-origin:center;}
.dnux-liveStage.dnux-speaking .dnux-anchorMouth{animation:dnuxTalk 2.6s ease-in-out infinite;}
.dnux-liveStage.dnux-speaking .dnux-anchorEyes{animation:dnuxBlink 9s ease-in-out infinite;}
.dnux-liveCaption{
  position:absolute; left:14px; right:14px; bottom:12px; z-index:2; padding:10px 12px;
  border-radius:14px; border:1px solid rgba(255,255,255,.12); background:rgba(8,8,18,.58); backdrop-filter:blur(8px);
  font-size:13px; line-height:1.55; color:#f7f3ff;
}
.dnux-tickerViewport{overflow:hidden; border-top:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);}
.dnux-tickerTrack{
  display:inline-flex; align-items:center; gap:28px; width:max-content; padding:10px 16px; white-space:nowrap;
  animation:dnuxTicker 34s linear infinite;
}
.dnux-tickerTrack.dnux-tickerStill{animation:none; width:100%; white-space:normal; display:flex; flex-wrap:wrap; gap:10px;}
.dnux-tickerItem{
  position:relative; display:inline-flex; align-items:center; gap:10px; font-size:13px; color:#eef4ff;
}
.dnux-tickerItem::before{
  content:''; width:7px; height:7px; border-radius:999px; background:rgba(34,211,238,.95); box-shadow:0 0 0 4px rgba(34,211,238,.12);
}
@keyframes dnuxWave{0%,100%{transform:scaleY(.82); opacity:.78;}50%{transform:scaleY(1.12); opacity:1;}}
@keyframes dnuxTalk{0%,100%{transform:scaleY(1);}28%{transform:scaleY(1.7);}46%{transform:scaleY(.9);}68%{transform:scaleY(1.45);}}
@keyframes dnuxBlink{0%,46%,48%,100%{transform:scaleY(1);}47%{transform:scaleY(.12);}}
@keyframes dnuxTicker{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (max-width:1100px){
  .dnux-liveRoom{justify-self:stretch; width:100%;}
}


.dnux-liveDock{display:flex;justify-content:flex-end;align-items:flex-start;}
.dnux-liveRoom{width:min(360px,100%);margin-top:4px;}
@media (max-width:1100px){
  .dnux-liveDock{justify-content:stretch;}
  .dnux-liveRoom{width:100%;}
}


/* === Layout-Optimierung: Desktop ohne Seiten-Scrollen, Tablet kompakt und klar === */
body.dnux-game .hero{
  padding:14px 16px;
  margin-bottom:0;
}
body.dnux-game .hero .badge{padding:7px 12px; font-size:11px;}
body.dnux-game .hero h1{font-size:clamp(28px,4.2vw,52px); margin:10px 0 6px;}
body.dnux-game .hero p{font-size:13px; line-height:1.5; max-width:72ch;}
body.dnux-game .sessionStrip{margin-top:10px; padding:10px 14px; font-size:13px;}
#dnuxGameShell{margin:0 0 12px; min-height:0;}
.dnux-summary{padding:14px 16px; gap:12px;}
.dnux-summaryMain{gap:12px;}
.dnux-flag{width:46px; height:46px; border-radius:16px; font-size:24px;}
.dnux-title{font-size:clamp(22px,2.6vw,30px);}
.dnux-sub{font-size:13px; line-height:1.45; max-width:68ch;}
.dnux-chipRow{gap:6px;}
.dnux-chip{padding:7px 10px; font-size:12px;}
.dnux-message{padding:12px 14px; font-size:13px; line-height:1.5;}
.dnux-tabbar{padding:6px; gap:8px;}
.dnux-tab{min-height:40px; padding:8px 12px; font-size:14px;}
.dnux-panel{min-height:0; align-content:start;}
body.dnux-game .dnux-grid{gap:12px;}
body.dnux-game .dnux-cardIntro{padding:12px 14px; margin-bottom:10px;}
body.dnux-game .dnux-cardIntro h2, body.dnux-game .dnux-cardIntro h3{font-size:16px;}
body.dnux-game .dnux-cardIntro p{font-size:13px; line-height:1.45;}
body.dnux-game .box.stack{padding:14px; gap:10px;}
body.dnux-game .box.dnux-block,
body.dnux-game .panel.dnux-block,
body.dnux-game .mapWrap.dnux-block,
body.dnux-game .resultCard.dnux-block,
body.dnux-game .dnux-analysisTop > *,
body.dnux-game .dnux-analysisGrid > *,
body.dnux-game .dnux-mapCard{border-radius:22px;}
body.dnux-game label{font-size:13px;}
body.dnux-game select,
body.dnux-game textarea,
body.dnux-game input{padding:10px 12px; font-size:14px;}
body.dnux-game textarea#actionText{min-height:96px; max-height:152px;}
body.dnux-game .actionsRow{grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px;}
body.dnux-game .optionCard{min-height:152px!important; padding:12px!important;}
body.dnux-game .optionTitle{font-size:15px!important; line-height:1.18!important;}
body.dnux-game .optionText{font-size:12px!important; line-height:1.38!important;}
body.dnux-game .optionMeta{padding-top:10px;}
body.dnux-game .cta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  position:sticky;
  bottom:0;
  z-index:4;
  padding-top:10px;
  background:linear-gradient(180deg,rgba(14,10,28,0),rgba(14,10,28,.92) 34%);
}
body.dnux-game .cta button{width:100%; min-height:44px; font-size:14px;}
body.dnux-game .status{margin-top:8px; padding:12px 14px; font-size:13px; line-height:1.5;}
body.dnux-game #metricGrid{display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px;}
body.dnux-game #pressureGrid{display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px;}
body.dnux-game .kpi{padding:12px;}
body.dnux-game .kpiValue{font-size:20px!important;}
body.dnux-game .kpiHint,
body.dnux-game .note,
body.dnux-game .small{font-size:12px!important; line-height:1.45!important;}
body.dnux-game .dnux-analysisTop,
body.dnux-game .dnux-analysisGrid{gap:12px;}
body.dnux-game .footer{margin-top:0; padding-top:6px; font-size:12px; opacity:.88;}

.dnux-liveDock{display:flex; justify-content:flex-end; align-items:stretch; min-width:0;}
.dnux-liveDock .dnux-liveRoom,
.dnux-liveDock .dnLiveRoom{width:min(360px,100%); margin:0;}
.dnLiveRoom.dnux-livePromoted{
  width:100%;
  margin:0;
  padding:14px;
  border-radius:22px;
  box-shadow:var(--dnux-shadow);
}
.dnLiveRoom.dnux-livePromoted .dnLiveHeadText{font-size:11px;}
.dnLiveRoom.dnux-livePromoted .dnLiveStage{grid-template-columns:96px minmax(0,1fr); min-height:unset; gap:10px; padding:10px 12px;}
.dnLiveRoom.dnux-livePromoted .dnLiveAnchor{min-height:120px;}
.dnLiveRoom.dnux-livePromoted .dnLiveAnchor svg{max-width:92px; height:auto; display:block; margin:auto;}
.dnLiveRoom.dnux-livePromoted .dnLiveBrand{font-size:11px;}
.dnLiveRoom.dnux-livePromoted .dnLiveCaption{font-size:18px; line-height:1.2;}
.dnLiveRoom.dnux-livePromoted .dnLiveSub{font-size:12px; line-height:1.45;}
.dnLiveRoom.dnux-livePromoted .dnLiveTickerTrack{padding:8px 0; gap:18px;}
.dnLiveRoom.dnux-livePromoted .dnLiveTickerItem{font-size:12px;}

@media (min-width:1180px) and (min-height:760px){
  body.dnux-game{
    min-height:var(--dnux-vh,100dvh);
    overflow-x:hidden;
    overflow-y:auto;
  }
  body.dnux-game .wrap{
    max-width:min(1680px,100vw);
    padding:12px 16px 18px;
  }
  body.dnux-game .nav{margin-bottom:0; gap:10px;}
  body.dnux-game .brandWrap{gap:10px;}
  body.dnux-game .brandIcon{width:46px; height:46px; font-size:18px;}
  body.dnux-game .brandSub{font-size:11px;}
  body.dnux-game .navLinks{gap:8px;}
  body.dnux-game .navLinks a{padding:8px 10px; font-size:14px;}
  body.dnux-game .modePicker{padding:6px 8px; gap:6px;}
  body.dnux-game .modePicker select{min-width:200px; padding:9px 12px; font-size:14px;}
  #dnuxGameShell{display:grid; gap:10px;}
  .dnux-summary{
    grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);
    grid-template-areas:'top live' 'message live';
    align-items:stretch;
    gap:12px 14px;
    padding:12px 14px;
  }
  .dnux-summaryTop{grid-area:top; align-self:start;}
  .dnux-message{grid-area:message; align-self:end;}
  .dnux-liveDock{grid-area:live; justify-content:stretch;}
  .dnux-panel{overflow:visible; padding-right:0;}
  body.dnux-game .dnux-grid{grid-template-columns:minmax(395px,.88fr) minmax(560px,1.12fr);}
  body.dnux-game .dnux-analysisTop{grid-template-columns:1fr 1fr;}
  body.dnux-game .dnux-analysisGrid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);}
  body.dnux-game .cta{position:static; background:none;}
}

@media (min-width:700px) and (max-width:1179px){
  body.dnux-game .wrap{max-width:min(100vw,1280px); padding:14px;}
  body.dnux-game .nav{gap:12px;}
  body.dnux-game .modePicker{width:100%; justify-content:space-between;}
  body.dnux-game .modePicker select{flex:1 1 auto; min-width:0;}
  .dnux-summary{grid-template-columns:1fr;}
  .dnux-liveDock{justify-content:stretch;}
  .dnux-liveDock .dnux-liveRoom,
  .dnux-liveDock .dnLiveRoom{width:100%;}
  body.dnux-game .dnux-grid,
  body.dnux-game .dnux-analysisTop,
  body.dnux-game .dnux-analysisGrid{grid-template-columns:1fr;}
  body.dnux-game #metricGrid,
  body.dnux-game #pressureGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.dnux-game .actionsRow{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.dnux-game .optionCard{min-height:164px!important;}
  body.dnux-game .cta{position:static; background:none; grid-template-columns:repeat(3,minmax(0,1fr));}
  .dnux-tab{flex:1 1 calc(50% - 8px);}
}

@media (max-width:699px){
  body.dnux-game .hero{padding:14px;}
  .dnux-roundLoopCard{padding:16px;}
  body.dnux-game .hero h1{font-size:clamp(30px,10vw,44px);}
  body.dnux-game .dnux-grid,
  body.dnux-game .dnux-analysisTop,
  body.dnux-game .dnux-analysisGrid{grid-template-columns:1fr;}
  body.dnux-game #metricGrid,
  body.dnux-game #pressureGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .dnux-liveDock{justify-content:stretch;}
  .dnux-liveDock .dnux-liveRoom,
  .dnux-liveDock .dnLiveRoom{width:100%;}
  .dnLiveRoom.dnux-livePromoted .dnLiveStage{grid-template-columns:1fr;}
  .dnLiveRoom.dnux-livePromoted .dnLiveAnchor{min-height:110px;}
  body.dnux-game .cta{position:static; background:none; grid-template-columns:1fr;}
}


/* Democratia Nova – finishing pass for start, dashboard, guide, auth and legal pages */
body.dnux-static{overflow-x:hidden;}
body.dnux-static .nav{
  position:sticky;
  top:10px;
  z-index:28;
  padding:14px 16px;
  margin-bottom:18px;
  border:1px solid var(--dnux-line);
  border-radius:24px;
  background:linear-gradient(180deg,var(--dnux-panel),rgba(255,255,255,.04));
  box-shadow:var(--dnux-shadow);
  backdrop-filter:blur(12px);
}
body.dnux-static .navActions{gap:10px;}
body.dnux-static .navLinks{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;}
body.dnux-static .navLinks::-webkit-scrollbar{display:none;}
body.dnux-static .navLinks a{white-space:nowrap;}
body.dnux-static .hero{
  padding:26px;
  border-radius:28px;
  background:linear-gradient(180deg,var(--dnux-panel),rgba(255,255,255,.04));
  border-color:var(--dnux-line);
  box-shadow:var(--dnux-shadow);
}
body.dnux-static .hero p{max-width:72ch;font-size:15px;line-height:1.65;}
body.dnux-static .hero h1{font-size:clamp(34px,5.4vw,64px);}
body.dnux-static .box,
body.dnux-static .card,
body.dnux-static .priceCard{border-color:var(--dnux-line);box-shadow:var(--dnux-shadow);}
body.dnux-static .footer{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);}
.dnux-pageShell,
.dnux-guideShell,
.dnux-legalShell,
.dnux-authShell{display:grid;gap:18px;margin-top:18px;}
.dnux-shellHero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:18px;align-items:start;}
.dnux-sideRail,
.dnux-authAside,
.dnux-guideMain,
.dnux-legalMain,
.dnux-authMain{display:grid;gap:14px;}
.dnux-sideCard,
.dnux-overviewRail,
.dnux-inlineGuide{
  padding:18px;
  border-radius:24px;
  border:1px solid var(--dnux-line);
  background:linear-gradient(180deg,var(--dnux-panel),rgba(255,255,255,.035));
  box-shadow:var(--dnux-shadow);
}
.dnux-sideEyebrow,
.dnux-cardKick{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d9d3ea;font-weight:800;}
.dnux-cardKick{display:block;margin-bottom:12px;}
.dnux-flowList,
.dnux-stepsMini{display:grid;gap:12px;margin-top:12px;}
.dnux-flowItem,
.dnux-stepsMiniItem{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.dnux-flowItem:first-child,
.dnux-stepsMiniItem:first-child{padding-top:0;border-top:0;}
.dnux-flowNo,
.dnux-stepsMiniNo{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(34,211,236,.12);
  border:1px solid rgba(34,211,236,.24);
  font-weight:900;
  color:#fff;
}
.dnux-flowCopy strong,
.dnux-stepsMiniCopy strong{display:block;margin-bottom:4px;font-size:15px;line-height:1.2;}
.dnux-flowCopy span,
.dnux-stepsMiniCopy span{display:block;font-size:13px;line-height:1.55;color:var(--dnux-muted);}
.dnux-summaryList{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none;}
.dnux-summaryList li{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#f7f3ff;
  line-height:1.55;
}
.dnux-linkPills{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.dnux-chipLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#fff;
  text-decoration:none;
  font-weight:800;
}
.dnux-chipLink:hover{border-color:rgba(34,211,236,.34);background:rgba(34,211,236,.10);}
.dnux-overviewRail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.dnux-overviewCard{padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);}
.dnux-overviewCard strong{display:block;margin-bottom:6px;font-size:15px;color:#fff;}
.dnux-overviewCard span{display:block;font-size:13px;line-height:1.55;color:var(--dnux-muted);}
.dnux-inlineGuide{
  padding:14px 16px;
  border-radius:18px;
  border-color:rgba(34,211,236,.22);
  background:rgba(34,211,236,.08);
  color:#f6fcff;
  font-size:14px;
  line-height:1.6;
}
body.dnux-static .dnux-checklist{margin:0;padding:0;list-style:none;display:grid;gap:12px;}
body.dnux-static .dnux-checklist li{position:relative;padding-left:34px;color:var(--dnux-muted);line-height:1.6;}
body.dnux-static .dnux-checklist li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;
  width:22px;
  height:22px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(34,197,94,.18);
  border:1px solid rgba(34,197,94,.32);
  color:#fff;
  font-size:13px;
  font-weight:900;
}
body.dnux-page-home .dnux-homeLower{display:grid;grid-template-columns:minmax(300px,.84fr) minmax(0,1.16fr);gap:18px;align-items:start;}
body.dnux-page-home .dnux-homeFeatures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0!important;}
body.dnux-page-home .dnux-homeFeatures .card{height:100%;}
body.dnux-page-home .dnux-homeChecklist{height:100%;align-content:start;}
body.dnux-page-home #sessionStatus{margin-top:16px;}
body.dnux-page-dashboard .grid2,
body.dnux-page-wallet .grid2{gap:18px;}
body.dnux-page-dashboard .grid2>.box,
body.dnux-page-wallet .grid2>.box{display:grid;gap:16px;align-content:start;}
body.dnux-page-dashboard .grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
body.dnux-page-dashboard .heroChoice{margin-top:0;}
body.dnux-page-wallet .priceCard{position:relative;overflow:hidden;display:grid;gap:10px;align-content:start;}
body.dnux-page-wallet .priceCard.dnux-recommended{transform:translateY(-4px);border-color:rgba(34,211,236,.34);box-shadow:0 24px 60px rgba(7,3,17,.44);}
body.dnux-page-wallet .priceCard.dnux-recommended::before{
  content:'Empfohlen';
  position:absolute;
  top:14px;
  right:14px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(34,211,236,.12);
  border:1px solid rgba(34,211,236,.28);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
  color:#fff;
}
body.dnux-page-manual .sectionStack{display:grid;gap:18px;}
body.dnux-page-manual .sectionStack>.box{margin:0!important;}
.dnux-guideShell{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;}
.dnux-guideToc{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
body.dnux-page-manual .dnux-guideRail{position:sticky;top:108px;}
body.dnux-page-manual .dnux-guideSection{position:relative;padding-top:24px!important;}
body.dnux-page-manual .dnux-guideSection::before{
  content:attr(data-step);
  position:absolute;
  top:18px;
  right:18px;
  width:36px;
  height:36px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(34,211,236,.10);
  border:1px solid rgba(34,211,236,.26);
  color:#fff;
  font-weight:900;
}
.dnux-legalShell{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:start;}
body.dnux-page-legal .dnux-sideRail,
body.dnux-page-denied .dnux-sideRail{position:sticky;top:108px;}
body.dnux-page-legal .dnux-legalArticle .timeline{counter-reset:legal;}
body.dnux-page-legal .dnux-legalArticle .timelineItem{position:relative;padding-left:56px;counter-increment:legal;}
body.dnux-page-legal .dnux-legalArticle .timelineItem::before{
  content:counter(legal);
  position:absolute;
  left:16px;
  top:14px;
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(139,92,246,.18);
  border:1px solid rgba(139,92,246,.28);
  color:#fff;
  font-weight:900;
  font-size:13px;
}
body.dnux-page-auth .narrow{max-width:1180px;}
.dnux-authShell{grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);align-items:start;}
body.dnux-page-auth .box{margin:0!important;}
body.dnux-page-denied .dnux-deniedBox .cta{margin-top:16px;}
@media (max-width:1100px){
  .dnux-shellHero,
  .dnux-homeLower,
  .dnux-guideShell,
  .dnux-legalShell,
  .dnux-authShell{grid-template-columns:1fr;}
  body.dnux-page-manual .dnux-guideRail,
  body.dnux-page-legal .dnux-sideRail,
  body.dnux-page-denied .dnux-sideRail{position:static;}
}
@media (max-width:760px){
  body.dnux-static .nav{top:8px;padding:12px 14px;border-radius:20px;}
  body.dnux-static .hero{padding:20px;}
  .dnux-overviewRail{grid-template-columns:1fr;}
  .dnux-linkPills{gap:8px;}
  .dnux-chipLink{width:100%;}
  body.dnux-page-home .dnux-homeFeatures{grid-template-columns:1fr;}
}


/* === Crystal Glass Redesign 2026-04-10 =================================== */
:root{
  --bg1:#091425;
  --bg2:#171127;
  --panel:rgba(255,255,255,.12);
  --panel2:rgba(255,255,255,.055);
  --line:rgba(255,255,255,.22);
  --text:#fbfdff;
  --muted:#e7eef9;
  --shadow:0 24px 72px rgba(6,10,24,.34), inset 0 1px 0 rgba(255,255,255,.18);

  --dnux-panel:rgba(255,255,255,.12);
  --dnux-panel-2:rgba(255,255,255,.055);
  --dnux-line:rgba(255,255,255,.22);
  --dnux-line-strong:rgba(147,197,253,.42);
  --dnux-text:#fbfdff;
  --dnux-muted:#e7eef9;
  --dnux-shadow:0 24px 72px rgba(6,10,24,.34), inset 0 1px 0 rgba(255,255,255,.18);
}

html,body{background-color:#091321;}
body{
  background:
    radial-gradient(circle at 10% 10%, rgba(104,227,255,.18), transparent 24%),
    radial-gradient(circle at 88% 8%, rgba(218,148,255,.18), transparent 22%),
    radial-gradient(circle at 52% 94%, rgba(79,238,255,.12), transparent 30%),
    linear-gradient(135deg,#08111e 0%,#0f1728 46%,#140f23 100%) !important;
  background-attachment:fixed !important;
  color:var(--text);
}

*{
  scrollbar-color:rgba(255,255,255,.22) transparent;
}
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.20);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}
*::-webkit-scrollbar-track{background:transparent;}

.brandIcon,
:where(.hero,.box:not(.stack),.card,.panel,.resultCard,.priceCard,.kpi,.metaItem,.checkbox,.status,.modePicker,.modePickerStart,.nav,.navLinks a,.tag,.badge,.dnux-summary,.dnux-tabbar,.dnux-liveRoom,.dnux-flowCard,.dnux-stageCard,.dnux-decisionComposer,.dnux-roundLoopCard,.dnux-mapCard,.dnLiveRoom,.optionCard,.pressureCard,.dnux-sideCard,.dnux-overviewRail,.dnux-overviewCard,.dnux-inlineGuide,.dnux-authMain,.dnux-authAside,.dnux-guideMain,.dnux-legalMain,.dnux-sideRail){
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06)) !important,
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(150,214,255,.03) 44%, rgba(255,255,255,.02) 100%) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 22px 68px rgba(4,9,23,.30),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter:blur(24px) saturate(155%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(155%) !important;
}

.navLinks a,
.badge,
.tag,
.kpi,
.metaItem,
.checkbox,
.dnux-flowStep,
.dnux-message,
.dnux-objective,
.dnux-choicePreview,
.dnux-fieldHint,
.dnux-liveBadge,
.dnux-liveCaption,
.dnux-inlineGuide,
.dnux-overviewCard,
.priceCard.dnux-recommended::before,
.modePickerStart button,
.modePickerStart select{
  box-shadow:
    0 16px 42px rgba(5,9,22,.18),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.brandIcon{
  border-radius:20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.08)) !important,
    linear-gradient(135deg, rgba(236,72,153,.26), rgba(139,92,246,.22), rgba(34,211,238,.20)) !important;
}
.brandSub,
.kpiLabel,
.dnux-eyebrow,
.dnux-liveEyebrow,
.dnux-miniEyebrow,
.dnux-sideEyebrow,
.dnux-cardKick,
.dnux-guideEyebrow,
.modePickerOverline,
.resultLabel{
  color:#eff7ff !important;
  opacity:.86;
}

:where(h1,h2,h3,h4,.dnux-title,.dnux-flowTitle h2,.dnux-optionHeader h3,.dnux-guideTitle,.dnux-loadingTitle,.priceAmount,.kpiValue){
  color:#ffffff;
  text-shadow:0 10px 30px rgba(4,9,23,.20);
}
:where(p,.small,.note,.kpiHint,.list,.footer,.footerLinks a,.resultBody,.dnux-sub,.dnux-message,.dnux-objective,.dnux-choicePreview,.dnux-fieldHint,.dnux-guideHint,.dnux-loadingCopy,.dnux-liveCaption,.dnux-tickerItem,.dnux-flowCopy span,.dnux-stageCopy p,.dnux-secondaryInfo,.dnux-overviewCard span,.dnux-summaryList li){
  color:#edf4ff !important;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea{
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07)) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:
    0 16px 38px rgba(5,9,22,.16),
    inset 0 1px 0 rgba(255,255,255,.26) !important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
input::placeholder,
textarea::placeholder{color:rgba(247,250,255,.66) !important;}
select option{background:#f4f8ff;color:#101827;}

:where(button,.btn,.dnux-nextRoundBtn,.dnux-guidePrimary){
  border:1px solid rgba(255,255,255,.28) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.06)) !important,
    linear-gradient(135deg, rgba(236,72,153,.82), rgba(139,92,246,.84) 48%, rgba(34,211,238,.80)) !important;
  box-shadow:
    0 18px 40px rgba(69,48,150,.30),
    inset 0 1px 0 rgba(255,255,255,.46),
    inset 0 -1px 0 rgba(255,255,255,.08) !important;
  text-shadow:0 1px 14px rgba(0,0,0,.22);
}
:where(button.secondary,.btn.secondary,button.ghost,.btn.ghost,.dnux-guideGhost,.dnux-helpBtn,.dnux-tab){
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.05)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 14px 34px rgba(5,9,22,.16),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
}
body.dnux-game .dnux-tabbar,
body.dnux-game .dnux-tab,
body.dnux-game .dnux-tab[aria-selected="true"]{
  border-radius:18px !important;
}
body.dnux-game .dnux-tab[aria-selected="true"],
.navLinks a.active,
.navLinks a:hover,
:where(button,.btn,.dnux-nextRoundBtn,.dnux-guidePrimary):hover{
  border-color:rgba(255,255,255,.30) !important;
  box-shadow:
    0 22px 50px rgba(69,48,150,.30),
    inset 0 1px 0 rgba(255,255,255,.50),
    inset 0 -1px 0 rgba(255,255,255,.08) !important;
}
:where(button,.btn,.dnux-tab,.navLinks a){
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
:where(button,.btn,.dnux-tab,.navLinks a):hover{transform:translateY(-1px);}
:where(button,.btn,.dnux-tab,.navLinks a,input,select,textarea):focus-visible{
  outline:2px solid rgba(148,211,255,.58);
  outline-offset:2px;
}

.modePickerStart{
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.07)) !important,
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(236,72,153,.08), rgba(34,211,238,.05)) !important;
  border-color:rgba(255,255,255,.24) !important;
}
.modePickerStart::before{opacity:.65 !important;}
.modePickerHeadline,.modePickerHint{color:#ffffff !important;}

.dnux-flowNo,
.dnux-stepsMiniNo,
body.dnux-game .dnux-flowNumber,
body.dnux-game .dnux-stageNo,
.dnux-guideSection::before,
body.dnux-page-legal .dnux-legalArticle .timelineItem::before{
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08)) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36), 0 12px 28px rgba(5,9,22,.18) !important;
}

body.dnux-game .dnux-message,
body.dnux-static .dnux-inlineGuide,
body.dnux-page-home #sessionStatus{
  background:
    linear-gradient(180deg, rgba(114,236,255,.14), rgba(255,255,255,.06)) !important,
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(114,236,255,.04)) !important;
  border-color:rgba(160,231,255,.26) !important;
}
body.dnux-game .dnux-objective,
body.dnux-game .dnux-choicePreview{
  background:
    linear-gradient(180deg, rgba(255,190,228,.16), rgba(255,255,255,.06)) !important,
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(236,72,153,.05)) !important;
  border-color:rgba(255,205,234,.24) !important;
}
body.dnux-game .dnux-fieldHint,
body.dnux-game .status,
body.dnux-static .status{
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)) !important,
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(149,210,255,.03)) !important;
}

body.dnux-game .optionCard.active,
body.dnux-game .pressureCard,
body.dnux-game .kpi,
body.dnux-game .resultCard,
body.dnux-game .dnux-mapCard,
body.dnux-game .dnux-analysisTop > *,
body.dnux-game .dnux-analysisGrid > *{
  border-color:rgba(255,255,255,.22) !important;
}
body.dnux-game .optionCard.active{
  box-shadow:
    0 26px 60px rgba(69,48,150,.28),
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -1px 0 rgba(255,255,255,.05) !important;
}
body.dnux-game .fill,
.fill{
  box-shadow:0 0 20px rgba(34,211,238,.34);
}
body.dnux-game .dnux-liveFrame,
body.dnux-game .dnux-liveHeader,
body.dnux-game .dnux-liveCaption,
body.dnux-game .dnux-liveBadge,
body.dnux-game .dnLiveFrame,
body.dnux-game .dnLiveHead,
body.dnux-game .dnLiveCaptionWrap{
  border-color:rgba(255,255,255,.20) !important;
}
body.dnux-game .dnux-liveFrame,
body.dnux-game .dnLiveFrame{
  background:linear-gradient(180deg, rgba(21,26,41,.82), rgba(12,12,22,.82)) !important;
  box-shadow:0 20px 44px rgba(5,9,22,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
body.dnux-game .dnux-liveHeader,
body.dnux-game .dnLiveHead{
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04)) !important;
}

body.dnux-static .nav,
body.dnux-game .modePicker,
body.dnux-game .dnux-summary,
body.dnux-game .dnux-flowCard,
body.dnux-game .dnux-stageCard,
body.dnux-game .dnux-decisionComposer,
body.dnux-game .dnux-roundLoopCard,
body.dnux-page-home .dnux-homeFeatures .card,
body.dnux-page-dashboard .grid2 > .box,
body.dnux-page-wallet .grid2 > .box,
body.dnux-page-manual .sectionStack > .box,
body.dnux-page-auth .box,
body.dnux-page-legal .dnux-legalArticle,
body.dnux-page-denied .dnux-deniedBox{
  border-radius:28px !important;
}

body.dnux-static .hero,
body.dnux-page-home .dnux-shellHero > *,
body.dnux-page-dashboard .hero,
body.dnux-page-wallet .hero,
body.dnux-page-manual .hero,
body.dnux-page-auth .hero,
body.dnux-page-legal .hero,
body.dnux-page-denied .hero{
  border-radius:30px !important;
}

@media (max-width:760px){
  :where(.hero,.box:not(.stack),.card,.panel,.resultCard,.priceCard,.kpi,.metaItem,.checkbox,.status,.modePicker,.modePickerStart,.nav,.navLinks a,.tag,.badge,.dnux-summary,.dnux-tabbar,.dnux-liveRoom,.dnux-flowCard,.dnux-stageCard,.dnux-decisionComposer,.dnux-roundLoopCard,.dnux-mapCard,.dnLiveRoom,.optionCard,.pressureCard,.dnux-sideCard,.dnux-overviewRail,.dnux-overviewCard,.dnux-inlineGuide,.dnux-authMain,.dnux-authAside,.dnux-guideMain,.dnux-legalMain,.dnux-sideRail){
    backdrop-filter:blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
  }
}


/* === Democratia Nova action buttons: clearer than tiles, stronger primary actions === */
:root{
  --dnux-action-border:linear-gradient(90deg,rgba(236,72,153,.96),rgba(139,92,246,.94),rgba(34,211,238,.92));
  --dnux-action-glass:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  --dnux-action-shadow:0 14px 34px rgba(8,4,20,.28), 0 0 0 1px rgba(255,255,255,.05) inset;
  --dnux-action-shadow-strong:0 20px 46px rgba(139,92,246,.34), 0 10px 22px rgba(34,211,238,.16), 0 0 0 1px rgba(255,255,255,.08) inset;
}
body .btn,
body button:not(.dnux-tab):not(.dnux-guideClose):not(.dnux-guideDisable),
body .dnux-chipLink,
body .dnux-helpBtn,
body .dnux-guidePrimary,
body .dnux-guideGhost,
body .dnux-nextRoundBtn{
  position:relative;
  border-radius:18px;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease, background .18s ease;
  box-shadow:var(--dnux-action-shadow);
}
body .btn:hover,
body button:not(.dnux-tab):not(.dnux-guideClose):not(.dnux-guideDisable):hover,
body .dnux-chipLink:hover,
body .dnux-helpBtn:hover,
body .dnux-guidePrimary:hover,
body .dnux-guideGhost:hover,
body .dnux-nextRoundBtn:hover{
  transform:translateY(-1px);
}
body .btn:focus-visible,
body button:not(.dnux-tab):not(.dnux-guideClose):not(.dnux-guideDisable):focus-visible,
body .dnux-chipLink:focus-visible,
body .dnux-helpBtn:focus-visible,
body .dnux-guidePrimary:focus-visible,
body .dnux-guideGhost:focus-visible,
body .dnux-nextRoundBtn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.10), 0 0 0 7px rgba(34,211,238,.18), var(--dnux-action-shadow-strong);
}

/* Primary actions */
body .btn:not(.secondary):not(.ghost),
body button:not(.secondary):not(.ghost):not(.dnux-tab):not(.dnux-guideClose):not(.dnux-guideDisable),
body .dnux-guidePrimary,
body .dnux-nextRoundBtn,
body.dnux-game .cta > button:first-child,
body.dnux-game .cta > .btn:first-child,
body .dnux-actionBtn--primary{
  border:1.5px solid transparent !important;
  background:
    linear-gradient(90deg,rgba(236,72,153,.96),rgba(139,92,246,.95)) padding-box,
    linear-gradient(90deg,rgba(255,255,255,.92),rgba(236,72,153,.94),rgba(139,92,246,.94),rgba(34,211,238,.92)) border-box !important;
  color:#fff !important;
  font-weight:900;
  text-shadow:0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.22);
  box-shadow:var(--dnux-action-shadow-strong);
}
body .btn:not(.secondary):not(.ghost)::before,
body button:not(.secondary):not(.ghost):not(.dnux-tab):not(.dnux-guideClose):not(.dnux-guideDisable)::before,
body .dnux-guidePrimary::before,
body .dnux-nextRoundBtn::before,
body.dnux-game .cta > button:first-child::before,
body.dnux-game .cta > .btn:first-child::before,
body .dnux-actionBtn--primary::before{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 42%);
  pointer-events:none;
  opacity:.9;
}
body .btn:not(.secondary):not(.ghost):hover,
body button:not(.secondary):not(.ghost):not(.dnux-tab):not(.dnux-guideClose):not(.dnux-guideDisable):hover,
body .dnux-guidePrimary:hover,
body .dnux-nextRoundBtn:hover,
body .dnux-actionBtn--primary:hover{
  filter:brightness(1.04) saturate(1.06);
  box-shadow:0 22px 50px rgba(139,92,246,.40), 0 12px 24px rgba(34,211,238,.18), 0 0 0 1px rgba(255,255,255,.10) inset;
}

/* Secondary and ghost actions keep the crystal-glass look but now read as buttons, not tiles */
body .btn.secondary,
body button.secondary,
body .btn.ghost,
body button.ghost,
body .dnux-guideGhost,
body .dnux-helpBtn,
body .dnux-chipLink,
body .dnux-actionBtn:not(.dnux-actionBtn--primary),
body .dnux-actionBtn--campaign,
body .dnux-actionBtn--reset{
  border:1.5px solid transparent !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) padding-box,
    linear-gradient(90deg,rgba(236,72,153,.66),rgba(139,92,246,.64),rgba(34,211,238,.62)) border-box !important;
  color:#f8fbff !important;
}
body .btn.secondary:hover,
body button.secondary:hover,
body .btn.ghost:hover,
body button.ghost:hover,
body .dnux-guideGhost:hover,
body .dnux-helpBtn:hover,
body .dnux-chipLink:hover,
body .dnux-actionBtn:not(.dnux-actionBtn--primary):hover,
body .dnux-actionBtn--campaign:hover,
body .dnux-actionBtn--reset:hover{
  border-color:transparent !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06)) padding-box,
    linear-gradient(90deg,rgba(236,72,153,.78),rgba(139,92,246,.76),rgba(34,211,238,.72)) border-box !important;
  box-shadow:0 18px 38px rgba(12,8,28,.34), 0 8px 18px rgba(34,211,238,.08), 0 0 0 1px rgba(255,255,255,.06) inset;
}

/* Stronger game CTAs */
body.dnux-game .cta button,
body.dnux-game .cta .btn,
body.dnux-game .dnux-launchPrimary > *,
body.dnux-game .dnux-secondaryActions > *{
  font-size:15px !important;
  letter-spacing:.01em;
}
body.dnux-game .cta > button:first-child,
body.dnux-game .cta > .btn:first-child,
body .dnux-actionBtn--primary,
body .dnux-nextRoundBtn{
  min-height:54px !important;
  font-size:16px !important;
}
body.dnux-game .cta button[onclick*="resetGame"],
body.dnux-game .cta .btn[onclick*="resetGame"],
body .dnux-actionBtn--reset,
body #dnuxGuideBack{
  font-weight:900;
}
body.dnux-game .dnux-secondaryActions{
  display:grid;
  gap:10px;
}
body.dnux-game .dnux-launchPrimary > *,
body.dnux-game .dnux-secondaryActions > *{width:100%;}

/* Mobile: keep buttons readable and prominent */
@media (max-width:699px){
  body.dnux-game .cta > button:first-child,
  body.dnux-game .cta > .btn:first-child,
  body .dnux-actionBtn--primary,
  body .dnux-nextRoundBtn{
    min-height:56px !important;
  }
}


/* clearer active view indicator for round and results tabs */
body.dnux-game .dnux-tabbar{align-items:stretch;}
body.dnux-game .dnux-tab{
  position:relative;
  isolation:isolate;
  min-height:54px;
  opacity:.68;
  color:rgba(247,249,255,.92) !important;
  border-color:rgba(255,255,255,.16) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04)) !important;
}
body.dnux-game .dnux-tab::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
  pointer-events:none;
}
body.dnux-game .dnux-tab:not([aria-selected="true"]):hover{opacity:.88;}
body.dnux-game .dnux-tab[aria-selected="true"]{
  opacity:1;
  color:#fff !important;
  border-color:rgba(255,255,255,.42) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08)) !important,
    linear-gradient(135deg, rgba(236,72,153,.92), rgba(139,92,246,.92) 52%, rgba(34,211,238,.84)) !important;
  box-shadow:
    0 24px 54px rgba(73,48,160,.34),
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -1px 0 rgba(255,255,255,.08),
    0 0 0 2px rgba(236,72,153,.16) !important;
}
body.dnux-game .dnux-tab[aria-selected="true"]::after{
  content:'';
  position:absolute;
  top:10px;
  right:12px;
  width:10px;
  height:10px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, #fff, #9ef8ff 55%, #22d3ee 100%);
  box-shadow:0 0 0 4px rgba(34,211,238,.16), 0 0 18px rgba(34,211,238,.38);
}
body.dnux-game .dnux-tabStatus{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  max-width:100%;
  margin:8px 0 12px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(34,211,238,.24);
  background:linear-gradient(180deg, rgba(8,16,32,.70), rgba(8,16,32,.44));
  box-shadow:0 14px 34px rgba(5,10,22,.18);
}
body.dnux-game .dnux-tabStatusDot{
  flex:0 0 auto;
  width:10px;
  height:10px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, #fff, #9ef8ff 55%, #22d3ee 100%);
  box-shadow:0 0 0 4px rgba(34,211,238,.14), 0 0 18px rgba(34,211,238,.28);
}
body.dnux-game .dnux-tabStatusValue{
  display:block;
  min-width:0;
  font-size:13px;
  line-height:1.3;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#eef8ff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#dnuxGameShell[data-dnux-active-tab="analyse"] .dnux-tabStatus{
  border-color:rgba(236,72,153,.24);
}
#dnuxGameShell[data-dnux-active-tab="analyse"] .dnux-tabStatusDot{
  background:radial-gradient(circle at 35% 35%, #fff, #f7c9ff 58%, #ec4899 100%);
  box-shadow:0 0 0 4px rgba(236,72,153,.14), 0 0 18px rgba(236,72,153,.28);
}
@media (max-width:699px){
  body.dnux-game .dnux-tab{min-height:60px; padding-bottom:18px;}
  body.dnux-game .dnux-tab[aria-selected="true"]::after{top:auto; right:10px; bottom:10px;}
  body.dnux-game .dnux-tabStatus{width:100%;}
  body.dnux-game .dnux-tabStatusValue{white-space:normal;}
}


body.dnux-game .dnux-modePanel{
  display:grid;
  gap:12px;
  margin-top:6px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(236,72,153,.24);
  background:rgba(236,72,153,.07);
}
body.dnux-game .dnux-modePanel.dnux-hidden{display:none;}
body.dnux-game .dnux-modeHead h3{margin:4px 0 0; font-size:18px;}
body.dnux-game .dnux-modeHead p{margin:6px 0 0; color:var(--dnux-muted); line-height:1.55; font-size:14px;}
body.dnux-game .dnux-modeChoices{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
body.dnux-game .dnux-modeChoice{
  min-height:48px; padding:10px 14px; border-radius:16px; border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04); color:#fff; font-weight:800; cursor:pointer;
}
body.dnux-game .dnux-modeChoice.is-active{
  border-color:transparent;
  background:linear-gradient(90deg,var(--dnux-pink),var(--dnux-violet));
  box-shadow:0 16px 34px rgba(139,92,246,.24);
}
body.dnux-game .dnux-listSetup{display:grid; gap:8px; opacity:.78;}
body.dnux-game .dnux-listSetup.is-active{opacity:1;}
body.dnux-game .dnux-listLabel{font-size:13px; color:#f3f8ff; font-weight:700;}
body.dnux-game .dnux-listInput{
  width:100%; min-height:46px; padding:10px 14px; border-radius:14px; border:1px solid var(--dnux-line);
  background:rgba(255,255,255,.05); color:#fff;
}
body.dnux-game .dnux-listInput::placeholder{color:rgba(255,255,255,.55);}
body.dnux-game .dnux-listHint{font-size:13px; line-height:1.55; color:var(--dnux-muted);}
body.dnux-game .dnux-optionCard--mode{border-color:rgba(236,72,153,.34)!important; box-shadow:0 0 0 1px rgba(236,72,153,.18) inset;}
body.dnux-game .dnux-optionBadge{
  margin-top:10px; display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;
  border:1px solid rgba(236,72,153,.24); background:rgba(236,72,153,.12); color:#fff; font-size:12px; font-weight:800;
}

body.dnux-game .dnux-careerNotice{
  display:grid;
  gap:8px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(34,211,238,.22);
  background:rgba(34,211,238,.08);
}
body.dnux-game .dnux-careerNotice strong{font-size:15px; line-height:1.45;}
body.dnux-game .dnux-careerNotice p{margin:0; color:#eef4ff; line-height:1.55; font-size:13px;}
body.dnux-game .dnux-careerNotice.dnux-hidden{display:none;}
body.dnux-game .dnux-storyCard{
  grid-column:1/-1;
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:24px;
  border:1px solid var(--dnux-line);
  background:linear-gradient(180deg,var(--dnux-panel),var(--dnux-panel-2));
  box-shadow:var(--dnux-shadow);
}
body.dnux-game .dnux-storyHead{display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap;}
body.dnux-game .dnux-storyHead h3{margin:4px 0 0; font-size:18px;}
body.dnux-game .dnux-storyHead p{margin:6px 0 0; color:var(--dnux-muted); font-size:14px; line-height:1.55; max-width:72ch;}
body.dnux-game .dnux-storyMeta{
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
  border:1px solid rgba(34,211,238,.26); background:rgba(34,211,238,.10); color:#f6fbff; font-size:12px; font-weight:800;
}
body.dnux-game .dnux-storyList{display:grid; gap:10px;}
body.dnux-game .dnux-storyItem{
  display:grid; gap:6px; padding:14px 16px; border-radius:18px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04);
}
body.dnux-game .dnux-storyTop{display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
body.dnux-game .dnux-storyTurn,
body.dnux-game .dnux-storyMode,
body.dnux-game .dnux-storyValue{
  display:inline-flex; align-items:center; padding:5px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.05); font-size:12px; font-weight:800;
}
body.dnux-game .dnux-storyItem strong{font-size:16px; line-height:1.4;}
body.dnux-game .dnux-storyItem p{margin:0; color:#f3f7ff; line-height:1.58;}
body.dnux-game .dnux-storyReaction{font-size:13px; line-height:1.55; color:var(--dnux-muted);}
body.dnux-game .dnux-storyEmpty{
  padding:14px 16px; border-radius:18px; border:1px dashed rgba(255,255,255,.18); color:var(--dnux-muted); line-height:1.6;
}
@media (max-width:800px){
  body.dnux-game .dnux-modeChoices{grid-template-columns:1fr;}
  body.dnux-game .dnux-storyHead{display:grid;}
}


body.dnux-game .dnux-modePanel.is-locked{border-color:rgba(255,255,255,.16); background:rgba(255,255,255,.05);}
body.dnux-game .dnux-modeChoice.is-disabled,
body.dnux-game .dnux-modeChoice:disabled{
  opacity:.58;
  cursor:not-allowed;
  filter:saturate(.72);
}
body.dnux-game .dnux-listInput[readonly]{opacity:.82; cursor:not-allowed;}


/* === Windows-Fit compact pass 2026-04-13 === */
@media (min-width:1180px){
  html body.dnux-game.dnux-game{
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  html body.dnux-game.dnux-game .wrap.wrap{
    max-width:min(100vw,1560px)!important;
    padding:8px 10px 10px!important;
  }
  html body.dnux-game.dnux-game .nav.nav{
    margin-bottom:6px!important;
    gap:8px!important;
  }
  html body.dnux-game.dnux-game .brandWrap.brandWrap{gap:8px!important;}
  html body.dnux-game.dnux-game .brandIcon.brandIcon{
    width:40px!important;height:40px!important;border-radius:13px!important;font-size:16px!important;
  }
  html body.dnux-game.dnux-game .brandSub.brandSub{font-size:10px!important;}
  html body.dnux-game.dnux-game .navLinks.navLinks{gap:6px!important;}
  html body.dnux-game.dnux-game .navLinks.navLinks a{
    padding:6px 8px!important;font-size:12px!important;
  }
  html body.dnux-game.dnux-game .modePicker.modePicker{padding:5px 7px!important;gap:6px!important;}
  html body.dnux-game.dnux-game .modePicker.modePicker select{
    min-width:170px!important;padding:7px 10px!important;font-size:13px!important;
  }
  html body.dnux-game.dnux-game .hero.hero{
    padding:8px 10px!important;margin-bottom:0!important;border-radius:18px!important;
  }
  html body.dnux-game.dnux-game .hero h1{font-size:clamp(22px,3vw,32px)!important;margin:6px 0 3px!important;}
  html body.dnux-game.dnux-game .hero p{font-size:11.5px!important;line-height:1.28!important;max-width:56ch!important;}
  html body.dnux-game.dnux-game .sessionStrip.sessionStrip{
    margin-top:7px!important;padding:7px 9px!important;font-size:11px!important;line-height:1.25!important;border-radius:14px!important;
  }
  html body.dnux-game.dnux-game #dnuxGameShell#dnuxGameShell{margin:0 0 8px!important;gap:8px!important;}
  html body.dnux-game.dnux-game .dnux-summary.dnux-summary{
    padding:8px 10px!important;gap:6px 8px!important;border-radius:18px!important;min-height:0!important;
    grid-template-columns:minmax(0,1.22fr) minmax(260px,.78fr)!important;
  }
  html body.dnux-game.dnux-game .dnux-summaryTop.dnux-summaryTop,
  html body.dnux-game.dnux-game .dnux-summaryMain.dnux-summaryMain{gap:8px!important;}
  html body.dnux-game.dnux-game .dnux-flag.dnux-flag{width:38px!important;height:38px!important;border-radius:12px!important;font-size:18px!important;}
  html body.dnux-game.dnux-game .dnux-title.dnux-title{font-size:clamp(18px,2vw,25px)!important;}
  html body.dnux-game.dnux-game .dnux-eyebrow.dnux-eyebrow,
  html body.dnux-game.dnux-game .dnux-chip.dnux-chip strong{font-size:10px!important;}
  html body.dnux-game.dnux-game .dnux-sub.dnux-sub{font-size:11px!important;line-height:1.28!important;max-width:54ch!important;}
  html body.dnux-game.dnux-game .dnux-chip.dnux-chip{padding:5px 8px!important;font-size:10.5px!important;gap:5px!important;}
  html body.dnux-game.dnux-game .dnux-message.dnux-message{padding:7px 9px!important;font-size:10.5px!important;line-height:1.26!important;border-radius:14px!important;}
  html body.dnux-game.dnux-game .dnux-tabbar.dnux-tabbar{padding:5px!important;gap:6px!important;border-radius:16px!important;}
  html body.dnux-game.dnux-game .dnux-tab.dnux-tab{min-height:34px!important;padding:7px 10px!important;font-size:12px!important;border-radius:12px!important;}
  html body.dnux-game.dnux-game .dnux-tabStatus.dnux-tabStatus{padding:4px 8px!important;font-size:10px!important;}
  html body.dnux-game.dnux-game .dnux-tabStatusValue.dnux-tabStatusValue{font-size:10px!important;}
  html body.dnux-game.dnux-game .dnux-grid.dnux-grid{grid-template-columns:minmax(310px,.84fr) minmax(420px,1.16fr)!important;gap:8px!important;align-items:start!important;}
  html body.dnux-game.dnux-game .dnux-analysisTop.dnux-analysisTop,
  html body.dnux-game.dnux-game .dnux-analysisGrid.dnux-analysisGrid{gap:8px!important;}
  html body.dnux-game.dnux-game .box.stack,
  html body.dnux-game.dnux-game .dnux-mapCard.dnux-mapCard,
  html body.dnux-game.dnux-game .dnux-grid > *,
  html body.dnux-game.dnux-game .dnux-analysisTop > *,
  html body.dnux-game.dnux-game .dnux-analysisGrid > *{
    padding:10px 12px!important;border-radius:16px!important;
  }
  html body.dnux-game.dnux-game .dnux-cardIntro.dnux-cardIntro{padding:7px 9px!important;margin-bottom:0!important;border-radius:12px!important;gap:4px!important;}
  html body.dnux-game.dnux-game .dnux-cardIntro h2,
  html body.dnux-game.dnux-game .dnux-cardIntro h3{font-size:13px!important;}
  html body.dnux-game.dnux-game .dnux-cardIntro p{font-size:10.5px!important;line-height:1.22!important;}
  html body.dnux-game.dnux-game label{font-size:10.5px!important;margin:0 0 5px!important;}
  html body.dnux-game.dnux-game select,
  html body.dnux-game.dnux-game textarea,
  html body.dnux-game.dnux-game input,
  html body.dnux-game.dnux-game .dnux-listInput.dnux-listInput{padding:7px 9px!important;font-size:12px!important;border-radius:11px!important;min-height:40px!important;}
  html body.dnux-game.dnux-game textarea#actionText{min-height:68px!important;max-height:96px!important;}
  html body.dnux-game.dnux-game .row.row{gap:7px!important;}
  html body.dnux-game.dnux-game .mapWrap.mapWrap{padding:7px!important;border-radius:14px!important;}
  html body.dnux-game.dnux-game .mapHead.mapHead{margin-bottom:7px!important;gap:7px!important;}
  html body.dnux-game.dnux-game .regionLegend.regionLegend{gap:5px!important;}
  html body.dnux-game.dnux-game #regionInfo#regionInfo{margin-top:7px!important;gap:7px!important;}
  html body.dnux-game.dnux-game .regionCard.regionCard{padding:7px!important;border-radius:11px!important;}
  html body.dnux-game.dnux-game #metricGrid#metricGrid,
  html body.dnux-game.dnux-game #pressureGrid#pressureGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;}
  html body.dnux-game.dnux-game .kpi.kpi,
  html body.dnux-game.dnux-game .pressureCard.pressureCard{padding:7px 8px!important;border-radius:12px!important;}
  html body.dnux-game.dnux-game .kpiLabel.kpiLabel{font-size:9.5px!important;letter-spacing:.05em!important;}
  html body.dnux-game.dnux-game .kpiValue.kpiValue{font-size:clamp(14px,1.08vw,17px)!important;margin-top:1px!important;line-height:1.05!important;}
  html body.dnux-game.dnux-game .kpiHint,
  html body.dnux-game.dnux-game .small,
  html body.dnux-game.dnux-game .note,
  html body.dnux-game.dnux-game .status,
  html body.dnux-game.dnux-game .resultBody{font-size:10.2px!important;line-height:1.22!important;}
  html body.dnux-game.dnux-game .timeline.timeline,
  html body.dnux-game.dnux-game .dnux-headlineList.dnux-headlineList,
  html body.dnux-game.dnux-game .dnux-reactionStack.dnux-reactionStack{gap:6px!important;}
  html body.dnux-game.dnux-game .timelineItem.timelineItem,
  html body.dnux-game.dnux-game .resultCard.resultCard,
  html body.dnux-game.dnux-game .dnux-headlineItem.dnux-headlineItem,
  html body.dnux-game.dnux-game .dnux-reactionLine.dnux-reactionLine{padding:7px 9px!important;border-radius:11px!important;}
  html body.dnux-game.dnux-game .timelineTitle.timelineTitle{font-size:9.5px!important;margin-bottom:4px!important;}
  html body.dnux-game.dnux-game .actionsRow.actionsRow{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;align-items:stretch!important;}
  html body.dnux-game.dnux-game .optionCard.optionCard{min-height:114px!important;padding:7px!important;border-radius:12px!important;}
  html body.dnux-game.dnux-game .letter.letter{min-width:24px!important;padding:1px 6px!important;font-size:10px!important;margin-bottom:6px!important;}
  html body.dnux-game.dnux-game .optionTitle.optionTitle{font-size:12px!important;line-height:1.1!important;}
  html body.dnux-game.dnux-game .optionText.optionText{font-size:10px!important;line-height:1.2!important;margin-top:4px!important;}
  html body.dnux-game.dnux-game .optionMeta.optionMeta{gap:5px!important;padding-top:6px!important;}
  html body.dnux-game.dnux-game .mini.mini{font-size:9.5px!important;padding:3px 6px!important;}
  html body.dnux-game.dnux-game .dnLiveRoom.dnLiveRoom,
  html body.dnux-game.dnux-game .dnux-liveRoom.dnux-liveRoom{margin:0!important;border-radius:14px!important;width:min(280px,100%)!important;}
  html body.dnux-game.dnux-game .dnLiveHead.dnLiveHead,
  html body.dnux-game.dnux-game .dnux-liveHeader.dnux-liveHeader{padding:7px 8px!important;}
  html body.dnux-game.dnux-game .dnLiveBadge.dnLiveBadge,
  html body.dnux-game.dnux-game .dnux-liveBadge.dnux-liveBadge{padding:3px 7px!important;font-size:9px!important;}
  html body.dnux-game.dnux-game .dnLiveHeadText.dnLiveHeadText,
  html body.dnux-game.dnux-game .dnux-liveEyebrow.dnux-liveEyebrow,
  html body.dnux-game.dnux-game .dnux-liveChannel.dnux-liveChannel{font-size:9px!important;}
  html body.dnux-game.dnux-game .dnLiveStage.dnLiveStage{grid-template-columns:72px minmax(0,1fr)!important;gap:8px!important;padding:8px!important;}
  html body.dnux-game.dnux-game .dnLiveAnchor.dnLiveAnchor{min-height:84px!important;border-radius:12px!important;}
  html body.dnux-game.dnux-game .dnLiveBrand.dnLiveBrand,
  html body.dnux-game.dnux-game .dnux-liveCountry.dnux-liveCountry{font-size:9px!important;}
  html body.dnux-game.dnux-game .dnLiveCaption.dnLiveCaption,
  html body.dnux-game.dnux-game .dnux-liveCaption.dnux-liveCaption{font-size:13px!important;line-height:1.14!important;}
  html body.dnux-game.dnux-game .dnLiveSub.dnLiveSub{font-size:10px!important;line-height:1.2!important;}
  html body.dnux-game.dnux-game .dnLiveTickerTrack.dnLiveTickerTrack,
  html body.dnux-game.dnux-game .dnux-tickerTrack.dnux-tickerTrack{padding:6px 0!important;gap:12px!important;}
  html body.dnux-game.dnux-game .dnLiveTickerItem.dnLiveTickerItem,
  html body.dnux-game.dnux-game .dnux-tickerItem.dnux-tickerItem{font-size:10px!important;}
  html body.dnux-game.dnux-game .dnux-roundLoopCard.dnux-roundLoopCard{padding:10px 12px!important;gap:8px!important;border-radius:16px!important;}
  html body.dnux-game.dnux-game .dnux-roundLoopCopy strong{font-size:15px!important;}
  html body.dnux-game.dnux-game .dnux-roundLoopCopy span,
  html body.dnux-game.dnux-game .dnux-roundLoopHint{font-size:10.5px!important;line-height:1.25!important;}
  html body.dnux-game.dnux-game .dnux-nextRoundBtn.dnux-nextRoundBtn,
  html body.dnux-game.dnux-game .cta.cta button,
  html body.dnux-game.dnux-game .cta.cta .btn{min-height:38px!important;font-size:12px!important;padding:8px 10px!important;border-radius:11px!important;}
  html body.dnux-game.dnux-game .cta.cta{position:static!important;background:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding-top:6px!important;}
  html body.dnux-game.dnux-game .footer.footer{padding-top:8px!important;margin-top:10px!important;font-size:10px!important;}

  body.dnux-static .wrap{max-width:min(100vw,1500px)!important;padding:10px 12px 14px!important;}
  body.dnux-static .nav{padding:10px 12px!important;margin-bottom:12px!important;border-radius:18px!important;gap:8px!important;}
  body.dnux-static .brandWrap{gap:8px!important;}
  body.dnux-static .brandIcon{width:42px!important;height:42px!important;border-radius:13px!important;font-size:16px!important;}
  body.dnux-static .brandSub{font-size:10px!important;}
  body.dnux-static .navLinks{gap:6px!important;}
  body.dnux-static .navLinks a{padding:7px 9px!important;font-size:12px!important;}
  body.dnux-static .hero{padding:16px!important;border-radius:18px!important;}
  body.dnux-static .hero h1{font-size:clamp(26px,3.6vw,44px)!important;margin:8px 0 6px!important;line-height:.98!important;}
  body.dnux-static .hero p{font-size:12px!important;line-height:1.38!important;max-width:62ch!important;}
  body.dnux-static .box,
  body.dnux-static .card,
  body.dnux-static .priceCard,
  body.dnux-static .dnux-sideCard,
  body.dnux-static .dnux-overviewRail,
  body.dnux-static .dnux-inlineGuide{padding:12px 14px!important;border-radius:18px!important;}
  body.dnux-static .dnux-pageShell,
  body.dnux-static .dnux-guideShell,
  body.dnux-static .dnux-legalShell,
  body.dnux-static .dnux-authShell{gap:12px!important;margin-top:12px!important;}
  body.dnux-static .dnux-shellHero{gap:12px!important;grid-template-columns:minmax(0,1.16fr) minmax(260px,.84fr)!important;}
  body.dnux-static .dnux-sideRail,
  body.dnux-static .dnux-authAside,
  body.dnux-static .dnux-guideMain,
  body.dnux-static .dnux-legalMain,
  body.dnux-static .dnux-authMain{gap:10px!important;}
  body.dnux-static .dnux-overviewRail{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
  body.dnux-static .dnux-overviewCard{padding:10px 12px!important;border-radius:14px!important;}
  body.dnux-static .dnux-overviewCard strong{font-size:13px!important;margin-bottom:4px!important;}
  body.dnux-static .dnux-overviewCard span,
  body.dnux-static .dnux-summaryList li,
  body.dnux-static .dnux-flowCopy span,
  body.dnux-static .dnux-stepsMiniCopy span,
  body.dnux-static .dnux-inlineGuide,
  body.dnux-static p,
  body.dnux-static li{font-size:11.5px!important;line-height:1.38!important;}
  body.dnux-static .dnux-flowCopy strong,
  body.dnux-static .dnux-stepsMiniCopy strong,
  body.dnux-static h2,
  body.dnux-static h3{font-size:14px!important;line-height:1.14!important;}
  body.dnux-static .dnux-linkPills{gap:8px!important;margin-top:12px!important;}
  body.dnux-static .dnux-chipLink{min-height:34px!important;padding:6px 10px!important;font-size:11px!important;}
  body.dnux-static .footer{margin-top:12px!important;padding-top:10px!important;font-size:11px!important;}
}

@media (min-width:1180px) and (max-height:860px){
  html body.dnux-game.dnux-game .actionsRow.actionsRow{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  html body.dnux-game.dnux-game .optionCard.optionCard{min-height:106px!important;}
  html body.dnux-game.dnux-game textarea#actionText{min-height:60px!important;max-height:84px!important;}
  html body.dnux-game.dnux-game .dnux-summary.dnux-summary{grid-template-columns:minmax(0,1.26fr) minmax(240px,.74fr)!important;}
  body.dnux-static .dnux-shellHero{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)!important;}
}
