/* Democratia Nova – Slim Flow V1
   Mobile-first: Vorbereitung → Entscheidung → Auswertung → nächster Zug */
:root{
  --dn-master-gap:clamp(10px,2.8vw,18px);
  --dn-master-radius:18px;
  --dn-master-line:rgba(255,255,255,.14);
  --dn-master-panel:rgba(255,255,255,.055);
  --dn-master-panel-2:rgba(255,255,255,.035);
  --dn-master-accent:rgba(34,211,238,.22);
  --dn-master-accent-line:rgba(34,211,238,.42);
  --dn-master-ok:rgba(34,197,94,.16);
  --dn-master-warn:rgba(251,191,36,.15);
  --dn-master-shadow:0 16px 42px rgba(0,0,0,.24);
}
html,body{max-width:100%;overflow-x:hidden;}
body.dn-master-flow-active *{box-sizing:border-box;}
body.dn-master-flow-active [data-dn-mf-hidden]{display:none!important;}
body.dn-master-flow-active .wrap{width:100%;max-width:min(100vw,1680px);}
body.dn-master-flow-active img,body.dn-master-flow-active svg,body.dn-master-flow-active canvas{max-width:100%;}
body.dn-master-flow-active button,
body.dn-master-flow-active .btn,
body.dn-master-flow-active select,
body.dn-master-flow-active input,
body.dn-master-flow-active textarea{touch-action:manipulation;}
body.dn-master-flow-active select,
body.dn-master-flow-active input,
body.dn-master-flow-active textarea{font-size:16px!important;}
body.dn-master-flow-active button,
body.dn-master-flow-active .btn{min-height:44px;}
body.dn-master-flow-active .modePicker{width:100%;}
body.dn-master-flow-active .modePicker select{min-width:0!important;width:100%;}
body.dn-master-flow-active .nav{gap:10px!important;}
body.dn-master-flow-active .navActions{min-width:0!important;}
body.dn-master-flow-active .navLinks{min-width:0;}
body.dn-master-flow-active .dn-master-single-mode-note{border-color:var(--dn-master-accent-line)!important;background:linear-gradient(180deg,rgba(34,211,238,.09),rgba(255,255,255,.035))!important;}

/* Globaler Spielablauf */
body.dn-master-game #dnuxGameShell{display:grid!important;gap:var(--dn-master-gap)!important;margin:0 0 24px!important;}
body.dn-master-game #dnuxGameShell::before{
  content:'Ablauf: vorbereiten → entscheiden → auswerten → weiter';
  display:block;padding:12px 14px;border-radius:16px;border:1px solid var(--dn-master-accent-line);
  background:linear-gradient(180deg,rgba(34,211,238,.10),rgba(255,255,255,.035));
  color:#e8fbff;font-weight:800;letter-spacing:.01em;box-shadow:var(--dn-master-shadow);
}
body.dn-master-game .dnux-tabbar,
body.dn-master-game .dnux-tabStatus,
body.dn-master-game .dnux-flowCard{display:none!important;}
body.dn-master-game .dnux-panel{display:grid!important;gap:var(--dn-master-gap)!important;overflow:visible!important;padding:0!important;min-width:0!important;}
body.dn-master-game .dnux-panel:not(.active){display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
body.dn-master-game .dnux-panel > *,
body.dn-master-game .dnux-grid > *,
body.dn-master-game .dnux-analysisTop > *,
body.dn-master-game .dnux-analysisGrid > *{min-width:0!important;}
body.dn-master-game .dnux-summary,
body.dn-master-game .dnux-stageCard,
body.dn-master-game .dnux-decisionComposer,
body.dn-master-game .dnux-mapCard,
body.dn-master-game .dnux-headlineCard,
body.dn-master-game .dnux-roundLoopCard,
body.dn-master-game .dnux-storyCard,
body.dn-master-game .dnux-analysisGrid > .box,
body.dn-master-game .dnux-analysisTop > *,
body.dn-master-game #results,
body.dn-master-game #timeline{border-radius:var(--dn-master-radius)!important;box-shadow:var(--dn-master-shadow);}
body.dn-master-game .dnux-summary{order:1!important;}
body.dn-master-game [data-dnux-panel="zug"]{order:2!important;}
body.dn-master-game [data-dnux-panel="analyse"]{order:3!important;}
body.dn-master-game .dnux-grid{order:2!important;display:grid!important;grid-template-columns:minmax(0,.98fr) minmax(360px,1.02fr)!important;gap:var(--dn-master-gap)!important;align-items:start!important;}
body.dn-master-game .dnux-headlineCard{order:3!important;}
body.dn-master-game .dnux-mapCard{order:4!important;}
body.dn-master-game .dnux-analysisGrid{order:2!important;display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;gap:var(--dn-master-gap)!important;}
body.dn-master-game .dnux-analysisTop{order:3!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--dn-master-gap)!important;}
body.dn-master-game .dnux-roundLoopCard{order:4!important;}
body.dn-master-game .dnux-panel .dnux-cardIntro:first-child{order:1!important;}

body.dn-master-game .dn-master-step-title,
body.dn-master-career .dn-master-step-title{
  display:grid;gap:4px;padding:12px 14px;border-radius:16px;border:1px solid var(--dn-master-line);
  background:linear-gradient(180deg,var(--dn-master-panel),var(--dn-master-panel-2));box-shadow:var(--dn-master-shadow);
}
body.dn-master-game .dn-master-step-title strong,
body.dn-master-career .dn-master-step-title strong{font-size:16px;line-height:1.2;color:#fff;}
body.dn-master-game .dn-master-step-title span,
body.dn-master-career .dn-master-step-title span{font-size:13px;line-height:1.45;color:var(--muted,#c9d2e3);}
body.dn-master-game .dn-master-inline-help{display:grid;gap:5px;margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--dn-master-accent-line);background:rgba(34,211,238,.08);}
body.dn-master-game .dn-master-inline-help strong{font-size:13px;color:#e8fbff;}
body.dn-master-game .dn-master-inline-help span{font-size:12px;line-height:1.4;color:var(--muted,#c9d2e3);}
body.dn-master-game .dn-master-next-anchor{outline:2px solid rgba(34,211,238,.28)!important;outline-offset:2px;}

body.dn-master-game .actionsRow{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;overflow:visible!important;gap:10px!important;padding:0!important;}
body.dn-master-game .optionCard{min-width:0!important;min-height:auto!important;display:grid!important;gap:7px!important;align-content:start!important;}
body.dn-master-game .optionCard.active{outline:2px solid rgba(34,211,238,.42)!important;outline-offset:2px;}
body.dn-master-game .dnux-launchPrimary button,
body.dn-master-game .dnux-launchPrimary .btn,
body.dn-master-game .dnux-nextRoundBtn{width:100%!important;min-height:54px!important;font-size:16px!important;}
body.dn-master-game .dnux-secondaryActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
body.dn-master-game .cta{position:static!important;background:none!important;padding:0!important;margin:0!important;display:grid!important;gap:8px!important;}
body.dn-master-game .dnux-choicePreview{border-color:var(--dn-master-accent-line)!important;background:rgba(34,211,238,.07)!important;}
body.dn-master-game .dnux-reactionLine[data-dn-reaction-kind="own"],
body.dn-master-game .resultCard[data-dn-reaction-kind="own"]{border-color:rgba(34,197,94,.35)!important;background:linear-gradient(180deg,rgba(34,197,94,.10),rgba(255,255,255,.035))!important;}
body.dn-master-game .dnux-reactionLine[data-dn-reaction-kind="opposition"],
body.dn-master-game .resultCard[data-dn-reaction-kind="opposition"]{border-color:rgba(248,113,113,.34)!important;background:linear-gradient(180deg,rgba(248,113,113,.09),rgba(255,255,255,.035))!important;}
body.dn-master-game .dnux-reactionLine[data-dn-reaction-kind="media"],
body.dn-master-game .resultCard[data-dn-reaction-kind="media"]{border-color:rgba(251,191,36,.34)!important;background:linear-gradient(180deg,rgba(251,191,36,.08),rgba(255,255,255,.035))!important;}

body.dn-master-game .dn-master-map-details{display:grid!important;gap:10px!important;}
body.dn-master-game .dn-master-map-details > summary{
  list-style:none;cursor:pointer;padding:12px 14px;border-radius:14px;border:1px solid var(--dn-master-line);
  background:rgba(255,255,255,.045);font-weight:800;color:#f8fbff;
}
body.dn-master-game .dn-master-map-details > summary::-webkit-details-marker{display:none;}
body.dn-master-game .dn-master-map-details > summary::after{content:' anzeigen';font-weight:600;color:var(--muted,#c9d2e3);}
body.dn-master-game .dn-master-map-details[open] > summary::after{content:' ausblenden';}

/* Karrieremodus als klarer Blockablauf */
body.dn-master-career .hero{display:grid!important;gap:10px!important;}
body.dn-master-career .hero::after{
  content:'Karriereablauf: Ziel wählen → Lage beantworten → Wirkung prüfen → nächster Auftrag';
  display:block;padding:11px 13px;border-radius:15px;border:1px solid var(--dn-master-accent-line);background:rgba(34,211,238,.08);font-weight:800;color:#e8fbff;
}
body.dn-master-career #careerSetupBox,
body.dn-master-career #careerLiveBox,
body.dn-master-career #careerDashboard{border-radius:var(--dn-master-radius)!important;}
body.dn-master-career #careerActionCards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:10px!important;overflow:visible!important;}
body.dn-master-career #careerPlayBtn,
body.dn-master-career #careerStartBtn{width:100%!important;min-height:54px!important;font-size:16px!important;}
body.dn-master-career #careerDashboard{display:grid;gap:var(--dn-master-gap);}

@media (max-width:900px){
  body.dn-master-flow-active .wrap{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important;}
  body.dn-master-flow-active .nav{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;position:relative!important;top:auto!important;z-index:auto!important;}
  body.dn-master-flow-active .navActions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important;}
  body.dn-master-flow-active .navLinks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;padding:0!important;}
  body.dn-master-flow-active .navLinks a{white-space:normal!important;text-align:center!important;min-height:40px!important;display:grid!important;place-items:center!important;}
  body.dn-master-flow-active .modePicker{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:9px!important;border-radius:14px!important;}
  body.dn-master-flow-active .modePicker label{font-size:12px!important;}
  body.dn-master-flow-active .modePicker select,
  body.dn-master-flow-active .modePicker button{width:100%!important;}

  body.dn-master-game #dnuxGameShell{gap:10px!important;}
  body.dn-master-game #dnuxGameShell::before{font-size:12px;line-height:1.35;padding:10px 11px;border-radius:14px;}
  body.dn-master-game .dnux-summary{padding:12px!important;gap:10px!important;}
  body.dn-master-game .dnux-summaryTop{display:grid!important;gap:9px!important;}
  body.dn-master-game .dnux-chipRow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.dn-master-game .dnux-chip,
  body.dn-master-game .dnux-helpBtn{min-width:0!important;width:100%!important;font-size:11px!important;text-align:center!important;}
  body.dn-master-game .dnux-message,
  body.dn-master-game .dnux-objective{font-size:12px!important;line-height:1.35!important;padding:10px!important;border-radius:13px!important;}
  body.dn-master-game .dnux-stageCard,
  body.dn-master-game .dnux-decisionComposer,
  body.dn-master-game .dnux-mapCard,
  body.dn-master-game .dnux-headlineCard,
  body.dn-master-game .dnux-roundLoopCard,
  body.dn-master-game .dnux-storyCard,
  body.dn-master-game .dnux-analysisGrid > .box,
  body.dn-master-game .dnux-analysisTop > *{padding:12px!important;border-radius:15px!important;gap:10px!important;}
  body.dn-master-game .dnux-grid,
  body.dn-master-game .dnux-analysisGrid,
  body.dn-master-game .dnux-analysisTop{grid-template-columns:1fr!important;gap:10px!important;}
  body.dn-master-game .dnux-grid{display:grid!important;}
  body.dn-master-game .dnux-flowRail{grid-template-columns:1fr!important;gap:7px!important;}
  body.dn-master-game .dnux-flowTitle h2{font-size:17px!important;line-height:1.15!important;}
  body.dn-master-game .dnux-flowTitle p{font-size:12px!important;line-height:1.35!important;}
  body.dn-master-game .dnux-flowEta{display:none!important;}
  body.dn-master-game .dn-master-step-title{padding:10px 11px;border-radius:14px;}
  body.dn-master-game .dn-master-step-title strong{font-size:14px;}
  body.dn-master-game .dn-master-step-title span{font-size:12px;}
  body.dn-master-game .row{grid-template-columns:1fr!important;gap:8px!important;}
  body.dn-master-game textarea#actionText{min-height:104px!important;}
  body.dn-master-game .actionsRow{grid-template-columns:1fr!important;gap:8px!important;}
  body.dn-master-game .optionCard{padding:11px!important;border-radius:14px!important;}
  body.dn-master-game .optionCard .letter{margin-bottom:4px!important;}
  body.dn-master-game .optionTitle{font-size:14px!important;line-height:1.2!important;}
  body.dn-master-game .optionText{font-size:12px!important;line-height:1.32!important;}
  body.dn-master-game .optionMeta{gap:5px!important;padding-top:5px!important;}
  body.dn-master-game .mini{font-size:10.5px!important;padding:4px 6px!important;}
  body.dn-master-game .dnux-secondaryActions{grid-template-columns:1fr!important;}
  body.dn-master-game #metricGrid,
  body.dn-master-game #pressureGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body.dn-master-game .kpi,
  body.dn-master-game .pressureCard,
  body.dn-master-game .resultCard,
  body.dn-master-game .timelineItem,
  body.dn-master-game .dnux-regionWeightCard,
  body.dn-master-game .dnux-headlineItem{padding:10px!important;border-radius:13px!important;}
  body.dn-master-game .kpiValue{font-size:clamp(18px,6vw,24px)!important;line-height:1.08!important;}
  body.dn-master-game .kpiLabel{font-size:10px!important;}
  body.dn-master-game .resultBody,
  body.dn-master-game .timelineItem,
  body.dn-master-game .note,
  body.dn-master-game .small{font-size:12px!important;line-height:1.36!important;}
  body.dn-master-game .dn-master-map-details:not([open]) .mapWrap{display:none!important;}

  body.dn-master-career .wrap{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important;}
  body.dn-master-career .hero,
  body.dn-master-career #careerSetupBox,
  body.dn-master-career #careerLiveBox,
  body.dn-master-career #careerDashboard .box{padding:12px!important;border-radius:16px!important;}
  body.dn-master-career .grid2,
  body.dn-master-career .grid3,
  body.dn-master-career .grid4,
  body.dn-master-career .grid6{grid-template-columns:1fr!important;gap:8px!important;}
  body.dn-master-career #careerActionCards{grid-template-columns:1fr!important;}
  body.dn-master-career .optionCard{min-width:0!important;padding:11px!important;border-radius:14px!important;}
  body.dn-master-career #careerDashboard{gap:10px!important;}
}

@media (max-width:390px){
  body.dn-master-flow-active .navLinks{grid-template-columns:1fr!important;}
  body.dn-master-game #metricGrid,
  body.dn-master-game #pressureGrid,
  body.dn-master-game .dnux-chipRow{grid-template-columns:1fr!important;}
}