*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-app:#08060e;--gold:#c9a84c;--gold-light:#e8d48b;--gold-dark:#8a6d2b;--parchment:#e8dcc4;--parchment-dark:#c4b498;--stone:#2a2830;--stone-light:#3d3a45;--wood:#1a1410;--wood-light:#3d2e22;--brass:linear-gradient(145deg,#d4af55,#8a6d2b 45%,#c9a84c);--font-display:var(--font-cinzel),"Cinzel",Georgia,serif;--font-body:var(--font-lora),"Lora",Georgia,serif;--font-stage-title:"Alegreya",Georgia,"Times New Roman",serif;--font-stage-subtitle:"Alegreya",Georgia,"Times New Roman",serif;--stage-header-design-w:941;--stage-header-title-px:68;--stage-header-sub-px:46;--stage-header-sub-color:#dbc4a0;--stage-header-sub-shadow:0 1px 2px rgba(0,0,0,0.28);--font-body:"Source Sans 3",system-ui,sans-serif;--stage-max-w:430px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--object-reveal-duration:2.5s;--object-reveal-ease:ease-in-out;--play-chrome:calc(48px + var(--safe-top) + var(--safe-bottom));--stage-w:min(100%,calc((100dvh - var(--play-chrome)) * 9 / 16))}@media (min-width:768px){:root{--stage-w:min(100%,calc(min(calc(100dvh - var(--play-chrome)), 1200px) * 9 / 16))}}body,html{height:100%;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body{font-family:var(--font-body);background:var(--bg-app);color:#f0ebe0;line-height:1.5;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(1rem + var(--safe-top)) 1rem calc(1.5rem + var(--safe-bottom))}.app-header{text-align:center;margin-bottom:1.25rem;width:100%;max-width:var(--stage-max-w)}.app-header__eyebrow{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#7a7585;margin-bottom:.25rem}.app-header__title{font-family:var(--font-display);font-size:1.5rem;color:var(--gold-light);letter-spacing:.08em}.screen{width:100%;max-width:var(--stage-max-w);flex:1 1;display:flex;flex-direction:column}.finished-card,.prepare-card{background:linear-gradient(160deg,#14101c,#0c0a14);border:1px solid rgba(201,168,76,.25);border-radius:16px;padding:1.75rem 1.5rem;text-align:center;margin:auto 0}.prepare-card__subtitle{font-size:1rem;color:#a8a4b0;margin:-.75rem 0 1.25rem}.prepare-card--hub .prepare-card__title{font-family:var(--font-display);font-size:1.5rem;color:var(--gold-light)}.landing{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;position:relative;overflow:hidden}.landing__glow{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(201,168,76,.12),transparent),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(100,80,160,.08),transparent);pointer-events:none}.landing__content{position:relative;text-align:center;max-width:420px;width:100%}.landing__eyebrow{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:#7a7585;margin-bottom:.75rem}.landing__title{font-family:var(--font-display);font-size:clamp(2rem,8vw,2.75rem);color:var(--gold-light);letter-spacing:.1em;margin-bottom:1rem;line-height:1.15}.landing__tagline{font-size:1.05rem;color:#a8a4b0;line-height:1.55;margin-bottom:1.5rem}.landing__welcome{font-size:.95rem;color:#9898a8;margin-bottom:1.75rem}.landing__welcome strong{color:var(--gold);font-weight:600}.landing__cta{width:100%;max-width:320px;font-size:1.1rem;padding:1.1rem 2rem;letter-spacing:.06em}.landing__audio-hint{margin-top:1rem;font-size:.75rem;color:#6a6675;line-height:1.4}.landing__footer{position:absolute;bottom:1.5rem;left:0;right:0;text-align:center}.landing__admin-link{font-size:.75rem;color:#5a5665;text-decoration:none}.landing__admin-link:hover{color:#9898a8}.landing--user .landing__welcome--large{font-size:1.25rem;margin-bottom:1rem}.landing--user .landing__welcome--large strong{font-size:1.35rem}.locked-card{background:linear-gradient(160deg,#14101c,#0c0a14);border:1px solid rgba(201,168,76,.25);border-radius:16px;padding:2rem 1.5rem;text-align:center;margin:auto 0}.locked-card__eyebrow{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#7a7585;margin-bottom:.75rem}.locked-card__title{font-family:var(--font-display);font-size:1.5rem;color:var(--gold-light);margin-bottom:1rem}.locked-card__message{color:#a8a4b0;line-height:1.55;margin-bottom:1.25rem}.locked-card__score{font-size:1.1rem;color:#9898a8;margin-bottom:1.5rem}.locked-card__hint{font-size:.9rem;color:#6a6675}.locked-card .btn{margin-bottom:.75rem}.round-summary-card{background:linear-gradient(160deg,#14101c,#0c0a14);border:1px solid rgba(201,168,76,.25);border-radius:16px;padding:2rem 1.5rem;text-align:center;margin:auto 0}.round-summary-card--correct{border-color:rgba(120,200,120,.35)}.round-summary-card__label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#7a7585;margin-bottom:.5rem}.round-summary-card__title{font-family:var(--font-display);font-size:1.5rem;color:var(--gold-light);margin-bottom:.75rem}.round-summary-card__text{color:#a8a4b0;margin-bottom:.75rem}.round-summary-card__meta{font-size:.85rem;color:#6a6675;margin-bottom:1.5rem}.round-summary-card__actions{display:flex;flex-direction:column;gap:.65rem}.scoreboard-card{background:linear-gradient(160deg,#14101c,#0c0a14);border:1px solid rgba(201,168,76,.3);border-radius:16px;padding:2rem 1.5rem;text-align:center;margin:auto 0;opacity:1;transform:scale(1)}.scoreboard-card--raus{opacity:0;transform:scale(1.03);transition:opacity var(--scoreboard-abschied,0s) ease-in,transform var(--scoreboard-abschied,0s) ease-in;pointer-events:none}@media (prefers-reduced-motion:reduce){.scoreboard-card--raus{transition:none}}.scoreboard-card__eyebrow{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#7a7585;margin-bottom:.5rem}.scoreboard-card__title{font-family:var(--font-display);font-size:1.35rem;color:var(--gold-light);margin-bottom:1rem}.scoreboard-card__points{font-family:var(--font-display);font-size:3rem;color:var(--gold);line-height:1;margin-bottom:1.25rem}.scoreboard-card__points span{display:block;font-size:.85rem;color:#7a7585;font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;margin-top:.35rem}.scoreboard-card__list{list-style:none;text-align:left;margin-bottom:1.5rem;font-size:.95rem;color:#a8a4b0}.scoreboard-card__list li{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.scoreboard__icon{display:inline-block;width:1.25rem}.scoreboard-card__share-hint{font-size:.8rem;color:var(--gold);margin:.75rem 0 1rem}.brag{margin-top:.5rem}.brag--stark{padding:1rem;border-radius:12px;border:1px solid rgba(201,168,76,.45);background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(201,168,76,.16),transparent),rgba(0,0,0,.25)}.brag__badge{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--gold-light);margin:0 0 .35rem}.brag__text{font-size:.95rem;line-height:1.45;color:#f0ebe0;margin:0 0 .9rem}.share-panel{margin-top:1rem;padding:.9rem;border:1px solid rgba(201,168,76,.28);border-radius:12px;background:rgba(0,0,0,.25)}.share-panel__title{font-family:var(--font-display);color:var(--gold-light);margin:0 0 .75rem;font-size:1rem}.bl--gestaltet{position:relative;width:100%;box-shadow:0 18px 44px rgba(0,0,0,.5)}.bl__bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.bl__liste-flaeche{overflow:visible}.bl__reiter{display:flex;gap:.4rem;margin-bottom:.6rem}.bl__reiter-knopf{flex:1 1;padding:.45rem .3rem;border:1px solid rgba(201,168,76,.28);border-radius:8px;background:transparent;color:var(--gold-light,#e8cf90);font-family:var(--font-body);font-size:.9rem;cursor:pointer}.bl__reiter-knopf--aktiv{background:rgba(201,168,76,.18);border-color:rgba(201,168,76,.6)}.bl__zeitraum{margin:0 0 .7rem;font-size:.85rem;text-align:center;opacity:.75}.bl__liste{list-style:none;margin:0;padding:0}.bl__zeile{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:baseline;grid-gap:.6rem;gap:.6rem;padding:.42rem .4rem;border-bottom:1px solid rgba(201,168,76,.12);font-size:.95rem}.bl__zeile--ich{background:rgba(201,168,76,.14);border-radius:6px;font-weight:600}.bl__platz{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.8}.bl__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl__wert{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bl__liste--ich{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed rgba(201,168,76,.35)}.bl__fuss,.bl__hinweis{font-size:.83rem;line-height:1.5;opacity:.75;margin:.8rem 0 0;text-align:center}.bl__eigenwert{margin:.4rem 0 0;text-align:center;font-family:var(--font-display);font-size:1.6rem;color:var(--gold-light,#e8cf90)}.share-panel__hinweis{font-family:var(--font-body);font-size:.95rem;line-height:1.5;margin:0 0 .9rem;padding-bottom:.9rem;border-bottom:1px solid rgba(201,168,76,.22)}.share-panel__buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.share-panel__buttons .btn{flex:1 1 auto;min-width:6.5rem;text-align:center;text-decoration:none}.share-panel__label{font-size:.76rem;color:#9898a8;margin:.9rem 0 .3rem}.share-panel__link{display:block;font-size:.76rem;color:var(--gold);background:rgba(0,0,0,.35);border-radius:6px;padding:.45rem .6rem;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all}.challenge-invite{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(201,168,76,.25)}.challenge-invite__text{font-size:.95rem;line-height:1.5;color:#f0ebe0;margin:0 0 1rem}.challenge-invite__hint{font-size:.78rem;color:#9898a8;margin:.6rem 0 0}.btn--ghost{background:transparent;border:1px solid rgba(201,168,76,.35);color:var(--gold-light)}.btn--ghost:hover:not(:disabled){background:rgba(201,168,76,.08)}.btn--small{padding:.45rem .9rem;font-size:.82rem}.scoreboard-card .btn{margin-bottom:.65rem}.play-header{position:relative;width:100%;max-width:var(--stage-w,var(--stage-max-w));text-align:center;margin-bottom:.75rem}.play-header--probe{padding-top:.15rem}.play-header__back{position:absolute;left:0;top:0;font-size:.78rem;color:#9898a8;text-decoration:none}.play-header__back:hover{color:var(--gold-light)}.play-header__slot{display:block;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#7a7585;margin-bottom:.25rem}.play-header__title{font-family:var(--font-display);font-size:.95rem;color:var(--gold)}.challenge-preview{list-style:none;text-align:left;margin:0 0 1.5rem;padding:1rem;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);font-size:.9rem;color:#a8a4b0}.challenge-preview li{padding:.35rem 0}.landing--challenge .landing__tagline strong{color:var(--gold-light)}.app-shell--play .screen--play{flex:1 1;display:flex;flex-direction:column}@media (max-width:767px){.app-shell--play{padding-left:.5rem;padding-right:.5rem}}@media (min-width:768px){.app-shell--play .play-root,.screen--play{max-width:var(--stage-w)}}.prepare-card__label{font-family:var(--font-display);color:var(--gold);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem}.prepare-card__title{font-family:var(--font-display);font-size:1.35rem;margin-bottom:1.25rem;color:#f0ebe0}.prepare-card__meta{list-style:none;text-align:left;margin-bottom:1.25rem;font-size:.95rem;color:#a8a4b0}.prepare-card__meta li{padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.prepare-card__note{font-size:.8rem;color:#6a6675;margin-bottom:1.5rem}.prepare-card__select{margin-bottom:1.25rem;text-align:left}.prepare-card__select label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#7a7585;margin-bottom:.4rem}.prepare-card__dropdown{width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid rgba(201,168,76,.3);background:rgba(0,0,0,.4);color:#f0ebe0;font-family:var(--font-body);font-size:.95rem}.prepare-card__editor-link{margin-top:1rem;font-size:.85rem}.prepare-card__editor-link a{color:#9898a8;text-decoration:underline;text-underline-offset:3px}.prepare-card__editor-link a:hover{color:var(--gold-light)}.app-header__user{font-size:.8rem;color:#7a7585;margin-top:.35rem}.app-header__logout{background:none;border:none;color:var(--gold);cursor:pointer;font-size:inherit;text-decoration:underline;margin-left:.35rem}.auth-card{background:linear-gradient(160deg,#14101c,#0c0a14);border:1px solid rgba(201,168,76,.25);border-radius:16px;padding:1.5rem;margin:auto 0}.auth-card__tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.auth-card__tab{flex:1 1;padding:.6rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);color:#a8a4b0;cursor:pointer;font-family:var(--font-body)}.auth-card__tab--active{border-color:rgba(201,168,76,.45);color:var(--gold-light);background:rgba(201,168,76,.08)}.auth-form{gap:.85rem}.auth-form,.auth-form__field{display:flex;flex-direction:column}.auth-form__field{gap:.35rem;text-align:left;font-size:.8rem;color:#7a7585;text-transform:uppercase;letter-spacing:.08em}.auth-form__field input{padding:.65rem .75rem;border-radius:8px;border:1px solid rgba(201,168,76,.3);background:rgba(0,0,0,.4);color:#f0ebe0;font-family:var(--font-body);font-size:1rem;text-transform:none;letter-spacing:normal}.auth-card__error{color:#e08080;font-size:.9rem;margin-bottom:1rem}.auth-card__hint{margin-top:1rem;font-size:.8rem;color:#6a6675;line-height:1.45}.auth-card__nebenweg{display:block;margin-top:.9rem;background:none;border:none;padding:0;font:inherit;font-size:.85rem;color:#9a93a8;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.auth-card__nebenweg:hover{color:#c4bdd6}.finished-card__results{margin-bottom:1.25rem;text-align:left}.finished-card__results-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#7a7585;margin-bottom:.5rem}.finished-card__results-list{list-style:none;font-size:.9rem;color:#a8a4b0}.finished-card__results-list li{padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.finished-card h2{font-family:var(--font-display);color:var(--gold);margin-bottom:.75rem}.finished-card p{color:#a8a4b0;margin-bottom:1.5rem}.btn{font-family:var(--font-body);font-size:.9rem;font-weight:600;border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--brass);color:#1a1208;padding:.85rem 2rem}.btn--secondary{background:rgba(255,255,255,.08);color:#f0ebe0;border:1px solid rgba(255,255,255,.15);padding:.75rem 1.75rem}.btn--large{width:100%;padding:1rem 2rem;font-size:1rem}@media (min-width:768px){body{background:radial-gradient(ellipse 60% 40% at 50% 0,rgba(201,168,76,.08),transparent),var(--bg-app)}.app-shell{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-loading{text-align:center;color:#a8a4b0;padding:3rem 1.5rem;font-size:1rem}.app-error{text-align:center;color:#e08080;padding:2rem 1rem}.intro{position:fixed;inset:0;background:var(--bg-app,#08060e);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}.intro__media-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.15);filter:blur(28px) brightness(.55);z-index:-2;pointer-events:none}.intro__media-fg{position:relative;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;z-index:-1;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.intro__fallback{text-align:center;padding:2rem}.intro__title{font-family:var(--font-display,Georgia,serif);color:var(--gold-light,#e8d48b);font-size:clamp(1.8rem,8vw,3rem);letter-spacing:.06em;margin:0 0 1rem}.intro__hint{color:#a8a4b0;font-size:1rem;margin:0;animation:intro-pulse 2s ease-in-out infinite}.intro__hint--overlay{padding:.5rem 1.4rem;border-radius:999px;background:rgba(8,6,14,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#e8d48b;font-family:var(--font-display,Georgia,serif);letter-spacing:.08em;font-size:clamp(.9rem,3.6vw,1.15rem);white-space:nowrap}.intro__hint--overlay,.intro__hint-knopf{position:absolute;left:50%;bottom:max(7%,calc(1.5rem + env(safe-area-inset-bottom, 0px)));transform:translateX(-50%);pointer-events:none}.intro__hint-knopf{max-width:min(70%,20rem);height:auto;animation:intro-pulse 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.intro__hint,.intro__hint-knopf{animation:none;opacity:.9}}@keyframes intro-pulse{0%,to{opacity:.55}50%{opacity:1}}.intro__partner-badge{position:absolute;left:50%;top:max(5%,calc(1rem + env(safe-area-inset-top, 0px)));transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:999px;background:rgba(8,6,14,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;z-index:1}.intro__partner-logo{height:1.4rem;width:auto;max-width:6rem;object-fit:contain}.intro__partner-name{color:#e8d48b;font-family:var(--font-display,Georgia,serif);letter-spacing:.04em;font-size:clamp(.75rem,3vw,.9rem);white-space:nowrap}.startseite-beschreibung{position:fixed;top:calc(.85rem + 3.13rem + var(--safe-top));left:50%;transform:translateX(-50%);z-index:41;width:min(88%,30rem);margin:0;padding:.5rem 1.1rem;border-radius:14px;background:rgba(8,6,14,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;font-family:var(--font-body,Georgia,serif);font-size:clamp(.92rem,2.4vw,1.15rem);line-height:1.45;color:rgba(232,212,139,.72);pointer-events:none}.startseite-beschreibung--opener{position:absolute;top:calc(.6rem + var(--safe-top));left:50%;transform:translateX(-50%);width:min(94%,36rem)}.share-panel__qr{margin-top:.9rem;text-align:center}.share-panel__qr img{width:200px;height:200px;border-radius:10px;background:#f0ebe0;padding:8px}.challenge-warn{margin:.9rem 0 0;padding:.6rem .8rem;border-radius:8px;border:1px solid rgba(224,139,107,.4);background:rgba(224,139,107,.08);color:#e0b06b;font-size:.82rem;line-height:1.45}.rueckmeldung{margin:0 0 1.5rem;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(201,168,76,.4);background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(201,168,76,.14),transparent),rgba(0,0,0,.25);text-align:left}.rueckmeldung__titel{font-family:var(--font-display);color:var(--gold-light);font-size:.95rem;margin:0 0 .5rem}.rueckmeldung__liste{list-style:none;margin:0;padding:0;font-size:.88rem;line-height:1.6;color:#f0ebe0}.rueckmeldung__liste strong{color:var(--gold)}.rueckmeldung__hinweis{margin:.6rem 0 0;font-size:.8rem;color:#9898a8;line-height:1.45}.round-summary-card__auto{margin-top:.5rem;font-size:.9rem;color:var(--gold);letter-spacing:.02em}