.codex-page{display:grid;gap:14px}.codex-kicker{display:block;margin-bottom:5px;color:#b8a8ff;font-size:9px;font-weight:950;letter-spacing:.16em}.codex-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-color:rgba(145,107,255,.45);background:radial-gradient(circle at 8% 0,rgba(132,75,255,.2),transparent 34%),linear-gradient(115deg,rgba(45,25,101,.93),rgba(9,18,46,.97) 58%,rgba(7,16,39,.99))}.codex-hero h1{margin:0;color:#f8f5ff;font-size:30px;line-height:1}.codex-hero p,.codex-section-head p{max-width:720px;margin:8px 0 0;color:#aebce0;font-size:11px;line-height:1.45}.codex-total,.codex-streak{flex:0 0 auto;display:grid;place-content:center;text-align:center;border:1px solid rgba(178,149,255,.5);border-radius:50%;background:rgba(96,62,185,.2);box-shadow:inset 0 0 22px rgba(145,97,255,.08),0 0 24px rgba(129,77,246,.1)}.codex-total{width:78px;height:78px}.codex-total strong,.codex-streak strong{color:#fff;font-size:19px;line-height:1}.codex-total span,.codex-streak span{margin-top:5px;color:#c4b6ef;font-size:7px;font-weight:950;letter-spacing:.12em}.codex-login{display:grid;gap:14px;padding:17px;border-color:rgba(72,213,255,.32);background:linear-gradient(145deg,rgba(8,33,65,.88),rgba(7,15,38,.98) 48%)}.codex-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.codex-section-head h2,.codex-footer-card h2{margin:0;color:#f5f2ff;font-size:21px;line-height:1.08}.codex-streak{width:68px;height:68px}.codex-streak span{max-width:50px;line-height:1.25}.codex-login-overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:10px}.codex-week-card,.codex-login-stats{border:1px solid rgba(89,179,226,.25);border-radius:12px;background:rgba(7,17,43,.72)}.codex-week-card{padding:12px}.codex-week-head{display:flex;align-items:center;justify-content:space-between;color:#8feaff;font-size:9px;font-weight:950;letter-spacing:.12em}.codex-week-head strong{font-size:14px}.codex-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:9px}.codex-week-days span{height:35px;display:grid;place-items:center;border:1px solid rgba(100,125,196,.3);border-radius:8px;background:rgba(24,38,83,.65);color:#7285b1;font-size:10px;font-weight:950}.codex-week-days span.is-done{border-color:rgba(68,225,224,.52);background:linear-gradient(145deg,rgba(16,119,135,.72),rgba(41,73,151,.7));color:#fff;box-shadow:inset 0 0 12px rgba(73,255,220,.1)}.codex-week-card p{margin:9px 0 0;color:#9eb3da;font-size:9px}.codex-login-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.codex-login-stats div{display:grid;align-content:center;gap:4px;min-height:60px;padding:9px 11px;border-left:1px solid rgba(89,179,226,.17);border-top:1px solid rgba(89,179,226,.17)}.codex-login-stats div:nth-child(odd){border-left:0}.codex-login-stats div:nth-child(-n+2){border-top:0}.codex-login-stats span{color:#7389b4;font-size:7px;font-weight:950;letter-spacing:.1em}.codex-login-stats strong{color:#e9f3ff;font-size:12px}.codex-achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.codex-achievement{--codex-accent:#9c82ff;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:11px;padding:9px;border:1px solid color-mix(in srgb,var(--codex-accent) 34%,transparent);border-radius:12px;background:linear-gradient(130deg,color-mix(in srgb,var(--codex-accent) 9%,#0a1636),rgba(7,15,37,.97));overflow:hidden}.codex-achievement.is-unlocked{box-shadow:inset 3px 0 var(--codex-accent),0 0 18px color-mix(in srgb,var(--codex-accent) 8%,transparent)}.codex-achievement-image{position:relative;width:82px;height:82px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#090f24}.codex-achievement-image img{width:100%;height:100%;display:block;object-fit:cover}.codex-achievement.is-locked .codex-achievement-image img{filter:grayscale(.92) brightness(.52)}.codex-achievement-copy{display:grid;align-content:center;min-width:0}.codex-achievement-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.codex-achievement-top span{color:var(--codex-accent);font-size:7px;font-weight:950;letter-spacing:.12em}.codex-achievement-top b{padding:3px 6px;border:1px solid rgba(120,138,186,.28);border-radius:999px;color:#8393b7;font-size:7px}.codex-achievement.is-unlocked .codex-achievement-top b{border-color:rgba(72,225,173,.35);background:rgba(26,131,99,.2);color:#73f0bf}.codex-achievement h3{margin:4px 0 0;color:#f1f5ff;font-size:13px}.codex-achievement p{margin:5px 0 0;color:#aab9d7;font-size:11px;line-height:1.45}.codex-achievement-reward{display:flex;align-items:center;gap:6px;margin-top:7px}.codex-achievement-reward small{color:#8496bb;font-size:8px;font-weight:950}.codex-achievement-reward strong{color:#d4dff3;font-size:10px}.codex-achievement-progress{position:relative;height:18px;margin-top:8px;border:1px solid rgba(89,110,169,.22);border-radius:999px;background:rgba(4,11,29,.7);overflow:hidden}.codex-achievement-progress i{position:absolute;inset:0 auto 0 0;width:var(--progress);background:linear-gradient(90deg,color-mix(in srgb,var(--codex-accent) 55%,transparent),color-mix(in srgb,var(--codex-accent) 24%,transparent))}.codex-achievement-progress span{position:relative;z-index:1;height:100%;display:grid;place-items:center;color:#c3d0e8;font-size:8px;font-style:normal;font-weight:900}.codex-achievement-progress.is-complete i{background:linear-gradient(90deg,rgba(24,153,109,.76),rgba(48,213,157,.45))}.codex-rumors{display:grid;gap:10px}.codex-rumor-head{padding:17px;border-color:rgba(159,113,255,.35);background:linear-gradient(120deg,rgba(48,27,99,.84),rgba(8,17,42,.97))}.codex-rumor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.codex-rumor-card{--codex-accent:#9c82ff;display:grid;align-content:start;gap:10px;padding:14px;border-color:color-mix(in srgb,var(--codex-accent) 42%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--codex-accent) 11%,#0b1738),rgba(7,15,37,.98) 58%)}.codex-rumor-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.codex-rumor-card>header span{color:var(--codex-accent);font-size:8px;font-weight:950;letter-spacing:.13em}.codex-rumor-card>header h3{margin:3px 0 0;color:#f4f7ff;font-size:16px}.codex-rumor-card>header>strong{min-width:38px;height:30px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--codex-accent) 43%,transparent);border-radius:999px;background:color-mix(in srgb,var(--codex-accent) 12%,transparent);color:#fff;font-size:10px}.codex-rumor-card>p{min-height:34px;margin:0;color:#aab9d7;font-size:11px;line-height:1.45}.codex-ending-list{display:grid;gap:6px}.codex-ending{display:grid;grid-template-columns:15px minmax(0,1fr);align-items:center;gap:7px;padding:7px 8px;border:1px solid rgba(94,113,166,.22);border-radius:8px;background:rgba(6,14,35,.66)}.codex-ending i{width:8px;height:8px;border:1px solid #607092;border-radius:50%}.codex-ending strong,.codex-ending small{display:block}.codex-ending strong{color:#d6def0;font-size:10px}.codex-ending small{margin-top:3px;color:#8799bc;font-size:9px}.codex-ending.is-unlocked{border-color:color-mix(in srgb,var(--codex-accent) 32%,transparent)}.codex-ending.is-unlocked i{border-color:var(--codex-accent);background:var(--codex-accent);box-shadow:0 0 9px var(--codex-accent)}.codex-ending.is-locked{opacity:.72}.codex-rumor-achievement{grid-template-columns:76px minmax(0,1fr);margin-top:2px;background:color-mix(in srgb,var(--codex-accent) 7%,#071027)}.codex-rumor-achievement .codex-achievement-image{width:76px;height:76px}.codex-footer-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px;border-color:rgba(94,125,202,.3)}.codex-footer-card p{margin:6px 0 0;color:#95a8ce;font-size:9px}.codex-footer-card>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.codex-footer-card a{padding:7px 10px;border:1px solid rgba(99,149,237,.36);border-radius:8px;background:rgba(27,57,124,.56);color:#edf4ff;font-size:9px;font-weight:950;text-decoration:none}.codex-footer-card a:hover{filter:brightness(1.12)}
@media(max-width:820px){.codex-login-overview,.codex-rumor-grid{grid-template-columns:1fr}.codex-achievement-grid{grid-template-columns:1fr}}
@media(max-width:560px){.codex-hero,.codex-section-head,.codex-footer-card{align-items:flex-start}.codex-hero,.codex-footer-card{padding:14px}.codex-hero h1{font-size:25px}.codex-total{width:58px;height:58px}.codex-total strong{font-size:15px}.codex-login{padding:11px}.codex-streak{width:56px;height:56px}.codex-streak strong{font-size:15px}.codex-week-days{gap:4px}.codex-week-days span{height:30px}.codex-login-stats{grid-template-columns:1fr 1fr}.codex-achievement{grid-template-columns:68px minmax(0,1fr);gap:8px;padding:7px}.codex-achievement-image{width:68px;height:68px}.codex-rumor-achievement{grid-template-columns:64px minmax(0,1fr)}.codex-rumor-achievement .codex-achievement-image{width:64px;height:64px}.codex-section-head p{font-size:11px}.codex-footer-card{display:grid}}

/* Patch 0.8.1o: Piratenfortschritt nutzt denselben klaren Status wie die
   übrigen Achievement-Bereiche und behält seinen Akzent auch bei 3/3. */
.codex-pirates{display:grid;gap:14px;padding:17px;border-color:color-mix(in srgb,var(--codex-accent) 38%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--codex-accent) 8%,#0b1738),rgba(7,15,37,.98) 64%)}
.codex-pirates .codex-pirate-layout{margin-top:0}
.codex-pirates .codex-ending{grid-template-columns:24px minmax(0,1fr);min-height:54px;padding:8px 10px;border-radius:10px}
.codex-pirates .codex-ending i{width:20px;height:20px;display:grid;place-items:center;border-width:1px;color:#07172a;font-size:12px;font-style:normal;font-weight:950}
.codex-pirates .codex-ending.is-unlocked i::after{content:"✓"}
.codex-pirates .codex-ending.is-unlocked{border-color:color-mix(in srgb,var(--codex-accent) 45%,transparent);background:color-mix(in srgb,var(--codex-accent) 9%,#071027);box-shadow:inset 3px 0 color-mix(in srgb,var(--codex-accent) 78%,white)}
.codex-pirates .codex-ending strong{font-size:11px}
.codex-pirates .codex-ending small{color:#e6bb9f;font-size:9px;font-weight:850}
.codex-pirates .codex-ending em{display:block;margin-top:3px;color:#8799bc;font-size:8px;font-style:normal;line-height:1.35}
.codex-pirates .codex-inline-actions{margin-top:0}
@media(max-width:560px){.codex-pirates{padding:12px}.codex-pirates .codex-ending{min-height:58px}}
.codex-weekly{margin-top:16px;border-color:rgba(232,153,91,.3);background:radial-gradient(circle at top right,rgba(232,153,91,.1),transparent 38%),rgba(8,15,38,.94)}
.codex-weekly-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}
.codex-weekly-grid article{display:grid;gap:5px;padding:12px;border:1px solid rgba(90,111,174,.27);border-radius:13px;background:rgba(6,13,34,.62)}
.codex-weekly-grid article>span{color:#7784a8;font-size:8px;font-weight:950;letter-spacing:.1em}.codex-weekly-grid article>strong{font-size:12px}.codex-weekly-grid article>small{color:#8f9bbb;font-size:9px}.codex-weekly-grid article>a{margin-top:4px;color:#ffd09f;font-size:9px;font-weight:900}
.codex-weekly-grid article.is-open{border-color:rgba(232,153,91,.5);box-shadow:inset 0 0 18px rgba(232,153,91,.05)}.codex-weekly-grid article.is-open>span{color:#ffd09f}.codex-weekly-grid article.is-done{border-color:rgba(73,255,155,.3)}.codex-weekly-grid article.is-done>span{color:#85f2b5}
.codex-weekly-note{margin:11px 0 0;color:#8794b8;font-size:10px}
@media(max-width:850px){.codex-weekly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.codex-weekly-grid{grid-template-columns:1fr}}

/* 0.8.7 · Kodex V2: Wochenstatus, Teilfortschritt und Gesamterfolg werden
   sichtbar getrennt. Alle großen Inhaltsbereiche sind echte Details-Elemente. */
.codex-hero-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.codex-hero-actions a,.codex-series-actions a,.codex-weekly-note-row>a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border:1px solid rgba(119,150,232,.42);border-radius:9px;background:rgba(23,55,119,.5);color:#eef4ff;font-size:9px;font-weight:950;text-decoration:none}.codex-hero-actions a:first-child{border-color:rgba(178,140,255,.55);background:linear-gradient(180deg,rgba(101,61,190,.62),rgba(39,30,91,.72))}.codex-total{width:86px;height:86px}.codex-total span{max-width:64px;line-height:1.2}.codex-collapse{padding:0!important;overflow:hidden}.codex-collapse>summary{list-style:none;cursor:pointer}.codex-collapse>summary::-webkit-details-marker,.codex-series-card>summary::-webkit-details-marker{display:none}.codex-collapse-summary{position:relative;padding:16px 50px 16px 17px}.codex-collapse-summary::after,.codex-series-card>summary::after{content:"⌄";position:absolute;right:17px;top:50%;transform:translateY(-50%) rotate(-90deg);color:#b7a1ff;font-size:19px;transition:transform .16s ease}.codex-collapse[open]>.codex-collapse-summary::after,.codex-series-card[open]>summary::after{transform:translateY(-50%) rotate(0deg)}.codex-collapse-summary:hover,.codex-series-card>summary:hover{background:rgba(255,255,255,.018)}.codex-collapse-body{padding:0 17px 17px;border-top:1px solid rgba(104,121,178,.18)}.codex-weekly{margin-top:0}.codex-weekly-grid article{min-width:0}.codex-weekly-grid article>span{line-height:1.35}.codex-weekly-grid article>a{margin-top:5px;color:#d7e8ff}.codex-weekly-grid article.state-first,.codex-weekly-grid article.state-available{border-color:rgba(232,153,91,.5);box-shadow:inset 0 0 18px rgba(232,153,91,.05)}.codex-weekly-grid article.state-first>span,.codex-weekly-grid article.state-available>span{color:#ffd09f}.codex-weekly-grid article.state-done{border-color:rgba(73,255,155,.3)}.codex-weekly-grid article.state-done>span{color:#85f2b5}.codex-weekly-note-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}.codex-weekly-note{margin:0}.codex-series{border-color:rgba(156,130,255,.35);background:radial-gradient(circle at top right,rgba(105,65,209,.1),transparent 34%),rgba(7,15,38,.96)}.codex-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;padding-top:12px}.codex-series-card{--codex-accent:#9c82ff;border:1px solid color-mix(in srgb,var(--codex-accent) 42%,transparent);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--codex-accent) 9%,#0b1738),rgba(6,14,35,.98));overflow:hidden}.codex-series-card>summary{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:92px;padding:11px 46px 11px 11px;list-style:none;cursor:pointer}.codex-series-card>summary::after{right:14px;color:var(--codex-accent)}.codex-series-image{width:68px;height:68px;border-radius:10px;overflow:hidden;background:#071027}.codex-series-image img{width:100%;height:100%;display:block;object-fit:cover}.codex-series-card:not(.is-complete) .codex-series-image img{filter:grayscale(.8) brightness(.55)}.codex-series-title{min-width:0}.codex-series-title>span{color:var(--codex-accent);font-size:7px;font-weight:950;letter-spacing:.12em}.codex-series-title h3{margin:4px 0 0;color:#f1f5ff;font-size:14px}.codex-series-title p{margin:5px 0 0;color:#91a3c5;font-size:9px}.codex-series-card>summary>b{padding:5px 8px;border:1px solid rgba(105,123,170,.28);border-radius:999px;color:#8f9cba;font-size:7px;white-space:nowrap}.codex-series-card>summary>b.is-complete{border-color:rgba(68,222,160,.35);background:rgba(20,119,84,.18);color:#78ecb9}.codex-series-body{display:grid;gap:10px;padding:11px;border-top:1px solid color-mix(in srgb,var(--codex-accent) 18%,transparent)}.codex-series-explainer{padding:10px;border:1px solid rgba(83,105,163,.23);border-radius:10px;background:rgba(5,13,33,.62)}.codex-series-explainer>strong{color:#edf3ff;font-size:11px}.codex-series-explainer>p{margin:5px 0 0;color:#91a3c4;font-size:9px;line-height:1.45}.codex-series-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.codex-series-card .codex-ending em{display:block;margin-top:3px;color:#8495b7;font-size:8px;font-style:normal}.codex-login{gap:0;border-color:rgba(72,213,255,.32)}.codex-login-body{display:grid;gap:14px;padding-top:14px}.codex-guide{border-color:rgba(89,135,212,.28);background:rgba(7,15,38,.95)}.codex-guide-symbol{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(145,119,231,.45);border-radius:50%;color:#d4c9ff;font-size:20px;font-weight:950}.codex-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:12px}.codex-guide-grid>div{padding:11px;border:1px solid rgba(82,104,163,.24);border-radius:10px;background:rgba(5,13,33,.62)}.codex-guide-grid strong{color:#eef4ff;font-size:11px}.codex-guide-grid p{margin:6px 0 0;color:#91a3c4;font-size:9px;line-height:1.45}
@media(max-width:900px){.codex-series-grid{grid-template-columns:1fr}.codex-guide-grid{grid-template-columns:1fr}}
@media(max-width:620px){.codex-collapse-summary{align-items:flex-start;padding:13px 43px 13px 12px}.codex-collapse-body{padding:0 11px 11px}.codex-weekly-note-row{align-items:flex-start;display:grid}.codex-series-grid{padding-top:10px}.codex-series-card>summary{grid-template-columns:56px minmax(0,1fr);padding:9px 38px 9px 9px}.codex-series-image{width:56px;height:56px}.codex-series-card>summary>b{grid-column:2}.codex-series-actions{display:grid}.codex-hero-actions{display:grid}.codex-total{width:64px;height:64px}.codex-total span{font-size:6px}}

/* Kodex V3: dezente Textzustände statt der ausdrücklich unerwünschten Pfeile. */
.codex-collapse-summary::after,.codex-series-card>summary::after{content:none!important;display:none!important}
.codex-collapse-summary{padding-right:17px}
.codex-summary-side{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.codex-toggle-label{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:5px 9px;border:1px solid rgba(139,123,211,.36);border-radius:999px;background:rgba(47,34,103,.26);color:#d6cdf5;font-size:9px;font-weight:900;letter-spacing:.03em;white-space:nowrap}
.codex-toggle-label .when-open{display:none}.codex-collapse[open]>.codex-collapse-summary .codex-toggle-label .when-closed,.codex-series-card[open]>summary .codex-toggle-label .when-closed{display:none}.codex-collapse[open]>.codex-collapse-summary .codex-toggle-label .when-open,.codex-series-card[open]>summary .codex-toggle-label .when-open{display:inline}
.codex-series-grid{align-items:stretch;grid-auto-rows:1fr}
.codex-series-card{height:100%}
.codex-series-card>summary{grid-template-columns:68px minmax(0,1fr) auto auto;min-height:106px;padding:12px}
.codex-series-title>span{font-size:9px}.codex-series-title h3{font-size:16px;line-height:1.25}.codex-series-title p{font-size:11px;line-height:1.4}
.codex-series-card>summary>b{font-size:8px}
.codex-series-body{min-height:calc(100% - 106px);grid-template-rows:auto 1fr auto}
.codex-series-explainer>strong{font-size:12px}.codex-series-explainer>p{font-size:11px;line-height:1.5}
.codex-series-card .codex-ending strong{font-size:12px}.codex-series-card .codex-ending small{font-size:10px;line-height:1.4}.codex-series-card .codex-ending em{font-size:10px;line-height:1.4}
.codex-weekly-grid article{min-height:110px}.codex-weekly-grid article>strong{font-size:14px}.codex-weekly-grid article>small{font-size:10px;line-height:1.4}.codex-weekly-grid article>a{font-size:10px}
.codex-total span{max-width:72px}
@media(max-width:820px){.codex-series-grid{grid-template-columns:1fr;grid-auto-rows:auto}.codex-series-card>summary{grid-template-columns:68px minmax(0,1fr) auto}.codex-series-card>summary>.codex-toggle-label{grid-column:2/-1;justify-self:end}}
@media(max-width:620px){.codex-collapse-summary{padding:13px 12px}.codex-summary-side{justify-content:flex-start}.codex-series-card>summary{grid-template-columns:56px minmax(0,1fr);padding:10px}.codex-series-card>summary>b,.codex-series-card>summary>.codex-toggle-label{grid-column:2;justify-self:start}.codex-toggle-label{font-size:10px}.codex-total span{font-size:7px}.codex-series-body{min-height:0}}