/* Freier, großer Beitrittsplatz mit und ohne Classroom/Rennen.
   Themen und Aktionen sind reine Schrift; keine Karten oder Flächen. */
#tl-live .qr-welten{--qr-welt-groesse:min(68dvh,calc(100vw - 32px),720px,calc(100dvh - 180px));--qr-welt-tinte:rgb(66 108 78);--qr-welt-papier:rgb(240 243 223);top:calc(50% + 24px);gap:6px;background:transparent;border:0;box-shadow:none;overflow:visible}
#tl-live .qr-welten[data-qr-theme=books]{--qr-welt-tinte:rgb(131 88 62);--qr-welt-papier:rgb(255 241 215)}
#tl-live .qr-welten[data-qr-theme=space]{--qr-welt-tinte:rgb(75 74 131);--qr-welt-papier:rgb(232 232 250)}
#tl-live .qr-welten[data-qr-theme=geometry]{--qr-welt-tinte:rgb(160 78 100);--qr-welt-papier:rgb(250 233 227)}
#tl-live .qr-welten[data-qr-theme=plain]{--qr-welt-tinte:var(--ink);--qr-welt-papier:var(--on-brand)}
#tl-live .qr-welten .qr-welt-klasse{gap:3px;order:0}
#tl-live .qr-welten .tl-karte-klein{font-size:10px}
#tl-live .qr-welten .tl-karte-klasse{font-size:clamp(24px,2.2vw,32px)}
#tl-live .qr-welten .qr-welt-mitte{position:relative;width:var(--qr-welt-groesse);height:var(--qr-welt-groesse);order:1;overflow:visible}
#tl-live .qr-welten .qh-code,#tl-live .qr-welten .qh-frame{display:block;width:100%;height:100%;padding:0;order:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
#tl-live .qr-welt-flaeche{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;border-radius:0;touch-action:manipulation;overflow:visible}
#tl-live .qr-welt-flaeche:focus-visible,#tl-live .qr-welt-themen button:focus-visible,#tl-live .qr-welt-aktionen button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
#tl-live .qr-welten .qh-frame #qrcode{position:absolute;inset:6%;display:grid;place-items:center}
#tl-live .qr-welten .qh-frame #qrcode canvas,#tl-live .qr-welten .qh-frame #qrcode img{width:var(--qr-code-kante,100%)!important;height:var(--qr-code-kante,100%)!important;aspect-ratio:1;image-rendering:pixelated}
#tl-live .qr-welten .qh-frame #qr-welt-szene{position:absolute;inset:0;width:100%!important;height:100%!important;image-rendering:auto;aspect-ratio:1;background:transparent}
#tl-live .qr-welten [hidden]{display:none!important}
#tl-live .qr-welten[data-qr-ready=bereit] #qrcode{visibility:hidden}
#tl-live .qr-welt-themen{order:2;display:flex;align-items:center;justify-content:center;gap:clamp(2px,1vw,12px);max-width:100%;flex-wrap:wrap}
#tl-live .qr-welt-themen button{min-height:32px;padding:4px 6px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:11px;font-weight:500;text-align:center;cursor:pointer;text-decoration:none;opacity:.65}
#tl-live .qr-welt-themen button[aria-pressed=true]{opacity:1;font-weight:750}
#tl-live .qr-welt-themen button:hover{opacity:1}
#tl-live .qr-welt-aktionen{display:flex;align-items:center;justify-content:center;gap:16px;order:3}
#tl-live .qr-welten .tl-kopieren{position:static;display:inline-flex;align-items:center;justify-content:center;min-height:32px;margin:0;padding:3px 6px;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;font:inherit;font-size:11px;font-weight:550;text-decoration:none;cursor:pointer;white-space:nowrap;opacity:.8}
#tl-live .qr-welten .tl-kopieren:hover{opacity:1}
#tl-live .qr-welten .tl-kopieren:disabled{opacity:.45;cursor:wait}
#tl-live .qr-welten.locked .qr-welt-flaeche{pointer-events:none}
#tl-live .tl-live-ohne{display:none}
#tl-live.tl-ohne-rennen .qr-welten{gap:6px}
#tl-live.tl-ohne-rennen .tl-live-flaeche{padding:64px 16px 16px}
@media(max-width:400px){#tl-live .qr-welt-themen{gap:0}#tl-live .qr-welt-themen button{font-size:10px;padding:4px 5px}}
@media(max-height:480px){#tl-live .qr-welten .qr-welt-klasse{flex-direction:row;gap:7px}#tl-live .qr-welten .tl-karte-klasse{font-size:22px}#tl-live .qr-welten{gap:2px}#tl-live.tl-ohne-rennen .qr-welten{gap:2px}#tl-live .qr-welt-themen button,#tl-live .qr-welten .tl-kopieren{min-height:28px}}
@media(prefers-reduced-motion:reduce){#tl-live .qr-welten *{transition:none!important}}
#tl-live .qr-welten[data-qr-view=world]:not([data-qr-ready=bereit]) #qrcode{visibility:hidden}