@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Caveat:wght@500;600;700&display=swap');
:root{--navy:#0b3154;--gold:#e9ac34;--paper:#fffaf0;--blue:#2c73b7}*{box-sizing:border-box}body{margin:0;background:#f8f5eb;color:var(--navy);font-family:Nunito,'Segoe UI',sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit}.mast{height:82px;background:linear-gradient(110deg,#06253f,#07365a 60%,#08243e);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 3%;position:relative;z-index:5;box-shadow:0 4px 15px #112d4333}.brand{font:700 clamp(25px,3vw,38px) Georgia,serif;text-decoration:none;white-space:nowrap}.brand span{color:#f6bc48}.brand small{display:block;font:700 9px Nunito,sans-serif;letter-spacing:.8px}.nav{display:flex;gap:clamp(12px,2.5vw,40px);align-items:center}.nav a{text-decoration:none;font:16px Georgia,serif}.nav a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 82px)}.side{background:linear-gradient(#e5f0f3,#d7e7eb);padding:20px 16px;position:relative;overflow:hidden}.side:after{content:'✦ ✦';position:absolute;bottom:30px;left:25px;color:#8faebf;font-size:50px;opacity:.35}.side .round{width:105px;height:105px;border-radius:50%;border:4px solid #fff;background-size:cover;background-position:center;box-shadow:0 4px 20px #254c6333;margin:0 auto 14px}.side h2{text-align:center;font:700 27px Georgia;margin:0}.side p{text-align:center;margin:4px 0 25px;font:16px Georgia}.side a{display:block;padding:12px 15px;border-radius:13px;text-decoration:none;margin:5px 0;font:17px Georgia}.side a:hover,.side a.active{background:#bcd5e4}.main{position:relative;min-width:0;background:radial-gradient(ellipse at 40% 25%,#fffdf6 5%,#faf7ef 70%,#f2f0e9);overflow:hidden}.scene{height:230px;position:relative;background:linear-gradient(100deg,#e5f0f3 0%,#f7f7ef 40%,#e1edf0 100%);background-size:cover;background-position:center 35%;border-bottom:1px solid #d7dfd9}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffdf5 0%,#fffdf5dd 37%,#fffdf500 80%)}.scene-content{position:relative;z-index:1;padding:36px 5%;max-width:700px}.eyebrow{font:800 12px Nunito,sans-serif;letter-spacing:2px}.scene h1{font:700 clamp(35px,4vw,57px) Georgia,serif;margin:10px 0 6px}.scene p{font:18px Georgia;margin:0;max-width:440px}.content{max-width:1120px;margin:0 auto;padding:24px 36px 55px}.section{margin:12px 0 24px}.section h2{font:700 clamp(30px,3vw,45px) Caveat,'Segoe Print',cursive;text-align:center;margin:0}.section .subtitle{text-align:center;margin:2px 0 16px;font-size:15px}.books{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.book,.level{border:1px solid #e5e4df;background:#fffdfa;border-radius:22px;box-shadow:0 6px 16px #163e5710;color:var(--navy);transition:transform .18s,border .18s;min-width:0}.book{padding:8px 10px 12px}.book img{width:100%;height:155px;object-fit:contain;mix-blend-mode:multiply}.book b{font:700 clamp(20px,2vw,27px) Caveat,'Segoe Print',cursive;display:inline-block}.book .info{margin-left:6px;border:1px solid #2778c4;color:#246eb6;background:#fff;border-radius:50%;font-size:13px;width:20px;height:20px;line-height:18px}.book:hover,.level:hover{transform:translateY(-3px)}.book.selected,.level.selected{border:2px solid #1468bc;background:#e8f3ff;box-shadow:0 5px 17px #2469a21f}.explain{background:#e9f4ff;border:1px solid #cce3f9;padding:12px 18px;border-radius:14px;font-size:14px;margin-top:10px}.divider{height:1px;background:#d8c8aa;margin:25px 0 18px}.levels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.level{padding:8px 6px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:113px}.level img{height:55px;max-width:90%;object-fit:contain;mix-blend-mode:multiply}.level strong{font:700 clamp(19px,2vw,26px) Caveat,'Segoe Print',cursive}.level small{font-size:12px}.actions{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f1efe8;padding:13px 17px;border-radius:16px;margin-top:18px}.primary{border:0;border-radius:40px;background:#103f68;color:white;padding:12px 22px;font-weight:800}.primary:hover{background:#1e6096}.secondary{border:1px solid #a5b8c6;border-radius:30px;background:#fffdfa;color:var(--navy);padding:10px 17px}.muted{font-size:13px;color:#536c7f}.catalog{max-width:1180px;margin:30px auto;padding:0 28px}.catalog h1{font:700 43px Georgia;margin:10px 0 8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.card{border-radius:18px;overflow:hidden;background:#fffdf7;box-shadow:0 6px 20px #14334c20;border:1px solid #e5e0d5}.card .picture{height:180px;background-size:cover;background-position:center}.card .body{padding:17px}.card h3{font:700 23px Georgia;margin:0 0 5px}.card p{margin:0 0 14px}.reader{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fffdf8;border:1px solid #e1dacd;border-radius:22px;box-shadow:0 6px 22px #243f4a15;padding:23px;min-height:330px}.panel h2{font:700 27px Georgia;margin:0 0 15px}.placeholder{border:2px dashed #c4cfd0;border-radius:16px;background:#f7f6f0;padding:35px 20px;text-align:center;color:#536c7f}.placeholder strong{display:block;font-size:19px;color:#193e5b;margin-bottom:8px}.audio{width:100%;margin:15px 0}.controls{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.controls button{border:1px solid #bdc9d0;border-radius:22px;background:white;padding:9px 16px}.links{display:flex;gap:15px;flex-wrap:wrap;margin-top:16px}.links a{font-size:14px;color:#1b679f}.note{background:#fff5dd;border-left:4px solid #d8a445;padding:12px 16px;border-radius:6px;margin:15px 0;font-size:14px}.footer{font-size:12px;color:#6a7b86;padding:15px 0}.hide{display:none!important}#mobileText{display:none}.work-label{font-size:13px;letter-spacing:1.5px;font-weight:800}.back{display:inline-block;margin:0 0 15px;text-decoration:none}.back:hover{text-decoration:underline}@media(max-width:950px){.shell{grid-template-columns:170px 1fr}.side{padding:12px}.content{padding:18px}.scene{height:205px}.book img{height:120px}.nav{gap:13px}.nav a{font-size:13px}}@media(max-width:690px){.mast{height:auto;min-height:70px;flex-wrap:wrap;gap:8px}.brand{font-size:26px}.nav{gap:12px;flex-wrap:wrap}.shell{display:block}.side{display:none}.scene{height:195px}.scene-content{padding:22px}.scene h1{font-size:38px}.content{padding:15px}.books{gap:7px}.book{border-radius:14px;padding:4px 3px 8px}.book img{height:95px}.book b{font-size:17px}.book .info{display:inline-block;margin:2px}.levels{grid-template-columns:repeat(2,1fr)}.reader{display:block}.reader .panel{margin-bottom:14px}#mobileText{display:block}.actions{flex-wrap:wrap}.cards{grid-template-columns:1fr}.catalog{padding:0 16px}.section h2{font-size:36px}}

/* LiteraPfade illustrated template v2 */
.side{background:linear-gradient(180deg,#e7f1f4,#e5eef0 67%,#b2cbd8);}
.side:after{content:"";position:absolute;left:0;right:0;bottom:0;height:205px;background:url('assets/werwolf-decoration.png') center bottom/cover no-repeat;opacity:.65;pointer-events:none}
.side a{position:relative;z-index:1}
.scene{height:130px;background:transparent;border:0;overflow:visible;pointer-events:none}
.scene-content{padding:20px 5%;max-width:580px}.scene h1{font-size:32px;margin:5px 0}.scene p{font-size:14px}
.hero-wolf{position:absolute;z-index:2;right:0;top:-80px;width:min(36vw,440px);height:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 12px #1b40542b)}
.content{position:relative;z-index:3;padding-top:10px}
.book img{mix-blend-mode:normal;height:155px}.book b{display:inline}.book{position:relative}.book .info{position:relative;z-index:2;display:inline-block;cursor:pointer}
.level img{mix-blend-mode:normal}
.side .round{background-color:#c5dbe7}
.storybook{min-height:470px;display:grid;grid-template-columns:46% 54%;border:10px solid #a17b4c;border-radius:20px;background:#fff5df;box-shadow:0 16px 28px #112e452c;overflow:hidden}
.story-art{background:radial-gradient(#e5ecdf,#a7c4d0);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;border-right:4px solid #d7b988}
.story-art img{width:100%;max-width:370px}.story-art p{font:20px Georgia,serif}
.story-text{background:radial-gradient(#fffdf3,#f8edda);padding:55px 32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}
.story-small{letter-spacing:2px;font-size:12px}.story-text h2{font:44px Georgia,serif}.poem{font:clamp(17px,1.5vw,24px)/1.9 Georgia,serif}.hint{font-size:13px;color:#476781}.read-next{display:flex;justify-content:flex-end;margin:20px 0}.read-next a{text-decoration:none}
.task-heading{display:flex;align-items:center;justify-content:space-between}.task-heading h1{font:38px Georgia,serif}.task-heading span{font-weight:700}
.reader{grid-template-columns:minmax(0,40%) minmax(0,60%);gap:15px}.reader.wide{grid-template-columns:1fr}.text-panel{max-height:68vh;overflow-y:auto}.task-panel{min-height:450px}.sample{font:11px Nunito,sans-serif;color:#7e6742}.answers{border:0;padding:0;display:grid;gap:10px;margin:22px 0}.answers label{display:block;border:1px solid #ddd0bd;background:#f9f6ec;padding:14px;border-radius:12px}.answers label:has(input:checked){border-color:#2d78b7;background:#e6f3ff}
@media(max-width:850px){.hero-wolf{width:270px;opacity:.65}.scene{height:150px}.reader{grid-template-columns:1fr}.storybook{grid-template-columns:1fr}.story-art{max-height:260px}.story-art img{height:210px;width:auto}.story-text{min-height:280px;padding:30px}}
@media(max-width:690px){.hero-wolf{width:190px;top:-15px;opacity:.5}.scene{height:155px}.scene-content{max-width:70%}.book img{height:90px}}

/* Werk ansehen: final book artwork and spacious watercolor layout */
.main{background:radial-gradient(ellipse at 50% 30%,#fffdf7 0%,#f8f4e9 78%,#eaf0ed 100%)}
.scene{height:165px}.scene-content{padding-top:25px}.scene h1{font-size:clamp(38px,4vw,56px)}
.hero-wolf{width:min(33vw,400px);top:-58px}
.content{max-width:1190px;padding:12px 34px 45px}
.section{margin:7px 0 15px}.section h2{font-size:clamp(33px,3.5vw,47px);color:#153c5b}
.section .subtitle{margin-bottom:10px}
.books{gap:18px}.book{background:linear-gradient(180deg,#ffffffed,#fffaf1);border:2px solid #e9dfcf;box-shadow:0 9px 22px #24405a14;padding:5px 10px 15px;border-radius:22px}
.book img{height:190px;object-fit:contain;display:block;margin:auto;filter:drop-shadow(0 4px 6px #193b4a12)}
.book b{font-size:clamp(23px,2.3vw,31px);color:#153e60}
.book.selected{background:#e8f4ff;border:3px solid #3685ca}
.book:focus-visible,.level:focus-visible,.primary:focus-visible{outline:3px solid #edb341;outline-offset:3px}
.divider{margin:17px 0 12px}.levels{gap:13px}.level{min-height:105px;background:#fffdf8}
.actions{background:#e8f0ef;border:1px solid #d2e0df;padding:15px 18px}
.primary{background:#0c4169;box-shadow:0 4px 12px #12334a2a}
.side a{font-size:16px}.side{background:linear-gradient(180deg,#e6f1f4,#dbeaf0 75%,#b4cdd8)}
@media(max-width:900px){.book img{height:145px}.hero-wolf{opacity:.55}.content{padding:15px}}
@media(max-width:690px){.scene{height:155px}.books{grid-template-columns:1fr}.book img{height:155px}.book{padding:5px}.levels{grid-template-columns:repeat(2,1fr)}}

/* v4: focused revisions requested after review */
.brand{padding-left:4px}
.level:hover{transform:none}
.level .star-group{display:flex;justify-content:center;align-items:center;gap:3px;height:55px}
.level .star-icon{width:47px;height:47px;filter:drop-shadow(0 2px 1px #a56b2830);transition:transform .23s ease,filter .23s ease}
.level:hover .star-icon,.level:focus-visible .star-icon{transform:translateY(-9px) scale(1.13);filter:drop-shadow(0 9px 7px #ad741e50)}
.level:hover .star-icon:nth-child(2){transition-delay:50ms}
.level:hover .star-icon:nth-child(3){transition-delay:100ms}
.reading-only-icon{height:55px;display:flex;align-items:center;color:#d1a04c;font-size:37px;font-family:Georgia,serif}
.level.selected{border-color:#2b6eac}
@media(prefers-reduced-motion:reduce){.level .star-icon{transition:none}.level:hover .star-icon{transform:none}}

/* v6: only approved artwork, no schematic icons */
.brand{display:inline-flex;align-items:center;gap:10px;position:relative;padding-left:0;line-height:1}
.brand-illustration{height:64px;width:110px;object-fit:contain;flex-shrink:0}
.brand small{position:absolute;left:120px;bottom:-13px;white-space:nowrap}
.mast{min-height:90px;height:auto;padding-top:13px;padding-bottom:18px}
.level:hover,.level:focus-visible{transform:translateY(-4px);box-shadow:0 12px 24px #143a5829}
.level:hover .star-icon,.level:focus-visible .star-icon{transform:none;filter:drop-shadow(0 2px 1px #a56b2830)}
.reading-only-art{width:100px;height:59px;object-fit:contain}
.hero-wolf{width:min(39vw,520px);top:-70px;right:0;filter:drop-shadow(0 12px 15px #173d4b29)}
.side .round{background-size:cover}
@media(max-width:850px){.brand-illustration{height:46px;width:76px}.brand small{left:84px;bottom:-10px;font-size:7px}.hero-wolf{width:290px;top:-22px}}
@media(max-width:690px){.brand{font-size:25px}.mast{gap:18px}.hero-wolf{width:205px;top:0}}

/* v7: approved header image preserved exactly, with accessible interactive hit areas */
.approved-mast{display:block;position:relative;padding:0!important;height:auto!important;min-height:0!important;line-height:0;box-shadow:0 4px 15px #112d4333;background:#07365a}
.approved-header-art{display:block;width:100%;height:auto;object-fit:contain}
.header-hotspots{position:absolute;inset:0;display:block}
.header-hotspots .hotspot{display:block;position:absolute;top:28%;height:46%;border-radius:8px}
.header-hotspots .hotspot:focus-visible{outline:3px solid #f6bc48;outline-offset:-3px;background:#ffffff22}
.logo-hotspot{left:4%;width:39%;height:75%!important;top:12%!important}
.start-hotspot{left:43%;width:8%}.catalog-hotspot{left:52%;width:10%}.teaching-hotspot{left:63%;width:15%}.about-hotspot{left:78%;width:12%}.search-hotspot{left:90%;width:7%;top:20%!important;height:58%!important}

/* v8: real DOM text and links, not text baked into a blurry scaled screenshot */
.refined-mast{min-height:104px!important;height:auto!important;display:flex!important;align-items:center;justify-content:space-between;gap:28px;padding:12px clamp(22px,3vw,56px)!important;background:radial-gradient(ellipse at 50% 20%,#124a76 0%,#07365b 55%,#062b49 100%);line-height:normal!important;flex-wrap:wrap}
.refined-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0;flex-shrink:0}
.refined-logo{width:100px;height:78px;object-fit:contain;mix-blend-mode:screen}
.refined-wordmark{display:flex;flex-direction:column;gap:5px}
.refined-name{font:700 clamp(28px,2.7vw,43px) Georgia,serif;white-space:nowrap;line-height:1}
.refined-name span{color:#f5b948}
.refined-wordmark small{font:700 9px Nunito,'Segoe UI',sans-serif;letter-spacing:.5px;white-space:nowrap}
.refined-nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,50px);margin-left:auto}
.refined-nav a{color:#fff;text-decoration:none;white-space:nowrap;font:16px Georgia,serif}
.refined-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.refined-search{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#225b83;font-size:29px!important}
.level .reading-only-art{height:63px;width:112px;object-fit:contain;mix-blend-mode:normal}
@media(max-width:1100px){.refined-mast{gap:10px}.refined-nav{gap:16px}.refined-nav a{font-size:14px}.refined-logo{width:75px}.refined-name{font-size:30px}}
@media(max-width:760px){.refined-mast{justify-content:center}.refined-nav{width:100%;justify-content:center;flex-wrap:wrap;margin:0}.refined-wordmark small{font-size:7px}}

/* v9 — accepted white-outline/gold-star transparent logo, tighter header and layered wolf */
.refined-mast{justify-content:flex-start!important;flex-wrap:nowrap!important;gap:clamp(22px,3.1vw,62px)!important;min-height:92px!important;padding:9px clamp(22px,2.8vw,50px)!important;z-index:2}
.refined-brand{gap:10px}
.refined-logo{width:90px;height:72px;object-fit:contain;mix-blend-mode:normal}
.refined-nav{margin-left:0!important;gap:clamp(20px,2.8vw,52px)!important}
.refined-nav a{font-size:clamp(13px,1vw,16px)}
.refined-search{margin-left:4px}
.level .reading-only-art{height:44px!important;width:74px!important;object-fit:contain;mix-blend-mode:normal}
.level .star-group{height:55px}
.shell{position:relative}
.main{z-index:3;overflow:visible}
.scene{overflow:visible}
.scene:after{pointer-events:none}
.hero-wolf{width:min(36vw,500px);top:-155px;right:0;z-index:3;pointer-events:none}
.content{position:relative;z-index:4}
@media(max-width:1150px){.refined-mast{gap:20px!important}.refined-nav{gap:16px!important}.refined-logo{width:70px;height:60px}.refined-name{font-size:30px}.hero-wolf{width:360px;top:-95px}}
@media(max-width:760px){.refined-mast{flex-wrap:wrap!important;justify-content:center!important}.refined-nav{width:100%;justify-content:center;flex-wrap:wrap}.hero-wolf{width:215px;top:-35px;opacity:.8}.main{overflow:hidden}}

/* v10 – finomhangolás a 2026.10.28-i képernyőkép alapján */
@media(min-width:1160px){
 .refined-mast{gap:clamp(36px,4vw,82px)!important}
 .refined-nav{flex:1;max-width:790px;justify-content:space-between;gap:clamp(18px,2.2vw,45px)!important}
 .refined-nav a{font-size:clamp(16px,1.06vw,19px)!important}
 .refined-search{flex-shrink:0}
}
/* A farkas lejjebb és nagyobban: a fejlécbe benyúlik, a jobb oldali könyv mögött marad. */
.hero-wolf{width:min(46vw,620px)!important;top:-70px!important;right:-10px!important;z-index:3}
.content{z-index:4}
/* A négy feladatválasztó azonos ikon- és feliratsorral. */
.level{min-height:118px;justify-content:flex-start;padding-top:12px}
.level .level-symbol{height:58px;display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0}
.level .star-group{height:58px}
.level .reading-only-art{height:43px!important;width:73px!important}
.level strong{display:block;line-height:1.15;min-height:31px}
.level small{line-height:1.2}
@media(max-width:1159px){.refined-nav a{font-size:15px!important}.hero-wolf{width:420px!important;top:-55px!important}}
@media(max-width:760px){.hero-wolf{width:225px!important;top:-15px!important;right:-35px!important;opacity:.8}}

/* v11: az olvasás nélküli feladatkártya feliratai – kizárólag ennek a kártyának a módosítása */
.level-reading-only{position:relative}
.level-reading-only small{position:absolute;top:5px;left:0;right:0;text-align:center;font-size:11px;line-height:1.1}
.level-reading-only .level-symbol{height:58px;padding-top:11px}
.level-reading-only strong{font-size:inherit;font-family:Caveat,'Segoe Print',cursive;font-weight:700;font-size:clamp(19px,2vw,26px)}

/* Unaufdringliche Quellenangabe direkt unter dem Audioplayer */
.audio-credit{display:flex;flex-direction:column;gap:3px;margin:4px 0 18px;color:#64717c;font-size:12px;line-height:1.45}.audio-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* v14: tagline fills exactly the width of the LiteraPfade wordmark */
.refined-wordmark{align-items:stretch}
.refined-wordmark small{display:block;width:100%;text-align:justify;text-align-last:justify;letter-spacing:0;white-space:nowrap}

/* Neue Werwolf-Grafiken und didaktische Seiten */
.side{padding-bottom:215px}.side:after{content:"";background:url('assets/werwolf-decoration-new.png') center bottom/contain no-repeat;height:190px;opacity:1}.side .round{background-size:cover;background-position:center}.task-content{background-image:linear-gradient(90deg,#fffaf0c9,#fffaf0c9),url('assets/werwolf-task-background.png');background-size:cover;background-position:center top;border-radius:18px;min-height:80vh;padding:25px 30px 65px}.task-content .panel{background:#fffdf9f5}.task-levels{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.level-task{min-height:98px}.level-task .star-group{font-size:32px;color:#d6a13e;letter-spacing:4px}.entry-panel{max-width:850px;margin:0 auto}.entry-panel h3{font:700 21px Georgia}.entry-panel textarea{width:100%;max-width:100%;padding:13px;border:1px solid #c8d3d6;border-radius:12px;font:16px Nunito}.trait-list{display:flex;gap:12px;flex-wrap:wrap}.trait-list label{padding:9px 14px;background:#edf4f7;border-radius:14px}.mode-choice{padding-bottom:15px}.discover-panel{margin-top:22px;text-align:center}.discover-panel .poem{white-space:pre-line}.translation{background:#f2f6f7;border-radius:12px;padding:15px;white-space:pre-line}.glosses{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.glosses details{padding:8px 13px;border:1px solid #d9c7a6;border-radius:12px;background:#fff8e8}.background-section{margin-bottom:20px;min-height:0}.background-section h3{font:700 20px Georgia}.source-note{font-size:12px;color:#536c7f;border-top:1px solid #e2d9c9;padding-top:12px}.source-note a{color:#236b9a}.flashcard{display:block;margin:15px auto;width:min(450px,100%);min-height:200px;border-radius:18px;border:2px solid #d5af63;background:linear-gradient(130deg,#fff9eb,#e8f1f5);color:#0b3154;font:700 30px Georgia;box-shadow:0 12px 25px #0b315421}.vocab-panel{margin:20px 0;min-height:0}.word-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.word-list span{padding:10px;background:#f5f0e6;border-radius:8px}@media(max-width:750px){.task-levels{grid-template-columns:repeat(3,1fr)}.task-content{padding:15px}.word-list{grid-template-columns:1fr}}

/* Seitenporträt: alten weißen Abzeichenrahmen entfernen */
.side .round{border:0;box-shadow:none;background-color:transparent;width:105px;height:105px}

/* Werwolf-Seitenporträt: fokussierter Kopfausschnitt mit feinem Goldrand */
.side .round{width:116px;height:116px;border:2px solid #c99b4c;border-radius:50%;box-shadow:0 3px 12px #17344a22;background-image:url('assets/werwolf-hero-approved.png')!important;background-color:#0b3154;background-repeat:no-repeat;background-size:360% auto;background-position:67% 43%;}