@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/hirnmodus/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/hirnmodus/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/hirnmodus/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/hirnmodus/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/hirnmodus/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/hirnmodus/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(/hirnmodus/assets/permanent-marker-latin-400-normal-BF23djCy.woff2)format("woff2"),url(/hirnmodus/assets/permanent-marker-latin-400-normal-BnZj5c41.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f5f8fd;--rule:#d5e1f2;--margin:#f0a9a9;--ink:#1c2230;--card:#fff;--muted:#5a6377;--hl:#ffe24a;--on-hl:#1c2230;--hot:#ff5a76;--sofa:#c8d7f4;--t-deadline:#ff4f6d;--t-vulkan:#ff8a2b;--t-tabs:#3b82f6;--t-igel:#9b5cf6;--t-hoehle:#0fa89a;--t-zen:#57b336;--display:"Permanent Marker", "Marker Felt", "Comic Sans MS", cursive;--hand:"Patrick Hand", "Segoe Print", "Comic Sans MS", cursive;--wobbly:255px 14px 225px 14px / 14px 225px 14px 255px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1b2823;--rule:#24342e;--margin:#4d3434;--ink:#eef2e8;--card:#22322c;--muted:#a6b5ab;--hl:#ffd93b;--hot:#ff6b84;--sofa:#3a557f;--t-deadline:#ff6b84;--t-vulkan:#ff9a45;--t-tabs:#5b9bff;--t-igel:#b183ff;--t-hoehle:#2cc4b4;--t-zen:#78cf55;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1b2823;--rule:#24342e;--margin:#4d3434;--ink:#eef2e8;--card:#22322c;--muted:#a6b5ab;--hl:#ffd93b;--hot:#ff6b84;--sofa:#3a557f;--t-deadline:#ff6b84;--t-vulkan:#ff9a45;--t-tabs:#5b9bff;--t-igel:#b183ff;--t-hoehle:#2cc4b4;--t-zen:#78cf55;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background-color:var(--bg);background-image:linear-gradient(90deg, transparent 26px, var(--margin) 26px 28px, transparent 28px), repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px);color:var(--ink);font-family:var(--hand);min-height:100%;font-size:20px;line-height:1.35}.wrap{max-width:560px;padding-block:18px 56px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:18px;margin:0 auto;display:flex}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{font-family:var(--display);font-size:24px;transform:rotate(-2deg)}.logo span{background:var(--hl);color:var(--on-hl);border-radius:4px;padding:0 6px}.pill{color:var(--muted);border:2px dashed var(--muted);border-radius:var(--wobbly);padding:2px 10px;font-size:15px}main{flex-direction:column;gap:18px;display:flex}main:focus{outline:none}.stage{background:var(--card);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);aspect-ratio:300/220;border-radius:18px 6px 22px 8px/8px 20px 6px 18px;max-width:100%;overflow:hidden}.stage svg{width:100%;height:100%;display:block}h1,h2{text-wrap:balance;margin:0;font-weight:400}h1{font-family:var(--display);font-size:clamp(44px,13vw,68px);line-height:.95;transform:rotate(-2deg)}h2{font-size:clamp(26px,7vw,32px);line-height:1.15}p{margin:0}.lead{font-size:22px}mark{background:linear-gradient(100deg, transparent 2%, var(--hl) 4% 96%, transparent 98%);color:var(--on-hl);padding:0 4px}.muted{color:var(--muted)}.small{font-size:16px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:16px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--wobbly);background:var(--card);border:2px solid;padding:2px 10px;font-size:17px}.progress{align-items:center;gap:8px;display:flex}.progress i{border:2.5px solid var(--ink);border-radius:50% 45% 55% 48%;width:18px;height:18px;display:block}.progress i.done{background:var(--ink)}.progress i.now{background:var(--hl)}.progress span{color:var(--muted);margin-left:6px;font-size:16px}.answers{gap:12px;display:grid}button{font:inherit;color:inherit;cursor:pointer}.ans{text-align:left;background:var(--card);border:2.5px solid var(--ink);border-radius:var(--wobbly);box-shadow:3px 3px 0 var(--ink);align-items:center;gap:14px;padding:12px 16px;font-size:21px;line-height:1.2;transition:transform .12s,box-shadow .12s;display:flex}.ans:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-2px)rotate(-.4deg)}.ans:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.key{width:34px;height:34px;font-family:var(--display);border:2.5px solid var(--ink);background:var(--hl);color:var(--on-hl);border-radius:50% 46% 52% 44%;flex:none;place-items:center;font-size:18px;display:grid}.btn{font-family:var(--display);background:var(--hl);color:var(--on-hl);border:3px solid var(--ink);border-radius:var(--wobbly);box-shadow:4px 4px 0 var(--ink);align-self:flex-start;padding:10px 22px;font-size:24px;transition:transform .12s,box-shadow .12s}.btn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-2px)rotate(-1deg)}.btn.ghost{background:var(--card);color:var(--ink)}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}:focus-visible{outline:3px dashed var(--t-tabs);outline-offset:4px}.cap{font-family:var(--display);text-align:center;font-size:clamp(34px,10vw,52px);line-height:1;animation:.45s cubic-bezier(.2,1.6,.4,1) both popin;transform:rotate(-2deg)}.sub{text-align:center;text-wrap:balance;font-size:22px}.picked{color:var(--muted);text-align:center;font-size:17px}.typename{font-family:var(--display);font-size:clamp(38px,11vw,58px);line-height:1;transform:rotate(-2deg)}.boxes{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=600px){.boxes{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){body{background-image:repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px)}}.box{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--wobbly);min-width:0;padding:12px 14px}.box b{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:15px;font-weight:400;display:block}.mix{gap:8px;display:grid}.bar{grid-template-columns:minmax(0,9.5em) 1fr 3em;align-items:center;gap:10px;font-size:18px;display:grid}.bar .track{border:2.5px solid var(--ink);border-radius:var(--wobbly);background:var(--card);height:18px;overflow:hidden}.bar .fill{transform-origin:0;height:100%;animation:.8s ease-out both barin}.bar .pct{text-align:right;font-variant-numeric:tabular-nums}.disclaimer{color:var(--muted);border-top:2px dashed var(--rule);padding-top:12px;font-size:16px}.toast{color:var(--t-hoehle);font-size:17px}textarea.copy{width:100%;font:inherit;border:2px solid var(--ink);background:var(--card);color:var(--ink);border-radius:8px;padding:8px;font-size:17px}.ln{fill:none;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.fl{fill:var(--card);stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round}.ink{fill:var(--ink)}.hlf{fill:var(--hl);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.mon{fill:var(--hot);stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round}.eye{fill:var(--hl);stroke:var(--ink);stroke-width:3px}.drop{fill:var(--t-tabs);stroke:var(--ink);stroke-width:2px}.sofa{fill:var(--sofa);stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round}.tab{stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.cloud{fill:var(--muted);stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round;opacity:.9}.rain{fill:none;stroke:var(--t-tabs);stroke-width:3px;stroke-linecap:round}.tun{fill:none;stroke:var(--muted);stroke-width:2.5px;stroke-dasharray:6 8}svg text{font-family:var(--display);fill:var(--ink);text-anchor:middle}.q{font-size:34px}.zz{font-size:22px}.wurm{fill:none;stroke:var(--hot);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.six{fill:var(--t-deadline);font-size:26px}.fall,.drop-in,.pop,.puff,.spin,.clock,.grow,.shake,.pump,.paper,.glow,.flattern{transform-box:fill-box}.fall{transform-origin:50%;animation:2.4s linear infinite fall}@keyframes fall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(250px) rotate(var(--r,180deg))}}.grow{transform-origin:bottom;animation:1.6s cubic-bezier(.3,1.4,.5,1) both grow,1.4s ease-in-out 1.6s infinite breathe}@keyframes grow{0%{transform:scale(.15)}to{transform:scale(1)}}@keyframes breathe{50%{transform:scale(1.04,.97)}}.drop{animation:1.1s ease-in infinite sweat}.drop.d2{animation-delay:.5s}@keyframes sweat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(26px)}}.zz{animation:2s ease-out infinite both zz}@keyframes zz{0%{opacity:0;transform:translateY(10px)}40%{opacity:1}to{opacity:0;transform:translate(12px,-14px)}}.paper{transform-origin:50%;animation:3s ease-in-out infinite flutter}@keyframes flutter{50%{transform:translate(14px,8px)rotate(14deg)}}.spin{transform-origin:50%;animation:4s linear infinite spin}.clock{transform-origin:50%;animation:.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pump{transform-origin:0 100%;animation:.5s ease-in-out infinite alternate pump}@keyframes pump{0%{transform:rotate(-12deg)}to{transform:rotate(10deg)}}.lines{animation:.3s steps(2,end) infinite flicker}@keyframes flicker{50%{opacity:.25}}.flattern{animation:.7s ease-in-out infinite alternate flattern}@keyframes flattern{to{transform:translateY(-4px)rotate(-6deg)}}.drop-in{animation:.55s cubic-bezier(.4,0,.6,1.4) both dropin}@keyframes dropin{0%{transform:translateY(-240px)}to{transform:translateY(0)}}.pop{transform-origin:50%;animation:2.4s ease-out infinite both pop}@keyframes pop{0%{transform:scale(0)}14%{transform:scale(1.25)}24%,80%{transform:scale(1)}to{transform:scale(0)}}.rain{animation:.9s linear infinite both rain}@keyframes rain{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(26px)}}.shake{animation:.18s linear infinite shake}@keyframes shake{25%{transform:translate(-2px,1px)}75%{transform:translate(2px,-1px)}}.puff{transform-origin:50%;animation:1.2s ease-out infinite both puff}@keyframes puff{0%{opacity:0;transform:translateY(10px)scale(.4)}30%{opacity:1}to{opacity:0;transform:translateY(-26px)scale(1.2)}}.tun{animation:1.6s ease-in-out infinite tun}@keyframes tun{50%{opacity:.15}}.glow{animation:1.2s ease-in-out infinite glow}@keyframes glow{50%{opacity:.6}}@keyframes popin{0%{opacity:0;transform:rotate(-8deg)scale(.5)}to{opacity:1;transform:rotate(-2deg)scale(1)}}@keyframes barin{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html{-webkit-text-size-adjust:100%}body{margin:0}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.defs{position:absolute}.chips{margin:0;padding:0;list-style:none}.btn.center{align-self:center}.bar .fill{display:block}.cap{margin:0}.chip{color:var(--ink);border-color:var(--c);align-items:center;gap:6px;display:inline-flex}.chip:before{content:"";background:var(--c);border:1.5px solid var(--ink);border-radius:50%;width:10px;height:10px}.typename{text-decoration:underline;-webkit-text-decoration-color:var(--c);text-decoration-color:var(--c);text-underline-offset:.12em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.16em}.ray{fill:var(--c);opacity:.28}.blast{fill:var(--c);stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round;opacity:.9}.badge{fill:var(--ink)}.badge-text{fill:var(--card);font-size:11px}.knall-text{fill:var(--on-hl);font-size:16px}.prozent{fill:var(--card);stroke:var(--ink);stroke-width:3px}.prozent-text{font-size:15px}.blitz{fill:var(--hl);opacity:0;pointer-events:none;animation:.45s ease-out 50ms blitz}.rays,.slam,.trophy,.knall{transform-box:fill-box;transform-origin:50%}.rays{animation:24s linear infinite spin}.slam{animation:.55s cubic-bezier(.2,1.5,.4,1) both slam}.trophy{animation:.4s cubic-bezier(.2,1.8,.4,1) both popin-t}.knall{animation:.4s cubic-bezier(.2,1.8,.4,1) .4s both popin-t}.stage.boss{animation:.35s linear .5s wumms}.turbo{font-family:var(--display);margin:0;font-size:clamp(22px,6vw,28px);transform:rotate(-2deg)}@keyframes slam{0%{opacity:0;transform:scale(2.4)}to{opacity:1;transform:scale(1)}}@keyframes blitz{0%{opacity:.9}to{opacity:0}}@keyframes popin-t{0%{transform:scale(0)rotate(-30deg)}to{transform:scale(1)rotate(0)}}@keyframes wumms{25%{transform:translate(-6px,3px)rotate(-1deg)}50%{transform:translate(5px,-4px)rotate(1deg)}75%{transform:translate(-3px,2px)}}:root{--wand:#4a5a55;--wand-licht:#6c7c76}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--wand:#0f1714;--wand-licht:#26332e}}:root[data-theme=dark]{--wand:#0f1714;--wand-licht:#26332e}.ln.thin{stroke-width:2px}.ln.brow{stroke-width:5px}.welle{fill:none;stroke:var(--c);stroke-width:6px;opacity:.35;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite welle}.halo{fill:none;stroke:var(--hl);stroke-width:5px}.schatten{fill:var(--ink);opacity:.15;transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite schatten}.schweben{animation:3s ease-in-out infinite schweben}.vulkan{fill:var(--wand-licht);stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round}.lava,.funke{stroke:var(--ink);stroke-width:2px}.lava{fill:var(--t-vulkan)}.spruehen{transform-box:fill-box;transform-origin:50%;animation:1.6s cubic-bezier(.2,.6,.6,1) infinite both spruehen}.uhrzeit{fill:var(--t-deadline);font-size:18px}.uhr-blink{animation:1s steps(2,end) infinite blink}.peitsche{stroke-width:3px}.knallen{animation:.25s steps(2,end) infinite flicker}.jonglieren{transform-box:fill-box;transform-origin:50%;animation:3.5s linear infinite spin}.hoehle{fill:var(--wand);stroke:var(--ink);stroke-width:3.5px}.stalaktit{fill:var(--wand-licht);stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.strahl{fill:var(--hl);opacity:.35}.stacheln{transform-box:fill-box;transform-origin:bottom;animation:1.2s ease-in-out infinite stacheln}.herz{fill:var(--t-deadline);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite herz}.stage.boss.ruhig{animation:none}.galerie{grid-template-columns:1fr;gap:22px;display:grid}.galerie figure{flex-direction:column;gap:8px;min-width:0;margin:0;display:flex}.galerie figcaption{font-family:var(--display);font-size:22px}@media (width>=900px){.wrap.breit{max-width:980px}.galerie{grid-template-columns:repeat(2,1fr)}}@keyframes welle{50%{opacity:.15;transform:scale(1.08)}}@keyframes schweben{50%{transform:translateY(-8px)}}@keyframes schatten{50%{opacity:.08;transform:scaleX(.8)}}@keyframes spruehen{0%{opacity:1;transform:translate(0)scale(.3)}40%{transform:translate(calc(var(--dx) * .55), var(--hoch)) scale(1);opacity:1}to{transform:translate(var(--dx), var(--runter)) scale(.8);opacity:0}}@keyframes blink{50%{opacity:.35}}@keyframes stacheln{50%{transform:scale(1.06)}}@keyframes herz{15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}}.knall-text.klein{font-size:13px}.fuss{border-top:2px dashed var(--rule);flex-wrap:wrap;gap:18px;padding-top:12px;font-size:16px;display:flex}.fuss a,.rechtstext a{color:var(--ink)}.rechtstext{flex-direction:column;gap:12px;max-width:65ch;display:flex}.rechtstext h1{font-size:clamp(36px,10vw,52px)}.rechtstext h2{margin-top:10px;font-size:24px}.rechtstext ul{margin:0;padding-left:1.2em}.rechtstext code{font-size:.9em}.werbung{flex-direction:column;gap:4px;min-height:110px;margin-top:8px;display:flex}.werbung-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:13px}.werbung.platzhalter{border:2px dashed var(--muted);color:var(--muted);text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:8px;font-size:15px}