*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html,body,#root{height:100%;margin:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:#1a1410;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#1a0f0a;font-family:Patrick Hand,Comic Sans MS,cursive}@font-face{font-family:Bagel Fat One;font-style:normal;font-weight:400;font-display:swap;src:local(Bagel Fat One),url(/fonts/bagel-fat-one.woff2)format("woff2")}@font-face{font-family:Cinzel;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cinzel-400.woff2)format("woff2")}@font-face{font-family:Eagle Lake;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/eagle-lake.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-400.woff2)format("woff2")}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/patrick-hand.woff2)format("woff2")}:root{--parchment:#f3e6c8;--parchment-2:#e8d6a8;--parchment-shadow:#c9b07e;--ink:#1a1410;--ink-soft:#2d231b;--paper-edge:#b89668;--glut:#d97a3c;--glut-deep:#8a3a1a;--tinte:#5848a8;--tinte-deep:#2e2470;--moos:#5a8a4c;--moos-deep:#2e5230;--gold:#d4a531;--gold-bright:#f5c84a;--gold-deep:#8a6418;--epic-bg-1:#0e0a14;--epic-bg-2:#1f141d;--epic-bg-3:#2a1820;--epic-rim:#c9a86a;--epic-rim-bright:#e8c87a;--epic-blood:#6b1a1a;--epic-mist:#2a3540}@supports (color:oklch(0 0 0)){:root{--glut:oklch(68% .18 35);--glut-deep:oklch(45% .16 30);--tinte:oklch(42% .14 285);--tinte-deep:oklch(28% .12 285);--moos:oklch(55% .13 145);--moos-deep:oklch(36% .11 145)}}.font-title{letter-spacing:.5px;font-family:Bagel Fat One,system-ui}.font-hand{font-family:Patrick Hand,cursive}.font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.font-epic{letter-spacing:.08em;font-family:Cinzel,serif;font-weight:400}.font-epic-flow{font-family:Eagle Lake,serif}.parchment{background:radial-gradient(ellipse at 30% 20%, #fff6 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, #b8966840 0%, transparent 50%), repeating-linear-gradient(45deg, transparent 0 4px, #b896680a 4px 5px), var(--parchment)}.parchment-deep{background:radial-gradient(ellipse at 50% 30%, #fff0c859 0%, transparent 60%), radial-gradient(ellipse at 20% 90%, #7850284d 0%, transparent 60%), repeating-linear-gradient(0deg, transparent 0 6px, #7850280a 6px 7px), var(--parchment-2)}.ink-stroke{border:4px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.ink-stroke-thin{border:3px solid var(--ink)}.illust-ph{background:repeating-linear-gradient(135deg, var(--parchment-shadow) 0 8px, var(--parchment-2) 8px 18px);position:relative;overflow:hidden}.illust-ph:after{content:attr(data-label);color:var(--ink);text-align:center;text-transform:uppercase;letter-spacing:1px;background:#f3e6c88c;place-items:center;padding:8px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.4;display:grid;position:absolute;inset:0}.illust-ph-epic{background:repeating-linear-gradient(135deg,#1a1015 0 8px,#251820 8px 18px);position:relative;overflow:hidden}.illust-ph-epic:after{content:attr(data-label);color:var(--epic-rim);text-align:center;letter-spacing:1px;background:#0e0a148c;place-items:center;padding:8px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.4;display:grid;position:absolute;inset:0}.mana-orb{border:2.5px solid var(--ink);width:28px;height:28px;color:var(--ink);box-shadow:1.5px 1.5px 0 var(--ink), inset 2px 3px 0 #ffffff80;border-radius:50%;flex:none;place-items:center;font-family:Bagel Fat One,system-ui;font-size:14px;display:inline-grid}.mana-glut{background:radial-gradient(circle at 35% 30%, #ffb86b, var(--glut) 60%, var(--glut-deep))}.mana-tinte{background:radial-gradient(circle at 35% 30%, #8a7ab8, var(--tinte) 60%, var(--tinte-deep));color:#f3e6c8}.mana-moos{background:radial-gradient(circle at 35% 30%, #8ec07a, var(--moos) 60%, var(--moos-deep))}.mana-gold{background:radial-gradient(circle at 35% 30%, #fff0b0, var(--gold-bright) 60%, var(--gold-deep))}.btn-cartoon{color:var(--parchment);background:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink-soft), inset 0 -3px 0 #0000004d;cursor:pointer;letter-spacing:.5px;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-family:Bagel Fat One,system-ui;font-size:18px;transition:transform 80ms;display:flex}.btn-cartoon:active{box-shadow:2px 2px 0 var(--ink-soft);transform:translate(2px,2px)}.btn-cartoon.primary{background:var(--glut);color:var(--ink);box-shadow:4px 4px 0 var(--glut-deep), inset 0 -3px 0 #0003}.btn-cartoon.ghost{background:var(--parchment);color:var(--ink);box-shadow:4px 4px 0 var(--paper-edge), inset 0 -3px 0 #b8966866}.bubble{background:var(--parchment);border:3px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:18px;padding:10px 14px;font-family:Patrick Hand,cursive;font-size:16px;line-height:1.25;position:relative}.bubble:before{content:"";background:var(--parchment);border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);width:18px;height:18px;position:absolute;bottom:-10px;left:32px;transform:rotate(-45deg)}.bar-track{border:3px solid var(--ink);background:#0000002e;border-radius:10px;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 2px #0003}.bar-fill{background:linear-gradient(#ff6b6b 0%,#c92a2a 100%);height:100%;transition:width .32s cubic-bezier(.2,.7,.2,1);box-shadow:inset 0 -3px #00000040,inset 0 3px #ffffff40}.bar-fill.player{background:linear-gradient(#ff8a6b,#c94a2a)}.card{border:3.5px solid var(--ink);width:168px;height:268px;box-shadow:3px 4px 0 var(--ink), 0 8px 14px #0000002e;color:var(--ink);border-radius:16px;flex-direction:column;flex:none;font-family:Patrick Hand,cursive;display:flex;position:relative;overflow:hidden}.card.glut{background:linear-gradient(170deg,#ffd9a8 0%,#f5b878 60%,#d98a4a 100%)}.card.tinte{background:linear-gradient(170deg,#c8b4d8 0%,#9a82b8 60%,#6b4a8a 100%)}.card.moos{background:linear-gradient(170deg,#c8dca8 0%,#8aa868 60%,#5a7838 100%)}.card.neutral{background:linear-gradient(170deg,#ece0c0 0%,#c8b288 60%,#8c7050 100%)}.card.gold{border-color:var(--gold-deep);box-shadow:3px 4px 0 var(--gold-deep), 0 0 0 3px var(--gold-bright) inset, 0 8px 18px #d4a53166;background:repeating-linear-gradient(45deg,#ffffff14 0 4px,#0000 4px 8px),linear-gradient(170deg,#fff0b0 0%,#f5c84a 50%,#c89818 100%)}.card.trophy{background:linear-gradient(170deg,#fff5b8 0%,#f5c84a 40%,#d4a531 70%,#8a6418 100%);border-color:#6a4818;position:relative;overflow:hidden;box-shadow:3px 4px #6a4818,inset 0 0 0 3px #ffd968,0 0 18px #ffc85099,0 8px 24px #d4a53180}.card.trophy:before{content:"";pointer-events:none;z-index:4;background:linear-gradient(115deg,#0000 35%,#ffffff40 50%,#0000 65%);position:absolute;inset:0}@keyframes mw-trophy-shine{0%{background-position:-150% -150%}to{background-position:250% 250%}}@keyframes mw-trophy-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes mw-trophy-star-0{0%,to{opacity:.4;transform:translate(0)scale(.8)}50%{opacity:1;transform:translate(2px,-8px)scale(1.2)}}@keyframes mw-trophy-star-1{0%,to{opacity:.5;transform:translate(0)scale(.6)}50%{opacity:1;transform:translate(-4px,-6px)scale(1.4)}}@keyframes mw-trophy-star-2{0%,to{opacity:.3;transform:translate(0)scale(1)}50%{opacity:.9;transform:translate(3px,-10px)scale(1.1)}}.hero-stamp{color:#8a1818;text-align:center;letter-spacing:1.5px;text-transform:uppercase;filter:drop-shadow(0 2px 4px #0006);background:radial-gradient(circle at 30% 30%,#fff0c8eb,#e8c896e0);border:3px solid #8a1818;border-radius:50%;font-family:Cinzel,serif;font-weight:600;position:absolute;transform:rotate(-12deg);box-shadow:inset 0 0 0 2px #8a18184d,0 4px 12px #00000080}.hero-stamp-fade{animation:1.2s cubic-bezier(.2,.8,.2,1) backwards mw-hero-stamp-in}@keyframes mw-hero-stamp-in{0%{opacity:0;transform:rotate(-12deg)scale(2)}60%{opacity:1;transform:rotate(-12deg)scale(.95)}to{opacity:1;transform:rotate(-12deg)scale(1)}}.card-header{border-bottom:2.5px solid var(--ink);background:#00000014;align-items:center;gap:6px;padding:8px 10px 6px;display:flex}.card-name{letter-spacing:.3px;text-shadow:0 1px #fff6;flex:1;font-family:Bagel Fat One,system-ui;font-size:13px;line-height:1}.card-art{border:2.5px solid var(--ink);background:var(--parchment);border-radius:6px;align-self:center;width:calc(100% - 16px);height:110px;margin:8px 8px 4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6}.card-art-placeholder{background:radial-gradient(ellipse at 30% 20%, #ffffff73 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, #b896682e 0%, transparent 60%), var(--parchment-2)}.card-art-label{color:var(--ink-soft);opacity:.55;text-align:center;text-transform:uppercase;letter-spacing:1px;white-space:pre-line;pointer-events:none;place-items:center;padding:8px;font-family:JetBrains Mono,monospace;font-size:9px;line-height:1.4;display:grid;position:absolute;inset:0}.card-type{letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);opacity:.65;z-index:3;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:7px;position:absolute;bottom:4px;left:6px}.card-effect{border:2px solid var(--ink);overflow-wrap:break-word;text-align:center;background:#fffae6d9;border-radius:6px;flex:1;align-items:center;min-height:0;margin:4px 10px 3px;padding:4px 6px;font-size:clamp(10px,.78em,12px);line-height:1.15;display:grid;overflow:hidden}.card-flavor{color:var(--ink-soft);opacity:.85;text-align:center;overflow-wrap:break-word;margin:0 10px 7px;padding-left:38px;padding-right:4px;font-size:9px;font-style:italic;line-height:1.15}.hand-card{cursor:pointer;transform-origin:bottom}.epic-bg{background:radial-gradient(ellipse at 50% 0%, #3a1820 0%, transparent 60%), radial-gradient(ellipse at 80% 100%, #1a0a14 0%, transparent 50%), radial-gradient(ellipse at 20% 70%, #1a1828 0%, transparent 50%), linear-gradient(180deg, var(--epic-bg-1) 0%, var(--epic-bg-3) 100%)}.epic-mist{pointer-events:none;background:radial-gradient(at 50% 60%,#c9a86a1f 0%,#0000 40%),repeating-linear-gradient(90deg,#0000 0 60px,#c9a86a05 60px 61px);position:absolute;inset:0}.epic-frame{border:1px solid var(--epic-rim);background:linear-gradient(#c9a86a0f,#0006);box-shadow:inset 0 0 0 1px #c9a86a33,inset 0 0 24px #0009,0 8px 24px #00000080}.epic-text{color:var(--epic-rim-bright);letter-spacing:.1em;text-shadow:0 1px #0009;font-family:Cinzel,serif}.epic-bar-track{border:1px solid var(--epic-rim);background:linear-gradient(#15080c,#2a0a14);height:18px;position:relative;box-shadow:inset 0 0 8px #000c,0 0 12px #6b1a1a66}.epic-bar-fill{background:linear-gradient(#c92a2a 0%,#6b1a1a 50%,#3a0a0a 100%);height:100%;box-shadow:inset 0 1px #ff646466,0 0 12px #c92a2a99}.epic-corners{position:relative}.epic-corners:before,.epic-corners:after,.epic-corners>.corner-tl,.epic-corners>.corner-br{content:"";border-color:var(--epic-rim);pointer-events:none;border-style:solid;width:22px;height:22px;position:absolute}.epic-corners:before{border-width:1.5px 0 0 1.5px;top:6px;left:6px}.epic-corners:after{border-width:1.5px 1.5px 0 0;top:6px;right:6px}.epic-corners>.corner-tl{border-width:0 0 1.5px 1.5px;bottom:6px;left:6px}.epic-corners>.corner-br{border-width:0 1.5px 1.5px 0;bottom:6px;right:6px}.screen{border-radius:0;width:100%;height:100%;position:relative;overflow:hidden}html,body{height:100%}.app-root{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(at 30% 20%,#5a3018 0%,#0000 50%),radial-gradient(at 70% 80%,#2a1410 0%,#0000 50%),#1a0f0a;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.app-shell{width:100%;max-width:100vw;height:100%;max-height:100vh;background:var(--parchment);max-height:100dvh;position:relative;overflow:hidden}@media (width<=360px){.btn-cartoon{padding:12px 16px;font-size:16px}}@media (width>=700px){.app-shell{border-radius:38px;width:min(420px,92vw);height:min(900px,92vh)}@supports (aspect-ratio:1){.app-shell{aspect-ratio:390/844}}.app-shell{box-shadow:0 0 0 10px #0a0a0a,0 0 0 12px #2a2a2a,0 30px 80px #0009}.app-shell:before{content:"";z-index:100;background:#000;border-radius:18px;width:110px;height:30px;position:absolute;top:8px;left:50%;transform:translate(-50%)}}@media (width>=768px) and (orientation:portrait){.app-shell{width:min(540px,70vw);height:min(1140px,88vh)}}@media (width>=1100px){.app-root{grid-template-columns:1fr min-content;align-items:center;display:grid}.app-aside{color:#f3e6c8;max-width:520px;padding:40px 48px}.app-shell{margin-right:6vw}}@media (width<=1099px){.app-aside{display:none}}.hand-card{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.demo-switcher{top:calc(env(safe-area-inset-top) + 12px);z-index:500;-webkit-backdrop-filter:blur(10px);letter-spacing:1px;background:#140e0ad9;border:1px solid #f3e6c840;border-radius:999px;align-items:center;gap:6px;padding:4px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex;position:fixed;right:12px;box-shadow:0 4px 12px #0006}.demo-switcher .demo-label{color:#f3e6c880;text-transform:uppercase;padding:0 8px 0 10px}.demo-switcher .demo-pill{color:#f3e6c8b3;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:999px;min-height:32px;padding:6px 10px;font-family:inherit;font-size:10px}.demo-switcher .demo-pill.active{color:#1a1410;background:#f3e6c8f2;font-weight:600}@media (width<=460px){.demo-switcher{padding:3px;top:6px;right:6px}.demo-switcher .demo-label{display:none}.demo-switcher .demo-pill{min-height:28px;padding:5px 7px;font-size:9px}}.home-btn{top:calc(env(safe-area-inset-top) + 10px);left:calc(env(safe-area-inset-left) + 10px);z-index:250;border:2.5px solid var(--ink);background:var(--parchment);width:44px;height:44px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);cursor:pointer;border-radius:12px;place-items:center;padding:0;font-family:Bagel Fat One,system-ui;font-size:18px;transition:transform 80ms;display:grid;position:absolute}.home-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.home-btn.dark{border-color:var(--epic-rim);color:var(--epic-rim-bright);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140e0ab3;font-family:Cinzel,serif;font-size:14px;box-shadow:0 0 12px #00000080}.path-rail{align-items:center;gap:4px;display:flex}.path-pip{border:2px solid var(--ink);background:var(--parchment);width:14px;height:14px;box-shadow:1.5px 1.5px 0 var(--ink);border-radius:50%}.path-pip.done{background:var(--ink)}.path-pip.current{background:var(--glut);transform:scale(1.3)}.path-pip.boss{background:var(--epic-blood);border-color:#1a0a0a;width:18px;height:18px}.fake-statusbar{z-index:10;justify-content:space-between;align-items:center;height:44px;padding:0 22px;font-family:-apple-system,system-ui;font-size:15px;font-weight:600;display:flex;position:relative}.scroll-y{overflow-y:auto}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.tape{z-index:2;background:#ffdc64b3;border:1px solid #0003;width:36px;height:12px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(-3deg)}.stamp{color:var(--glut-deep);border:2px solid var(--glut-deep);letter-spacing:1px;text-transform:uppercase;opacity:.8;border-radius:4px;padding:3px 8px;font-family:Bagel Fat One,system-ui;font-size:10px;transform:rotate(-8deg)}@keyframes mw-skip-badge{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes mw-skip-pop{0%{opacity:0;transform:rotate(-3deg)scale(.6)}15%{opacity:1;transform:rotate(-3deg)scale(1.15)}25%{transform:rotate(-3deg)scale(1)}85%{opacity:1;transform:rotate(-3deg)scale(1)}to{opacity:0;transform:rotate(-3deg)scale(.95)}}@keyframes mw-ally-glow{0%,to{opacity:.78}50%{opacity:1}}@keyframes mw-lore-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes mythwell-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px,2px)}30%{transform:translate(5px,-2px)}45%{transform:translate(-3px,3px)}60%{transform:translate(3px,-1px)}75%{transform:translate(-2px,1px)}}.mw-shake{animation:.36s ease-out mythwell-shake}@keyframes mw-coin-flip{0%{transform:rotateY(0)scale(.6)}20%{transform:rotateY(360deg)scale(1)}60%{transform:rotateY(1440deg)scale(1.1)}85%{transform:rotateY(1800deg)scale(1)}to{transform:rotateY(1800deg)scale(1)}}@keyframes mw-dice-roll{0%{transform:rotateX(0)rotateY(0)scale(.6)}60%{transform:rotateX(720deg)rotateY(900deg)scale(1.1)}85%{transform:rotateX(1080deg)rotateY(1260deg)scale(1)}to{transform:rotateX(1080deg)rotateY(1260deg)scale(1)}}@keyframes mw-intro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mw-intro-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mw-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (orientation:landscape) and (height<=500px){.app-shell{display:none}.app-root:after{content:"🔄  Bitte Gerät drehen";color:#f3e6c8;text-align:center;z-index:9999;background:#1a0e08;justify-content:center;align-items:center;padding:20px;font-family:Patrick Hand,cursive;font-size:24px;line-height:1.4;display:flex;position:fixed;inset:0}}