:root{
  --page:#f4f1e9;
  --paper:#fffefa;
  --paper-2:#f7f8f6;
  --ink:#152b35;
  --muted:#667981;
  --line:#dfe7e5;
  --cyan:#06a8c8;
  --cyan-dark:#087e98;
  --cyan-soft:#dff5f7;
  --gold:#b88a3f;
  --gold-soft:#f4ead6;
  --shadow:0 20px 55px rgba(38,57,61,.09);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:
  radial-gradient(circle at 8% 12%,rgba(6,168,200,.06),transparent 25%),
  radial-gradient(circle at 94% 18%,rgba(184,138,63,.07),transparent 22%),
  repeating-linear-gradient(135deg,rgba(37,83,91,.025) 0 2px,transparent 2px 36px),
  var(--page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;border:1px solid rgba(6,168,200,.06);border-radius:50%}
body:before{width:420px;height:420px;left:-260px;top:23vh;box-shadow:0 0 0 55px rgba(6,168,200,.018),0 0 0 110px rgba(6,168,200,.012)}
body:after{width:520px;height:520px;right:-340px;bottom:-170px;box-shadow:0 0 0 70px rgba(184,138,63,.018),0 0 0 140px rgba(184,138,63,.012)}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,254,250,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(154,177,178,.28)}
.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(6,168,200,.18))}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:1.08rem;letter-spacing:.01em}.brand-copy small{font-size:.72rem;text-transform:uppercase;letter-spacing:.19em;color:var(--gold);font-weight:800;margin-top:2px}
.main-nav{display:flex;align-items:center;gap:8px}.main-nav a{padding:11px 16px;border-radius:999px;color:var(--muted);font-weight:750}.main-nav a:hover,.main-nav a.is-active{color:var(--cyan-dark);background:var(--cyan-soft)}
.menu-button{display:none;border:0;background:transparent;width:48px;height:48px;border-radius:14px;padding:11px}.menu-button span{display:block;height:2px;background:var(--ink);margin:5px 0;border-radius:999px}
.intro-section{padding:64px 0 28px}.intro-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:24px;align-items:stretch}.intro-copy{padding:24px 4px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:.77rem;font-weight:900}.intro-copy h1,.search-card h2,.placeholder-card h2,.section-heading h2{margin:0}.intro-copy h1{font-size:clamp(2.45rem,5vw,4.7rem);line-height:.98;letter-spacing:-.055em}.intro-copy>p:last-child{font-size:1.14rem;line-height:1.65;color:var(--muted);max-width:700px}
.today-preview{width:100%;font:inherit;text-align:left;color:inherit;background:linear-gradient(135deg,#ffffff,#f4fbfb);border:1px solid #cde7e8;border-radius:var(--radius);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.today-preview:hover{transform:translateY(-2px);box-shadow:0 24px 58px rgba(38,57,61,.13);border-color:#acd9dc}.today-preview:focus-visible{outline:3px solid rgba(6,168,200,.22);outline-offset:3px}.today-preview:after{content:"";position:absolute;width:175px;height:175px;border-radius:50%;right:-68px;top:-74px;background:radial-gradient(circle,rgba(6,168,200,.16),rgba(6,168,200,0) 68%)}.today-copy{display:flex;flex-direction:column;position:relative;z-index:1;min-width:0}.today-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:900}.today-preview strong{font-size:1.35rem;margin:5px 0;line-height:1.15}.today-preview small{color:var(--muted);line-height:1.45}.today-media{display:grid;place-items:center;flex:0 0 auto;width:88px;height:88px;border-radius:22px;background:linear-gradient(145deg,#f4fbfb,#e4f3f1);border:1px solid rgba(6,168,200,.17);position:relative;overflow:hidden;z-index:1}.today-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:4px;opacity:0;transition:opacity .2s ease}.today-media.has-image img{opacity:1}.today-orb{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--cyan-soft);color:var(--cyan-dark);font-size:1.7rem;box-shadow:inset 0 0 0 1px rgba(6,168,200,.2)}.today-media.has-image .today-orb{opacity:0}
.search-section{padding:8px 0 80px}.search-card{background:rgba(255,254,250,.96);border:1px solid rgba(159,182,184,.34);border-radius:30px;padding:34px;box-shadow:var(--shadow)}.search-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.search-card h2{font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.035em}.count-badge{padding:9px 14px;border-radius:999px;background:var(--gold-soft);color:#7b5a22;font-weight:850;font-size:.9rem}
.search-box{height:68px;border:1px solid #c8dcdd;border-radius:20px;background:#fbfdfc;display:flex;align-items:center;gap:12px;padding:0 18px;transition:.2s}.search-box:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(6,168,200,.1)}.search-box>span{font-size:1.9rem;color:#789097;transform:rotate(-14deg)}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:1.05rem;color:var(--ink)}.search-box input::placeholder{color:#91a1a6}.search-help{margin:10px 3px 0;color:var(--muted);font-size:.94rem}.search-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.button{border:0;border-radius:16px;min-height:50px;padding:0 20px;font-weight:850;transition:transform .16s,box-shadow .16s,background .16s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--cyan);color:white;box-shadow:0 10px 24px rgba(6,168,200,.18)}.button-random{background:#eef7f2;color:#1f6a57;border:1px solid #d3e8df}.button-ghost{background:#eef1ef;color:var(--ink)}.button-load{min-width:260px;background:var(--cyan);color:white;font-size:1rem}
.advanced-panel{margin-top:24px;border-top:1px solid var(--line);padding-top:26px}.range-block{background:#f7faf8;border:1px solid #e1e9e5;border-radius:20px;padding:22px}.filter-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}.filter-heading>div{display:flex;flex-direction:column}.filter-heading small{color:var(--muted);text-align:right}.filter-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:900;margin-bottom:4px}.number-range{display:flex;align-items:flex-end;justify-content:flex-start;gap:14px;margin-top:18px}.number-range label{display:flex;flex-direction:column;gap:6px}.number-range label span{font-size:.75rem;color:var(--muted);font-weight:800}.number-range input{width:136px;height:52px;border:1px solid #cfdcdc;border-radius:14px;background:white;padding:0 14px;font-weight:800;color:var(--ink)}.range-separator{font-weight:900;font-size:1.2rem;padding-bottom:13px;color:var(--muted)}
.accordion-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.filter-accordion{border:1px solid var(--line);border-radius:18px;background:#fff}.accordion-trigger{width:100%;min-height:56px;border:0;background:transparent;color:var(--ink);padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-weight:900;text-align:left}.accordion-trigger span{font-size:1.4rem;color:var(--cyan-dark)}.accordion-content{padding:0 16px 18px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-grid button,.ability-demo-list button{border:1px solid #dce7e4;background:#f7faf8;border-radius:12px;min-height:42px;color:var(--ink);font-weight:750}.choice-grid button.is-selected{border-color:var(--cyan);background:var(--cyan-soft);color:var(--cyan-dark)}.mini-search{height:46px;border:1px solid #dce6e5;border-radius:12px;display:flex;align-items:center;padding:0 12px;gap:8px;margin-bottom:10px}.mini-search input{border:0;outline:0;width:100%;background:transparent}.ability-demo-list{display:grid;gap:7px}.ability-demo-list button{text-align:left;padding:0 12px}.phase-note{font-size:.78rem;line-height:1.45;color:var(--muted);margin:12px 2px 0}.advanced-actions{display:flex;gap:10px;margin-top:18px}
.archive-memory{margin-top:32px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.section-heading.compact h2{font-size:1.28rem}.muted{color:var(--muted);font-size:.82rem}.recent-row{display:flex;gap:12px;overflow:auto;padding:10px 2px 12px;scrollbar-width:none;min-height:92px}.recent-row::-webkit-scrollbar{display:none}.recent-card{flex:0 0 190px;min-width:0;border:1px solid #dce7e4;background:rgba(255,254,250,.96);border-radius:18px;padding:8px;display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px;text-align:left;color:var(--ink);box-shadow:0 7px 20px rgba(30,66,73,.07);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.recent-card:hover{transform:translateY(-2px);border-color:#bddbd8;box-shadow:0 12px 24px rgba(30,66,73,.11)}.recent-card:focus-visible{outline:3px solid rgba(6,168,200,.2);outline-offset:2px}.recent-art{width:66px;height:66px;border-radius:13px;background:linear-gradient(145deg,#f5f8f5,#eaf1ed);display:grid;place-items:center;position:relative;overflow:hidden;color:var(--cyan-dark);font-weight:900}.recent-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:2px;opacity:0;transition:opacity .18s}.recent-art.has-image img{opacity:1}.recent-art.has-image span{opacity:0}.recent-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.recent-copy small{color:var(--gold);font-weight:900;letter-spacing:.04em}.recent-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.93rem}.recent-empty{margin:0;align-self:center;color:var(--muted);font-size:.88rem;padding:16px 2px}
.active-filters{margin-top:24px;background:#fff8ec;border:1px solid #efdfc1;border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.active-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:#8c6a31;font-weight:900}.filter-chip-wrap{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:0;border-radius:999px;background:var(--gold-soft);color:#745522;padding:8px 12px;font-weight:800}.results-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:34px 0 18px}.results-header>div{display:flex;flex-direction:column;gap:4px}.results-header strong{font-size:1.25rem}.results-header small{color:var(--muted)}.sort-button{min-height:44px;border:1px solid #d7e2e1;border-radius:13px;background:white;padding:0 14px;color:var(--ink);font-weight:800}
.chimon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.chimon-card{background:rgba(255,254,250,.96);border:1px solid rgba(164,186,185,.34);border-radius:20px;padding:12px;box-shadow:0 11px 30px rgba(42,70,73,.055);min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s}.chimon-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(42,70,73,.1);border-color:#bfdcda}.art-placeholder{aspect-ratio:1/1;border-radius:15px;background:radial-gradient(circle at 50% 42%,rgba(6,168,200,.12),transparent 37%),linear-gradient(145deg,#f5f7f4,#e9efeb);display:grid;place-items:center;color:#8ba1a4;font-size:.82rem;position:relative;overflow:hidden}.art-placeholder:before{content:"";width:72px;height:72px;border-radius:50%;border:1px solid rgba(6,168,200,.18);box-shadow:0 0 0 18px rgba(6,168,200,.035),0 0 0 35px rgba(6,168,200,.02);position:absolute}.art-placeholder strong{position:relative;color:var(--cyan-dark);font-size:1rem}.card-content{padding:12px 3px 4px}.dex-number{font-size:.74rem;color:var(--gold);font-weight:900;letter-spacing:.07em}.chimon-card h3{margin:4px 0 9px;font-size:1.15rem;letter-spacing:-.02em}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.type-tag,.family-tag{font-size:.72rem;font-weight:850;padding:5px 9px;border-radius:999px}.type-tag{background:var(--cyan-soft);color:#197289}.type-tag.second{background:#eee7f7;color:#74549a}.family-tag{background:var(--gold-soft);color:#7b5b25}.card-meta{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.76rem}.gp{font-weight:900;color:#745b2b}.load-more-area{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:34px}.load-more-area span{color:var(--muted);font-size:.85rem}
.placeholder-section{padding:16px 0 50px}.placeholder-card{background:rgba(255,254,250,.72);border:1px dashed #c9d8d5;border-radius:24px;padding:28px}.placeholder-card p:last-child{color:var(--muted)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#15343e;color:white;padding:12px 16px;border-radius:13px;box-shadow:0 14px 40px rgba(15,45,55,.24);font-weight:750;transition:.22s;z-index:80}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.chimon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-grid{grid-template-columns:1fr}.today-preview{max-width:650px}.accordion-list{grid-template-columns:1fr}}
@media(max-width:720px){.shell{width:min(100% - 24px,1240px)}.header-inner{height:74px}.brand img{width:48px;height:48px}.brand-copy strong{font-size:1rem}.brand-copy small{font-size:.62rem}.menu-button{display:block}.main-nav{position:absolute;top:74px;left:12px;right:12px;background:#fffefa;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.main-nav a{text-align:center}.intro-section{padding:34px 0 18px}.intro-copy{padding:10px 2px}.intro-copy h1{font-size:2.55rem}.intro-copy>p:last-child{font-size:1rem}.today-preview{padding:18px 20px}.today-media{width:80px;height:80px}.search-card{padding:20px;border-radius:24px}.search-title-row{align-items:flex-start}.count-badge{font-size:.78rem}.search-box{height:62px}.search-box input{font-size:.97rem}.search-actions{display:grid;grid-template-columns:1fr}.button{width:100%;min-height:54px}.filter-heading{align-items:flex-start;flex-direction:column}.filter-heading small{text-align:left}.number-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.number-range label input{width:100%}.chimon-grid{grid-template-columns:1fr;gap:14px}.chimon-card{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:11px}.art-placeholder{aspect-ratio:1/1}.card-content{padding:6px 3px;display:flex;flex-direction:column;justify-content:center}.chimon-card h3{font-size:1.3rem}.results-header{align-items:flex-start}.results-header small{display:none}.sort-button{font-size:.83rem}.archive-memory{margin-top:28px}.recent-card{flex-basis:178px;grid-template-columns:62px minmax(0,1fr)}.recent-art{width:62px;height:62px}.advanced-actions{display:grid;grid-template-columns:1fr}.active-filters{align-items:flex-start}.load-more-area{margin-top:26px}}
@media(max-width:420px){.brand-copy small{display:none}.search-title-row{display:block}.count-badge{display:inline-block;margin-top:12px}.today-preview small{display:none}.today-media{width:70px;height:70px;border-radius:18px}.today-orb{width:52px;height:52px}.number-range{gap:8px}.range-separator{padding-bottom:13px}.choice-grid{grid-template-columns:1fr 1fr}.chimon-card{grid-template-columns:104px minmax(0,1fr)}.tag-row{gap:5px}.type-tag,.family-tag{padding:5px 8px}.results-header{gap:8px}.sort-button{padding:0 10px}}
@media(min-width:981px) and (max-width:1120px){.chimon-grid{gap:16px}.chimon-card{padding:10px}}

/* V2-02 · echte Daten, 12er-Rendering und Cloudinary-optimierte Artworks */
.art-frame{aspect-ratio:1/1;border-radius:15px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--card-accent,#06a8c8) 12%,transparent),transparent 38%),linear-gradient(145deg,#f6f8f5,#e9efeb);display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--card-accent,#06a8c8) 18%,#dce6e3)}
.art-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px;opacity:0;transition:opacity .2s ease}.art-frame.has-image img{opacity:1}.art-fallback{display:flex;flex-direction:column;align-items:center;gap:4px;color:color-mix(in srgb,var(--card-accent,#06a8c8) 72%,#36565f);font-weight:900}.art-fallback span{font-size:1.55rem}.art-fallback small{font-size:.72rem;letter-spacing:.06em}.art-frame.has-image .art-fallback{opacity:0}.chimon-card{border-top-color:color-mix(in srgb,var(--card-accent,#06a8c8) 28%,#dfe7e5)}
.type-tag{background:color-mix(in srgb,var(--tag-color,#06a8c8) 13%,#fff);color:color-mix(in srgb,var(--tag-color,#06a8c8) 78%,#263b40);border:1px solid color-mix(in srgb,var(--tag-color,#06a8c8) 28%,#fff)}
.family-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.empty-results{grid-column:1/-1;min-height:260px;border:1px dashed #c9d8d5;background:rgba(255,254,250,.72);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;color:var(--muted)}.empty-results>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--cyan-soft);color:var(--cyan-dark);font-size:1.4rem;font-weight:900;margin-bottom:12px}.empty-results strong{color:var(--ink);font-size:1.15rem}.empty-results p{max-width:460px;margin:7px 0 0}.empty-results.error>span{background:#fbe3df;color:#a14b3a}.load-more-area.is-complete .button-load{display:none}
@media(max-width:720px){.art-frame{aspect-ratio:1/1}.art-frame img{padding:5px}.family-text{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chimon-card{align-items:center}}

/* V2-03 · echte erweiterte Filter, aktive Filterchips und dynamische Auswahl */
.choice-grid button[data-filter-value],.ability-choice-list button[data-filter-value],.effect-choice-list button[data-filter-value]{position:relative;text-align:left;padding:8px 12px;border:1px solid #dce7e4;background:#f7faf8;border-radius:12px;min-height:44px;color:var(--ink);font-weight:760;transition:border-color .15s,background .15s,color .15s,transform .15s}
.choice-grid button[data-filter-value]:hover,.ability-choice-list button[data-filter-value]:hover,.effect-choice-list button[data-filter-value]:hover{transform:translateY(-1px);border-color:#bfdad8}
.choice-grid button.is-selected,.ability-choice-list button.is-selected,.effect-choice-list button.is-selected{border-color:var(--choice-accent,var(--cyan));background:color-mix(in srgb,var(--choice-accent,var(--cyan)) 12%,#fff);color:color-mix(in srgb,var(--choice-accent,var(--cyan)) 78%,#243d43);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--choice-accent,var(--cyan)) 12%,transparent)}
.choice-grid button.is-selected:after,.ability-choice-list button.is-selected:after,.effect-choice-list button.is-selected:after{content:"✓";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--cyan-dark)}
.type-grid button{--choice-accent:var(--cyan)}
.ability-choice-list,.effect-choice-list{display:grid;gap:7px;max-height:330px;overflow:auto;padding-right:3px;scrollbar-width:thin}
.filter-list-note{font-size:.76rem;line-height:1.45;color:var(--muted);margin:10px 2px 0}
.gp-filter-block{margin-top:16px;padding-top:16px;border-top:1px solid #e7edeb}.gp-filter-label{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;color:var(--gold);font-weight:900;margin-bottom:4px}.compact-range{margin-top:10px}.compact-range input{width:100%;min-width:0}
.filter-chip{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.filter-chip span{font-size:1rem;line-height:1;color:#8b6428}.clear-filter-button{border:1px solid #e3d0ae;background:transparent;color:#7e6030;border-radius:999px;padding:7px 11px;font-weight:800}
.advanced-actions{position:sticky;bottom:8px;padding:10px;border-radius:16px;background:rgba(255,254,250,.94);backdrop-filter:blur(10px);border:1px solid rgba(215,226,224,.85);box-shadow:0 10px 28px rgba(49,72,74,.08);z-index:4}
@media(max-width:720px){.ability-choice-list,.effect-choice-list{max-height:300px}.advanced-actions{bottom:6px}.filter-chip-wrap{width:100%}.filter-chip,.clear-filter-button{min-height:40px}.gp-filter-block .number-range{display:grid;grid-template-columns:1fr auto 1fr}}

/* V2-04 · responsive Chimon-Detailseite */
body.detail-open .intro-section,
body.detail-open .search-section,
body.detail-open .placeholder-section{display:none}
.detail-section{padding:34px 0 82px}
.detail-shell{display:grid;gap:22px}
.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.detail-back-button{min-height:46px;border:1px solid #d4e1de;border-radius:14px;background:rgba(255,254,250,.92);color:var(--ink);padding:0 16px;font-weight:850;box-shadow:0 7px 20px rgba(35,64,69,.05)}
.detail-back-button:hover{border-color:#b8d8d6;background:#fff}
.detail-form-context{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:900}
.detail-layout{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);gap:24px;align-items:start;--detail-accent:var(--cyan)}
.detail-media-column{position:sticky;top:112px}
.detail-media-card,.detail-section-card{background:rgba(255,254,250,.96);border:1px solid rgba(157,182,181,.36);border-radius:26px;box-shadow:var(--shadow)}
.detail-media-card{padding:16px;border-top:3px solid color-mix(in srgb,var(--detail-accent) 58%,#fff)}
.detail-media-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-weight:900;padding:2px 4px 12px}
.detail-media-frame{aspect-ratio:1/1;border-radius:20px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--detail-accent) 15%,transparent),transparent 40%),linear-gradient(145deg,#f8faf7,#edf2ee);border:1px solid color-mix(in srgb,var(--detail-accent) 21%,#dfe8e5);transition:aspect-ratio .18s ease}
.detail-media-frame.is-card-view{aspect-ratio:5/7;background:linear-gradient(145deg,#f6f7f4,#e8ece8)}
.detail-media-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px;opacity:0;transition:opacity .2s ease}
.detail-media-frame.is-card-view img{padding:8px}
.detail-media-frame.has-image img{opacity:1}
.detail-media-fallback{display:flex;flex-direction:column;align-items:center;gap:5px;color:color-mix(in srgb,var(--detail-accent) 70%,#425f66);font-weight:900}
.detail-media-fallback span{font-size:2.1rem}.detail-media-fallback small{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.detail-media-frame.has-image .detail-media-fallback{opacity:0}
.detail-view-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.detail-switch-button{min-height:46px;border:1px solid #dbe6e3;border-radius:13px;background:#f6f9f7;color:var(--ink);padding:7px 9px;font-weight:800;font-size:.84rem}
.detail-switch-button.is-active{border-color:var(--detail-accent);background:color-mix(in srgb,var(--detail-accent) 12%,#fff);color:color-mix(in srgb,var(--detail-accent) 80%,#243b42);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--detail-accent) 12%,transparent)}
.detail-content-column{display:grid;gap:18px;min-width:0}
.detail-hero-copy{padding:26px 28px;background:rgba(255,254,250,.9);border:1px solid rgba(158,182,181,.32);border-radius:26px;box-shadow:0 13px 38px rgba(38,64,68,.055);border-top:3px solid color-mix(in srgb,var(--detail-accent) 58%,#fff)}
.detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.detail-number{display:block;color:var(--gold);font-weight:900;letter-spacing:.09em;font-size:.82rem;margin-bottom:4px}
.detail-title-row h1{margin:0;font-size:clamp(2.35rem,5vw,4.4rem);line-height:.96;letter-spacing:-.055em}
.detail-class-badge{flex:0 0 auto;padding:9px 13px;border-radius:999px;background:var(--gold-soft);color:#755723;font-size:.78rem;font-weight:900}
.detail-type-row,.detail-family-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.detail-family-row{margin-top:8px}
.detail-type-tag,.detail-family-tag,.detail-muted-tag{display:inline-flex;align-items:center;min-height:32px;padding:5px 11px;border-radius:999px;font-size:.78rem;font-weight:850}
.detail-type-tag{background:color-mix(in srgb,var(--tag-color,#06a8c8) 13%,#fff);color:color-mix(in srgb,var(--tag-color,#06a8c8) 80%,#263b40);border:1px solid color-mix(in srgb,var(--tag-color,#06a8c8) 30%,#fff)}
.detail-family-tag{background:var(--gold-soft);color:#765824;border:1px solid #ead9bb}
.detail-muted-tag{background:#eef2f0;color:var(--muted)}
.detail-description{margin:20px 0 0;color:#536a72;line-height:1.72;font-size:1.01rem}
.detail-section-card{padding:24px}
.detail-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:17px}
.detail-section-heading h2{margin:2px 0 0;font-size:1.38rem;letter-spacing:-.025em}
.detail-kicker{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-weight:900}
.detail-gp-total{font-size:1.28rem;color:#765923}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.stat-tile{min-width:0;padding:14px 12px;border-radius:15px;background:#f5f9f7;border:1px solid #e0e9e6;text-align:center}
.stat-tile span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;margin-bottom:4px}.stat-tile strong{font-size:1.42rem;letter-spacing:-.02em}
.ability-card-detail{padding:16px;border-radius:17px;background:linear-gradient(145deg,#f7f4fb,#fbfafc);border:1px solid #e5ddee}
.ability-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ability-title-row strong{font-size:1.12rem}.resolution-badge{font-size:.7rem;padding:6px 9px;border-radius:999px;background:#eee7f7;color:#6d4f91;font-weight:850;text-align:center}
.ability-card-detail p{margin:12px 0 0;color:#526870;line-height:1.62}
.attack-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.attack-card-detail{min-width:0;padding:16px;border-radius:18px;background:#fafcfb;border:1px solid color-mix(in srgb,var(--attack-accent,#06a8c8) 20%,#dfe8e5);border-top:3px solid color-mix(in srgb,var(--attack-accent,#06a8c8) 65%,#fff)}
.attack-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.attack-slot{display:block;font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:850}.attack-card-head h3{margin:3px 0 0;font-size:1.1rem}.attack-power{flex:0 0 auto;min-width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--attack-accent,#06a8c8) 12%,#fff);display:grid;place-items:center;font-size:1.18rem;color:color-mix(in srgb,var(--attack-accent,#06a8c8) 82%,#293c41)}
.attack-meta-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px}.attack-category{font-size:.74rem;padding:5px 9px;border-radius:999px;background:#eef2f0;color:#586c73;font-weight:800}
.attack-printed{margin:12px 0 0;font-weight:800;color:#496169}
.attack-effects{display:grid;gap:8px;margin-top:12px}.attack-effect-row{padding-top:10px;border-top:1px solid #e5ece9}.attack-effect-row>div{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.attack-effect-row>div span{font-size:.68rem;color:#72558d;font-weight:800;text-align:right}.attack-effect-row p{margin:6px 0 0;color:#5b6f76;line-height:1.48;font-size:.86rem}
.detail-empty-copy{margin:0;color:var(--muted)}
.evolution-section-card{padding:25px 26px}
.evolution-chain{display:flex;align-items:center;justify-content:center;gap:14px;overflow:auto;padding:4px 0 8px;scrollbar-width:thin}
.evolution-node{flex:0 0 170px;border:1px solid #dce6e3;border-radius:19px;background:#f9fbf9;padding:11px;color:var(--ink);display:flex;flex-direction:column;align-items:center;text-align:center;transition:.16s}
.evolution-node:hover{transform:translateY(-2px);border-color:#b9d8d5}.evolution-node.is-current{border-color:var(--cyan);background:var(--cyan-soft);box-shadow:inset 0 0 0 1px rgba(6,168,200,.12)}
.evolution-art{width:118px;height:118px;border-radius:16px;display:grid;place-items:center;background:white;overflow:hidden}.evolution-art img{width:100%;height:100%;object-fit:contain;padding:5px}
.evolution-number{margin-top:8px;color:var(--gold);font-size:.69rem;font-weight:900;letter-spacing:.07em}.evolution-node strong{margin-top:2px;font-size:.98rem}.evolution-node small{margin-top:3px;color:var(--muted)}
.evolution-arrow{flex:0 0 auto;color:#83a0a3;font-size:1.55rem;font-weight:900}.single-evolution-note{padding:20px;border:1px dashed #cbdad7;border-radius:16px;color:var(--muted);text-align:center;background:#f8faf9}
.detail-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px}
.archive-data-grid{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.archive-data-item{padding:13px 14px;border-radius:14px;background:#f7f9f7;border:1px solid #e4ebe8}.archive-data-item dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:var(--gold);font-weight:900}.archive-data-item dd{margin:5px 0 0;line-height:1.45;font-weight:700;color:#496169}
.keeper-preview-card{display:flex;flex-direction:column;justify-content:space-between;gap:20px;background:radial-gradient(circle at 100% 0,rgba(6,168,200,.11),transparent 36%),linear-gradient(145deg,#fffdf8,#f4fbfa)}
.keeper-preview-card h2{margin:3px 0 8px}.keeper-preview-card p{margin:0;color:var(--muted);line-height:1.55}.keeper-preview-card small{color:var(--muted);line-height:1.45}.keeper-button{width:100%;background:linear-gradient(135deg,var(--cyan),#168fb0);color:white;box-shadow:0 11px 25px rgba(6,168,200,.18)}

@media(max-width:980px){
  .detail-layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px}
  .detail-media-column{top:102px}
  .stats-grid{grid-template-columns:1fr 1fr}
  .attack-grid{grid-template-columns:1fr}
  .detail-bottom-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .detail-section{padding:20px 0 58px}
  .detail-toolbar{align-items:center}.detail-form-context{font-size:.66rem;text-align:right}.detail-back-button{min-height:44px;padding:0 12px;font-size:.86rem}
  .detail-layout{grid-template-columns:1fr;gap:14px}
  .detail-media-column{position:static}
  .detail-media-card{padding:12px;border-radius:22px}
  .detail-media-frame{max-height:none}
  .detail-view-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-switch-button{min-height:50px;font-size:.83rem}
  .detail-hero-copy,.detail-section-card{padding:20px;border-radius:22px}
  .detail-title-row h1{font-size:2.7rem}.detail-title-row{gap:10px}.detail-class-badge{padding:8px 10px;font-size:.72rem}
  .detail-description{font-size:.96rem}
  .stats-grid{grid-template-columns:1fr 1fr}.stat-tile{padding:13px 9px}
  .ability-title-row{align-items:flex-start;flex-direction:column}.resolution-badge{text-align:left}
  .attack-grid{grid-template-columns:1fr}
  .evolution-section-card{padding:20px}
  .evolution-chain{justify-content:flex-start;gap:9px;padding-bottom:12px}
  .evolution-node{flex-basis:142px}.evolution-art{width:100px;height:100px}.evolution-arrow{font-size:1.2rem}
  .archive-data-grid{grid-template-columns:1fr}
}
@media(max-width:420px){
  .detail-toolbar{gap:8px}.detail-form-context{display:none}
  .detail-title-row{display:block}.detail-class-badge{display:inline-flex;margin-top:12px}
  .detail-view-switcher{grid-template-columns:1fr 1fr}
  .stats-grid{gap:8px}.stat-tile strong{font-size:1.28rem}
  .detail-section-heading{align-items:flex-start}.detail-gp-total{font-size:1.05rem}
}

/* V2-05 · Hüter-Wissen: regelaufgelöste Vollbildansicht */
.knowledge-overlay{position:fixed;inset:0;z-index:120;background:#06101a;color:#e9f3f6;overflow:hidden}.knowledge-overlay[hidden]{display:none!important}
.knowledge-loader{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:radial-gradient(circle at 50% 42%,rgba(87,214,255,.14),transparent 27%),radial-gradient(circle at 50% 52%,rgba(214,179,107,.09),transparent 42%),linear-gradient(180deg,#081725,#030a11);transition:opacity .3s ease,visibility .3s ease}
.knowledge-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.knowledge-loader-sigil{width:142px;height:142px;position:relative;display:grid;place-items:center;margin-bottom:25px}
.knowledge-loader-sigil img{width:78px;height:78px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 18px rgba(87,214,255,.35))}
.knowledge-loader-ring{position:absolute;inset:7px;border:1px solid rgba(87,214,255,.34);border-radius:50%;box-shadow:0 0 24px rgba(87,214,255,.08)}
.knowledge-loader-ring::before,.knowledge-loader-ring::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#d8bd7b;box-shadow:0 0 12px rgba(216,189,123,.7)}
.knowledge-loader-ring::before{left:50%;top:-4px}.knowledge-loader-ring::after{left:50%;bottom:-4px}
.knowledge-loader-ring.ring-one{animation:knowledgeSpin 2.3s linear infinite}.knowledge-loader-ring.ring-two{inset:22px;border-color:rgba(216,189,123,.25);animation:knowledgeSpinReverse 3.2s linear infinite}.knowledge-loader-ring.ring-two::before,.knowledge-loader-ring.ring-two::after{background:#68dff1}
.knowledge-loader-kicker{margin:0 0 9px;color:#d9bc7b;font-size:.72rem;font-weight:900;letter-spacing:.2em}.knowledge-loader h2{margin:0;color:#eef9fb;font-size:clamp(1.35rem,3vw,2rem);line-height:1.2}.knowledge-loader-trace{width:min(260px,72vw);height:3px;margin:22px 0 12px;border-radius:999px;overflow:hidden;background:#102738}.knowledge-loader-trace span{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#6be4f6,#d9bd7b,transparent);animation:knowledgeTrace 1.25s ease-in-out infinite}.knowledge-loader-name{margin:0;color:#8eaab8;font-size:.8rem}
@keyframes knowledgeSpin{to{transform:rotate(360deg)}}@keyframes knowledgeSpinReverse{to{transform:rotate(-360deg)}}@keyframes knowledgeTrace{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}

.knowledge-view{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;background:radial-gradient(circle at 50% -8%,rgba(87,214,255,.11),transparent 28%),linear-gradient(180deg,#081725,#06111c 52%,#03090f)}
.knowledge-view.is-ready{opacity:1;transform:none}.knowledge-shell{min-height:100%;max-width:1060px;margin:0 auto;padding-bottom:calc(36px + env(safe-area-inset-bottom))}
.knowledge-topbar{position:sticky;top:0;z-index:5;min-height:72px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:10px;background:rgba(5,14,23,.92);backdrop-filter:blur(18px);border-bottom:1px solid #173249}
.knowledge-topbar>div{text-align:center;min-width:0}.knowledge-topbar small{display:block;color:#d3b56f;font-size:.58rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.knowledge-topbar strong{display:block;margin-top:3px;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.knowledge-top-button{width:50px;height:50px;border:1px solid #1b3a4f;border-radius:16px;background:#0b1b29;color:#dcecf2;display:grid;place-items:center;font-size:1.75rem;cursor:pointer}.knowledge-top-button:hover{background:#102637;border-color:#2b5369}.knowledge-top-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.knowledge-main{padding:22px 22px 34px}
.knowledge-hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--knowledge-color,#5bd8ec) 31%,#173149);border-radius:28px;padding:28px 26px;background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--knowledge-color,#5bd8ec) 17%,transparent),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--knowledge-color,#5bd8ec) 7%,#112a3a),#0a1723 72%);box-shadow:0 18px 46px rgba(0,0,0,.23)}
.knowledge-hero>p{margin:0 0 9px;color:#d3b56f;font-size:.65rem;font-weight:900;letter-spacing:.15em}.knowledge-hero h1{margin:0;font-size:clamp(2.4rem,6vw,4.5rem);line-height:.98;letter-spacing:-.045em}.knowledge-hero-meta{margin-top:10px;color:#bfd1d9;font-size:.9rem}.knowledge-note{margin-top:16px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px;color:#8ea9b6;font-size:.82rem;line-height:1.55}
.knowledge-section{margin-top:17px;border:1px solid #173047;border-radius:24px;background:rgba(8,22,34,.86);padding:19px;box-shadow:0 11px 28px rgba(0,0,0,.14)}
.knowledge-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:14px}.knowledge-section-head small{display:block;color:#78cfe2;font-size:.58rem;font-weight:900;letter-spacing:.14em}.knowledge-section-head h2{margin:4px 0 0;font-size:1.32rem;color:#edf5f7}
.knowledge-form-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.knowledge-form-card{min-width:0;border:1px solid #1a3850;border-radius:20px;background:#091925;color:#e9f3f6;padding:9px;text-align:left;cursor:pointer;transition:.17s}
.knowledge-form-card:hover{transform:translateY(-2px);border-color:#2a536b}.knowledge-form-card.is-active{border-color:#d0b66e;background:linear-gradient(145deg,rgba(208,182,110,.12),#0a1c29);box-shadow:0 0 0 1px rgba(208,182,110,.12),0 0 24px rgba(87,214,255,.08)}
.knowledge-card-frame{position:relative;aspect-ratio:63/88;border-radius:15px;overflow:hidden;background:#0c2030;display:grid;place-items:center}.knowledge-card-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s ease}.knowledge-card-frame.has-image img{opacity:1}.knowledge-card-fallback{font-size:1.8rem;color:#5fa9bb}.knowledge-card-frame.has-image .knowledge-card-fallback{opacity:0}.knowledge-form-card>span:last-child{display:block;padding:10px 5px 3px}.knowledge-form-card strong{font-size:1rem;color:#f0d795}.knowledge-form-card small{display:block;margin-top:3px;color:#8fa9b5;font-size:.72rem}
.knowledge-core-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.knowledge-type-pill,.knowledge-family-pill,.knowledge-micro-tag{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:850}.knowledge-type-pill{border:1px solid color-mix(in srgb,var(--pill-color,#65d6e8) 48%,#23495d);background:color-mix(in srgb,var(--pill-color,#65d6e8) 14%,#0c2030);color:#dceff3}.knowledge-family-pill{border:1px solid rgba(213,182,109,.28);background:rgba(213,182,109,.09);color:#ebd79e}.knowledge-micro-tag{border:1px solid #25485e;background:#0e2231;color:#a9c2cd}
.knowledge-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.knowledge-stat-grid>div{min-height:72px;border:1px solid #173349;border-radius:16px;background:#0a1b29;padding:11px 7px;text-align:center;display:flex;flex-direction:column;justify-content:center}.knowledge-stat-grid span{display:block;color:#7694a5;font-size:.6rem;text-transform:uppercase;font-weight:900;letter-spacing:.07em}.knowledge-stat-grid strong{display:block;margin-top:5px;font-size:1.2rem;color:#e9f2f5}
.knowledge-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.knowledge-rule-card{--rule-color:#69d7e9;position:relative;border:1px solid #19354a;border-top:2px solid var(--rule-color);border-radius:18px;background:#091a28;padding:14px}.knowledge-rule-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.knowledge-rule-head strong{font-size:1rem;color:#eef6f7}.knowledge-rule-head>span{border:1px solid #22465d;border-radius:999px;padding:5px 9px;color:#8fb0bd;font-size:.56rem;font-weight:900;text-transform:uppercase}.knowledge-rule-card p,.knowledge-ability-card p,.knowledge-attack p{margin:9px 0 0;color:#b3c6cf;font-size:.82rem;line-height:1.58}.knowledge-rule-card small{display:block;margin-top:10px;padding-top:9px;border-top:1px solid #143047;color:#7899a8;font-size:.7rem;line-height:1.5}.knowledge-rule-card.family-rule{--rule-color:#d5b66d}.knowledge-rule-card.status-rule{--rule-color:#e98490}.knowledge-rule-card.zone-rule{--rule-color:#8eb7e6}
.knowledge-param-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.knowledge-param-row span{display:inline-flex;align-items:center;min-height:28px;border:1px solid #22445b;border-radius:999px;background:#0d2231;padding:5px 9px;color:#a9c1cc;font-size:.66rem;font-weight:800}
.knowledge-ability-card{border:1px solid rgba(185,148,232,.24);border-radius:19px;background:linear-gradient(145deg,rgba(53,39,78,.6),#0a1826 74%);padding:16px}.knowledge-ability-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.knowledge-ability-head strong{font-size:1.08rem;color:#efecf6}.knowledge-ability-head span{border:1px solid rgba(185,148,232,.27);border-radius:999px;padding:5px 9px;color:#cbb8e5;font-size:.62rem}.knowledge-mode{display:inline-flex;margin-top:11px;border:1px solid rgba(120,221,181,.22);border-radius:999px;background:rgba(120,221,181,.08);padding:7px 10px;color:#a9dcc4;font-size:.68rem;font-weight:850}
.knowledge-attacks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.knowledge-attack{min-width:0;border:1px solid #18364d;border-left:3px solid var(--attack-color,#65d6e8);border-radius:19px;background:#091a28;padding:15px}.knowledge-attack-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.knowledge-attack-head>div{min-width:0}.knowledge-attack-head strong{font-size:1.05rem}.knowledge-attack-head>b{min-width:48px;min-height:42px;display:grid;place-items:center;text-align:center;border:1px solid #28455b;border-radius:13px;padding:7px;color:#f0d795;background:#102334;font-size:1.05rem}.knowledge-attack-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.knowledge-printed{color:#9fb6c1!important}.knowledge-effect-list{display:grid;gap:9px;margin-top:11px}.knowledge-effect{border-top:1px solid #163047;padding-top:10px}.knowledge-effect strong{font-size:.83rem;color:#e6edf0}.knowledge-effect p{margin-top:5px}.knowledge-effect small{display:block;margin-top:8px;color:#799aa8;font-size:.66rem}.knowledge-no-effect{margin-top:11px;padding-top:10px;border-top:1px solid #153048;color:#7594a3;font-size:.72rem}
.knowledge-empty{border:1px dashed #234156;border-radius:18px;padding:22px 14px;text-align:center;color:#7897a5;font-size:.8rem;line-height:1.5}.knowledge-links{margin-top:17px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.knowledge-links a{min-height:54px;border:1px solid #214156;border-radius:16px;background:#0c1e2d;color:#bfe8ef;text-decoration:none;display:grid;place-items:center;font-size:.78rem;font-weight:850}.knowledge-links a:hover{border-color:#3b6579;background:#10283a}.knowledge-links p{grid-column:1/-1;margin:2px 4px 0;color:#657f8e;font-size:.66rem;line-height:1.5;text-align:center}
.knowledge-why-button{width:100%;min-height:50px;margin-top:12px;border:1px solid rgba(214,179,107,.34);border-radius:15px;background:linear-gradient(135deg,rgba(214,179,107,.14),rgba(87,214,255,.07));color:#f2dca8;font:inherit;font-size:.8rem;font-weight:900;letter-spacing:.01em;cursor:pointer}.knowledge-why-button::after{content:' +';color:#82d9e9}.knowledge-why-button[aria-expanded="true"]::after{content:' −'}.knowledge-why-answer{margin-top:9px;border-left:3px solid #d5b66d;border-radius:0 13px 13px 0;background:rgba(214,179,107,.08);padding:11px 12px;color:#c9d5d9;font-size:.76rem;line-height:1.55}

@media(max-width:800px){
  .knowledge-main{padding:16px 14px 30px}.knowledge-shell{max-width:760px}.knowledge-form-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(72vw,260px);gap:14px;overflow-x:auto;padding:3px 3px 11px;scroll-snap-type:x mandatory}.knowledge-form-card{scroll-snap-align:center}.knowledge-rule-grid,.knowledge-attacks{grid-template-columns:1fr}.knowledge-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge-hero{padding:23px 19px}.knowledge-section{padding:16px}.knowledge-topbar{grid-template-columns:52px minmax(0,1fr) 52px;padding-left:12px;padding-right:12px}
}
@media(max-width:420px){
  .knowledge-main{padding-left:11px;padding-right:11px}.knowledge-form-strip{grid-auto-columns:min(78vw,248px)}.knowledge-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-hero h1{font-size:2.2rem}.knowledge-links{grid-template-columns:1fr}.knowledge-links p{grid-column:1}.knowledge-topbar strong{font-size:.82rem}
}
@media(prefers-reduced-motion:reduce){.knowledge-loader-ring,.knowledge-loader-trace span{animation:none!important}.knowledge-view,.knowledge-loader{transition:none}}

/* V2-07 · öffentliche Regeltexte, klare Taxonomie und UX-Politur */
.header-inner{justify-content:space-between}
.class-grid button[data-filter-value]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
.class-grid button[data-filter-value] strong{font-size:.98rem;line-height:1.15}
.class-grid button[data-filter-value] small{font-size:.7rem;color:var(--muted);font-weight:800}
.class-grid button[data-filter-value].is-selected small{color:inherit;opacity:.78}
.ability-choice-list{max-height:460px}
.detail-taxonomy{display:grid;gap:9px;margin-top:18px}
.detail-taxonomy-row{display:flex;align-items:center;gap:10px;min-width:0}
.detail-taxonomy-row>strong{flex:0 0 62px;font-size:.83rem;color:#50666e}
.detail-taxonomy .detail-type-row,.detail-taxonomy .detail-family-row{margin:0;min-width:0}
.attack-effect-row>div{justify-content:flex-start}
.knowledge-ability-head{justify-content:flex-start}
@media(max-width:720px){
  .ability-choice-list{max-height:360px}
  .detail-taxonomy-row{align-items:flex-start}
  .detail-taxonomy-row>strong{padding-top:6px;flex-basis:58px}
}


/* V2-08 · Suchausbau + robuste mobile Detailmedien */
.detail-shell,.detail-layout,.detail-media-column,.detail-media-card,.detail-media-frame{min-width:0;max-width:100%}
.detail-media-card{width:100%;overflow:hidden}
.detail-media-frame{width:100%}
.detail-media-frame img{max-width:100%;max-height:100%}
body.detail-open{overflow-x:hidden}
@media(max-width:720px){
  .detail-shell{width:min(100% - 28px,1240px)}
  .detail-layout{width:100%;min-width:0}
  .detail-media-column{width:100%;min-width:0}
  .detail-media-frame{width:100%;max-width:100%;aspect-ratio:1/1}
  .detail-media-frame.is-card-view{aspect-ratio:5/7}
  .detail-media-frame img{inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
}

/* V2-08.1 · Mobile Detail-Viewport-Fix
   Ziel: Die Detailansicht bleibt auf echten Telefonbreiten strikt innerhalb
   des sichtbaren Viewports. Pinch-Zoom bleibt erlaubt; kein Zoom-Trick per JS. */
@media(max-width:820px){
  /* Verhindert iOS/Android-Autozoom beim Fokussieren kleiner Formularfelder. */
  input,select,textarea{font-size:16px}

  html,body{
    width:100%;
    max-width:100%;
    overflow-x:clip;
  }
  body.detail-open,
  body.detail-open #top,
  body.detail-open .detail-section{
    width:100%;
    max-width:100%;
    overflow-x:clip;
  }

  /* width:auto + feste Außenabstände ist robuster als eine berechnete
     Viewport-Breite und kann nicht durch intrinsische Kindbreiten aufgezogen werden. */
  body.detail-open .detail-shell{
    width:auto !important;
    max-width:none !important;
    margin-left:max(12px,env(safe-area-inset-left)) !important;
    margin-right:max(12px,env(safe-area-inset-right)) !important;
    min-width:0;
  }

  body.detail-open .detail-toolbar,
  body.detail-open .detail-layout,
  body.detail-open .detail-layout>* ,
  body.detail-open .detail-media-column,
  body.detail-open .detail-media-card,
  body.detail-open .detail-media-frame,
  body.detail-open .detail-content-column,
  body.detail-open .detail-hero-copy,
  body.detail-open .detail-section-card,
  body.detail-open .detail-bottom-grid,
  body.detail-open .detail-bottom-grid>* ,
  body.detail-open .stats-grid,
  body.detail-open .attack-grid,
  body.detail-open .archive-data-grid,
  body.detail-open .detail-view-switcher,
  body.detail-open .evolution-section-card,
  body.detail-open .evolution-chain{
    min-width:0;
    max-width:100%;
  }

  /* Telefon- und schmale Tabletbreiten immer einspaltig. Damit bleibt die
     Detailseite auch bei ungewöhnlicher Browser-/Display-Skalierung stabil. */
  body.detail-open .detail-layout{
    width:100%;
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px;
  }
  body.detail-open .detail-media-column{
    position:static;
    width:100%;
  }
  body.detail-open .detail-media-card{
    width:100%;
    padding:12px;
    overflow:hidden;
  }
  body.detail-open .detail-media-frame{
    width:100%;
    aspect-ratio:1/1;
    overflow:hidden;
  }
  body.detail-open .detail-media-frame.is-card-view{aspect-ratio:5/7}
  body.detail-open .detail-media-frame img{
    position:absolute;
    inset:0;
    display:block;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center;
  }

  /* Inhalt darf die Seite auch mit langen Namen/Regeltexten nicht verbreitern. */
  body.detail-open .detail-content-column,
  body.detail-open .detail-hero-copy,
  body.detail-open .detail-section-card,
  body.detail-open .attack-card-detail,
  body.detail-open .ability-card-detail,
  body.detail-open .archive-data-item,
  body.detail-open .detail-switch-button{
    width:100%;
  }
  body.detail-open .detail-content-column *,
  body.detail-open .detail-toolbar *{
    overflow-wrap:anywhere;
  }

  /* Nur die Entwicklungsreihe darf lokal horizontal scrollen – niemals die Seite. */
  body.detail-open .evolution-chain{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }

  /* Die bereits vorhandene Mobile-Darstellung gilt nun ebenfalls bis 820px. */
  body.detail-open .detail-section{padding:20px 0 58px}
  body.detail-open .detail-media-frame{max-height:none}
  body.detail-open .detail-view-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.detail-open .detail-switch-button{min-height:50px;font-size:.83rem}
  body.detail-open .detail-hero-copy,
  body.detail-open .detail-section-card{padding:20px;border-radius:22px}
  body.detail-open .attack-grid{grid-template-columns:minmax(0,1fr)}
  body.detail-open .detail-bottom-grid{grid-template-columns:minmax(0,1fr)}
  body.detail-open .archive-data-grid{grid-template-columns:minmax(0,1fr)}
}

/* V2-09 · UX-Patch: bewusste Suche, sticky Detail-Navigation, Karten-Lightbox */
.search-query-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:stretch;
}
.search-query-row .search-box{min-width:0}
.button-search{
  min-width:148px;
  background:var(--cyan);
  color:#fff;
  box-shadow:0 10px 24px rgba(6,168,200,.18);
}
.search-feedback{
  margin-top:14px;
  padding:14px 16px;
  border:1px solid #efc9c1;
  border-radius:16px;
  background:#fff5f2;
  color:#74473e;
  display:grid;
  gap:7px;
}
.search-feedback[hidden]{display:none!important}
.search-feedback>strong{color:#9c4939;font-size:.98rem}
.search-feedback>span{color:#79645f;font-size:.9rem}
.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:3px}
.search-suggestions button{
  min-height:42px;
  border:1px solid #e4d2ca;
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  padding:7px 11px;
  display:flex;
  align-items:center;
  gap:7px;
  text-align:left;
}
.search-suggestions button:hover{border-color:#c8a89d;background:#fffaf8}
.search-suggestions button strong{font-size:.88rem}
.search-suggestions button small{font-size:.69rem;color:var(--muted);font-weight:750}
.results-header{scroll-margin-top:112px}

/* V2-09.1 · Nur der Zurück-Button bleibt beim Lesen langer Detailseiten sichtbar. */
body.detail-open .detail-toolbar{
  position:sticky;
  top:96px;
  z-index:32;
  width:max-content;
  max-width:100%;
  align-self:start;
  justify-content:flex-start;
  padding:0;
  margin:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body.detail-open .detail-back-button{
  box-shadow:0 8px 24px rgba(35,64,69,.10);
}

/* Hüter-Wissen: Formwahl und Kartenvergrößerung sind getrennte Aktionen. */
.knowledge-form-card{
  cursor:default;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.knowledge-form-select{
  width:100%;
  min-width:0;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.knowledge-form-select>span:last-child{display:block;padding:10px 5px 3px}
.knowledge-card-zoom-button{
  width:100%;
  min-height:42px;
  margin-top:7px;
  border:1px solid #24485f;
  border-radius:12px;
  background:#0d2230;
  color:#d7eef4;
  font-size:.78rem;
  font-weight:850;
}
.knowledge-card-zoom-button:hover{border-color:#4e8ba4;background:#123047}
.knowledge-card-zoom-button:focus-visible,.knowledge-form-select:focus-visible{
  outline:3px solid rgba(87,214,255,.38);
  outline-offset:2px;
}

.card-zoom-overlay{
  position:fixed;
  inset:0;
  z-index:180;
  background:rgba(2,8,13,.93);
  padding:max(72px,calc(env(safe-area-inset-top) + 62px)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  display:grid;
  place-items:center;
  overflow:auto;
  overscroll-behavior:contain;
}
.card-zoom-overlay[hidden]{display:none!important}
.card-zoom-dialog{
  width:min(100%,1000px);
  min-width:0;
  display:grid;
  place-items:center;
  gap:10px;
}
.card-zoom-dialog img{
  display:block;
  width:auto;
  height:auto;
  max-width:min(94vw,1000px);
  max-height:calc(100dvh - 126px);
  object-fit:contain;
  border-radius:14px;
  box-shadow:0 24px 80px rgba(0,0,0,.48);
}
.card-zoom-dialog p{
  margin:0;
  color:#c8dbe2;
  font-size:.86rem;
  text-align:center;
  font-weight:750;
}
.card-zoom-close{
  position:fixed;
  z-index:2;
  top:max(14px,env(safe-area-inset-top));
  right:max(14px,env(safe-area-inset-right));
  width:50px;
  height:50px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  background:rgba(8,25,36,.92);
  color:#fff;
  font-size:2rem;
  line-height:1;
  display:grid;
  place-items:center;
  box-shadow:0 10px 34px rgba(0,0,0,.28);
}
.card-zoom-close:hover{background:#12364b}
.card-zoom-close:focus-visible{outline:3px solid rgba(87,214,255,.55);outline-offset:3px}

@media(max-width:720px){
  .search-query-row{grid-template-columns:minmax(0,1fr)}
  .button-search{width:100%;min-height:54px}
  .search-suggestions{display:grid;grid-template-columns:1fr 1fr}
  .search-suggestions button{min-width:0;display:grid;gap:1px}
  body.detail-open .detail-toolbar{top:82px}
  .results-header{scroll-margin-top:92px}
  .knowledge-card-zoom-button{min-height:46px;font-size:.84rem}
  .card-zoom-dialog img{max-width:94vw;max-height:calc(100dvh - 116px);border-radius:10px}
}
@media(max-width:420px){
  .search-suggestions{grid-template-columns:1fr}
}
\n\n/* V2-10 · Navigation & Go-Live-Release */\n.header-inner{position:relative}\n.main-nav{margin-left:auto}\n.menu-button{flex:0 0 auto}\n.menu-button:focus-visible,.main-nav a:focus-visible{outline:3px solid rgba(6,168,200,.22);outline-offset:3px}\n@media(max-width:720px){\n  .header-inner{justify-content:space-between}\n  .main-nav{z-index:70;top:calc(100% + 8px);left:auto;right:0;width:min(320px,calc(100vw - 24px));margin-left:0}\n  .main-nav a{text-align:left;padding:14px 16px}\n  .main-nav a.is-active{box-shadow:inset 3px 0 0 var(--cyan)}\n  .menu-button[aria-expanded="true"]{background:var(--cyan-soft)}\n}\n
/* V2-11 · Hell/Dunkel-Umschalter ------------------------------------------------ */
.theme-toggle{
  min-height:42px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--paper-2);
  color:var(--ink);
  padding:9px 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font:inherit;
  font-size:.84rem;
  font-weight:850;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.theme-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cyan) 45%,var(--line));background:var(--cyan-soft);color:var(--cyan-dark)}
.theme-toggle:focus-visible{outline:3px solid rgba(6,168,200,.24);outline-offset:3px}
.theme-toggle-icon{font-size:1.05rem;line-height:1}

html[data-theme="dark"]{
  color-scheme:dark;
  --page:#081018;
  --paper:#0f1a23;
  --paper-2:#13212b;
  --ink:#e8f2f3;
  --muted:#9eb1b8;
  --line:#263a45;
  --cyan:#23c2df;
  --cyan-dark:#85e6f2;
  --cyan-soft:#123844;
  --gold:#d7b56d;
  --gold-soft:#3b3020;
  --shadow:0 20px 55px rgba(0,0,0,.28);
}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 8% 12%,rgba(35,194,223,.09),transparent 26%),
    radial-gradient(circle at 94% 18%,rgba(215,181,109,.08),transparent 23%),
    repeating-linear-gradient(135deg,rgba(122,183,194,.035) 0 2px,transparent 2px 36px),
    var(--page);
}
html[data-theme="dark"] body:before,
html[data-theme="dark"] body:after{border-color:rgba(35,194,223,.08)}
html[data-theme="dark"] .site-header{background:rgba(8,16,24,.9);border-bottom-color:rgba(116,157,166,.24)}
html[data-theme="dark"] .main-nav a:hover,
html[data-theme="dark"] .main-nav a.is-active{background:var(--cyan-soft);color:var(--cyan-dark)}
html[data-theme="dark"] .theme-toggle{background:#13212b;border-color:#2a414c;color:#dce9ec}
html[data-theme="dark"] .menu-button[aria-expanded="true"]{background:var(--cyan-soft)}

html[data-theme="dark"] .today-preview{
  background:linear-gradient(135deg,#101c26,#10252d);
  border-color:#25444e;
  box-shadow:var(--shadow);
}
html[data-theme="dark"] .today-preview:hover{border-color:#3c6975;box-shadow:0 24px 58px rgba(0,0,0,.35)}
html[data-theme="dark"] .today-media{background:linear-gradient(145deg,#13252d,#0f1b24);border-color:#28505b}

html[data-theme="dark"] .search-card,
html[data-theme="dark"] .recent-card,
html[data-theme="dark"] .chimon-card,
html[data-theme="dark"] .placeholder-card,
html[data-theme="dark"] .detail-media-card,
html[data-theme="dark"] .detail-section-card,
html[data-theme="dark"] .detail-hero-copy{
  background:rgba(15,26,35,.96);
  border-color:rgba(87,123,132,.36);
  box-shadow:var(--shadow);
}
html[data-theme="dark"] .search-box,
html[data-theme="dark"] .range-block,
html[data-theme="dark"] .filter-accordion,
html[data-theme="dark"] .number-range input,
html[data-theme="dark"] .sort-button,
html[data-theme="dark"] .mini-search,
html[data-theme="dark"] .choice-grid button,
html[data-theme="dark"] .ability-demo-list button,
html[data-theme="dark"] .detail-switch-button,
html[data-theme="dark"] .stat-tile,
html[data-theme="dark"] .evolution-node,
html[data-theme="dark"] .archive-data-item{
  background:#13212b;
  border-color:#263b45;
  color:var(--ink);
}
html[data-theme="dark"] .choice-grid button[data-filter-value],
html[data-theme="dark"] .ability-choice-list button[data-filter-value],
html[data-theme="dark"] .effect-choice-list button[data-filter-value]{
  background:#13212b;
  border-color:#263b45;
  color:var(--ink);
}
html[data-theme="dark"] .choice-grid button[data-filter-value]:hover,
html[data-theme="dark"] .ability-choice-list button[data-filter-value]:hover,
html[data-theme="dark"] .effect-choice-list button[data-filter-value]:hover{
  background:#182a34;
  border-color:#3a5c68;
}
html[data-theme="dark"] .choice-grid button.is-selected,
html[data-theme="dark"] .ability-choice-list button.is-selected,
html[data-theme="dark"] .effect-choice-list button.is-selected{
  background:color-mix(in srgb,var(--choice-accent,var(--cyan)) 18%,#13212b);
  border-color:color-mix(in srgb,var(--choice-accent,var(--cyan)) 58%,#35515b);
  color:#eff9fa;
}
html[data-theme="dark"] .choice-grid button.is-selected:after,
html[data-theme="dark"] .ability-choice-list button.is-selected:after,
html[data-theme="dark"] .effect-choice-list button.is-selected:after{
  color:color-mix(in srgb,var(--choice-accent,var(--cyan)) 76%,#ffffff);
}
html[data-theme="dark"] input{color:var(--ink)}
html[data-theme="dark"] input::placeholder{color:#718993}
html[data-theme="dark"] .search-box>span{color:#7897a0}
html[data-theme="dark"] .button-random{background:#123027;color:#9ee0c8;border-color:#21483c}
html[data-theme="dark"] .button-ghost{background:#18252d;color:var(--ink)}
html[data-theme="dark"] .count-badge,
html[data-theme="dark"] .detail-class-badge,
html[data-theme="dark"] .family-tag,
html[data-theme="dark"] .detail-family-tag,
html[data-theme="dark"] .filter-chip{background:var(--gold-soft);color:#ecd194;border-color:#57472c}
html[data-theme="dark"] .active-filters{background:#241f17;border-color:#56462c}
html[data-theme="dark"] .active-label{color:#d6b46c}
html[data-theme="dark"] .clear-filter-button{color:var(--ink)}

html[data-theme="dark"] .recent-art,
html[data-theme="dark"] .art-placeholder,
html[data-theme="dark"] .art-frame{
  background:radial-gradient(circle at 50% 42%,rgba(35,194,223,.11),transparent 38%),linear-gradient(145deg,#13242c,#0c171e);
  border-color:#24404a;
}
html[data-theme="dark"] .chimon-card:hover,
html[data-theme="dark"] .recent-card:hover{border-color:#3a6470;box-shadow:0 18px 38px rgba(0,0,0,.32)}
html[data-theme="dark"] .type-tag,
html[data-theme="dark"] .detail-type-tag{
  background:color-mix(in srgb,var(--tag-color,#23c2df) 20%,#101c25);
  color:color-mix(in srgb,var(--tag-color,#23c2df) 72%,#f2fbfc);
  border-color:color-mix(in srgb,var(--tag-color,#23c2df) 38%,#243943);
}
html[data-theme="dark"] .type-tag.second{background:#282139;color:#d8c3ef}
html[data-theme="dark"] .card-meta,
html[data-theme="dark"] .detail-description,
html[data-theme="dark"] .ability-card-detail p,
html[data-theme="dark"] .attack-effect-row p,
html[data-theme="dark"] .archive-data-item dd{color:var(--muted)}
html[data-theme="dark"] .gp,
html[data-theme="dark"] .detail-gp-total{color:#d8b66d}

html[data-theme="dark"] .detail-back-button{background:#111e27;border-color:#29414b;color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.26)}
html[data-theme="dark"] .detail-back-button:hover{background:#172a34;border-color:#3a616d}
html[data-theme="dark"] .detail-media-card,
html[data-theme="dark"] .detail-hero-copy{border-top-color:color-mix(in srgb,var(--detail-accent) 62%,#20343f)}
html[data-theme="dark"] .detail-media-frame,
html[data-theme="dark"] .detail-media-frame.is-card-view{
  background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--detail-accent) 16%,transparent),transparent 42%),linear-gradient(145deg,#13232c,#0b161d);
  border-color:color-mix(in srgb,var(--detail-accent) 30%,#253b45);
}
html[data-theme="dark"] .detail-switch-button.is-active{
  background:color-mix(in srgb,var(--detail-accent) 19%,#13212b);
  color:color-mix(in srgb,var(--detail-accent) 70%,#f2fbfc);
}
html[data-theme="dark"] .detail-muted-tag,
html[data-theme="dark"] .attack-category{background:#18262e;color:#a9bcc3}
html[data-theme="dark"] .detail-taxonomy-row>strong{color:#a9bac0}
html[data-theme="dark"] .stat-tile{background:#121f28}
html[data-theme="dark"] .ability-card-detail{background:linear-gradient(145deg,#201a2a,#111b24);border-color:#392f49}
html[data-theme="dark"] .attack-card-detail{background:#101c24;border-color:color-mix(in srgb,var(--attack-accent,#23c2df) 30%,#263b45);border-top-color:color-mix(in srgb,var(--attack-accent,#23c2df) 67%,#243943)}
html[data-theme="dark"] .attack-power{background:color-mix(in srgb,var(--attack-accent,#23c2df) 18%,#12212a);color:color-mix(in srgb,var(--attack-accent,#23c2df) 68%,#f0f7f8)}
html[data-theme="dark"] .attack-printed{color:#aec1c6}
html[data-theme="dark"] .attack-effect-row{border-top-color:#263a44}
html[data-theme="dark"] .evolution-node{background:#111e27}
html[data-theme="dark"] .evolution-node:hover{border-color:#3a616c}
html[data-theme="dark"] .evolution-node.is-current{background:#123844;border-color:var(--cyan)}
html[data-theme="dark"] .evolution-art{background:#0b151c}
html[data-theme="dark"] .single-evolution-note{background:#101c24;border-color:#36505a}
html[data-theme="dark"] .keeper-preview-card{background:radial-gradient(circle at 100% 0,rgba(35,194,223,.12),transparent 36%),linear-gradient(145deg,#151d20,#10232a)}

html[data-theme="dark"] .search-feedback{background:#281a19;border-color:#71423d;color:#e1b3ab}
html[data-theme="dark"] .search-feedback>strong{color:#f0a597}
html[data-theme="dark"] .search-feedback>span{color:#c9aba5}
html[data-theme="dark"] .search-suggestions button{background:#151f26;border-color:#493a37;color:var(--ink)}
html[data-theme="dark"] .search-suggestions button:hover{background:#1c292f;border-color:#76544d}

/* Hüter-Wissen ist bereits als eigenes dunkles Archiv gestaltet und bleibt bewusst unverändert. */

@media(max-width:720px){
  .theme-toggle{width:100%;min-height:48px;border-radius:14px;justify-content:flex-start;padding:12px 16px}
  html[data-theme="dark"] .main-nav{background:#0e1922;border-color:#2a3d46}
}