*{box-sizing:border-box;margin:0;padding:0}:root{--parch:#D4B483;--parch-dk:#B8935A;--parch-lt:#E8CEAA;--ink:#2A1F0E;--ink-mid:#3D2B10;--ink-faded:#5C4022;--rust:#7A3B1E;--ochre:#8B6914;--ochre-lt:#A8821C;--umber:#4A2F0A;--vellum:#F0DDB8;--wax:#6B2020;--wood:#5C3A1E}.page{background:var(--parch);font-family:'Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;color:var(--ink);width:100%;overflow:hidden;position:relative}.page::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(23deg,transparent 0px,transparent 18px,rgba(90,55,10,0.04) 18px,rgba(90,55,10,0.04) 19px),repeating-linear-gradient(113deg,transparent 0px,transparent 22px,rgba(90,55,10,0.03) 22px,rgba(90,55,10,0.03) 23px);pointer-events:none;z-index:0}.page::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 30px rgba(74,47,10,0.35),inset 0 0 6px rgba(74,47,10,0.5);pointer-events:none;z-index:1}.inner{position:relative;z-index:2}.rope-top{height:10px;background:repeating-linear-gradient(90deg,var(--ochre) 0px,var(--ochre) 6px,var(--parch-dk) 6px,var(--parch-dk) 8px,var(--ochre) 8px,var(--ochre) 14px,var(--umber) 14px,var(--umber) 16px)}.header{background:var(--umber);border-bottom:4px solid var(--ochre)}.header-inner{padding:2rem 2rem 1.5rem;text-align:center}.wappen-ring{width:110px;height:110px;border:3px solid var(--ochre);border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:var(--ink);outline:2px solid var(--ochre-lt);outline-offset:4px}.site-title{font-size:2.6rem;font-weight:700;color:var(--vellum);letter-spacing:.15em;font-variant:small-caps;line-height:1;text-shadow:1px 2px 0 var(--ink)}.site-sub{font-size:.95rem;color:var(--parch-lt);font-style:italic;letter-spacing:.08em;margin-top:.5rem;opacity:.85}.scroll-banner{margin:1rem auto 0;background:var(--parch);display:inline-block;padding:.35rem 2rem;border:1px solid var(--parch-dk);font-size:.78rem;letter-spacing:.22em;color:var(--ink-faded);font-variant:small-caps}.scroll-banner::before,.scroll-banner::after{content:'—';margin:0 .5rem;color:var(--ochre)}.nav-bar{background:var(--parch-dk);display:flex;flex-wrap:wrap;border-top:2px solid var(--ochre);border-bottom:3px solid var(--umber)}.nav-tab{flex:1;min-width:80px;padding:.7rem .4rem;text-align:center;font-size:.68rem;font-variant:small-caps;letter-spacing:.1em;color:var(--ink-faded);cursor:pointer;border-right:1px solid rgba(74,47,10,0.3);background:var(--parch-dk);transition:background .15s,color .15s;font-family:'Palatino Linotype',Palatino,Georgia,serif;user-select:none}.nav-tab:hover{background:var(--parch);color:var(--ink)}.nav-tab.active{background:var(--parch);color:var(--ink);font-weight:700;border-bottom:3px solid var(--parch);margin-bottom:-3px}.content{padding:2rem;min-height:400px}.ornament{text-align:center;color:var(--ochre);font-size:1.1rem;margin:1.2rem 0;display:flex;align-items:center;gap:.75rem}.ornament-line{flex:1;height:1px;background:var(--ochre);opacity:.5}.sec-title{font-size:1.5rem;font-variant:small-caps;color:var(--umber);letter-spacing:.1em;text-align:center;margin-bottom:.3rem}.sec-intro{text-align:center;font-style:italic;font-size:1rem;color:var(--ink-faded);margin-bottom:1.5rem;line-height:1.6}.dropcap{float:left;font-size:4rem;line-height:.75;font-weight:700;color:var(--rust);margin-right:6px;margin-top:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.parch-block{background:var(--vellum);border:1px solid var(--parch-dk);padding:1.25rem;position:relative}.parch-block::after{content:'';position:absolute;inset:3px;border:1px solid rgba(184,147,90,0.3);pointer-events:none}.block-title{font-size:1rem;font-variant:small-caps;letter-spacing:.1em;color:var(--rust);margin-bottom:.6rem;border-bottom:1px solid var(--parch-dk);padding-bottom:.4rem}.block-body{font-size:.92rem;line-height:1.65;color:var(--ink-mid)}.kodex-table{width:100%;border-collapse:collapse;font-size:.9rem}.kodex-table tr{border-bottom:1px solid rgba(184,147,90,0.5)}.kodex-table tr:hover{background:rgba(255,255,255,0.35)}.kodex-table td{padding:.7rem .5rem;vertical-align:top;color:var(--ink-mid)}.kodex-word{font-variant:small-caps;font-size:1.05rem;font-weight:700;color:var(--rust);white-space:nowrap;width:140px}.kodex-mean{font-style:italic;color:var(--ink-faded);width:140px}.blockquote{border-left:3px solid var(--ochre);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--ink-faded);font-size:.97rem;line-height:1.7}.blockquote cite{display:block;font-size:.8rem;font-style:normal;margin-top:.3rem;opacity:.65}.siegel-btn{display:inline-block;background:var(--wax);color:var(--vellum);font-variant:small-caps;font-family:'Palatino Linotype',Georgia,serif;font-size:.78rem;letter-spacing:.15em;padding:.6rem 1.5rem;border:none;cursor:pointer;border-top:1px solid rgba(255,200,150,0.2);transition:background .15s}.siegel-btn:hover{background:#8B2A2A}.spiel-wrap{background:var(--vellum);border:2px solid var(--ochre);padding:1.75rem;position:relative}.spiel-wrap::before{content:'✦';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--vellum);color:var(--ochre);font-size:1.2rem;padding:0 6px}.spiel-stamp{display:inline-block;border:2px solid var(--rust);color:var(--rust);font-variant:small-caps;font-size:.65rem;letter-spacing:.2em;padding:.2rem .6rem;margin-bottom:.75rem}.spiel-title{font-size:2rem;font-variant:small-caps;color:var(--ink);letter-spacing:.08em;margin-bottom:.75rem}.spiel-text{font-size:.97rem;line-height:1.75;color:var(--ink-mid);margin-bottom:1.25rem}.tag{background:var(--parch-dk);border:1px solid var(--ochre);color:var(--ink);font-size:.78rem;font-variant:small-caps;letter-spacing:.08em;padding:.25rem .6rem}.spiel-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.footer{background:var(--umber);border-top:4px solid var(--ochre);padding:1.25rem 2rem;text-align:center}.footer-title{font-variant:small-caps;letter-spacing:.18em;color:var(--vellum);font-size:1rem;margin-bottom:.3rem}.footer-sub{font-size:.78rem;font-style:italic;color:var(--parch-lt);opacity:.7}.page-hidden{display:none!important}.chronik-book{background:var(--vellum);border:2px solid var(--parch-dk);position:relative}.chronik-spine{width:18px;background:var(--wood);border-right:2px solid var(--ochre);position:absolute;top:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center}.chronik-spine-text{writing-mode:vertical-rl;transform:rotate(180deg);font-variant:small-caps;font-size:.6rem;letter-spacing:.15em;color:var(--parch-lt);padding:8px 0}.chronik-main{margin-left:18px;padding:1.5rem}.audio-player{background:var(--umber);border:1px solid var(--ochre);padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.audio-play-btn{width:36px;height:36px;background:var(--rust);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.audio-play-btn:hover{background:#9B4B2E}.audio-play-btn svg{width:14px;height:14px;fill:var(--vellum)}.audio-bar{flex:1;height:4px;background:var(--parch-dk);position:relative;cursor:pointer}.audio-bar-fill{height:100%;width:0%;background:var(--ochre-lt);transition:width .3s}.audio-label{font-size:.75rem;font-variant:small-caps;letter-spacing:.1em;color:var(--parch-lt)}.audio-time{font-size:.72rem;color:var(--parch-lt);min-width:38px;text-align:right}.kapitel-nav{display:flex;gap:0;margin-bottom:1.5rem;border:1px solid var(--parch-dk)}.kapitel-tab{flex:1;padding:.5rem .25rem;text-align:center;font-size:.7rem;font-variant:small-caps;letter-spacing:.08em;color:var(--ink-faded);cursor:pointer;background:var(--parch);border-right:1px solid var(--parch-dk);transition:background .15s}.kapitel-tab:last-child{border-right:none}.kapitel-tab:hover{background:var(--parch-lt)}.kapitel-tab.active{background:var(--umber);color:var(--vellum)}.kapitel-content{display:none}.kapitel-content.active{display:block}.kapitel-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem}.kapitel-num{font-size:3rem;font-weight:700;color:var(--rust);line-height:1;opacity:.4;font-variant:normal}.kapitel-title{font-size:1.25rem;font-variant:small-caps;color:var(--umber);letter-spacing:.08em}.kapitel-year{font-size:.8rem;font-style:italic;color:var(--ink-faded);margin-left:auto}.buch-cover{background:var(--umber);border:3px solid var(--ochre);padding:1.75rem;text-align:center;position:relative;margin-bottom:1.5rem}.buch-cover::before,.buch-cover::after{content:'';position:absolute;top:8px;bottom:8px;width:4px;background:var(--ochre-lt);opacity:.4}.buch-cover::before{left:12px}.buch-cover::after{right:12px}.buch-cover-title{font-size:1.8rem;font-variant:small-caps;color:var(--vellum);letter-spacing:.15em;text-shadow:1px 2px 0 var(--ink);line-height:1.1}.buch-cover-sub{font-style:italic;color:var(--parch-lt);font-size:.9rem;margin-top:.5rem;opacity:.8}.buch-tabs{display:flex;gap:0;border:1px solid var(--parch-dk);margin-bottom:1.5rem}.buch-tab{flex:1;padding:.55rem .5rem;text-align:center;font-size:.72rem;font-variant:small-caps;letter-spacing:.1em;color:var(--ink-faded);cursor:pointer;background:var(--parch);border-right:1px solid var(--parch-dk);transition:background .15s}.buch-tab:last-child{border-right:none}.buch-tab:hover{background:var(--parch-lt)}.buch-tab.active{background:var(--umber);color:var(--vellum)}.buch-panel{display:none}.buch-panel.active{display:block}.zwerg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.zwerg-card{background:var(--vellum);border:1px solid var(--parch-dk);padding:.85rem .65rem;text-align:center;position:relative;cursor:pointer;transition:background .15s}.zwerg-card:hover{background:var(--parch-lt)}.zwerg-card.locked{opacity:.5;cursor:default}.zwerg-name{font-size:.75rem;font-variant:small-caps;letter-spacing:.05em;color:var(--rust);margin-bottom:.2rem}.zwerg-rarity{font-size:.6rem;color:var(--ink-faded);text-transform:uppercase;letter-spacing:.1em}.zwerg-detail{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--vellum);border:3px solid var(--ochre);padding:2rem;z-index:1000;max-width:400px;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.zwerg-detail-close{position:absolute;top:10px;right:10px;background:var(--rust);color:var(--vellum);border:none;width:30px;height:30px;cursor:pointer;font-size:1.2rem}.code-input-wrap{background:var(--vellum);border:2px solid var(--ochre);padding:1.5rem;margin-bottom:1.5rem}.code-input{width:100%;padding:.75rem;border:1px solid var(--parch-dk);background:var(--parch);font-family:'Palatino Linotype',Georgia,serif;font-size:1rem;color:var(--ink);margin-bottom:1rem}.code-btn{background:var(--rust);color:var(--vellum);border:none;padding:.75rem 1.5rem;font-variant:small-caps;letter-spacing:.1em;cursor:pointer;transition:background .15s}.code-btn:hover{background:#9B4B2E}.code-msg{font-size:.9rem;margin-top:.75rem;text-align:center}.wappen-display{text-align:center;margin:2rem 0}.wappen-img{width:200px;height:200px;border:4px solid var(--ochre);border-radius:50%;margin-bottom:1rem;box-shadow:0 8px 20px rgba(0,0,0,0.2)}.wappen-desc{font-size:1.1rem;line-height:1.7;color:var(--ink-mid);max-width:500px;margin:0 auto}.wappen-symbol{font-size:2rem;color:var(--ochre);margin-bottom:1rem}.wappen-meaning{font-style:italic;color:var(--ink-faded);margin-top:1rem}.wappen-elements{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.wappen-element{text-align:center;padding:1rem;background:var(--vellum);border:1px solid var(--parch-dk)}.element-icon{font-size:1.5rem;color:var(--rust);margin-bottom:.5rem}.element-name{font-variant:small-caps;letter-spacing:.08em;color:var(--umber);font-size:.9rem}.element-desc{font-size:.8rem;color:var(--ink-faded);margin-top:.3rem}@media(max-width:768px){.header-inner{padding:1.5rem 1rem}.site-title{font-size:2rem}.nav-tab{font-size:.6rem;min-width:70px}.content{padding:1.5rem}.two-col{grid-template-columns:1fr}.three-col{grid-template-columns:1fr}.zwerg-grid{grid-template-columns:repeat(2,1fr)}.wappen-elements{grid-template-columns:1fr}.wappen-img{width:150px;height:150px}}@media(max-width:480px){.header-inner{padding:1rem}.site-title{font-size:1.6rem}.site-sub{font-size:.85rem}.nav-tab{font-size:.55rem;padding:.6rem .3rem}.content{padding:1rem}.zwerg-grid{grid-template-columns:1fr}.wappen-img{width:120px;height:120px}}