:root{--ink:#080608;--wine:#25070d;--red:#6e0e1b;--gold:#e7bd64;--gold2:#fff0b0;--paper:#f0dfb5;--muted:#c8bca9;--line:rgba(231,189,100,.24);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:radial-gradient(circle at 50% 0,#28070e 0,#0b0709 36rem,#050405 100%);color:#f4ead7;font:16px/1.7 var(--sans);overflow-x:hidden}button,a{font:inherit}.skip{position:fixed;z-index:100;top:1rem;left:1rem;transform:translateY(-200%);background:#fff;color:#000;padding:.7rem 1rem}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid var(--gold2);outline-offset:4px}.vignette{position:fixed;inset:0;z-index:20;pointer-events:none;box-shadow:inset 0 0 12vw #000}.curtain{position:fixed;top:0;bottom:0;width:clamp(36px,8vw,130px);z-index:18;pointer-events:none;background:repeating-linear-gradient(90deg,#36060c 0,#790f1d 20%,#40070e 43%,#8c1724 62%,#32050a 100%);box-shadow:inset 0 0 30px #120104,0 0 45px #000;animation:curtainOpen 1.6s cubic-bezier(.2,.8,.2,1) both}.curtain:after{content:"";position:absolute;top:0;bottom:0;width:10px;background:linear-gradient(#9b7126,#f6d57d,#7c551a)}.curtain-left{left:0;transform-origin:left}.curtain-left:after{right:-5px}.curtain-right{right:0;transform-origin:right}.curtain-right:after{left:-5px}.particles{position:fixed;inset:0;pointer-events:none;z-index:3}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:0;animation:float var(--d) linear infinite;animation-delay:var(--delay)}@keyframes float{0%{transform:translateY(105vh) scale(.4);opacity:0}15%{opacity:.45}85%{opacity:.25}100%{transform:translateY(-10vh) scale(1);opacity:0}}@keyframes curtainOpen{from{width:50vw}to{width:clamp(36px,8vw,130px)}}.site-header,.game-header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:2rem;height:74px;padding:0 clamp(4.2rem,10vw,10rem);background:linear-gradient(#080607ee,#080607aa);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;font-family:var(--serif);font-weight:700;letter-spacing:.04em;white-space:nowrap}.brand span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:700 .7rem var(--sans)}nav{display:flex;gap:1.4rem;margin-left:auto}nav a{color:#d8cdbd;text-decoration:none;font-size:.86rem;text-transform:uppercase;letter-spacing:.12em}nav a:hover,nav a.active{color:var(--gold2)}.sound,.nav-toggle{border:1px solid var(--line);background:#160d10;color:#e9dcbf;border-radius:3px;padding:.55rem .75rem;font-size:.72rem;letter-spacing:.1em}.nav-toggle{display:none}.hero{min-height:100svh;display:grid;place-content:center;text-align:center;position:relative;padding:8rem 10vw 5rem}.spotlight{position:absolute;inset:-10% 10% 0;background:conic-gradient(from 166deg at 50% 0,transparent 0 41%,rgba(255,224,157,.13) 46%,rgba(255,224,157,.13) 54%,transparent 59%);filter:blur(12px);pointer-events:none}.eyebrow,.kicker,.cert-overline,.rank{text-transform:uppercase;letter-spacing:.25em;font-weight:700;font-size:.72rem;color:var(--gold)}.hero h1{margin:.15em 0;font:italic clamp(4rem,12vw,10rem)/.82 var(--serif);letter-spacing:-.065em;text-shadow:0 3px 0 #301016,0 0 60px rgba(231,189,100,.2)}.hero h1 span{color:transparent;-webkit-text-stroke:1px var(--gold);font-style:normal}.hero-line{max-width:660px;margin:1.6rem auto 2.2rem;font:clamp(1.1rem,2vw,1.45rem)/1.5 var(--serif);color:#d8c7ae}.hero-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.7rem 1.15rem;border:1px solid var(--gold);border-radius:2px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800;cursor:pointer}.primary{color:#180a08;background:linear-gradient(135deg,#fff0ad,#bd812c);box-shadow:0 12px 35px rgba(189,129,44,.18)}.ghost{color:var(--gold2);background:#10090c99}.small{min-height:38px;padding:.45rem .8rem}.scroll-cue{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:.4rem;color:#aa9c86;text-decoration:none;font-size:.65rem;letter-spacing:.24em}.scroll-cue i{height:35px;width:1px;background:linear-gradient(var(--gold),transparent);animation:pulse 1.6s infinite}@keyframes pulse{50%{transform:scaleY(.5);opacity:.45}}.story,.cert-section{max-width:1120px;margin:auto;padding:7rem clamp(3.5rem,9vw,7rem)}.act{display:grid;grid-template-columns:190px 1fr;gap:4rem;align-items:start;padding:8rem 0;border-top:1px solid var(--line)}.act.reverse{grid-template-columns:1fr 190px}.act.reverse .chapter-no{order:2}.chapter-no{font:italic 10rem/.75 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(231,189,100,.35)}h2,h3{font-family:var(--serif);line-height:1.05}.act h2,.section-head h2,.pig-section h2,.finale h2{font-size:clamp(2.2rem,5vw,4.6rem);margin:.35rem 0 1.5rem}.act p{max-width:680px;color:#cfc3b1}.act strong{color:var(--gold2)}blockquote{margin:2rem 0 0;padding:1.4rem 1.8rem;border-left:2px solid var(--gold);background:#1a0c10;font:italic 1.25rem/1.5 var(--serif)}blockquote cite{display:block;margin-top:.7rem;font:normal .72rem var(--sans);letter-spacing:.1em;color:#9e907d}.lore-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#11090c}.lore-strip span{padding:2rem;text-align:center;text-transform:uppercase;letter-spacing:.15em;font-size:.68rem}.lore-strip span+span{border-left:1px solid var(--line)}.lore-strip b{display:block;font:3rem var(--serif);color:var(--gold)}.betrayal{position:relative;text-align:center;margin:4rem calc(50% - 50vw);padding:12rem 10vw;background:radial-gradient(circle,#750d18,#170307 55%,#050405 76%);border-block:1px solid #7b1c28}.betrayal h2{font-size:clamp(3rem,9vw,8rem);letter-spacing:.04em;margin:.2em 0;text-shadow:0 0 30px #b81228}.betrayal p:not(.kicker){max-width:700px;margin:1rem auto;color:#e4c8c7}.text-button{border:0;border-bottom:1px solid #c9888f;background:transparent;color:#e6c2c6;padding:.4rem;cursor:pointer}.shake{animation:shake .5s linear}@keyframes shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.section-head{text-align:center;max-width:720px;margin:0 auto 4rem}.section-head>p:last-child{color:#ac9e89}.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.certificate{position:relative;min-height:650px;padding:4rem 3rem;text-align:center;color:#31230e;background:radial-gradient(circle at top,#fff5cf,#ddc28a);border:12px double #8d6420;box-shadow:0 30px 70px #0008, inset 0 0 80px #8b551733}.certificate:before,.certificate:after{content:"✦";position:absolute;font-size:2rem}.certificate:before{top:1rem;left:1rem}.certificate:after{right:1rem;bottom:1rem}.certificate.loser{filter:saturate(.65);transform:rotate(1deg);border-color:#675e50;background:radial-gradient(circle at top,#e7dfc9,#b7aa91)}.certificate h3{font-size:clamp(2rem,4vw,3.2rem);text-transform:uppercase;margin:.5rem 0 2rem}.certificate p{line-height:1.75}.cert-overline{color:#6d501f}.ornament{font-size:2rem}.seal{width:110px;height:110px;margin:2.5rem auto;display:grid;place-content:center;border-radius:50%;border:4px double #795210;box-shadow:0 0 0 6px #c49a4d,0 0 0 8px #795210;transform:rotate(-8deg)}.seal span{font:700 1.6rem var(--serif)}.seal small{font-size:.55rem;letter-spacing:.2em}.loser .seal{transform:rotate(12deg);color:#5b201b}.signature{display:flex;gap:2rem;justify-content:space-between;margin:3rem 0 1rem;font:italic .9rem var(--serif)}.signature span{width:50%;padding-top:.5rem;border-top:1px solid}.print-cert{border:1px solid #72521f;background:transparent;color:#4b3514;padding:.7rem 1rem;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;cursor:pointer}.pig-section{max-width:1060px;margin:7rem auto;padding:6rem clamp(3.5rem,8vw,7rem);display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:4rem;background:linear-gradient(120deg,#1e0a0f,#0e0a0b);border:1px solid var(--line)}.pig-hint{color:#a99b89;font-size:.85rem}.pig{position:relative;width:240px;height:170px;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 25px 20px #0008);transition:transform .2s}.pig:hover{transform:translateY(-7px) rotate(-2deg)}.pig .face{position:absolute;inset:20px 10px 10px;border-radius:48% 52% 44% 46%;background:linear-gradient(145deg,#ffb3aa,#dc706d);border:4px solid #6d292c;box-shadow:inset -18px -20px 0 #b95052}.ear{position:absolute;top:4px;width:65px;height:70px;background:#cf6665;border:4px solid #6d292c;transform:rotate(25deg);z-index:-1}.ear.left{left:20px}.ear.right{right:20px;transform:rotate(-25deg)}.eye{position:absolute;top:44px;width:10px;height:14px;border-radius:50%;background:#251014}.e1{left:62px}.e2{right:62px}.snout{position:absolute;left:50%;top:70px;transform:translateX(-50%);width:75px;height:53px;display:grid;place-items:center;background:#f19590;border:3px solid #7a3436;border-radius:45%;color:#7a3436;letter-spacing:.7rem;padding-left:.7rem;font-style:normal}.leg{position:absolute;bottom:0;width:30px;height:35px;background:#a74649;border-radius:0 0 8px 8px}.l1{left:55px}.l2{right:55px}.pig.bounce{animation:pigBounce .55s}@keyframes pigBounce{45%{transform:translateY(-50px) rotate(8deg)}}.pig-runner{position:fixed!important;z-index:45;bottom:2rem;left:-280px;animation:pigRun 7s linear forwards!important}@keyframes pigRun{to{transform:translateX(calc(100vw + 560px))}}.finale{text-align:center;padding:10rem 2rem}.finale>p{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}.secret{display:block;margin:5rem auto 0;border:0;background:none;color:#39271a;cursor:pointer}.toast{position:fixed;z-index:60;left:50%;bottom:2rem;transform:translate(-50%,130%);max-width:min(90vw,520px);padding:1rem 1.4rem;background:#f0d487;color:#241509;border:1px solid #fff0b0;box-shadow:0 15px 50px #000;border-radius:3px;text-align:center;font-weight:700;transition:transform .35s}.toast.show{transform:translate(-50%,0)}dialog{max-width:600px;background:#160b0e;color:#f5e8d0;border:1px solid var(--gold);padding:3rem;box-shadow:0 30px 100px #000}dialog::backdrop{background:#050305dd;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:1rem;top:.7rem;color:#fff;background:none;border:0;font-size:2rem;cursor:pointer}footer{display:flex;justify-content:space-between;padding:2rem clamp(4rem,10vw,10rem);border-top:1px solid var(--line);color:#8f8372;font-size:.75rem}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.legendary{animation:legendary 1.4s}.legendary:before{content:"VOLLZEITHELD-MODUS AKTIVIERT";position:fixed;z-index:70;inset:0;display:grid;place-items:center;text-align:center;padding:2rem;color:#fff1a3;background:#10030ccc;font:700 clamp(2rem,7vw,6rem)/1 var(--serif);text-shadow:0 0 30px gold;animation:mode 1.4s forwards;pointer-events:none}@keyframes mode{70%{opacity:1}100%{opacity:0}}@media(max-width:780px){.site-header,.game-header{padding:0 3.2rem}.nav-toggle{display:grid;margin-left:auto;gap:4px;padding:.65rem}.nav-toggle span{display:block;width:20px;height:2px;background:#fff}.site-header nav{position:absolute;top:74px;left:2.6rem;right:2.6rem;display:none;flex-direction:column;padding:1.2rem;background:#10090df5;border:1px solid var(--line)}.site-header nav.open{display:flex}.sound{font-size:0}.sound:after{content:'♪';font-size:1rem}.hero{padding-inline:4rem}.act,.act.reverse{grid-template-columns:1fr;gap:2rem;padding:5rem 0}.act.reverse .chapter-no{order:0}.chapter-no{font-size:6rem}.lore-strip{grid-template-columns:1fr}.lore-strip span+span{border-left:0;border-top:1px solid var(--line)}.cert-grid,.pig-section{grid-template-columns:1fr}.certificate{min-height:auto;padding:3rem 1.5rem}.pig{margin:auto}.story,.cert-section{padding-inline:3.2rem}footer{padding-inline:3.2rem;gap:1rem;flex-direction:column}.curtain{width:25px}.pig-section{margin:4rem 2rem;padding-inline:2rem}}@media(max-width:430px){.site-header,.game-header{padding-inline:2.2rem}.brand{font-size:.85rem}.brand span{width:29px;height:29px}.hero{padding-inline:2.6rem}.hero h1{font-size:3.6rem}.story,.cert-section{padding-inline:2.6rem}.act{padding-block:4rem}.cert-section{padding-top:4rem}.pig-section{margin-inline:1.4rem}.curtain{width:16px}.certificate h3{font-size:1.8rem}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media print{body *{visibility:hidden}.certificate.printing,.certificate.printing *{visibility:visible}.certificate.printing{position:absolute;inset:0;margin:auto;width:190mm;min-height:250mm;box-shadow:none}.print-cert{display:none}.curtain,.vignette{display:none}}