:root{--bg:#0c0b0a;--bg-elev:#151310;--bg-card:#161310c7;--ink:#f2ebe2;--ink-muted:#a79c8e;--accent:#3d6b58;--accent-soft:#4f8570;--warm:#d4622a;--warm-soft:#e8a87c;--warm-glow:#d4622a59;--line:#ffffff1a;--ok:#4f8570;--shadow:0 18px 48px #00000073, 0 1px 0 #ffffff0d inset;--radius:1.35rem;--tap:3rem;--font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-display:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--ease-cinematic:cubic-bezier(.22, 1, .36, 1);--fx-z:40}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100dvh;font-family:var(--font);background:radial-gradient(95% 70% at 50% -15%, #78462347 0%, transparent 55%), radial-gradient(70% 50% at 100% 80%, #2d5a4624 0%, transparent 50%), radial-gradient(60% 40% at 0% 100%, #5a28141f 0%, transparent 45%), var(--bg);color:var(--ink);transition:background .45s var(--ease-cinematic), color .3s ease;margin:0;line-height:1.45;overflow-x:hidden}body.tone-intro{background:radial-gradient(90% 70% at 50% -20%,#8c4b2352 0%,#0000 55%),radial-gradient(80% 50% at 100% 100%,#2d4a3e1a 0%,#0000 45%),#080706}body.tone-warm{background:radial-gradient(95% 70% at 50% -15%,#643c1e38 0%,#0000 55%),radial-gradient(70% 50% at 100% 80%,#2d5a4629 0%,#0000 50%),radial-gradient(60% 40% at 0 100%,#5023121a 0%,#0000 45%),#0e0c0a}.fx{pointer-events:none;z-index:var(--fx-z);position:fixed;inset:0;overflow:hidden}.fx-vignette{background:radial-gradient(75% 65% at 50% 45%,#0000 35%,#0000008c 100%),linear-gradient(#00000059 0%,#0000 18% 82%,#00000073 100%);position:absolute;inset:0}.fx-ambience{filter:blur(2px);opacity:.9;background:radial-gradient(circle at 18% 22%,#e8a87c1f,#0000 28%),radial-gradient(circle at 82% 18%,#508c6e1a,#0000 26%),radial-gradient(circle at 70% 78%,#c45c2614,#0000 30%);animation:14s ease-in-out infinite alternate ambience-drift;position:absolute;inset:-10%}.fx-streak{filter:blur(.6px);opacity:.35;mix-blend-mode:screen;transform-origin:50%;background:linear-gradient(90deg,#0000,#ffe6c859,#ffffff8c,#e8a87c4d,#0000);height:1px;position:absolute}.fx-streak--a{width:70%;animation:9s ease-in-out infinite alternate streak-soft;top:18%;left:-10%;transform:rotate(-12deg)}.fx-streak--b{opacity:.22;width:55%;animation:11s ease-in-out infinite alternate-reverse streak-soft;bottom:28%;right:-15%;transform:rotate(8deg)}.fx-flare{mix-blend-mode:screen;filter:blur(1px);opacity:.55;border-radius:50%;position:absolute}.fx-flare--1{background:radial-gradient(circle at 40% 40%,#fff0dcd9 0%,#ffb46459 18%,#0000 55%),radial-gradient(circle at 60% 55%,#ff783c40,#0000 50%);width:min(42vw,12rem);height:min(42vw,12rem);animation:7s ease-in-out infinite alternate flare-pulse;top:6%;right:-4%}.fx-flare--2{opacity:.4;background:radial-gradient(circle,#78c8a059 0%,#0000 60%);width:min(28vw,8rem);height:min(28vw,8rem);animation:9s ease-in-out infinite alternate-reverse flare-pulse;bottom:12%;left:-3%}.fx-flare--3{opacity:.18;filter:blur(2px);background:radial-gradient(circle,#ffffff80 0%,#0000 55%);width:5rem;height:5rem;animation:12s ease-in-out infinite alternate flare-drift;top:42%;left:55%}.fx-grain{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}@media (hover:hover) and (width>=700px){.fx-grain{animation:.7s steps(2,end) infinite grain-shift}}.fx-particles{opacity:.55;width:100%;height:100%;position:absolute;inset:0}@keyframes ambience-drift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(2%,1.5%)scale(1.04)}}@keyframes streak-soft{0%{opacity:.15;filter:blur(.6px)}to{opacity:.42;filter:blur(1px)}}@keyframes flare-pulse{0%{opacity:.28;transform:scale(.92)}to{opacity:.62;transform:scale(1.06)}}@keyframes flare-drift{0%{opacity:.1;transform:translate(-8px,4px)}to{opacity:.28;transform:translate(12px,-6px)}}@keyframes grain-shift{0%{transform:translate(0)}50%{transform:translate(-1.5%,1%)}to{transform:translate(1%,-1%)}}#app{z-index:calc(var(--fx-z) + 1);min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));flex-direction:column;display:flex;position:relative}.shell{flex-direction:column;flex:1;width:min(100%,28rem);margin:0 auto;display:flex}.shell:has(.game-step){width:min(100%,34rem)}.brand{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.15rem;display:flex}.brand h1{font-family:var(--font-display);letter-spacing:.22em;color:var(--warm-soft);text-shadow:0 0 24px #e8a87c40;margin:0;font-size:1.2rem;font-weight:800}.steps{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.steps span{background:#ffffff29;border-radius:999px;width:.45rem;height:.45rem;transition:background .25s,transform .25s,opacity .25s,box-shadow .25s}.steps span.done{opacity:.9;background:#e8a87c73}.steps span.on{background:var(--warm);box-shadow:0 0 10px var(--warm-glow);transform:scale(1.3)}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px)saturate(1.15);flex-direction:column;flex:1;padding:1.4rem 1.25rem 1.55rem;display:flex;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff12 0%,#0000 32% 70%,#e8a87c0a 100%);position:absolute;inset:0}.card>*{z-index:1;position:relative}.card--intro{background:linear-gradient(165deg,#1c1814eb 0%,#0e0c0af0 100%);border-color:#ffffff17;box-shadow:0 22px 50px #0000008c,0 0 0 1px #e8a87c0f,inset 0 1px #ffffff0f}.card.is-enter{animation:card-enter .48s var(--ease-cinematic) both}.card.is-exit{pointer-events:none;animation:.26s ease-in both card-exit}@keyframes card-enter{0%{opacity:0;filter:blur(2px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes card-exit{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.99)}}.card h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 .5rem;font-size:1.45rem;font-weight:750;line-height:1.2}.lead{color:var(--ink-muted);margin:0 0 1.25rem;font-size:1rem}.lead-tight{margin-bottom:.85rem}.hint{color:var(--warm-soft);background:#d4622a1f;border:1px solid #e8a87c38;border-radius:.75rem;margin:.85rem 0 0;padding:.75rem .85rem;font-size:.95rem}.options{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.options-tight{gap:.65rem;margin-top:0}.quiz-ask{flex-direction:column;gap:0;display:flex}.quiz-ask h2{margin-bottom:.35rem}.quiz-reaction{flex-direction:column;flex:1;display:flex}.reaction-text{margin-bottom:1rem}.reaction-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-self:flex-start;margin:0 0 .45rem;padding:.25rem .7rem;font-size:.78rem;font-weight:750;display:inline-flex}.reaction-ok{color:#9ed4bb;background:#50857038;border:1px solid #9ed4bb40}.reaction-nope{color:var(--warm-soft);background:#d4622a26;border:1px solid #e8a87c40}.gate-hint{text-align:center;color:var(--ink-muted);margin:.15rem 0 0;font-size:.82rem}.quiz-scene{--scene-max-h:min(58vh, 22rem);isolation:isolate;width:min(100%, calc(var(--scene-max-h) * 2 / 3));aspect-ratio:2/3;max-height:var(--scene-max-h);touch-action:pan-y;perspective:1000px;background:linear-gradient(155deg,#4a4338 0%,#2a251f 42%,#15120f 100%);border-radius:1.25rem;margin:0 auto .9rem;padding:.55rem;position:relative;overflow:visible;box-shadow:0 22px 44px #1c1a1747,0 8px 16px #1c1a1724,inset 0 1px #ffffff38,inset 0 -1px #00000073}.quiz-scene__tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(calc(var(--rx,0) * 1deg)) rotateY(calc(var(--ry,0) * 1deg));will-change:transform;border-radius:.95rem;transition:transform .18s ease-out;position:relative}.quiz-scene__depth{z-index:0;filter:blur(16px);opacity:.9;pointer-events:none;background:radial-gradient(at 50% 80%,#1c1a178c,#0000 60%);border-radius:1.2rem;position:absolute;inset:-8%;transform:translateZ(-20px)}.quiz-scene__glow{z-index:0;filter:blur(30px);opacity:.8;pointer-events:none;transform:translate3d(calc(var(--gx,0) * 1px), calc(var(--gy,0) * 1px), 0);background:radial-gradient(circle at 40% 30%,#e8a87c8c,#0000 55%);transition:transform .2s ease-out;animation:8s ease-in-out infinite alternate glow-float;position:absolute;inset:-35%}.quiz-scene--ressourcen .quiz-scene__glow{background:radial-gradient(circle at 50% 35%,#5a8c7880,#0000 55%)}.quiz-scene--change .quiz-scene__glow{background:radial-gradient(circle at 55% 40%,#c45c2673,#0000 55%)}.quiz-scene--china .quiz-scene__glow{background:radial-gradient(circle at 50% 20%,#dc28288c,#0000 55%)}.quiz-scene__frame{z-index:1;border-radius:inherit;background:#0e0c0a;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #00000059}.quiz-scene__mat{border-radius:inherit;background:#12100e;position:absolute;inset:0;overflow:hidden}.quiz-scene__img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transform:translate3d(calc(var(--px,0) * 1px), calc(var(--py,0) * 1px), 0) scale(1.03);transform-origin:50%;will-change:transform;transition:transform .18s ease-out;animation:16s ease-in-out infinite alternate kenburns;display:block}.quiz-scene--ressourcen .quiz-scene__img{object-fit:contain;object-position:center center;background:#000;animation:18s ease-in-out infinite alternate kenburns-soft}.quiz-scene--change .quiz-scene__img{object-fit:cover;object-position:center 42%}.quiz-scene--china .quiz-scene__img{object-fit:cover;object-position:center 38%;animation:16s ease-in-out infinite alternate kenburns,6s ease-in-out infinite flag-wobble}.quiz-scene__glass{z-index:3;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;background:linear-gradient(125deg,#ffffff47 0%,#ffffff0f 22%,#0000 42% 68%,#ffffff0a 100%);position:absolute;inset:0}.quiz-scene__bevel{z-index:4;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000059,inset 1px 0 #ffffff1f,inset -1px 0 #0003,inset 0 0 24px #0000002e}.quiz-scene__shards{z-index:5;pointer-events:none;border-radius:inherit;transform:translate3d(calc(var(--sx,0) * 1px), calc(var(--sy,0) * 1px), 12px);transition:transform .2s ease-out;position:absolute;inset:0;overflow:hidden}.shard{opacity:.55;background:linear-gradient(135deg,#ffffff8c,#ffffff0d);border-radius:2px;width:10px;height:10px;animation:5.5s ease-in-out infinite alternate shard-float;display:block;position:absolute;box-shadow:0 0 10px #ffdcb459}.shard--1{width:8px;height:14px;animation-delay:0s;top:12%;left:8%;transform:rotate(18deg)}.shard--2{opacity:.4;border-radius:50%;width:12px;height:7px;animation-delay:.6s;top:22%;right:10%}.shard--3{width:7px;height:7px;animation-delay:1.1s;bottom:28%;left:14%;transform:rotate(40deg)}.shard--4{opacity:.45;width:14px;height:5px;animation-delay:1.7s;bottom:16%;right:16%;transform:rotate(-22deg)}.shard--5{opacity:.35;width:5px;height:18px;animation-delay:.3s;top:48%;left:6%;transform:rotate(8deg)}.quiz-scene--china .shard{background:linear-gradient(135deg,#ff5a5aa6,#ffc85026);box-shadow:0 0 12px #ff3c3c59}.quiz-scene--ressourcen .shard{background:linear-gradient(135deg,#a0dcbe8c,#ffffff14);box-shadow:0 0 10px #64b48c4d}.quiz-scene__streaks{z-index:5;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;opacity:.45;transform:translate3d(calc(var(--stx,0) * 1px), calc(var(--sty,0) * 1px), 8px);transition:transform .2s ease-out;position:absolute;inset:0;overflow:hidden}.streak{filter:blur(.4px);background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:42%;height:1.5px;animation:7s ease-in-out infinite alternate streak-drift;display:block;position:absolute}.streak--1{animation-delay:0s;top:18%;left:-5%;transform:rotate(-18deg)}.streak--2{opacity:.55;width:50%;animation-delay:1.2s;top:55%;right:-8%;transform:rotate(12deg)}.streak--3{opacity:.4;width:35%;animation-delay:2s;bottom:22%;left:10%;transform:rotate(-8deg)}.quiz-scene__accent{z-index:2;pointer-events:none;filter:blur(18px);width:42%;height:42%;transform:translate3d(calc(var(--ax,0) * 1px), calc(var(--ay,0) * 1px), 4px);opacity:.7;background:radial-gradient(circle,#ffffff59,#0000 70%);border-radius:50%;transition:transform .2s ease-out;animation:6s ease-in-out infinite alternate accent-drift;position:absolute;top:8%;right:-6%}.quiz-scene--china .quiz-scene__accent{background:radial-gradient(#ff464673,#0000 70%);width:55%;height:30%;animation:5s ease-in-out infinite alternate accent-drift,3.2s ease-in-out infinite flag-pulse;top:4%;left:10%;right:auto}@keyframes kenburns{0%{transform:translate3d(calc(var(--px,0) * 1px), calc(var(--py,0) * 1px), 0) scale(1.02)}to{transform:translate3d(calc(var(--px,0) * 1px + 3px), calc(var(--py,0) * 1px - 2px), 0) scale(1.055)}}@keyframes kenburns-soft{0%{transform:translate3d(calc(var(--px,0) * 1px), calc(var(--py,0) * 1px), 0) scale(1.01)}to{transform:translate3d(calc(var(--px,0) * 1px + 2px), calc(var(--py,0) * 1px - 1px), 0) scale(1.035)}}@keyframes glow-float{0%{transform:translate(calc(var(--gx,0) * 1px - 4%), calc(var(--gy,0) * 1px - 2%)) scale(1)}to{transform:translate(calc(var(--gx,0) * 1px + 5%), calc(var(--gy,0) * 1px + 4%)) scale(1.08)}}@keyframes accent-drift{0%{opacity:.55}to{opacity:.9}}@keyframes shard-float{0%{opacity:.35;transform:translateY(0)rotate(0)}to{opacity:.7;transform:translateY(-10px)rotate(12deg)}}@keyframes streak-drift{0%{opacity:.25;filter:blur(.4px)}to{opacity:.65;filter:blur(.8px)}}@keyframes flag-wobble{0%,to{filter:hue-rotate()}50%{filter:hue-rotate(4deg)}}@keyframes flag-pulse{0%,to{transform:translate3d(calc(var(--ax,0) * 1px), calc(var(--ay,0) * 1px), 4px) scale(1)}50%{transform:translate3d(calc(var(--ax,0) * 1px + 4px), calc(var(--ay,0) * 1px - 2px), 4px) scale(1.06)}}@media (prefers-reduced-motion:reduce){.quiz-scene__img,.quiz-scene__glow,.quiz-scene__accent,.quiz-scene--china .quiz-scene__img,.quiz-scene--china .quiz-scene__accent,.quiz-scene--ressourcen .quiz-scene__img,.shard,.streak,.quiz-scene__tilt{transition:none!important;animation:none!important}.quiz-scene__img,.quiz-scene__tilt{transform:none}}.btn{appearance:none;min-height:var(--tap);font:inherit;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:999px;padding:.85rem 1.15rem;font-size:1.05rem;font-weight:700;transition:transform .14s,background .18s,border-color .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden}.btn:after{content:"";opacity:.55;pointer-events:none;background:linear-gradient(#ffffff24,#0000 45%);position:absolute;inset:0}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(180deg, var(--accent-soft), var(--accent));color:#fff;box-shadow:0 6px 20px #2d4a3e66,inset 0 0 0 1px #ffffff0f}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.btn-secondary{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0a}.btn-secondary:after{opacity:.25}.btn-secondary:hover,.btn-secondary.selected{background:#d4622a1f;border-color:#e8a87c73;box-shadow:0 0 20px #d4622a1f}.btn-ghost{color:var(--ink-muted);background:#ffffff0a;border-color:#ffffff14}.btn-ghost:after{opacity:.15}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-warm{background:linear-gradient(180deg, #e07038, var(--warm));color:#fff;box-shadow:0 6px 22px var(--warm-glow), 0 0 0 1px #ffffff14 inset}.btn-warm:hover{filter:brightness(1.06)}.btn-intro{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#e07038,#c45c26);font-size:.98rem;box-shadow:0 8px 28px #c45c2666,0 0 40px #e8a87c1f}.btn-intro:hover{filter:brightness(1.08)}.visit-arena{background:radial-gradient(120% 80% at 50% 0,#c45c261f,#0000 55%),linear-gradient(#1a1714,#12100e);border:1px solid #ffffff14;border-radius:1rem;min-height:13.5rem;margin-top:auto;padding:1rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.visit-arena .btn-primary{z-index:1;width:100%;position:relative}.crater-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.crater{z-index:0;transform:translate(-50%, -50%) rotate(var(--rot,0deg));pointer-events:none;opacity:.85;border-radius:50%;animation:.28s ease-out crater-pop;position:absolute}.crater--1{background:radial-gradient(circle at 35% 30%,#ffffff59,#0000 45%),radial-gradient(circle at 55% 60%,#281e1459,#0000 65%),radial-gradient(circle,#5a462d47,#0000 70%);box-shadow:inset 2px 3px 4px #281e1459,inset -2px -2px 3px #ffffff40}.crater--2{background-color:#0000;background-image:linear-gradient(115deg,#0000 42%,#3223198c 48%,#0000 54%),linear-gradient(40deg,#0000 40%,#32231966 50%,#0000 58%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:40% 60% 55% 45%;box-shadow:inset 0 0 0 1.5px #3c2d1e73,1px 1px #ffffff59}.crater--3{background:radial-gradient(circle at 40% 35%,#1e161066 0 18%,#0000 19%),radial-gradient(circle at 62% 58%,#1e161047 0 12%,#0000 13%),radial-gradient(circle,#46342338,#0000 68%);box-shadow:inset 0 0 0 1px #3c2d1e4d}@keyframes crater-pop{0%{transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scale(.35);opacity:0}to{transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scale(1);opacity:.85}}.nein-wrap{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:.35rem;width:max-content;max-width:11rem;transition:left .12s,top .12s;display:flex;position:absolute}.nein-bubble{pointer-events:none;color:#fff;text-align:center;background:#1c1a17;border-radius:.75rem;max-width:10.5rem;padding:.35rem .55rem;font-size:.72rem;font-weight:650;line-height:1.25;position:relative;box-shadow:0 4px 12px #1c1a1733}.nein-bubble:after{content:"";border:6px solid #0000;border-top-color:#1c1a17;border-bottom-width:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.nein-bubble--pop{animation:.32s bubble-pop}@keyframes bubble-pop{0%{transform:scale(.86)}55%{transform:scale(1.08)}to{transform:scale(1)}}.nein-btn{pointer-events:auto;z-index:2;min-height:2.75rem;color:var(--ink-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff0f;border:2px solid #ffffff1f;border-radius:999px;padding:.65rem 1rem;font-size:.95rem;font-weight:600;position:relative}@media (prefers-reduced-motion:reduce){.crater,.nein-bubble--pop,.nein-wrap{transition:none!important;animation:none!important}}.date-step{flex-direction:column;flex:1;gap:.35rem;display:flex}.date-chips{grid-template-columns:1fr 1fr;gap:.65rem;margin:.35rem 0 1rem;display:grid}.date-chip{appearance:none;min-height:var(--tap);font:inherit;color:var(--ink);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:linear-gradient(165deg,#ffffff12,#ffffff05),#14110ea6;border:2px solid #ffffff1f;border-radius:1rem;padding:.75rem .7rem;font-size:.95rem;font-weight:700;transition:border-color .18s,background .18s,box-shadow .18s,transform .15s,opacity .15s;position:relative;box-shadow:inset 0 1px #ffffff0d,0 8px 20px #0003}.date-chip:active{cursor:grabbing}.date-chip.is-selected{color:var(--warm-soft);background:#d4622a29;border-color:#e8a87c8c;box-shadow:0 0 22px #d4622a2e}.date-chip.is-dragging{opacity:.35}.date-chip.is-sucked{animation:date-chip-suck .48s var(--ease-cinematic) forwards;pointer-events:none;z-index:5}.date-chip__day{letter-spacing:.01em;display:block}.date-chip--ghost{z-index:10000;pointer-events:none;cursor:grabbing;opacity:.95;color:var(--warm-soft);will-change:transform;background:#d4622a38;border-color:#e8a87ca6;margin:0;position:fixed;top:0;left:0;box-shadow:0 12px 36px #00000073,0 0 24px #d4622a40}.date-chip--ghost.is-sucked{animation:date-chip-suck .48s var(--ease-cinematic) forwards}@keyframes date-chip-suck{0%{opacity:1;filter:blur();transform:translate(0,0)scale(1)rotate(0)}55%{transform:translate3d(calc(var(--suck-x,0px) * .72), calc(var(--suck-y,0px) * .72), 0) scale(.55) rotate(8deg);opacity:.85;filter:blur(.5px)}to{transform:translate3d(var(--suck-x,0px), var(--suck-y,0px), 0) scale(.08) rotate(18deg);opacity:0;filter:blur(2px)}}body.is-date-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.luftroehre{cursor:pointer;touch-action:manipulation;background:radial-gradient(90% 70% at 50% 0,#508c6e24,#0000 55%),radial-gradient(70% 60% at 50% 100%,#d4622a1a,#0000 50%),linear-gradient(#171410,#0f0d0b);border:1px solid #ffffff14;border-radius:1.15rem;outline:none;flex-direction:column;justify-content:flex-end;align-items:center;min-height:11.5rem;margin-top:auto;padding:1rem 1rem 1.15rem;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 16px 40px #00000059}.luftroehre:focus-visible{border-color:#e8a87c8c;box-shadow:0 0 0 3px #d4622a33}.luftroehre__aura{opacity:.55;pointer-events:none;background:radial-gradient(circle at 50% 35%,#78c8a02e,#0000 42%),radial-gradient(circle at 50% 70%,#d4622a1f,#0000 40%);transition:opacity .25s;position:absolute;inset:-20%}.luftroehre__tube{z-index:1;filter:drop-shadow(0 10px 18px #00000073);flex-direction:column;align-items:center;width:min(42%,7.5rem);display:flex;position:relative}.luftroehre__rim{z-index:3;background:linear-gradient(#c9b8a4,#6a5a4a 55%,#3a322a);border-radius:999px;width:118%;height:.55rem;box-shadow:0 2px 4px #0006,inset 0 0 0 1px #ffffff1f}.luftroehre__mouth{z-index:2;background:radial-gradient(at 50% 35%,#2a2420 0%,#0a0908 55%,#000 100%);border:2px solid #b4a08c59;border-radius:50%/45%;width:100%;height:1.65rem;margin-top:-.2rem;position:relative;overflow:hidden;box-shadow:inset 0 8px 14px #000000bf,inset 0 -2px 6px #ffdcb414}.luftroehre__vortex{opacity:.55;filter:blur(.5px);background:conic-gradient(#508c6e0d,#e8a87c59,#508c6e14,#ffffff26,#508c6e0d);border-radius:50%;animation:3.2s linear infinite vortex-spin;position:absolute;inset:15% 18%}.luftroehre__shaft{z-index:1;background:linear-gradient(90deg,#1a1612 0%,#3d342c 18%,#2a241e 50%,#3d342c 82%,#1a1612 100%);border:1px solid #ffffff14;border-top:none;border-radius:0 0 .85rem .85rem;width:78%;height:3.6rem;margin-top:-.35rem;position:relative;overflow:hidden;box-shadow:inset 0 -10px 18px #00000073}.luftroehre__rib{background:linear-gradient(90deg,#0000,#ffe6c82e,#0000);border-radius:2px;height:2px;position:absolute;left:8%;right:8%}.luftroehre__rib:first-child{top:22%}.luftroehre__rib:nth-child(2){top:48%}.luftroehre__rib:nth-child(3){top:72%}.luftroehre__core{filter:blur(4px);opacity:.7;background:linear-gradient(#78c8a040,#d4622a26,#0000);width:28%;height:80%;animation:2.4s ease-in-out infinite alternate core-pulse;position:absolute;top:10%;left:50%;transform:translate(-50%)}.luftroehre__base{background:linear-gradient(#4a4036,#1c1814);border-radius:999px;width:92%;height:.45rem;margin-top:-.1rem;box-shadow:0 4px 10px #0006}.luftroehre__title{letter-spacing:.22em;text-transform:uppercase;color:#e8a87cd9;text-shadow:0 0 16px #e8a87c40;z-index:1;margin:.85rem 0 .15rem;font-size:.72rem;font-weight:750}.luftroehre__hint{color:var(--ink-muted);z-index:1;text-align:center;margin:0;font-size:.85rem}.luftroehre.is-hot{border-color:#78c8a073;box-shadow:inset 0 1px #ffffff0f,0 0 36px #50a07847,0 16px 40px #00000059}.luftroehre.is-hot .luftroehre__aura{opacity:1}.luftroehre.is-hot .luftroehre__vortex{opacity:.95;animation-duration:.85s}.luftroehre.is-hot .luftroehre__core{opacity:1;background:linear-gradient(#a0ffc88c,#e8a87c66,#0000)}.luftroehre.is-sucking .luftroehre__mouth{box-shadow:inset 0 10px 20px #000000d9,0 0 28px #78c8a059}.luftroehre.is-sucking .luftroehre__vortex{opacity:1;animation:.35s linear infinite vortex-spin}.luftroehre.is-nudge{animation:.4s tube-nudge}@keyframes vortex-spin{to{transform:rotate(360deg)}}@keyframes core-pulse{0%{opacity:.45;transform:translate(-50%)scaleY(.92)}to{opacity:.85;transform:translate(-50%)scaleY(1.05)}}@keyframes tube-nudge{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.card.is-sucking-card{transform-origin:50%;animation:card-suck .52s var(--ease-cinematic) forwards;pointer-events:none}.card.is-suck-fade{pointer-events:none;animation:.16s forwards card-suck-fade}@keyframes card-suck{0%{filter:blur();opacity:1;transform:translate(0,0)scale(1)}40%{transform:translate3d(calc(var(--suck-ox,0px) * .35), calc(var(--suck-oy,0px) * .35), 0) scale(.82) perspective(600px) rotateX(4deg);filter:blur(.5px);opacity:.9}to{transform:translate3d(var(--suck-ox,0px), var(--suck-oy,0px), 0) scale(.12) perspective(600px) rotateX(12deg);filter:blur(3px);opacity:0}}@keyframes card-suck-fade{to{opacity:0}}.gift-grid{grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.85rem;display:grid}.chip{appearance:none;min-height:var(--tap);font:inherit;text-align:left;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:2px solid #ffffff1a;border-radius:1rem;padding:.65rem .75rem;font-size:.95rem;font-weight:650;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s}.chip:active{transform:scale(.98)}.chip.on{color:var(--warm-soft);background:#d4622a24;border-color:#e8a87c80;box-shadow:0 0 18px #d4622a1f}.chip .emoji{margin-bottom:.15rem;font-size:1.25rem;display:block}.other-wrap{margin-bottom:1rem}.other-wrap label{color:var(--ink-muted);margin-bottom:.4rem;font-size:.9rem;display:block}.other-wrap input{width:100%;min-height:var(--tap);font:inherit;color:var(--ink);background:#00000059;border:2px solid #ffffff1f;border-radius:.9rem;padding:.75rem .9rem;font-size:1rem}.other-wrap input::placeholder{color:#a79c8ea6}.other-wrap input:focus{border-color:#e8a87c8c;outline:none;box-shadow:0 0 0 3px #d4622a26}.footer-note{text-align:center;color:#a79c8ea6;letter-spacing:.02em;margin-top:1rem;font-size:.85rem}.thanks-icon{background:linear-gradient(145deg, var(--warm-soft), var(--warm));width:4.5rem;height:4.5rem;box-shadow:0 12px 32px var(--warm-glow);border-radius:1.25rem;place-items:center;margin:.5rem auto 1.25rem;font-size:2rem;display:grid}.error{color:#f0a8a8;background:#b4282826;border:1px solid #dc5a5a4d;border-radius:.7rem;margin-top:.75rem;padding:.65rem .75rem;font-size:.95rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.intro{flex-direction:column;flex:1;padding-top:.5rem;display:flex}.intro-kicker{letter-spacing:.28em;text-transform:uppercase;color:#e8a87ccc;text-shadow:0 0 18px #e8a87c33;margin:0 0 .75rem;font-size:.7rem;font-weight:750}.intro-title{font-family:var(--font-display);letter-spacing:-.03em;color:#f7f1e8;text-shadow:0 2px 24px #00000073;margin:0 0 .95rem;font-size:clamp(1.7rem,7vw,2.05rem);font-weight:800;line-height:1.12}.intro-lead{color:#f2ebe2c7;margin:0 0 .9rem;font-size:1.08rem;line-height:1.55}.intro-aside{color:#e8e2d8b8;background:#00000059;border-left:2px solid #e8a87c80;border-radius:0 .7rem .7rem 0;margin:0 0 1.5rem;padding:.85rem .95rem;font-size:.98rem;line-height:1.45;box-shadow:0 8px 24px #00000040}.intro-cta{margin-top:auto}.highscore-board{background:linear-gradient(160deg,#3026168c,#100d0abf);border:1px solid #ffd54a2e;border-radius:.85rem;margin:.15rem 0 .5rem;padding:.55rem .75rem .65rem;box-shadow:inset 0 1px #ffe6a00f}.highscore-board__title{letter-spacing:.12em;text-transform:uppercase;color:#ffd54ad9;margin:0 0 .35rem;font-size:.72rem;font-weight:750}.highscore-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.highscore-list li{color:var(--ink-muted);grid-template-columns:1.4rem 1fr auto;align-items:baseline;gap:.4rem;font-size:.82rem;display:grid}.highscore-rank{color:#ffd54abf;font-variant-numeric:tabular-nums;font-weight:700}.highscore-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink,#f2ebe2);font-weight:600;overflow:hidden}.highscore-pts{font-variant-numeric:tabular-nums;color:var(--warm-soft);font-weight:700}.highscore-empty{opacity:.75;font-size:.78rem;display:block!important}.highscore-form{background:#14100c8c;border:1px solid #ffffff1a;border-radius:.75rem;margin:.35rem 0 .55rem;padding:.55rem .7rem}.highscore-form--compact{margin-top:.15rem}.game-overlay__form .highscore-form{text-align:left;cursor:default;background:#0c0a08b8;border-color:#ffd54a38;width:min(100%,17rem);margin:.25rem 0 0}.highscore-label{letter-spacing:.04em;color:var(--ink-muted);flex-direction:column;gap:.35rem;font-size:.72rem;font-weight:650;display:flex}.highscore-row{align-items:stretch;gap:.4rem;display:flex}.highscore-name-input{min-width:0;min-height:2.4rem;color:var(--ink,#f2ebe2);background:#080706a6;border:1px solid #ffffff24;border-radius:.55rem;flex:1;padding:.4rem .65rem;font-size:.95rem}.highscore-name-input:focus{outline-offset:1px;border-color:#ffd54a66;outline:2px solid #ffd54a73}.highscore-form__hint{color:#e8a07a;margin:.35rem 0 0;font-size:.72rem}.highscore-form__hint[hidden]{display:none!important}.highscore-saved{color:#c8e6aaf2;background:#283c1e59;border:1px solid #8cbe5a40;border-radius:.65rem;margin:.25rem 0 .55rem;padding:.45rem .65rem;font-size:.8rem}.game-overlay{cursor:default}.game-overlay:not(:has(.highscore-form)){cursor:pointer}.game-step{flex-direction:column;flex:1;gap:.35rem;display:flex}.game-panel{background:linear-gradient(165deg,#28201ae6,#0e0c0af2),#120f0c;border:1px solid #ffffff1a;border-radius:1rem;margin:.35rem 0 .75rem;overflow:hidden;box-shadow:0 12px 32px #0006,inset 0 1px #ffffff0f}.game-hud{color:var(--ink-muted);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.65rem .85rem .35rem;font-size:.8rem;display:flex}.game-score{letter-spacing:.02em;font-weight:650}.game-score strong{color:var(--warm-soft);font-variant-numeric:tabular-nums;font-size:1.05rem}.game-hint{text-align:right;opacity:.9;font-size:.72rem}.game-stage{touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:260px;position:relative}.game-canvas{vertical-align:middle;cursor:pointer;background:#12100e;border-radius:0;width:100%;height:auto;min-height:260px;display:block}.game-absenden-aside{text-align:center;color:var(--ink-muted);letter-spacing:.02em;margin:.15rem 0 0;padding:0;font-size:.72rem}.game-absenden-aside__sep{opacity:.55;margin:0 .35rem}.game-absenden-link{appearance:none;font:inherit;color:#e8a87cd9;text-underline-offset:.18em;cursor:pointer;min-height:0;box-shadow:none;background:0 0;border:none;margin:0;padding:.15rem .2rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.game-absenden-link:hover,.game-absenden-link:focus-visible{color:var(--warm-soft);outline:none}.game-absenden-link:disabled{opacity:.45;cursor:not-allowed}.game-absenden-link--muted{color:var(--ink-muted);font-weight:500;text-decoration:none}.game-absenden-link--muted:hover,.game-absenden-link--muted:focus-visible{color:var(--ink);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.game-overlay__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem;display:flex}.game-overlay__actions[hidden]{display:none!important}.game-overlay{-webkit-backdrop-filter:blur(4px);text-align:center;cursor:pointer;background:#080706b8;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;display:flex;position:absolute;inset:0}.game-overlay[hidden]{display:none!important}.game-overlay__title{letter-spacing:.04em;color:var(--warm-soft);text-shadow:0 0 18px #e8a87c59;margin:0;font-size:1.35rem;font-weight:800}.game-overlay__sub{color:var(--ink-muted);max-width:16rem;margin:0 0 .5rem;font-size:.85rem}.game-legend{color:#a79c8ed9;letter-spacing:.02em;margin:0;padding:.45rem .85rem .7rem;font-size:.68rem}.btn-sm{min-height:2.4rem;padding:.45rem 1rem;font-size:.85rem}#btn-submit:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}@media (width<=420px){.game-stage,.game-canvas{min-height:250px}}@media (prefers-reduced-motion:reduce){.game-overlay{-webkit-backdrop-filter:none;background:#080706d1}.game-canvas{cursor:pointer}}.review{flex-direction:column;flex:1;display:flex}.review-list{margin:0 0 1rem;padding:0}.review-row{border-bottom:1px solid #ffffff14;grid-template-columns:6.5rem 1fr;gap:.5rem .75rem;padding:.8rem 0;display:grid}.review-row:first-child{border-top:1px solid #ffffff14}.review-row dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0;padding-top:.15rem;font-size:.75rem;font-weight:750}.review-row dd{color:var(--ink);margin:0;font-size:1rem;font-weight:650}.review-gifts{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.review-gifts li{align-items:baseline;gap:.4rem;font-weight:650;display:flex}.review-gifts em{color:var(--ink-muted);font-style:normal;font-weight:500}.review-emoji{text-align:center;flex-shrink:0;width:1.35rem}.review-actions{margin-top:auto}@media (width>=480px){.card{padding:1.75rem 1.55rem}.quiz-scene{--scene-max-h:min(62vh, 24rem)}.intro-title{font-size:2.15rem}}@media (prefers-reduced-motion:reduce){.fx-ambience,.fx-streak,.fx-flare,.fx-grain,.card.is-enter,.card.is-exit{animation:none!important}.fx-grain{opacity:.03}.fx-particles{display:none!important}.fx-flare,.fx-streak{opacity:.2}.quiz-scene__img,.quiz-scene__glow,.quiz-scene__accent,.quiz-scene--china .quiz-scene__img,.quiz-scene--china .quiz-scene__accent,.quiz-scene--ressourcen .quiz-scene__img,.shard,.streak,.quiz-scene__tilt,.crater,.nein-bubble--pop,.nein-wrap{transition:none!important;animation:none!important}.quiz-scene__img,.quiz-scene__tilt{transform:none}.luftroehre__vortex,.luftroehre__core,.luftroehre.is-nudge,.date-chip.is-sucked,.date-chip--ghost.is-sucked,.card.is-sucking-card{animation:none!important}.card.is-sucking-card,.card.is-suck-fade{animation:.16s forwards card-suck-fade!important}}@media (width<=380px){.fx-flare--3{display:none}}