/* V4.226 – Referenz-Look. NUR Darstellung; Kampf/Progress/Rewards bleiben bestehen. */
@media(max-width:760px){
  #dungeonMapCard.v261-detail-card{margin-left:-8px!important;margin-right:-8px!important}
  .v261-shell{padding:9px!important}

  /* Header wie Referenz: kleiner Zurück-Kasten, breite Holztafel, klarer Ticket-Kasten. */
  .v261-top{
    grid-template-columns:minmax(0,23%) minmax(0,54%) minmax(0,23%)!important;
    gap:5px!important;
    align-items:stretch!important;
  }
  .v261-back,.v261-ticket{
    min-height:68px!important;
    padding:8px 7px!important;
    border-radius:12px!important;
  }
  .v261-back{font-size:6.8px!important;line-height:1.08!important;gap:5px!important;justify-content:center!important;text-align:center!important}
  .v261-back i{font-size:18px!important}
  .v261-ticket b{font-size:6.1px!important;line-height:1.05!important;white-space:normal!important}
  .v261-ticket #dungeonTicketText{margin-top:7px!important;font-size:7.2px!important;line-height:1.08!important;text-align:center!important}
  .v261-sign{min-width:0!important;padding:7px 8px 8px!important;border-radius:13px!important}
  .v261-sign:before,.v261-sign:after{font-size:13px!important;top:5px!important}
  .v261-sign:before{left:5px!important} .v261-sign:after{right:5px!important}
  .v261-kicker{font-size:6.4px!important;letter-spacing:.10em!important}
  .v261-title{
    margin-top:3px!important;
    font-size:18px!important;
    line-height:.92!important;
    letter-spacing:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .v261-sub{margin-top:6px!important;font-size:5.6px!important;line-height:1.16!important}

  /* Karte ungefähr im Seitenverhältnis der Vorlage. */
  .v261-stage{margin-top:8px!important;aspect-ratio:1.05 / 1!important;border-radius:16px!important}
  .v261-node{width:86px!important}
  .v261-ring{width:61px!important;height:61px!important;font-size:24px!important;border-width:3px!important}
  .v261-num{width:33px!important;height:33px!important;top:-9px!important;font-size:16px!important}
  .v261-check,.v261-lock{width:23px!important;height:23px!important;font-size:12px!important}
  .v261-panel{width:84px!important;min-height:46px!important;margin-top:6px!important;padding:6px 4px 5px!important;border-radius:10px!important}
  .v261-name{font-size:5.7px!important;line-height:1.05!important}
  .v261-lv{font-size:5.5px!important;margin-top:3px!important}
  .v261-node.boss{width:132px!important}
  .v261-node.boss .v261-ring{width:80px!important;height:80px!important}
  .v261-node.boss .v261-num{width:36px!important;height:36px!important;font-size:20px!important}
  .v261-node.boss .v261-panel{width:116px!important;min-height:52px!important}
  .v261-node.boss .v261-name{font-size:7px!important}

  /* Unterer Bereich kompakt wie im Mockup. */
  .v261-bottom{grid-template-columns:1fr!important;margin-top:8px!important;padding:10px!important;gap:7px!important}
  .v261-head{gap:8px!important}
  .v261-thumb{width:48px!important;height:48px!important;font-size:29px!important}
  .v261-line1{font-size:8.1px!important}
  .v261-line2{font-size:6px!important}
  .v261-label{margin-top:7px!important;font-size:5.8px!important}
  .v261-rewards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .v261-r{padding:8px 4px!important;font-size:6.5px!important;border-radius:9px!important}
  .v261-r .big{margin-top:3px!important;font-size:10px!important}
  .v261-stats{gap:6px!important}
  .v261-stat{padding:8px!important;border-radius:9px!important}
  .v261-stat span{font-size:5.6px!important}
  .v261-stat b{margin-top:4px!important;font-size:13px!important}
  .v261-enter{min-height:50px!important;margin-top:6px!important;font-size:10px!important}
}

/* Dungeon 1: exakt die freigegebene Keller-Szene als Kartenbasis; dynamische Knoten liegen darüber. */
#dungeonMapCard.v426-ref-d1 .v261-bg{
  inset:0!important;
  filter:none!important;
  transform:none!important;
  background-size:cover!important;
  background-position:center!important;
}
#dungeonMapCard.v426-ref-d1 .v261-fx{
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 60%,rgba(0,0,0,.10) 100%)!important;
}
#dungeonMapCard.v426-ref-d1 .v261-road{display:none!important}
#dungeonMapCard.v426-ref-d1 .v261-signboard{display:none!important}

/* D1 Knoten exakt auf die Kreise der Referenz setzen. */
#dungeonMapCard.v426-ref-d1 .v261-node[data-v261-room="0"]{--x:13.6!important;--y:10.1!important}
#dungeonMapCard.v426-ref-d1 .v261-node[data-v261-room="1"]{--x:38.8!important;--y:16.2!important}
#dungeonMapCard.v426-ref-d1 .v261-node[data-v261-room="2"]{--x:62.7!important;--y:19.4!important}
#dungeonMapCard.v426-ref-d1 .v261-node[data-v261-room="3"]{--x:87.1!important;--y:21.5!important}
#dungeonMapCard.v426-ref-d1 .v261-node[data-v261-room="4"]{--x:13.1!important;--y:38.1!important}
#dungeonMapCard.v426-ref-d1 .v261-node[data-v261-room="5"]{--x:31.7!important;--y:44.2!important}
#dungeonMapCard.v426-ref-d1 .v261-node[data-v261-room="6"]{--x:49.4!important;--y:51.3!important}
#dungeonMapCard.v426-ref-d1 .v261-node[data-v261-room="7"]{--x:69.9!important;--y:47.2!important}
#dungeonMapCard.v426-ref-d1 .v261-node[data-v261-room="8"]{--x:90.6!important;--y:40.8!important}
#dungeonMapCard.v426-ref-d1 .v261-node[data-v261-room="9"]{--x:88.7!important;--y:69.9!important}

/* Dynamische Elemente decken die eingebrannten Kreise ab, damit Status weiter korrekt mitwandert. */
#dungeonMapCard.v426-ref-d1 .v261-ring{background:radial-gradient(circle at 50% 44%,rgba(10,14,10,.98),rgba(3,5,3,.995) 74%)!important}
#dungeonMapCard.v426-ref-d1 .v261-panel{background:linear-gradient(180deg,rgba(5,9,5,.995),rgba(2,4,2,.998))!important}
#dungeonMapCard.v426-ref-d1 .v261-node.done .v261-ring{border-color:#56db46!important}
#dungeonMapCard.v426-ref-d1 .v261-node.current .v261-ring{border-color:#73ff55!important;box-shadow:0 0 0 3px #0b100d,0 0 30px rgba(108,243,76,.48),0 10px 16px #0009,inset 0 0 20px #0009!important}
#dungeonMapCard.v426-ref-d1 .v261-node.locked .v261-ring{border-color:#686d68!important}
#dungeonMapCard.v426-ref-d1 .v261-node.boss .v261-ring{border-color:#e64b3b!important}

@media(max-width:420px){
  .v261-top{grid-template-columns:minmax(0,22%) minmax(0,56%) minmax(0,22%)!important}
  .v261-title{font-size:16.5px!important}
  .v261-kicker{font-size:5.8px!important}
  .v261-sub{font-size:5.15px!important}
  .v261-back{font-size:6.2px!important}
  .v261-ticket b{font-size:5.6px!important}
  .v261-ticket #dungeonTicketText{font-size:6.4px!important}
  .v261-node{width:80px!important}
  .v261-ring{width:57px!important;height:57px!important;font-size:22px!important}
  .v261-panel{width:78px!important}
  .v261-name{font-size:5.3px!important}
  .v261-node.boss{width:122px!important}
  .v261-node.boss .v261-ring{width:74px!important;height:74px!important}
  .v261-node.boss .v261-panel{width:108px!important}
}