/* THE GREAT GAME · Kartensteuerung (Knöpfe + Hinweise). Gleiche Optik und Position auf allen Karten. */
.tgg-mapctl{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:6}
.tgg-mapctl button{width:42px;height:42px;padding:0;font:800 1.3rem/1 var(--tgg-ui-font,"Helvetica Neue",Helvetica,Arial,sans-serif);color:#fff;background:rgba(8,8,8,.86);border:1px solid rgba(255,255,255,.25);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.tgg-mapctl button:hover{border-color:var(--tgg-acc,#F7931A);color:var(--tgg-acc2,#ffb347)}
.tgg-mapctl button:focus-visible{outline:2px solid var(--tgg-acc,#F7931A);outline-offset:1px}
.tgg-mapctl .tgg-mc-gap{height:4px}
.tgg-mapctl [data-mc=reset]{font-size:1.15rem}
.tgg-map-surface{touch-action:none;cursor:grab;outline:none}
.tgg-map-surface.tgg-drag{cursor:grabbing}.tgg-map-surface.tgg-ring{cursor:alias}
.tgg-twohint{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:center;pointer-events:none;background:rgba(0,0,0,.55);color:#fff;font:800 1.1rem var(--tgg-ui-font,"Helvetica Neue",Helvetica,Arial,sans-serif);text-align:center;padding:20px;opacity:0;transition:opacity .25s}
.tgg-twohint.on{opacity:1}
.tgg-mchint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:7;pointer-events:none;background:rgba(8,8,8,.92);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:8px 12px;font:600 .84rem var(--tgg-ui-font,"Helvetica Neue",Helvetica,Arial,sans-serif);max-width:calc(100% - 40px);text-align:center;opacity:0;transition:opacity .2s}
.tgg-mchint.on{opacity:1}
@media (max-width:760px){.tgg-mchint{bottom:70px}}
@media (min-width:761px){body.tgg-sheet .tgg-mapctl{right:calc(min(var(--tgg-detail-w,450px),100%) + 12px)}}
@media (max-width:760px){.tgg-mapctl{right:8px;top:auto;bottom:62px;transform:none}.tgg-mapctl button{width:44px;height:44px}body.tgg-sheet .tgg-mapctl{display:none}}