.mg-page{background:#0c0a09;color:#d7c4a5;overflow:hidden}
.mg-hero{position:relative;isolation:isolate;min-height:860px;display:flex;align-items:center;background:#090807 url('../assets/mythologie-verstehen/mythologie-verstehen-hero-blank.webp') center/cover no-repeat;border-bottom:1px solid rgba(213,191,154,.12)}
.mg-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,6,5,.985) 0%,rgba(7,6,5,.94) 38%,rgba(7,6,5,.67) 61%,rgba(7,6,5,.47) 100%),linear-gradient(180deg,rgba(0,0,0,.15),transparent 60%,rgba(0,0,0,.55))}
.mg-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(180deg,transparent,#0b0a09);pointer-events:none}
.mg-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);gap:52px;align-items:center;padding-top:185px;padding-bottom:140px}
.mg-hero-copy{max-width:720px}.mg-hero-copy .eyebrow{margin-bottom:25px}
.mg-hero h1{font-family:var(--serif);font-size:clamp(5.4rem,7.2vw,8.3rem);font-weight:600;line-height:.88;letter-spacing:-.035em;margin:0;color:#f4e3c5;text-shadow:0 2px 0 rgba(255,255,255,.05),0 0 24px rgba(219,180,109,.12),0 16px 50px rgba(0,0,0,.48)}
.mg-hero h1 span,.mg-hero h1 em{display:block}.mg-hero h1 em{padding-bottom:.08em;font-weight:500;color:#b51e16;background:linear-gradient(105deg,#9d120d 10%,#c42d22 50%,#a61611 76%,#c49b5d 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mg-hero-rule{display:flex;align-items:center;width:260px;margin:34px 0 28px}.mg-hero-rule:before{content:"";width:9px;height:9px;border:1px solid #b68d4e;transform:rotate(45deg)}.mg-hero-rule span{height:1px;flex:1;margin-left:13px;background:linear-gradient(90deg,#b68d4e,transparent)}
.mg-hero-lead{font-family:var(--serif);font-size:clamp(1.55rem,2vw,2rem);line-height:1.25;color:#e5cfaa;margin:0 0 18px}.mg-hero-copy>p:not(.eyebrow,.mg-hero-lead){max-width:650px;color:#b5a58e;line-height:1.78;margin:0 0 31px}.mg-hero-copy strong{color:#d3bd99}
.mg-hero-button{position:relative;min-height:58px;padding-left:58px;background:rgba(18,14,11,.52)!important;border-color:rgba(191,168,121,.68)!important;color:#ead8b8!important;box-shadow:0 14px 38px rgba(0,0,0,.24)}.mg-hero-button:before{content:"";position:absolute;left:18px;top:50%;width:27px;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,#7f1712,#d2b477)}.mg-hero-button:hover{background:rgba(213,191,154,.07)!important;border-color:#d1b77d!important;box-shadow:0 0 0 1px rgba(209,183,125,.15),0 18px 45px rgba(0,0,0,.28)}
.mg-hero-visual{position:relative;height:540px;display:flex;justify-content:center}.mg-hero-icon{position:absolute;left:50%;top:50%;width:235px;height:235px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;border:1px solid rgba(213,191,154,.13);background:radial-gradient(circle,rgba(129,0,0,.17),rgba(11,9,8,.82) 67%);box-shadow:0 30px 80px rgba(0,0,0,.36);z-index:2}.mg-hero-icon img{width:75%;height:75%;object-fit:contain;opacity:.72;filter:drop-shadow(0 0 26px rgba(190,146,77,.18))}
.mg-hero-network{position:absolute;inset:18px 0 0;width:100%;height:500px;overflow:visible;z-index:1}.mg-hero-network path{fill:none;stroke:url(#mgLineGold);stroke-width:1.15;opacity:.68}.mg-hero-network .mg-net-soft{opacity:.22;stroke-dasharray:4 9}.mg-hero-network rect{fill:#100d0b;stroke:#b38d50;stroke-width:1}
.mg-hero-name{position:absolute;z-index:3;padding:8px 12px;border:1px solid rgba(213,191,154,.18);background:rgba(16,12,10,.82);font-family:var(--serif);font-size:.95rem;color:#c7aa7c;box-shadow:0 10px 24px rgba(0,0,0,.22)}.mg-name-odin{left:4%;top:24%}.mg-name-loki{right:3%;top:25%}.mg-name-fenrir{right:0;bottom:16%}.mg-name-thor{left:5%;bottom:16%}
.hero-scroll{position:absolute;left:50%;bottom:27px;width:34px;height:52px;transform:translateX(-50%);border:1px solid rgba(213,191,154,.25);border-radius:22px}.hero-scroll span{position:absolute;left:50%;top:10px;width:3px;height:7px;background:#b68c53;border-radius:2px;transform:translateX(-50%)}

.mg-intro{position:relative;padding:126px 0 132px;background:radial-gradient(circle at 83% 10%,rgba(158,104,45,.12),transparent 28%),linear-gradient(135deg,#efe2ce,#e8d5b8);color:#3c3026}.mg-intro:before,.mg-closing:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(74,52,30,.25) .55px,transparent .55px);background-size:7px 7px;opacity:.13}.mg-intro-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:95px}.mg-intro-title h2{margin:9px 0 0;font-family:var(--serif);font-size:clamp(3.7rem,5vw,5.5rem);font-weight:600;line-height:.91;letter-spacing:-.03em;color:#392b22}.mg-intro-copy{padding-top:22px}.mg-intro-lead{font-family:var(--serif);font-size:1.55rem;line-height:1.5;color:#4d392b}.mg-intro-copy>p:not(.mg-intro-lead){font-size:1.05rem;line-height:1.85;color:#66503e}.mg-intro-copy strong{color:#6f1915}
.mg-principle-card{position:relative;display:grid;grid-template-columns:90px 1fr 28px;gap:22px;align-items:center;margin-top:34px;padding:24px 26px;border:1px solid rgba(112,72,42,.17);border-left:3px solid #8f1712;background:linear-gradient(135deg,rgba(255,248,233,.42),rgba(247,226,194,.24));box-shadow:0 20px 45px rgba(86,52,26,.055);color:inherit;text-decoration:none;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.mg-principle-card:after{content:"";position:absolute;left:0;top:0;width:105px;height:2px;background:linear-gradient(90deg,#8f1712,#c89e5e,transparent);opacity:.7}.mg-principle-card:hover{transform:translateY(-4px);border-color:rgba(142,25,20,.28);background:linear-gradient(135deg,rgba(255,251,242,.66),rgba(244,220,184,.35));box-shadow:0 26px 58px rgba(86,52,26,.12)}.mg-principle-symbol{position:relative;width:66px;height:66px;margin:auto}.mg-principle-symbol:before{content:"";position:absolute;left:9px;right:9px;top:50%;height:1px;background:linear-gradient(90deg,#8f1712,#b68d4e,#8f1712)}.mg-principle-symbol span,.mg-principle-symbol i{position:absolute;top:50%;width:11px;height:11px;background:#f0e1c8;border:1px solid #9d7340;transform:translateY(-50%) rotate(45deg)}.mg-principle-symbol span:first-child{left:4px}.mg-principle-symbol i{left:50%;margin-left:-6px}.mg-principle-symbol span:last-child{right:4px}.mg-principle-copy>span{display:block;color:#8e1712;font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.mg-principle-copy strong{display:block;font-family:var(--serif);font-size:1.5rem;line-height:1.15;color:#453328;margin-bottom:6px}.mg-principle-copy p{margin:0;color:#685648;line-height:1.58;font-size:.9rem}.mg-principle-card>.ns-arrow{width:20px;height:20px;stroke:#9a733e;transition:transform .25s ease,stroke .25s ease}.mg-principle-card:hover>.ns-arrow{transform:translateX(4px);stroke:#8e1712}

.mg-stage{position:relative;padding:124px 0 132px;background:radial-gradient(circle at 50% 18%,rgba(129,0,0,.12),transparent 29%),linear-gradient(180deg,#0d0c0b,#15110e 52%,#0b0a09)}.mg-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) .45px,transparent .45px);background-size:7px 7px;opacity:.08}.mg-section-head{position:relative;z-index:1;max-width:820px;margin:0 auto 58px;text-align:center}.mg-section-head h2{margin:8px 0 22px;font-family:var(--serif);font-size:clamp(3.7rem,5.2vw,5.7rem);font-weight:600;line-height:.9;color:#ead6b5}.mg-section-head>p:last-child{max-width:700px;margin:0 auto;color:#9f907b;line-height:1.75}.mg-stage-placeholder{position:relative;z-index:1;min-height:680px;border:1px solid rgba(213,191,154,.14);background:radial-gradient(circle at 50% 48%,rgba(129,0,0,.12),transparent 26%),linear-gradient(145deg,rgba(35,27,22,.7),rgba(10,9,8,.96));box-shadow:0 30px 90px rgba(0,0,0,.3);overflow:hidden}.mg-stage-placeholder:before{content:"";position:absolute;inset:18px;border:1px solid rgba(213,191,154,.055);pointer-events:none}.mg-stage-placeholder:after{content:"";position:absolute;left:0;top:0;width:190px;height:2px;background:linear-gradient(90deg,#8f1813,#c49c5d,transparent)}.mg-stage-corner{position:absolute;left:42px;right:42px;top:35px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;font-weight:700;color:#8b7861}.mg-stage-corner b{color:#c5564f}.mg-stage-center{position:absolute;left:50%;top:50%;width:min(90%,600px);transform:translate(-50%,-50%);text-align:center}.mg-stage-mark{font-size:2rem;color:#a77d48;margin-bottom:18px}.mg-stage-center p{margin:0 0 8px;text-transform:uppercase;letter-spacing:.2em;font-size:.62rem;font-weight:700;color:#8c7860}.mg-stage-center strong{display:block;font-family:var(--serif);font-size:clamp(2.4rem,4vw,4rem);font-weight:500;color:#d9c19d}.mg-stage-center small{display:block;margin-top:16px;color:#756a5c;letter-spacing:.05em}.mg-stage-bottom{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);display:flex;align-items:center;gap:11px;color:#9b8463;font-family:var(--serif);white-space:nowrap}.mg-stage-bottom i{width:60px;height:1px;background:linear-gradient(90deg,#7d1813,#b68d54)}

/* exakt nach der Zitatebene der Zeitlinie */
.mg-closing{position:relative;padding:105px 0 110px;background:linear-gradient(135deg,#eadcc4 0%,#f0e5d3 50%,#e2cba7 100%);text-align:center;overflow:hidden}.mg-closing:before{opacity:.12;background-image:radial-gradient(rgba(74,52,30,.22) .55px,transparent .55px);background-size:7px 7px}.mg-closing-inner{position:relative;z-index:1;max-width:1040px}.mg-closing-mark{font-family:Georgia,serif;font-size:4.6rem;line-height:.6;color:#9d211a;margin-bottom:20px}.mg-closing blockquote{margin:0 auto;max-width:1000px;font-family:var(--serif);font-size:clamp(2.25rem,3.65vw,4.45rem);line-height:1.05;letter-spacing:-.02em;color:#392c23;text-wrap:balance}.mg-closing blockquote strong,.mg-closing blockquote span{display:block}.mg-closing blockquote strong{font-weight:600;color:#2f241d}.mg-closing blockquote span{font-weight:500}.mg-closing-rule{position:relative;width:min(360px,56vw);height:1px;margin:34px auto 0;background:linear-gradient(90deg,transparent,#9b1a14 24%,#c8a161 50%,#9b1a14 76%,transparent)}.mg-closing-rule span{position:absolute;left:50%;top:50%;width:8px;height:8px;border:1px solid #8e1712;background:#ead8b9;transform:translate(-50%,-50%) rotate(45deg)}

@media(max-width:1180px){.mg-hero-inner{grid-template-columns:1fr .85fr;gap:25px}}
@media(max-width:900px){.mg-hero{min-height:auto;background-position:60% center}.mg-hero-inner{grid-template-columns:1fr;padding-top:155px;padding-bottom:105px}.mg-hero-visual{height:410px}.mg-intro-grid{grid-template-columns:1fr;gap:45px}.mg-stage-placeholder{min-height:590px}}
@media(max-width:760px){.mg-hero-inner{padding-top:145px;padding-bottom:88px}.mg-hero h1{font-size:clamp(4rem,18vw,5.6rem)}.mg-hero-visual{height:340px}.mg-hero-icon{width:170px;height:170px}.mg-intro,.mg-stage,.mg-closing{padding-top:82px;padding-bottom:86px}.mg-intro-title h2,.mg-section-head h2{font-size:clamp(3rem,13vw,4rem)}.mg-principle-card{grid-template-columns:65px 1fr;padding:20px}.mg-principle-card>.ns-arrow{display:none}.mg-closing blockquote{font-size:clamp(2.4rem,11vw,3.6rem)}}
@media(max-width:640px){.mg-hero-inner{padding-top:132px;padding-bottom:72px}.mg-hero-copy{max-width:620px}.mg-hero h1{font-size:clamp(3.65rem,16vw,5.15rem)}.mg-hero-lead{font-size:1.25rem}.mg-hero-copy>p:not(.eyebrow,.mg-hero-lead){font-size:.93rem;line-height:1.65}.mg-hero-visual{height:285px;margin-top:10px}.mg-hero-icon{width:145px;height:145px}.mg-hero-network{height:280px;top:0}.mg-hero-name{font-size:.72rem;padding:6px 8px}.mg-hero-button{min-height:52px}.mg-intro-copy{padding-top:0}.mg-intro-lead{font-size:1.3rem}.mg-section-head{text-align:left;margin-bottom:38px}.mg-section-head>p:last-child{margin-left:0}.mg-stage-placeholder{min-height:480px}.mg-stage-corner{left:26px;right:26px;top:28px}.mg-stage-center strong{font-size:2.5rem}.mg-stage-bottom{font-size:.78rem;gap:7px}.mg-stage-bottom i{width:24px}}

/* V1.2 · Mobile shell + development overlay */
.mg-mobile-development{display:none}

@media(max-width:900px){
  .mg-page{overflow:hidden}
  .mg-hero{min-height:0;background-position:58% center}
  .mg-hero:before{background:linear-gradient(180deg,rgba(7,6,5,.95) 0%,rgba(7,6,5,.92) 48%,rgba(7,6,5,.76) 72%,rgba(7,6,5,.96) 100%)}
  .mg-hero-inner{display:block;padding-top:142px;padding-bottom:92px}
  .mg-hero-copy{max-width:680px;margin:0 auto;text-align:left}
  .mg-hero-copy .eyebrow{margin-bottom:18px}
  .mg-hero h1{font-size:clamp(4.25rem,14vw,6.4rem);line-height:.9}
  .mg-hero-rule{margin:26px 0 22px;width:220px}
  .mg-hero-lead{font-size:clamp(1.3rem,4.3vw,1.72rem);line-height:1.34}
  .mg-hero-copy>p:not(.eyebrow,.mg-hero-lead){max-width:600px;font-size:.98rem;line-height:1.7}
  .mg-hero-button{margin-top:2px}
  .mg-hero-visual{display:none}
  .hero-scroll{bottom:20px}

  .mg-intro{padding:88px 0 94px}
  .mg-intro-grid{grid-template-columns:1fr;gap:34px}
  .mg-intro-title h2{font-size:clamp(3.15rem,11vw,4.65rem);line-height:.94}
  .mg-intro-copy{padding-top:0}
  .mg-intro-lead{font-size:clamp(1.28rem,4vw,1.55rem);line-height:1.5}
  .mg-intro-copy>p:not(.mg-intro-lead){font-size:1rem;line-height:1.75}
  .mg-principle-card{grid-template-columns:64px minmax(0,1fr) 22px;gap:18px;padding:22px 20px;margin-top:28px}
  .mg-principle-symbol{width:58px;height:58px}
  .mg-principle-copy strong{font-size:1.35rem}

  .mg-stage{padding:86px 0 92px}
  .mg-section-head{max-width:680px;margin-bottom:36px;text-align:left}
  .mg-section-head h2{font-size:clamp(3rem,11vw,4.5rem);line-height:.94}
  .mg-section-head>p:last-child{margin-left:0}
  .mg-stage-placeholder{min-height:610px}
  .mg-stage-placeholder>.mg-stage-corner,
  .mg-stage-placeholder>.mg-stage-center,
  .mg-stage-placeholder>.mg-stage-bottom{visibility:hidden}
  .mg-mobile-development{display:flex;position:absolute;inset:0;z-index:10;align-items:center;justify-content:center;padding:34px 24px;background:radial-gradient(circle at 50% 35%,rgba(124,22,16,.24),transparent 34%),linear-gradient(145deg,rgba(23,17,14,.98),rgba(9,8,7,.995));text-align:center}
  .mg-mobile-development:before{content:"";position:absolute;inset:18px;border:1px solid rgba(213,191,154,.10);pointer-events:none}
  .mg-mobile-development:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(213,191,154,.16) .5px,transparent .5px);background-size:8px 8px;opacity:.08;pointer-events:none}
  .mg-mobile-development-inner{position:relative;z-index:1;width:min(100%,620px);padding:42px 34px 36px;border:1px solid rgba(210,177,119,.18);background:linear-gradient(145deg,rgba(40,30,24,.72),rgba(16,12,10,.58));box-shadow:0 28px 80px rgba(0,0,0,.38)}
  .mg-mobile-development-inner:before,.mg-mobile-development-inner:after{content:"";position:absolute;top:-1px;width:54px;height:1px;background:#a31813}
  .mg-mobile-development-inner:before{left:-1px}.mg-mobile-development-inner:after{right:-1px}
  .mg-mobile-pennant{position:absolute;left:50%;top:-16px;transform:translateX(-50%);white-space:nowrap}
  .mg-mobile-pennant span{display:block;position:relative;padding:9px 20px 9px 18px;background:#9d1812;color:#f2dbc0;font-size:.61rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 8px 22px rgba(0,0,0,.28)}
  .mg-mobile-pennant span:after{content:"";position:absolute;right:-13px;top:0;border-top:16px solid #9d1812;border-bottom:16px solid #9d1812;border-right:13px solid transparent}
  .mg-mobile-rune{width:42px;height:42px;margin:0 auto 16px;display:grid;place-items:center;border:1px solid rgba(200,160,92,.35);transform:rotate(45deg);color:#c89b59;font-size:1.2rem}
  .mg-mobile-rune::first-letter{transform:rotate(-45deg)}
  .mg-mobile-salutation{margin:0 0 7px;color:#c8a56d;font-family:var(--serif);font-size:1.15rem}
  .mg-mobile-development h3{margin:0 0 16px;color:#ead7b6;font-family:var(--serif);font-size:clamp(2.1rem,7.3vw,3.2rem);font-weight:500;line-height:1.03;letter-spacing:-.025em}
  .mg-mobile-development p:not(.mg-mobile-salutation){max-width:520px;margin:0 auto;color:#aa9a84;font-size:.96rem;line-height:1.72}
  .mg-mobile-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
  .mg-mobile-action{min-height:47px;padding:0 18px!important;background:rgba(11,9,8,.46)!important;border-color:rgba(195,160,99,.42)!important;color:#dfc8a4!important;font-size:.72rem!important;box-shadow:none!important}
  .mg-mobile-action:hover{background:rgba(160,26,19,.15)!important;border-color:#b68d4e!important;color:#f0dcc0!important;transform:translateY(-2px)}
  .mg-mobile-action .ns-arrow{width:16px;height:16px}

  .mg-closing{padding:88px 0 92px}
  .mg-closing-inner{padding-left:22px;padding-right:22px}
  .mg-closing-mark{font-size:3.9rem;margin-bottom:15px}
  .mg-closing blockquote{font-size:clamp(2.15rem,8vw,3.45rem);line-height:1.08}
  .mg-closing-rule{margin-top:28px}
}

@media(max-width:640px){
  .mg-hero-inner{padding-top:124px;padding-bottom:80px}
  .mg-hero h1{font-size:clamp(3.65rem,17vw,5.05rem)}
  .mg-hero-rule{width:180px;margin:22px 0 20px}
  .mg-hero-lead{font-size:1.22rem}
  .mg-hero-button{width:100%;justify-content:center;padding-left:44px;padding-right:26px}
  .mg-hero-button:before{left:16px;width:20px}
  .hero-scroll{display:none}

  .mg-intro{padding:72px 0 78px}
  .mg-intro-title h2{font-size:clamp(2.9rem,14vw,3.8rem)}
  .mg-principle-card{grid-template-columns:1fr;gap:13px;padding:23px 20px 21px;text-align:left}
  .mg-principle-symbol{width:68px;height:34px;margin:0}
  .mg-principle-symbol:before{left:0;right:0}
  .mg-principle-symbol span:first-child{left:0}.mg-principle-symbol span:last-child{right:0}
  .mg-principle-copy strong{font-size:1.28rem;line-height:1.22}
  .mg-principle-card>.ns-arrow{display:block;position:absolute;right:18px;top:24px}

  .mg-stage{padding:72px 0 78px}
  .mg-section-head h2{font-size:clamp(2.8rem,13vw,3.75rem)}
  .mg-stage-placeholder{min-height:690px;margin-left:-4px;margin-right:-4px}
  .mg-mobile-development{padding:24px 14px}
  .mg-mobile-development-inner{padding:42px 20px 28px}
  .mg-mobile-development h3{font-size:clamp(2rem,9vw,2.8rem)}
  .mg-mobile-development p:not(.mg-mobile-salutation){font-size:.9rem;line-height:1.65}
  .mg-mobile-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .mg-mobile-action{width:100%;justify-content:space-between;padding:0 17px!important}

  .mg-closing{padding:72px 0 78px}
  .mg-closing blockquote{font-size:clamp(2rem,10.5vw,3rem)}
  .mg-closing-rule{width:70vw}
}

/* V1.3 · Interaktionsprototyp: Odin */
@media(min-width:901px){
  .mg-stage{padding-bottom:145px}
  .mg-stage-placeholder{min-height:940px;background:radial-gradient(circle at 50% 48%,rgba(145,91,35,.09),transparent 25%),radial-gradient(circle at 50% 48%,rgba(118,17,13,.09),transparent 43%),linear-gradient(145deg,#17110e 0%,#0d0b0a 52%,#130e0c 100%);border-color:rgba(205,169,105,.22);box-shadow:0 34px 110px rgba(0,0,0,.42),inset 0 0 80px rgba(0,0,0,.34)}
  .mg-stage-placeholder:before{inset:14px;border-color:rgba(220,190,135,.07)}
  .mg-stage-placeholder:after{width:240px;background:linear-gradient(90deg,#a71c16,#c99855 45%,transparent)}
}

.mg-network-shell{position:absolute;inset:0;isolation:isolate;overflow:hidden}
.mg-network-shell:before{content:"";position:absolute;inset:0;z-index:-2;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 105px,rgba(205,165,96,.035) 106px 107px,transparent 108px 166px),linear-gradient(90deg,transparent 49.94%,rgba(196,153,84,.032) 50%,transparent 50.06%),linear-gradient(0deg,transparent 49.94%,rgba(196,153,84,.026) 50%,transparent 50.06%)}
.mg-network-shell:after{content:"";position:absolute;inset:85px 0 112px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(191,137,66,.10),transparent 19%),radial-gradient(circle at 50% 50%,transparent 0 180px,rgba(187,143,79,.035) 181px 182px,transparent 183px 285px,rgba(187,143,79,.025) 286px 287px,transparent 288px)}

.mg-network-toolbar{position:absolute;z-index:6;left:0;right:0;top:0;min-height:82px;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(300px,1.15fr) minmax(180px,.7fr);align-items:center;gap:24px;padding:15px 26px;border-bottom:1px solid rgba(205,169,105,.14);background:linear-gradient(180deg,rgba(18,13,11,.94),rgba(14,11,9,.78));backdrop-filter:blur(8px)}
.mg-network-brand span,.mg-network-search>span{display:block;margin-bottom:4px;color:#8f7556;font-size:.54rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.mg-network-brand strong{font-family:var(--serif);font-size:1.13rem;font-weight:500;color:#d9c099}
.mg-network-search{display:block}.mg-network-search select{width:100%;height:42px;padding:0 40px 0 14px;border:1px solid rgba(196,156,91,.27);border-radius:0;background:#100d0b;color:#d8c2a1;font:600 .79rem/1 var(--sans,Arial,sans-serif);letter-spacing:.02em;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.mg-network-search select:hover,.mg-network-search select:focus{border-color:rgba(207,167,99,.64);box-shadow:0 0 0 2px rgba(185,135,61,.06)}
.mg-network-status{justify-self:end;display:flex;align-items:center;gap:8px;color:#a68e6f;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mg-network-status span{width:7px;height:7px;border-radius:50%;background:#9c1c15;box-shadow:0 0 14px rgba(188,44,33,.7)}

.mg-network-viewport{position:absolute;z-index:1;left:0;right:0;top:82px;bottom:112px;overflow:hidden;cursor:grab;outline:none;touch-action:none;user-select:none}.mg-network-viewport:focus-visible{box-shadow:inset 0 0 0 1px rgba(205,169,105,.42)}.mg-network-viewport.is-dragging{cursor:grabbing}
.mg-network-grid{position:absolute;inset:-50%;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(194,154,89,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(194,154,89,.028) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at center,#000 0,rgba(0,0,0,.8) 38%,transparent 78%)}
.mg-network-world{position:absolute;inset:0;will-change:transform;transform-origin:0 0}.mg-network-world.is-animating{transition:transform .4s cubic-bezier(.22,.72,.22,1)}

.mg-god-card{--wood-dark:#2b170d;--wood-mid:#5b321a;--wood-light:#8b5b2e;position:absolute;left:50%;top:50%;width:280px;min-height:184px;transform:translate(-50%,-50%);padding:0;border:1px solid #8c622f;border-radius:4px;background:linear-gradient(92deg,rgba(255,255,255,.025),transparent 17%,rgba(255,224,177,.055) 34%,transparent 57%,rgba(0,0,0,.14)),repeating-linear-gradient(4deg,rgba(255,216,157,.035) 0 1px,transparent 1px 7px),linear-gradient(145deg,#68401f 0%,#3c2112 31%,#5b3219 52%,#2a160d 100%);box-shadow:0 26px 54px rgba(0,0,0,.52),inset 0 0 0 4px rgba(26,13,7,.46),inset 0 0 0 5px rgba(190,139,72,.17),inset 0 18px 35px rgba(255,214,150,.035);color:#f0d9b3;text-align:center;cursor:pointer;overflow:visible;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,filter .25s ease}
.mg-god-card:before{content:"";position:absolute;inset:9px;border:1px solid rgba(224,188,126,.28);box-shadow:inset 0 0 20px rgba(0,0,0,.2);pointer-events:none}.mg-god-card:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:42px;background:linear-gradient(#b48748,transparent);opacity:.38;pointer-events:none}
.mg-god-card:hover,.mg-god-card:focus-visible,.mg-god-card.is-awake{transform:translate(-50%,-50%) scale(1.035);border-color:#d2a65f;filter:saturate(1.08) brightness(1.04);box-shadow:0 30px 64px rgba(0,0,0,.58),0 0 0 1px rgba(224,183,107,.24),0 0 34px rgba(202,139,55,.23),inset 0 0 0 4px rgba(26,13,7,.42),inset 0 0 0 5px rgba(225,180,104,.3)}.mg-god-card:focus-visible{outline:1px solid #d7ad68;outline-offset:5px}
.mg-card-inner{position:relative;display:flex;min-height:184px;flex-direction:column;align-items:center;justify-content:center;padding:34px 28px 24px;z-index:2}.mg-card-inner small{color:#d3ac6f;font-size:.58rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase;text-shadow:0 1px 2px #000}.mg-card-inner strong{display:block;margin-top:9px;font-family:var(--serif);font-size:3.1rem;font-weight:600;line-height:.95;letter-spacing:-.025em;color:#f3dfbd;text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 18px rgba(225,181,105,.08)}.mg-card-inner em{margin-top:8px;font-family:var(--serif);font-size:1.02rem;font-style:normal;color:#c9a876}.mg-card-divider{display:flex;align-items:center;justify-content:center;width:116px;margin:15px 0 8px}.mg-card-divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#c19250)}.mg-card-divider i:last-child{background:linear-gradient(90deg,#c19250,transparent)}.mg-card-divider b{width:8px;height:8px;margin:0 8px;border:1px solid #cf9f57;transform:rotate(45deg);box-shadow:0 0 10px rgba(219,165,81,.28)}.mg-card-hint{font-size:.57rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#a68a65;transition:color .2s ease}.mg-god-card:hover .mg-card-hint,.mg-god-card:focus-visible .mg-card-hint{color:#e0bf87}
.mg-card-crown{position:absolute;z-index:3;left:50%;top:-25px;width:112px;height:48px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;color:#d6a45e;text-shadow:0 0 10px rgba(211,159,81,.25)}.mg-card-crown:before{content:"";position:absolute;inset:5px 22px;border-top:1px solid #8b5e2d;border-left:1px solid #8b5e2d;border-right:1px solid #8b5e2d;transform:skewX(-12deg);background:linear-gradient(180deg,#3b2112,#1c0f09)}.mg-card-crown b{position:relative;font:500 1.35rem/1 var(--serif);z-index:1}.mg-card-crown i{position:relative;z-index:1;width:18px;height:1px;background:#a17037}
.mg-card-corners i{position:absolute;z-index:3;width:17px;height:17px;border-color:#d09c53;opacity:.75}.mg-card-corners i:nth-child(1){left:5px;top:5px;border-left:1px solid;border-top:1px solid}.mg-card-corners i:nth-child(2){right:5px;top:5px;border-right:1px solid;border-top:1px solid}.mg-card-corners i:nth-child(3){right:5px;bottom:5px;border-right:1px solid;border-bottom:1px solid}.mg-card-corners i:nth-child(4){left:5px;bottom:5px;border-left:1px solid;border-bottom:1px solid}

.mg-network-controls{position:absolute;z-index:7;left:24px;top:106px;display:grid;width:42px;border:1px solid rgba(197,158,93,.26);background:rgba(13,10,8,.88);box-shadow:0 12px 30px rgba(0,0,0,.25)}.mg-network-controls button{width:42px;height:42px;border:0;border-bottom:1px solid rgba(197,158,93,.18);background:transparent;color:#d4b27b;font-family:var(--serif);font-size:1.35rem;cursor:pointer;transition:background .2s ease,color .2s ease}.mg-network-controls button:last-child{border-bottom:0;font-size:1.05rem}.mg-network-controls button:hover,.mg-network-controls button:focus-visible{outline:0;background:rgba(159,27,20,.19);color:#f0d6ac}
.mg-network-help{position:absolute;z-index:6;right:24px;bottom:128px;display:flex;align-items:center;gap:12px;max-width:420px;padding:11px 14px;border:1px solid rgba(194,155,92,.18);background:rgba(13,10,8,.76);color:#8f806d;font-size:.67rem;line-height:1.45;backdrop-filter:blur(5px)}.mg-network-help p{margin:0}.mg-network-help strong{color:#c6a572;font-weight:700}.mg-mouse-icon{position:relative;flex:0 0 17px;width:17px;height:25px;border:1px solid #b68b4c;border-radius:9px}.mg-mouse-icon:after{content:"";position:absolute;left:50%;top:5px;width:1px;height:6px;background:#b68b4c;transform:translateX(-50%)}

.mg-network-legend{position:absolute;z-index:6;left:24px;right:24px;bottom:20px;display:grid;grid-template-columns:160px 1fr;align-items:center;gap:20px;min-height:72px;padding:13px 18px;border:1px solid rgba(201,163,99,.20);background:linear-gradient(90deg,rgba(20,15,12,.96),rgba(15,12,10,.86));box-shadow:0 14px 40px rgba(0,0,0,.23);backdrop-filter:blur(8px)}.mg-legend-head span{display:block;color:#9c1b15;font-size:.53rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.mg-legend-head strong{display:block;margin-top:3px;font-family:var(--serif);font-weight:500;color:#dac19a}.mg-legend-items{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.mg-legend-items span{display:flex;align-items:center;gap:7px;color:#9c8b73;font-size:.62rem;white-space:nowrap}.mg-legend-items i{display:block;width:34px;height:2px;background:#b68d4e;box-shadow:0 0 7px rgba(182,141,78,.2)}.mg-legend-items .is-descent{background:#d0a14d}.mg-legend-items .is-partner{background:#497db9}.mg-legend-items .is-family{background:#8260a4}.mg-legend-items .is-bond{background:#5d9168}.mg-legend-items .is-conflict{background:#a9332b}.mg-legend-items .is-knowledge{background:#3c9fa1}.mg-legend-items .is-origin{background:#d8d0be}.mg-legend-items .is-uncertain{height:1px;background:repeating-linear-gradient(90deg,#bca984 0 5px,transparent 5px 9px);box-shadow:none}

.mg-network-empty-note{position:absolute;z-index:5;left:50%;bottom:144px;transform:translate(-50%,14px);display:flex;flex-direction:column;align-items:center;padding:12px 20px;border:1px solid rgba(202,160,94,.16);background:rgba(14,11,9,.86);color:#9a8972;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;box-shadow:0 12px 28px rgba(0,0,0,.28)}.mg-network-empty-note.is-visible{opacity:1;transform:translate(-50%,0)}.mg-network-empty-note span{font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a71d16}.mg-network-empty-note strong{margin-top:3px;font-family:var(--serif);font-size:1rem;font-weight:500;color:#d5bc93}

@media(max-width:1180px) and (min-width:901px){
  .mg-stage-placeholder{min-height:900px}
  .mg-network-toolbar{grid-template-columns:160px minmax(260px,1fr) 160px;gap:16px;padding-left:20px;padding-right:20px}
  .mg-network-help{display:none}
  .mg-network-legend{grid-template-columns:130px 1fr;gap:12px}.mg-legend-items{gap:12px}.mg-legend-items i{width:25px}
}

/* V1.4 · Erlebnisprototyp: Holztafel, Steuerboard, Infotafel */
@media(min-width:901px){
.mg-stage-placeholder{min-height:1040px;overflow:visible}
.mg-network-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 310px;gap:0;background:linear-gradient(90deg,rgba(9,7,6,.98),rgba(17,12,10,.94) 22%,rgba(13,10,9,.96) 78%,rgba(9,7,6,.99));}
.mg-network-shell:before{inset:0 280px 0 310px;background:radial-gradient(ellipse at center,rgba(131,76,31,.13),transparent 35%),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 115px,rgba(205,165,96,.035) 116px 117px,transparent 118px 185px),linear-gradient(90deg,transparent 49.94%,rgba(196,153,84,.025) 50%,transparent 50.06%)}
.mg-network-shell:after{inset:0 310px 0 280px;background:radial-gradient(circle at 50% 52%,rgba(180,105,34,.09),transparent 24%),linear-gradient(180deg,transparent 70%,rgba(0,0,0,.35))}
.mg-control-board,.mg-info-board{position:relative;z-index:8;min-width:0;background:linear-gradient(90deg,rgba(18,13,10,.99),rgba(13,10,8,.98));border-right:1px solid rgba(189,145,79,.24);box-shadow:14px 0 44px rgba(0,0,0,.22),inset -1px 0 rgba(255,255,255,.015)}
.mg-control-board:before,.mg-info-board:before{content:"";position:absolute;inset:12px;border:1px solid rgba(202,160,93,.12);pointer-events:none}
.mg-board-cap{padding:34px 30px 24px;border-bottom:1px solid rgba(194,151,83,.16)}.mg-board-cap span,.mg-info-kicker{display:block;color:#a51d16;font-size:.54rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.mg-board-cap strong{display:block;margin-top:6px;font-family:var(--serif);font-size:1.45rem;font-weight:500;color:#ead4ad}
.mg-board-section{padding:25px 30px;border-bottom:1px solid rgba(194,151,83,.13)}.mg-board-section h3{margin:0 0 18px;font-family:var(--serif);font-size:1.05rem;font-weight:500;color:#d8bd92}.mg-board-howto p{display:grid;grid-template-columns:72px 1fr;gap:8px;margin:0 0 13px;color:#8f7e68;font-size:.67rem;line-height:1.4}.mg-board-howto b{color:#cba66e;font-weight:700}.mg-board-howto span{color:#8d7b65}
.mg-board-controls{display:grid;grid-template-columns:1fr;gap:1px;padding:18px 30px;background:rgba(0,0,0,.12);border-bottom:1px solid rgba(194,151,83,.13)}.mg-board-controls button{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border:1px solid rgba(194,151,83,.16);background:rgba(35,25,18,.46);color:#aa9474;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:.22s ease}.mg-board-controls button span{width:22px;color:#d2a55e;font:500 1.15rem/1 var(--serif)}.mg-board-controls button:hover{border-color:rgba(211,165,91,.52);background:rgba(112,62,25,.22);color:#ead4ae;transform:translateX(3px)}
.mg-board-legend{display:grid;gap:13px}.mg-board-legend>span{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.mg-board-legend i{grid-row:1/3;display:block;width:34px;height:2px;background:#d0a14d;box-shadow:0 0 7px currentColor}.mg-board-legend b{font-size:.67rem;color:#c8ad84}.mg-board-legend small{font-size:.55rem;color:#766957}.mg-board-legend .is-partner{background:#497db9}.mg-board-legend .is-family{background:#8260a4}.mg-board-legend .is-bond{background:#5d9168}.mg-board-legend .is-conflict{background:#a9332b}.mg-board-legend .is-knowledge{background:#3c9fa1}.mg-board-legend .is-origin{background:#d8d0be}.mg-board-legend .is-uncertain{height:1px;background:repeating-linear-gradient(90deg,#bca984 0 5px,transparent 5px 9px);box-shadow:none}.mg-board-foot{position:absolute;left:30px;right:30px;bottom:30px;padding-top:18px;border-top:1px solid rgba(194,151,83,.14);font-family:var(--serif);font-style:italic;font-size:.75rem;line-height:1.45;color:#8f7657}
.mg-network-main{position:relative;min-width:0;overflow:hidden}.mg-network-topline{position:absolute;z-index:6;left:0;right:0;top:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid rgba(194,151,83,.12);background:linear-gradient(180deg,rgba(16,12,10,.94),rgba(12,10,9,.62))}.mg-network-topline>div:first-child span{display:block;color:#8f7556;font-size:.52rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.mg-network-topline>div:first-child strong{display:block;margin-top:4px;font-family:var(--serif);font-size:1.05rem;font-weight:500;color:#d8bf98}.mg-network-status{font-size:.55rem}
.mg-network-viewport{left:0;right:0;top:78px;bottom:0}.mg-network-grid{opacity:.28;background-size:62px 62px}.mg-map-cue{position:absolute;z-index:6;left:50%;bottom:24px;transform:translateX(-50%);padding:9px 15px;border:1px solid rgba(195,151,84,.13);background:rgba(10,8,7,.72);color:#7f6f5b;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.mg-map-cue span{margin-right:8px;color:#b98743}
.mg-god-card{width:310px;min-height:210px;border:0;border-radius:48% 48% 18px 18px/24% 24% 12px 12px;background:repeating-linear-gradient(2deg,rgba(255,218,154,.028) 0 1px,transparent 1px 8px),repeating-linear-gradient(91deg,transparent 0 27px,rgba(28,11,3,.11) 28px 29px),radial-gradient(ellipse at 50% 20%,rgba(184,113,47,.34),transparent 42%),linear-gradient(96deg,#3a1d0d 0%,#6b3d1b 18%,#4b2812 48%,#70421f 72%,#32190c 100%);box-shadow:0 35px 65px rgba(0,0,0,.64),inset 0 0 0 3px #1b0d07,inset 0 0 0 5px rgba(163,105,47,.7),inset 0 0 0 8px #251208,inset 0 0 0 9px rgba(211,164,86,.28),inset 0 22px 42px rgba(255,203,118,.05);overflow:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .3s ease,box-shadow .3s ease}
.mg-god-card:before{inset:13px;border:1px solid rgba(222,180,106,.24);border-radius:46% 46% 12px 12px/22% 22% 8px 8px;box-shadow:inset 0 0 30px rgba(0,0,0,.34)}.mg-god-card:after{display:none}.mg-card-iron{position:absolute;inset:-7px;z-index:-1;border-radius:49% 49% 22px 22px/26% 26% 16px 16px;background:linear-gradient(120deg,#271d15,#71502d 20%,#241a12 46%,#7d5b32 70%,#21170f);clip-path:polygon(6% 12%,16% 2%,84% 2%,94% 12%,100% 76%,91% 96%,9% 96%,0 76%)}
.mg-card-pennant{position:absolute;z-index:5;left:50%;top:-78px;width:86px;height:104px;transform:translateX(-50%);filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}.mg-card-pennant i{position:absolute;inset:0;background:linear-gradient(90deg,#59100d,#941d16 45%,#64100d);clip-path:polygon(0 0,100% 0,92% 76%,73% 68%,53% 100%,32% 72%,8% 80%);box-shadow:inset 0 0 0 1px rgba(224,144,91,.22)}.mg-card-pennant b{position:absolute;z-index:2;left:0;right:0;top:29px;color:#d0a35c;font:500 1.75rem/1 var(--serif);text-shadow:0 2px 4px #000}
.mg-card-aura{position:absolute;z-index:-3;inset:-65px;border-radius:50%;background:radial-gradient(circle,rgba(225,157,59,.23),rgba(169,78,20,.08) 35%,transparent 68%);opacity:.18;transform:scale(.78);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}.mg-card-inner{min-height:210px;padding:50px 34px 32px}.mg-card-inner small{font-size:.6rem;color:#d2a96b}.mg-card-inner strong{margin-top:13px;font-size:3.55rem}.mg-card-ornament{display:flex;align-items:center;width:125px;margin-top:20px;color:#d3a35b}.mg-card-ornament i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#c18d47)}.mg-card-ornament i:last-child{background:linear-gradient(90deg,#c18d47,transparent)}.mg-card-ornament b{margin:0 10px;font-weight:400}.mg-card-studs i{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c39b61,#5a3d22 55%,#1d130d);box-shadow:0 1px 3px #000}.mg-card-studs i:nth-child(1){left:20px;top:50%}.mg-card-studs i:nth-child(2){right:20px;top:50%}.mg-card-studs i:nth-child(3){left:52px;bottom:19px}.mg-card-studs i:nth-child(4){right:52px;bottom:19px}
.mg-god-card:hover,.mg-god-card:focus-visible,.mg-god-card.is-awake{transform:translate(-50%,-50%) scale(1.085) translateY(-5px);filter:saturate(1.2) brightness(1.13);box-shadow:0 46px 88px rgba(0,0,0,.68),0 0 0 1px rgba(235,186,100,.48),0 0 34px rgba(224,141,38,.38),0 0 90px rgba(181,73,19,.22),inset 0 0 0 3px #1b0d07,inset 0 0 0 5px rgba(203,140,64,.86),inset 0 0 0 8px #251208,inset 0 0 0 10px rgba(242,190,101,.42)}.mg-god-card:hover .mg-card-aura,.mg-god-card:focus-visible .mg-card-aura,.mg-god-card.is-awake .mg-card-aura{opacity:1;transform:scale(1.12)}.mg-god-card:hover .mg-card-pennant,.mg-god-card.is-awake .mg-card-pennant{animation:mgPennant 1.8s ease-in-out infinite alternate}@keyframes mgPennant{to{transform:translateX(-50%) rotate(1.5deg) translateY(-2px)}}
.mg-info-board{border-right:0;border-left:1px solid rgba(189,145,79,.24);box-shadow:-14px 0 44px rgba(0,0,0,.22);padding:0 30px}.mg-info-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 12px}.mg-info-sigil{display:grid;place-items:center;width:58px;height:58px;margin-bottom:20px;border:1px solid rgba(195,151,84,.25);transform:rotate(45deg);color:#bd8e49;font-size:1.25rem}.mg-info-empty p{margin:0;color:#a51d16;font-size:.55rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.mg-info-empty strong{max-width:220px;margin-top:10px;font-family:var(--serif);font-size:1.5rem;line-height:1.2;font-weight:500;color:#d8bf98}.mg-info-empty small{max-width:220px;margin-top:12px;color:#776956;font-size:.63rem;line-height:1.55}.mg-info-content{position:relative;padding:74px 0 36px;animation:mgInfoIn .35s ease both}@keyframes mgInfoIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.mg-info-flag{position:absolute;right:-30px;top:24px;padding:8px 25px 8px 16px;background:#7d1712;color:#e6c28c;font-size:.5rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 50%)}.mg-info-kicker{margin:0 0 10px}.mg-info-content h3{margin:0;font-family:var(--serif);font-size:3rem;line-height:1;font-weight:500;color:#ecd4ac}.mg-info-type{margin:10px 0 0;font-family:var(--serif);font-size:1.05rem;color:#c29a62}.mg-info-type span{padding:0 5px;color:#7f5b32}.mg-info-rule{display:flex;align-items:center;margin:26px 0;color:#9f723a}.mg-info-rule:before,.mg-info-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#76552e)}.mg-info-rule:after{background:linear-gradient(90deg,#76552e,transparent)}.mg-info-rule span{margin:0 10px}.mg-info-content dl{margin:0}.mg-info-content dl div{padding:0 0 19px}.mg-info-content dt{margin-bottom:5px;color:#8e704d;font-size:.52rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.mg-info-content dd{margin:0;font-family:var(--serif);font-size:1.05rem;line-height:1.45;color:#d2b88f}.mg-info-note{margin-top:12px;padding:18px;border:1px solid rgba(194,151,83,.16);background:linear-gradient(135deg,rgba(91,48,21,.18),rgba(18,13,10,.4))}.mg-info-note span{display:block;color:#a51d16;font-size:.5rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.mg-info-note strong{display:block;margin-top:5px;font-family:var(--serif);font-size:1.15rem;font-weight:500;color:#d8bd91}.mg-info-note p{margin:8px 0 0;color:#81715d;font-size:.61rem;line-height:1.5}
}
@media(max-width:1180px) and (min-width:901px){.mg-network-shell{grid-template-columns:235px minmax(0,1fr) 260px}.mg-control-board{font-size:.9em}.mg-board-section,.mg-board-cap{padding-left:22px;padding-right:22px}.mg-board-controls{padding-left:22px;padding-right:22px}.mg-info-board{padding:0 22px}.mg-god-card{width:260px}.mg-card-inner strong{font-size:3rem}}

/* V1.4 · Historische Materialwelt: Holz statt HUD */
@media(min-width:901px){
  .mg-stage>.shell{width:min(96vw,1880px);max-width:none}
  .mg-stage-placeholder{min-height:1080px;border:0;box-shadow:0 42px 120px rgba(0,0,0,.48);background:#0b0907;overflow:hidden}
  .mg-stage-placeholder:before{inset:0;border:0}
  .mg-stage-placeholder:after{display:none}
  .mg-network-shell{grid-template-columns:330px minmax(700px,1fr) 370px;gap:18px;padding:18px;background:radial-gradient(ellipse at 50% 44%,rgba(92,48,19,.18),transparent 42%),linear-gradient(180deg,#0b0907,#100c09 55%,#090806)}
  .mg-network-shell:before{inset:18px 406px 18px 366px;background:repeating-linear-gradient(89deg,rgba(255,255,255,.012) 0 1px,transparent 1px 46px),repeating-linear-gradient(2deg,rgba(117,72,32,.03) 0 1px,transparent 1px 37px);opacity:.55}
  .mg-network-shell:after{inset:18px 406px 18px 366px;background:radial-gradient(ellipse at center,rgba(151,84,27,.10),transparent 30%),radial-gradient(ellipse at center,transparent 0 45%,rgba(0,0,0,.35) 78%)}
  .mg-control-board,.mg-info-board{border:0!important;box-shadow:0 28px 55px rgba(0,0,0,.55),inset 0 0 0 1px rgba(199,150,81,.18),inset 0 0 0 8px #21150c,inset 0 0 0 10px rgba(111,68,29,.58),inset 0 0 55px rgba(0,0,0,.58);background:repeating-linear-gradient(2deg,rgba(222,169,98,.018) 0 1px,transparent 1px 8px),repeating-linear-gradient(91deg,transparent 0 35px,rgba(0,0,0,.08) 36px 38px),linear-gradient(96deg,#2b190d,#17100b 18%,#24160d 48%,#130d09 78%,#2a180d);}
  .mg-control-board:before,.mg-info-board:before{inset:15px;border:1px solid rgba(207,157,86,.18);box-shadow:inset 0 0 28px rgba(0,0,0,.55)}
  .mg-board-cap,.mg-board-section,.mg-board-controls{border-color:rgba(128,82,38,.42)}
  .mg-board-cap{padding-top:42px}.mg-board-cap span{color:#b9874d}.mg-board-cap strong{font-size:1.7rem;color:#e3c89e}
  .mg-board-controls{background:rgba(9,6,4,.20)}.mg-board-controls button{border-color:rgba(145,95,45,.42);background:linear-gradient(90deg,rgba(73,42,20,.45),rgba(23,15,10,.38));box-shadow:inset 0 1px rgba(232,188,117,.035)}
  .mg-board-controls button:hover{transform:translateX(5px);background:linear-gradient(90deg,rgba(112,58,23,.55),rgba(37,22,12,.42));box-shadow:inset 3px 0 #a66a31}
  .mg-board-legend i{height:3px;box-shadow:0 0 8px currentColor,0 1px 0 rgba(255,255,255,.12)}
  .mg-network-main{border:1px solid rgba(112,69,31,.44);box-shadow:0 30px 70px rgba(0,0,0,.48),inset 0 0 70px rgba(0,0,0,.34);background:radial-gradient(ellipse at 50% 52%,rgba(107,55,20,.16),transparent 30%),repeating-linear-gradient(3deg,rgba(153,103,54,.018) 0 1px,transparent 1px 13px),#0d0a08}
  .mg-network-topline{height:74px;border-color:rgba(119,75,35,.38);background:linear-gradient(180deg,rgba(36,22,13,.72),rgba(15,10,7,.62));box-shadow:0 10px 28px rgba(0,0,0,.24)}
  .mg-network-viewport{top:74px}.mg-network-grid{display:none}.mg-map-cue{border:0;background:none;color:#6e5a42;letter-spacing:.13em}
  .mg-network-status span{background:#8e2418;box-shadow:none}
  .mg-god-card{width:360px;min-height:190px;border:0;border-radius:2px;padding:0;overflow:visible;background:repeating-linear-gradient(1deg,rgba(246,196,120,.035) 0 1px,transparent 1px 7px),repeating-linear-gradient(92deg,transparent 0 24px,rgba(22,8,2,.12) 25px 28px),linear-gradient(98deg,#3a1b09 0%,#6d3c17 14%,#4b260e 29%,#74451d 46%,#3d1c09 64%,#633414 82%,#321608 100%);box-shadow:0 42px 65px rgba(0,0,0,.68),inset 0 0 0 5px #1a0b04,inset 0 0 0 8px #6f421e,inset 0 0 0 10px rgba(222,166,87,.28),inset 0 18px 30px rgba(255,206,125,.04),inset 0 -22px 34px rgba(0,0,0,.28);clip-path:polygon(3% 7%,10% 2%,27% 4%,36% 1%,51% 4%,65% 1%,78% 4%,91% 2%,98% 8%,99% 28%,97% 42%,100% 60%,97% 76%,98% 92%,89% 98%,72% 96%,59% 99%,43% 96%,28% 99%,11% 96%,2% 90%,3% 72%,0 58%,3% 42%,1% 23%);transition:transform .38s cubic-bezier(.18,.8,.2,1),filter .35s ease,box-shadow .4s ease}
  .mg-god-card:before{content:"";position:absolute;inset:14px;border:1px solid rgba(225,177,98,.24);border-radius:1px;box-shadow:inset 0 0 32px rgba(0,0,0,.42);pointer-events:none}.mg-god-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 18%,rgba(255,221,162,.06) 31%,transparent 42%),radial-gradient(ellipse at 24% 38%,rgba(0,0,0,.22),transparent 2%),radial-gradient(ellipse at 71% 65%,rgba(0,0,0,.18),transparent 2%);mix-blend-mode:screen;opacity:.45}
  .mg-card-inner{position:relative;z-index:4;min-height:190px;display:grid;place-items:center;padding:28px}.mg-card-inner strong{margin:0;font-family:var(--serif);font-size:4.25rem;font-weight:500;line-height:1;color:#f0d4a7;letter-spacing:.015em;text-shadow:0 3px 2px #160904,0 0 24px rgba(232,172,87,.08)}
  .mg-card-pennant{z-index:2;top:-72px;width:76px;height:93px;filter:drop-shadow(0 10px 9px rgba(0,0,0,.62))}.mg-card-pennant i{background:linear-gradient(90deg,#4e0d09,#8c1c13 46%,#58100b);clip-path:polygon(8% 0,92% 0,88% 73%,68% 67%,50% 100%,31% 68%,10% 76%);box-shadow:inset 0 0 0 1px rgba(224,139,80,.16)}.mg-card-pennant b{display:none}
  .mg-card-rope{position:absolute;z-index:1;top:-45px;width:3px;height:54px;background:repeating-linear-gradient(180deg,#7d5931 0 3px,#3a2414 3px 6px);filter:drop-shadow(1px 1px 1px #000)}.mg-card-rope-left{left:112px;transform:rotate(8deg)}.mg-card-rope-right{right:112px;transform:rotate(-8deg)}
  .mg-card-nails i{position:absolute;z-index:5;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8f7148,#38291c 55%,#120d09);box-shadow:0 1px 2px #000}.mg-card-nails i:nth-child(1){left:20px;top:22px}.mg-card-nails i:nth-child(2){right:20px;top:22px}.mg-card-nails i:nth-child(3){left:20px;bottom:22px}.mg-card-nails i:nth-child(4){right:20px;bottom:22px}
  .mg-card-light{position:absolute;z-index:-2;inset:-85px;background:radial-gradient(ellipse,rgba(235,158,59,.30),rgba(157,74,19,.08) 36%,transparent 69%);opacity:0;transform:scale(.72);transition:opacity .4s ease,transform .48s cubic-bezier(.2,.8,.2,1);pointer-events:none}
  .mg-god-card:hover,.mg-god-card:focus-visible,.mg-god-card.is-awake{transform:translate(-50%,-50%) translateY(-10px) scale(1.105);filter:saturate(1.18) brightness(1.13);box-shadow:0 56px 90px rgba(0,0,0,.72),0 0 0 2px rgba(213,155,72,.36),0 0 42px rgba(224,137,39,.28),0 0 110px rgba(157,68,15,.18),inset 0 0 0 5px #1a0b04,inset 0 0 0 8px #8c5727,inset 0 0 0 10px rgba(244,190,101,.38),inset 0 20px 35px rgba(255,211,135,.07),inset 0 -22px 34px rgba(0,0,0,.22)}
  .mg-god-card:hover .mg-card-light,.mg-god-card:focus-visible .mg-card-light,.mg-god-card.is-awake .mg-card-light{opacity:1;transform:scale(1.08)}
  .mg-god-card:hover .mg-card-pennant,.mg-god-card.is-awake .mg-card-pennant{animation:mgPennantWood 1.7s ease-in-out infinite alternate}@keyframes mgPennantWood{to{transform:translateX(-50%) rotate(1.8deg) translateY(-3px)}}
  .mg-info-board{padding:0 36px;background:repeating-linear-gradient(2deg,rgba(117,72,31,.028) 0 1px,transparent 1px 10px),linear-gradient(94deg,#25160c,#17100b 23%,#20130b 70%,#2d1a0d)}
  .mg-info-empty[hidden],.mg-info-content[hidden]{display:none!important}.mg-info-empty{position:relative}.mg-info-empty:before{content:"";width:96px;height:10px;margin-bottom:30px;background:linear-gradient(90deg,transparent,#76502a,transparent);opacity:.7}.mg-info-mark{display:block;width:58px;height:68px;margin-bottom:22px;background:linear-gradient(90deg,#57100c,#8d1b13,#55100b);clip-path:polygon(8% 0,92% 0,87% 72%,67% 65%,50% 100%,31% 67%,10% 75%);filter:drop-shadow(0 8px 8px rgba(0,0,0,.45))}.mg-info-empty p{color:#b17e45}.mg-info-empty strong{font-size:1.75rem;color:#e1c69d}.mg-info-empty small{color:#8a755c}
  .mg-info-content{padding-top:88px}.mg-info-content h3{font-size:3.7rem}.mg-info-flag{right:-36px;background:linear-gradient(90deg,#6d130e,#951d15);box-shadow:0 6px 15px rgba(0,0,0,.28)}.mg-info-rule{height:1px;background:linear-gradient(90deg,#76502b,transparent);margin:28px 0}.mg-info-rule:before,.mg-info-rule:after{display:none}.mg-info-note{background:rgba(10,7,5,.28);border-color:rgba(130,83,39,.44)}
}
@media(min-width:1500px){.mg-network-shell{grid-template-columns:350px minmax(820px,1fr) 400px}}

/* =============================================================
   GÖTTER & WESEN · RPG / HOLZATLAS PROTOTYP v1.4
   Ziel: physische Materialität statt Sci-Fi-UI.
   ============================================================= */
@media (min-width:901px){
  .mg-stage>.shell{width:min(1880px,97vw);max-width:none}
  .mg-section-head{max-width:780px;margin-left:auto;margin-right:auto;margin-bottom:42px}
  .mg-network-prototype{overflow:visible;background:transparent;border:0;box-shadow:none}
  .mg-network-rpg{
    position:relative;display:grid;grid-template-columns:330px minmax(720px,1fr) 370px;
    min-height:930px;width:100%;gap:0;padding:46px 20px 20px;
    border:0;background:#0a0705;
    box-shadow:0 35px 95px rgba(0,0,0,.62),0 0 0 1px rgba(105,63,28,.32);
    isolation:isolate;
  }
  .mg-network-rpg:before{
    content:"";position:absolute;inset:-16px;z-index:-2;pointer-events:none;
    background:
      linear-gradient(90deg,rgba(18,8,3,.94),rgba(63,31,12,.92) 3%,rgba(24,12,6,.96) 7%,rgba(16,8,4,.96) 93%,rgba(63,31,12,.92) 97%,rgba(18,8,3,.94)),
      url('../assets/mythologie-goetter/oak-dark.webp') center/cover;
    border:1px solid #6f431f;
    box-shadow:inset 0 0 0 5px #160a04,inset 0 0 0 8px rgba(139,87,39,.55),inset 0 0 60px #000,0 0 0 1px rgba(223,164,85,.09);
  }
  .mg-network-rpg:after{
    content:"";position:absolute;inset:-24px -14px auto;z-index:-1;height:74px;pointer-events:none;
    background:linear-gradient(180deg,#4b2b14,#241208 70%,#120906);
    border:1px solid #6f431f;box-shadow:inset 0 0 0 4px #160a04,inset 0 0 0 6px rgba(181,119,56,.23),0 12px 30px rgba(0,0,0,.55);
    clip-path:polygon(1% 12%,4% 0,96% 0,99% 12%,100% 84%,97% 100%,3% 100%,0 84%);
  }
  .mg-rpg-top-plaque{
    position:absolute;z-index:20;top:-28px;left:50%;transform:translateX(-50%);width:min(650px,48vw);height:92px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:
      linear-gradient(rgba(195,143,79,.10),rgba(29,14,6,.18)),
      url('../assets/mythologie-goetter/oak-dark.webp') center/cover;
    border:2px solid #1b0d05;box-shadow:inset 0 0 0 2px #7c4b23,inset 0 0 0 5px #241107,0 12px 28px rgba(0,0,0,.58);
    clip-path:polygon(3% 8%,10% 0,90% 0,97% 8%,100% 82%,94% 100%,6% 100%,0 82%);
  }
  .mg-rpg-top-plaque:before,.mg-rpg-top-plaque:after{content:"";position:absolute;top:17px;width:68px;height:48px;background:radial-gradient(circle at 50% 50%,#6d492b 0 8%,#1e130d 9% 14%,transparent 15%),repeating-conic-gradient(from 0deg,#7c5733 0 7deg,#25160d 8deg 15deg);border-radius:50%;opacity:.45}
  .mg-rpg-top-plaque:before{left:22px}.mg-rpg-top-plaque:after{right:22px}
  .mg-rpg-top-plaque span{font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:#c99756;font-weight:800}
  .mg-rpg-top-plaque strong{margin-top:4px;font-family:var(--serif);font-size:2.15rem;font-weight:500;color:#f0d5aa;text-shadow:0 2px 2px #000}

  /* Linkes Steuerbrett */
  .mg-rpg-board{
    position:relative;z-index:3;display:flex;flex-direction:column;min-height:864px;padding:22px 18px 18px;
    background:
      linear-gradient(rgba(11,7,4,.20),rgba(11,7,4,.42)),
      url('../assets/mythologie-goetter/oak-dark.webp') center/cover;
    border:0;box-shadow:inset 0 0 0 4px #130905,inset 0 0 0 7px #6f421e,inset 0 0 0 10px #211006,8px 0 20px rgba(0,0,0,.35);
  }
  .mg-rpg-board:before,.mg-rpg-board:after,.mg-rpg-info:before,.mg-rpg-info:after{content:"";position:absolute;z-index:5;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#a77b45 0 5%,#49311e 24%,#1a1009 57%,#0b0604 69%);box-shadow:0 2px 5px #000,inset 0 0 0 1px rgba(221,170,93,.18)}
  .mg-rpg-board:before,.mg-rpg-info:before{left:9px;top:9px}.mg-rpg-board:after,.mg-rpg-info:after{right:9px;bottom:9px}
  .mg-rpg-board-title{padding:11px 12px 18px;border-bottom:1px solid rgba(176,111,51,.48)}
  .mg-rpg-board-title span{display:block;color:#b82b1e;font-size:.58rem;font-weight:900;letter-spacing:.21em;text-transform:uppercase}
  .mg-rpg-board-title strong{display:block;margin-top:5px;font:500 1.45rem var(--serif);color:#efd5aa}
  .mg-rpg-parchment{
    margin:18px 4px 20px;padding:20px 18px;color:#2b1a10;
    background:linear-gradient(rgba(239,211,162,.18),rgba(109,70,35,.08)),url('../assets/mythologie-goetter/parchment-clean.webp') center/cover;
    border:1px solid #8d6132;box-shadow:inset 0 0 32px rgba(66,35,15,.32),0 5px 10px rgba(0,0,0,.28);
    clip-path:polygon(1% 5%,5% 1%,17% 2%,27% 0,44% 2%,59% 0,74% 2%,88% 0,99% 4%,98% 19%,100% 33%,98% 53%,100% 70%,98% 96%,88% 99%,72% 98%,58% 100%,44% 98%,31% 100%,14% 98%,2% 99%,1% 78%,3% 62%,1% 41%,3% 23%);
  }
  .mg-rpg-howto p{display:grid;grid-template-columns:88px 1fr;gap:10px;margin:0;padding:8px 0;border-bottom:1px solid rgba(68,38,17,.16);font-size:.78rem}.mg-rpg-howto p:last-child{border-bottom:0}.mg-rpg-howto b{font-weight:800}.mg-rpg-howto span{opacity:.76}
  .mg-rpg-legend{padding:3px 12px 13px}.mg-rpg-legend h3{font:500 1.25rem var(--serif);color:#e7c99b;margin:0 0 16px}
  .mg-rpg-legend .mg-board-legend{display:grid;gap:10px}.mg-rpg-legend .mg-board-legend>span{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center}.mg-rpg-legend .mg-board-legend i{grid-row:1/3;width:38px;height:3px;border-radius:5px}.mg-rpg-legend .mg-board-legend b{color:#e8c58c;font-size:.73rem;line-height:1.1}.mg-rpg-legend .mg-board-legend small{margin-top:2px;color:#927b5f;font-size:.61rem;line-height:1.15}
  .mg-rpg-controls{margin-top:auto;padding:17px 10px 12px;border-top:1px solid rgba(163,100,43,.5)}.mg-rpg-controls>span{display:block;margin-bottom:11px;font-size:.57rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:#b9874d}.mg-rpg-controls>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mg-rpg-controls button{display:flex;min-height:66px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #6a411f;background:linear-gradient(#442511,#1d1008);color:#e7c18a;box-shadow:inset 0 0 0 2px #160a05,inset 0 0 0 3px rgba(198,133,63,.18),0 4px 10px rgba(0,0,0,.3);cursor:pointer;transition:.2s ease}.mg-rpg-controls button:hover{transform:translateY(-3px);filter:brightness(1.22);border-color:#b27335}.mg-rpg-controls b{font:400 1.55rem var(--serif)}.mg-rpg-controls small{margin-top:4px;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;color:#a68762}
  .mg-rpg-board blockquote{margin:12px 10px 2px;padding-top:13px;border-top:1px solid rgba(139,82,36,.45);font:italic .84rem/1.4 var(--serif);color:#a98762;text-align:center}

  /* Kartenraum */
  .mg-rpg-map{position:relative;min-height:864px;overflow:hidden;border:0;background:#090705;box-shadow:inset 0 0 0 4px #150a05,inset 0 0 0 7px #6d421f,inset 0 0 0 10px #211006,inset 0 0 70px #000}
  .mg-rpg-map:before{content:"";position:absolute;inset:10px;pointer-events:none;z-index:6;border:1px solid rgba(187,123,58,.27);box-shadow:inset 0 0 40px rgba(0,0,0,.45)}
  .mg-rpg-map .mg-network-viewport{inset:10px;top:10px;bottom:46px;cursor:grab}
  .mg-rpg-map .mg-network-world{position:absolute;left:50%;top:50%;width:1540px;height:970px;margin-left:-770px;margin-top:-485px;transform-origin:770px 485px}
  .mg-rpg-map .mg-network-world:before{content:"";position:absolute;inset:0;background:url('../assets/mythologie-goetter/beziehungsnetz-map.webp') center/cover no-repeat;filter:saturate(.74) brightness(.62) contrast(1.08);box-shadow:inset 0 0 140px #000;opacity:.98}
  .mg-rpg-map .mg-network-world:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 51%,rgba(211,123,35,.10),transparent 26%),radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.62) 89%);pointer-events:none}
  .mg-rpg-map-footer{position:absolute;z-index:8;left:50%;bottom:15px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#725a3e;font-size:.52rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.mg-rpg-map-footer i{width:4px;height:4px;border:1px solid #9f713c;transform:rotate(45deg)}

  /* Odin: echtes Holzschild, nur deutscher Name */
  .mg-rpg-nameplate{
    position:absolute;z-index:10;left:50%;top:50%;width:390px;height:142px;min-height:0;padding:0;border:0!important;border-radius:0!important;overflow:visible;
    background:
      linear-gradient(90deg,rgba(255,205,123,.06),transparent 18%,rgba(0,0,0,.08) 36%,rgba(240,173,89,.06) 54%,rgba(0,0,0,.13) 76%,transparent),
      url('../assets/mythologie-goetter/oak-dark.webp') center/cover;
    clip-path:polygon(2% 8%,7% 3%,22% 5%,34% 2%,47% 5%,61% 2%,75% 5%,92% 2%,98% 7%,99% 24%,97% 42%,100% 60%,97% 82%,98% 94%,91% 98%,73% 96%,62% 99%,45% 96%,31% 99%,14% 96%,3% 98%,2% 81%,4% 64%,1% 48%,3% 29%);
    box-shadow:0 38px 58px rgba(0,0,0,.72),inset 0 0 0 5px #180a03,inset 0 0 0 8px #75441e,inset 0 0 0 10px #1f0e05,inset 0 0 0 12px rgba(207,146,72,.28),inset 0 18px 28px rgba(255,196,102,.07),inset 0 -24px 32px rgba(0,0,0,.35);
    transition:transform .34s cubic-bezier(.2,.8,.2,1),filter .32s ease,box-shadow .35s ease;cursor:pointer;isolation:isolate;
  }
  .mg-rpg-nameplate:before{content:"";position:absolute;inset:15px;border:1px solid rgba(225,164,83,.20);box-shadow:inset 0 0 28px rgba(0,0,0,.42);pointer-events:none}
  .mg-rpg-nameplate:after{content:"";position:absolute;z-index:-1;inset:-22px;background:radial-gradient(ellipse,rgba(247,155,49,.36),rgba(157,68,18,.11) 44%,transparent 70%);filter:blur(11px);opacity:.22;transition:opacity .3s ease,transform .4s ease}
  .mg-rpg-nameplate .mg-card-inner{position:relative;z-index:4;display:grid;place-items:center;min-height:142px;padding:0}.mg-rpg-nameplate .mg-card-inner strong{margin:0!important;font:500 3.85rem/1 var(--serif)!important;letter-spacing:.04em;color:#f4d9ae;text-shadow:0 3px 2px #160804,0 0 22px rgba(255,191,95,.12)}
  .mg-card-pennant{position:absolute;z-index:5;left:50%;top:-105px;width:112px;height:121px;transform:translateX(-50%);background:url('../assets/mythologie-goetter/cloth-red.webp') center/cover;clip-path:polygon(7% 0,93% 0,91% 69%,73% 65%,50% 100%,29% 65%,8% 72%);filter:saturate(.88) brightness(.74) drop-shadow(0 12px 7px rgba(0,0,0,.62));box-shadow:none!important}.mg-card-pennant:before,.mg-card-pennant:after{content:"";position:absolute;left:8%;right:8%;height:5px;background:linear-gradient(90deg,#2a170c,#8a5f32 20%,#2d1a0f 50%,#8a5f32 80%,#241209);box-shadow:0 2px 4px #000}.mg-card-pennant:before{top:0}.mg-card-pennant:after{bottom:29px;opacity:.42}
  .mg-card-chain{position:absolute;z-index:3;top:-71px;width:3px;height:82px;background:repeating-linear-gradient(180deg,#9b6b35 0 4px,#2b1b0e 4px 8px);transform-origin:bottom;filter:drop-shadow(1px 1px 1px #000)}.mg-card-chain-left{left:82px;transform:rotate(18deg)}.mg-card-chain-right{right:82px;transform:rotate(-18deg)}
  .mg-card-brace{position:absolute;z-index:6;top:4px;bottom:4px;width:34px;background:linear-gradient(90deg,#170e09,#6b4b2b 28%,#2a1d13 56%,#8a6236 77%,#130b07);border:1px solid #0b0603;box-shadow:inset 0 0 0 2px rgba(205,150,79,.14),0 2px 6px #000}.mg-card-brace:before,.mg-card-brace:after{content:"";position:absolute;left:50%;width:9px;height:9px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 35% 30%,#a27a47,#2b1d12 60%,#0b0604);box-shadow:0 1px 2px #000}.mg-card-brace:before{top:15px}.mg-card-brace:after{bottom:15px}.mg-card-brace-left{left:-7px}.mg-card-brace-right{right:-7px}
  .mg-rpg-nameplate:hover,.mg-rpg-nameplate:focus-visible,.mg-rpg-nameplate.is-awake{
    transform:translate(-50%,-50%) translateY(-13px) scale(1.115) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));
    filter:saturate(1.18) brightness(1.18);
    box-shadow:0 58px 85px rgba(0,0,0,.76),0 0 0 2px rgba(238,172,85,.42),0 0 34px rgba(238,141,39,.42),0 0 100px rgba(174,70,16,.28),inset 0 0 0 5px #180a03,inset 0 0 0 8px #9a5d27,inset 0 0 0 10px #1f0e05,inset 0 0 0 12px rgba(244,181,93,.39),inset 0 20px 32px rgba(255,208,128,.12),inset 0 -20px 30px rgba(0,0,0,.29)
  }
  .mg-rpg-nameplate:hover:after,.mg-rpg-nameplate:focus-visible:after,.mg-rpg-nameplate.is-awake:after{opacity:1;transform:scale(1.12)}
  .mg-rpg-nameplate:hover .mg-card-pennant,.mg-rpg-nameplate.is-awake .mg-card-pennant{animation:mgRpgFlag 1.5s ease-in-out infinite alternate}@keyframes mgRpgFlag{to{transform:translateX(-50%) rotate(1.3deg) translateY(-4px)}}
  .mg-rpg-nameplate:focus-visible{outline:2px solid #d8a258;outline-offset:11px}

  /* Rechte Informationstafel: Pergament im Holzrahmen */
  .mg-rpg-info{
    position:relative;z-index:3;min-height:864px;padding:84px 36px 34px;color:#28170d;
    background:linear-gradient(rgba(244,218,173,.05),rgba(84,47,21,.08)),url('../assets/mythologie-goetter/parchment-clean.webp') center/cover;
    border:0;box-shadow:inset 0 0 0 4px #130905,inset 0 0 0 8px #6e421f,inset 0 0 0 11px #201006,inset 0 0 44px rgba(54,28,11,.38),-8px 0 20px rgba(0,0,0,.35);
  }
  .mg-rpg-info-heading{position:absolute;left:11px;right:11px;top:11px;height:56px;display:flex;align-items:center;justify-content:center;padding:0 14px;background:linear-gradient(#3e2110,#1c0e07);border-bottom:1px solid #7e4c25;color:#d6b27c;font-size:.62rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase;text-align:center;box-shadow:inset 0 0 0 2px rgba(198,134,63,.12)}
  .mg-rpg-info .mg-info-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 16px;text-align:center;color:#2b180c}.mg-rpg-info .mg-info-empty[hidden],.mg-rpg-info .mg-info-content[hidden]{display:none!important}.mg-rpg-info .mg-info-empty p{font:500 1.95rem var(--serif);margin:0;color:#2b180d}.mg-rpg-info .mg-info-empty strong{max-width:260px;font:500 1.08rem/1.5 var(--serif);color:#382113}.mg-rpg-info .mg-info-empty small{max-width:250px;margin-top:15px;font-size:.69rem;line-height:1.55;color:#6d4e37}.mg-rpg-divider{width:125px;height:14px;margin:24px 0 20px;position:relative}.mg-rpg-divider:before,.mg-rpg-divider:after{content:"";position:absolute;top:6px;width:50px;height:1px;background:#7f5a38}.mg-rpg-divider:before{left:0}.mg-rpg-divider:after{right:0}.mg-rpg-divider{background:radial-gradient(circle at center,#7f5a38 0 3px,transparent 4px)}
  .mg-rpg-info .mg-info-content{position:relative;padding:22px 10px 20px;color:#2b190e}.mg-rpg-info .mg-info-flag{right:-36px;top:-11px}.mg-rpg-info .mg-info-kicker{color:#9f2a1d}.mg-rpg-info h3{color:#2b190e;font-size:3.7rem;text-shadow:none}.mg-rpg-info .mg-info-type{color:#6f4b2c}.mg-rpg-info .mg-info-rule{background:linear-gradient(90deg,#7e5634,transparent)}.mg-rpg-info dt{color:#8e3a22}.mg-rpg-info dd{color:#352013}.mg-rpg-info .mg-info-note{border-color:rgba(96,54,25,.38);background:rgba(92,48,20,.07);box-shadow:inset 0 0 20px rgba(108,62,29,.08)}.mg-rpg-info .mg-info-note span{color:#9d2c20}.mg-rpg-info .mg-info-note strong{color:#332014}.mg-rpg-info .mg-info-note p{color:#75583f}
}

@media (min-width:1500px){
  .mg-network-rpg{grid-template-columns:355px minmax(850px,1fr) 395px}
  .mg-rpg-map .mg-network-world{width:1700px;height:1070px;margin-left:-850px;margin-top:-535px;transform-origin:850px 535px}
}
@media (min-width:1900px){
  .mg-stage>.shell{width:min(1980px,98vw)}
  .mg-network-rpg{grid-template-columns:370px minmax(990px,1fr) 410px;min-height:980px}
  .mg-rpg-board,.mg-rpg-map,.mg-rpg-info{min-height:914px}
}

/* =============================================================
   GÖTTER & WESEN – Erlebnisfläche v1.5
   Finaler Prototyp nach Detailabnahme: statische Kulisse,
   beweglicher Netzwerk-Layer, historische Tafeln statt HUD.
   ============================================================= */
@media (min-width:901px){
  .mg-stage>.shell{width:min(1940px,98vw)!important;max-width:none!important}
  .mg-network-prototype{overflow:visible!important}
  .mg-network-rpg{
    grid-template-columns:370px minmax(760px,1fr) 410px!important;
    min-height:960px!important;
    padding:38px 14px 14px!important;
    background:#100905!important;
    gap:0!important;
  }
  .mg-network-rpg:before{inset:-10px!important}
  .mg-network-rpg:after{display:none!important}

  /* Titel – ruhig, NorseStory, ohne Rosetten/Ornamente */
  .mg-rpg-top-plaque{
    top:-28px!important;width:min(590px,42vw)!important;height:76px!important;
    background:
      linear-gradient(180deg,rgba(111,58,24,.25),rgba(25,12,6,.28)),
      url('../assets/mythologie-goetter/oak-dark.webp') center/cover!important;
    clip-path:polygon(4% 8%,8% 0,92% 0,96% 8%,100% 78%,94% 100%,6% 100%,0 78%)!important;
  }
  .mg-rpg-top-plaque:before,.mg-rpg-top-plaque:after{display:none!important}
  .mg-rpg-top-plaque strong{
    margin:0!important;font-family:var(--serif)!important;font-size:2.25rem!important;
    font-weight:500!important;letter-spacing:-.015em!important;color:#ead2a9!important;
    text-shadow:0 2px 5px rgba(0,0,0,.75)!important
  }

  /* Linkes Steuerboard */
  .mg-rpg-board{min-height:900px!important;padding:24px 22px 20px!important}
  .mg-rpg-board:before,.mg-rpg-board:after,.mg-rpg-info:before,.mg-rpg-info:after{display:none!important}
  .mg-rpg-board-title{padding:10px 0 20px!important}
  .mg-rpg-board-title span{
    color:#c5442d!important;font-size:.74rem!important;letter-spacing:.18em!important;font-weight:900!important
  }
  .mg-rpg-board-title strong{margin-top:7px!important;font-size:1.72rem!important;color:#efd4a8!important}
  .mg-rpg-parchment{margin:20px 0 24px!important;padding:20px 18px!important}
  .mg-rpg-howto p{
    grid-template-columns:145px 1fr!important;gap:14px!important;padding:10px 0!important;
    font-size:.86rem!important;line-height:1.25!important
  }
  .mg-rpg-howto b{font-weight:800!important;color:#2b190e!important}
  .mg-rpg-howto span{opacity:.78!important;color:#5a412f!important}
  .mg-rpg-legend{padding:2px 0 16px!important}
  .mg-rpg-legend h3{font-size:1.55rem!important;margin-bottom:20px!important}
  .mg-rpg-legend .mg-board-legend{gap:14px!important}
  .mg-rpg-legend .mg-board-legend>span{grid-template-columns:58px 1fr!important;column-gap:15px!important}
  .mg-rpg-legend .mg-board-legend i{width:50px!important;height:4px!important;box-shadow:0 0 9px currentColor!important}
  .mg-rpg-legend .mg-board-legend b{font-size:.86rem!important;color:#efd0a0!important}
  .mg-rpg-legend .mg-board-legend small{font-size:.68rem!important;line-height:1.25!important;color:#a08768!important}
  .mg-rpg-controls{padding:20px 0 14px!important}
  .mg-rpg-controls>span{font-size:.64rem!important}
  .mg-rpg-board blockquote{font-size:.93rem!important;color:#b79976!important;padding-top:16px!important}

  /* Mitte: Kulisse ist FEST. Nur mg-network-world wird transformiert. */
  .mg-rpg-map{
    min-height:900px!important;
    background:
      radial-gradient(ellipse at 50% 48%,rgba(176,93,30,.17),transparent 30%),
      linear-gradient(rgba(4,3,2,.22),rgba(4,3,2,.42)),
      url('../assets/mythologie-goetter/beziehungsnetz-static.webp') center/cover no-repeat!important;
    box-shadow:inset 0 0 0 4px #150a05,inset 0 0 0 7px #6d421f,inset 0 0 0 10px #211006,inset 0 0 110px #000!important
  }
  .mg-rpg-map:after{
    content:"";position:absolute;inset:10px;z-index:1;pointer-events:none;
    background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.34) 100%);
    box-shadow:inset 0 0 80px rgba(0,0,0,.62)
  }
  .mg-rpg-map .mg-network-viewport{inset:10px!important;top:10px!important;bottom:10px!important;z-index:3!important}
  .mg-rpg-map .mg-network-world{
    left:50%!important;top:50%!important;width:3600px!important;height:2400px!important;
    margin-left:-1800px!important;margin-top:-1200px!important;transform-origin:1800px 1200px!important
  }
  .mg-rpg-map .mg-network-world:before,.mg-rpg-map .mg-network-world:after{display:none!important}
  .mg-rpg-map-footer{display:none!important}

  /* Nur die Namensplakette – alt, schwer, handwerklich */
  .mg-rpg-nameplate{
    left:50%!important;top:50%!important;width:430px!important;height:132px!important;
    background:
      linear-gradient(180deg,rgba(225,164,85,.08),rgba(0,0,0,.22)),
      repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 2px,rgba(0,0,0,.025) 2px 5px),
      url('../assets/mythologie-goetter/oak-dark.webp') center/cover!important;
    clip-path:polygon(2% 8%,6% 3%,15% 5%,24% 2%,36% 5%,48% 2%,61% 5%,74% 2%,88% 5%,97% 3%,99% 14%,98% 29%,100% 45%,98% 60%,100% 77%,97% 94%,89% 97%,76% 95%,63% 98%,49% 95%,35% 99%,23% 96%,11% 99%,3% 95%,2% 80%,4% 64%,1% 48%,3% 31%)!important;
    box-shadow:
      0 34px 46px rgba(0,0,0,.74),
      0 0 0 2px rgba(19,8,3,.95),
      0 0 0 5px rgba(94,55,24,.9),
      0 0 0 7px rgba(28,13,6,.96),
      inset 0 0 0 2px rgba(216,154,74,.22),
      inset 0 18px 28px rgba(255,210,133,.07),
      inset 0 -28px 35px rgba(0,0,0,.38)!important;
    transition:transform .34s cubic-bezier(.2,.8,.2,1),filter .28s ease,box-shadow .32s ease!important;
    transform:translate(-50%,-50%) perspective(800px)!important
  }
  .mg-rpg-nameplate:before{
    inset:12px 17px!important;border:1px solid rgba(214,157,82,.21)!important;
    box-shadow:inset 0 0 0 1px rgba(15,7,3,.72),inset 0 0 28px rgba(0,0,0,.35)!important
  }
  .mg-rpg-nameplate:after{
    inset:-28px!important;opacity:.17!important;filter:blur(14px)!important;
    background:radial-gradient(ellipse,rgba(236,142,46,.5),rgba(141,59,16,.12) 48%,transparent 72%)!important
  }
  .mg-rpg-nameplate .mg-card-inner{min-height:132px!important}
  .mg-rpg-nameplate .mg-card-inner strong{
    font-family:var(--serif)!important;font-size:3.7rem!important;font-weight:500!important;
    letter-spacing:.035em!important;color:#f3d8ad!important;text-shadow:0 3px 2px #170804,0 0 20px rgba(255,182,87,.12)!important
  }
  .mg-rpg-nameplate:hover,.mg-rpg-nameplate:focus-visible,.mg-rpg-nameplate.is-awake{
    transform:translate(-50%,-50%) perspective(800px) translateY(-11px) scale(1.10) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))!important;
    filter:saturate(1.12) brightness(1.13)!important;
    box-shadow:
      0 54px 72px rgba(0,0,0,.8),
      0 0 0 2px rgba(22,9,3,.98),0 0 0 5px rgba(141,85,37,.95),0 0 0 7px rgba(28,13,6,.98),
      0 0 34px rgba(231,137,39,.42),0 0 88px rgba(169,70,15,.24),
      inset 0 0 0 2px rgba(239,183,102,.33),inset 0 18px 30px rgba(255,216,147,.1),inset 0 -30px 38px rgba(0,0,0,.38)!important
  }
  .mg-rpg-nameplate:hover:after,.mg-rpg-nameplate:focus-visible:after,.mg-rpg-nameplate.is-awake:after{opacity:.95!important;transform:scale(1.13)!important}

  /* Rechte Infotafel – mehr Tintenkontrast, keine dekorativen Nägel */
  .mg-rpg-info{min-height:900px!important;padding:84px 38px 34px!important}
  .mg-rpg-info-heading{font-size:.72rem!important;letter-spacing:.15em!important;color:#e2c18e!important}
  .mg-rpg-info .mg-info-content{padding:24px 12px 20px!important;color:#28170d!important}
  .mg-rpg-info .mg-info-kicker{font-size:.76rem!important;font-weight:900!important;letter-spacing:.16em!important;color:#a22a1f!important}
  .mg-rpg-info h3{font-size:4.15rem!important;line-height:.88!important;color:#28160d!important;margin-bottom:30px!important}
  .mg-rpg-info .mg-info-rule{margin:0 0 27px!important;background:linear-gradient(90deg,#8a5b35,rgba(138,91,53,.12))!important}
  .mg-rpg-info dt{font-size:.72rem!important;font-weight:900!important;letter-spacing:.14em!important;color:#9e3423!important}
  .mg-rpg-info dd{font-family:var(--serif)!important;font-size:1.2rem!important;line-height:1.36!important;color:#301c11!important}
  .mg-rpg-info dl{gap:22px!important}
  .mg-rpg-info .mg-info-note{margin-top:36px!important;padding:22px!important}
  .mg-rpg-info .mg-info-note span{font-size:.69rem!important;font-weight:900!important;letter-spacing:.14em!important}
  .mg-rpg-info .mg-info-note strong{font:500 1.5rem/1.15 var(--serif)!important;color:#2f1b10!important}
  .mg-rpg-info .mg-info-note p{font-size:.8rem!important;line-height:1.55!important;color:#6a4c35!important}
}

@media (min-width:1500px){
  .mg-network-rpg{grid-template-columns:390px minmax(900px,1fr) 430px!important}
}
@media (min-width:1900px){
  .mg-stage>.shell{width:min(2050px,98.5vw)!important}
  .mg-network-rpg{grid-template-columns:405px minmax(1080px,1fr) 450px!important;min-height:1010px!important}
  .mg-rpg-board,.mg-rpg-map,.mg-rpg-info{min-height:950px!important}
}

/* =============================================================
   GÖTTER & WESEN – Detailkorrektur v1.6
   Rechteckiges Bedien-Pergament, Titel sauber innerhalb der Bühne.
   ============================================================= */
@media (min-width:901px){
  /* Bedienkarte: bewusst sauber rechteckig und heller, kein Abriss-Look. */
  .mg-rpg-parchment{
    clip-path:none!important;
    border:1px solid rgba(132,84,40,.66)!important;
    border-radius:0!important;
    background:
      linear-gradient(rgba(255,239,201,.28),rgba(224,190,137,.10)),
      url('../assets/mythologie-goetter/parchment-clean.webp') center/cover!important;
    box-shadow:
      inset 0 0 30px rgba(103,62,25,.18),
      0 6px 14px rgba(0,0,0,.22)!important;
  }

  /* Die Titeltafel bleibt vollständig innerhalb der Erlebnisfläche. */
  .mg-network-rpg{overflow:visible!important;padding-top:54px!important}
  .mg-rpg-top-plaque{
    top:4px!important;
    z-index:20!important;
  }
}

/* =============================================================
   GÖTTER & WESEN – Erlebnislogik v1.7
   Ruhiger Fokus-Zoom, Einstiegs-Overlay, Auswahl lösen,
   goldener Karten-Hover ohne Größenänderung.
   ============================================================= */

[hidden]{display:none!important}

@media (min-width:901px){
  .mg-network-prototype{position:relative}

  /* Einstieg: die Erlebnisfläche wird erst nach bewusster Freigabe vollständig enthüllt. */
  .mg-network-intro{
    position:absolute;inset:0;z-index:80;display:grid;place-items:center;
    background:
      radial-gradient(circle at 50% 46%,rgba(125,69,25,.20),transparent 31%),
      linear-gradient(180deg,rgba(7,4,2,.76),rgba(7,4,2,.91));
    backdrop-filter:blur(5px);
    opacity:1;visibility:visible;
    transition:opacity .48s ease,visibility .48s ease,backdrop-filter .48s ease
  }
  .mg-network-intro.is-leaving{opacity:0;visibility:hidden;backdrop-filter:blur(0)}
  .mg-network-intro-card{
    width:min(560px,82vw);padding:48px 54px 50px;text-align:center;position:relative;
    color:#2a170d;
    background:
      linear-gradient(rgba(255,236,194,.16),rgba(174,126,72,.08)),
      url('../assets/mythologie-goetter/parchment-clean.webp') center/cover;
    border:1px solid rgba(173,113,52,.78);
    box-shadow:0 30px 80px rgba(0,0,0,.72),inset 0 0 45px rgba(83,45,17,.22),0 0 0 5px #1a0c05,0 0 0 7px rgba(114,68,29,.72)
  }
  .mg-network-intro-card:before,.mg-network-intro-card:after{
    content:"";position:absolute;left:46px;right:46px;height:1px;
    background:linear-gradient(90deg,transparent,#9b6233 22%,#9b6233 78%,transparent)
  }
  .mg-network-intro-card:before{top:25px}.mg-network-intro-card:after{bottom:25px}
  .mg-network-intro-kicker{
    display:block;margin-bottom:13px;font:800 .71rem/1 var(--sans);letter-spacing:.21em;text-transform:uppercase;color:#a33523
  }
  .mg-network-intro-card h3{
    margin:0 0 18px;font:500 clamp(2.7rem,3.6vw,4.25rem)/.95 var(--serif);color:#2c180d
  }
  .mg-network-intro-card p{
    max-width:420px;margin:0 auto 29px;font:500 1.05rem/1.55 var(--serif);color:#60432d
  }
  .mg-network-intro-button{
    min-width:240px;padding:15px 25px;border:1px solid #8a542b;background:#2a160d;color:#efd2a1;
    font:800 .72rem/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;cursor:pointer;
    box-shadow:inset 0 0 0 1px rgba(234,183,103,.12),0 7px 16px rgba(0,0,0,.24);
    transition:background .22s ease,color .22s ease,box-shadow .22s ease
  }
  .mg-network-intro-button:hover,.mg-network-intro-button:focus-visible{
    background:#442311;color:#fff0c9;box-shadow:inset 0 0 0 1px rgba(244,190,99,.22),0 0 24px rgba(216,134,43,.23),0 8px 18px rgba(0,0,0,.31)
  }
  .mg-network-prototype:not(.is-ready) .mg-network-shell{
    filter:brightness(.42) saturate(.72);opacity:.58;pointer-events:none;user-select:none;
    transition:filter .52s ease,opacity .52s ease
  }
  .mg-network-prototype.is-ready .mg-network-shell{filter:none;opacity:1;transition:filter .55s ease,opacity .55s ease}

  /* Namenstafeln bleiben in ihrer Größe stabil. Das Gold ist die Reaktion. */
  .mg-rpg-nameplate,
  .mg-rpg-nameplate:hover,
  .mg-rpg-nameplate:focus-visible,
  .mg-rpg-nameplate.is-awake,
  .mg-rpg-nameplate.is-selected{
    transform:translate(-50%,-50%) perspective(800px)!important
  }
  .mg-rpg-nameplate:hover,.mg-rpg-nameplate:focus-visible{
    filter:saturate(1.10) brightness(1.08)!important;
    box-shadow:
      0 34px 48px rgba(0,0,0,.76),
      0 0 0 2px rgba(24,10,4,.98),0 0 0 5px rgba(142,88,39,.96),0 0 0 7px rgba(30,14,6,.98),
      0 0 24px rgba(244,170,67,.48),0 0 54px rgba(210,113,31,.28),
      inset 0 0 0 2px rgba(242,190,112,.34),inset 0 18px 30px rgba(255,216,147,.10),inset 0 -30px 38px rgba(0,0,0,.38)!important
  }
  .mg-rpg-nameplate:hover:after,.mg-rpg-nameplate:focus-visible:after{
    opacity:.82!important;transform:none!important;animation:mgGoldenHover 1.45s ease-in-out infinite
  }
  .mg-rpg-nameplate.is-selected{
    filter:saturate(1.07) brightness(1.05)!important;
    box-shadow:
      0 34px 48px rgba(0,0,0,.76),
      0 0 0 2px rgba(24,10,4,.98),0 0 0 5px rgba(151,92,38,.96),0 0 0 7px rgba(30,14,6,.98),
      0 0 24px rgba(233,152,53,.34),
      inset 0 0 0 2px rgba(237,179,95,.29),inset 0 18px 30px rgba(255,216,147,.08),inset 0 -30px 38px rgba(0,0,0,.38)!important
  }
  .mg-rpg-nameplate.is-selected:after{opacity:.52!important;transform:none!important;animation:none!important}

  /* Nach dem Intro weist nur ein warmes, ruhiges Pulsieren auf Odin hin. */
  .mg-rpg-nameplate.is-invite:after{
    opacity:.85!important;transform:none!important;animation:mgGoldenInvite 1.75s ease-in-out infinite!important
  }
  .mg-rpg-nameplate.is-invite{
    animation:mgGoldenCardPulse 1.75s ease-in-out infinite!important
  }
  @keyframes mgGoldenHover{
    0%,100%{opacity:.44;filter:blur(15px)}
    50%{opacity:.95;filter:blur(19px)}
  }
  @keyframes mgGoldenInvite{
    0%,100%{opacity:.38;filter:blur(14px)}
    50%{opacity:1;filter:blur(22px)}
  }
  @keyframes mgGoldenCardPulse{
    0%,100%{box-shadow:0 34px 46px rgba(0,0,0,.74),0 0 0 2px rgba(19,8,3,.95),0 0 0 5px rgba(94,55,24,.9),0 0 0 7px rgba(28,13,6,.96),0 0 18px rgba(230,145,45,.18),inset 0 0 0 2px rgba(216,154,74,.22),inset 0 18px 28px rgba(255,210,133,.07),inset 0 -28px 35px rgba(0,0,0,.38)}
    50%{box-shadow:0 34px 46px rgba(0,0,0,.74),0 0 0 2px rgba(19,8,3,.95),0 0 0 5px rgba(133,79,31,.96),0 0 0 7px rgba(28,13,6,.96),0 0 35px rgba(244,167,64,.54),0 0 72px rgba(205,105,28,.24),inset 0 0 0 2px rgba(235,177,95,.32),inset 0 18px 28px rgba(255,210,133,.08),inset 0 -28px 35px rgba(0,0,0,.38)}
  }

  /* Rechte Tafel: Auswahl kann bewusst gelöst werden. */
  .mg-rpg-info .mg-info-content{position:relative}
  .mg-info-clear{
    display:inline-flex;align-items:center;gap:8px;margin:0 0 20px auto;padding:8px 10px 7px;border:1px solid rgba(113,64,31,.42);
    background:rgba(95,48,22,.06);color:#7e3b27;font:800 .61rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
    transition:background .2s ease,color .2s ease,border-color .2s ease
  }
  .mg-info-clear span{font-size:1rem;line-height:.7}
  .mg-info-clear:hover,.mg-info-clear:focus-visible{background:rgba(133,48,28,.10);color:#9d2d22;border-color:rgba(137,48,27,.6)}
}

@media (max-width:900px){
  .mg-network-intro{display:none!important}
}

/* =============================================================
   GÖTTER & WESEN – Auswahlinszenierung v1.8
   Weiche Kamerafahrt, goldene Spur zur Infotafel und Aktivierungsimpuls.
   ============================================================= */
@media (min-width:901px){
  .mg-network-shell{position:relative}

  .mg-selection-bridge{
    position:absolute;inset:0;z-index:42;width:100%;height:100%;overflow:visible;
    pointer-events:none;opacity:0;transition:opacity .18s ease
  }
  .mg-selection-bridge[aria-hidden="false"]{opacity:1}
  .mg-selection-path{
    fill:none;stroke:#e3ad59;stroke-width:2.3;stroke-linecap:round;
    filter:url(#mg-gold-glow);opacity:.94;
    transition:stroke-dashoffset .72s cubic-bezier(.18,.78,.2,1),opacity .26s ease
  }
  .mg-selection-bridge.is-flying .mg-selection-path{
    animation:mgSelectionTrail .72s ease-in-out both
  }
  .mg-selection-bridge.is-landed .mg-selection-path{
    opacity:.28;stroke-width:1.35
  }
  @keyframes mgSelectionTrail{
    0%{filter:url(#mg-gold-glow);opacity:.45}
    55%{opacity:1}
    100%{opacity:.94}
  }

  /* Aktive Namenskarte: ruhiger Goldpuls, keine Größenänderung. */
  .mg-rpg-nameplate.is-selected{
    animation:mgSelectedCardPulse 2.15s ease-in-out infinite!important
  }
  @keyframes mgSelectedCardPulse{
    0%,100%{
      filter:saturate(1.04) brightness(1.04)!important;
      box-shadow:0 34px 48px rgba(0,0,0,.76),0 0 0 2px rgba(24,10,4,.98),0 0 0 5px rgba(151,92,38,.92),0 0 0 7px rgba(30,14,6,.98),0 0 20px rgba(233,152,53,.28),inset 0 0 0 2px rgba(237,179,95,.28),inset 0 18px 30px rgba(255,216,147,.08),inset 0 -30px 38px rgba(0,0,0,.38)!important
    }
    50%{
      filter:saturate(1.09) brightness(1.08)!important;
      box-shadow:0 34px 48px rgba(0,0,0,.76),0 0 0 2px rgba(24,10,4,.98),0 0 0 5px rgba(176,110,46,.98),0 0 0 7px rgba(30,14,6,.98),0 0 34px rgba(247,178,72,.54),0 0 70px rgba(210,112,29,.22),inset 0 0 0 2px rgba(246,192,108,.38),inset 0 18px 30px rgba(255,216,147,.10),inset 0 -30px 38px rgba(0,0,0,.38)!important
    }
  }

  /* Rechte Tafel erhält beim Eintreffen der Spur einen kurzen goldenen Impuls. */
  .mg-rpg-info{transition:box-shadow .28s ease,filter .28s ease}
  .mg-rpg-info.is-activated{
    animation:mgInfoActivate .92s cubic-bezier(.2,.72,.2,1) both
  }
  @keyframes mgInfoActivate{
    0%{filter:brightness(1);box-shadow:inset 0 0 0 4px #130905,inset 0 0 0 8px #6e421f,inset 0 0 0 11px #201006,inset 0 0 44px rgba(54,28,11,.38),-8px 0 20px rgba(0,0,0,.35)}
    38%{filter:brightness(1.075);box-shadow:inset 0 0 0 4px #1b0c05,inset 0 0 0 8px #be7a31,inset 0 0 0 11px #2c1609,inset 0 0 52px rgba(170,100,35,.28),0 0 28px rgba(236,165,71,.45),-8px 0 20px rgba(0,0,0,.35)}
    100%{filter:brightness(1);box-shadow:inset 0 0 0 4px #130905,inset 0 0 0 8px #6e421f,inset 0 0 0 11px #201006,inset 0 0 44px rgba(54,28,11,.38),-8px 0 20px rgba(0,0,0,.35)}
  }

  .mg-rpg-info .mg-info-content{
    opacity:0;transform:translateX(10px);
    transition:opacity .36s ease,transform .46s cubic-bezier(.2,.72,.2,1)
  }
  .mg-rpg-info .mg-info-content.is-revealed{opacity:1;transform:translateX(0)}
}


/* =============================================================
   GÖTTER & WESEN – Auswahlinszenierung v1.9
   Keine Verbindungslinie zur Infotafel. Stattdessen klarer,
   physischer Aktivierungsimpuls + ruhiger Goldpuls bei Auswahl.
   ============================================================= */
@media (min-width:901px){
  .mg-selection-bridge{display:none!important}

  /* Ausgewählte Namenskarte: ruhig, gold, ohne Größenänderung. */
  .mg-rpg-nameplate.is-selected{
    animation:mgSelectedCardPulseV19 2.35s ease-in-out infinite!important;
  }
  @keyframes mgSelectedCardPulseV19{
    0%,100%{
      filter:saturate(1.04) brightness(1.035)!important;
      box-shadow:0 34px 48px rgba(0,0,0,.76),0 0 0 2px rgba(24,10,4,.98),0 0 0 5px rgba(139,84,34,.93),0 0 0 7px rgba(30,14,6,.98),0 0 20px rgba(227,148,52,.25),inset 0 0 0 2px rgba(236,179,95,.27),inset 0 18px 30px rgba(255,216,147,.08),inset 0 -30px 38px rgba(0,0,0,.38)!important
    }
    50%{
      filter:saturate(1.10) brightness(1.085)!important;
      box-shadow:0 34px 48px rgba(0,0,0,.76),0 0 0 2px rgba(24,10,4,.98),0 0 0 5px rgba(193,126,53,.99),0 0 0 7px rgba(30,14,6,.98),0 0 34px rgba(255,188,82,.62),0 0 78px rgba(218,122,34,.28),inset 0 0 0 2px rgba(255,207,125,.40),inset 0 18px 30px rgba(255,216,147,.11),inset 0 -30px 38px rgba(0,0,0,.38)!important
    }
  }

  /* Rechte Infotafel bleibt bei aktiver Auswahl sichtbar "verbunden". */
  .mg-rpg-info{position:relative;isolation:isolate}
  .mg-rpg-info.has-selection{
    animation:mgInfoSelectionBreath 2.55s ease-in-out infinite;
  }
  .mg-rpg-info.has-selection:after{
    content:"";position:absolute;inset:7px;z-index:8;pointer-events:none;
    border:1px solid rgba(232,172,78,.28);
    box-shadow:inset 0 0 22px rgba(233,161,65,.10),0 0 18px rgba(218,138,49,.08);
    opacity:.48;animation:mgInfoInnerBreath 2.55s ease-in-out infinite;
  }
  @keyframes mgInfoSelectionBreath{
    0%,100%{filter:brightness(1);box-shadow:inset 0 0 0 4px #130905,inset 0 0 0 8px #6e421f,inset 0 0 0 11px #201006,inset 0 0 44px rgba(54,28,11,.38),-8px 0 20px rgba(0,0,0,.35),0 0 0 rgba(236,168,70,0)}
    50%{filter:brightness(1.025);box-shadow:inset 0 0 0 4px #160a05,inset 0 0 0 8px #9e6329,inset 0 0 0 11px #241107,inset 0 0 52px rgba(124,72,26,.24),-8px 0 20px rgba(0,0,0,.35),0 0 30px rgba(236,168,70,.22)}
  }
  @keyframes mgInfoInnerBreath{0%,100%{opacity:.28}50%{opacity:.78}}

  /* Der erste Klick darf einmal deutlich aufleuchten – danach nur atmen. */
  .mg-rpg-info.is-activated{
    animation:mgInfoActivateV19 1.08s cubic-bezier(.18,.72,.18,1) both!important;
  }
  .mg-rpg-info.is-activated:before{
    content:"";position:absolute;inset:0;z-index:9;pointer-events:none;
    border:2px solid rgba(255,205,116,.0);
    box-shadow:inset 0 0 0 1px rgba(255,225,163,0),0 0 0 rgba(255,185,78,0);
    animation:mgInfoFlashRing 1.08s cubic-bezier(.18,.72,.18,1) both;
  }
  @keyframes mgInfoActivateV19{
    0%{filter:brightness(1)}
    22%{filter:brightness(1.16)}
    48%{filter:brightness(1.055)}
    100%{filter:brightness(1.01)}
  }
  @keyframes mgInfoFlashRing{
    0%{inset:12px;opacity:0;border-color:rgba(255,213,127,0);box-shadow:0 0 0 rgba(255,185,78,0)}
    20%{inset:4px;opacity:1;border-color:rgba(255,219,138,.94);box-shadow:inset 0 0 24px rgba(255,206,112,.20),0 0 42px rgba(255,171,56,.58),0 0 80px rgba(207,111,25,.24)}
    54%{inset:7px;opacity:.72;border-color:rgba(241,184,88,.62);box-shadow:inset 0 0 16px rgba(245,181,82,.12),0 0 24px rgba(242,157,55,.30)}
    100%{inset:7px;opacity:0;border-color:rgba(232,172,78,0);box-shadow:0 0 0 rgba(255,185,78,0)}
  }
}

/* =============================================================
   GÖTTER & WESEN – Auswahlinszenierung v2.0
   Deutlich sichtbarer Goldpuls: aktive Namenskarte + Infotafel.
   Keine Groessenaenderung, sondern Licht, Rahmen und lebendige Aura.
   ============================================================= */
@media (min-width:901px){
  /* Aktive Namenskarte: klar sichtbare goldene Aura. */
  .mg-rpg-nameplate.is-selected.is-selection-pulse{
    animation:mgSelectedAliveV20 1.72s ease-in-out infinite!important;
    will-change:filter,box-shadow;
  }
  .mg-rpg-nameplate.is-selected.is-selection-pulse:after{
    opacity:1!important;
    transform:scale(1)!important;
    animation:mgSelectedAuraV20 1.72s ease-in-out infinite!important;
    background:radial-gradient(ellipse,
      rgba(255,218,133,.96) 0%,
      rgba(245,169,64,.72) 24%,
      rgba(210,105,28,.30) 48%,
      transparent 73%)!important;
    filter:blur(15px)!important;
  }
  .mg-rpg-nameplate.is-selected.is-selection-pulse:before{
    background:
      linear-gradient(110deg,transparent 0 34%,rgba(255,225,161,0) 40%,rgba(255,225,161,.42) 48%,rgba(255,225,161,0) 56%,transparent 62%) -260px 0/220px 100% no-repeat!important;
    border-color:rgba(255,211,126,.62)!important;
    box-shadow:
      inset 0 0 0 1px rgba(19,8,3,.82),
      inset 0 0 24px rgba(246,174,75,.22),
      0 0 9px rgba(255,195,93,.30)!important;
    animation:mgSelectedSheenV20 2.6s ease-in-out infinite!important;
  }
  @keyframes mgSelectedAliveV20{
    0%,100%{
      filter:saturate(1.08) brightness(1.055)!important;
      box-shadow:
        0 34px 48px rgba(0,0,0,.76),
        0 0 0 2px rgba(24,10,4,.98),
        0 0 0 5px rgba(171,105,41,.98),
        0 0 0 7px rgba(30,14,6,.98),
        0 0 28px rgba(244,166,62,.58),
        0 0 58px rgba(220,120,29,.32),
        inset 0 0 0 2px rgba(255,203,117,.38),
        inset 0 18px 30px rgba(255,216,147,.10),
        inset 0 -30px 38px rgba(0,0,0,.38)!important;
    }
    50%{
      filter:saturate(1.18) brightness(1.13)!important;
      box-shadow:
        0 36px 50px rgba(0,0,0,.78),
        0 0 0 2px rgba(255,214,129,.88),
        0 0 0 5px rgba(231,158,64,1),
        0 0 0 8px rgba(94,48,13,.98),
        0 0 52px rgba(255,194,91,.94),
        0 0 112px rgba(239,137,35,.55),
        inset 0 0 0 2px rgba(255,226,160,.58),
        inset 0 18px 34px rgba(255,224,166,.15),
        inset 0 -30px 38px rgba(0,0,0,.34)!important;
    }
  }
  @keyframes mgSelectedAuraV20{
    0%,100%{opacity:.62;transform:scale(.97)!important;filter:blur(14px)!important}
    50%{opacity:1;transform:scale(1.20)!important;filter:blur(23px)!important}
  }
  @keyframes mgSelectedSheenV20{
    0%,22%{background-position:-280px 0}
    58%,100%{background-position:520px 0}
  }

  /* Rechte Infotafel: Auswahl sichtbar aktiv und lebendig. */
  .mg-rpg-info.has-selection.is-selection-pulse{
    animation:mgInfoAliveV20 1.9s ease-in-out infinite!important;
    overflow:visible!important;
    will-change:filter,box-shadow;
  }
  .mg-rpg-info.has-selection.is-selection-pulse:after{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:6px!important;
    z-index:12!important;
    width:auto!important;height:auto!important;border-radius:0!important;
    pointer-events:none!important;
    background:transparent!important;
    border:2px solid rgba(255,200,100,.60)!important;
    box-shadow:
      inset 0 0 26px rgba(255,188,77,.20),
      0 0 22px rgba(255,179,69,.42),
      0 0 54px rgba(218,116,28,.20)!important;
    opacity:.72!important;
    animation:mgInfoBorderAliveV20 1.9s ease-in-out infinite!important;
  }
  @keyframes mgInfoAliveV20{
    0%,100%{
      filter:brightness(1.015) saturate(1.02);
      box-shadow:
        inset 0 0 0 4px #130905,
        inset 0 0 0 8px #8c5724,
        inset 0 0 0 11px #201006,
        inset 0 0 44px rgba(93,52,17,.42),
        -8px 0 20px rgba(0,0,0,.35),
        0 0 28px rgba(240,156,53,.28),
        0 0 60px rgba(201,96,19,.12);
    }
    50%{
      filter:brightness(1.075) saturate(1.08);
      box-shadow:
        inset 0 0 0 4px #160a05,
        inset 0 0 0 8px #d08a38,
        inset 0 0 0 11px #2b1609,
        inset 0 0 62px rgba(190,113,39,.28),
        -8px 0 20px rgba(0,0,0,.35),
        0 0 54px rgba(255,189,78,.70),
        0 0 118px rgba(225,124,30,.30);
    }
  }
  @keyframes mgInfoBorderAliveV20{
    0%,100%{
      opacity:.48;
      border-color:rgba(246,177,72,.55)!important;
      box-shadow:inset 0 0 18px rgba(255,188,77,.12),0 0 18px rgba(255,179,69,.28),0 0 44px rgba(218,116,28,.13)!important
    }
    50%{
      opacity:1;
      border-color:rgba(255,226,154,.98)!important;
      box-shadow:inset 0 0 34px rgba(255,213,121,.29),0 0 36px rgba(255,194,92,.78),0 0 84px rgba(233,135,34,.36)!important
    }
  }

  /* Der erste Klick darf einmal richtig aufblitzen, danach uebernimmt der Dauerpuls. */
  .mg-rpg-info.is-activated:before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:13!important;
    width:auto!important;height:auto!important;border-radius:0!important;
    pointer-events:none!important;
    background:transparent!important;
    border:3px solid rgba(255,224,146,0)!important;
    box-shadow:none!important;
    animation:mgInfoArrivalV20 1.18s cubic-bezier(.16,.82,.18,1) both!important;
  }
  @keyframes mgInfoArrivalV20{
    0%{inset:16px!important;opacity:0;border-color:rgba(255,230,164,0)!important;box-shadow:0 0 0 rgba(255,189,76,0)!important}
    24%{inset:2px!important;opacity:1;border-color:rgba(255,232,171,1)!important;box-shadow:inset 0 0 42px rgba(255,218,136,.34),0 0 58px rgba(255,193,83,.96),0 0 130px rgba(235,132,30,.52)!important}
    58%{inset:6px!important;opacity:.85;border-color:rgba(255,201,104,.80)!important;box-shadow:inset 0 0 28px rgba(255,200,96,.22),0 0 38px rgba(255,181,70,.62),0 0 88px rgba(226,124,27,.30)!important}
    100%{inset:7px!important;opacity:0;border-color:rgba(255,188,82,0)!important;box-shadow:0 0 0 rgba(255,180,72,0)!important}
  }
}


/* v2.2 – Nach 2 Sekunden klingt exakt der v2.0-WOW-Effekt weich aus. */
@media (min-width:901px){
  .mg-rpg-nameplate.is-selected{
    animation:none!important;
    filter:saturate(1.02) brightness(1.015)!important;
    box-shadow:
      0 34px 48px rgba(0,0,0,.76),
      0 0 0 2px rgba(24,10,4,.98),
      0 0 0 5px rgba(154,93,35,.82),
      0 0 0 7px rgba(30,14,6,.98),
      0 0 10px rgba(231,153,57,.08),
      inset 0 0 0 2px rgba(236,179,95,.18),
      inset 0 18px 30px rgba(255,216,147,.05),
      inset 0 -30px 38px rgba(0,0,0,.38)!important;
    transition:filter .95s ease-out,box-shadow 1.15s ease-out!important;
  }
  .mg-rpg-nameplate.is-selected:after{
    opacity:.08!important;
    transform:scale(1)!important;
    animation:none!important;
    transition:opacity 1.15s ease-out,filter 1.15s ease-out,transform 1.15s ease-out!important;
  }
  .mg-rpg-nameplate.is-selected:before{
    animation:none!important;
    background:none!important;
    border-color:rgba(224,165,79,.22)!important;
    box-shadow:inset 0 0 0 1px rgba(19,8,3,.82),inset 0 0 12px rgba(246,174,75,.06)!important;
    transition:border-color 1.05s ease-out,box-shadow 1.05s ease-out!important;
  }

  .mg-rpg-info.has-selection{
    animation:none!important;
    filter:brightness(1.005) saturate(1.008)!important;
    box-shadow:
      inset 0 0 0 4px #130905,
      inset 0 0 0 8px #7a4a20,
      inset 0 0 0 11px #201006,
      inset 0 0 44px rgba(72,40,15,.36),
      -8px 0 20px rgba(0,0,0,.35),
      0 0 10px rgba(230,148,48,.06)!important;
    transition:filter .95s ease-out,box-shadow 1.15s ease-out!important;
  }
  .mg-rpg-info.has-selection:after{
    opacity:.10!important;
    animation:none!important;
    border-color:rgba(238,177,79,.18)!important;
    box-shadow:inset 0 0 10px rgba(255,188,77,.04),0 0 8px rgba(255,179,69,.05)!important;
    transition:opacity 1.15s ease-out,border-color 1.15s ease-out,box-shadow 1.15s ease-out!important;
  }

  /* Wichtig: waehrend der ersten zwei Sekunden gewinnt exakt v2.0. */
  .mg-rpg-nameplate.is-selected.is-selection-pulse{transition:none!important}
  .mg-rpg-nameplate.is-selected.is-selection-pulse:after,
  .mg-rpg-nameplate.is-selected.is-selection-pulse:before,
  .mg-rpg-info.has-selection.is-selection-pulse,
  .mg-rpg-info.has-selection.is-selection-pulse:after{transition:none!important}
}

/* =============================================================
   GÖTTER & WESEN – Auswahlchoreografie v2.3
   Kleinerer Einstieg + gestaffeltes Enthüllen der Infotafel.
   ============================================================= */
@media (min-width:901px){
  /* Beim Klick darf die Holztafel für zwei Sekunden deutlich leben. */
  .mg-rpg-nameplate.is-selected.is-selection-pulse{
    animation:mgSelectedAliveV20 1.35s ease-in-out infinite!important;
  }
  .mg-rpg-nameplate.is-selected.is-selection-pulse:after{
    animation:mgSelectedAuraV20 1.35s ease-in-out infinite!important;
  }

  /* Die Infotafel erscheint nicht mehr als ein kompletter Block. */
  .mg-rpg-info .mg-info-content.is-revealed > *{
    opacity:0;
    transform:translateY(15px);
    animation:mgInfoPieceReveal .62s cubic-bezier(.16,.78,.18,1) forwards;
  }
  .mg-rpg-info .mg-info-content.is-revealed > .mg-info-clear{animation-delay:.04s}
  .mg-rpg-info .mg-info-content.is-revealed > .mg-info-flag{animation-delay:.10s}
  .mg-rpg-info .mg-info-content.is-revealed > .mg-info-kicker{animation-delay:.16s}
  .mg-rpg-info .mg-info-content.is-revealed > h3{animation-delay:.23s}
  .mg-rpg-info .mg-info-content.is-revealed > .mg-info-rule{animation-delay:.31s}
  .mg-rpg-info .mg-info-content.is-revealed > dl{animation-delay:.39s}
  .mg-rpg-info .mg-info-content.is-revealed > .mg-info-note{animation-delay:.54s}

  /* Auch die einzelnen Wissensblöcke kommen nacheinander. */
  .mg-rpg-info .mg-info-content.is-revealed dl > div{
    opacity:0;
    transform:translateY(9px);
    animation:mgInfoPieceReveal .52s cubic-bezier(.16,.78,.18,1) forwards;
  }
  .mg-rpg-info .mg-info-content.is-revealed dl > div:nth-child(1){animation-delay:.48s}
  .mg-rpg-info .mg-info-content.is-revealed dl > div:nth-child(2){animation-delay:.58s}
  .mg-rpg-info .mg-info-content.is-revealed dl > div:nth-child(3){animation-delay:.68s}

  @keyframes mgInfoPieceReveal{
    0%{opacity:0;transform:translateY(15px);filter:blur(2px)}
    55%{opacity:.82;filter:blur(.35px)}
    100%{opacity:1;transform:translateY(0);filter:blur(0)}
  }

  /* Kurzer warmer Lichtzug über das Pergament beim Öffnen. */
  .mg-rpg-info.has-selection.is-activated .mg-info-content:before{
    content:"";
    position:absolute;
    inset:-18px -16px;
    pointer-events:none;
    z-index:-1;
    opacity:0;
    background:radial-gradient(ellipse at 50% 18%,rgba(255,221,145,.34),rgba(232,154,58,.10) 38%,transparent 68%);
    animation:mgInfoWarmWake 1.45s ease-out both;
  }
  @keyframes mgInfoWarmWake{
    0%{opacity:0;transform:translateY(18px)}
    28%{opacity:1}
    100%{opacity:0;transform:translateY(-8px)}
  }
}

/* =============================================================
   GÖTTER & WESEN – erster sichtbarer Beziehungsring v3.0
   Odin öffnet Frigg, Thor, Baldur, Vili, Ve und Loki.
   ============================================================= */
@media (min-width:901px){
  .mg-relationship-layer{
    position:absolute;
    inset:0;
    width:3600px;
    height:2400px;
    overflow:visible;
    pointer-events:none;
    z-index:1;
  }
  .mg-relation-line{
    fill:none;
    stroke-width:6px;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:1;
    stroke-dashoffset:1;
    opacity:0;
    vector-effect:non-scaling-stroke;
    filter:url(#mgLineGlow);
  }
  .mg-relation-line.is-descent{stroke:#e2ab44}
  .mg-relation-line.is-partner{stroke:#66aaf0}
  .mg-relation-line.is-family{stroke:#a979d5}
  .mg-relation-line.is-bond{stroke:#74ba8a}

  .mg-network-world.is-ring-opening .mg-relation-line,
  .mg-network-world.is-ring-open .mg-relation-line{
    opacity:1;
    stroke-dashoffset:0;
  }
  .mg-network-world.is-ring-opening .mg-relation-line{
    animation:mgRelationDraw .92s cubic-bezier(.2,.75,.2,1) both;
  }
  .mg-network-world.is-ring-opening .mg-relation-line[data-line="frigg"]{animation-delay:.08s}
  .mg-network-world.is-ring-opening .mg-relation-line[data-line="thor"]{animation-delay:.24s}
  .mg-network-world.is-ring-opening .mg-relation-line[data-line="baldur"]{animation-delay:.40s}
  .mg-network-world.is-ring-opening .mg-relation-line[data-line="vili"]{animation-delay:.56s}
  .mg-network-world.is-ring-opening .mg-relation-line[data-line="ve"]{animation-delay:.72s}
  .mg-network-world.is-ring-opening .mg-relation-line[data-line="loki"]{animation-delay:.88s}

  @keyframes mgRelationDraw{
    0%{stroke-dashoffset:1;opacity:0;filter:url(#mgLineGlow) brightness(.85)}
    18%{opacity:.9}
    72%{opacity:1;filter:url(#mgLineGlow) brightness(1.7)}
    100%{stroke-dashoffset:0;opacity:.94;filter:url(#mgLineGlow) brightness(1.05)}
  }

  .mg-ring-node{
    width:320px!important;
    height:100px!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:4!important;
    filter:brightness(.72) saturate(.78);
  }
  .mg-ring-node .mg-card-inner{min-height:100px!important}
  .mg-ring-node .mg-card-inner strong{font-size:2.55rem!important;letter-spacing:.04em!important}
  .mg-ring-node.is-frigg{left:1800px!important;top:730px!important}
  .mg-ring-node.is-thor{left:1260px!important;top:860px!important}
  .mg-ring-node.is-baldur{left:2350px!important;top:860px!important}
  .mg-ring-node.is-vili{left:1120px!important;top:1250px!important}
  .mg-ring-node.is-ve{left:2490px!important;top:1250px!important}
  .mg-ring-node.is-loki{left:1360px!important;top:1660px!important}

  .mg-network-world.is-ring-opening .mg-ring-node,
  .mg-network-world.is-ring-open .mg-ring-node{
    visibility:visible;
    pointer-events:auto;
  }
  .mg-network-world.is-ring-open .mg-ring-node{
    opacity:1;
    filter:none;
  }
  .mg-network-world.is-ring-opening .mg-ring-node{
    animation:mgRingNodeReveal .78s cubic-bezier(.16,.82,.18,1) both;
  }
  .mg-network-world.is-ring-opening .mg-ring-node.is-frigg{animation-delay:.68s}
  .mg-network-world.is-ring-opening .mg-ring-node.is-thor{animation-delay:.84s}
  .mg-network-world.is-ring-opening .mg-ring-node.is-baldur{animation-delay:1s}
  .mg-network-world.is-ring-opening .mg-ring-node.is-vili{animation-delay:1.16s}
  .mg-network-world.is-ring-opening .mg-ring-node.is-ve{animation-delay:1.32s}
  .mg-network-world.is-ring-opening .mg-ring-node.is-loki{animation-delay:1.48s}

  @keyframes mgRingNodeReveal{
    0%{opacity:0;filter:blur(7px) brightness(.65) saturate(.6);transform:translate(-50%,-50%) scale(.84)!important}
    42%{opacity:1;filter:blur(1px) brightness(1.45) saturate(1.18);transform:translate(-50%,-50%) scale(1.025)!important}
    70%{filter:blur(0) brightness(1.15) saturate(1.08);transform:translate(-50%,-50%) scale(.99)!important}
    100%{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)!important}
  }

  .mg-network-world.is-ring-opening .mg-ring-node:after{
    animation:mgRingArrivalGlow 1.12s ease-out both!important;
  }
  @keyframes mgRingArrivalGlow{
    0%{opacity:0;filter:blur(16px);transform:scale(.72)}
    42%{opacity:1;filter:blur(23px);transform:scale(1.22)}
    100%{opacity:.18;filter:blur(15px);transform:scale(1)}
  }

  .mg-network-world.is-ring-opening .mg-root-node{
    animation:mgRootRelease 1.8s ease-out both!important;
  }
  @keyframes mgRootRelease{
    0%{filter:brightness(1.03) saturate(1.04)}
    24%{filter:brightness(1.42) saturate(1.18);box-shadow:0 34px 48px rgba(0,0,0,.76),0 0 0 2px rgba(24,10,4,.98),0 0 0 5px rgba(192,126,45,.98),0 0 0 7px rgba(30,14,6,.98),0 0 54px rgba(255,179,64,.72),0 0 120px rgba(222,117,25,.36),inset 0 0 0 2px rgba(255,210,125,.42),inset 0 18px 30px rgba(255,216,147,.12),inset 0 -30px 38px rgba(0,0,0,.38)}
    100%{filter:brightness(1.02) saturate(1.03)}
  }

  /* Die entdeckten Linien bleiben präsent, aber konkurrieren nicht mit der Auswahl. */
  .mg-network-world.is-ring-open .mg-relation-line{
    transition:opacity .28s ease,filter .28s ease;
    filter:url(#mgLineGlow) brightness(.92);
    opacity:.76;
  }
  .mg-network-world.is-ring-open:has(.mg-ring-node.is-selected) .mg-relation-line,
  .mg-network-world.is-ring-open:has(.mg-root-node.is-selected) .mg-relation-line{
    opacity:.62;
  }
}

/* v16 – weitere Entdeckungsebenen + lesbarere Beziehungsbox */
@media (min-width:901px){
  .mg-expand-node{width:300px!important;height:92px!important;opacity:0;visibility:hidden;pointer-events:none;z-index:4!important;filter:brightness(.7) saturate(.72)}
  .mg-expand-node .mg-card-inner{min-height:92px!important}
  .mg-expand-node .mg-card-inner strong{font-size:2.15rem!important;letter-spacing:.035em!important}
  .mg-expand-node.is-discovered{visibility:visible;pointer-events:auto;animation:mgSecondNodeReveal .82s cubic-bezier(.16,.82,.18,1) both}
  @keyframes mgSecondNodeReveal{0%{opacity:0;filter:blur(8px) brightness(.55);transform:translate(-50%,-50%) scale(.82)!important}45%{opacity:1;filter:blur(1px) brightness(1.55) saturate(1.2);transform:translate(-50%,-50%) scale(1.02)!important}100%{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)!important}}

  /* feste Plätze im großen Geflecht; bewusst mit Luft zwischen den Familien */
  .is-fulla{left:2260px!important;top:520px!important}.is-jord{left:900px!important;top:520px!important}.is-sif{left:760px!important;top:820px!important}
  .is-magni{left:520px!important;top:1080px!important}.is-modi{left:520px!important;top:1320px!important}.is-uller{left:760px!important;top:1510px!important}.is-thrud{left:1030px!important;top:1710px!important}
  .is-hrungnir{left:500px!important;top:1710px!important}.is-jormungandr{left:1050px!important;top:2070px!important}.is-thrym{left:520px!important;top:2070px!important}
  .is-nanna{left:2780px!important;top:620px!important}.is-forseti{left:3090px!important;top:850px!important}.is-hodur{left:2920px!important;top:1130px!important}.is-hermod{left:3140px!important;top:1370px!important}
  .is-borr{left:1320px!important;top:350px!important}.is-bestla{left:1660px!important;top:300px!important}.is-ymir{left:1020px!important;top:300px!important}
  .is-farbauti{left:1510px!important;top:2020px!important}.is-laufey{left:1840px!important;top:2110px!important}.is-sigyn{left:2160px!important;top:1980px!important}.is-angrboda{left:2470px!important;top:2070px!important}
  .is-fenrir{left:2780px!important;top:1840px!important}.is-hel{left:3070px!important;top:2040px!important}.is-narfi{left:2260px!important;top:2280px!important}.is-vali-loki{left:2600px!important;top:2310px!important}
  .is-sleipnir{left:1600px!important;top:2280px!important}.is-heimdall{left:3080px!important;top:1600px!important}.is-byleistr{left:1920px!important;top:1850px!important}.is-helblindi{left:2240px!important;top:1770px!important}

  .mg-dynamic-line{fill:none;stroke-width:6px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:url(#mgLineGlow);stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
  .mg-dynamic-line.is-descent{stroke:#e2ab44}.mg-dynamic-line.is-partner{stroke:#66aaf0}.mg-dynamic-line.is-family{stroke:#a979d5}.mg-dynamic-line.is-bond{stroke:#74ba8a}.mg-dynamic-line.is-conflict{stroke:#d34a3e}
  .mg-dynamic-line.is-discovered{animation:mgRelationDraw .95s cubic-bezier(.2,.75,.2,1) forwards}

  .mg-info-note{padding:22px 22px 20px!important;border:1px solid rgba(126,74,34,.38)!important;background:linear-gradient(135deg,rgba(255,248,220,.20),rgba(129,74,30,.06))!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 22px rgba(91,51,19,.08)!important}
  .mg-info-note>span{font-size:.76rem!important;letter-spacing:.16em!important;font-weight:800!important;color:#a63a2b!important;margin-bottom:9px!important;display:block!important}
  .mg-info-note>strong{font-family:var(--mg-serif,Georgia,serif)!important;font-size:1.55rem!important;line-height:1.08!important;color:#432312!important;display:block!important;margin-bottom:9px!important;font-weight:600!important}
  .mg-info-note>p{font-size:.91rem!important;line-height:1.55!important;color:#72513b!important;margin:0!important;font-weight:500!important}
}

/* =============================================================
   GÖTTER & WESEN – v1.7
   Masterbestand als alleinige Beziehungsquelle, persistente Tafeln,
   kompakte Infotafel mit vollständiger Beziehungsliste.
   ============================================================= */
@media (min-width:901px){
  .mg-rpg-map .mg-network-world{
    width:5600px!important;height:4000px!important;
    margin-left:-2800px!important;margin-top:-2000px!important;
    transform-origin:2800px 2000px!important;
  }
  .mg-relationship-layer{position:absolute;inset:0;width:5600px;height:4000px;overflow:visible;pointer-events:none}
  .mg-relation-line{display:none!important}

  /* Einmal entdeckte Tafeln bleiben garantiert sichtbar. */
  .mg-data-node,.mg-expand-node{width:300px!important;height:92px!important;opacity:0;visibility:hidden;pointer-events:none;z-index:5!important}
  .mg-data-node .mg-card-inner,.mg-expand-node .mg-card-inner{min-height:92px!important}
  .mg-data-node .mg-card-inner strong,.mg-expand-node .mg-card-inner strong{font-size:2.05rem!important;letter-spacing:.035em!important}
  .mg-data-node.is-discovered,.mg-expand-node.is-discovered{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;filter:none!important;animation:none!important
  }
  .mg-data-node.is-discovered.is-arriving,.mg-expand-node.is-discovered.is-arriving{
    animation:mgMasterNodeReveal .9s cubic-bezier(.16,.82,.18,1) both!important
  }
  @keyframes mgMasterNodeReveal{
    0%{opacity:0;filter:blur(8px) brightness(.55);transform:translate(-50%,-50%) scale(.84)!important}
    46%{opacity:1;filter:blur(1px) brightness(1.58) saturate(1.2);transform:translate(-50%,-50%) scale(1.025)!important}
    100%{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)!important}
  }

  /* Linien aus dem Masterbestand */
  .mg-master-line{
    fill:none;stroke-width:6px;stroke-linecap:round;vector-effect:non-scaling-stroke;
    filter:url(#mgLineGlow);stroke-dasharray:1;stroke-dashoffset:1;opacity:0
  }
  .mg-master-line.is-descent{stroke:#e2ab44}.mg-master-line.is-partner{stroke:#66aaf0}
  .mg-master-line.is-family{stroke:#a979d5}.mg-master-line.is-bond{stroke:#74ba8a}
  .mg-master-line.is-conflict{stroke:#d34a3e}.mg-master-line.is-knowledge{stroke:#56c4c7}
  .mg-master-line.is-origin{stroke:#eadfca}
  .mg-master-line.is-uncertain{stroke-dasharray:.045 .035!important}
  .mg-master-line.is-discovered{animation:mgMasterRelationDraw .95s cubic-bezier(.2,.75,.2,1) forwards}
  @keyframes mgMasterRelationDraw{
    0%{stroke-dashoffset:1;opacity:0;filter:url(#mgLineGlow) brightness(.8)}
    28%{opacity:1}
    75%{filter:url(#mgLineGlow) brightness(1.65)}
    100%{stroke-dashoffset:0;opacity:.82;filter:url(#mgLineGlow) brightness(1)}
  }

  /* Rechte Tafel: Kopfdaten brauchen nur ihren tatsächlichen Platz. */
  .mg-rpg-info{overflow:hidden!important}
  .mg-rpg-info .mg-info-content{
    position:absolute!important;top:76px!important;left:32px!important;right:32px!important;bottom:24px!important;
    padding:12px 8px 0!important;display:flex;flex-direction:column;min-height:0;overflow:hidden
  }
  .mg-rpg-info .mg-info-content[hidden]{display:none!important}
  .mg-rpg-info .mg-info-clear{top:0!important;left:0!important;margin:0!important;z-index:5}
  .mg-rpg-info .mg-info-flag{top:0!important;right:-32px!important}
  .mg-rpg-info .mg-info-kicker{margin:48px 0 8px!important}
  .mg-rpg-info h3{font-size:3.35rem!important;line-height:.98!important;margin:0!important}
  .mg-rpg-info .mg-info-rule{margin:19px 0 17px!important}
  .mg-rpg-info .mg-info-content dl{margin:0!important;flex:0 0 auto}
  .mg-rpg-info .mg-info-content dl div{padding:0 0 12px!important}
  .mg-rpg-info .mg-info-content dl div[hidden]{display:none!important}
  .mg-rpg-info dt{font-size:.64rem!important;margin-bottom:3px!important}
  .mg-rpg-info dd{font-size:1rem!important;line-height:1.35!important}

  .mg-info-relations{
    margin-top:7px;padding-top:15px;border-top:1px solid rgba(108,63,31,.28);
    display:flex;flex-direction:column;min-height:0;flex:1
  }
  .mg-info-relations-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
  .mg-info-relations-head span{color:#a33b2b;font-size:.67rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
  .mg-info-relations-head b{display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border:1px solid rgba(128,72,34,.4);font:700 .75rem/1 var(--serif);color:#59301b;background:rgba(130,76,36,.06)}
  .mg-info-relations-list{min-height:0;overflow:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#9a6a3d transparent}
  .mg-info-relations-list::-webkit-scrollbar{width:6px}.mg-info-relations-list::-webkit-scrollbar-thumb{background:#9a6a3d;border-radius:10px}
  .mg-info-relation-row{
    width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;
    padding:10px 5px;border:0;border-bottom:1px solid rgba(105,61,29,.18);background:transparent;color:#382013;text-align:left;cursor:pointer
  }
  .mg-info-relation-row:hover,.mg-info-relation-row:focus-visible{background:rgba(139,82,38,.08);outline:none}
  .mg-info-relation-row>i{display:block;width:27px;height:3px;border-radius:4px;box-shadow:0 0 8px currentColor}
  .mg-info-relation-row.is-descent>i{background:#c9912f;color:#c9912f}.mg-info-relation-row.is-partner>i{background:#4d8fd0;color:#4d8fd0}
  .mg-info-relation-row.is-family>i{background:#8b61ba;color:#8b61ba}.mg-info-relation-row.is-bond>i{background:#559568;color:#559568}
  .mg-info-relation-row.is-conflict>i{background:#b83930;color:#b83930}.mg-info-relation-row.is-knowledge>i{background:#3d9fa3;color:#3d9fa3}
  .mg-info-relation-row.is-origin>i{background:#cdbb9c;color:#cdbb9c}.mg-info-relation-row.is-uncertain>i{background:repeating-linear-gradient(90deg,#9b7e5c 0 5px,transparent 5px 9px);box-shadow:none}
  .mg-info-relation-row span{min-width:0}.mg-info-relation-row strong{display:block;font:600 1.05rem/1.15 var(--serif);color:#3b2112}
  .mg-info-relation-row small{display:block;margin-top:3px;font-size:.66rem;line-height:1.35;color:#785b43;white-space:normal}
  .mg-info-relation-row>b{font:400 1.35rem/1 var(--serif);color:#9d5b2c;text-align:right}
  .mg-info-relations-empty{margin:6px 0;color:#795e49;font-size:.76rem}

  /* Stagger-Reveal auch für den neuen Beziehungsbereich. */
  .mg-rpg-info .mg-info-content.is-revealed > .mg-info-relations{
    animation:mgInfoPieceReveal .56s cubic-bezier(.16,.78,.22,1) .56s both
  }
}

/* =============================================================
   GÖTTER & WESEN – v2.0
   Adleraugen-Lesbarkeit + Entdeckungsbanner + robuste Interaktion
   ============================================================= */
@media (min-width:901px){
  /* Beziehungsliste: gleiche Information, aber ohne Adleraugenmodus. */
  .mg-info-relation-row{
    grid-template-columns:38px minmax(0,1fr) 22px!important;
    gap:12px!important;
    min-height:72px!important;
    padding:13px 7px!important;
  }
  .mg-info-relation-row>i{width:31px!important;height:4px!important}
  .mg-info-relation-row strong{
    font-size:1.18rem!important;
    line-height:1.13!important;
    color:#32190d!important;
  }
  .mg-info-relation-row small{
    margin-top:5px!important;
    font-size:.82rem!important;
    line-height:1.42!important;
    font-weight:560!important;
    color:#65452f!important;
  }
  .mg-info-relation-row>b{font-size:1.55rem!important;color:#8f4b23!important}

  /* Historischer Fortschrittswimpel – HUD bleibt ausserhalb des zoombaren Welt-Layers. */
  .mg-discovery-banner{
    position:absolute;
    right:22px;
    bottom:18px;
    z-index:18;
    width:228px;
    min-height:104px;
    padding:19px 24px 22px 27px;
    color:#f2d7a4;
    background:
      linear-gradient(90deg,rgba(255,211,132,.07),transparent 18%,rgba(0,0,0,.14) 71%),
      repeating-linear-gradient(0deg,rgba(255,226,168,.024) 0 1px,transparent 1px 5px),
      linear-gradient(145deg,#7b2016 0%,#53140f 48%,#34100d 100%);
    border-top:1px solid rgba(224,168,78,.72);
    border-left:1px solid rgba(95,39,18,.9);
    box-shadow:0 13px 28px rgba(0,0,0,.58),inset 0 1px rgba(255,217,145,.12),inset 0 -15px 22px rgba(21,4,3,.28);
    clip-path:polygon(0 0,100% 0,100% 74%,88% 86%,76% 78%,64% 92%,50% 80%,36% 94%,23% 79%,11% 87%,0 74%);
    pointer-events:none;
    transform-origin:50% 0;
  }
  .mg-discovery-banner:before{
    content:"";
    position:absolute;
    left:-8px;right:-8px;top:-8px;
    height:10px;
    border-radius:6px;
    background:linear-gradient(#8b673c,#392214 48%,#1b0d08 55%,#6d4929);
    box-shadow:0 3px 7px rgba(0,0,0,.62),inset 0 1px rgba(255,221,160,.2);
  }
  .mg-discovery-banner:after{
    content:"";
    position:absolute;
    inset:7px 10px 18px;
    border:1px solid rgba(224,170,84,.21);
    clip-path:inherit;
  }
  .mg-discovery-banner>span{
    position:relative;z-index:2;display:block;
    margin-bottom:7px;
    font-size:.66rem;font-weight:900;line-height:1.25;
    letter-spacing:.16em;text-transform:uppercase;
    color:#d7a85e;text-shadow:0 1px 2px #180604;
  }
  .mg-discovery-banner>strong{
    position:relative;z-index:2;display:flex;align-items:baseline;gap:7px;
    font-family:var(--serif);font-weight:500;line-height:1;
    text-shadow:0 2px 3px rgba(0,0,0,.58);
  }
  .mg-discovery-banner>strong>b{font-size:2.35rem;font-weight:500;color:#ffe0a0}
  .mg-discovery-banner>strong>em{font:italic .85rem/1 var(--serif);color:#be9360}
  .mg-discovery-banner>strong>i{font-size:1.28rem;font-style:normal;font-weight:500;color:#e1bc7d}
  .mg-discovery-banner.is-counting{animation:mgDiscoveryBannerPulse .72s cubic-bezier(.17,.8,.22,1)}
  .mg-discovery-banner.is-counting>strong>b{animation:mgDiscoveryCountFlash .68s ease-out}
  @keyframes mgDiscoveryBannerPulse{
    0%{filter:brightness(1);transform:translateY(0)}
    32%{filter:brightness(1.48) saturate(1.18);transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,.62),0 0 26px rgba(230,159,49,.42),inset 0 1px rgba(255,229,170,.22)}
    100%{filter:brightness(1);transform:translateY(0)}
  }
  @keyframes mgDiscoveryCountFlash{0%{color:#fff0be;text-shadow:0 0 22px rgba(255,191,73,.9)}100%{color:#ffe0a0;text-shadow:0 2px 3px rgba(0,0,0,.58)}}

  /* Erst nach dem Intro sichtbar: das Banner ist Teil der entdeckbaren Erlebniswelt. */
  [data-mg-network]:not(.is-ready) .mg-discovery-banner{opacity:0}
  [data-mg-network].is-ready .mg-discovery-banner{opacity:1;transition:opacity .5s ease .25s}
}

/* v21 · gefuehrte Einfuehrung, Replay und Abschluss */
@media (min-width:901px){
.mg-tutorial-replay{width:100%;margin:16px 0 2px;padding:12px 10px 11px;border:1px solid rgba(184,119,51,.55);background:linear-gradient(180deg,rgba(93,44,20,.58),rgba(39,17,9,.72));color:#d8ad70;display:grid;grid-template-columns:24px 1fr;column-gap:8px;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(20,8,4,.7),inset 0 0 0 3px rgba(174,105,43,.18);transition:.25s ease}
.mg-tutorial-replay b{grid-row:1/3;align-self:center;font:400 1.15rem/1 var(--serif);color:#efc879}.mg-tutorial-replay span{font-size:.69rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.mg-tutorial-replay small{margin-top:3px;font-size:.61rem;color:#9f7c57}.mg-tutorial-replay:hover,.mg-tutorial-replay:focus-visible{outline:none;color:#ffe0a0;border-color:#d79c4a;box-shadow:0 0 20px rgba(221,145,47,.22),inset 0 0 0 2px rgba(20,8,4,.7),inset 0 0 0 3px rgba(221,158,72,.38)}
.mg-tutorial-quest{position:absolute;z-index:34;left:50%;bottom:34px;transform:translateX(-50%);width:min(520px,46%);padding:17px 24px 16px;background:linear-gradient(180deg,rgba(69,31,14,.97),rgba(34,14,7,.98));border:1px solid #8e5727;box-shadow:0 18px 42px rgba(0,0,0,.66),0 0 28px rgba(190,108,29,.13),inset 0 0 0 3px #1a0b06,inset 0 0 0 4px rgba(180,112,47,.35);color:#e7c58f;text-align:center;animation:mgQuestIn .45s ease both}
.mg-tutorial-quest[hidden]{display:none}.mg-tutorial-quest>span{display:block;color:#c65a35;font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.mg-tutorial-quest>strong{display:block;margin:5px 0 6px;font:500 1.42rem/1.15 var(--serif);color:#f1d7a7}.mg-tutorial-quest p{margin:0 auto;max-width:430px;font-size:.78rem;line-height:1.55;color:#c6a681}.mg-tutorial-quest small{display:inline-block;margin-top:9px;padding-top:8px;border-top:1px solid rgba(194,126,55,.3);font-size:.66rem;font-weight:800;letter-spacing:.08em;color:#e0ad63;text-transform:uppercase}@keyframes mgQuestIn{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
.mg-completion-overlay{position:absolute;z-index:60;inset:0;display:grid;place-items:center;padding:34px;background:radial-gradient(circle at 50% 45%,rgba(70,38,16,.32),rgba(5,3,2,.92) 68%);backdrop-filter:blur(3px);animation:mgCompletionShade .9s ease both}.mg-completion-overlay[hidden]{display:none}.mg-completion-card{width:min(900px,80%);padding:36px 42px 31px;text-align:center;background:linear-gradient(rgba(50,23,10,.96),rgba(24,10,5,.98));border:1px solid #9d642e;box-shadow:0 30px 90px #000,0 0 65px rgba(210,133,36,.18),inset 0 0 0 4px #160905,inset 0 0 0 5px rgba(207,137,58,.34);color:#e8c997}.mg-completion-card>span{color:#d2a253;font-size:.67rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.mg-completion-card h3{margin:9px 0 8px;font:500 2.2rem/1.1 var(--serif);color:#f4ddb1}.mg-completion-card>p{margin:0 auto 25px;max-width:620px;color:#bfa07b;line-height:1.6}.mg-completion-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mg-completion-paths a{min-height:170px;padding:26px 24px 22px;border:1px solid rgba(183,116,48,.58);background:linear-gradient(145deg,rgba(108,53,22,.5),rgba(36,16,8,.8));text-decoration:none;display:flex;flex-direction:column;justify-content:center;transition:.25s ease}.mg-completion-paths a:hover{transform:translateY(-3px);border-color:#d49a4d;box-shadow:0 0 30px rgba(214,139,44,.2)}.mg-completion-paths strong{font:500 1.55rem/1.1 var(--serif);color:#efd09a}.mg-completion-paths small{margin:9px 0 15px;color:#ad8e6b;line-height:1.45}.mg-completion-paths b{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#d49b51}.mg-completion-card>button{margin-top:22px;border:0;border-bottom:1px solid rgba(205,151,80,.45);background:none;color:#d4ae76;font:italic .9rem/1.4 var(--serif);cursor:pointer;padding:5px 8px}.mg-completion-card>button:hover{color:#ffe0a5}@keyframes mgCompletionShade{from{opacity:0}to{opacity:1}}
.mg-network-intro-story{font-size:.82rem!important;color:#a98b68!important}.mg-network-intro-card h3{font-size:2.35rem!important}
}

/* =============================================================
   v22 · gefuehrtes Tutorial im Stil der Zeitlinie
   Eigene, fiktive Tutorial-Welt: nur Odin -> Thor.
   ============================================================= */
@media (min-width:901px){
  .mg-tutorial-welcome{
    width:min(620px,86vw)!important;padding:44px 46px 36px!important;text-align:left!important;
    color:#d8bd93!important;background:linear-gradient(180deg,rgba(37,24,16,.98),rgba(20,14,10,.99))!important;
    border:1px solid #9d733d!important;box-shadow:0 32px 80px rgba(0,0,0,.78),inset 0 0 0 1px rgba(218,171,91,.08),inset 0 0 0 8px rgba(8,6,4,.45)!important
  }
  .mg-tutorial-welcome:before,.mg-tutorial-welcome:after{left:30px!important;right:30px!important;background:linear-gradient(90deg,#a16c34,transparent 78%)!important}
  .mg-tutorial-welcome .mg-network-intro-kicker{margin-top:2px;color:#b6986b!important;font-size:.69rem!important}
  .mg-tutorial-welcome h3{font-size:2.65rem!important;color:#f0d7ad!important;line-height:1.03!important;margin-bottom:16px!important}
  .mg-tutorial-welcome p{max-width:500px!important;margin:0 0 24px!important;font:500 .98rem/1.65 var(--sans)!important;color:#aa9580!important}
  .mg-tutorial-ribbon{position:absolute;left:24px;top:-17px;min-width:285px;padding:11px 34px 10px 18px;background:#a91512;color:#f6d8b0;font:900 .64rem/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 50%,calc(100% - 17px) 100%,0 100%);box-shadow:0 8px 22px rgba(0,0,0,.35)}
  .mg-network-intro-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
  .mg-network-intro-actions .mg-network-intro-button{min-width:0!important;width:100%;padding:16px 15px!important;text-align:center}
  .mg-network-intro-actions .mg-network-intro-button.is-secondary{background:rgba(42,25,16,.44)!important;color:#c3aa86!important;border-color:#665039!important}
  .mg-network-intro-actions .mg-network-intro-button.is-secondary:hover{background:#2a1b12!important;color:#f0d4aa!important;border-color:#a2733e!important}

  .mg-tutorial-layer{position:absolute;inset:18px;z-index:52;pointer-events:none}
  .mg-tutorial-layer[hidden]{display:none!important}
  [data-mg-network].is-tutorial-mode .mg-network-world{opacity:0!important;pointer-events:none!important}
  [data-mg-network].is-tutorial-mode .mg-discovery-banner{opacity:0!important;pointer-events:none!important}
  [data-mg-network].is-tutorial-mode .mg-control-board,[data-mg-network].is-tutorial-mode .mg-info-board{filter:brightness(.52);transition:filter .35s ease}
  [data-mg-network].is-tutorial-mode .mg-network-main{filter:brightness(.72);transition:filter .35s ease}
  [data-mg-network].is-tutorial-mode .mg-info-board.is-tutorial-info{filter:brightness(1);box-shadow:0 0 34px rgba(218,144,50,.28),inset 0 0 0 1px rgba(235,178,92,.36),inset 0 0 0 8px #21150c,inset 0 0 0 10px rgba(149,93,39,.62)!important}

  .mg-tutorial-fake-map{position:absolute;left:348px;right:388px;top:0;bottom:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 52%,rgba(138,76,26,.10),transparent 30%)}
  .mg-tutorial-fake-map:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 0 35%,rgba(0,0,0,.24) 74%,rgba(0,0,0,.52) 100%)}
  .mg-tutorial-line-layer{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible;pointer-events:none}
  .mg-tutorial-line-layer path{fill:none;stroke:#e6ad45;stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(255,181,66,.86));stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
  .mg-tutorial-line-layer path.is-drawing{opacity:1;animation:mgTutorialLine 1.2s cubic-bezier(.19,.78,.24,1) forwards}
  .mg-tutorial-line-layer path.is-visible{opacity:1;stroke-dashoffset:0}
  @keyframes mgTutorialLine{0%{stroke-dashoffset:1;opacity:.2}12%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}

  .mg-tutorial-node{position:absolute;z-index:7;width:215px;height:68px;transform:translate(-50%,-50%);border:1px solid #6b3f1d;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px),linear-gradient(90deg,#42230f,#6d3a18 35%,#4e2810 70%,#2f180b);color:#f0d5a5;cursor:pointer;pointer-events:auto;font:500 1.45rem/1 var(--serif);letter-spacing:.04em;box-shadow:0 18px 30px rgba(0,0,0,.62),inset 0 0 0 3px #1b0c05,inset 0 0 0 5px rgba(149,91,37,.68),inset 0 10px 18px rgba(255,190,88,.05);clip-path:polygon(4% 0,96% 0,100% 18%,98% 82%,94% 100%,6% 100%,2% 82%,0 18%);transition:filter .25s ease,box-shadow .25s ease}
  .mg-tutorial-node.is-odin{left:50%;top:52%}.mg-tutorial-node.is-thor{left:77.5%;top:39%}
  .mg-tutorial-node.is-invite{animation:mgTutorialInvite 1.25s ease-in-out infinite alternate}
  .mg-tutorial-node.is-complete{box-shadow:0 18px 30px rgba(0,0,0,.62),0 0 0 1px rgba(240,181,81,.52),0 0 18px rgba(230,151,43,.25),inset 0 0 0 3px #1b0c05,inset 0 0 0 5px rgba(149,91,37,.72)}
  @keyframes mgTutorialInvite{0%{filter:brightness(1);box-shadow:0 18px 30px rgba(0,0,0,.62),0 0 9px rgba(224,139,33,.28),inset 0 0 0 3px #1b0c05,inset 0 0 0 5px rgba(149,91,37,.68)}100%{filter:brightness(1.17);box-shadow:0 18px 34px rgba(0,0,0,.68),0 0 0 2px rgba(255,200,102,.75),0 0 34px rgba(255,166,48,.72),0 0 70px rgba(214,112,28,.42),inset 0 0 0 3px #1b0c05,inset 0 0 0 5px rgba(218,151,65,.9)}}

  .mg-tutorial-counter{position:absolute;z-index:8;right:22px;bottom:28px;min-width:210px;padding:12px 18px 11px;background:linear-gradient(180deg,#6a1c16,#42100e);border:1px solid #b96534;color:#e7c48c;box-shadow:0 14px 30px rgba(0,0,0,.55),inset 0 0 0 2px rgba(46,13,8,.82);clip-path:polygon(0 0,100% 0,100% 76%,91% 100%,12% 100%,0 80%)}
  .mg-tutorial-counter span{display:block;font-size:.52rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.mg-tutorial-counter strong{display:flex;align-items:baseline;gap:8px;margin-top:4px;font:500 1.3rem/1 var(--serif)}.mg-tutorial-counter em{font:700 .52rem/1 var(--sans);font-style:normal;text-transform:uppercase;letter-spacing:.1em}.mg-tutorial-counter.is-highlight{animation:mgTutorialCounter 1.6s ease both}
  @keyframes mgTutorialCounter{0%,100%{filter:brightness(1);box-shadow:0 14px 30px rgba(0,0,0,.55)}35%{filter:brightness(1.3);box-shadow:0 0 0 2px rgba(255,206,105,.78),0 0 38px rgba(242,167,54,.64),0 16px 34px rgba(0,0,0,.58)}}

  .mg-tutorial-card{position:absolute;z-index:12;width:465px;padding:45px 38px 30px;background:linear-gradient(180deg,rgba(37,25,17,.985),rgba(19,13,9,.99));border:1px solid #9a713c;box-shadow:0 26px 75px rgba(0,0,0,.78),inset 0 0 0 1px rgba(230,180,91,.08),inset 0 0 0 8px rgba(7,5,3,.42);color:#b9a28a;pointer-events:auto;transition:left .42s ease,top .42s ease,right .42s ease,bottom .42s ease,transform .42s ease,opacity .25s ease}
  .mg-tutorial-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(193,146,75,.18);pointer-events:none}
  .mg-tutorial-card-ribbon{position:absolute;left:28px;top:-18px;min-width:226px;padding:12px 32px 11px 16px;background:#a51310;color:#f1d2a8;font:900 .66rem/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 50%,calc(100% - 17px) 100%,0 100%)}
  .mg-tutorial-card-kicker{display:block;margin-bottom:9px;color:#b49a70;font-size:.67rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
  .mg-tutorial-card h3{margin:0 0 15px;font:500 2rem/1.08 var(--serif);color:#efd5a8}
  .mg-tutorial-card p{margin:0;font-size:.9rem;line-height:1.62;color:#ac9a89}
  .mg-tutorial-task{margin-top:18px;padding:12px 15px;border-left:2px solid #c69243;background:rgba(93,54,25,.24);font-size:.75rem;line-height:1.5;color:#d0b383}
  .mg-tutorial-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
  .mg-tutorial-nav button{min-width:124px;padding:13px 18px;border:1px solid #7b5b36;background:rgba(44,28,18,.72);color:#d8bd91;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s ease}
  .mg-tutorial-nav button:last-child{margin-left:auto}.mg-tutorial-nav button:hover:not(:disabled){border-color:#c28b43;color:#f5dcae;box-shadow:0 0 18px rgba(209,134,46,.18)}.mg-tutorial-nav button:disabled{opacity:.28;cursor:not-allowed}
  .mg-tutorial-skip{display:block;margin:14px auto 0;border:0;border-bottom:1px solid rgba(184,145,92,.32);background:none;color:#827363;font-size:.66rem;cursor:pointer;padding:3px 6px}.mg-tutorial-skip:hover{color:#c9ae86}

  /* Die Erklaerkarte bewegt sich bewusst zum gerade erklaerten Bereich. */
  .mg-tutorial-layer[data-step="2"] + .mg-completion-overlay{}
  [data-mg-network].is-tutorial-mode:has(.mg-tutorial-layer[data-step="6"]) .mg-control-board{filter:brightness(1);box-shadow:0 0 34px rgba(218,144,50,.2),inset 0 0 0 1px rgba(235,178,92,.26),inset 0 0 0 8px #21150c,inset 0 0 0 10px rgba(149,93,39,.5)!important}
}
@media (min-width:1500px){.mg-tutorial-fake-map{left:368px;right:418px}}


/* =============================================================
   v2.2 · Doppelfortschritt + verborgene Gestalten + Inseln
   ============================================================= */
@media (min-width:901px){
  .mg-discovery-banner{
    width:250px!important;
    min-height:150px!important;
    padding:18px 23px 28px 26px!important;
  }
  .mg-discovery-banner>span{
    margin-bottom:10px!important;
  }
  .mg-discovery-banner>strong{
    display:grid!important;
    grid-template-columns:minmax(82px,1fr) auto auto auto!important;
    gap:5px!important;
    align-items:baseline!important;
    margin:5px 0!important;
  }
  .mg-discovery-banner>strong>small{
    font:800 .58rem/1.1 var(--sans,Arial,sans-serif)!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
    color:#c99a58!important;
  }
  .mg-discovery-banner>strong>b{
    font-size:1.48rem!important;
  }
  .mg-discovery-banner>strong>em{
    font-size:.72rem!important;
  }
  .mg-discovery-banner>strong>i{
    font-size:1rem!important;
  }
  .mg-discovery-banner.is-counting>strong>b{
    animation:mgDiscoveryCountFlash .68s ease-out;
  }

  .mg-data-node.is-discovered.is-special-arrival,
  .mg-expand-node.is-discovered.is-special-arrival{
    animation:mgSpecialNodeArrival 3.2s cubic-bezier(.16,.82,.18,1) both!important;
  }
  @keyframes mgSpecialNodeArrival{
    0%{
      opacity:0;
      filter:blur(10px) brightness(.45);
      transform:translate(-50%,-50%) scale(.72)!important;
      box-shadow:0 0 0 rgba(231,171,68,0)!important;
    }
    28%{
      opacity:1;
      filter:blur(1px) brightness(1.85) saturate(1.3);
      transform:translate(-50%,-50%) scale(1.035)!important;
      box-shadow:0 0 34px rgba(236,174,67,.55),0 0 90px rgba(187,94,25,.32)!important;
    }
    68%{
      opacity:1;
      filter:brightness(1.28);
      box-shadow:0 0 28px rgba(236,174,67,.38),0 0 70px rgba(187,94,25,.22)!important;
    }
    100%{
      opacity:1;
      filter:none;
      transform:translate(-50%,-50%) scale(1)!important;
    }
  }

  .mg-special-discovery-notice{
    position:absolute;
    z-index:28;
    left:50%;
    top:76px;
    width:min(520px,72%);
    transform:translate(-50%,-18px);
    padding:15px 22px 16px;
    text-align:center;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(180deg,rgba(75,37,16,.96),rgba(31,15,8,.97));
    border:1px solid rgba(210,151,66,.72);
    box-shadow:0 18px 50px rgba(0,0,0,.62),0 0 32px rgba(207,131,36,.18),inset 0 0 0 3px rgba(22,9,4,.7);
    transition:opacity .45s ease,transform .55s cubic-bezier(.18,.82,.22,1);
  }
  .mg-special-discovery-notice.is-visible{
    opacity:1;
    transform:translate(-50%,0);
  }
  .mg-special-discovery-notice span{
    display:block;
    color:#c78e42;
    font-size:.59rem;
    font-weight:900;
    letter-spacing:.17em;
    text-transform:uppercase;
  }
  .mg-special-discovery-notice strong{
    display:block;
    margin-top:5px;
    font:500 1.55rem/1.12 var(--serif);
    color:#f3d8a9;
  }
  .mg-special-discovery-notice small{
    display:block;
    margin-top:6px;
    color:#b79873;
    font-size:.72rem;
    line-height:1.45;
  }

  .mg-tutorial-counter strong{
    display:grid!important;
    grid-template-columns:minmax(74px,1fr) auto auto auto!important;
    gap:5px!important;
    align-items:baseline!important;
  }
  .mg-tutorial-counter strong+strong{
    margin-top:5px!important;
  }
  .mg-tutorial-counter strong small{
    font-size:.55rem!important;
    font-style:normal!important;
    text-transform:uppercase!important;
    letter-spacing:.09em!important;
  }
}


/* v3.6.1 recovery baseline: tutorial intentionally disabled.
   No layout, graph or map geometry is changed here. */
.mg-network-intro,
.mg-tutorial-layer,
.mg-tutorial-replay{display:none!important;}


/* =============================================================
   v3.7.0 · Ginnungagap Einstieg · kein Tutorial
   Die Anwendung bleibt geometrisch unangetastet; nur ein Overlay sperrt
   die Bühne bis zur bewussten Freigabe.
   ============================================================= */
@media (min-width:901px){
  .mg-network-prototype{position:relative!important}

  .mg-network-prototype:not(.is-ready) .mg-network-shell{
    filter:brightness(.19) saturate(.48)!important;
    opacity:.28!important;
    pointer-events:none!important;
    user-select:none!important;
    transition:filter .7s ease,opacity .7s ease!important;
  }
  .mg-network-prototype.is-ready .mg-network-shell{
    filter:none!important;
    opacity:1!important;
    transition:filter .72s ease,opacity .72s ease!important;
  }

  .mg-network-intro.mg-origin-welcome{
    display:grid!important;
    position:absolute!important;
    inset:0!important;
    z-index:150!important;
    place-items:center!important;
    padding:54px!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    background:
      radial-gradient(circle at 50% 44%,rgba(94,50,21,.22) 0%,rgba(21,11,7,.44) 27%,rgba(5,3,2,.92) 74%),
      linear-gradient(180deg,rgba(6,4,3,.84),rgba(4,3,2,.96))!important;
    backdrop-filter:blur(6px) brightness(.72)!important;
    transition:opacity .62s ease,visibility .62s ease,backdrop-filter .62s ease!important;
  }
  .mg-network-intro.mg-origin-welcome[hidden]{display:none!important}
  .mg-network-intro.mg-origin-welcome.is-leaving{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    backdrop-filter:blur(1px) brightness(1)!important;
  }
  .mg-origin-welcome:before{
    content:"";
    position:absolute;
    inset:23px;
    pointer-events:none;
    border:1px solid rgba(154,103,48,.34);
    box-shadow:inset 0 0 0 3px rgba(31,15,7,.72),inset 0 0 90px rgba(0,0,0,.5);
  }
  .mg-origin-welcome-card{
    position:relative;
    width:min(720px,72vw);
    padding:42px 64px 48px;
    text-align:center;
    color:#e5cda7;
    border:1px solid rgba(161,111,56,.74);
    background:
      linear-gradient(180deg,rgba(75,39,19,.91),rgba(27,15,10,.97)),
      url('../assets/mythologie-goetter/oak-dark.webp') center/cover;
    box-shadow:
      0 36px 90px rgba(0,0,0,.72),
      0 0 0 4px rgba(16,8,4,.86),
      0 0 0 5px rgba(134,86,39,.42),
      inset 0 0 65px rgba(0,0,0,.58),
      inset 0 1px rgba(232,185,108,.15);
  }
  .mg-origin-welcome-card:before,
  .mg-origin-welcome-card:after{
    content:"";
    position:absolute;
    left:22px;right:22px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(196,145,76,.46) 16%,rgba(196,145,76,.46) 84%,transparent);
  }
  .mg-origin-welcome-card:before{top:20px}
  .mg-origin-welcome-card:after{bottom:20px}

  .mg-origin-welcome-emblem{
    position:relative;
    width:104px;height:104px;
    margin:-7px auto 20px;
    display:grid;place-items:center;
    border-radius:50%;
    border:1px solid rgba(190,140,72,.45);
    background:radial-gradient(circle,rgba(126,63,24,.36),rgba(21,11,7,.88) 68%);
    box-shadow:0 0 34px rgba(184,119,43,.13),inset 0 0 24px rgba(0,0,0,.72);
  }
  .mg-origin-welcome-emblem:before,
  .mg-origin-welcome-emblem:after{
    content:"";position:absolute;top:50%;width:72px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(183,130,66,.6));
  }
  .mg-origin-welcome-emblem:before{right:100%;margin-right:15px}
  .mg-origin-welcome-emblem:after{left:100%;margin-left:15px;transform:scaleX(-1)}
  .mg-origin-welcome-emblem span{
    position:absolute;inset:8px;border:1px solid rgba(176,127,65,.18);border-radius:50%;
  }
  .mg-origin-welcome-emblem img{
    width:72%;height:72%;object-fit:contain;opacity:.9;
    filter:sepia(.12) drop-shadow(0 0 13px rgba(211,157,80,.2));
  }
  .mg-origin-welcome-kicker{
    margin:0 0 8px;
    color:#c28d4d;
    font:800 .66rem/1 var(--sans);
    letter-spacing:.24em;
    text-transform:uppercase;
  }
  .mg-origin-welcome-card h3{
    margin:0;
    color:#f0d8ad;
    font:500 clamp(3.05rem,4vw,4.65rem)/1 var(--serif);
    text-shadow:0 2px 0 #120905,0 0 24px rgba(206,143,69,.12);
  }
  .mg-origin-welcome-rule{
    display:flex;align-items:center;justify-content:center;gap:11px;
    width:190px;margin:18px auto 21px;color:#a9793f;
  }
  .mg-origin-welcome-rule i{display:block;width:65px;height:1px;background:linear-gradient(90deg,transparent,#8f6235)}
  .mg-origin-welcome-rule i:last-child{transform:scaleX(-1)}
  .mg-origin-welcome-rule b{font:400 .8rem/1 var(--serif);transform:rotate(45deg)}
  .mg-origin-welcome-lead{
    max-width:580px!important;
    margin:0 auto 16px!important;
    color:#d8bc91!important;
    font:500 1.2rem/1.55 var(--serif)!important;
  }
  .mg-origin-welcome-card>p:not(.mg-origin-welcome-kicker,.mg-origin-welcome-lead,.mg-origin-welcome-note){
    max-width:590px;margin:0 auto 13px;color:#aa9478;font:400 .89rem/1.68 var(--sans);
  }
  .mg-origin-welcome-note{
    max-width:570px;margin:16px auto 25px;padding-top:15px;
    border-top:1px solid rgba(154,105,55,.28);
    color:#c19b6d;font:500 .78rem/1.55 var(--sans);
  }
  .mg-origin-welcome-button{
    position:relative;
    min-width:300px;
    padding:17px 58px 17px 28px;
    border:1px solid #a56a31;
    background:linear-gradient(180deg,#562715,#32160d);
    color:#efd3a3;
    font:800 .7rem/1 var(--sans);
    letter-spacing:.15em;
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:inset 0 0 0 2px rgba(24,10,5,.72),0 8px 18px rgba(0,0,0,.35);
    transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease;
  }
  .mg-origin-welcome-button b{
    position:absolute;right:22px;top:50%;transform:translateY(-50%);
    color:#d9a65d;font:400 1.05rem/1 var(--serif);
    transition:transform .22s ease;
  }
  .mg-origin-welcome-button:hover,
  .mg-origin-welcome-button:focus-visible{
    outline:none;
    background:linear-gradient(180deg,#70341a,#3e1a0e);
    border-color:#c48843;
    color:#ffe5b8;
    box-shadow:inset 0 0 0 2px rgba(24,10,5,.72),0 0 30px rgba(190,119,42,.2),0 9px 20px rgba(0,0,0,.4);
  }
  .mg-origin-welcome-button:hover b,.mg-origin-welcome-button:focus-visible b{transform:translate(4px,-50%)}
}


/* ===== Mobile Explorer v41: separate app renderer ===== */
@media (max-width:900px){
  html.mgm-lock,html.mgm-lock body{overflow:hidden!important;overscroll-behavior:none!important}
  [data-mg-network]>.mg-network-shell,[data-mg-network]>.mg-mobile-development{display:none!important}
  [data-mg-network]{min-height:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
  .mgm-app{display:none;position:fixed;inset:0;z-index:99940;background:#0b0806;color:#ead8b8;font-family:var(--sans,Arial,sans-serif)}
  .mgm-app.is-active{display:block}
  .mgm-topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:66px;padding:max(10px,env(safe-area-inset-top)) 12px 8px;display:flex;align-items:flex-end;gap:10px;background:linear-gradient(180deg,#1b0d08 0%,#27130c 100%);border-bottom:1px solid #74431f;box-shadow:0 8px 24px rgba(0,0,0,.32)}
  .mgm-progress{display:grid;grid-template-columns:auto 1fr 1fr;align-items:end;gap:10px;width:100%;font-family:var(--sans);letter-spacing:.08em}.mgm-progress>span{font-size:.68rem;opacity:.72;padding-bottom:5px}.mgm-progress>b{display:flex;align-items:baseline;gap:5px;font-weight:400}.mgm-progress i{font-family:var(--serif);font-style:normal;font-size:1.45rem;color:#f0d7aa}.mgm-progress small{font-size:.64rem;opacity:.82;white-space:nowrap}
  .mgm-exit{width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(219,177,113,.35);background:#160d08;color:#e8c994;font-size:1.6rem;line-height:1;border-radius:2px}
  .mgm-viewport{position:absolute;inset:66px 0 62px;overflow:hidden;touch-action:none;background:radial-gradient(circle at 50% 42%,rgba(118,61,25,.26),transparent 34%),#090705}
  .mgm-viewport:before{content:"";position:absolute;inset:0;background:url('assets/img/beziehungsnetz-hintergrund.webp') center/cover no-repeat;opacity:.7;pointer-events:none}
  .mgm-world{position:absolute;left:0;top:0;width:5600px;height:4000px;transform-origin:0 0;will-change:transform}
  .mgm-lines,.mgm-nodes{position:absolute;inset:0;width:5600px;height:4000px}.mgm-lines{overflow:visible}.mgm-nodes{pointer-events:none}
  .mgm-node{position:absolute;width:520px;height:170px;transform:translate(-50%,-50%);pointer-events:auto;opacity:0;border:3px solid rgba(201,132,61,.75);background:linear-gradient(180deg,#6b341a,#3b1d10 52%,#2b160d);color:#f3dfbd;box-shadow:0 16px 34px rgba(0,0,0,.35),inset 0 0 0 7px rgba(13,7,4,.25);font-family:var(--serif);font-size:66px;letter-spacing:.035em;transition:opacity .36s ease,filter .22s ease}.mgm-node.is-visible{opacity:1}.mgm-node:active{filter:brightness(1.35)}.mgm-node span{display:block;padding:0 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mgm-line{opacity:.95;filter:drop-shadow(0 0 10px currentColor)}
  .mgm-toolbar{position:absolute;z-index:24;left:0;right:0;bottom:0;height:62px;padding-bottom:max(0px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(180deg,#28140c,#160c08);border-top:1px solid #80512a}.mgm-toolbar button{border:0;border-right:1px solid rgba(218,172,104,.18);background:transparent;color:#e1c493;display:flex;align-items:center;justify-content:center;gap:8px}.mgm-toolbar button:last-child{border-right:0}.mgm-toolbar span{font-size:1.2rem}.mgm-toolbar small{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}
  .mgm-sheet{position:absolute;z-index:40;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .22s ease}.mgm-sheet.is-open{opacity:1}.mgm-sheet-card{position:absolute;left:0;right:0;bottom:0;max-height:64vh;overflow:hidden;background:#efd59c;color:#28150e;border-top:2px solid #9d6630;border-radius:18px 18px 0 0;box-shadow:0 -18px 55px rgba(0,0,0,.52);padding:16px 18px max(16px,env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .24s ease}.mgm-sheet.is-open .mgm-sheet-card{transform:translateY(0)}
  .mgm-sheet-grip{width:48px;height:4px;border-radius:4px;background:rgba(61,35,20,.32);margin:0 auto 14px}.mgm-sheet-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:1px solid rgba(91,49,24,.32);background:#e3c487;color:#5a2b19;font-size:1.35rem;border-radius:50%}.mgm-sheet-kicker{margin:0 42px 5px 0;color:#a44831;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.mgm-sheet h3{margin:0 44px 14px 0;font-family:var(--serif);font-size:2.2rem;font-weight:500;line-height:1}.mgm-sheet-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid rgba(92,52,26,.18);padding-top:12px}.mgm-sheet-meta p{margin:0}.mgm-sheet-meta span{display:block;color:#ad5b42;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.mgm-sheet-meta b{display:block;margin-top:3px;font-family:var(--serif);font-weight:500;font-size:1.02rem}.mgm-sheet-relations{margin-top:14px;border-top:1px solid rgba(92,52,26,.18);padding-top:10px}.mgm-sheet-relations h4{display:flex;justify-content:space-between;margin:0 0 8px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.mgm-sheet-relations>div{max-height:29vh;overflow:auto;-webkit-overflow-scrolling:touch}.mgm-relrow{width:100%;display:grid;grid-template-columns:24px 1fr 18px;gap:10px;align-items:center;padding:11px 0;border:0;border-bottom:1px solid rgba(92,52,26,.14);background:transparent;color:#2b180f;text-align:left}.mgm-relrow i,.mgm-legend-list i{display:block;width:22px;height:3px;border-radius:3px;background:#69b58f}.mgm-relrow i.is-descent,.mgm-legend-list i.is-descent{background:#d9a13a}.mgm-relrow i.is-partner,.mgm-legend-list i.is-partner{background:#4da3e6}.mgm-relrow i.is-family,.mgm-legend-list i.is-family{background:#8a6bd8}.mgm-relrow i.is-conflict,.mgm-legend-list i.is-conflict{background:#d84b43}.mgm-relrow i.is-knowledge,.mgm-legend-list i.is-knowledge{background:#4cc2c8}.mgm-relrow i.is-origin,.mgm-legend-list i.is-origin{background:#ece1c7}.mgm-relrow b{display:block;font-family:var(--serif);font-size:1.08rem;font-weight:500}.mgm-relrow small{display:block;margin-top:2px;color:#78523d;font-size:.78rem;line-height:1.35}.mgm-relrow em{font-style:normal;font-size:1.35rem;color:#956039}
  .mgm-legend-sheet .mgm-sheet-card{max-height:58vh;background:#21110b;color:#ead8b8}.mgm-legend-sheet .mgm-sheet-close{background:#31170e;color:#e9ca93;border-color:#6d3d22}.mgm-legend-sheet .mgm-sheet-kicker{color:#d08a51}.mgm-legend-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.mgm-legend-list span{display:grid;grid-template-columns:26px 1fr;column-gap:8px;padding:9px 0;border-bottom:1px solid rgba(231,197,146,.12)}.mgm-legend-list i{grid-row:1/3;align-self:center}.mgm-legend-list b{font-family:var(--serif);font-weight:500;font-size:1rem}.mgm-legend-list small{font-size:.68rem;color:#aa8f72;line-height:1.3}.mgm-legend-list i.is-uncertain{background:repeating-linear-gradient(90deg,#d3bf96 0 7px,transparent 7px 12px)}
  .mgm-intro{position:fixed!important;inset:0!important;z-index:99960!important;display:grid!important;place-items:center!important;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))!important;background:rgba(7,5,4,.96)!important}.mgm-intro[hidden]{display:none!important}.mgm-intro .mg-origin-welcome-card{width:min(100%,420px)!important;max-height:calc(100dvh - 36px)!important;overflow:auto!important;padding:26px 24px 24px!important;background:linear-gradient(180deg,#5a2c16,#2b160e)!important;border:1px solid #8a5b31!important;box-shadow:0 22px 70px rgba(0,0,0,.62)!important}.mgm-intro .mg-origin-welcome-emblem{width:68px!important;height:68px!important;margin:0 auto 12px!important}.mgm-intro .mg-origin-welcome-emblem img{max-width:52px!important;max-height:52px!important;object-fit:contain!important}.mgm-intro .mg-origin-welcome-kicker{font-size:.68rem!important;letter-spacing:.18em!important}.mgm-intro h3{font-size:2.75rem!important;line-height:1!important;margin:5px 0 8px!important}.mgm-intro .mg-origin-welcome-lead{font-size:1rem!important;line-height:1.5!important}.mgm-intro .mg-origin-welcome-card>p:not(.mg-origin-welcome-kicker):not(.mg-origin-welcome-lead):not(.mg-origin-welcome-note){font-size:.88rem!important;line-height:1.55!important}.mgm-intro .mg-origin-welcome-note{font-size:.78rem!important;line-height:1.45!important}.mgm-intro .mg-origin-welcome-button{width:100%!important;min-height:50px!important;margin-top:14px!important;background:#2b160e!important;color:#edd3a2!important;border:1px solid #a66d32!important;border-radius:0!important;font-size:.76rem!important;letter-spacing:.12em!important;text-transform:uppercase!important}
}

/* =========================================================
   MOBILE V42 - Götterhain als echtes Fullscreen-Dialogfenster
   ========================================================= */
@media (max-width:900px){
  html.mgm-lock{overflow:hidden!important;overscroll-behavior:none!important;height:100%!important}
  body.mgm-lock-body{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}

  /* Auf der normalen Seite bleibt nur der Einstieg in den Götterhain. */
  [data-mg-network]{min-height:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}
  .mg-network-intro.mg-origin-welcome.mgm-launcher{
    position:relative!important;inset:auto!important;z-index:2!important;display:block!important;
    width:100%!important;padding:18px 14px!important;background:transparent!important;
    opacity:1!important;visibility:visible!important;backdrop-filter:none!important;
  }
  .mgm-launcher[hidden]{display:none!important}
  .mgm-launcher .mg-origin-welcome-card{
    width:min(100%,430px)!important;margin:0 auto!important;max-height:none!important;overflow:visible!important;
    padding:25px 22px 23px!important;background:linear-gradient(180deg,#582b16,#29150d)!important;
    border:1px solid #8e6034!important;box-shadow:0 20px 55px rgba(0,0,0,.38)!important;
  }
  .mgm-launcher .mg-origin-welcome-emblem{width:62px!important;height:62px!important;margin:0 auto 10px!important}
  .mgm-launcher .mg-origin-welcome-emblem img{max-width:48px!important;max-height:48px!important;object-fit:contain!important}
  .mgm-launcher h3{font-size:2.45rem!important;line-height:1!important;margin:5px 0 10px!important}
  .mgm-launcher .mg-origin-welcome-lead{font-size:.98rem!important;line-height:1.5!important}
  .mgm-launcher .mg-origin-welcome-card>p:not(.mg-origin-welcome-kicker):not(.mg-origin-welcome-lead):not(.mg-origin-welcome-note){font-size:.86rem!important;line-height:1.52!important}
  .mgm-launcher .mg-origin-welcome-note{font-size:.76rem!important;line-height:1.42!important}
  .mgm-launcher .mg-origin-welcome-button{width:100%!important;min-height:50px!important;margin-top:14px!important}

  /* Losgelöst von der Website: direkt unter body, kompletter sichtbarer Viewport. */
  .mgm-app{
    display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
    z-index:2147483000!important;background:#090705!important;overflow:hidden!important;overscroll-behavior:none!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateZ(0)!important;
    transition:opacity .24s ease,visibility .24s ease!important;
  }
  .mgm-app.is-active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .mgm-topbar{
    height:calc(68px + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 12px 0 16px!important;
    display:flex!important;align-items:center!important;gap:10px!important;background:linear-gradient(180deg,#31170f,#1e0e09)!important;
    border-bottom:1px solid #79502d!important;
  }
  .mgm-progress{min-width:0!important;flex:1!important;display:grid!important;grid-template-columns:auto 1fr 1fr!important;gap:10px!important;align-items:center!important}
  .mgm-progress>span{font-size:.67rem!important;letter-spacing:.13em!important}
  .mgm-progress b{display:flex!important;align-items:baseline!important;gap:5px!important;white-space:nowrap!important}
  .mgm-progress b i{font-size:1.55rem!important}
  .mgm-progress b small{font-size:.67rem!important}
  .mgm-exit{
    flex:0 0 auto!important;height:42px!important;display:flex!important;align-items:center!important;gap:8px!important;
    padding:0 10px 0 12px!important;border:1px solid #8b5c32!important;background:#24110b!important;color:#efd39f!important;
    font:700 .62rem/1 var(--sans,Arial,sans-serif)!important;letter-spacing:.09em!important;text-transform:uppercase!important;
  }
  .mgm-exit span{display:block!important;white-space:nowrap!important}.mgm-exit b{font-size:1.45rem!important;font-weight:400!important;line-height:1!important}

  .mgm-viewport{inset:calc(68px + env(safe-area-inset-top)) 0 calc(58px + env(safe-area-inset-bottom))!important}
  .mgm-toolbar{height:calc(58px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important}

  /* Die Karte bleibt während der Entfaltung komplett sichtbar. */
  .mgm-sheet{background:rgba(0,0,0,.18)!important}
  .mgm-sheet-card{max-height:42dvh!important;padding:13px 16px max(14px,env(safe-area-inset-bottom))!important}
  .mgm-sheet h3{font-size:1.95rem!important;margin-bottom:10px!important}
  .mgm-sheet-meta{gap:8px!important;padding-top:9px!important}.mgm-sheet-relations{margin-top:10px!important;padding-top:8px!important}
  .mgm-sheet-relations>div{max-height:20dvh!important}

  /* Linien werden sichtbar gezeichnet, bevor die Infokarte erscheint. */
  .mgm-line{opacity:.96;filter:drop-shadow(0 0 8px rgba(235,190,112,.25));will-change:stroke-dashoffset,opacity}
}

/* =========================================================
   MOBILE V43 - Götterhain polish: two-row header, manual info,
   full-screen knowledge view, stronger collisions
   ========================================================= */
@media (max-width:900px){
  .mgm-topbar{
    height:calc(104px + env(safe-area-inset-top))!important;
    padding:env(safe-area-inset-top) 14px 8px!important;
    display:grid!important;
    grid-template-rows:38px 50px!important;
    gap:4px!important;
    align-items:stretch!important;
  }
  .mgm-exitrow{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important}
  .mgm-exit{
    width:auto!important;height:36px!important;max-width:100%!important;
    padding:0 12px 0 14px!important;gap:8px!important;
    border:1px solid rgba(197,135,72,.75)!important;
    background:linear-gradient(180deg,#3b1c10,#231109)!important;
    box-shadow:inset 0 0 0 1px rgba(12,6,3,.7),0 4px 16px rgba(0,0,0,.28)!important;
    color:#f0d39e!important;
  }
  .mgm-exit span{font-size:.64rem!important;letter-spacing:.11em!important}
  .mgm-exit b{font-size:1.2rem!important}
  .mgm-progress{
    width:100%!important;display:grid!important;grid-template-columns:auto 1fr 1fr!important;
    gap:12px!important;align-items:end!important;padding:0 2px 2px!important;
  }
  .mgm-progress>span{font-size:.68rem!important;letter-spacing:.15em!important;opacity:.74!important;padding-bottom:6px!important}
  .mgm-progress b{justify-content:flex-start!important;gap:6px!important}
  .mgm-progress b i{font-size:1.72rem!important;line-height:1!important}
  .mgm-progress b small{font-size:.66rem!important;letter-spacing:.08em!important}
  .mgm-viewport{inset:calc(104px + env(safe-area-inset-top)) 0 calc(62px + env(safe-area-inset-bottom))!important}

  /* NorseStory launcher button */
  .mgm-launcher .mg-origin-welcome-button{
    appearance:none!important;-webkit-appearance:none!important;
    position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:54px!important;padding:0 54px 0 24px!important;
    background:linear-gradient(180deg,#4a2312 0%,#2a140c 100%)!important;
    color:#f1d7a6!important;border:1px solid #a46d36!important;border-radius:0!important;
    box-shadow:inset 0 0 0 2px rgba(20,9,5,.72),0 10px 24px rgba(0,0,0,.3)!important;
    font:700 .72rem/1 var(--sans,Arial,sans-serif)!important;letter-spacing:.13em!important;text-transform:uppercase!important;
  }
  .mgm-launcher .mg-origin-welcome-button b{position:absolute!important;right:20px!important;top:50%!important;transform:translateY(-50%)!important;font-size:1.1rem!important;color:#d9a35d!important}
  .mgm-launcher .mg-origin-welcome-button:active{filter:brightness(1.18)!important}

  /* Manual knowledge CTA - appears only after the graph animation is finished */
  .mgm-info-cta{
    position:absolute!important;z-index:36!important;left:14px!important;right:14px!important;
    bottom:calc(68px + env(safe-area-inset-bottom))!important;min-height:48px!important;
    display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:7px!important;
    padding:0 14px!important;border:1px solid #9a6532!important;background:linear-gradient(180deg,rgba(68,31,15,.98),rgba(34,16,9,.98))!important;
    color:#e6c58f!important;box-shadow:0 12px 32px rgba(0,0,0,.4),inset 0 0 0 1px rgba(244,203,139,.06)!important;
    opacity:0!important;transform:translateY(12px)!important;transition:opacity .18s ease,transform .18s ease!important;
  }
  .mgm-info-cta[hidden]{display:none!important}.mgm-info-cta.is-visible{opacity:1!important;transform:translateY(0)!important}
  .mgm-info-cta span,.mgm-info-cta em{font:600 .62rem/1 var(--sans,Arial,sans-serif)!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-style:normal!important;opacity:.82!important}
  .mgm-info-cta b{font-family:var(--serif)!important;font-size:1.12rem!important;font-weight:500!important;color:#f3ddba!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Discovery event sits above all map controls. */
  .mgm-notice{
    position:absolute!important;z-index:68!important;left:16px!important;right:16px!important;
    top:calc(112px + env(safe-area-inset-top))!important;padding:11px 14px!important;
    border:1px solid #9b6430!important;background:linear-gradient(180deg,rgba(52,24,12,.98),rgba(28,13,8,.98))!important;
    color:#ecd2a4!important;box-shadow:0 14px 32px rgba(0,0,0,.45)!important;
    opacity:0!important;transform:translateY(-10px)!important;transition:opacity .24s ease,transform .24s ease!important;pointer-events:none!important;
  }
  .mgm-notice[hidden]{display:none!important}.mgm-notice.is-visible{opacity:1!important;transform:translateY(0)!important}
  .mgm-notice small{display:block!important;color:#c78149!important;font-size:.56rem!important;letter-spacing:.16em!important;text-transform:uppercase!important}
  .mgm-notice strong{display:block!important;margin-top:2px!important;font-family:var(--serif)!important;font-size:1.25rem!important;font-weight:500!important}
  .mgm-notice span{display:block!important;margin-top:3px!important;font-size:.72rem!important;color:#bfa98b!important}

  /* Full-screen NorseStory knowledge page */
  .mgm-sheet[data-mgm-sheet]{
    position:absolute!important;z-index:90!important;inset:0!important;background:#130b07!important;
    opacity:0!important;transition:opacity .22s ease!important;overflow:hidden!important;
  }
  .mgm-sheet[data-mgm-sheet].is-open{opacity:1!important}
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-card{
    position:absolute!important;inset:0!important;max-height:none!important;height:100%!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;transform:translateY(18px)!important;
    border:0!important;border-radius:0!important;
    background:
      linear-gradient(180deg,#21100a 0,#2f170d 92px,#efd59c 93px,#efd59c 100%)!important;
    color:#2b170e!important;box-shadow:none!important;
    padding:calc(112px + env(safe-area-inset-top)) 22px calc(34px + env(safe-area-inset-bottom))!important;
    transition:transform .24s ease!important;
  }
  .mgm-sheet[data-mgm-sheet].is-open .mgm-sheet-card{transform:translateY(0)!important}
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-grip{display:none!important}
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-close{
    position:fixed!important;z-index:3!important;right:18px!important;top:calc(20px + env(safe-area-inset-top))!important;
    width:44px!important;height:44px!important;border-radius:0!important;border:1px solid #9b6633!important;
    background:linear-gradient(180deg,#3d1d10,#241109)!important;color:#f0d39c!important;font-size:1.45rem!important;
    box-shadow:inset 0 0 0 1px rgba(11,5,3,.75)!important;
  }
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-kicker{
    margin:0 0 8px!important;color:#ad4a32!important;font-size:.66rem!important;font-weight:800!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  }
  .mgm-sheet[data-mgm-sheet] h3{
    margin:0 0 18px!important;font-family:var(--serif)!important;font-size:3rem!important;line-height:.96!important;font-weight:500!important;color:#25130b!important;
  }
  .mgm-sheet[data-mgm-sheet] h3:after{content:"";display:block;width:58px;height:1px;background:#b0783e;margin-top:18px}
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-meta{
    display:grid!important;grid-template-columns:1fr!important;gap:0!important;border:0!important;padding:0!important;margin-bottom:24px!important;
  }
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-meta p{padding:13px 0!important;border-bottom:1px solid rgba(91,51,27,.17)!important}
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-meta span{font-size:.62rem!important;letter-spacing:.18em!important;font-weight:800!important;color:#ad5a3f!important}
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-meta b{margin-top:5px!important;font-size:1.18rem!important;line-height:1.45!important;font-weight:500!important}
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-relations{margin:0!important;padding:22px 0 0!important;border-top:1px solid rgba(91,51,27,.25)!important}
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-relations h4{margin:0 0 10px!important;font-size:.66rem!important;letter-spacing:.18em!important;color:#9d4d35!important}
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-relations>div{max-height:none!important;overflow:visible!important}
  .mgm-sheet[data-mgm-sheet] .mgm-relrow{
    min-height:74px!important;padding:14px 0!important;grid-template-columns:28px 1fr 22px!important;gap:12px!important;
    border-bottom:1px solid rgba(91,51,27,.16)!important;background:transparent!important;border-radius:0!important;
  }
  .mgm-sheet[data-mgm-sheet] .mgm-relrow b{font-size:1.28rem!important;color:#2a160e!important}
  .mgm-sheet[data-mgm-sheet] .mgm-relrow small{font-size:.82rem!important;line-height:1.45!important;color:#75513c!important}

  /* Legend remains a compact sheet, not the full-screen info page. */
  .mgm-legend-sheet{z-index:72!important;background:rgba(0,0,0,.34)!important}
  .mgm-legend-sheet .mgm-sheet-card{max-height:64dvh!important}
}

/* ==========================================================
   MOBILE v44 — reliable taps, collision breathing room,
   fixed NorseStory knowledge header
   ========================================================== */
@media (max-width:900px){
  /* Lines are visual only; plates always sit above and receive taps. */
  .mgm-lines{z-index:1!important;pointer-events:none!important}
  .mgm-nodes{z-index:3!important;pointer-events:none!important}
  .mgm-node{z-index:1!important;pointer-events:auto!important;touch-action:manipulation!important}
  .mgm-node.is-visible{pointer-events:auto!important}

  /* Full-screen knowledge page: one fixed header, one scroll surface. */
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-card{
    padding:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:#efd59c!important;
  }
  .mgm-sheet[data-mgm-sheet] .mgm-info-headbar{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    min-height:calc(76px + env(safe-area-inset-top))!important;
    padding:calc(18px + env(safe-area-inset-top)) 78px 16px 22px!important;
    display:flex!important;
    align-items:flex-end!important;
    border-bottom:1px solid #8a542d!important;
    background:linear-gradient(180deg,#3b1b0f 0%,#281109 100%)!important;
    color:#e8c994!important;
    box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
  }
  .mgm-sheet[data-mgm-sheet] .mgm-info-headbar>span{
    font-size:.62rem!important;
    font-weight:800!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-close{
    position:absolute!important;
    right:16px!important;
    top:calc(14px + env(safe-area-inset-top))!important;
    width:46px!important;height:46px!important;
    z-index:22!important;
  }
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-content{
    padding:28px 22px calc(42px + env(safe-area-inset-bottom))!important;
    min-height:100%!important;
  }
  .mgm-sheet[data-mgm-sheet] .mgm-sheet-kicker{margin-top:0!important}

  /* Give every plate a slightly smaller physical footprint so the
     larger placement margins translate into visible breathing room. */
  .mgm-node{width:500px!important;height:154px!important;font-size:60px!important}
}

/* ==========================================================
   MOBILE v45 — reliable node taps, no stacked plates,
   compact Steuerung sheet
   ========================================================== */
@media (max-width:900px){
  /* Plates stay visually and interactively above every line. */
  .mgm-node{
    z-index:5!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .mgm-node span{pointer-events:none!important}

  /* Short control help uses the same NorseStory sheet language as the legend. */
  .mgm-controls-sheet{z-index:74!important;background:rgba(0,0,0,.38)!important}
  .mgm-controls-sheet .mgm-sheet-card{
    max-height:62dvh!important;
    background:linear-gradient(180deg,#2a150d,#190d08)!important;
    color:#ead7b5!important;
    border-top:1px solid #8d5b30!important;
  }
  .mgm-controls-sheet .mgm-sheet-close{
    background:#31170e!important;color:#e9ca93!important;border-color:#6d3d22!important;
  }
  .mgm-controls-sheet .mgm-sheet-kicker{color:#ce824b!important}
  .mgm-controls-sheet h3{
    margin:0 42px 14px 0!important;
    font-family:var(--serif)!important;
    font-size:1.75rem!important;
    font-weight:500!important;
    color:#f0d9b3!important;
  }
  .mgm-controls-list{display:grid!important;gap:0!important;border-top:1px solid rgba(231,197,146,.12)!important}
  .mgm-controls-list span{
    display:grid!important;grid-template-columns:110px 1fr!important;gap:14px!important;
    padding:13px 0!important;border-bottom:1px solid rgba(231,197,146,.12)!important;
  }
  .mgm-controls-list b{
    font-size:.72rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;
    color:#e8c996!important;
  }
  .mgm-controls-list small{font-size:.78rem!important;line-height:1.45!important;color:#b79b7a!important}
}

/* =========================================================
   MOBILE V46 - selected figure lives in the toolbar
   ========================================================= */
@media (max-width:900px){
  /* The old floating "Mehr ueber" CTA is intentionally gone. */
  .mgm-info-cta{display:none!important}

  .mgm-toolbar .mgm-selection-action{
    background:transparent!important;
    color:#e1c493!important;
    transition:background .18s ease,color .18s ease,box-shadow .18s ease!important;
  }
  .mgm-toolbar .mgm-selection-action:disabled{opacity:.56!important}
  .mgm-toolbar .mgm-selection-action.is-active{
    background:linear-gradient(180deg,#f0cf82 0%,#d5a64f 100%)!important;
    color:#1d1008!important;
    box-shadow:inset 0 1px rgba(255,255,255,.35),inset 0 0 0 1px rgba(84,49,16,.28)!important;
  }
  .mgm-toolbar .mgm-selection-action.is-active span{
    color:#1d1008!important;
    font:700 1.25rem/1 var(--serif)!important;
  }
  .mgm-toolbar .mgm-selection-action.is-active small{
    color:#1d1008!important;
    font-family:var(--serif)!important;
    font-size:.88rem!important;
    font-weight:600!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
    max-width:22vw!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
}

/* =========================================================
   v51 · Anzeigefilter – reine Darstellung, keinerlei Graph-State
   ========================================================= */
@media (min-width:901px){
  .mg-legend-title{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:0 0 16px}
  .mg-rpg-legend .mg-legend-title h3{margin:0!important}
  .mg-legend-title>span{font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#a98961}
  .mg-rpg-legend .mg-board-legend>button{appearance:none;width:100%;border:0;background:transparent;color:inherit;padding:0;display:grid;grid-template-columns:58px 1fr 34px;column-gap:15px;align-items:center;text-align:left;cursor:pointer}
  .mg-rpg-legend .mg-board-legend>button>i{grid-column:1;width:50px!important;height:4px!important}
  .mg-rpg-legend .mg-board-legend>button>span{grid-column:2;display:grid}
  .mg-rpg-legend .mg-board-legend>button b{font-size:.86rem!important;color:#efd0a0!important}
  .mg-rpg-legend .mg-board-legend>button small{font-size:.68rem!important;line-height:1.25!important;color:#a08768!important}
  .mg-rpg-legend .mg-board-legend>button em{grid-column:3;width:30px;height:15px;border:1px solid rgba(216,171,103,.48);border-radius:10px;position:relative;background:#2a160d;box-shadow:inset 0 0 8px rgba(0,0,0,.4)}
  .mg-rpg-legend .mg-board-legend>button em:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;right:2px;top:2px;background:#d8aa63;box-shadow:0 0 7px rgba(216,170,99,.5);transition:.18s ease}
  .mg-rpg-legend .mg-board-legend>button[aria-pressed="false"]{opacity:.48}
  .mg-rpg-legend .mg-board-legend>button[aria-pressed="false"] em:after{right:17px;background:#72563d;box-shadow:none}

  .mg-hide-descent .mg-master-line.is-descent,
  .mg-hide-partner .mg-master-line.is-partner,
  .mg-hide-family .mg-master-line.is-family,
  .mg-hide-bond .mg-master-line.is-bond,
  .mg-hide-conflict .mg-master-line.is-conflict,
  .mg-hide-knowledge .mg-master-line.is-knowledge,
  .mg-hide-origin .mg-master-line.is-origin,
  .mg-hide-uncertain .mg-master-line.is-uncertain{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
@media (max-width:900px){
  .mgm-filter-actions{display:flex;gap:8px;margin:0 0 12px}
  .mgm-filter-actions button{border:1px solid rgba(216,171,103,.28);background:#2b160e;color:#d9bd91;padding:8px 11px;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}
  .mgm-legend-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 16px!important}
  .mgm-legend-list>button{appearance:none;border:0;border-bottom:1px solid rgba(231,197,146,.12);background:transparent;color:#ead8b8;display:grid;grid-template-columns:26px 1fr 20px;gap:8px;align-items:center;padding:10px 0;text-align:left}
  .mgm-legend-list>button>i{grid-column:1;width:22px;height:3px;border-radius:3px;background:#69b58f}
  .mgm-legend-list>button>span{grid-column:2;display:grid}
  .mgm-legend-list>button b{font-family:var(--serif);font-weight:500;font-size:1rem}
  .mgm-legend-list>button small{font-size:.68rem;color:#aa8f72;line-height:1.3}
  .mgm-legend-list>button em{grid-column:3;font-style:normal;color:#e3bd76;font-size:.9rem;text-align:right}
  .mgm-legend-list>button[aria-pressed="false"]{opacity:.42}
  .mgm-legend-list>button[aria-pressed="false"] em{visibility:hidden}
  .mgm-legend-list i.is-descent{background:#d9a13a}.mgm-legend-list i.is-partner{background:#4da3e6}.mgm-legend-list i.is-family{background:#8a6bd8}.mgm-legend-list i.is-conflict{background:#d84b43}.mgm-legend-list i.is-knowledge{background:#4cc2c8}.mgm-legend-list i.is-origin{background:#ece1c7}.mgm-legend-list i.is-uncertain{background:repeating-linear-gradient(90deg,#d3bf96 0 7px,transparent 7px 12px)}

  .mgm-app.mgm-hide-descent .mgm-line.is-descent,
  .mgm-app.mgm-hide-partner .mgm-line.is-partner,
  .mgm-app.mgm-hide-family .mgm-line.is-family,
  .mgm-app.mgm-hide-bond .mgm-line.is-bond,
  .mgm-app.mgm-hide-conflict .mgm-line.is-conflict,
  .mgm-app.mgm-hide-knowledge .mgm-line.is-knowledge,
  .mgm-app.mgm-hide-origin .mgm-line.is-origin,
  .mgm-app.mgm-hide-uncertain .mgm-line.is-uncertain{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}

/* =========================================================
   v51.1 · Mobile Anzeige-Panel – NorseStory Feinschliff
   reine Optik, keine Filter-/Graphlogik
   ========================================================= */
@media (max-width:900px){
  .mgm-legend-sheet{
    background:rgba(4,2,1,.56)!important;
    backdrop-filter:blur(3px)!important;
  }
  .mgm-legend-sheet .mgm-sheet-card{
    max-height:min(72dvh,690px)!important;
    padding:18px 18px max(20px,env(safe-area-inset-bottom))!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    border-top:1px solid #a66b31!important;
    border-radius:26px 26px 0 0!important;
    background:
      linear-gradient(180deg,rgba(112,52,23,.13),transparent 18%),
      repeating-linear-gradient(0deg,rgba(236,185,112,.018) 0 1px,transparent 1px 7px),
      linear-gradient(180deg,#25120b 0%,#1b0d08 100%)!important;
    box-shadow:0 -26px 80px rgba(0,0,0,.72),inset 0 1px rgba(232,178,94,.15)!important;
  }
  .mgm-legend-sheet .mgm-sheet-grip{
    display:block!important;
    width:56px!important;
    height:4px!important;
    margin:0 auto 19px!important;
    background:linear-gradient(90deg,transparent,#8f5a2b,transparent)!important;
    border-radius:10px!important;
    opacity:.72!important;
  }
  .mgm-legend-sheet .mgm-sheet-close{
    top:15px!important;
    right:16px!important;
    width:44px!important;
    height:44px!important;
    border:1px solid rgba(210,151,79,.56)!important;
    border-radius:50%!important;
    background:linear-gradient(180deg,#3d1d10,#261109)!important;
    color:#f0cf93!important;
    box-shadow:inset 0 0 0 2px rgba(19,8,4,.55),0 8px 22px rgba(0,0,0,.28)!important;
  }
  .mgm-legend-sheet .mgm-sheet-kicker{
    margin:0 62px 7px 0!important;
    color:#d18349!important;
    font-size:.68rem!important;
    font-weight:800!important;
    letter-spacing:.22em!important;
  }
  .mgm-legend-sheet h3{
    margin:0 66px 16px 0!important;
    max-width:520px!important;
    color:#f1ddba!important;
    font-family:var(--serif)!important;
    font-size:clamp(1.72rem,7.1vw,2.25rem)!important;
    font-weight:500!important;
    line-height:1.05!important;
    letter-spacing:-.015em!important;
  }
  .mgm-legend-sheet h3:after{
    content:"";
    display:block;
    width:78px;
    height:1px;
    margin-top:16px;
    background:linear-gradient(90deg,#b7783c,transparent);
  }
  .mgm-filter-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin:0 0 18px!important;
  }
  .mgm-filter-actions button{
    min-height:42px!important;
    padding:10px 12px!important;
    border:1px solid rgba(211,157,88,.34)!important;
    background:linear-gradient(180deg,rgba(71,34,18,.82),rgba(40,18,10,.9))!important;
    color:#d8b889!important;
    font-size:.59rem!important;
    font-weight:800!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    box-shadow:inset 0 1px rgba(255,224,177,.04)!important;
  }
  .mgm-filter-actions button:active{
    transform:translateY(1px)!important;
    background:#1b0c07!important;
  }
  .mgm-legend-list{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .mgm-legend-list>button{
    min-width:0!important;
    min-height:78px!important;
    padding:12px 12px 12px 13px!important;
    border:1px solid rgba(224,183,119,.13)!important;
    border-radius:2px!important;
    background:linear-gradient(145deg,rgba(83,39,19,.28),rgba(20,9,5,.22))!important;
    color:#ead6b5!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 26px!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    row-gap:3px!important;
    align-items:center!important;
    text-align:left!important;
    box-shadow:inset 0 1px rgba(255,228,185,.025)!important;
    transition:opacity .18s ease,border-color .18s ease,background .18s ease!important;
  }
  .mgm-legend-list>button>i{
    grid-column:1!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    width:28px!important;
    height:4px!important;
    border-radius:4px!important;
    box-shadow:0 0 8px currentColor!important;
  }
  .mgm-legend-list>button>span{
    grid-column:2!important;
    grid-row:1 / 3!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
  }
  .mgm-legend-list>button b{
    display:block!important;
    margin:0!important;
    color:#f0ddbd!important;
    font-family:var(--serif)!important;
    font-size:1.02rem!important;
    font-weight:500!important;
    line-height:1.05!important;
    white-space:normal!important;
  }
  .mgm-legend-list>button small{
    display:block!important;
    margin:0!important;
    color:#9d8265!important;
    font-size:.61rem!important;
    line-height:1.3!important;
    white-space:normal!important;
  }
  .mgm-legend-list>button em{
    grid-column:3!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    justify-self:end!important;
    width:22px!important;
    height:22px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(222,177,107,.46)!important;
    border-radius:50%!important;
    background:rgba(129,77,31,.18)!important;
    color:#ecc77e!important;
    font-family:Georgia,serif!important;
    font-size:.82rem!important;
    font-style:normal!important;
    line-height:1!important;
  }
  .mgm-legend-list>button[aria-pressed="false"]{
    opacity:.40!important;
    border-color:rgba(224,183,119,.07)!important;
    background:rgba(16,7,4,.24)!important;
  }
  .mgm-legend-list>button[aria-pressed="false"] em{
    visibility:visible!important;
    color:transparent!important;
    background:transparent!important;
    border-color:rgba(198,156,95,.22)!important;
  }

  @media (max-width:390px){
    .mgm-legend-list{grid-template-columns:1fr!important}
    .mgm-legend-list>button{min-height:68px!important}
  }
}