@font-face{font-family:Oswald;src:url(/assets/Oswald-Variable.ttf)format("truetype");font-weight:200 700;font-display:swap}:root{--weiss:#fff;--sekundaer:#c9c9c9;--tertiaer:#888;--rot:#e1232f;--linie:#1a1a1a;--kartenrand:#2a2a2a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--weiss);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#000;font-family:Oswald,sans-serif}input,textarea{-webkit-user-select:text;user-select:text}.screen{min-height:100dvh;padding:max(56px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;display:flex}.liste-screen{justify-content:flex-start;gap:16px}.versteckt{display:none!important}.unsichtbar{visibility:hidden}.stapel{flex-direction:column;align-items:center;display:flex}.stapel.schmal{gap:8px}.stapel.klein{gap:12px}.stapel.mittel{gap:16px}.stapel.gross{gap:32px}.breit{width:100%;max-width:400px}.reihe{justify-content:center;align-items:center;gap:12px;display:flex}.reihe.auseinander{justify-content:space-between}.wortmarke{letter-spacing:2px;font-size:clamp(40px,12vw,64px);font-weight:700;line-height:1.02}.wortmarke.klein{font-size:clamp(30px,9vw,44px)}.riesig{letter-spacing:2px;font-size:clamp(36px,11vw,52px);font-weight:700}.titel{letter-spacing:2px;font-size:28px;font-weight:700}.titel.klein{font-size:22px}.ueberzeile{letter-spacing:2px;color:var(--tertiaer);text-transform:uppercase;font-size:13px;font-weight:400}.sektions-titel{letter-spacing:1.5px;color:var(--tertiaer);text-transform:uppercase;text-align:left;width:100%;font-size:13px;font-weight:500}.erklaer-zeile{color:var(--tertiaer);text-align:left;width:100%;font-size:14px;font-weight:400;line-height:1.4}.fliesstext{font-size:16px;font-weight:400;line-height:1.45}.fliesstext.sekundaer{color:var(--sekundaer)}.fliesstext.tertiaer{color:var(--tertiaer);font-size:14px}.dezent-zeile{letter-spacing:.5px;color:var(--tertiaer);font-size:13px;font-weight:300;line-height:1.4}.fehler-zeile{color:var(--rot);font-size:14px;font-weight:400}.verantwortung-block p{color:var(--sekundaer);font-size:17px;font-weight:400;line-height:1.4}.trennlinie{background:var(--tertiaer);width:220px;height:1px}button{cursor:pointer;font-family:inherit}button:disabled{opacity:.4;cursor:default}.knopf-primaer{background:var(--weiss);color:#000;letter-spacing:3px;text-transform:uppercase;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;max-width:400px;min-height:72px;padding:10px 16px;font-size:23px;font-weight:700;display:flex}.knopf-primaer:active{transform:scale(.98)}.knopf-primaer.hoch{min-height:120px}.knopf-subline{letter-spacing:.5px;text-transform:none;font-size:12px;font-weight:400}.knopf-sekundaer{width:100%;max-width:400px;min-height:64px;color:var(--sekundaer);border:1px solid var(--tertiaer);letter-spacing:2.5px;text-transform:uppercase;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:17px;font-weight:500;display:flex}.knopf-sekundaer.hoch{min-height:104px}.knopf-sekundaer.halb{flex:1;min-width:0;font-size:14px}.knopf-text{min-height:48px;color:var(--sekundaer);letter-spacing:1.5px;background:0 0;border:none;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.knopf-text.dezent{color:var(--tertiaer);letter-spacing:.5px;font-weight:400}.knopf-quadrat{border:1px solid var(--weiss);width:64px;height:64px;color:var(--weiss);background:0 0;border-radius:8px;flex:none;font-size:26px;font-weight:500}.texteingabe{border:1px solid var(--tertiaer);width:100%;min-height:64px;color:var(--weiss);background:0 0;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:18px;font-weight:400}.texteingabe::placeholder{color:var(--tertiaer)}.texteingabe.zentriert{text-align:center;border-color:var(--weiss);letter-spacing:2px;text-transform:uppercase;font-size:20px;font-weight:500}.texteingabe.fehler{border-color:var(--rot);animation:.2s wackeln}@keyframes wackeln{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.kopf-rechts{justify-content:flex-end;width:100%;max-width:400px;display:flex}.onboarding-schiene{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;gap:16px;width:100%;max-width:400px;min-height:0;display:flex;overflow-x:auto}.onboarding-schiene::-webkit-scrollbar{display:none}.onboarding-karte{scroll-snap-align:center;border:2px solid var(--kartenrand);background:#000;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:22px;width:100%;padding:28px;display:flex}.onboarding-karte h2{letter-spacing:1px;font-size:clamp(28px,9vw,38px);font-weight:700;line-height:1.06}.onboarding-karte p{color:var(--sekundaer);font-size:16px;font-weight:400;line-height:1.5}.punkte{align-items:center;gap:10px;display:flex}.punkte span{background:var(--tertiaer);border-radius:50%;width:6px;height:6px}.punkte span.aktiv{background:var(--weiss);width:8px;height:8px}.namens-zeile{border:1px solid var(--linie);border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:4px 6px 4px 16px;display:flex}.namens-zeile span{font-size:19px;font-weight:500}.namens-zeile button{color:var(--tertiaer);background:0 0;border:none;width:48px;height:48px;font-size:22px}.stufen-segment{border:1px solid var(--tertiaer);width:100%;min-height:68px;color:var(--sekundaer);background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px;display:flex}.stufen-segment .stufen-label{letter-spacing:2.5px;font-size:19px;font-weight:600}.stufen-segment .stufen-sub{color:var(--tertiaer);font-size:12px;font-weight:400}.stufen-segment.aktiv{background:var(--weiss);border-color:var(--weiss);color:#000}.stufen-segment.aktiv .stufen-sub{color:#000}.kategorie-zeile{border:none;border-bottom:1px solid var(--linie);width:100%;min-height:56px;color:var(--weiss);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:6px 4px;font-size:17px;font-weight:500;display:flex}.kategorie-zeile .schalter{border:1px solid var(--tertiaer);border-radius:13px;flex:none;width:44px;height:26px;position:relative}.kategorie-zeile .schalter:after{content:"";background:var(--tertiaer);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:4px}.kategorie-zeile.an .schalter{border-color:var(--weiss)}.kategorie-zeile.an .schalter:after{background:var(--weiss);transform:translate(17px)}.kategorie-zeile.wackelt{animation:.2s wackeln}.kategorie-zeile.gesperrt{color:var(--tertiaer);flex-wrap:wrap}.kategorie-zeile.gesperrt .gesperrt-sub{width:100%;color:var(--tertiaer);padding-top:2px;font-size:12px;font-weight:300}#spiel-screen{height:100dvh;min-height:0;padding:max(48px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));justify-content:space-between;gap:8px;overflow:hidden}#einstellungen-zahnrad{min-width:64px;font-size:22px}.spiel-kopf{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.ist-dran{letter-spacing:1.5px;color:var(--sekundaer);font-size:14px;font-weight:600}.zaehler{letter-spacing:3px;color:var(--tertiaer);font-size:16px;font-weight:500}.zaehler-platz{min-width:64px}.spiel-fuss{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.karten-buehne{perspective:1600px;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.karte{border:2px solid var(--kartenrand);transform-origin:50%;cursor:pointer;background:#000;border-radius:28px;flex:none;width:768px;height:1146px;transition:transform .15s ease-in;position:relative;overflow:hidden}.karte.dreht{transform:scale(var(--karten-skala,1)) rotateY(90deg)!important}.karte .pad{z-index:2;text-align:left;flex-direction:column;display:flex;position:absolute;inset:84px 84px 74px}.karte .hd{letter-spacing:1.5px;color:var(--sekundaer);margin-bottom:40px;padding-right:150px;font-size:27px;font-weight:600;line-height:1}.karte .body{letter-spacing:.5px;font-weight:700;line-height:1.03}.karte .foot{text-align:center;margin-top:auto}.karte .kn{letter-spacing:5px;font-size:26px;font-weight:500}.karte .wm{opacity:.09;z-index:1;width:60%;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.karte .marker{z-index:3;border:3px solid #fff;border-radius:40px;align-items:center;gap:9px;padding:8px 20px 7px;display:flex;position:absolute;top:80px;right:84px}.karte .marker span{letter-spacing:2px;font-size:24px;font-weight:600;line-height:1}.karte .marker .dot{border:3px solid #fff;border-radius:50%;width:18px;height:18px}.karte .marker .sq{border:3px solid #fff;border-radius:5px;width:18px;height:18px}.karte .marker.shot{border-color:var(--rot)}.karte .marker.shot span{color:#ff4d59}.karte .marker.shot .tri{border-top:18px solid #ff4d59;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0}.funnel-zeile{letter-spacing:1px;text-transform:uppercase;font-size:19px;font-weight:600;line-height:1.35}.listen-kopf{justify-content:space-between;align-items:center;width:100%;max-width:400px;display:flex}.einstellungs-zeile{border:none;border-bottom:1px solid var(--linie);width:100%;min-height:56px;color:var(--weiss);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:6px 4px;font-size:17px;font-weight:400;display:flex}.einstellungs-zeile .rechts{color:var(--tertiaer);flex:none;font-size:15px}.einstellungs-zeile .zeilen-sub{color:var(--tertiaer);font-size:12px;font-weight:300}.einstellungs-zeile.inaktiv{color:var(--tertiaer);cursor:default}.einstellungs-zeile .schalter{border:1px solid var(--tertiaer);border-radius:13px;flex:none;width:44px;height:26px;position:relative}.einstellungs-zeile .schalter:after{content:"";background:var(--tertiaer);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:4px}.einstellungs-zeile.an .schalter{border-color:var(--weiss)}.einstellungs-zeile.an .schalter:after{background:var(--weiss);transform:translate(17px)}.sektions-abstand{padding-top:18px}.rechtstext{text-align:left;width:100%;max-width:400px;padding-bottom:40px}.rechtstext h2{letter-spacing:1px;text-transform:uppercase;margin:22px 0 8px;font-size:17px;font-weight:600}.rechtstext p{color:var(--sekundaer);white-space:pre-line;margin-bottom:10px;font-size:15px;font-weight:300;line-height:1.55}.rechtstext p.stark{color:var(--weiss);font-size:17px;font-weight:500}.sheet-hintergrund{z-index:10;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{border-top:1px solid var(--linie);width:100%;padding:14px max(24px, env(safe-area-inset-right)) max(30px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:#000;border-radius:20px 20px 0 0;flex-direction:column;align-items:center;gap:14px;display:flex}.sheet-griff{background:var(--tertiaer);border-radius:2px;width:36px;height:4px}
