/* ============================================================
   TESZEDD-HÉT (js/teszedd.js) – kampány-ablak a Szemétlelet beágyazott térképével, kampány-csipesz a bolygón,
   Magyarország lapján egy sáv. Csak tokenek (docs/arculat.md). Az ablak a játékmenü alatt marad (a Menü koppintható).
   ============================================================ */
#teszedd { position:fixed; inset:0; z-index:calc(var(--z-scene) + 3); display:grid; place-items:center; background:var(--scrim);
  padding:calc(var(--tap) + 24px + env(safe-area-inset-top, 0px)) 16px 16px; }
#teszedd.hidden { display:none; }
.tsBox { width:min(860px, 100%); max-height:calc(100dvh - var(--tap) - 40px - env(safe-area-inset-top, 0px)); overflow:auto; display:grid; gap:var(--sp-3); padding:var(--sp-4); }
.tsFej { display:flex; align-items:center; gap:var(--sp-2); flex-wrap:wrap; }
.tsFej h2 { margin:0; font:400 var(--fs-xl)/1.1 var(--display); display:flex; gap:8px; align-items:center; }
.tsFej [data-ts="zar"] { margin-left:auto; }
.tsLead { margin:0; font:600 var(--fs-m)/1.4 var(--body); }
.tsTerkep { border:var(--line-w) solid var(--line); border-radius:var(--r-l); overflow:hidden; background:var(--sage-bg); }
.tsTerkep iframe { display:block; width:100%; height:min(66dvh, 680px); border:0; }   /* a Szemétlelet javasolt magassága 680 px */
.tsOffline { margin:0; padding:var(--sp-4); display:grid; gap:var(--sp-2); justify-items:start; }
.tsKicsi { margin:0; font-size:var(--fs-s); color:var(--ink-soft); display:flex; gap:6px; align-items:flex-start; }
.tsGombok { display:flex; flex-wrap:wrap; gap:var(--sp-2); align-items:center; }
.tsQr { display:flex; gap:var(--sp-2); align-items:center; }
.tsCsip { justify-self:start; margin-top:4px; min-height:32px; }
.tsSav { display:flex; align-items:center; gap:var(--sp-2); width:100%; margin:var(--sp-2) 0; padding:var(--sp-2) var(--sp-3); text-align:left;
  border:var(--line-w) solid var(--line); border-radius:var(--r-m); background:var(--butter); color:var(--ink); font:inherit; cursor:pointer; min-height:var(--tap); }
#blLap .tsSav, .tsSav { height:auto; flex-shrink:0; line-height:1.3; }   /* a lap oszlopos flex: ne nyomódjon össze */
.tsSav span { display:grid; flex:1; gap:2px; } .tsSav small { color:var(--ink-soft); }
.tsSav:focus-visible { outline:3px solid var(--focus); outline-offset:2px; }
@media (max-width:600px){ .tsTerkep iframe { height:56dvh; } .tsFej h2 { font-size:var(--fs-l); } }
/* főmenü: kampány-csempe (Én és Bolygó nézet teteje) */
.tsMenu { display:grid; grid-template-columns:auto 1fr auto; gap:var(--sp-3); align-items:center; width:100%; padding:var(--sp-3); text-align:left;
  background:var(--butter); margin-bottom:var(--sp-3); }
.tsMenuIko .pic { width:36px; height:36px; }
.tsMenuTxt { display:grid; gap:2px; } .tsMenuTxt b { font:400 var(--fs-l)/1.15 var(--display); } .tsMenuTxt b small { font:700 var(--fs-xs)/1 var(--body); color:var(--ink-soft); margin-left:6px; }
@media (max-width:520px){ .tsMenu { grid-template-columns:auto 1fr; } .tsMenu .ds-btn-sm { grid-column:1 / -1; justify-self:start; } }