:root{--hg:#14152a;--flaeche:#1d1f3af0;--rand:#30345a;--text:#f2e6d0;--leise:#a9a3b8;--glut:#ffb35c;--gut:#7fd38a;--schlecht:#ff7a6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--hg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#spiel{touch-action:none;position:fixed;inset:0}#spiel canvas{touch-action:none;display:block}#hud{padding:max(8px, env(safe-area-inset-top)) 12px 0;pointer-events:none;color:var(--leise);justify-content:space-between;align-items:center;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}#hud>*{pointer-events:auto}#kette{left:50%;top:max(58px, calc(env(safe-area-inset-top) + 50px));color:var(--glut);position:absolute;transform:translate(-50%)}#fps-knopf{border:1px solid var(--rand);background:var(--flaeche);min-width:64px;min-height:36px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:18px}#messung{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;max-height:70vh;padding:10px 12px;font-size:13px;position:fixed;overflow:auto}#werte{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}#werte td{padding:2px 4px}#werte td:last-child{text-align:right}.gut{color:var(--gut)}.schlecht{color:var(--schlecht)}.zeile{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px;display:flex}.knoepfe button,.knoepfe a,#ende button{border:1px solid var(--rand);min-height:40px;color:var(--text);font:inherit;background:#2a2d52;border-radius:10px;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}select,input{font:inherit}select{min-height:36px;color:var(--text);border:1px solid var(--rand);background:#2a2d52;border-radius:8px}#protokoll{width:100%;height:120px;color:var(--text);border:1px solid var(--rand);background:#0e0f1f;border-radius:8px;margin-top:8px;font:11px/1.3 ui-monospace,monospace}#ende{background:#0a0a1899;place-items:center;display:grid;position:fixed;inset:0}#ende[hidden],#messung[hidden]{display:none}#ende .karte{background:var(--flaeche);border:1px solid var(--rand);text-align:center;border-radius:16px;padding:20px 28px}#ende .punkte{color:var(--glut);margin:4px 0 16px;font-size:32px;font-weight:700}
