.fairy-app{isolation:isolate;color:#24382e;background:linear-gradient(#10223147,#fbefd20f 42%,#112a2461),url(/maerchenwuerfel/zauberwald.png) 50%/cover fixed;place-items:center;min-height:100svh;padding:22px 18px 44px;font-family:Georgia,Times New Roman,serif;display:grid;position:relative;overflow:hidden}.fairy-app__veil{z-index:-1;pointer-events:none;background:linear-gradient(#0e202d1a,#0000 42%,#142a2138);position:absolute;inset:0}.fairy-app__content{width:min(100%,900px);position:relative}.fairy-back{color:#fff5dc;text-shadow:0 2px 7px #0f2019e6;align-items:center;gap:7px;font:700 13px/1.2 system-ui,sans-serif;text-decoration:none;display:inline-flex}.fairy-back:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.fairy-heading{text-align:center;margin:16px auto 0}.fairy-kicker{color:#fff1c9;text-shadow:0 2px 7px #14291ff0;text-transform:uppercase;letter-spacing:.19em;justify-content:center;align-items:center;gap:10px;margin:0 0 12px;font:700 11px/1.2 system-ui,sans-serif;display:flex}.fairy-kicker:before,.fairy-kicker:after{content:"";background:#f1d58f;width:34px;height:1px;box-shadow:0 1px 5px #182c22}.fairy-heading h1{color:#fff4d8;letter-spacing:-.055em;text-shadow:0 3px 9px #10271ff2,0 0 26px #132820a8;margin:0;font:500 clamp(42px,8vw,74px)/1 Georgia,Times New Roman,serif}.fairy-intro{color:#fffaf0;text-shadow:0 2px 7px #14291ff5,0 0 20px #14291fbf;margin:14px auto 0;font:16px/1.5 system-ui,sans-serif}.fairy-card{text-align:center;background:linear-gradient(145deg,#fffbeff7,#f8f0d8f2);border:1px solid #d4b66e;border-radius:28px;max-width:770px;min-height:475px;margin:28px auto 0;padding:25px 22px 27px;position:relative;overflow:hidden;box-shadow:0 22px 70px #13261d66,inset 0 1px #fff}.fairy-card:before,.fairy-card:after{content:"✦";color:#d8bd7b;opacity:.75;font-size:17px;position:absolute}.fairy-card:before{top:17px;left:20px}.fairy-card:after{bottom:17px;right:20px}.fairy-stage{perspective:1000px;perspective-origin:50% 47%;place-items:center;height:268px;margin:0 auto 3px;display:grid;position:relative}.fairy-stage:before{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(#f5cc6e73,#80b6922e 46%,#0000 72%);border-radius:50%;width:300px;height:250px;animation:4.8s ease-in-out infinite fairy-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fairy-spark{z-index:2;color:#fff0b7;text-shadow:0 0 10px #ffd878,0 0 22px #ffe8a6;pointer-events:none;font-size:22px;animation:4.5s ease-in-out infinite fairy-float;position:absolute}.fairy-spark--one{top:22%;left:17%}.fairy-spark--two{font-size:16px;animation-delay:-1.5s;top:27%;right:17%}.fairy-spark--three{font-size:14px;animation-delay:-2.7s;bottom:21%;left:24%}.fairy-spark--four{font-size:20px;animation-delay:-.8s;bottom:20%;right:22%}.is-rolling .fairy-spark{animation:.75s ease-out both fairy-burst}.fairy-die{z-index:1;filter:drop-shadow(0 20px 18px #142b2287);background:0 0;border:0;width:180px;height:180px;padding:0;transition:filter .2s,transform .2s;position:relative}.fairy-die:not(:disabled){cursor:pointer}.fairy-die:not(:disabled):hover{filter:drop-shadow(0 24px 16px #293a2b59);transform:translateY(-3px)}.fairy-die:focus-visible{outline-offset:12px;border-radius:24px;outline:3px solid #d7b56b}.fairy-cube{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform 1.15s cubic-bezier(.16,.82,.24,1.03);display:block;position:relative}.fairy-face{color:#fff5d9;-webkit-backface-visibility:hidden;backface-visibility:hidden;letter-spacing:-.035em;text-align:center;overflow-wrap:anywhere;background:radial-gradient(circle at 50% 43%,#e5c5783d,#0000 58%),linear-gradient(145deg,#537a58,#234a3a 72%);border:2px solid #f0d58f;border-radius:22px;place-items:center;padding:15px;font:700 20px/1.12 system-ui,sans-serif;display:grid;position:absolute;inset:0;box-shadow:inset 0 2px 12px #ffffff4d,inset 0 -10px 20px #13281f66,0 0 26px #f1c96e24}.fairy-face:after{content:"";pointer-events:none;border:1px solid #f0d68c78;border-radius:15px;position:absolute;inset:8px}.fairy-face:before{color:#f5dc9d;content:"✦";opacity:.72;text-shadow:0 0 8px #ffe5a0;font:12px/1 Georgia,serif;position:absolute;top:13px;right:15px}.fairy-face--front{transform:translateZ(90px)}.fairy-face--back{transform:rotateY(180deg)translateZ(90px)}.fairy-face--right{transform:rotateY(90deg)translateZ(90px)}.fairy-face--left{transform:rotateY(-90deg)translateZ(90px)}.fairy-face--top{transform:rotateX(90deg)translateZ(90px)}.fairy-face--bottom{transform:rotateX(-90deg)translateZ(90px)}.fairy-controls{z-index:1;position:relative}.fairy-language-label{color:#456047;text-transform:uppercase;letter-spacing:.15em;margin:2px 0 8px;font:800 11px/1.2 system-ui,sans-serif}.fairy-instruction{color:#3d4c40;max-width:540px;margin:5px auto 18px;font:16px/1.5 system-ui,sans-serif}.fairy-language-choices{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.fairy-language-choices button,.fairy-roll{color:#fffaf0;letter-spacing:.02em;cursor:pointer;background:linear-gradient(145deg,#456f4d,#234a38);border:1px solid #d7b56b;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:188px;min-height:49px;padding:13px 23px;font:700 14px/1 system-ui,sans-serif;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 7px 22px #254a3a4d,0 0 18px #f3d27a29}.fairy-language-choices button:hover,.fairy-roll:hover:not(:disabled){background:#37644c;transform:translateY(-2px);box-shadow:0 10px 20px #254a3a40}.fairy-language-choices button span{color:#ffedb2}.fairy-roll:focus-visible{outline-offset:4px;outline:3px solid #d7b56b}.fairy-language-choices button:focus-visible{outline-offset:4px;outline:3px solid #d7b56b}.fairy-change:focus-visible{outline-offset:4px;outline:3px solid #d7b56b}.fairy-roll:disabled{cursor:wait;opacity:.85}.fairy-change{color:#49634e;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:13px auto 0;padding:5px 8px;font:700 12px/1.3 system-ui,sans-serif;text-decoration:underline;display:block}.fairy-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@keyframes fairy-glow{0%,to{opacity:.68;transform:translate(-50%,-50%)scale(.92)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@keyframes fairy-float{0%,to{opacity:.56;transform:translateY(0)rotate(-8deg)}50%{opacity:1;transform:translateY(-12px)rotate(10deg)}}@keyframes fairy-burst{0%{opacity:.4;transform:translate(0)scale(.65)}60%{opacity:1;transform:translate(8px,-28px)scale(1.6)}to{opacity:0;transform:translate(8px,-38px)scale(.4)}}@media (max-width:560px){.fairy-app{background-attachment:scroll;padding:18px 12px 28px}.fairy-card{border-radius:23px;min-height:455px;margin-top:22px;padding:21px 13px 25px}.fairy-stage{height:245px}.fairy-die{width:162px;height:162px}.fairy-face{border-radius:20px;padding:13px;font-size:18px}.fairy-face--front{transform:translateZ(81px)}.fairy-face--back{transform:rotateY(180deg)translateZ(81px)}.fairy-face--right{transform:rotateY(90deg)translateZ(81px)}.fairy-face--left{transform:rotateY(-90deg)translateZ(81px)}.fairy-face--top{transform:rotateX(90deg)translateZ(81px)}.fairy-face--bottom{transform:rotateX(-90deg)translateZ(81px)}.fairy-language-choices{flex-direction:column;align-items:center}.fairy-language-choices button{width:min(100%,280px)}}@media (prefers-reduced-motion:reduce){.fairy-cube,.fairy-die,.fairy-roll,.fairy-language-choices button{transition-duration:.01ms!important}}
