:root{--page: #f7f4ee;--surface: #fffdf9;--surface-2: #ece8e0;--field: #fffdf9;--field-focus: #ffffff;--stripe: #e2ddd3;--ink: #121212;--muted: #625d56;--placeholder: #958e84;--line: #dcd6cb;--line-strong: #c2baad;--shadow-rgb: 18, 18, 18;--shadow: 0 1px 2px rgba(var(--shadow-rgb), .07), 0 8px 24px rgba(var(--shadow-rgb), .07);--tint: #f2eee6;--moos: #4a5a2a;--schiefer: #2f4a5a;--ocker: #8a5a12;--blut: #8f1d22;--pflaume: #5b2a4a;--bronze: #8a6a3a;--on-kind: #ffffff;--accent: #005a9d;--accent-ink: #fffaf0;--ok: #3f6b3a;--warn: #a2611c;--danger: #9a2a2a;--danger-tint: #fbeeee;--badge-revealed-bg: #dfeedd;--badge-revealed-ink: #2f5a2a;--badge-known-bg: #f7ebc8;--badge-known-ink: #7a5a10;--badge-hidden-bg: #ebe7e0;--note-bg: #fff4d6;--note-line: #ead39a;--backdrop: rgba(18, 18, 18, .45);color-scheme:light;--header-h: 96px;--page-w: 1680px;--radius: 6px;--gap: 1rem;--font-display: "Cinzel", Georgia, serif;--font-text: "Source Serif 4", Georgia, "Times New Roman", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}[data-app=werkstatt]{--accent: #8f3b00}[data-app=taverne]{--accent: #923144}:root[data-theme=dark]{--page: #121212;--surface: #1b1a19;--surface-2: #252321;--field: #161514;--field-focus: #1d1c1a;--stripe: #222020;--ink: #f7f4ee;--muted: #a8a299;--placeholder: #6f6a62;--line: #33302c;--line-strong: #4b4741;--shadow-rgb: 0, 0, 0;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);--tint: #201e1c;--moos: #a3b56f;--schiefer: #86aac0;--ocker: #dcaa52;--blut: #e26c6f;--pflaume: #c690b6;--bronze: #cda877;--on-kind: #121212;--accent: #67b0f9;--accent-ink: #121212;--ok: #7dbb76;--warn: #e0a457;--danger: #e26c6f;--danger-tint: #2e1a1a;--badge-revealed-bg: #1f3320;--badge-revealed-ink: #a3d79d;--badge-known-bg: #3a2f12;--badge-known-ink: #ebcb7c;--badge-hidden-bg: #2a2724;--note-bg: #2f2814;--note-line: #5c4c22;--backdrop: rgba(0, 0, 0, .6);color-scheme:dark}[data-app=werkstatt][data-theme=dark]{--accent: #ed905e}[data-app=taverne][data-theme=dark]{--accent: #f08695}[data-kind=place]{--kind: var(--moos)}[data-kind=site]{--kind: var(--schiefer)}[data-kind=npc]{--kind: var(--ocker)}[data-kind=monster]{--kind: var(--blut)}[data-kind=hero]{--kind: var(--pflaume)}[data-kind=faction]{--kind: var(--bronze)}[data-kind=quest]{--kind: #6b5a2a}[data-kind=event]{--kind: #4b5d73}[data-kind=item]{--kind: #7a5a1f}[data-kind=document]{--kind: #5f5a52}[data-kind=session]{--kind: var(--accent)}@font-face{font-family:"Cinzel";src:url("../Assets/fonts/Cinzel-VariableFont_wght.ttf") format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:"Source Serif 4";src:url("../Assets/fonts/SourceSerif4.ttf") format("truetype");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:"Source Serif 4";src:url("../Assets/fonts/SourceSerif4-Italic.ttf") format("truetype");font-weight:200 900;font-style:italic;font-display:swap}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--page);color:var(--ink);font:16px/1.55 var(--font-text);font-variant-numeric:tabular-nums lining-nums}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;margin:0 0 .4em;letter-spacing:.01em}h1{font-size:clamp(1.7rem,4vw,2.4rem)}h2{font-size:1.2rem}h3{font-size:1.05rem}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}img{max-width:100%;height:auto}code{font-size:.85em}p{margin:0 0 .8em}.eyebrow,.label,.wb-label{font:600 .7rem/1.3 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}.muted{color:var(--muted)}.lead{font-style:italic;color:var(--muted);font-size:1.05rem;margin-top:-0.2rem}.inline{display:inline}.plain{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.prose{max-width:68ch}.summary{font-weight:600}.note{background:var(--note-bg);border:1px solid var(--note-line);border-radius:var(--radius);padding:.5rem .75rem;font-size:.95rem}.danger{color:var(--danger)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prose h2,.prose h3,.prose h4{font-size:1.05rem;margin:1.2em 0 .4em}.prose ul,.prose ol{padding-left:1.3rem;margin:0 0 .8em}.prose li{margin:.15em 0}.prose blockquote{margin:.8em 0;padding:.2em 1em;border-left:3px solid var(--line-strong);color:var(--muted);font-style:italic}.prose table{border-collapse:collapse;margin:.8em 0;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);padding:.3rem .5rem;text-align:left}.prose hr{border:0;border-top:1px solid var(--line);margin:1.2em 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.product{--tusche: #121212;--tusche-2: #1e1b19;--tusche-line: #3b342e;--kreide: #f7f4ee;--paper: #fffdf8;--paper-line: #d8cbb2;--muted-dark: #b4a594;--blau: #005a9d;--glut: #8f3b00;--glut-hell: #ed905e;--burgunder: #923144;margin:0;background:var(--kreide);color:var(--ink);font:18px/1.6 var(--font-text)}.product h1,.product h2,.product h3{font-family:var(--font-display);font-weight:600;text-wrap:balance;margin:0;letter-spacing:0}.product p{margin:0}.product a{color:inherit}.product :focus-visible{outline:2px solid var(--glut-hell);outline-offset:2px}.product .wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left, 0px));padding-right:max(16px,env(safe-area-inset-right, 0px))}.product .kicker{font:600 .78rem/1.3 var(--font-display);letter-spacing:.16em;text-transform:uppercase}.product .kicker--blau{color:var(--blau)}.product .btn{display:inline-block;padding:.85rem 1.4rem;border-radius:6px;font:600 1rem var(--font-display);text-decoration:none;border:1px solid rgba(0,0,0,0);cursor:pointer}.product .btn--glut{background:var(--glut-hell);color:var(--tusche)}.product .btn--glut:hover{filter:brightness(1.08)}.product .btn--line{border-color:var(--tusche-line);color:var(--kreide)}.product .btn--line:hover{border-color:var(--muted-dark)}html:has(body.product){scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html:has(body.product){scroll-behavior:auto}}.product .stage{background:var(--tusche);color:var(--kreide)}.product .stage__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:22px}.product .stage__top img{height:64px;width:auto;display:block}.product .stage__nav{display:flex;gap:1.4rem;font:.9rem var(--font-ui)}.product .stage__nav a{color:var(--muted-dark);text-decoration:none}.product .stage__nav a:hover{color:var(--kreide)}.product .hero{display:grid;grid-template-columns:minmax(0, 1.05fr) minmax(0, 0.95fr);gap:3rem;align-items:center;padding-block:2.5rem 4.5rem}.product .hero .kicker{color:var(--glut-hell)}.product .hero h1{font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.08;margin-top:1rem}.product .hero__lead{margin-top:1.4rem;font-size:1.2rem;color:var(--muted-dark);max-width:34rem}.product .hero__cta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}.product .props{position:relative;height:520px}.product .prop{position:absolute;box-shadow:0 30px 70px rgba(0,0,0,.6);border:1px solid #8a6a3a;margin:0}.product .prop--card{left:4%;top:30px;width:44%;height:auto;aspect-ratio:63/95;object-fit:cover;border-radius:10px;transform:rotate(-7deg);z-index:2}.product .prop--sheet{right:2%;top:0;width:50%;aspect-ratio:105/148;border-radius:4px;overflow:hidden;transform:rotate(4deg);z-index:1;background:#f5efe2}.product .prop--sheet img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.product .prop--sheet figcaption{position:absolute;inset:auto 0 0;padding:2.2rem 1rem 1rem;background:linear-gradient(transparent, #f5efe2 45%);color:var(--ink);display:grid}.product .prop--sheet small{font:600 .55rem var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--moos)}.product .prop--sheet b{font:600 1.2rem var(--font-display)}.product .prop--sheet i{font-size:.75rem;color:var(--muted)}.product .prop--map{left:26%;bottom:0;width:58%;aspect-ratio:3/2;border-radius:4px;transform:rotate(2deg);display:grid;place-items:center;background-color:#f5efe2;background-image:linear-gradient(#d8cbb2 1px, transparent 1px),linear-gradient(90deg, #d8cbb2 1px, transparent 1px);background-size:6.66% 10%}.product .prop--map span{font:.75rem ui-monospace,Menlo,monospace;color:var(--muted);background:#f5efe2;padding:.35rem .6rem;border:1px solid #d8cbb2}.product .prop--note{right:4%;bottom:36px;padding:.6rem .85rem;background:var(--tusche-2);border-color:var(--tusche-line);border-radius:6px;box-shadow:none;font:.78rem var(--font-ui);color:var(--muted-dark);z-index:3}.product .steps{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:2rem;padding-block:2.6rem 3.2rem;border-top:1px solid #2a2521}.product .steps .kicker{color:var(--glut-hell)}.product .steps p:not(.kicker){margin-top:.5rem;color:var(--kreide)}.product .band{padding-block:5rem}.product .band--paper{background:var(--paper);border-block:1px solid var(--paper-line)}.product .section-head{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.3fr);gap:2rem 3rem;align-items:end;margin-bottom:2.6rem}.product .section-head h2{font-size:clamp(1.8rem,3.4vw,2.5rem);line-height:1.15;margin-top:.5rem}.product .section-head>p{color:var(--muted);font-size:1.1rem;max-width:36rem}.product .werkstatt .kicker{color:var(--glut)}.product .taverne .kicker{color:var(--burgunder)}.product .feature{display:grid;grid-template-columns:minmax(0, 0.8fr) minmax(0, 1.6fr);gap:2.5rem;align-items:center}.product .feature+.feature{margin-top:4rem}.product .feature--flip{grid-template-columns:minmax(0, 1.6fr) minmax(0, 0.8fr)}.product .feature--flip .feature__text{order:2}.product .feature__text h3{font-size:1.35rem;line-height:1.25}.product .feature__text p{margin-top:.7rem;color:var(--muted)}.product .feature__text ul{margin:.9rem 0 0;padding-left:1.1rem}.product .feature__text li+li{margin-top:.3rem}.product .shot{margin:0;border:1px solid var(--paper-line);border-radius:8px;overflow:hidden;background:var(--paper);box-shadow:0 1px 2px rgba(42,28,21,.08),0 18px 40px rgba(42,28,21,.12)}.product .shot img{display:block;width:100%;height:auto}.product .shot__bar{display:flex;gap:6px;align-items:center;padding:8px 12px;background:var(--surface-2);border-bottom:1px solid var(--paper-line)}.product .shot__bar span{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.product .shot__bar em{margin-left:10px;font:.72rem var(--font-ui);color:var(--muted);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product .extra{margin-top:3.5rem;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1rem}.product .extra div{padding:1rem 1.1rem;border-left:3px solid var(--glut);background:var(--kreide)}.product .extra strong{display:block;font:600 1rem var(--font-display)}.product .extra span{font-size:.95rem;color:var(--muted)}.product .usps{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));border-top:1px solid var(--paper-line)}.product .usp{padding:1.8rem 1.6rem 1.8rem 0;border-bottom:1px solid var(--paper-line)}.product .usp:not(:nth-child(3n+1)){padding-left:1.6rem;border-left:1px solid var(--paper-line)}.product .usp svg{width:30px;height:30px;color:var(--blau)}.product .usp h3{font-size:1.1rem;margin-top:.8rem;line-height:1.3}.product .usp p{margin-top:.5rem;color:var(--muted);font-size:1rem}.product .beta{background:var(--tusche);color:var(--kreide)}.product .beta .kicker{color:var(--glut-hell)}.product .beta h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin-top:.5rem}.product .beta__grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:3rem;align-items:start}.product .beta__text p{margin-top:1rem;color:var(--muted-dark);font-size:1.1rem}.product .beta__text ul{margin:1.2rem 0 0;padding-left:1.1rem}.product .form{background:var(--tusche-2);border:1px solid var(--tusche-line);border-radius:10px;padding:1.5rem;display:grid;gap:.9rem}.product .form label{display:grid;gap:.3rem;font:.85rem var(--font-ui);color:var(--muted-dark)}.product .form input:not([type=radio]){padding:.75rem .9rem;border:1px solid var(--tusche-line);border-radius:6px;background:var(--tusche);color:var(--kreide);font:1rem var(--font-text)}.product .form input[aria-invalid=true]{border-color:var(--glut-hell)}.product .form a{color:var(--kreide)}.product .roles{display:flex;gap:1rem;flex-wrap:wrap;border:0;padding:0;margin:0}.product .roles label{display:flex;align-items:center;gap:.4rem;font:.95rem var(--font-text);color:var(--kreide)}.product .roles input{accent-color:var(--glut-hell)}.product .form__note{font:.8rem var(--font-ui);color:var(--muted-dark)}.product .form__field-error{margin-top:-0.5rem;font:.82rem var(--font-ui);color:var(--glut-hell)}.product .form__error{padding:.8rem 1rem;border-radius:6px;background:#3a2114;border:1px solid var(--glut);color:#f6d3bf;font:.95rem var(--font-text)}.product .form__done{padding:.8rem 1rem;border-radius:6px;background:#22301f;border:1px solid var(--ok);color:#cfe3c8;font:1rem var(--font-text)}.product .form__hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.product .legal{background:var(--paper)}.product .legal__text{max-width:760px}.product .legal__text h1{font-size:clamp(1.8rem,3.4vw,2.5rem);margin:.5rem 0 1.6rem}.product .legal__text h2{font-size:1.15rem;margin:2rem 0 .5rem}.product .legal__text p+p{margin-top:.8rem}.product .legal__text a{color:var(--blau)}.product .site-footer{background:var(--tusche);color:var(--muted-dark);border-top:1px solid #2a2521;font:.82rem/1.6 var(--font-ui)}.product .site-footer .wrap{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;padding-block:2rem}.product .site-footer a{color:var(--muted-dark)}.product .site-footer a:hover{color:var(--kreide)}@media(max-width: 960px){.product .hero,.product .section-head,.product .feature,.product .feature--flip,.product .beta__grid{grid-template-columns:minmax(0, 1fr)}.product .feature--flip .feature__text{order:0}.product .props{height:420px;max-width:520px}.product .steps,.product .usps{grid-template-columns:minmax(0, 1fr)}.product .usp,.product .usp:not(:nth-child(3n+1)){padding:1.4rem 0;border-left:0}.product .extra{grid-template-columns:repeat(2, minmax(0, 1fr))}.product .stage__nav{display:none}}@media(max-width: 520px){.product{font-size:17px}.product .props{height:340px}.product .extra{grid-template-columns:minmax(0, 1fr)}}.product{--ember: #ffb36b;--burgunder-hell: #f08695;--ocker: #c9973a}.product .halls{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:1.5rem}.product .hall-card{position:relative;display:grid;align-content:end;min-height:34rem;border-radius:10px;overflow:hidden;color:var(--kreide);text-decoration:none;isolation:isolate;box-shadow:0 1px 2px rgba(42,28,21,.08),0 18px 40px rgba(42,28,21,.14)}.product .hall-card>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.product .hall-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg, rgba(18, 18, 18, 0.05) 20%, rgba(18, 18, 18, 0.82) 62%, rgba(18, 18, 18, 0.95))}.product .hall-card:hover>img{transform:scale(1.03)}.product .hall-card__body{padding:2rem 2rem 2.2rem;display:grid;gap:.8rem}.product .hall-card .kicker{color:var(--ember)}.product .hall-card--taverne .kicker{color:var(--burgunder-hell)}.product .hall-card h3{font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.1}.product .hall-card p{color:#e2d8ca;max-width:32rem}.product .hall-card ul{margin:.2rem 0 0;padding:0;list-style:none;display:grid;gap:.3rem;font-size:.95rem;color:#d8cdbd}.product .hall-card li::before{content:"◆";margin-right:.55rem;font-size:.6rem;vertical-align:.15rem;color:var(--ember)}.product .hall-card--taverne li::before{color:var(--burgunder-hell)}.product .hall-card__go{margin-top:.6rem;font:600 1rem var(--font-display);color:var(--ember)}.product .hall-card--taverne .hall-card__go{color:var(--burgunder-hell)}.product .tisch{background:var(--tusche);color:var(--kreide)}.product .tisch .section-head p{color:var(--muted-dark)}.product .tisch .kicker{color:var(--ocker)}.product .table-grid{display:grid;grid-template-columns:minmax(0, 1fr) 19rem;gap:2rem;align-items:start}.product .table-box{border-radius:10px;overflow:hidden;background:var(--tusche-2);border:1px solid var(--tusche-line)}.product .table-box svg{display:block;width:100%;height:auto}.product .story{display:grid;gap:1rem}.product .story__session{font:600 .78rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dark)}.product .story__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:.3rem}.product .story__steps li{height:4px;border-radius:2px;background:var(--tusche-line)}.product .story__steps li.is-done{background:var(--muted-dark)}.product .story__steps li.is-now{background:var(--glut-hell)}.product .phase{border:1px solid var(--tusche-line);border-radius:8px;padding:1rem 1.1rem;background:var(--tusche-2)}.product .phase__where{font:600 .7rem var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.product .phase__where[data-room=werkstatt]{color:var(--glut-hell)}.product .phase__where[data-room=taverne]{color:var(--burgunder-hell)}.product .phase__where[data-room=tisch]{color:var(--ocker)}.product .phase h3{font-size:1.1rem;margin-top:.25rem}.product .phase p{color:var(--muted-dark);font-size:.95rem;margin-top:.4rem}.product .world{border:1px solid var(--tusche-line);border-radius:8px;padding:1rem 1.1rem;display:grid;gap:.7rem}.product .world__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.product .world__head span{font:600 .7rem var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark)}.product .world__head b{font:600 1.5rem var(--font-display);font-variant-numeric:tabular-nums}.product .world__bar{height:8px;border-radius:4px;background:var(--tusche-line);overflow:hidden}.product .world__bar span{display:block;height:100%;width:0;background:linear-gradient(90deg, var(--glut-hell), var(--burgunder-hell));transition:width .9s ease}.product .world__counts{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:.4rem}.product .world__counts div{text-align:center;padding:.45rem .2rem;border-radius:6px;background:var(--tusche-2);border-top:3px solid var(--c, var(--tusche-line))}.product .world__counts b{display:block;font:600 1.1rem var(--font-display);font-variant-numeric:tabular-nums}.product .world__counts small{font:600 .56rem var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--muted-dark)}.product .story__controls{display:grid;grid-template-columns:1.4fr repeat(4, minmax(0, 1fr));gap:.35rem}.product .story__controls button{font:600 .8rem var(--font-ui);padding:.5rem .25rem;white-space:nowrap;border-radius:6px;border:1px solid var(--tusche-line);background:rgba(0,0,0,0);color:var(--kreide);cursor:pointer}.product .story__controls button:hover{border-color:var(--muted-dark)}.product .story__controls button[aria-pressed=true]{background:var(--glut-hell);border-color:var(--glut-hell);color:var(--tusche)}.product .tisch .fog{fill:#d9d2c4;transition:opacity 1.6s ease}.product .tisch .card{transition:transform 1.1s cubic-bezier(0.3, 0.7, 0.2, 1),opacity .5s ease}.product .tisch .fade{transition:opacity .7s ease}.product .tisch .bm{transition:transform 1.2s cubic-bezier(0.3, 0.7, 0.2, 1),opacity .8s ease}.product .tisch .label-dark{font:600 10px var(--font-ui);letter-spacing:.1em;fill:var(--muted-dark);text-transform:uppercase}.product .tisch .label-room{font:600 11px var(--font-display);letter-spacing:.12em}.product .hall-head{position:relative;isolation:isolate;overflow:hidden;background:var(--tusche);color:var(--kreide)}.product .hall-head>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 45%}.product .hall-head::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg, rgba(18, 18, 18, 0.92) 0%, rgba(18, 18, 18, 0.7) 45%, rgba(18, 18, 18, 0.2) 100%),linear-gradient(180deg, transparent 60%, var(--tusche))}.product .hall-head .wrap{padding-block:6rem 5.5rem;display:grid;gap:1.2rem}.product .hall-head .kicker{color:var(--ember)}.product .hall-head--taverne .kicker{color:var(--burgunder-hell)}.product .hall-head h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.04;max-width:15ch;text-shadow:0 2px 30px rgba(0,0,0,.5)}.product .hall-head__lead{font-size:1.2rem;color:#e2d8ca;max-width:36rem}.product .hall-head__who{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font:.85rem var(--font-ui);color:var(--muted-dark)}.product .hall-head__who b{color:var(--kreide);font-weight:600}.product .hall-head .hero__cta{margin-top:.6rem}.product .works-band{background:var(--tusche);color:var(--kreide)}.product .works-band .section-head p{color:var(--muted-dark)}.product .works-band .kicker{color:var(--ember)}.product .works-band--taverne .kicker{color:var(--burgunder-hell)}.product .works{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:1.6rem}.product .work{grid-column:span 3;display:grid;gap:.9rem;align-content:start;min-width:0}.product .work--wide{grid-column:span 4}.product .work--narrow{grid-column:span 2}.product .work h3{font-size:1.25rem}.product .work p{color:var(--muted-dark);font-size:.98rem}.product .frame{position:relative;border-radius:8px;overflow:hidden;background:var(--tusche-2);box-shadow:0 20px 50px rgba(0,0,0,.45)}.product .frame img{width:100%;height:100%;object-fit:cover}.product .chip{position:absolute;left:.8rem;top:.8rem;z-index:3;padding:.25rem .6rem;border-radius:4px;font:600 .68rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase;background:rgba(18,18,18,.78);color:var(--kreide)}.product .chip--after{background:var(--glut-hell);color:var(--tusche)}.product .forge{aspect-ratio:3/2}.product .forge--tall{aspect-ratio:2/3}.product .forge--map{aspect-ratio:15/11}.product .forge img{position:absolute;inset:0}.product .forge .done{animation:forge-clip 9s ease-in-out infinite;animation-delay:-5s}.product .forge .seam{position:absolute;top:0;bottom:0;width:3px;z-index:2;background:var(--ember);box-shadow:0 0 18px 6px rgba(255,150,70,.65);animation:forge-seam 9s ease-in-out infinite;animation-delay:-5s}.product .forge .chip--before{animation:chip-before 9s infinite;animation-delay:-5s}.product .forge .chip--after{animation:chip-after 9s infinite;animation-delay:-5s}@keyframes forge-clip{0%,16%{clip-path:inset(0 0 0 100%);opacity:1}56%,90%{clip-path:inset(0 0 0 0);opacity:1}98%{clip-path:inset(0 0 0 0);opacity:0}100%{clip-path:inset(0 0 0 100%);opacity:0}}@keyframes forge-seam{0%,16%{left:100%;opacity:0}18%{opacity:1}54%{opacity:1}56%,100%{left:0;opacity:0}}@keyframes chip-before{0%,40%{opacity:1}50%,92%{opacity:0}100%{opacity:1}}@keyframes chip-after{0%,40%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}.product .grid-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(18, 18, 18, 0.28) 1px, transparent 1px),linear-gradient(90deg, rgba(18, 18, 18, 0.28) 1px, transparent 1px);background-size:6.25% 8.52%}.product .statline{position:absolute;z-index:3;right:.8rem;bottom:.8rem;display:flex;gap:.3rem}.product .statline span{padding:.3rem .5rem;border-radius:4px;background:rgba(18,18,18,.82);font:600 .72rem var(--font-ui);text-align:center;line-height:1.2}.product .statline b{display:block;font:600 1rem var(--font-display);color:var(--ember)}.product .cardshot{display:grid;place-items:center;padding:1.6rem 1rem;background:radial-gradient(circle at 50% 30%, #3a2c22, var(--tusche-2))}.product .cardshot img{width:min(62%,15rem);aspect-ratio:63/95;object-fit:cover;border-radius:8px;transform:rotate(-3deg);box-shadow:0 18px 40px rgba(0,0,0,.6)}.product .cardshot small{margin-top:1rem;font:.78rem var(--font-ui);color:var(--muted-dark)}.product .reveal{aspect-ratio:3/2}.product .reveal img{position:absolute;inset:0;animation:unveil 8s ease-in-out infinite;animation-delay:-4.5s}.product .reveal .mist{position:absolute;inset:-10%;z-index:1;background:radial-gradient(closest-side, rgba(220, 214, 203, 0.95), rgba(220, 214, 203, 0.7) 60%, rgba(220, 214, 203, 0.35));animation:mist 8s ease-in-out infinite;animation-delay:-4.5s}.product .reveal .stamp{position:absolute;z-index:2;right:1rem;top:1rem;padding:.35rem .7rem;border:2px solid var(--burgunder-hell);border-radius:4px;color:var(--burgunder-hell);font:700 .8rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:rgba(18,18,18,.7);animation:stamp 8s ease-in-out infinite;animation-delay:-4.5s}@keyframes unveil{0%,28%{filter:blur(14px) grayscale(0.8) brightness(0.8)}50%,88%{filter:none}100%{filter:blur(14px) grayscale(0.8) brightness(0.8)}}@keyframes mist{0%,28%{opacity:1}52%,88%{opacity:0}100%{opacity:1}}@keyframes stamp{0%,32%{opacity:0;transform:scale(1.4) rotate(-8deg)}40%,88%{opacity:1;transform:scale(1) rotate(-4deg)}96%,100%{opacity:0}}.product .levelcard{position:relative}.product .hero-card{display:grid;grid-template-columns:42% minmax(0, 1fr);background:var(--paper);color:var(--ink);border-radius:8px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45)}.product .hero-card>img{width:100%;height:100%;object-fit:cover;object-position:center 15%;min-height:18rem}.product .hero-card__body{padding:1.1rem 1.2rem;display:grid;gap:.6rem;align-content:start;min-width:0}.product .hero-card .kicker{color:var(--burgunder);font-size:.62rem}.product .hero-card h4{margin:0;font:600 1.35rem var(--font-display)}.product .hero-card__line{font-style:italic;color:var(--muted);font-size:.92rem}.product .vals{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.35rem}.product .vals div{border:1px solid var(--paper-line);border-radius:6px;padding:.35rem .2rem;text-align:center;background:#f7f1e5;transition:background .4s,border-color .4s}.product .vals small{display:block;font:600 .58rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.product .vals b{font:600 1.2rem var(--font-display);font-variant-numeric:tabular-nums}.product .vals div.is-up{background:#fbe3e7;border-color:var(--burgunder-hell)}.product .xp{height:6px;border-radius:3px;background:#ece4d4;overflow:hidden}.product .xp span{display:block;height:100%;width:40%;background:var(--burgunder);transition:width 1.2s ease}.product .newspell{font:.86rem var(--font-ui);color:var(--burgunder);opacity:0;transform:translateY(4px);transition:opacity .5s,transform .5s}.product .newspell.is-on{opacity:1;transform:none}.product .levelup{position:absolute;left:50%;top:46%;z-index:2;transform:translate(-50%, -50%) scale(0.6);opacity:0;padding:.55rem 1rem;border-radius:6px;background:var(--burgunder);color:#fff;font:700 .95rem var(--font-display);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 40px rgba(240,134,149,.6);transition:opacity .4s,transform .5s cubic-bezier(0.3, 1.6, 0.5, 1);pointer-events:none}.product .levelup.is-on{opacity:1;transform:translate(-50%, -50%) scale(1)}.product .roll{aspect-ratio:3/2;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%, #3b1e25, var(--tusche-2))}.product .roll svg{width:42%;max-width:12rem;animation:tumble 6s ease-in-out infinite}.product .roll__result{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font:600 .82rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dark)}.product .roll__result b{display:block;font:700 2.2rem var(--font-display);color:var(--burgunder-hell);letter-spacing:0}@keyframes tumble{0%{transform:rotate(0) scale(0.9)}30%{transform:rotate(540deg) scale(1.05)}40%,100%{transform:rotate(720deg) scale(1)}}.product .onward{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:1.5rem;align-items:stretch}.product .onward .hall-card{min-height:20rem}@media(max-width: 980px){.product .halls,.product .table-grid,.product .onward{grid-template-columns:minmax(0, 1fr)}.product .works{grid-template-columns:minmax(0, 1fr)}.product .work,.product .work--wide,.product .work--narrow{grid-column:auto}.product .hall-card{min-height:28rem}}@media(max-width: 520px){.product .hero-card{grid-template-columns:minmax(0, 1fr)}.product .hero-card>img{min-height:0;aspect-ratio:4/3}.product .world__counts{grid-template-columns:repeat(2, minmax(0, 1fr))}.product .hall-card__body{padding:1.4rem 1.2rem 1.6rem}}@media(prefers-reduced-motion: reduce){.product .forge .done,.product .forge .seam,.product .forge .chip,.product .reveal img,.product .reveal .mist,.product .reveal .stamp,.product .roll svg{animation:none}.product .forge .seam,.product .forge .chip--before,.product .reveal .mist{opacity:0}.product .reveal .stamp,.product .forge .chip--after{opacity:1}.product .tisch .fog,.product .tisch .card,.product .tisch .fade,.product .tisch .bm,.product .world__bar span,.product .xp span,.product .newspell,.product .levelup,.product .hall-card>img{transition:none}}