/* tageskarteziehen.de – Gestaltung „Morgenlicht“ (Token sevri) */
@font-face { font-family: "Fraunces"; font-weight: 400; font-display: swap; src: url(fonts/Fraunces-400-normal-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Fraunces"; font-weight: 400; font-display: swap; src: url(fonts/Fraunces-400-normal-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Alegreya Sans"; font-weight: 400; font-display: swap; src: url(fonts/Alegreya-Sans-400-normal-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Alegreya Sans"; font-weight: 400; font-display: swap; src: url(fonts/Alegreya-Sans-400-normal-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Alegreya Sans"; font-weight: 500; font-display: swap; src: url(fonts/Alegreya-Sans-500-normal-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Alegreya Sans"; font-weight: 700; font-display: swap; src: url(fonts/Alegreya-Sans-700-normal-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Alegreya Sans"; font-weight: 700; font-display: swap; src: url(fonts/Alegreya-Sans-700-normal-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --sevri-paper: #f8f3ea;
  --sevri-paper-2: #f1e8d8;
  --sevri-card: #fffdf8;
  --sevri-ink: #23324a;
  --sevri-ink-soft: #4a5872;
  --sevri-copper: #b5653a;
  --sevri-copper-dark: #94502c;
  --sevri-sage: #5d7a6b;
  --sevri-gold: #c9a35a;
  --sevri-line: #e2d5bd;
  --sevri-ja: #3f7d5c;
  --sevri-nein: #a8473a;
  --sevri-vllt: #a07a22;
  --sevri-radius: 10px;
  --sevri-space: 17px;
  --sevri-shadow: 0 1px 3px rgba(35, 50, 74, .12), 0 6px 18px rgba(35, 50, 74, .06);
  --sevri-font-h: "Fraunces", Georgia, serif;
  --sevri-font-b: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 20px; }
body { margin: 0; background: var(--sevri-paper) radial-gradient(ellipse 900px 420px at 50% -120px, #fbe7cf 0%, rgba(251, 231, 207, 0) 70%) no-repeat; color: var(--sevri-ink); font: 400 1.125rem/1.62 var(--sevri-font-b); overflow-wrap: break-word; }
img { max-width: 100%; height: auto; }
a { color: var(--sevri-copper-dark); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--sevri-ink); }
h1, h2, h3 { font-family: var(--sevri-font-h); font-weight: 400; line-height: 1.2; letter-spacing: -.01em; color: var(--sevri-ink); hyphens: auto; }
h1 { font-size: clamp(1.9rem, 1.2rem + 3vw, 2.9rem); margin: .3em 0 .35em; }
h2 { font-size: clamp(1.45rem, 1.1rem + 1.4vw, 1.95rem); margin: 2em 0 .55em; }
h3 { font-size: 1.25rem; margin: 1.5em 0 .4em; }
h3 small, h2 small { font-family: var(--sevri-font-b); font-size: .8rem; color: var(--sevri-ink-soft); letter-spacing: .02em; }
p, ul, ol, table, blockquote { margin: 0 0 1em; }
:focus-visible { outline: 3px solid var(--sevri-copper); outline-offset: 2px; }
.sevri-jump { position: absolute; left: -999px; top: 8px; background: var(--sevri-ink); color: #fff; padding: 8px 14px; border-radius: 6px; z-index: 50; }
.sevri-jump:focus { left: 8px; }
.sevri-in { max-width: 1120px; margin: 0 auto; padding: 0 16px; }

/* Kopf */
.sevri-head { border-bottom: 1px solid var(--sevri-line); background: rgba(248, 243, 234, .92); position: relative; z-index: 10; }
.sevri-head .sevri-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 68px; }
.sevri-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--sevri-ink); }
.sevri-logo svg { width: 38px; height: 38px; flex: none; }
.sevri-logo b { display: block; font: 400 1.32rem/1.1 var(--sevri-font-h); }
.sevri-logo em { font-style: normal; color: var(--sevri-copper); }
.sevri-logo small { display: block; font-size: .8rem; color: var(--sevri-ink-soft); letter-spacing: .03em; }
.sevri-nav ul { list-style: none; display: flex; gap: 4px; margin: 0; padding: 0; }
.sevri-nav a { display: block; padding: 8px 11px; border-radius: 999px; text-decoration: none; color: var(--sevri-ink); font-weight: 500; font-size: 1.02rem; }
.sevri-nav a:hover, .sevri-nav a[aria-current] { background: var(--sevri-paper-2); color: var(--sevri-copper-dark); }
.sevri-burger { position: absolute; opacity: 0; pointer-events: none; }
.sevri-nav label { display: none; }
@media (max-width: 920px) {
  .sevri-nav label { display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 9px 13px; border: 1px solid var(--sevri-line); border-radius: 999px; font-weight: 500; background: var(--sevri-card); }
  .sevri-nav label span, .sevri-nav label span::before, .sevri-nav label span::after { display: block; width: 16px; height: 2px; background: var(--sevri-ink); position: relative; }
  .sevri-nav label span::before, .sevri-nav label span::after { content: ""; position: absolute; left: 0; }
  .sevri-nav label span::before { top: -5px; } .sevri-nav label span::after { top: 5px; }
  .sevri-nav ul { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; background: var(--sevri-card); border-bottom: 1px solid var(--sevri-line); padding: 8px 16px 14px; box-shadow: var(--sevri-shadow); }
  .sevri-burger:checked ~ ul { display: flex; }
  .sevri-burger:focus-visible + label { outline: 3px solid var(--sevri-copper); outline-offset: 2px; }
  .sevri-nav a { border-radius: 8px; padding: 11px 12px; }
}
@media (max-width: 420px) { .sevri-logo small { display: none; } .sevri-logo b { font-size: 1.15rem; } }

/* Inhalt */
main { max-width: 820px; margin: 0 auto; padding: 0 16px 50px; }
main.sevri-home { max-width: 900px; }
.sevri-trail ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 18px 0 0; font-size: .92rem; color: var(--sevri-ink-soft); }
.sevri-trail li + li::before { content: "›"; margin-right: 6px; color: var(--sevri-gold); }
.sevri-trail a { color: var(--sevri-ink-soft); }
.sevri-home h1 { text-align: center; margin-top: .8em; }
.sevri-stamp { font-size: .9rem; color: var(--sevri-ink-soft); margin-top: -.2em; }
.sevri-home .sevri-stamp { text-align: center; }
.sevri-lead { font-size: 1.22rem; line-height: 1.55; }
.sevri-home .sevri-lead { text-align: center; max-width: 680px; margin-left: auto; margin-right: auto; }
.sevri-toc { margin: 0 0 1.4em; }
.sevri-toc details { border: 1px solid var(--sevri-line); border-radius: var(--sevri-radius); background: var(--sevri-card); padding: 10px 16px; }
.sevri-toc summary { cursor: pointer; font-weight: 700; }
.sevri-toc ol { margin: .6em 0 .2em; padding-left: 1.3em; }
.sevri-toc li { margin: .2em 0; }
.sevri-article ul, .sevri-article ol { padding-left: 1.3em; }
.sevri-article li { margin: .3em 0; }
.sevri-table { overflow-x: auto; margin: 0 0 1.2em; border-radius: var(--sevri-radius); box-shadow: var(--sevri-shadow); background: var(--sevri-card); }
.sevri-article table { width: 100%; border-collapse: collapse; font-size: 1rem; margin: 0; }
.sevri-article th, .sevri-article td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--sevri-line); vertical-align: top; }
.sevri-article th { background: var(--sevri-paper-2); font-weight: 700; }
@media (max-width: 600px) { .sevri-article table { font-size: .95rem; } .sevri-article th, .sevri-article td { padding: 8px; } }
.sevri-article blockquote { margin: 1em 0; padding: 10px 18px; border-left: 3px solid var(--sevri-gold); background: var(--sevri-card); border-radius: 0 var(--sevri-radius) var(--sevri-radius) 0; }
.sevri-article blockquote footer { font-size: .92rem; color: var(--sevri-ink-soft); }
.sevri-note { background: #edf2ee; border: 1px solid #cfdcd3; border-radius: var(--sevri-radius); padding: 14px 18px; margin: 1.2em 0; }
.sevri-note p:last-child { margin: 0; }
.sevri-article details:not(.sevri-toc details) { border-bottom: 1px solid var(--sevri-line); }
.sevri-article > details summary, .sevri-entry details summary { cursor: pointer; font-weight: 700; padding: 12px 0; list-style-position: outside; }
.sevri-article > details > div { padding: 0 0 6px; }
.sevri-small { font-size: .92rem; color: var(--sevri-ink-soft); }

/* Kacheln */
.sevri-tiles { list-style: none; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.sevri-tiles li { margin: 0 !important; }
.sevri-tiles a { display: grid; grid-template-columns: 42px 1fr; column-gap: 12px; align-items: start; height: 100%; padding: 14px; background: var(--sevri-card); border: 1px solid var(--sevri-line); border-radius: var(--sevri-radius); text-decoration: none; color: var(--sevri-ink); box-shadow: var(--sevri-shadow); transition: border-color .2s, transform .2s; }
.sevri-tiles a:hover { border-color: var(--sevri-gold); transform: translateY(-2px); }
.sevri-ico { grid-row: span 2; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--sevri-paper-2); color: var(--sevri-copper); font-size: 1.25rem; }
.sevri-tiles b { font-family: var(--sevri-font-h); font-weight: 400; font-size: 1.12rem; }
.sevri-tiles small { color: var(--sevri-ink-soft); font-size: .95rem; line-height: 1.4; }
.sevri-tiles-h { text-align: center; }

/* Werkzeug */
.sevri-tool { margin: 1.4em 0 2em; padding: 22px 18px; background: var(--sevri-card); border: 1px solid var(--sevri-line); border-radius: 16px; box-shadow: var(--sevri-shadow); position: relative; }
.sevri-tool::before { content: ""; position: absolute; inset: 6px; border: 1px solid rgba(201, 163, 90, .35); border-radius: 12px; pointer-events: none; }
.sevri-hint { text-align: center; color: var(--sevri-ink-soft); margin: 0 auto 10px; max-width: 560px; }
.sevri-center { text-align: center; margin: 14px 0 0; }
.sevri-btn { font: 700 1.08rem/1.2 var(--sevri-font-b); color: #fff; background: var(--sevri-copper); border: 0; border-radius: 999px; padding: 13px 24px; cursor: pointer; box-shadow: 0 2px 0 var(--sevri-copper-dark); transition: background .2s; margin: 4px; }
.sevri-btn:hover { background: var(--sevri-copper-dark); }
.sevri-btn-quiet { background: transparent; color: var(--sevri-copper-dark); box-shadow: inset 0 0 0 2px var(--sevri-copper); }
.sevri-btn-quiet:hover { background: var(--sevri-paper-2); }
.sevri-btn[disabled] { opacity: .55; cursor: default; }
.sevri-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-bottom: 14px; }
.sevri-tabs button, .sevri-chips button { font: 500 1rem var(--sevri-font-b); color: var(--sevri-ink); background: var(--sevri-paper); border: 1px solid var(--sevri-line); border-radius: 999px; padding: 7px 14px; cursor: pointer; }
.sevri-tabs button[aria-selected="true"], .sevri-chips button[aria-pressed="true"] { background: var(--sevri-ink); color: #fff; border-color: var(--sevri-ink); }
.sevri-chips { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.sevri-ask { display: block; max-width: 520px; margin: 0 auto 14px; }
.sevri-ask span { display: block; font-size: .95rem; color: var(--sevri-ink-soft); margin-bottom: 4px; }
.sevri-ask input { width: 100%; font: 400 1.08rem var(--sevri-font-b); padding: 11px 14px; border: 1px solid var(--sevri-line); border-radius: 8px; background: #fff; color: var(--sevri-ink); }
.sevri-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; justify-content: center; }
.sevri-row .sevri-ask { flex: 1 1 240px; margin: 0; }

/* Kartenfächer */
.sevri-fan { --sp: min(34px, calc((100vw - 210px) / var(--n, 9))); position: relative; height: 190px; max-width: 560px; margin: 8px auto 0; }
.sevri-back { position: absolute; left: 50%; bottom: 10px; width: 92px; height: 150px; margin-left: -46px; border: 0; padding: 0; cursor: pointer; border-radius: 9px; background: var(--sevri-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 150'%3E%3Crect x='6' y='6' width='80' height='138' rx='6' fill='none' stroke='%23c9a35a' stroke-width='1.2'/%3E%3Ccircle cx='46' cy='75' r='14' fill='none' stroke='%23e0a26f' stroke-width='1.5'/%3E%3Ccircle cx='46' cy='75' r='5' fill='%23e0a26f'/%3E%3Cpath d='M46 50v10M46 90v10M21 75h10M61 75h10M28 57l7 7M57 86l7 7M64 57l-7 7M35 86l-7 7' stroke='%23e0a26f' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") center/cover; box-shadow: 0 3px 10px rgba(35, 50, 74, .25); transform-origin: 50% 120%; transform: translateX(calc(var(--i) * var(--sp))) rotate(calc(var(--i) * 6deg)); transition: transform .25s ease, box-shadow .25s; }
.sevri-back:hover, .sevri-back:focus-visible { transform: translateX(calc(var(--i) * var(--sp))) rotate(calc(var(--i) * 6deg)) translateY(-14px); box-shadow: 0 8px 20px rgba(35, 50, 74, .3); }
.sevri-fan.is-drawn .sevri-back { opacity: .35; pointer-events: none; }
.sevri-fan.is-drawn .sevri-back.is-picked { opacity: 1; transform: translateX(calc(var(--i) * var(--sp))) rotate(calc(var(--i) * 6deg)) translateY(-26px); }
@media (max-width: 520px) { .sevri-fan { height: 160px; } .sevri-back { width: 70px; height: 116px; margin-left: -35px; transform: translateX(calc(var(--i) * var(--sp))) rotate(calc(var(--i) * 6deg)); } .sevri-back:hover, .sevri-back:focus-visible { transform: translateX(calc(var(--i) * var(--sp))) rotate(calc(var(--i) * 6deg)) translateY(-10px); } .sevri-fan.is-drawn .sevri-back.is-picked { transform: translateX(calc(var(--i) * var(--sp))) rotate(calc(var(--i) * 6deg)) translateY(-18px); } }

/* Ergebnis */
.sevri-out:empty { display: none; }
.sevri-out { margin-top: 20px; }
.sevri-result { display: grid; grid-template-columns: 170px 1fr; gap: 20px; align-items: start; text-align: left; animation: sevri-in .5s ease both; }
.sevri-result + .sevri-result { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--sevri-line); }
.sevri-result img, .sevri-face { width: 170px; border-radius: 9px; box-shadow: 0 4px 14px rgba(35, 50, 74, .22); }
.sevri-result h3 { margin: 0 0 .15em; font-size: 1.55rem; }
.sevri-result .sevri-pos { display: block; font: 700 .85rem var(--sevri-font-b); text-transform: uppercase; letter-spacing: .08em; color: var(--sevri-copper); margin-bottom: 2px; }
.sevri-words { color: var(--sevri-sage); font-weight: 500; margin-bottom: .5em; }
.sevri-result .sevri-tabs { justify-content: flex-start; margin: 4px 0 10px; }
.sevri-result .sevri-tabs button { font-size: .95rem; padding: 5px 12px; }
.sevri-question { font-style: italic; color: var(--sevri-ink-soft); text-align: center; }
.sevri-face { aspect-ratio: 92 / 150; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 16px 12px; background: var(--sevri-ink); color: #fbf4e6; border: 0; position: relative; }
.sevri-face::before { content: ""; position: absolute; inset: 7px; border: 1px solid var(--sevri-gold); border-radius: 6px; }
.sevri-face b { font: 400 1.25rem/1.2 var(--sevri-font-h); color: #f3d7a8; margin: 8px 0 6px; }
.sevri-face span { font-size: .82rem; line-height: 1.35; opacity: .92; }
.sevri-face i { font-style: normal; font-size: 1.7rem; color: var(--sevri-gold); }
.sevri-face.is-engel { background: linear-gradient(170deg, #f7efe0, #ead9bd); color: var(--sevri-ink); }
.sevri-face.is-engel b { color: var(--sevri-copper-dark); }
.sevri-verse { font: 400 1.18rem/1.5 var(--sevri-font-h); margin: .3em 0 .2em; }
.sevri-verse + .sevri-small { margin-top: 0; }
.sevri-prayer { font-style: italic; border-left: 3px solid var(--sevri-gold); padding-left: 12px; }
.sevri-again { margin-top: 12px; }
.sevri-today { text-align: center; font-size: .95rem; color: var(--sevri-ink-soft); margin: 12px 0 0; }
@media (max-width: 600px) { .sevri-result { grid-template-columns: 1fr; justify-items: center; text-align: center; } .sevri-result > div:not(.sevri-face):not(.sevri-hexa) { text-align: left; width: 100%; } .sevri-result img, .sevri-face { width: 150px; } .sevri-result .sevri-tabs { justify-content: center; } }
@keyframes sevri-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

/* Legungen */
.sevri-slots { list-style: none; display: flex; justify-content: center; gap: 12px; padding: 0 !important; margin: 6px 0 0; flex-wrap: wrap; }
.sevri-slots li { width: 104px; text-align: center; margin: 0 !important; }
.sevri-slots b { display: block; font-size: .88rem; line-height: 1.25; margin-top: 6px; color: var(--sevri-ink-soft); font-weight: 500; }
.sevri-slot { display: block; width: 92px; height: 150px; margin: 0 auto; border-radius: 9px; border: 2px dashed var(--sevri-line); background: var(--sevri-paper); overflow: hidden; }
.sevri-slot img { display: block; width: 100%; height: 100%; object-fit: cover; animation: sevri-in .45s ease both; }
.sevri-slots-5 li { width: 88px; } .sevri-slots-5 .sevri-slot { width: 78px; height: 125px; }
@media (max-width: 520px) { .sevri-slots { gap: 8px; } .sevri-slots li { width: 92px; } .sevri-slot { width: 80px; height: 130px; } .sevri-slots-5 { gap: 5px; } .sevri-slots-5 li { width: 56px; } .sevri-slots-5 .sevri-slot { width: 54px; height: 87px; } .sevri-slots-5 b { font-size: .78rem; } }

/* Ja/Nein */
.sevri-verdict { font: 400 2.2rem/1.1 var(--sevri-font-h); margin: 0 0 4px; }
.sevri-verdict.is-ja { color: var(--sevri-ja); } .sevri-verdict.is-nein { color: var(--sevri-nein); } .sevri-verdict.is-vielleicht { color: var(--sevri-vllt); }
.sevri-meter { height: 12px; border-radius: 999px; background: var(--sevri-paper-2); overflow: hidden; margin: 6px 0 4px; max-width: 320px; }
.sevri-meter i { display: block; height: 100%; background: linear-gradient(90deg, var(--sevri-nein), var(--sevri-vllt) 50%, var(--sevri-ja)); border-radius: 999px; transition: width .9s ease; }

/* Pendel */
.sevri-pendel { max-width: 300px; margin: 0 auto; }
.sevri-pendel svg { display: block; width: 100%; height: auto; }
.sevri-pendel text { font: 700 13px var(--sevri-font-b); fill: var(--sevri-ink-soft); letter-spacing: .06em; }

/* Hexenbrett */
.sevri-board { position: relative; max-width: 640px; margin: 0 auto; aspect-ratio: 16 / 10; border-radius: 18px; background: radial-gradient(ellipse at 50% 40%, #f4e4c4 0%, #e3c99a 70%, #cfae76 100%); box-shadow: inset 0 0 0 3px #8c6a3a, inset 0 0 0 7px #e9d5ad, inset 0 0 0 8px #8c6a3a, var(--sevri-shadow); color: #3a2a16; font-family: var(--sevri-font-h); user-select: none; }
.sevri-board span { position: absolute; transform: translate(-50%, -50%); line-height: 1; }
.sevri-b-ja, .sevri-b-nein { top: 13%; font-size: clamp(1rem, 3.4vw, 1.6rem); letter-spacing: .1em; }
.sevri-b-ja { left: 16%; } .sevri-b-nein { left: 84%; }
.sevri-b-row { display: contents; }
.sevri-b-row span { font-size: clamp(.9rem, 3.2vw, 1.55rem); }
.sevri-b-bye { left: 50%; top: 88%; font-size: clamp(.7rem, 2.4vw, 1.05rem); letter-spacing: .14em; white-space: nowrap; }
.sevri-planchette { position: absolute; left: 50%; top: 52%; width: 11%; aspect-ratio: 1 / 1.2; transform: translate(-50%, -40%); border-radius: 50% 50% 46% 46% / 62% 62% 38% 38%; background: radial-gradient(circle at 50% 40%, rgba(255, 250, 236, .25) 0 17%, #f6e8c8 18% 22%, transparent 23%), linear-gradient(160deg, #6b4a26, #3e2a14); box-shadow: 0 5px 10px rgba(0, 0, 0, .35); transition: left 1.1s cubic-bezier(.45, .05, .35, 1), top 1.1s cubic-bezier(.45, .05, .35, 1); pointer-events: none; }
.sevri-spell { text-align: center; font: 400 1.6rem var(--sevri-font-h); letter-spacing: .22em; min-height: 1.6em; margin: 14px 0 0; color: var(--sevri-ink); }

/* Kaffeesatz */
.sevri-cup { max-width: 260px; margin: 0 auto; }
.sevri-cup svg { display: block; width: 100%; height: auto; }
.sevri-cup text { font: 700 12px var(--sevri-font-b); fill: #fff; }

/* I Ging */
.sevri-iging { display: flex; gap: 26px; justify-content: center; align-items: center; flex-wrap: wrap; }
.sevri-coins { display: flex; gap: 10px; }
.sevri-coins span { width: 54px; height: 54px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #f3d58f, #b8862e); box-shadow: inset 0 0 0 3px #9b6f22, 0 2px 4px rgba(0, 0, 0, .2); display: grid; place-items: center; font: 400 1.05rem var(--sevri-font-h); color: #4c3410; }
.sevri-coins span::after { content: ""; width: 14px; height: 14px; border: 2px solid #7a5719; background: var(--sevri-card); }
.sevri-coins.is-tossing span { animation: sevri-flip .6s ease; }
@keyframes sevri-flip { 50% { transform: rotateY(90deg) translateY(-14px); } }
.sevri-lines { list-style: none; padding: 0 !important; margin: 0; display: flex; flex-direction: column-reverse; gap: 9px; width: 170px; min-height: 166px; justify-content: flex-start; }
.sevri-lines li { margin: 0 !important; display: flex; align-items: center; gap: 10px; font-size: .8rem; color: var(--sevri-ink-soft); }
.sevri-line { display: flex; gap: 14px; width: 120px; height: 14px; }
.sevri-line i { flex: 1; background: var(--sevri-ink); border-radius: 2px; }
.sevri-line.is-move i { background: var(--sevri-copper); }
.sevri-hexa { display: flex; flex-direction: column; gap: 5px; width: 64px; flex: none; padding-top: 6px; }
.sevri-hexa i { height: 7px; background: var(--sevri-ink); border-radius: 1px; }
.sevri-hexa i.n { background: linear-gradient(90deg, var(--sevri-ink) 0 42%, transparent 42% 58%, var(--sevri-ink) 58%); }
.sevri-result .sevri-hexa { width: 110px; gap: 9px; margin: 0 auto; } .sevri-result .sevri-hexa i { height: 12px; }

/* Schlüssel */
.sevri-keys { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.sevri-keys button { width: 84px; padding: 10px 4px 8px; background: var(--sevri-paper); border: 1px solid var(--sevri-line); border-radius: var(--sevri-radius); cursor: pointer; color: var(--k); transition: transform .2s, border-color .2s; font: 500 .85rem/1.2 var(--sevri-font-b); }
.sevri-keys button:hover, .sevri-keys button[aria-pressed="true"] { transform: translateY(-4px) rotate(-4deg); border-color: var(--k); }
.sevri-keys svg { width: 30px; height: 60px; display: block; margin: 0 auto 6px; }
.sevri-keys span { color: var(--sevri-ink); display: block; }

/* Lexikon */
.sevri-lex { display: grid; gap: 14px; margin: 1.2em 0 2em; }
.sevri-entry { display: flex; gap: 16px; background: var(--sevri-card); border: 1px solid var(--sevri-line); border-radius: var(--sevri-radius); padding: 14px 16px; box-shadow: var(--sevri-shadow); scroll-margin-top: 16px; }
.sevri-entry > div { min-width: 0; flex: 1; }
.sevri-entry img { width: 96px; flex: none; border-radius: 6px; align-self: flex-start; }
.sevri-lex-tarot .sevri-entry img { width: 110px; }
.sevri-entry h3 { margin: 0 0 .2em; }
.sevri-entry p:last-child { margin-bottom: 0; }
.sevri-entry details { border: 0 !important; }
.sevri-entry details summary { padding: 4px 0; color: var(--sevri-copper-dark); }
.sevri-entry blockquote { margin: .4em 0 .6em; }
.sevri-entry:target { border-color: var(--sevri-copper); box-shadow: 0 0 0 3px rgba(181, 101, 58, .2); }
.sevri-lex-3 { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
@media (max-width: 520px) { .sevri-entry { flex-direction: column; } .sevri-entry img, .sevri-lex-tarot .sevri-entry img { width: 110px; } }
.sevri-filter { text-align: center; }
.sevri-entry[hidden] { display: none; }

/* Fuß */
.sevri-foot { background: var(--sevri-ink); color: #dfe4ee; padding: 40px 0 26px; font-size: 1rem; }
.sevri-foot .sevri-in { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 26px; }
.sevri-foot a { color: #f3d7a8; text-decoration: none; }
.sevri-foot a:hover { text-decoration: underline; color: #fff; }
.sevri-foot ul { list-style: none; padding: 0; margin: 0; }
.sevri-foot li { margin: .3em 0; }
.sevri-foot-name { font: 400 1.3rem var(--sevri-font-h); color: #fff; margin-bottom: .4em; }
.sevri-foot-h { font-weight: 700; color: #fff; letter-spacing: .04em; margin-bottom: .4em; }
.sevri-fine { grid-column: 1 / -1; border-top: 1px solid rgba(255, 255, 255, .15); padding-top: 16px; font-size: .88rem; color: #b8c1d2; margin: 0; }
@media (max-width: 860px) { .sevri-foot .sevri-in { grid-template-columns: 1fr 1fr; } .sevri-foot .sevri-in > div:first-child { grid-column: 1 / -1; } }
@media (max-width: 420px) { .sevri-foot .sevri-in { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Partner-Hinweis (Werbung) */
.sevri-partner{margin:2em 0;padding:1.1em 1.3em;background:#fbf5ee;border:1px solid #e3cdb6;border-radius:10px;color:#2d2419}
.sevri-partner-tag{display:inline-block;font-size:.72em;letter-spacing:.08em;text-transform:uppercase;color:#8c7259;margin-bottom:.4em}
.sevri-partner p{margin:0 0 .7em}
.sevri-partner small{display:block;margin-top:.6em;font-size:.8em;color:#8c7259}
.sevri-partner small a{color:inherit}