:root {
  --bg:#101a2a; --panel:rgba(14,24,42,.88); --panel2:rgba(24,38,62,.95); --panel-solid:#162440;
  --akz:#e8c05a; --akz-hell:#ffe08a; --akz2:#9a7414; --linie:rgba(232,192,90,.3);
  --text:#f0f2f6; --text-2:#d6dcea; --text-3:#aab6cc; --dim:#a4b2c8;
  --gold:#ffd86b; --rot:#ff8a72; --gruen:#a6e07a; --blau:#8ec4f4;
  --ov-a:#1e2e4c; --ov-b:#0c1426; --scrim:rgba(4,8,18,.72);
  --erde:#3a2a1c; --erde2:#22180e;
  --email-a:#21447e; --email-b:#132a52; --email-rand:#efe2c0; --email-text:#fbf5e6; --email-dim:#c9d4ea; --email-gold:#f2cf6a;
  --papier:#efe3c4; --tisch-bild:url(img/tisch.webp?v=1); --plan-bild:url(img/plan.webp?v=1);
  --kopf:'Georgia', 'Times New Roman', serif;
  --sans:'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
}
:root[data-theme="light"] {
  --bg:#e8ecdc; --panel:rgba(248,246,236,.93); --panel2:rgba(236,236,220,.97); --panel-solid:#f0eee0;
  --akz:#7a4a10; --akz-hell:#6a3c06; --akz2:#c08a3a; --linie:rgba(70,80,40,.3);
  --text:#1c2414; --text-2:#30402a; --text-3:#4a5a40; --dim:#4c5c44;
  --gold:#7a4e00; --rot:#b4232f; --gruen:#2f7a2a; --blau:#1a5fb4;
  --ov-a:#f6f4e8; --ov-b:#dee2cc; --scrim:rgba(30,40,20,.45);
  --erde:#7a5a3a; --erde2:#5a3e24;
  --email-a:#f4ead2; --email-b:#e2d2ac; --email-rand:#2a4a86; --email-text:#1c2440; --email-dim:#3c4a6a; --email-gold:#8a5a06;
  --papier:#f3e9cf; --tisch-bild:url(img/tisch-hell.webp?v=1);
}
:root[data-ansicht="abend"] { --papier:#e2d2ac; --tisch-bild:url(img/tisch-abend.webp?v=1); --email-a:#2a2240; --email-b:#141026; --email-gold:#ffcf6a; }
:where(html, html *) { scrollbar-width:thin; scrollbar-color:var(--akz, #f2c94c) var(--panel2, rgba(20,58,52,.95)); }
:where(html) ::-webkit-scrollbar { width:9px; height:9px; }
:where(html) ::-webkit-scrollbar-track { background:var(--panel2, rgba(20,58,52,.95)); border-radius:5px; }
:where(html) ::-webkit-scrollbar-thumb { background:var(--akz, #f2c94c); border-radius:5px; border:2px solid transparent; background-clip:padding-box; }
* { box-sizing:border-box; }
html, body { margin:0; height:100%; background:#0a0604; color:var(--text); font-family:var(--sans); overflow:hidden; user-select:none; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
#wrap { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at center, #1c2c4a 0%, #04070e 80%); }
:root[data-theme="light"] #wrap { background:radial-gradient(ellipse at center, #eef0dc 0%, #a4b08a 85%); }
#stage { position:relative; width:1280px; height:800px; flex:none; transform-origin:center center; overflow:hidden; background:var(--bg); -webkit-touch-callout:none; }
#kulisse { position:absolute; inset:0; background:linear-gradient(180deg, rgba(6,10,22,.12), rgba(6,10,22,.38)), url(img/leitstelle-q.webp?v=1) center/cover, linear-gradient(180deg, #7aa6c8 0%, #e9cf9b 45%, #6f5338 70%, #3a2614 100%); }
:root[data-ansicht="abend"] #kulisse { background:linear-gradient(180deg, rgba(6,10,22,.18), rgba(6,10,22,.42)), url(img/abend-q.webp?v=1) center/cover, linear-gradient(180deg, #1a2440 0%, #6a4a5a 40%, #3a2614 75%, #1a1008 100%); }
:root[data-theme="light"] #kulisse { background:linear-gradient(180deg, rgba(255,255,245,.04), rgba(255,255,245,.18)), url(img/sommer-q.webp?v=1) center/cover, linear-gradient(180deg, #a8d0ec 0%, #f4e2b8 45%, #c8a070 75%, #8a6440 100%); }
#stage.hoch #kulisse { background-image:linear-gradient(180deg, rgba(6,10,22,.12), rgba(6,10,22,.38)), url(img/leitstelle-h.webp?v=1), linear-gradient(180deg, #7aa6c8 0%, #e9cf9b 45%, #6f5338 70%, #3a2614 100%); }
:root[data-ansicht="abend"] #stage.hoch #kulisse { background-image:linear-gradient(180deg, rgba(6,10,22,.18), rgba(6,10,22,.42)), url(img/abend-h.webp?v=1), linear-gradient(180deg, #1a2440 0%, #6a4a5a 40%, #3a2614 75%, #1a1008 100%); }
:root[data-theme="light"] #stage.hoch #kulisse { background-image:linear-gradient(180deg, rgba(255,255,245,.04), rgba(255,255,245,.18)), url(img/sommer-h.webp?v=1), linear-gradient(180deg, #a8d0ec 0%, #f4e2b8 45%, #c8a070 75%, #8a6440 100%); }
#stage.lobbyhg #kulisse { filter:blur(3px) brightness(.6) saturate(.9); }
:root[data-theme="light"] #stage.lobbyhg #kulisse { filter:blur(3px) brightness(1.08) saturate(.75); }
[hidden] { display:none !important; }
button { font-family:var(--sans); cursor:pointer; }
input, select { font-family:var(--sans); font-size:16px; }
.sgzi { width:18px; height:18px; flex:none; display:inline-block; vertical-align:-3px; }

.kb { display:inline-flex; align-items:center; justify-content:center; gap:7px; background:linear-gradient(180deg, #2c4a7a, #142440); color:var(--text); border:1px solid var(--linie); border-radius:9px; padding:9px 16px; font-size:16px; font-weight:700; box-shadow:inset 0 1px 0 rgba(255,235,200,.12), 0 2px 8px rgba(0,0,0,.4); }
:root[data-theme="light"] .kb { background:linear-gradient(180deg, #f6f4e8, #dcdcc4); box-shadow:inset 0 1px 0 #fff8, 0 2px 6px rgba(30,60,30,.2); }
@media (hover: hover) { .kb:hover:not(:disabled) { border-color:var(--akz-hell); } }
.kb:disabled { opacity:.45; cursor:default; }
.kb-gold { background:linear-gradient(#ffe08a, #d9a81f) !important; color:#2b2405 !important; border-color:#fff0bd; box-shadow:0 2px 0 #6a5006, inset 0 1px 0 #fff6; }
.kb-gruen { background:linear-gradient(#b3e08c, #5f9f3a) !important; border-color:#def3c8; color:#142408 !important; }
.kb.an { outline:2px solid var(--akz-hell); }
.kb-ic { width:38px; height:34px; display:inline-flex; align-items:center; justify-content:center; background:rgba(0,0,0,.28); color:var(--text); border:1px solid var(--linie); border-radius:8px; padding:0; }
:root[data-theme="light"] .kb-ic { background:rgba(255,255,240,.6); }
.kb-ic .sgzi { width:20px; height:20px; }
.kb-ic.an { background:rgba(242,201,76,.3); border-color:var(--akz-hell); }
@media (hover: hover) { .kb-ic:hover { border-color:var(--akz-hell); } }
.kb-klein { padding:5px 12px; font-size:14px; }
.kb-gross { width:100%; padding:11px 18px; font-size:18px; }
.knopf { display:inline-flex; align-items:center; gap:6px; font-weight:800; letter-spacing:.3px; font-size:15px; color:#2b2405; cursor:pointer; padding:9px 15px; border-radius:8px;
  border:1px solid #fff0bd; background:linear-gradient(#ffe08a, #d9a81f); box-shadow:0 2px 0 #6a5006, inset 0 1px 0 #fff6; white-space:nowrap; }
.knopf.leise { color:var(--text); background:var(--panel2); border-color:var(--linie); box-shadow:none; }
.knopf.klein { padding:5px 10px; font-size:13.5px; }
.knopf .sgzi { width:16px; height:16px; }

#lobby, #tisch { position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; background:linear-gradient(180deg, rgba(6,10,22,.25), rgba(2,8,6,.5)); }
:root[data-theme="light"] #lobby, :root[data-theme="light"] #tisch { background:linear-gradient(180deg, rgba(246,244,230,.25), rgba(222,226,200,.45)); }
.lo-kopf { position:relative; display:flex; align-items:center; gap:18px; padding:12px 24px 10px; border-bottom:1px solid var(--linie); background:var(--panel); }
.lo-logo { font-family:var(--kopf); font-size:30px; font-weight:900; letter-spacing:5px; color:var(--akz-hell); text-shadow:0 2px 0 rgba(0,0,0,.6), 0 0 18px rgba(242,201,76,.22); }
:root[data-theme="light"] .lo-logo { text-shadow:none; }
.lo-raum { font-size:18px; color:var(--text-2); font-style:italic; }
.lo-ich { margin-left:auto; font-size:15px; color:var(--text-2); }
.lo-ich b { color:var(--akz-hell); }
.lo-kopf-r { display:flex; gap:8px; margin-left:14px; }
.lo-label { font-size:12.5px; letter-spacing:2.5px; text-transform:uppercase; color:var(--akz); margin-bottom:6px; font-weight:800; }
.lo-label small { text-transform:none; letter-spacing:0; color:var(--text-3); font-weight:500; font-size:12px; }
#chatwin, #tchatwin, #pchatwin { flex:1; overflow-y:auto; background:rgba(0,0,0,.25); border:1px solid rgba(242,201,76,.2); border-radius:8px; padding:9px 11px; font-size:15px; line-height:1.45; user-select:text; }
:root[data-theme="light"] #chatwin, :root[data-theme="light"] #tchatwin, :root[data-theme="light"] #pchatwin { background:rgba(255,255,240,.55); }
#chatin, #tchatin, #pchatin { margin-top:8px; padding:8px 12px; background:rgba(0,0,0,.3); color:var(--text); border:1px solid var(--linie); border-radius:8px; outline:none; font-size:16px; }
:root[data-theme="light"] #chatin, :root[data-theme="light"] #tchatin, :root[data-theme="light"] #pchatin { background:rgba(255,255,240,.75); }
#chatin:focus, #tchatin:focus, #pchatin:focus { border-color:var(--akz-hell); }
.nm { color:var(--akz-hell); font-weight:bold; }
.sys { color:var(--text-3); font-style:italic; }
.lo-chat { display:flex; flex-direction:column; min-height:0; }
.lo-spieler { display:flex; flex-direction:column; min-height:0; }
.lo-tabs { display:flex; gap:4px; margin-bottom:8px; }
.lo-tabs button { flex:1; background:rgba(0,0,0,.22); color:var(--text-2); border:1px solid var(--linie); border-radius:8px 8px 0 0; padding:8px; font-size:15px; font-weight:700; }
.lo-tabs button.an { background:rgba(242,201,76,.18); color:var(--akz-hell); border-color:var(--akz); }
.lo-tab { flex:1; display:flex; flex-direction:column; min-height:0; }
.lo-liste { flex:1; overflow-y:auto; display:flex; flex-direction:column; gap:6px; padding-right:4px; }
.lo-hinweis { color:var(--text-3); font-style:italic; font-size:14px; margin:8px 0; }
.it { display:flex; align-items:center; gap:8px; padding:6px 10px; background:rgba(0,0,0,.18); border-radius:6px; font-size:15px; }
.it .pk { width:9px; height:9px; border-radius:50%; background:var(--gruen); }
.it.spielt .pk { background:var(--gold); }
.it.me { color:var(--akz-hell); }
.tb { display:flex; align-items:center; gap:12px; padding:10px 12px; background:rgba(0,0,0,.18); border:1px solid var(--linie); border-radius:8px; cursor:pointer; }
@media (hover: hover) { .tb:hover { border-color:var(--akz-hell); background:rgba(242,201,76,.08); } }
.tb.voll { opacity:.55; cursor:default; }
.tb.laeuft { border-style:dashed; }
.tb-links { flex:1; min-width:0; }
.tb-kopf { display:flex; justify-content:space-between; font-weight:bold; font-size:16px; gap:8px; }
.tb-kopf .frei { color:var(--gruen); font-size:14px; white-space:nowrap; }
.tb-kopf .frei.aus { color:var(--text-3); }
.tb-sub { color:var(--text-2); font-size:13px; margin-top:3px; }
.tb-plaetze { display:flex; gap:2px; white-space:nowrap; }
.tb-plaetze .sgzi { width:16px; height:16px; }
.tb-plaetze .p-frei { opacity:.35; }
.tb-knopf { flex:none; padding:6px 14px; font-size:14px; }
.tb-route { display:inline-block; margin-left:6px; padding:0 7px; border-radius:7px; font-size:11.5px; font-weight:800; vertical-align:2px; color:var(--gold); background:rgba(255,216,107,.12); border:1px solid rgba(255,216,107,.6); }
:root[data-theme="light"] .tb-route { background:rgba(122,82,0,.08); border-color:rgba(122,82,0,.5); }
.lo-stat { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px; }
.st-k { flex:1 1 90px; background:rgba(0,0,0,.2); border:1px solid rgba(242,201,76,.22); border-radius:8px; padding:6px 8px; text-align:center; }
.st-k b { display:block; font-size:20px; color:var(--akz-hell); }
.st-k small { color:var(--text-3); font-size:12px; }
.ar { padding:8px 10px; background:rgba(0,0,0,.18); border-left:3px solid var(--text-3); border-radius:6px; font-size:14px; }
.ar.sieg { border-left-color:var(--gold); }
.ar.weg { border-left-color:var(--rot); opacity:.75; }
.ar-kopf { display:flex; justify-content:space-between; font-weight:bold; }
.ar-kopf .erg { color:var(--akz-hell); }
.ar-sub { color:var(--text-2); font-size:13px; margin-top:2px; }
.lo-fuss { display:flex; align-items:center; gap:10px; padding:12px 24px 16px; border-top:1px solid var(--linie); background:var(--panel); }
.lo-fuss-r { margin-left:auto; display:flex; gap:8px; }
.ti-mitte { flex:1; display:flex; gap:16px; padding:16px 24px; min-height:0; }
.ti-plaetze { flex:0 0 300px; display:flex; flex-direction:column; gap:7px; overflow:auto; }
.pl { display:flex; align-items:center; gap:10px; padding:8px 12px; background:var(--panel); border:1px solid var(--linie); border-radius:8px; }
.pl.me { border-color:var(--akz-hell); }
.pl.bereit { box-shadow:inset 3px 0 0 var(--gruen); }
.pl.leer { opacity:.75; }
.pl.ki { opacity:.85; border-style:dashed; }
.pl .nm2 { flex:1; display:flex; flex-direction:column; font-weight:bold; font-size:16px; }
.pl .nm2 small { font-weight:normal; color:var(--text-3); font-size:13px; }
.pl .st { font-size:13px; color:var(--text-2); }
.ti-opts { flex:1; display:flex; flex-direction:column; gap:8px; overflow:auto; padding:12px 16px; border-radius:12px; background:var(--panel); border:1px solid var(--linie); }
.ti-opt { display:flex; flex-direction:column; gap:4px; font-size:15px; }
.ti-opt small { color:var(--text-3); font-size:12px; margin-left:6px; }
.ti-wahl { display:flex; gap:6px; flex-wrap:wrap; }
.ti-wahl button { background:rgba(0,0,0,.22); color:var(--text); border:1px solid var(--linie); border-radius:6px; padding:5px 12px; font-size:15px; }
:root[data-theme="light"] .ti-wahl button, :root[data-theme="light"] .lw-wahl button { background:rgba(255,255,240,.65); }
.ti-wahl button.an { background:rgba(242,201,76,.22); border-color:var(--akz-hell); color:var(--akz-hell); font-weight:700; }
.ti-wahl.aus button { pointer-events:none; opacity:.7; }
.ti-info { color:var(--text-2); font-size:14px; margin:6px 0 0; }
.ti-chat { flex:0 0 280px; padding:10px 12px; border-radius:12px; background:var(--panel); border:1px solid var(--linie); }
.lo-streifen { display:flex; align-items:center; gap:14px; margin:10px 24px 0; padding:9px 16px; border-radius:12px; background:linear-gradient(90deg, rgba(154,214,111,.2), rgba(242,201,76,.1)); border:1px solid var(--gruen); }
.lo-streifen.warten { background:linear-gradient(90deg, rgba(242,201,76,.2), rgba(134,192,240,.12)); border-color:var(--akz-hell); }
.ls-ico .sgzi { width:24px; height:24px; }
.ls-text { display:flex; flex-direction:column; font-size:15px; } .ls-text small { color:var(--text-2); font-size:13px; }
#ls-knopf { margin-left:auto; }
.lo-haupt { position:relative; flex:1; display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:16px; padding:12px 24px 16px; min-height:0; }
.lo-start { display:flex; flex-direction:column; gap:8px; min-height:0; padding:12px 16px; border-radius:14px; border:2px solid var(--akz);
  background:linear-gradient(180deg, var(--panel2), var(--panel)); box-shadow:0 0 0 3px rgba(242,201,76,.1), 0 10px 30px rgba(0,0,0,.45); }
.lo-start .lo-label { margin:0; }
.lo-seg { display:flex; border:1px solid var(--akz); border-radius:10px; overflow:hidden; flex:none; }
.lo-seg button { flex:1; display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 6px; font-size:15px; font-weight:800; color:var(--text-2); background:rgba(0,0,0,.18); border:0; }
.lo-seg button + button { border-left:1px solid var(--linie); }
.lo-seg button.an { color:#2b2405; background:linear-gradient(#ffe08a, #d9a81f); }
.seg-ic .sgzi { width:19px; height:19px; vertical-align:-4px; }
.lo-optionen { flex:1; min-height:0; overflow:auto; display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); grid-auto-flow:row dense; align-content:start; column-gap:14px; row-gap:7px; }
.lo-optionen > .lw-paar { display:contents; }
.lo-optionen > :not(.lw-zeile, .lw-paar), .lo-optionen > .lw-zeile:is(.lw-breit, :has(.lw-name, .lw-ausgabe, .lw-wahl > :nth-child(6))), .lo-optionen > .lw-paar > .lw-zeile:is(.lw-breit, :has(.lw-wahl > :nth-child(6))) { grid-column:1 / -1; }
.lw-zeile { display:flex; flex-direction:column; gap:4px; }
.lw-titel { font-size:13px; color:var(--text-2); } .lw-titel b { color:var(--text); font-size:14px; }
.lw-wahl { display:flex; gap:5px; flex-wrap:wrap; }
.lw-wahl button { padding:5px 9px; border-radius:7px; font-size:14px; color:var(--text); background:rgba(0,0,0,.22); border:1px solid var(--linie); }
@media (hover: hover) { .lw-wahl button:hover { border-color:var(--akz-hell); } }
.lw-wahl button.an { background:rgba(242,201,76,.24); border-color:var(--akz-hell); color:var(--akz-hell); font-weight:800; }
.lw-ausgabe { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; }
.lw-ausgabe button { display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:7px 10px 8px; border-radius:9px; text-align:left; color:var(--text-2);
  background:linear-gradient(160deg, rgba(60,140,90,.3), rgba(6,10,22,.6)); border:1px solid var(--linie); font-size:11.5px; line-height:1.3; }
:root[data-theme="light"] .lw-ausgabe button { background:linear-gradient(160deg, rgba(120,189,78,.25), rgba(255,255,240,.6)); }
.lw-ausgabe button b { font-size:15px; color:var(--text); font-family:var(--kopf); }
.lw-ausgabe button.an { border-color:var(--akz-hell); box-shadow:0 0 0 2px rgba(242,201,76,.35); color:var(--text); }
.lw-name { display:flex; gap:6px; }
.lw-name input { flex:1; min-width:0; padding:6px 12px; background:rgba(0,0,0,.3); color:var(--text); border:1px solid var(--akz); border-radius:8px; outline:none; font-size:16px; }
:root[data-theme="light"] .lw-name input { background:rgba(255,255,240,.8); }
.lw-wuerfel { width:40px; flex:none; padding:0; }
.lw-info { display:inline-flex; width:18px; height:18px; margin-left:5px; border-radius:50%; align-items:center; justify-content:center; font:800 11px/1 var(--sans); color:#2b2405;
  background:var(--akz-hell); border:0; vertical-align:1px; cursor:pointer; padding:0; }
:root[data-theme="light"] .lw-info { color:#fff8e6; }
.lw-box { font-size:12.5px; color:var(--text-2); line-height:1.45; background:rgba(242,201,76,.08); border:1px solid rgba(242,201,76,.26); border-radius:8px; padding:7px 10px; }
.nw { white-space:nowrap; }
.lo-los { flex:none; display:flex; flex-direction:column; gap:5px; }
.lw-anleitung { padding:8px 10px; border-radius:10px; background:linear-gradient(180deg, rgba(60,140,90,.2), rgba(6,10,22,.3)); border:1px solid rgba(242,201,76,.25); }
:root[data-theme="light"] .lw-anleitung { background:rgba(120,189,78,.14); }
.lw-an-titel { font-size:11.5px; letter-spacing:2px; text-transform:uppercase; color:var(--akz-hell); margin-bottom:5px; font-weight:800; }
.lw-schritt { display:grid; grid-template-columns:20px minmax(0, 1fr); align-items:center; gap:8px; padding:3px 0; font-size:12.5px; line-height:1.35; color:var(--text-2); }
.lw-schritt > b { width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; color:#2b2405; background:var(--akz-hell); }
:root[data-theme="light"] .lw-schritt > b { color:#fff8e6; }
.lw-schritt span b { color:var(--text); }
.lo-los-hin { font-size:12.5px; color:var(--text-3); text-align:center; }
.lo-rechts { display:grid; grid-template-columns:minmax(0, 1fr); grid-template-rows:minmax(0, 1fr) 200px; gap:14px; min-height:0; }
.lo-rechts .lo-spieler, .lo-rechts .lo-chat { min-height:0; padding:10px 12px; border-radius:12px; border:1px solid var(--linie); background:linear-gradient(180deg, var(--panel2), var(--panel)); }

#partie { position:absolute; inset:0; z-index:2; }
.panel { position:absolute; background:var(--panel); backdrop-filter:blur(5px); border:1px solid var(--linie); border-radius:10px; box-shadow:inset 0 1px 0 rgba(220,255,230,.06), 0 8px 24px rgba(0,0,0,.4); }
:root[data-theme="light"] .panel { box-shadow:inset 0 1px 0 #fff8, 0 6px 18px rgba(30,60,30,.22); }
.pt { font-size:11px; letter-spacing:3px; color:var(--dim); margin:2px 4px 6px; text-transform:uppercase; font-weight:800; display:flex; align-items:center; justify-content:space-between; gap:6px; }
.pt-r { letter-spacing:0; text-transform:none; font-size:12px; color:var(--text-2); }
#kopf { left:12px; right:12px; top:10px; height:56px; display:flex; align-items:center; gap:14px; padding:0 12px 0 14px; z-index:5; }
.logo { font-family:var(--kopf); font-weight:900; font-size:22px; letter-spacing:3px; color:var(--akz); text-shadow:0 2px 0 rgba(0,0,0,.6); line-height:1; white-space:nowrap; }
:root[data-theme="light"] .logo { text-shadow:none; }
.logo small { display:block; font-family:var(--sans); font-weight:800; font-size:11px; letter-spacing:2px; color:var(--dim); margin-top:3px; }
.trenner { width:1px; align-self:stretch; margin:10px 0; background:var(--linie); }
.runde { font-size:11px; letter-spacing:2px; color:var(--dim); white-space:nowrap; text-transform:uppercase; font-weight:700; }
.runde b { display:block; font-family:var(--kopf); font-size:19px; letter-spacing:0; color:var(--text); }
.k-phase { display:flex; align-items:center; gap:8px; font-size:15px; color:var(--text-2); min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.k-phase b { color:var(--text); }
.h-dot { display:inline-block; width:12px; height:12px; border-radius:50%; box-shadow:0 0 0 1px #0008; }
.rechts { margin-left:auto; display:flex; align-items:center; gap:8px; }
.uhr { display:inline-flex; align-items:center; gap:6px; font-family:var(--kopf); font-weight:700; font-size:20px; line-height:1; padding:6px 12px 6px 9px; border-radius:18px;
  background:var(--uf, var(--gold)); color:var(--ut, #1a1206); border:1px solid rgba(0,0,0,.35); box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 2px 6px rgba(0,0,0,.35); white-space:nowrap; }
.uhr .sgzi { width:18px; height:18px; }
.uhr.knapp { box-shadow:0 0 0 3px var(--rot), 0 2px 6px rgba(0,0,0,.35); animation:puls .8s infinite alternate; }
@keyframes puls { to { opacity:.55; } }
.knopf { display:inline-flex; align-items:center; gap:6px; font-weight:800; letter-spacing:.3px; font-size:15px; color:#2b2405; cursor:pointer; padding:9px 15px; border-radius:8px;
  border:1px solid #fff0bd; background:linear-gradient(#ffe08a, #d9a81f); box-shadow:0 2px 0 #6a5006, inset 0 1px 0 #fff6; white-space:nowrap; }
.knopf.leise { color:var(--text); background:var(--panel2); border-color:var(--linie); box-shadow:none; }
.knopf.rot { color:#fff4ee; background:linear-gradient(#e06a52, #a8301e); border-color:#ffc0b0; box-shadow:0 2px 0 #5a1608, inset 0 1px 0 #fff4; }
.knopf.klein { padding:5px 10px; font-size:13.5px; }
.knopf .sgzi { width:16px; height:16px; }
.knopf.lockt { animation:lockt 1s ease-in-out infinite alternate; }
@keyframes lockt { to { box-shadow:0 0 0 4px rgba(255,224,138,.5), 0 2px 0 #6a5006; } }
.warn { color:var(--rot); font-weight:800; }
#pchatwin { font-size:12.5px; padding:5px 7px; }
#pchatin { margin-top:6px; padding:6px 9px; }
.pc-knoepfe { display:flex; gap:5px; margin-top:5px; }
.pc-knoepfe button { flex:1; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12.5px; padding:4px; color:var(--text); background:var(--panel2); border:1px solid var(--linie); border-radius:6px; }
.pc-knoepfe .sgzi { width:15px; height:15px; }
.ch-tabs { display:flex; gap:4px; margin-bottom:6px; }
.ch-tabs button { flex:1; font-size:12px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--dim); background:transparent; border:1px solid transparent; border-radius:6px; padding:5px; }
.ch-tabs button.an { color:var(--text); background:var(--panel2); border-color:var(--linie); }
#ch-neu { color:var(--rot); }
.ch-liste { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; font-size:12px; line-height:1.35; display:flex; flex-direction:column; gap:3px; user-select:text; }
.ch-z { padding:3px 7px; border-left:3px solid var(--rf, var(--akz)); background:rgba(0,0,0,.18); border-radius:0 5px 5px 0; color:var(--text-2); }
:root[data-theme="light"] .ch-z { background:rgba(255,255,240,.55); }
.ch-z b { color:var(--text); }
.ch-z.gut { color:#d6f0b8; }
.ch-z.schlecht { color:#ffc8b8; }
:root[data-theme="light"] .ch-z.gut { color:#2f6a1c; }
:root[data-theme="light"] .ch-z.schlecht { color:#9c2a1a; }
.ch-z.runde { border-left-color:transparent; background:transparent; color:var(--dim); font-size:11.5px; letter-spacing:1.5px; text-transform:uppercase; font-weight:800; padding-top:6px; }
.ch-chat { flex:1; display:flex; flex-direction:column; min-height:0; }

#ansicht-menu { right:12px; top:72px; padding:10px 12px; z-index:40; width:300px; display:flex; flex-direction:column; gap:6px; }
#ansicht-menu label { display:flex; align-items:flex-start; gap:9px; font-size:14px; cursor:pointer; padding:3px 0; }
#ansicht-menu label small { display:block; font-size:12px; color:var(--dim); }
#ansicht-menu input { width:18px; height:18px; margin-top:1px; accent-color:var(--akz); flex:none; }
#ansicht-menu .am-t { font-size:11px; letter-spacing:2.5px; text-transform:uppercase; color:var(--dim); font-weight:800; margin-top:4px; }
.am-reihe { display:flex; gap:6px; }
#hinweise { position:absolute; left:calc((100% - 466px) / 2); top:146px; transform:translateX(-50%); z-index:70; width:max-content; max-width:680px; display:flex; flex-direction:column; align-items:center; gap:6px; pointer-events:none; }
.meldung { padding:9px 18px; border-radius:9px; background:rgba(110,36,20,.95); border:1px solid #ffb8a3; color:#fff; font-size:15px; font-weight:700; text-align:center; box-shadow:0 6px 18px rgba(0,0,0,.45);
  max-height:120px; overflow:hidden; animation:meldungRein .45s ease-out; transition:opacity .6s, max-height .6s, padding .6s, margin .6s, border-width .6s; }
.meldung.neutral { background:var(--panel-solid); border-color:var(--akz-hell); color:var(--text); }
.meldung.weg { opacity:0; max-height:0; padding-top:0; padding-bottom:0; margin-top:-6px; border-width:0; }
@keyframes meldungRein { from { opacity:0; max-height:0; padding-top:0; padding-bottom:0; transform:translateY(-10px); } to { opacity:1; max-height:120px; transform:none; } }
.pl-farbe { display:block; width:10px; height:28px; border-radius:4px; flex:none; box-shadow:0 0 0 1px #0006; }
.banner { position:absolute; left:calc((100% - 466px) / 2); top:44%; z-index:75; min-width:420px; max-width:760px; padding:16px 34px 14px; text-align:center; border-radius:14px; pointer-events:none;
  transform:translate(-50%, -50%) scale(.6); opacity:0; transition:transform .4s cubic-bezier(.2, 1.4, .4, 1), opacity .35s;
  background:linear-gradient(180deg, var(--ov-a), var(--ov-b)); border:2px solid var(--akz); box-shadow:0 18px 50px rgba(0,0,0,.6); }
.banner.an { transform:translate(-50%, -50%) scale(1); opacity:1; }
.bn-titel { font-family:var(--kopf); font-weight:900; font-size:42px; letter-spacing:4px; color:var(--akz-hell); text-shadow:0 3px 0 rgba(0,0,0,.6); }
:root[data-theme="light"] .bn-titel { text-shadow:none; }
.bn-unter { margin-top:6px; font-size:15px; font-weight:800; letter-spacing:1.5px; color:var(--text); text-transform:uppercase; }
.banner.gold { background:linear-gradient(180deg, #fbe7a6, #c99a2e); border-color:#fff3cf; }
.banner.gold .bn-titel { color:#2a1d04; text-shadow:none; } .banner.gold .bn-unter { color:#3a2a08; }
.banner.klein { top:22%; min-width:0; padding:10px 24px 9px; }
.banner.klein .bn-titel { font-size:26px; letter-spacing:2px; }
.konfetti { position:absolute; top:-24px; width:16px; height:12px; border-radius:50% 50% 50% 0; z-index:76; pointer-events:none; box-shadow:inset -2px -2px 0 rgba(0,0,0,.15); animation:fallen 3s ease-in forwards; }
@keyframes fallen { to { transform:translateY(860px) rotate(540deg); opacity:.2; } }
#stage.hoch .konfetti { animation-name:fallenH; }
@keyframes fallenH { to { transform:translateY(1860px) rotate(540deg); opacity:.2; } }

.overlay { position:absolute; inset:0; background:var(--scrim); display:flex; align-items:center; justify-content:center; z-index:80; }
.ov-box { max-width:640px; max-height:92%; overflow:auto; background:linear-gradient(180deg, var(--ov-a), var(--ov-b)); border:2px solid var(--akz); border-radius:12px; padding:20px 26px; box-shadow:0 14px 40px rgba(0,0,0,.6); }
.ov-box.ov-breit { max-width:960px; width:92%; }
.ov-titel { font-family:var(--kopf); font-size:26px; font-weight:900; color:var(--akz-hell); text-align:center; margin-bottom:8px; letter-spacing:2px; }
.ov-knoepfe { display:flex; gap:10px; justify-content:center; margin-top:16px; flex-wrap:wrap; }
#pop-text { font-size:16px; line-height:1.5; color:var(--text); white-space:pre-line; }
.en-unter { text-align:center; color:var(--text-2); font-size:15px; margin-bottom:12px; }
.en-liste { display:flex; flex-direction:column; gap:7px; }
.en-platz { display:grid; grid-template-columns:44px 30px minmax(0, 1fr) 70px 56px 66px 90px 70px; align-items:center; gap:10px; padding:8px 14px; background:rgba(0,0,0,.2); border:1px solid var(--linie); border-radius:10px; font-size:15px; }
:root[data-theme="light"] .en-platz { background:rgba(255,255,240,.55); }
.en-platz.kopf { background:transparent; border-color:transparent; padding-top:0; padding-bottom:0; font-size:11.5px; letter-spacing:1px; text-transform:uppercase; color:var(--dim); font-weight:800; }
.en-platz.p1 { border-color:var(--gold); background:rgba(255,216,107,.12); }
.en-platz.ich { outline:1px solid var(--akz-hell); }
.en-platz .pz { font-family:var(--kopf); font-size:22px; font-weight:900; text-align:center; color:var(--text-2); }
.medaille { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; font:900 17px/1 var(--kopf); color:#2b2405;
  box-shadow:inset 0 2px 0 #fff8, inset 0 -3px 0 #0003, 0 2px 4px #0006; border:1px solid #0006; }
.medaille.m1 { background:radial-gradient(circle at 35% 30%, #fff3b0, #f2c531 55%, #9a7414); }
.medaille.m2 { background:radial-gradient(circle at 35% 30%, #ffffff, #c9d1d6 55%, #6f7c84); }
.medaille.m3 { background:radial-gradient(circle at 35% 30%, #ffd9b0, #d08a4a 55%, #7a4416); }
.en-platz .an-farbe { width:12px; height:30px; justify-self:center; }
.en-platz .nmx { font-weight:bold; line-height:1.15; min-width:0; overflow-wrap:anywhere; } .en-platz .nmx small { display:block; font-weight:500; font-size:12.5px; color:var(--dim); }
.en-platz .w { text-align:right; font-variant-numeric:tabular-nums; }
.en-platz .w b { font-family:var(--kopf); font-size:18px; color:var(--text); }
.en-einladung { margin:10px 0 0; padding:8px 12px; border-radius:10px; text-align:center; font-size:15px; background:rgba(154,214,111,.14); border:1px solid var(--gruen); color:var(--text); }
.hilfe-text { font-size:15px; line-height:1.55; color:var(--text); max-height:600px; overflow:auto; user-select:text; }
.hilfe-text h1, .hilfe-text h2, .hilfe-text h3 { font-family:var(--kopf); color:var(--akz-hell); margin:14px 0 6px; }
.hilfe-text h1 { margin-top:0; }
.hilfe-text table { border-collapse:collapse; font-size:14px; } .hilfe-text td, .hilfe-text th { border-bottom:1px solid var(--linie); padding:3px 8px; text-align:left; }
#note { position:absolute; left:50%; top:10px; transform:translateX(-50%); background:rgba(150,40,20,.95); color:#fff; padding:8px 16px; border-radius:8px; z-index:99; }
.en-platz { grid-template-columns:44px 14px minmax(0, 1fr) 64px 64px 66px 84px 96px; }
.konfetti { border-radius:2px; width:10px; height:14px; }



.kinfo { position:absolute; z-index:72; width:300px; pointer-events:none; border-radius:12px; overflow:hidden; color:var(--text); background:var(--panel-solid); }
.kinfo .ki-kopf { display:flex; gap:11px; padding:10px; background:linear-gradient(135deg, var(--zf, #3a5a2a), rgba(10,14,30,.92)); color:#f2f4fa; }
.kinfo .ki-bild { flex:none; width:64px; height:64px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.14); }
.kinfo .ki-buch { font:900 34px/1 var(--kopf); color:#ffe7a0; }
.kinfo .ki-tt { min-width:0; display:flex; flex-direction:column; justify-content:center; gap:3px; }
.kinfo .ki-titel { font-family:var(--kopf); font-size:21px; font-weight:900; color:#ffe7a0; line-height:1.1; }
.kinfo .ki-kat { font-size:12.5px; color:#d8deec; }
.kinfo .ki-gross { font:900 20px/1 var(--kopf); color:#fff; margin-top:3px; }
.kinfo .ki-zeilen { padding:7px 12px 3px; font-size:13px; }
.kinfo .ki-zeilen > div { display:flex; justify-content:space-between; gap:10px; padding:2px 0; }
.kinfo .ki-zeilen span { color:var(--dim); }
.kinfo .ki-zeilen b { text-align:right; color:var(--text); }
.kinfo .ki-regel { margin:4px 12px 8px; font-size:12.5px; line-height:1.4; color:var(--text-2); }
.kinfo .ki-tipp { margin:0 10px 8px; padding:7px 9px; border-radius:8px; font-size:12.5px; line-height:1.35; color:var(--text); background:rgba(111,180,240,.14); border:1px solid var(--blau); }
#flug { position:absolute; inset:0; z-index:60; pointer-events:none; }

.en-platz { grid-template-columns:44px 12px minmax(0, 1fr) 62px 62px 62px 62px 62px 108px; }
.en-platz .pl-farbe { background:var(--sf); height:30px; }
.en-platz .pk2 b { color:var(--gold); }
.en-platz .pk2 small { display:block; font-size:11.5px; font-weight:600; color:var(--dim); white-space:nowrap; font-family:var(--sans); }
.en-extra { display:flex; flex-direction:column; gap:8px; margin-top:10px; }
.en-rekord { display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:10px; font-size:14.5px; color:var(--text); background:rgba(255,216,107,.14); border:1px solid var(--gold); }
.en-rekord .sgzi { width:20px; height:20px; color:var(--gold); flex:none; }
.en-rekord.leise { background:transparent; border-color:var(--linie); color:var(--text-2); }
.en-tag { padding:8px 12px; border-radius:10px; border:1px solid var(--linie); background:rgba(0,0,0,.16); max-height:220px; overflow:auto; }
:root[data-theme="light"] .en-tag { background:rgba(255,255,240,.55); }
.en-tag-t { font:800 13px/1.3 var(--sans); letter-spacing:1px; text-transform:uppercase; color:var(--dim); margin-bottom:4px; }
.en-tag-t small { text-transform:none; letter-spacing:0; font-weight:600; }
.en-tag-z { display:grid; grid-template-columns:34px minmax(0, 1fr) 100px 90px; gap:8px; padding:2px 0; font-size:14.5px; color:var(--text-2); font-variant-numeric:tabular-nums; }
.en-tag-z.ich { color:var(--text); font-weight:800; }
.en-erkl { font-size:12.5px; line-height:1.4; color:var(--dim); text-align:center; }

@media (pointer: coarse) {
  .kb-ic { width:50px; height:44px; }
  .lw-wahl:not(.lw-ausgabe) button, .ti-wahl button { min-height:40px; min-width:40px; padding:8px 13px; font-size:15px; }
  .kb { min-height:42px; }
  .knopf { min-height:44px; }
  .pc-knoepfe button { min-height:40px; }
  .ch-tabs button { min-height:40px; }
  .knopf .taste { display:none; }
  button.lw-info { width:40px; height:36px; margin:-9px -11px -9px -6px; border-radius:18px; background:radial-gradient(circle at center, var(--akz-hell) 0 9px, transparent 9.5px); }
}
#stage.hoch .lo-haupt { grid-template-columns:minmax(0, 1fr); grid-template-rows:auto minmax(0, 1fr); }
#stage.hoch .lo-rechts { grid-template-rows:minmax(0, 1fr) 200px; }
#stage.hoch .lo-streifen { margin:10px 16px 0; }
#stage.hoch .lo-raum { display:none; }
#stage.hoch .ti-mitte { flex-wrap:wrap; }
.en-teilen { display:flex; align-items:center; gap:10px; margin:8px 0 2px; color:var(--text-2); font-size:13px; }
#stage.hoch .en-teilen { font-size:18px; }
.st-erf { flex:1 1 100%; display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:6px; margin-top:4px; }
.erf { display:grid; grid-template-columns:24px 1fr; column-gap:8px; align-items:center; padding:6px 8px; border-radius:8px; border:1px dashed var(--linie); opacity:.55; }
.erf .sgzi { grid-row:span 2; width:22px; height:22px; color:var(--text-3); }
.erf b { font-size:13px; color:var(--text-2); }
.erf small { font-size:11.5px; color:var(--text-3); }
.erf.ja { opacity:1; border-style:solid; border-color:rgba(242,201,76,.45); background:rgba(242,201,76,.08); }
.erf.ja .sgzi { color:var(--gold); }
.erf.ja b { color:var(--akz-hell); }

#kopf, #kopf-r { position:absolute; top:14px; height:56px; display:flex; align-items:center; gap:14px; padding:0 12px 0 16px; z-index:5; border-radius:10px;
  background:linear-gradient(180deg, var(--email-a), var(--email-b)); border:3px solid var(--email-rand); box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 6px 16px rgba(0,0,0,.45); color:var(--email-text); }
#kopf { left:24px; width:min(640px, calc(100% - 420px)); }
#kopf-r { right:24px; gap:8px; padding:0 10px; margin-left:0; }
#kopf .logo { color:var(--email-gold); text-shadow:0 2px 0 rgba(0,0,0,.45); }
#kopf .logo small, #kopf .runde { color:var(--email-dim); }
#kopf .runde b, #kopf .k-phase b { color:var(--email-text); }
#kopf .k-phase { color:var(--email-text); }
#kopf .trenner { background:rgba(255,240,210,.3); }
#kopf-r .kb-ic { background:rgba(255,248,230,.12); color:var(--email-text); border-color:rgba(255,240,210,.35); }
.uhr { --uf:#e2ad1e; --ut:#2a1c04; }

#flaeche { position:absolute; left:24px; top:88px; bottom:24px; right:376px; border-radius:16px; padding:15px; z-index:2;
  background:linear-gradient(135deg, rgba(255,214,150,.14), rgba(0,0,0,.22)), var(--tisch-bild) center/cover, linear-gradient(135deg, #7a4a24, #3e2410);
  box-shadow:inset 0 2px 0 rgba(255,226,170,.35), inset 0 -4px 0 rgba(0,0,0,.35), 0 3px 0 #2a160a, 0 22px 44px rgba(0,0,0,.55); }
#papier { position:absolute; inset:15px; border-radius:4px; overflow:hidden; display:grid; grid-template-columns:200px minmax(0, 1fr); grid-template-rows:34px minmax(0, 1fr) 70px; grid-template-areas:"ablage kopf" "ablage plan" "aktion aktion";
  background:radial-gradient(ellipse at 30% 20%, rgba(255,252,240,.5), transparent 60%), linear-gradient(rgba(243,233,207,.42), rgba(243,233,207,.42)), var(--plan-bild) center/cover, var(--papier); color:#2a1e10;
  box-shadow:0 2px 0 rgba(255,255,255,.4) inset, 0 6px 14px rgba(20,10,0,.45); }
#papier::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:.55;
  background:repeating-linear-gradient(28deg, transparent 0 46px, rgba(150,110,60,.13) 46px 49px), repeating-linear-gradient(-62deg, transparent 0 70px, rgba(150,110,60,.11) 70px 74px); }
#ablage { grid-area:ablage; position:relative; display:flex; flex-direction:column; align-items:center; gap:10px; padding:12px 8px 8px 12px; z-index:1; }
#rahmen { width:176px; padding:6px 8px 8px; border-radius:10px; text-align:center; background:linear-gradient(135deg, #f6dc8e, #b98c2c 55%, #6a4a10); box-shadow:inset 0 1px 0 #fff6, 0 6px 14px rgba(30,16,0,.5); }
#rahmen .ra-t, #vorschau .ra-t { font:800 11px/1.2 var(--sans); letter-spacing:2px; text-transform:uppercase; color:#3a2604; }
#aktuell { height:116px; margin:4px 0; border-radius:6px; background:radial-gradient(circle at 40% 35%, #4a3a26, #1e140a); display:flex; align-items:center; justify-content:center; box-shadow:inset 0 3px 8px rgba(0,0,0,.6); }
#aktuell .fliese { filter:drop-shadow(0 4px 4px rgba(0,0,0,.5)); }
.ra-leer { font:italic 14px var(--kopf); color:#d8c49a; }
.ra-nr { font:900 16px/1 var(--kopf); color:#2a1a02; }
#vorschau { width:132px; padding:5px; border-radius:8px; text-align:center; background:rgba(120,90,40,.18); border:1px dashed rgba(90,60,20,.6); }
#naechste { height:58px; display:flex; align-items:center; justify-content:center; }
#korb { width:176px; text-align:center; }
.kb-korb { height:56px; display:flex; justify-content:center; }
.ko-t { font-size:12.5px; color:#3a2a14; margin:2px 0 4px; }
.ko-t b { font-family:var(--kopf); font-size:15px; }
.kr-zeile { display:flex; justify-content:center; gap:4px; margin-bottom:4px; }
.kr { width:50px; display:flex; flex-direction:column; align-items:center; padding:2px 0 3px; border-radius:7px; background:rgba(255,250,236,.7); border:2px solid var(--lf); box-shadow:0 1px 2px rgba(60,40,10,.3); }
.kr b { font:900 15px/1.1 var(--kopf); color:#2a1e10; background:#fffaf0; border:2.5px solid var(--lf); width:26px; height:22px; border-radius:11px; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 1px var(--ld); }
.kr small { font-size:12.5px; font-weight:800; color:#2a1e10; }

#plan-kopf { grid-area:kopf; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 14px 0 4px; z-index:1; font-size:14px; color:#3a2a14; min-width:0; }
#pl-titel { font:900 18px/1 var(--kopf); color:#2a1a08; white-space:nowrap; display:flex; align-items:center; gap:7px; }
.pl-dot { width:12px; height:12px; border-radius:50%; box-shadow:0 0 0 1px #0006; }
#pl-r { display:flex; align-items:center; gap:8px; min-width:0; }
.pl-st { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pl-st b { font:900 17px var(--kopf); }
#plan { grid-area:plan; position:relative; min-height:0; display:flex; align-items:center; justify-content:center; padding:4px 10px 6px 0; z-index:1; touch-action:manipulation; }
#plan svg { width:100%; height:100%; display:block; overflow:visible; }
#plan.fremd { filter:saturate(.85); }
.zl { cursor:default; }
.zl .zl-rand { fill:transparent; stroke:transparent; stroke-width:3; }
.zl.kann { cursor:pointer; }
@media (hover: hover) { .zl.kann:hover .zl-rand { stroke:#c8901e; } }
.vs-rand { fill:transparent; stroke:#e2ad1e; stroke-width:5; }
.zl.rat .zl-rand { stroke:#2f9a55; stroke-width:5; stroke-dasharray:9 5; animation:ratLauf 1s linear infinite; }
@keyframes ratLauf { to { stroke-dashoffset:-28; } }
.zl.wartet .fl { opacity:.92; }
.zl.wartet .zl-rand { stroke:#1f6fb2; stroke-width:4; stroke-dasharray:6 4; }
.zl.neu .fl { animation:neuAuf .6s ease-out; }
@keyframes neuAuf { from { transform:scale(.6); opacity:.2; } }
.fl.geist { opacity:.55; }
.lz { stroke-width:12; stroke-linecap:round; opacity:.55; filter:drop-shadow(0 0 6px rgba(255,236,160,.9)); animation:lzGlanz 2.4s ease-in-out infinite; }
@keyframes lzGlanz { 50% { opacity:.3; } }
#aktion { grid-area:aktion; position:relative; z-index:2; margin:0 10px 8px; display:flex; align-items:center; gap:12px; padding:6px 10px 6px 14px; border-radius:3px;
  background:linear-gradient(180deg, #fffaf0, #f2e6c8); color:#2a1e10; box-shadow:0 3px 8px rgba(40,20,0,.35); transform:rotate(-.3deg); }
#aktion::before { content:''; position:absolute; left:46%; top:-9px; width:70px; height:18px; background:rgba(230,215,170,.75); transform:rotate(2deg); box-shadow:0 1px 2px rgba(0,0,0,.2); }
.l-text { flex:1; min-width:0; height:54px; overflow:hidden; display:flex; align-items:center; font-size:14.5px; line-height:1.3; }
.l-text .gut { color:#1f6a2a; } .l-text .warn { color:#a8261a; }
.rat-text { color:#1a5e2a; margin-right:4px; }
.l-knoepfe { display:flex; gap:8px; flex:none; }
#aktion .knopf.leise { color:#2a1e10; background:#efe4c8; border-color:#b8a274; }
#aktion .knopf:disabled { opacity:.5; border-style:dashed; box-shadow:none; animation:none; cursor:default; filter:saturate(.4); }

#fahrer { position:absolute; right:24px; top:88px; width:328px; height:var(--fahrer-h, 400px); display:flex; flex-direction:column; gap:8px; z-index:3; }
.fz { position:relative; height:var(--fz-h, 60px); display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; gap:8px; padding:4px 10px 4px 6px; border-radius:9px; text-align:left;
  color:#2a1c06; border:1px solid #6a4a10; border-left:7px solid var(--sf); background:linear-gradient(135deg, #f8e4a4, #d2a44a 55%, #a07424); box-shadow:inset 0 1px 0 #fff8, 0 4px 10px rgba(0,0,0,.4); font-family:var(--sans); }
.fz.gezeigt { outline:3px solid #fff2c0; }
.fz.weg { filter:grayscale(.7); }
.fz-mini { height:calc(var(--fz-h, 60px) - 8px); aspect-ratio:1.05; display:flex; align-items:center; justify-content:center; background:rgba(60,40,10,.18); border-radius:6px; }
.fz-mini .mini { width:100%; height:100%; }
.fz-t { min-width:0; display:flex; flex-direction:column; gap:1px; }
.fz-t b { font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fz-t b small { font-weight:600; }
.fz-ki .sgzi { width:15px; height:15px; vertical-align:-2px; }
.fz-t > small { font-size:12.5px; color:#4a3410; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fz-t em { font-style:normal; font-weight:800; color:#5a2a04; }
.fz.fertig .fz-t em { color:#1f5a1a; }
.fz-p { text-align:right; } .fz-p b { display:block; font:900 22px/1 var(--kopf); } .fz-p small { font-size:11.5px; color:#4a3410; }
.fz-haken { position:absolute; left:3px; top:3px; width:22px; height:22px; border-radius:50%; background:#2f9a55; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 4px rgba(0,0,0,.4); }
.fz-haken .sgzi { width:14px; height:14px; }

#pchat { position:absolute; right:24px; width:328px; height:var(--pc-q, 300px); bottom:24px; z-index:3; display:flex; flex-direction:column; padding:10px 10px 8px; border-radius:8px;
  background:radial-gradient(ellipse at 30% 20%, #3c4e44, #1e2a24); border:7px solid #6e4422; box-shadow:inset 0 0 18px rgba(0,0,0,.55), 0 8px 18px rgba(0,0,0,.45); color:#eef0e4; }
#pchat .ch-tabs button { color:#c8d2c4; }
#pchat .ch-tabs button.an { color:#fff; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.25); }
#pchat .ch-z { background:rgba(255,255,255,.07); color:#e6eadc; }
#pchat .ch-z b { color:#fff; }
#pchat .ch-z.gut { color:#cdeeb4; } #pchat .ch-z.schlecht { color:#ffc8b8; } #pchat .ch-z.leise { color:#c0c8bc; font-size:11.5px; }
#pchat .ch-z.runde { color:#d8dccc; }
#pchat #pchatwin { flex:1; min-height:0; overflow:auto; background:rgba(0,0,0,.18); border-radius:6px; color:#eef0e4; }
#pchat #pchatin { background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.3); border-radius:6px; }
#pchat .pc-knoepfe button { color:#eef0e4; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.25); }
.vf { display:inline-block; vertical-align:-7px; margin-right:5px; }

.flieger { position:absolute; z-index:61; transform:translate(-50%, -50%); filter:drop-shadow(0 8px 10px rgba(0,0,0,.45)); }
#hinweise { left:calc(24px + (100% - 400px) / 2); top:auto; bottom:110px; transform:translateX(-50%); flex-direction:column-reverse; }
.banner { left:calc(24px + (100% - 400px) / 2); }
#en-zurueck { position:absolute; left:50%; bottom:14px; transform:translateX(-50%); z-index:85; display:flex; gap:10px; padding:8px 10px; border-radius:14px; background:rgba(0,0,0,.74); box-shadow:0 6px 20px rgba(0,0,0,.55); }
.en-platz { grid-template-columns:44px 12px minmax(0, 1fr) 64px 62px 62px 70px 108px; }
.en-mini .mini { width:54px; height:auto; }

.ku-licht { position:absolute; inset:0 0 30% 0; background-size:200% 100% !important; pointer-events:none; mix-blend-mode:soft-light; opacity:.55;
  background:repeating-linear-gradient(115deg, rgba(255,236,190,0) 0 120px, rgba(255,236,190,.55) 160px 230px, rgba(255,236,190,0) 290px 420px); animation:lichtWandern 38s ease-in-out infinite alternate; }
:root[data-ansicht="abend"] .ku-licht { background:radial-gradient(circle at 78% 22%, rgba(255,200,120,.55), transparent 30%), radial-gradient(circle at 18% 30%, rgba(255,190,110,.4), transparent 26%); animation:lampe 6s ease-in-out infinite alternate; }
@keyframes lichtWandern { from { background-position:0 0; } to { background-position:-260px 0; } }
@keyframes lampe { from { opacity:.45; } to { opacity:.62; } }
#stage.lobbyhg .ku-licht { display:none; }
@media (prefers-reduced-motion: reduce) { .ku-licht, .lz, .zl.rat .zl-rand { animation:none; } }

#stage.hoch #kopf { left:16px; right:16px; width:auto; top:10px; height:62px; gap:12px; padding:0 12px; }
#stage.hoch #kopf .logo, #stage.hoch #kopf .trenner { display:none; }
#stage.hoch #kopf-r { left:16px; right:16px; top:80px; height:70px; justify-content:space-between; gap:10px; padding:0; background:transparent; border:0; box-shadow:none; }
#stage.hoch #kopf-r .kb-ic { width:78px; height:68px; background:linear-gradient(180deg, var(--email-a), var(--email-b)); border:3px solid var(--email-rand); box-shadow:0 4px 10px rgba(0,0,0,.4); }
#stage.hoch #kopf-r .kb-ic .sgzi { width:30px; height:30px; }
#stage.hoch .runde { font-size:18px; } #stage.hoch .runde b { font-size:28px; }
#stage.hoch .k-phase { font-size:24px; }
#stage.hoch .uhr { font-size:24px; padding:7px 13px 7px 10px; }
#stage.hoch #fahrer { left:16px; right:16px; width:auto; top:166px; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:6px; }
#stage.hoch .fz { grid-template-columns:minmax(0, 1fr) auto; padding-left:10px; }
#stage.hoch .fz-mini { display:none; }
#stage.hoch .fz-haken { left:auto; right:3px; }
#stage.hoch .fz-t b { font-size:18px; } #stage.hoch .fz-t > small { font-size:16px; } #stage.hoch .fz-t .nur-quer { display:none; }
#stage.hoch .fz-p b { font-size:26px; } #stage.hoch .fz-p small { font-size:16px; }
#stage.hoch #flaeche { left:16px; right:16px; top:var(--fl-top, 420px); bottom:calc(16px + var(--pc-h, 0px)); padding:12px; }
#stage.hoch #papier { inset:12px; grid-template-columns:minmax(0, 1fr); grid-template-rows:auto 40px minmax(0, 1fr) 156px; grid-template-areas:"ablage" "kopf" "plan" "aktion"; }
#stage.hoch #ablage { flex-direction:row; justify-content:center; align-items:flex-start; padding:10px 8px 0; gap:12px; }
#stage.hoch #rahmen { width:160px; }
#stage.hoch #aktuell { height:104px; }
#stage.hoch #korb { width:auto; }
#stage.hoch .kr { width:52px; } #stage.hoch .kr b { font-size:17px; } #stage.hoch .kr small, #stage.hoch .ko-t { font-size:16px; }
#stage.hoch #rahmen .ra-t, #stage.hoch #vorschau .ra-t { font-size:17px; } #stage.hoch .ra-nr { font-size:19px; }
#stage.hoch #pl-titel { font-size:22px; } #stage.hoch #plan-kopf { font-size:17px; padding:6px 10px 0; }
#stage.hoch .pl-st b { font-size:20px; }
#stage.hoch #plan { padding:4px 6px; }
#stage.hoch #aktion { flex-direction:column; align-items:stretch; gap:8px; padding:8px 12px; }
#stage.hoch .l-text { font-size:19px; height:auto; min-height:50px; }
#stage.hoch .l-knoepfe { justify-content:center; }
#stage.hoch .knopf { font-size:21px; padding:12px 16px; min-height:64px; }
#stage.hoch #pchat { left:16px; right:16px; width:auto; top:auto; bottom:16px; height:var(--pc-h, 0px); }
#stage.hoch .ch-liste, #stage.hoch .ch-tabs button, #stage.hoch #pchatwin, #stage.hoch .pc-knoepfe button { font-size:19px; }
#stage.hoch .ch-tabs button { min-height:52px; }
#stage.hoch #hinweise, #stage.hoch .banner { left:50%; }
#stage.hoch #hinweise { bottom:auto; top:calc(var(--fl-top, 420px) + 220px); max-width:560px; }
#stage.hoch .meldung, #stage.hoch .bn-unter { font-size:22px; }
#stage.hoch .banner { min-width:0; width:86%; top:34%; }
#stage.hoch .kinfo { width:540px; }
#stage.hoch .kinfo .ki-titel { font-size:26px; }
#stage.hoch .kinfo .ki-kat, #stage.hoch .kinfo .ki-zeilen, #stage.hoch .kinfo .ki-regel, #stage.hoch .kinfo .ki-tipp { font-size:19px; }
#stage.hoch #ansicht-menu { width:560px; top:140px; }
#stage.hoch #ansicht-menu label, #stage.hoch #ansicht-menu label small { font-size:19px; }
#stage.hoch .en-platz { grid-template-columns:34px 8px minmax(0, 1fr) 70px 90px; }
#stage.hoch .en-platz .nur-quer, #stage.hoch .en-platz .pk2 { display:none; }
#stage.hoch .en-rekord, #stage.hoch .en-tag-z, #stage.hoch .en-erkl, #stage.hoch .en-platz small { font-size:18px; }
#stage.hoch .en-teilen { font-size:18px; }
#stage.hoch.breit #papier { grid-template-columns:200px minmax(0, 1fr); grid-template-rows:40px minmax(0, 1fr) 140px; grid-template-areas:"ablage kopf" "ablage plan" "aktion aktion"; }
#stage.hoch.breit #ablage { flex-direction:column; justify-content:flex-start; align-items:center; padding:12px 6px 6px 10px; }
#stage.hoch.breit #rahmen { width:176px; }
#stage.hoch.breit #fahrer { grid-template-columns:repeat(3, minmax(0, 1fr)); }
#stage.hoch.breit #flaeche { left:34px; right:34px; bottom:calc(30px + var(--pc-h, 0px)); }
#stage.hoch.breit #fahrer { left:34px; right:34px; gap:10px; }
#stage.hoch.breit .fz-t b { font-size:16px; }
#stage.hoch .pl-st .nur-quer { display:none; }
#stage.hoch.breit .fz-t b { font-size:15px; white-space:normal; line-height:1.1; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
#stage.hoch.breit .fz-t > small { font-size:15px; }
#stage.hoch .lw-mobil button:not(.lw-info), #stage.hoch .lw-mobil .kb, #stage.hoch .lw-mobil .kb-ic { min-height:calc(var(--lw-ziel, 40px) * 1.12) !important; }
#stage.hoch .lw-mobil input[type=text] { min-height:calc(var(--lw-ziel, 40px) * 1.12) !important; }
#stage.hoch .lw-mobil .kb-ic, #stage.hoch .lw-mobil .lw-wahl button { min-width:calc(var(--lw-ziel, 40px) * 1.12) !important; }
#stage.hoch .ti-mitte { flex-direction:column; flex-wrap:nowrap; overflow-y:auto; padding:14px 16px; }
#stage.hoch .ti-plaetze { flex:none; max-height:none; overflow:visible; }
#stage.hoch .ti-opts { flex:none; overflow:visible; }
#stage.hoch .ti-chat { flex:none; min-height:280px; }
#stage.hoch #tisch .pl .nm2 { font-size:19px; }
#stage.hoch #tisch .pl .nm2 small, #stage.hoch #tisch .pl .st, #stage.hoch .ti-opt small, #stage.hoch #ti-chef-hinweis, #stage.hoch #tisch .lo-label { font-size:16px; }
#stage.hoch .ti-opt { font-size:18px; }
#stage.hoch .ti-opt small { display:block; margin-left:0; }
#stage.hoch .ti-wahl button { min-height:66px; min-width:66px; font-size:18px; padding:8px 14px; }
#stage.hoch #tisch .kb { min-height:66px; font-size:18px; }
#stage.hoch #tchatin { min-height:66px; font-size:18px; }
#stage.hoch #tchatwin { font-size:16px; }
#stage.hoch .ti-info { font-size:16px; }
#stage.hoch .lo-fuss { flex-wrap:wrap; padding:10px 16px 14px; }
.rm { filter:drop-shadow(0 2px 2px rgba(40,24,6,.35)); }
.vs-r { stroke-width:22; stroke-linecap:round; opacity:.38; }
.vs-r.passt { stroke:#2f9a55; stroke-dasharray:2 14; opacity:.6; stroke-width:12; }
.vs-r.fertig { stroke:#ffd860; opacity:.7; }
.vs-r.bricht { stroke:#c8321e; stroke-dasharray:14 10; opacity:.55; stroke-width:12; }
.vs-r.tot { stroke:#8a7a5a; opacity:.25; stroke-width:8; }
.kr { position:relative; }
.kr.braucht { box-shadow:0 0 0 2px #2f9a55, 0 0 8px rgba(47,154,85,.55); }
.kr.leer { border-style:dashed; filter:saturate(.3); }
.kr-br { position:absolute; right:-5px; top:-6px; min-width:16px; height:16px; padding:0 3px; border-radius:8px; background:#1f6a3a; color:#fff; font:800 11px/16px var(--sans); font-style:normal; text-align:center; }
#stage.hoch .kr-br { font-size:15px; height:22px; line-height:22px; min-width:22px; }

.l-text > span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; line-height:1.22; }
.l-meld { font-weight:800; color:#2a1e10; }
.l-meld.warn { color:#a8261a; }
.l-rest { color:#4a3a22; }
#stage #hinweise.oben { left:50%; top:12px; bottom:auto; transform:translateX(-50%); z-index:90; flex-direction:column; max-width:min(680px, calc(100% - 32px)); }
.fz.leuchtet { box-shadow:0 0 0 3px #fff2c0, 0 0 18px 5px rgba(255,220,120,.85), inset 0 1px 0 #fff8; }
@media (prefers-reduced-motion: no-preference) { .fz { transition:box-shadow .35s; } }
#stage.qf { --fz:calc(46px / var(--sk, 1)); }
#stage.qf #kopf, #stage.qf #kopf-r { top:8px; height:calc(var(--fz) + 10px); }
#stage.qf #kopf { width:min(600px, calc(100% - 860px)); }
#stage.qf #kopf-r .kb-ic { width:var(--fz); height:var(--fz); border-radius:14px; }
#stage.qf #kopf-r .kb-ic .sgzi { width:calc(var(--fz) * .42); height:calc(var(--fz) * .42); }
#stage.qf .uhr { font-size:30px; }
#stage.qf #flaeche { top:calc(var(--fz) + 26px); bottom:12px; }
#stage.qf #fahrer { top:calc(var(--fz) + 26px); }
#stage.qf #pchat { bottom:12px; }
#stage.qf #papier { grid-template-rows:minmax(34px, auto) minmax(0, 1fr) calc(var(--fz) + 24px); }
#stage.qf #aktion { margin:0 8px 6px; }
#stage.qf #aktion .knopf, #stage.qf #pl-meins { min-height:var(--fz); min-width:var(--fz); font-size:24px; padding:8px 20px; }
#stage.qf .l-text { height:auto; align-self:stretch; font-size:20px; }
#stage.qf .fz { min-height:var(--fz); }
#stage.qf .fz-t b { font-size:20px; } #stage.qf .fz-t > small { font-size:16px; }
#stage.qf .fz-p b { font-size:28px; } #stage.qf .fz-p small { font-size:14px; }
#stage.qf #fahrer.zwei { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-auto-rows:var(--fz-h, 98px); gap:8px; }
#stage.qf #fahrer.zwei .fz { grid-template-columns:minmax(0, 1fr) auto; padding-left:10px; }
#stage.qf #fahrer.zwei .fz-mini, #stage.qf #fahrer.zwei .fz-t .nur-quer { display:none; }
#stage.qf #fahrer.zwei .fz-haken { left:auto; right:3px; }
#stage.qf #pchat .ch-tabs button, #stage.qf #pchatin, #stage.qf #pchat .pc-knoepfe button { min-height:var(--fz); font-size:20px; }

#stage.quer-handy #kopf-r { top:6px; right:6px; bottom:auto; height:auto; width:auto; flex-direction:column; gap:4px; padding:4px; }
#stage.quer-handy #kopf-r .kb-ic { width:68px; height:66px; border-radius:12px; }
#stage.quer-handy #kopf-r .kb-ic .sgzi { width:28px; height:28px; }
#stage.quer-handy #kopf-r .uhr { width:68px; justify-content:center; gap:2px; font-size:17px; padding:5px 2px; }
#stage.quer-handy #kopf-r .uhr .sgzi { width:14px; height:14px; }
#stage.quer-handy #kopf { left:auto; right:96px; width:160px; top:12px; height:64px; padding:4px 10px; gap:0 8px; flex-wrap:wrap; align-content:center; }
#stage.quer-handy #kopf .logo, #stage.quer-handy #kopf .trenner { display:none; }
#stage.quer-handy .runde { font-size:15px; letter-spacing:1px; display:flex; align-items:baseline; gap:6px; }
#stage.quer-handy .runde b { display:inline; font-size:20px; }
#stage.quer-handy .k-phase { flex-basis:100%; font-size:15px; line-height:1.1; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#stage.quer-handy #fahrer { right:96px; width:160px; top:82px; gap:6px; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:#b98c2c transparent; }
#stage.quer-handy .fz { flex:none; grid-template-columns:minmax(0, 1fr) auto; padding:4px 8px 4px 9px; gap:4px; border-left-width:6px; }
#stage.quer-handy .fz-mini, #stage.quer-handy .fz-t .nur-quer { display:none; }
#stage.quer-handy .fz-haken { left:auto; right:2px; top:2px; width:20px; height:20px; }
#stage.quer-handy .fz-t b { font-size:16px; white-space:normal; line-height:1.1; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
#stage.quer-handy .fz-t > small, #stage.quer-handy .fz-t b small { font-size:15px; }
#stage.quer-handy .fz-p { padding-top:14px; } #stage.quer-handy .fz-p b { font-size:22px; } #stage.quer-handy .fz-p small { font-size:15px; }
#stage.quer-handy #pchat { display:none; }
#stage.quer-handy #flaeche { left:6px; top:6px; bottom:6px; right:88px; padding:6px; border-radius:12px; }
#stage.quer-handy #papier { inset:6px; grid-template-columns:116px minmax(0, 1fr) 164px; grid-template-rows:minmax(30px, auto) auto auto minmax(0, 1fr) auto;
  grid-template-areas:"ra kopf seite" "ra plan seite" "vs plan seite" "akt plan seite" "akt plan korb"; }
#stage.quer-handy #ablage { display:contents; }
#stage.quer-handy #rahmen { grid-area:ra; width:auto; margin:6px 4px 0 6px; padding:4px 5px 6px; align-self:start; position:relative; z-index:1; }
#stage.quer-handy #rahmen .ra-t, #stage.quer-handy #vorschau .ra-t { font-size:15px; letter-spacing:1px; }
#stage.quer-handy .ra-nr { display:none; }
#stage.quer-handy #aktuell { height:82px; margin:3px 0 0; }
#stage.quer-handy #vorschau { grid-area:vs; width:auto; margin:6px 4px 0 6px; position:relative; z-index:1; }
#stage.quer-handy #naechste { height:50px; }
#stage.quer-handy #korb { grid-area:korb; width:auto; padding:0 4px 6px; position:relative; z-index:1; }
#stage.quer-handy #partie.ohne-korb #korb { display:none; }
#stage.quer-handy .kb-korb { display:none; }
#stage.quer-handy .ko-t, #stage.quer-handy .ko-t b { font-size:15px; line-height:1.2; margin:0 0 4px; }
#stage.quer-handy .kr-zeile { gap:4px; margin-bottom:4px; }
#stage.quer-handy .kr { width:50px; flex-direction:row; justify-content:center; gap:3px; padding:2px 2px; }
#stage.quer-handy .kr b { font-size:15px; width:24px; height:22px; }
#stage.quer-handy .kr small { font-size:15px; }
#stage.quer-handy .kr-br { font-size:15px; height:20px; line-height:20px; min-width:20px; top:-9px; right:-6px; border-radius:10px; }
#stage.quer-handy #plan-kopf { padding:6px 6px 0 6px; font-size:15px; gap:6px; }
#stage.quer-handy #pl-titel { font-size:17px; }
#stage.quer-handy .pl-st b { font-size:16px; }
#stage.quer-handy .pl-st .nur-quer { display:none; }
#stage.quer-handy #plan { padding:2px 2px 2px 2px; }
#stage.quer-handy #aktion { grid-area:akt; margin:8px 4px 6px 6px; flex-direction:column; align-items:stretch; gap:6px; padding:6px 6px 6px; transform:none; align-self:stretch; min-height:0; }
#stage.quer-handy #aktion::before { left:30%; width:46px; }
#stage.quer-handy .l-text { font-size:15px; line-height:1.2; height:auto; flex:1; min-height:0; align-items:flex-start; }
#stage.quer-handy .l-text > span { -webkit-line-clamp:14; }
#stage.quer-handy .l-knoepfe { flex-direction:column; gap:6px; }
#stage.quer-handy #aktion .knopf, #stage.quer-handy #pl-meins { min-height:66px; font-size:17px; padding:6px 4px; gap:4px; justify-content:center; }
#stage.quer-handy #pl-meins { min-height:66px; min-width:66px; font-size:15px; }
#stage.quer-handy .meldung, #stage.quer-handy .bn-unter { font-size:17px; }
#stage.quer-handy #hinweise { left:50%; max-width:640px; }
#stage.hoch #kopf-r { height:76px; } #stage.hoch #kopf-r .kb-ic { height:74px; }
#stage.hoch .ko-t, #stage.hoch .ko-t b, #stage.hoch .kr small { font-size:17px; }
#stage.hoch .fz-t > small, #stage.hoch .fz-t b small, #stage.hoch .fz-p small { font-size:17px; }
#stage.hoch .kr-br { font-size:17px; height:24px; line-height:24px; min-width:24px; border-radius:12px; }
#stage.quer-handy .kb, #stage.quer-handy #pop-btns button { min-height:66px; font-size:18px; }
#stage.quer-handy :is(#lobby, #tisch) .kb-ic { width:66px; height:66px; }
#stage.quer-handy :is(#lobby, #tisch) :is(.lo-seg button, .lo-tabs button, .lw-wahl button, .ti-wahl button) { min-height:66px; min-width:66px; font-size:16px; }
#stage.quer-handy .lo-tabs button { white-space:nowrap; padding:4px 6px; }
#stage.quer-handy :is(#chatin, #tchatin) { min-height:66px; font-size:17px; }
#stage.quer-handy :is(.lo-label, .lo-los-hin, .lo-hinweis, .lw-titel, .lw-titel b, .ti-opt, .ti-opt small, .ti-info, #ti-chef-hinweis, #chattext, #tchattext) { font-size:16px; }
#stage.quer-handy :is(#lobby, #tisch) .lo-kopf .lo-raum { display:none; }
#stage.quer-handy button.lw-info { font-size:15px; width:66px; height:66px; margin:0 -8px 0 -6px; flex:none; background:radial-gradient(circle at center, var(--akz-hell) 0 12px, transparent 12.5px); }
#stage.quer-handy #lw-wuerfel { min-width:66px; }
#stage.quer-handy .lo-optionen .lw-titel { overflow:visible; white-space:normal; display:flex; align-items:center; flex-wrap:wrap; column-gap:4px; }
#stage.quer-handy .lo-tabs button { font-size:15px; padding:4px 3px; flex:1 1 auto; }
#stage.quer-handy .ti-mitte { gap:8px; padding:8px 10px; }
#stage.quer-handy .ti-plaetze { flex:0 0 220px; }
#stage.quer-handy .ti-chat { flex:0 0 190px; }
#stage.quer-handy .ti-opts { padding:8px 10px; min-width:0; }
#stage.quer-handy :is(.pl .nm2 small, .pl .st) { font-size:15px; }
#stage.quer-handy .ti-wahl button { white-space:nowrap; padding:4px 10px; }
#stage.quer-handy .ra-leer { font-size:16px; }
#stage.quer-handy .sz-ueber :is(.sz-nm small, .sz-pk small, .sz-krone, .sz-ok, .sz-chip, .sz-chip em, .sz-chip b) { font-size:15px; }
#stage.quer-handy .sz-knopf { min-height:66px; font-size:18px; }
#stage.quer-handy .en-platz.kopf, #stage.quer-handy .en-platz small, #stage.quer-handy .en-platz .pk2 small, #stage.quer-handy .en-erkl, #stage.quer-handy .en-tag-t, #stage.quer-handy .en-tag-z, #stage.quer-handy .en-rekord, #stage.quer-handy .en-teilen { font-size:15px; letter-spacing:0; }
#stage.quer-handy .en-platz { gap:6px; padding:6px 8px; }
#stage.hoch .ra-leer, #stage.hoch .en-unter, #stage.hoch .en-platz .nmx, #stage.hoch .en-platz .w, #stage.hoch .en-platz.kopf { font-size:17px; letter-spacing:0; }
#stage.hoch #aktion .knopf { min-height:74px; }
#stage.hoch .ov-knoepfe .kb { min-height:74px; font-size:18px; }
#stage.hoch .en-platz.kopf > span:last-child { display:none; }