:root{--bg: #d9c2a2;--foto-bg: #e7dfd3;--trenn: rgba(42,31,21,0.28);--chip: rgba(255,250,243,0.82);--chip-fg: #2a1f15;--chip-line: rgba(42,31,21,0.16);--muted: #6b5643;--aktiv: #7a4b12;--font-ui: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--foto-bg: #1d1915;--trenn: rgba(244,232,216,0.22);--chip: rgba(28,21,15,0.76);--chip-fg: #f4e8d8;--chip-line: rgba(244,232,216,0.18);--muted: #cdb79c;--aktiv: #f0c383;color-scheme: dark}}:root[data-theme="dark"]{--foto-bg: #1d1915;--trenn: rgba(244,232,216,0.22);--chip: rgba(28,21,15,0.76);--chip-fg: #f4e8d8;--chip-line: rgba(244,232,216,0.18);--muted: #cdb79c;--aktiv: #f0c383;color-scheme: dark}[hidden]{display: none !important}html,body{height: 100%}body{margin: 0;background: var(--bg);color: var(--chip-fg);overflow: hidden;font-family: var(--font-ui)}#buehne{position: fixed;inset: 0;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr}@media (orientation: portrait){#buehne{grid-template-columns: 1fr;grid-template-rows: 1fr 1fr}}#buehne.ohnefoto{grid-template-columns: 1fr;grid-template-rows: 1fr}#buehne.ohnefoto #feldfoto{display: none}.feld{position: relative;overflow: hidden;min-width: 0;min-height: 0}#feldfoto{background: var(--foto-bg);cursor: pointer;border-left: 1px solid var(--trenn)}@media (orientation: portrait){#feldfoto{border-left: 0;border-top: 1px solid var(--trenn)}}#szene{position: absolute;inset: 0;width: 100%;height: 100%;display: block;touch-action: none;outline: none}#foto,#deck{position: absolute;left: 0;top: 0;max-width: none;transform-origin: 0 0;pointer-events: none;user-select: none;-webkit-user-select: none;-webkit-user-drag: none}#deck{opacity: 0}#deck.an{opacity: 1}.schild{position: absolute;z-index: 2;top: calc(env(safe-area-inset-top,0px) + 10px);left: max(16px,env(safe-area-inset-left,0px));background: var(--chip);border: 1px solid var(--chip-line);border-radius: 999px;padding: 7px 12px;font: 600 13px/1 var(--font-ui);letter-spacing: 0.01em;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);pointer-events: none;white-space: nowrap;font-variant-numeric: tabular-nums}.schild small{font: 500 11px/1 var(--font-ui);color: var(--muted);margin-left: 7px;letter-spacing: 0.04em;text-transform: uppercase}#fotoname{max-width: calc(100% - 32px);box-sizing: border-box}#fotoname.zwei{border-radius: 14px}.schild .hinweis{display: block;margin-top: 5px;font: 500 11px/1.35 var(--font-ui);color: var(--muted);white-space: normal}@media (orientation: portrait){#feldfoto .schild{top: 10px}}.leiste{position: absolute;z-index: 2;left: 0;right: 0;bottom: calc(env(safe-area-inset-bottom,0px) + 12px);display: flex;gap: 8px;justify-content: center;flex-wrap: wrap;padding-left: max(16px,env(safe-area-inset-left,0px));padding-right: max(16px,env(safe-area-inset-right,0px));pointer-events: none}.leiste button{pointer-events: auto;appearance: none;background: var(--chip);color: var(--chip-fg);border: 1px solid var(--chip-line);border-radius: 999px;padding: 9px 14px;font: 600 13px/1 var(--font-ui);cursor: pointer;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);touch-action: none;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none}.leiste button:focus-visible{outline: 2px solid var(--aktiv);outline-offset: 2px}.leiste button.an{color: var(--aktiv);border-color: var(--aktiv)}.leiste button:disabled{color: var(--muted);cursor: default}#laden{position: absolute;inset: 0;display: grid;place-items: center;z-index: 3;font: 500 14px var(--font-ui);color: var(--muted)}
.unsichtbar { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0; }