@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;overscroll-behavior:none}body{background:var(--grund);min-height:100dvh;color:var(--text);font-family:var(--schrift-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1rem;line-height:1.5}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}:focus-visible{outline:2px solid var(--akzent);outline-offset:3px}}@layer tokens{:root{--grund:#12100e;--flaeche:#1e1a16;--flaeche-hoch:#292420;--kante:#3a332c;--filz:#2a4034;--filz-tief:#1f3027;--akzent:#d9a441;--akzent-tief:#a87c2c;--alarm:#c1503b;--gut:#6f9e5f;--text:#ede6da;--text-gedaempft:#9a9086;--text-schwach:#6b635a;--wuerfel:#efe7d6;--wuerfel-kante:#cfc4ad;--wuerfel-auge:#241f19;--radius-klein:.5rem;--radius:.875rem;--radius-gross:1.5rem;--schatten-tief:0 1px 2px #0006, 0 8px 24px #00000059;--schatten-flach:0 1px 2px #00000059;--schrift-display:"Instrument Serif", Georgia, "Times New Roman", serif;--schrift-text:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schrift-zahl:var(--schrift-display);--zeit-kurz:.14s;--zeit:.26s;--kurve:cubic-bezier(.2, .8, .3, 1);--kurve-fall:cubic-bezier(.16, 1.2, .3, 1);--rand-unten:max(1rem, env(safe-area-inset-bottom));--rand-oben:max(1rem, env(safe-area-inset-top));--rand-seite:max(1rem, env(safe-area-inset-left), env(safe-area-inset-right))}}@layer basis{h1,h2,h3{font-family:var(--schrift-display);letter-spacing:.01em;font-weight:400;line-height:1.1}h1{font-size:clamp(2.5rem,12vw,4rem)}h2{font-size:clamp(1.5rem,6vw,2rem)}.zahl{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;line-height:1}.gedaempft{color:var(--text-gedaempft)}.nur-fuer-screenreader{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}@layer komponenten{.knopf{border-radius:var(--radius);background:var(--flaeche-hoch);border:1px solid var(--kante);min-height:3rem;color:var(--text);box-shadow:var(--schatten-flach);transition:transform var(--zeit-kurz) var(--kurve), background var(--zeit-kurz) var(--kurve);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.knopf:active:not(:disabled){transform:translateY(1px)scale(.99)}.knopf:disabled{opacity:.4;cursor:default}.knopf--akzent{background:var(--akzent);border-color:var(--akzent-tief);color:#201803;font-weight:600}.knopf--still{color:var(--text-gedaempft);box-shadow:none;background:0 0;border-color:#0000}.feld{border-radius:var(--radius);background:var(--flaeche);border:1px solid var(--kante);width:100%;min-height:3rem;color:var(--text);padding:.75rem 1rem}.feld::placeholder{color:var(--text-schwach)}.karte{background:var(--flaeche);border:1px solid var(--kante);border-radius:var(--radius-gross);box-shadow:var(--schatten-tief)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}