/* App-Skin 2026-11 · „Arena“ · einstellungstest-ueben.de – nur Optik, keine Funktion */
:root{--papier:#eef5f1;--karte:#ffffff;--tinte:#0d2a22;--tinte-leise:#4b685e;--linie:#cfe2d8;--primary:#0f6b47;--fokus:#0f6b47;--see:#0f6b47;--rund:16px;--schatten:0 18px 40px -30px rgba(0,0,0,.45);--kopf:"Space Grotesk",Georgia,serif;--rd2:#7c5cff}
body{background-color:var(--papier);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2722%27%20height%3D%2722%27%3E%3Ccircle%20cx%3D%272%27%20cy%3D%272%27%20r%3D%271.2%27%20fill%3D%27%230f6b47%27%20fill-opacity%3D%270.07%27/%3E%3C/svg%3E");background-attachment:fixed}
h1,h2{font-family:var(--kopf)}
h1{letter-spacing:-.025em}
.karte,.kasten,.modul,.fach,.station,.art-kachel,.revierbuch-karte,.karteikarte,.land-knopf,.wahl{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.karte:hover,.modul:hover,.fach:hover,.land-knopf:hover,.art-kachel:hover{transform:translateY(-2px);box-shadow:0 22px 40px -30px #0f6b47aa;border-color:#0f6b47}
.knopf{box-shadow:0 12px 26px -18px #0f6b47;transition:transform .15s ease,box-shadow .15s ease}
.knopf:hover{transform:translateY(-1px)}
::selection{background:#0f6b47;color:#fff}
@media(prefers-color-scheme:dark){:root{--papier:#06140f;--karte:#0d241b;--tinte:#e7f7ef;--tinte-leise:#a7c9ba;--linie:#20453a;--primary:#8ff0b4;--primary-strong:#8ff0b4;--fokus:#8ff0b4;--see:#8ff0b4;--on-primary:#06140f}body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2722%27%20height%3D%2722%27%3E%3Ccircle%20cx%3D%272%27%20cy%3D%272%27%20r%3D%271.2%27%20fill%3D%27%238ff0b4%27%20fill-opacity%3D%270.06%27/%3E%3C/svg%3E")}.knopf{box-shadow:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}