:root{--bg:#0b0916;--panel:#151126;--panel-border:#342a4f;--text:#f1ecfb;--text-muted:#a59cbd;--accent:#b98cff;--accent-strong:#7c3aed;--danger:#ff6b6b;--ok:#7ee081;--schrift-titel:"Cinzel", Georgia, "Times New Roman", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}button{font:inherit}.guthaben-popup{z-index:1000;background:#000000a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.guthaben-popup__fenster{background:var(--panel);border:1px solid var(--accent);text-align:center;border-radius:18px;width:100%;max-width:420px;padding:24px 20px 20px;box-shadow:0 20px 60px #00000080}.guthaben-popup__symbol{font-size:2.6rem}.guthaben-popup__fenster h2{margin:6px 0 10px}.guthaben-popup__fenster p{color:var(--text);margin:0 0 18px;line-height:1.45}.guthaben-popup__ok{background:var(--accent-strong);color:#fff;width:100%;font:inherit;cursor:pointer;border:none;border-radius:12px;padding:13px;font-weight:600}.guthaben-popup__preise{color:var(--accent);margin-top:12px;font-size:.9rem;display:inline-block}.guthaben-pause{color:var(--text);background:#ff6b6b1f;border:1px solid #ff6b6b73;border-radius:12px;padding:10px 14px;font-size:.92rem;line-height:1.4}.play-page>.guthaben-pause{margin:12px 16px 0}.placeholder-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.btn{color:var(--text);font-size:calc(1rem * var(--kachel-schrift,1));cursor:pointer;background:#151126b8;border:1px solid #a970ff52;border-radius:12px;padding:12px 24px;transition:border-color .15s,box-shadow .15s,transform .15s}.btn:hover:not(:disabled){border-color:#bea0ffbf;box-shadow:0 0 16px #7c3aed4d}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{color:#fff;background:linear-gradient(135deg,#8b4dff,#6425d0);border-color:#c8aaffb3;box-shadow:0 0 20px #7c3aed73}.btn--primary:hover:not(:disabled){box-shadow:0 0 30px #965affb3}.btn--danger{color:var(--danger);border-color:#ff6b6b99}.btn--danger:hover:not(:disabled){border-color:var(--danger);box-shadow:0 0 16px #ff6b6b40}.placeholder-screen p{color:var(--text-muted)}.screen{max-width:960px;min-height:100vh;margin:0 auto;padding:24px}.screen__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.screen__header h1{font-size:calc(1.75rem * var(--kachel-schrift,1));margin:0}.screen__header-actions{gap:8px;display:flex}.screen__subheading{font-size:calc(1.1rem * var(--kachel-schrift,1));margin:24px 0 12px}.screen__error{color:var(--danger);border:1px solid var(--danger);background:#ff6b6b1a;border-radius:8px;margin-bottom:16px;padding:10px 14px}.character-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.character-card{background:var(--panel);border:1px solid var(--panel-border);text-align:left;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.character-card__portrait{aspect-ratio:1;object-fit:contain;object-position:center;background:#00000038;border-radius:8px;width:100%}.character-card__header{flex-direction:column;display:flex}.character-card__name{font-weight:600;font-size:calc(1.1rem * var(--kachel-schrift,1))}.character-card__meta{color:var(--text-muted);font-size:calc(.85rem * var(--kachel-schrift,1))}.character-card__stats{font-size:calc(.9rem * var(--kachel-schrift,1));gap:16px;display:flex}.character-card__player,.character-card__description{color:var(--text-muted);font-size:calc(.85rem * var(--kachel-schrift,1));margin:0}.character-card__actions{gap:8px;margin-top:8px;display:flex}.character-card__error{color:var(--danger);font-size:calc(.85rem * var(--kachel-schrift,1));margin:0}.character-form{text-align:left;flex-direction:column;gap:14px;max-width:480px;display:flex}.character-form label{font-size:calc(.9rem * var(--kachel-schrift,1));color:var(--text-muted);flex-direction:column;gap:6px;display:flex}.character-form input,.character-form textarea,.character-form select{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);font:inherit;border-radius:6px;padding:8px 10px}.character-form input:focus,.character-form textarea:focus,.character-form select:focus{border-color:var(--accent);outline:none}.character-form__image{align-items:center;gap:14px;display:flex}.character-form__image-preview{object-fit:contain;object-position:center;border:1px solid var(--panel-border);background:var(--bg);border-radius:10px;flex-shrink:0;width:84px;height:84px}.character-form__image-preview--empty{font-size:calc(.75rem * var(--kachel-schrift,1));color:var(--text-muted);text-align:center;justify-content:center;align-items:center;display:flex}.bildwahl{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:10px;display:flex}.bildwahl__text{flex:180px;min-width:0}.bildwahl__text strong{font-size:calc(.95rem * var(--kachel-schrift,1))}.bildwahl__text .screen__hint{margin:2px 0 6px}.character-form__hint{font-size:calc(.75rem * var(--kachel-schrift,1));color:var(--text-muted);margin:6px 0 0}.character-form__row{gap:14px;display:flex}.character-form__row label{flex:1}.character-form__actions{gap:12px;margin-top:8px;display:flex}.character-select-list{flex-direction:column;gap:8px;max-height:220px;padding:4px 0;display:flex;overflow-y:auto}.character-select-list__item{font-size:calc(.9rem * var(--kachel-schrift,1));align-items:center;gap:8px;display:flex}.character-select-list__item--disabled{opacity:.4}.character-select-list__item--row{justify-content:space-between}.screen__hint{color:var(--text-muted);font-size:calc(.85rem * var(--kachel-schrift,1));margin:4px 0 0}.campaign-list{flex-flow:wrap;align-items:flex-start;gap:12px;display:flex}.campaign-list .hub-slot>.campaign-list__item{box-sizing:border-box;height:100%;overflow:hidden}.campaign-list__item{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.campaign-list__bild{object-fit:contain;background:var(--bg);border:1px solid var(--panel-border);border-radius:8px;flex-shrink:0;width:54px;height:54px;margin-right:12px}.campaign-list__name{font-weight:600;display:block}.campaign-list__meta{color:var(--text-muted);font-size:calc(.85rem * var(--kachel-schrift,1))}.campaign-list__actions{gap:8px;display:flex}.gm-chat{text-align:left;margin-top:32px}.gm-chat__log{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;gap:12px;min-height:160px;max-height:360px;margin-bottom:12px;padding:16px;display:flex;overflow-y:auto}.gm-chat__empty,.gm-chat__typing{color:var(--text-muted);font-size:calc(.9rem * var(--kachel-schrift,1));margin:0}.gm-chat__message p{white-space:pre-wrap;margin:4px 0 0}.gm-chat__role{font-size:calc(.75rem * var(--kachel-schrift,1));text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.gm-chat__message--player .gm-chat__role{color:var(--accent)}.gm-chat__message--game_master .gm-chat__role{color:#7ee081}.gm-chat__sprecher{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.gm-chat__sprecher-knopf{font-size:calc(.8rem * var(--kachel-schrift,1));padding:4px 12px}.gm-chat__sprecher-knopf--aktiv{border-color:var(--accent);color:var(--accent)}.gm-chat__form{flex-wrap:wrap;gap:12px;display:flex}.gm-chat__form input{background:var(--bg);border:1px solid var(--panel-border);min-width:0;color:var(--text);font:inherit;border-radius:6px;flex:12rem;padding:10px 12px}.gm-chat__form input:focus{border-color:var(--accent);outline:none}.gm-chat__mic{font-size:calc(1.1rem * var(--kachel-schrift,1));padding:8px 14px}.gm-chat__mic--aufnahme{color:#ffa8a8;font-variant-numeric:tabular-nums;border-color:#e03131}.gm-chat__mic--active{border-color:var(--accent);color:var(--accent)}.discord-panel{background:var(--panel);border:1px solid var(--panel-border);text-align:left;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.discord-panel__status{font-size:calc(.9rem * var(--kachel-schrift,1));margin:0}.gm-chat__header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.gm-chat__always-on{font-size:calc(.8rem * var(--kachel-schrift,1));color:var(--text-muted);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;display:flex}.gm-chat__listen-status{font-size:calc(.8rem * var(--kachel-schrift,1));color:var(--text-muted);margin:0 0 8px}.gm-chat__ignored{opacity:.6;font-style:italic}.gm-chat__pending{border:1px solid var(--accent);font-size:calc(.85rem * var(--kachel-schrift,1));background:#8a5cf61f;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;display:flex}.gm-chat__pending-actions{gap:8px;display:flex}.gm-chat__pending-actions .btn{font-size:calc(.8rem * var(--kachel-schrift,1));padding:4px 12px}.gm-chat__stop{font-size:calc(.95rem * var(--kachel-schrift,1));white-space:nowrap;border-color:var(--accent);color:var(--accent);padding:8px 14px}.gm-chat__voice-error{color:var(--text-muted);font-size:calc(.85rem * var(--kachel-schrift,1));margin:0 0 8px}.dashboard{margin-bottom:24px}.dashboard__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.dashboard__panel{background:var(--panel);border:1px solid var(--panel-border);text-align:left;border-radius:12px;padding:14px 16px}.dashboard__panel h3{font-size:calc(.95rem * var(--kachel-schrift,1));text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 8px}.dashboard__panel h4{font-size:calc(.8rem * var(--kachel-schrift,1));text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:10px 0 4px}.dashboard__stat{font-size:calc(.95rem * var(--kachel-schrift,1));margin:2px 0}.dashboard__stat--muted{color:var(--text-muted)}.dashboard__empty{font-size:calc(.85rem * var(--kachel-schrift,1));color:var(--text-muted);margin:2px 0}.dashboard__entity{margin-bottom:5px}.dashboard__entity span{font-size:calc(.9rem * var(--kachel-schrift,1))}.bar-height-control{font-size:calc(.72rem * var(--kachel-schrift,1));color:var(--text-muted);align-items:center;gap:6px;margin:2px 0 6px;display:flex}.bar-height-control input[type=range]{max-width:130px;accent-color:var(--accent);flex:1}.bar-height-control__value{text-align:right;min-width:2.6rem}.dashboard__hp-bar{height:var(--hp-bar-height,16px);background:var(--bg);border:1px solid var(--panel-border);border-radius:6px;flex-shrink:0;margin-top:2px;position:relative;overflow:hidden}.dashboard__hp-bar:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff38 0%,#ffffff0f 42%,#0000001f 100%);position:absolute;inset:0}.dashboard__hp-bar-fill{z-index:1;contain:layout paint;background-color:var(--bar-color);background-image:linear-gradient(180deg, color-mix(in srgb, var(--bar-color) 74%, #fff) 0%, var(--bar-color) 46%, color-mix(in srgb, var(--bar-color) 74%, #000) 100%);height:100%;transition:width .35s;position:absolute;inset:0;overflow:hidden}.dashboard__hp-bar-fill:before,.dashboard__hp-bar-fill:after{content:"";background-repeat:repeat-x;position:absolute;inset:0}.dashboard__hp-bar-fill:before{background-image:radial-gradient(9px 7px at 50% 0,#0000003d 0 20%,#0000 80%),radial-gradient(15px 6px at 50% 0,#00000029 0 18%,#0000 82%);background-size:23px 100%,37px 100%;animation:31s linear infinite hp-wave-forward}.dashboard__hp-bar-fill:after{background-image:radial-gradient(12px 7px at 50% 100%,#fff3 0 20%,#0000 80%),radial-gradient(7px 5px at 50% 100%,#ffffff24 0 22%,#0000 78%);background-size:29px 100%,53px 100%;animation:43s linear infinite hp-wave-back}@keyframes hp-wave-forward{to{background-position:-161px 0,-148px 0}}@keyframes hp-wave-back{to{background-position:232px 0,212px 0}}.dashboard__hp-bar-bubbles{pointer-events:none;contain:layout paint;background-image:radial-gradient(2.8px 2.8px at 22% 66%, color-mix(in srgb, var(--bar-color) 34%, #000) 0 55%, transparent 56%), radial-gradient(1.8px 1.8px at 61% 38%, color-mix(in srgb, var(--bar-color) 40%, #000) 0 55%, transparent 56%), radial-gradient(1.5px 1.5px at 84% 74%, color-mix(in srgb, var(--bar-color) 44%, #000) 0 55%, transparent 56%), radial-gradient(2.2px 2.2px at 39% 26%, color-mix(in srgb, var(--bar-color) 36%, #000) 0 55%, transparent 56%), radial-gradient(1.3px 1.3px at 72% 84%, color-mix(in srgb, var(--bar-color) 46%, #000) 0 55%, transparent 56%), radial-gradient(2.4px 2.4px at 12% 44%, color-mix(in srgb, var(--bar-color) 38%, #000) 0 55%, transparent 56%), radial-gradient(1.6px 1.6px at 53% 88%, color-mix(in srgb, var(--bar-color) 42%, #000) 0 55%, transparent 56%), radial-gradient(1.9px 1.9px at 91% 20%, color-mix(in srgb, var(--bar-color) 35%, #000) 0 55%, transparent 56%);opacity:.62;background-repeat:repeat-x;background-size:137px 100%,91px 100%,173px 100%,211px 100%,119px 100%,67px 100%,103px 100%,157px 100%;animation:48s linear infinite hp-bubble-drift,9.3s ease-in-out infinite hp-bubble-bob;position:absolute;inset:0}@keyframes hp-bubble-drift{to{background-position:-137px 0,182px 0,-346px 0,211px 0,-238px 0,201px 0,-206px 0,157px 0}}@keyframes hp-bubble-bob{0%,to{transform:translateY(.6px)}50%{transform:translateY(-.6px)}}.dashboard__hp-bar-bubbles:before{content:"";opacity:.16;background-image:radial-gradient(20px 11px at 24% 62%,#050d07 0 12%,#0000 74%),radial-gradient(26px 9px at 66% 36%,#04100a 0 10%,#0000 76%),radial-gradient(34px 13px at 45% 78%,#030b06 0 8%,#0000 78%);background-repeat:repeat-x;background-size:233px 100%,311px 100%,179px 100%;animation:73s linear infinite hp-mist-drift;position:absolute;inset:0}@keyframes hp-mist-drift{to{background-position:233px 0,-311px 0,358px 0}}@media (prefers-reduced-motion:reduce){.dashboard__hp-bar-fill:before,.dashboard__hp-bar-fill:after,.dashboard__hp-bar-bubbles,.dashboard__hp-bar-bubbles:before{animation:none}}.dashboard__hp-bar-label{z-index:3;text-align:center;font-size:calc(.72rem * var(--kachel-schrift,1));line-height:var(--hp-bar-height,16px);color:#fff;text-shadow:0 1px 2px #000000e6,0 0 3px #0009;font-weight:600;display:block;position:relative}.dashboard__panel--cost{grid-column:1/-1}.dashboard__warning{border:1px solid var(--danger);color:var(--danger);font-size:calc(.85rem * var(--kachel-schrift,1));background:#ff6b6b26;border-radius:8px;margin:0 0 10px;padding:8px 12px}.dashboard__disclaimer{color:var(--text-muted);font-size:calc(.68rem * var(--kachel-schrift,1));margin:5px 0}.dashboard__cost-settings{border-top:1px solid var(--panel-border);flex-direction:column;gap:5px;margin-top:6px;padding-top:6px;display:flex}.dashboard__cost-settings input[type=text]{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);font:inherit;border-radius:6px;width:100%;padding:6px 8px}.confirm-dialog__overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--panel);border:1px solid var(--panel-border);text-align:left;border-radius:12px;width:90%;max-width:420px;padding:24px}.confirm-dialog h3{margin:0 0 12px}.confirm-dialog p{color:var(--text-muted);margin:0 0 20px}.confirm-dialog__actions{justify-content:flex-end;gap:12px;display:flex}.hub-page{box-sizing:border-box;width:100%;min-height:100vh;padding:calc(9px + env(safe-area-inset-top)) calc(clamp(18px, 3.5vw, 44px) + env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) calc(clamp(18px, 3.5vw, 44px) + env(safe-area-inset-left));background:radial-gradient(60% 50% at 50% 35%, #7c3aed24, transparent 70%), linear-gradient(180deg, #08061280, #080612a8), var(--hub-bg-image,url(/startseite.jpg)) center / cover no-repeat fixed, var(--bg);flex-direction:column;gap:8px;display:flex}.hub-page__header{justify-content:space-between;align-items:center;width:100%;max-width:1800px;margin:0 auto;display:flex}.hub-page__header-left{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.hub-page__toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hub-page__header-actions{align-items:center;gap:10px;display:flex}.hub-page__header h1{font-size:calc(1.1rem * var(--kachel-schrift,1));letter-spacing:.06em;margin:0}.hub-page__header .btn{font-size:calc(.85rem * var(--kachel-schrift,1));padding:8px 16px}.hub-page__header .btn--primary{box-shadow:0 0 18px -2px #8a5cf6d9}.hub{flex-direction:column;flex:1;gap:8px;width:100%;max-width:1800px;min-height:0;margin:0 auto;display:flex;position:relative}.hub__layout-bar{z-index:5;gap:8px;display:flex;position:absolute;top:0;right:0}.statusbalken-liste{flex-direction:column;gap:7px;margin-top:6px;display:flex}.statusbalken{width:100%;height:var(--hp-bar-height,16px);font:inherit;cursor:pointer;background:linear-gradient(#c73535 0%,#8f1f1f 100%);border:1px solid #b42323;border-radius:6px;flex-shrink:0;padding:0;display:block;position:relative}.statusbalken--offen{outline-offset:1px;outline:2px solid #ffffff8c}.statusbalken-detail{font-size:calc(.72rem * var(--kachel-schrift,1));text-align:left;color:var(--text,#f2f2f5);background:#14121ad9;border:1px solid #b42323;border-radius:8px;flex-direction:column;gap:2px;margin-top:5px;padding:7px 9px;line-height:1.35;display:flex}.statusbalken-detail--gut{border-color:#a8841f}.statusbalken-detail__quelle{opacity:.7;font-style:italic}.statusbalken:after{content:"";pointer-events:none;will-change:opacity;border:2px solid #ff4d4d;border-radius:8px;animation:1.4s ease-in-out infinite statusbalken-blinken;position:absolute;inset:-2px;box-shadow:0 0 6px 1px #ff3c3cbf}.statusbalken--gut{background:linear-gradient(#d4a72c 0%,#8a6a14 100%);border-color:#a8841f}.statusbalken--gut:after{border-color:#ffd866;box-shadow:0 0 6px 1px #ffd866b3}.statusbalken__text{z-index:1;text-align:center;font-size:calc(.72rem * var(--kachel-schrift,1));line-height:var(--hp-bar-height,16px);color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000000e6,0 0 3px #0009;padding:0 6px;font-weight:600;display:block;position:relative;overflow:hidden}@keyframes statusbalken-blinken{0%,to{opacity:.15}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.statusbalken:after{opacity:.8;animation:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.zahnrad{position:relative}.zahnrad__knopf--offen{border-color:var(--accent)}.zahnrad__menue{z-index:50;border:1px solid var(--hub-tile-border,var(--panel-border));background:rgb(var(--hub-tile-rgb,21 17 38) / .96);border-radius:10px;flex-direction:column;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000073}.zahnrad__eintrag{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:10px 12px}.zahnrad__eintrag:hover,.zahnrad__eintrag:focus-visible{background:#ffffff14;outline:none}.hub__layout-toggle--aktiv{border-color:var(--accent);color:var(--accent)}.hub__layout-toggle svg{margin:auto;display:block}.hub__layout-toggle{border:1px solid var(--panel-border);width:30px;height:30px;font-size:calc(.95rem * var(--kachel-schrift,1));cursor:pointer;background:#1e1b26b3;border-radius:999px;line-height:1}.hub__opacity-control{border:1px solid var(--panel-border);height:30px;font-size:calc(.8rem * var(--kachel-schrift,1));background:#1e1b26b3;border-radius:999px;align-items:center;gap:4px;padding:0 10px;display:flex}.hub__color-control{border:1px solid var(--panel-border);height:30px;font-size:calc(.8rem * var(--kachel-schrift,1));cursor:pointer;background:#1e1b26b3;border-radius:999px;align-items:center;gap:4px;padding:0 8px;display:flex}.hub__color-control input[type=color]{cursor:pointer;background:0 0;border:none;width:22px;height:18px;padding:0}.hub__control-divider{background:var(--panel-border);width:1px;height:20px}.hub__color-control input[type=range]{width:60px;accent-color:var(--accent)}.hub__color-control select{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none}.hub__color-control select option{background:var(--panel);color:var(--text)}.hub__opacity-control input[type=range]{width:70px}.hub__layout-reset{border:1px solid var(--panel-border);font-size:calc(.78rem * var(--kachel-schrift,1));color:var(--text-muted);cursor:pointer;background:#1e1b26b3;border-radius:999px;padding:0 12px}.hub__canvas{width:100%;position:relative}.hub-tile{box-sizing:border-box;font-family:var(--hub-tile-font,inherit);font-weight:var(--hub-tile-weight,inherit);color:var(--hub-tile-text,var(--text));--text:var(--hub-tile-text,#ece9f1);--text-muted:color-mix(in srgb, var(--hub-tile-text,#ece9f1) 62%, transparent);position:absolute}.hub-tile__content{height:100%;overflow:hidden}.hub-tile__scale{width:100%;height:100%;font-size:calc(1rem * var(--kachel-schrift,1))}.hub-tile__scale>*{box-sizing:border-box;height:100%}.hub-tile--editable{outline-offset:2px;cursor:grab;touch-action:none;border-radius:14px;outline:1px dashed #b58cff99;padding-top:18px}.hub-tile--editable:active{cursor:grabbing}.hub-tile--editable button,.hub-tile--editable input,.hub-tile--editable select,.hub-tile--editable textarea,.hub-tile--editable a{cursor:auto}.hub-tile--editable button,.hub-tile--editable a{cursor:pointer}.hub-tile__drag-handle{z-index:3;height:18px;font-size:calc(.68rem * var(--kachel-schrift,1));color:var(--text-muted);border:1px solid var(--panel-border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#1e1b26d9;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:0 4px 0 8px;display:flex;position:absolute;top:0;left:0;right:0}.hub-tile__drag-handle:active{cursor:grabbing}.hub-tile__font-controls{gap:2px;display:flex}.hub-tile__font-btn{border:1px solid var(--panel-border);color:var(--text);font-size:calc(.62rem * var(--kachel-schrift,1));cursor:pointer;touch-action:none;background:#b58cff26;border-radius:4px;padding:2px 5px;line-height:1}.hub-tile__font-btn:hover{background:#b58cff4d}.hub-tile__resize-handle{background:var(--accent);cursor:nwse-resize;touch-action:none;z-index:2;border:2px solid #0a0812cc;border-radius:50%;width:18px;height:18px;position:absolute;bottom:-6px;right:-6px}@media (width<=1000px){.hub-tile{margin-bottom:8px;width:100%!important;height:auto!important;position:static!important}.hub__canvas{height:auto!important}.hub-tile__drag-handle,.hub-tile__resize-handle{display:none}}.hub__panel{background:rgb(var(--hub-tile-rgb,21 17 38) / var(--hub-tile-alpha,.52));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--hub-tile-border,var(--panel-border));text-align:left;border-radius:14px;padding:9px 14px;overflow-y:auto;box-shadow:0 0 0 1px #b58cff14,0 0 26px -14px #8a5cf699}.hub__panel h3{font-size:calc(.92rem * var(--kachel-schrift,1));text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:6px;margin:0 0 8px;display:flex}.hub__panel h4{font-size:calc(.7rem * var(--kachel-schrift,1));text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:8px 0 4px}.hub__panel-header{justify-content:space-between;align-items:baseline;display:flex}.hub__icon{filter:drop-shadow(0 0 6px #b58cffb3)}.hub__icon--light{filter:grayscale()brightness(2.6)drop-shadow(0 0 6px #ffffff80)}.hub__hero{background:linear-gradient(135deg,#2c1f4a,#4a2f6b 45%,#7a3f7a) 50%/cover;border-radius:14px;align-items:flex-end;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #b58cff40,0 0 36px -10px #8a5cf6bf}.hub__hero-overlay{background:linear-gradient(#0000 0%,#0a081240 35%,#0a0812c7 100%);width:100%;padding:14px 16px}.hub__hero-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:calc(var(--hub-action-size,14px) * .72);color:var(--hub-action-bg,var(--accent));text-shadow:0 0 12px var(--hub-action-bg,#b58cffcc);margin:0 0 2px}.hub__hero-name{font-size:calc(1.35rem * var(--kachel-schrift,1));color:#fff;text-shadow:0 2px 12px #0009;margin:0 0 10px}.hub__hero-actions{flex-wrap:wrap;gap:8px;display:flex}.hub__hero-actions .btn--primary{box-shadow:0 0 20px -2px #8a5cf6e6}.hub__cost-header{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.hub__cost-header h3{margin:0}.hub__cost-toggle{color:var(--accent);font-size:calc(.72rem * var(--kachel-schrift,1));cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0}.cost-brake{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;display:flex}.cost-brake__toggle{border:1px solid var(--border);color:var(--text-muted);font-size:calc(.72rem * var(--kachel-schrift,1));cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:999px;padding:3px 10px}.cost-brake__toggle:disabled{cursor:progress;opacity:.6}.cost-brake__toggle--on{border-color:var(--ok);color:var(--text)}.cost-brake__toggle:not(.cost-brake__toggle--on){border-color:var(--danger);color:var(--danger)}.cost-brake__limit{font-size:calc(.72rem * var(--kachel-schrift,1));color:var(--text-muted);align-items:center;gap:5px;display:flex}.cost-brake__limit input{width:3.6rem;font-size:calc(.72rem * var(--kachel-schrift,1));text-align:right;padding:2px 6px}.hub__cost-body{align-items:center;gap:14px;margin-bottom:6px;display:flex}.hub__cost-donut{border-radius:50%;flex-shrink:0;width:64px;height:64px;position:relative}.hub__cost-donut-hole{background:var(--bg);border-radius:50%;position:absolute;inset:11px}.hub__cost-legend{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hub__legend-item{font-size:calc(.92rem * var(--kachel-schrift,1));align-items:center;gap:6px;margin:0;display:flex}.hub__legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.hub__cost-figure{font-size:calc(1.9rem * var(--kachel-schrift,1));text-shadow:0 0 18px #b58cff73;margin-bottom:2px;font-weight:700}.hub__quest-chips{flex-wrap:wrap;gap:6px;display:flex}.hub__quest-chip{border:1px solid var(--panel-border);font-size:calc(.92rem * var(--kachel-schrift,1));color:var(--text);background:#14121a73;border-radius:999px;padding:3px 10px;display:inline-block}.hub__quest-chip--in_progress{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px -3px #8a5cf6cc}.hub__player-grid{flex-wrap:wrap;gap:10px;display:flex}@media (width<=700px){.hub__player-grid{flex-wrap:wrap}.hub__player-grid .hub-slot{flex-basis:calc(50% - 5px)!important}}.hub-slot{box-sizing:border-box;position:relative}.hub-slot--editable{outline-offset:2px;border-radius:10px;outline:1px dashed #b58cff99}.hub__player-owner{border:1px solid var(--hub-tile-border,var(--panel-border));background:rgb(var(--hub-tile-rgb,21 17 38) / calc(var(--hub-tile-alpha,.52) * 1.1));color:var(--text-muted);font-size:calc(.66rem * var(--kachel-schrift,1));letter-spacing:.06em;text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex-shrink:0;margin-bottom:4px;padding:1px 6px;display:block;overflow:hidden}.hub__player-card{box-sizing:border-box;background:rgb(var(--hub-tile-rgb,21 17 38) / calc(var(--hub-tile-alpha,.52) * .78));border:1px solid var(--hub-tile-border,var(--panel-border));border-radius:10px;flex-direction:column;gap:6px;height:100%;padding:9px;display:flex;overflow:hidden;box-shadow:0 0 14px -9px #8a5cf6b3}.hub__player-card--empty{opacity:.6;border-style:dashed}.hub__portrait-wrap{flex-shrink:0;width:100%;position:relative}.hub__portrait-resize-handle{background:var(--accent);cursor:ns-resize;touch-action:none;z-index:2;border:2px solid #0a0812cc;border-radius:6px;width:26px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.hub__player-portrait{object-fit:contain;object-position:center;background:#00000038;border-radius:8px;width:100%;height:100%}.hub__player-portrait--placeholder{font-size:calc(1.6rem * var(--kachel-schrift,1));color:var(--text-muted);justify-content:center;align-items:center;font-weight:700;display:flex}.hub__player-info{flex-direction:column;gap:3px;display:flex}.hub__player-name{font-weight:600;font-size:calc(1rem * var(--kachel-schrift,1))}.hub__player-meta{font-size:calc(.85rem * var(--kachel-schrift,1));color:var(--text-muted)}.hub__inventory-text{font-size:calc(.8rem * var(--kachel-schrift,1));color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;overflow:hidden}.hub__inventory-text--empty{opacity:.6;font-style:italic}.hub__event-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hub__event-item{font-size:calc(.9rem * var(--kachel-schrift,1));border-bottom:1px solid var(--panel-border);justify-content:space-between;gap:10px;padding-bottom:7px;display:flex}.hub__event-item:last-child{border-bottom:none;padding-bottom:0}.hub__event-description{flex:1}.hub__event-time{color:var(--text-muted);font-size:calc(.8rem * var(--kachel-schrift,1));white-space:nowrap}.hub__quick-actions{flex-wrap:wrap;gap:10px;display:flex}.hub__quick-action{background:rgb(var(--hub-tile-rgb,21 17 38) / var(--hub-tile-alpha,.5));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--hub-tile-border,var(--panel-border));min-width:140px;color:var(--text);font:inherit;font-size:calc(.85rem * var(--kachel-schrift,1));cursor:pointer;text-align:left;border-radius:10px;flex:1;padding:6px 14px;font-weight:600;box-shadow:0 0 0 1px #b58cff0f}.hub__quick-action:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 18px -6px #8a5cf6d9}.hub .btn{font-size:calc(.85rem * var(--kachel-schrift,1));padding:8px 16px}.hub__hero-actions .btn{padding:9px 18px}.play-page__header{justify-content:space-between;align-items:center;width:100%;max-width:1800px;margin:0 auto;display:flex}.play-page__header h1{font-size:calc(1.1rem * var(--kachel-schrift,1));letter-spacing:.06em;margin:0}.play-page .btn{font-size:calc(.85rem * var(--kachel-schrift,1));padding:8px 16px}.play-grid{width:100%;max-width:1800px;margin:0 auto;position:relative}@media (width<=1000px){.play-grid{height:auto!important}}.play-panel{box-sizing:border-box;flex-direction:column;height:100%;display:flex}.play-panel--chat{padding-bottom:9px}.play-panel--bare{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;padding-left:0;padding-right:0}.play-panel--chat .gm-chat{flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex}.play-panel--chat .gm-chat__log{flex:1;min-height:0;max-height:none}@media (width<=768px){.play-panel--chat .gm-chat__log{max-height:55vh}}.play-panel__characters,.play-panel__enemies{flex-flow:wrap;align-items:flex-start;gap:8px;display:flex;overflow-y:auto}.play-panel__characters .hub-slot>.play-character,.play-panel__enemies .hub-slot>.play-enemy{box-sizing:border-box;height:100%;overflow:hidden}.play-character{background:rgb(var(--hub-tile-rgb,21 17 38) / calc(var(--hub-tile-alpha,.52) * .78));border:1px solid var(--hub-tile-border,var(--panel-border));border-radius:10px;flex-direction:column;gap:4px;padding:8px;display:flex}.play-character__portrait{width:auto;max-width:100%;height:var(--play-portrait-height,70px);object-fit:contain;object-position:center;box-shadow:0 0 0 calc(1px * var(--play-glow-staerke,1)) color-mix(in srgb, var(--hub-glow-color,#8a5cf6) 90%, transparent), 0 0 calc(var(--play-portrait-height,70px) * .06 * var(--play-glow-staerke,1)) color-mix(in srgb, var(--hub-glow-color,#8a5cf6) 65%, transparent), 0 0 calc(var(--play-portrait-height,70px) * .13 * var(--play-glow-staerke,1)) color-mix(in srgb, var(--hub-glow-color,#8a5cf6) 42%, transparent), 0 0 calc(var(--play-portrait-height,70px) * .24 * var(--play-glow-staerke,1)) color-mix(in srgb, var(--hub-glow-color,#8a5cf6) 22%, transparent);background:#00000038;border-radius:8px;flex-shrink:0;align-self:center}.play-character__portrait--placeholder{width:100%;font-size:calc(1.4rem * var(--kachel-schrift,1));color:var(--text-muted);justify-content:center;align-items:center;font-weight:700;display:flex}.play-character__info{flex-direction:column;gap:3px;min-height:0;display:flex}.play-character__name{font-weight:600;font-size:calc(.95rem * var(--kachel-schrift,1))}.play-enemy{background:rgb(var(--hub-tile-rgb,21 17 38) / calc(var(--hub-tile-alpha,.52) * .78));border:1px solid var(--hub-tile-border,var(--panel-border));border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.create-page{box-sizing:border-box;background:radial-gradient(60% 50% at 50% 35%, #7c3aed24, transparent 70%), linear-gradient(180deg, #08061280, #080612a8), var(--hub-bg-image,url(/startseite.jpg)) center / cover no-repeat fixed, var(--bg);flex-direction:column;gap:8px;width:100%;min-height:100vh;padding:9px clamp(18px,3.5vw,44px) 32px;display:flex}.create-grid{width:100%;max-width:1400px;margin:0 auto;position:relative}.create-grid .create-panel{box-sizing:border-box;height:100%;overflow-y:auto}@media (width<=900px){.create-grid{grid-template-columns:1fr}}.create-panel{text-align:left;flex-direction:column;gap:10px;display:flex}.create-panel label{font-size:calc(.9rem * var(--kachel-schrift,1));color:var(--text-muted);flex-direction:column;gap:6px;display:flex}.create-panel label.character-select-list__item{flex-direction:row;align-items:center;gap:8px}.create-panel input,.create-panel select{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);font:inherit;border-radius:6px;padding:8px 10px}.create-panel input:focus,.create-panel select:focus{border-color:var(--accent);outline:none}.create-grid__actions{flex:0 0 100%;justify-content:center;padding:8px 0;display:flex}.hub-page .btn--primary,.play-page .btn--primary{background:var(--hub-action-bg,var(--accent-strong));border-color:var(--hub-action-bg,var(--accent-strong));color:var(--hub-action-text,#fff);font-size:var(--hub-action-size,.85rem);box-shadow:0 0 18px -2px var(--hub-action-bg,var(--accent-strong))}.hub-page--fog:before,.hub-page--fog:after{content:"";z-index:0;pointer-events:none;will-change:transform;background-repeat:repeat-x;width:200vw;height:130vh;position:fixed;top:-15vh;left:-50vw}.hub-page--fog:before{background-image:radial-gradient(420px 190px at 30% 42%,#cac2e410 0 36%,#0000 74%),radial-gradient(240px 130px at 68% 74%,#d6ceec0d 0 32%,#0000 78%);background-size:1310px 100%,655px 100%;animation:190s linear infinite hub-fog-left,43s ease-in-out infinite hub-fog-breathe-a}.hub-page--fog:after{background-image:radial-gradient(760px 260px at 62% 30%,#bab4d60b 0 30%,#0000 78%),radial-gradient(380px 150px at 22% 62%,#c4bede0a 0 34%,#0000 76%);background-size:1730px 100%,865px 100%;animation:260s linear infinite hub-fog-right,67s ease-in-out infinite hub-fog-breathe-b}@keyframes hub-fog-left{0%{transform:translate(0,0)}12%{transform:translate(-210px,-7px)}26%{transform:translate(-290px,4px)}45%{transform:translate(-640px,-11px)}62%{transform:translate(-745px,6px)}80%{transform:translate(-1120px,-4px)}to{transform:translate(-1310px)}}@keyframes hub-fog-right{0%{transform:translate(0,0)}15%{transform:translate(390px,6px)}31%{transform:translate(480px,-5px)}52%{transform:translate(980px,9px)}68%{transform:translate(1075px,-6px)}86%{transform:translate(1520px,3px)}to{transform:translate(1730px)}}@keyframes hub-fog-breathe-a{0%,to{opacity:.5}50%{opacity:1}}@keyframes hub-fog-breathe-b{0%,to{opacity:.95}50%{opacity:.45}}.hub-page>*{z-index:1;position:relative}.hub-page__header,.play-page__header{z-index:3}@media (prefers-reduced-motion:reduce){.hub-page--fog:before,.hub-page--fog:after{animation:none}}.hub-storm{pointer-events:none;position:fixed;inset:0;overflow:hidden}.hub-page>.hub-storm{z-index:0}.hub-storm:before,.hub-storm:after{content:"";opacity:0;will-change:opacity;position:absolute;inset:0}.hub-storm:before{background:radial-gradient(66vw 96vh at -9% 38%,#c6d6ff9e 0 20%,#0000 76%);animation:47s linear infinite hub-storm-left}.hub-storm:after{background:radial-gradient(58vw 90vh at 109% 64%,#cedcff8c 0 18%,#0000 74%);animation:71s linear infinite hub-storm-right}@keyframes hub-storm-left{0%,6.6%{opacity:0}6.9%{opacity:.55}7.3%{opacity:.08}7.6%{opacity:.8}9.2%{opacity:0}37.8%{opacity:0}38.1%{opacity:.42}39.6%{opacity:0}70.9%{opacity:0}71.2%{opacity:.3}71.6%{opacity:.62}73.4%{opacity:0}to{opacity:0}}@keyframes hub-storm-right{0%,18.4%{opacity:0}18.7%{opacity:.5}20.1%{opacity:0}52.3%{opacity:0}52.5%{opacity:.34}52.9%{opacity:.07}53.2%{opacity:.7}55.1%{opacity:0}88.6%{opacity:0}88.9%{opacity:.4}90.7%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hub-storm:before,.hub-storm:after{animation:none}}.hub-page .character-card,.hub-page .campaign-list__item,.hub-page .create-panel{background:rgb(var(--hub-tile-rgb,21 17 38) / var(--hub-tile-alpha,.52));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--hub-tile-border,var(--panel-border));font-family:var(--hub-tile-font,inherit);font-weight:var(--hub-tile-weight,inherit);color:var(--hub-tile-text,var(--text));--text:var(--hub-tile-text,#ece9f1);--text-muted:color-mix(in srgb, var(--hub-tile-text,#ece9f1) 62%, transparent)}.hub-page .screen__header h1,.hub-page .screen__subheading,.hub-page .create-page__header h1{color:var(--hub-tile-text,var(--text));font-family:var(--hub-tile-titel,var(--schrift-titel))}.mic-settings{border:1px solid var(--hub-tile-border,var(--panel-border));background:rgb(var(--hub-tile-rgb,21 17 38) / calc(var(--hub-tile-alpha,.52) * 1.2));border-radius:10px;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px 12px;display:flex}.mic-settings__row{font-size:calc(.8rem * var(--kachel-schrift,1));color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;display:flex}.lautstaerke__wert{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em}.mic-settings__row input[type=range]{flex:1;min-width:0}.mic-settings__row select{background:var(--bg);border:1px solid var(--panel-border);min-width:0;color:var(--text);font:inherit;font-size:calc(.8rem * var(--kachel-schrift,1));border-radius:6px;flex:1;padding:4px 8px}.mic-settings__level{background:var(--bg);border:1px solid var(--panel-border);border-radius:999px;height:8px;overflow:hidden}.mic-settings__level-fill{background:#44d62c;height:100%;transition:width .1s linear}.cost-total{font-size:calc(.78rem * var(--kachel-schrift,1));color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;display:flex}.cost-total__all{opacity:.75}.cost-total__reset{border:1px solid var(--panel-border);color:var(--text-muted);font-size:calc(.72rem * var(--kachel-schrift,1));cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:1px 9px}.cost-total__reset:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.cost-total__reset:disabled{opacity:.5;cursor:progress}.backup-actions{margin:10px 0 16px}.backup-list{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.backup-list__item{border:1px solid var(--panel-border);background:#15112680;border-radius:10px;grid-template-columns:11em 1fr auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.backup-list__zeit{font-variant-numeric:tabular-nums}.backup-list__grund{color:var(--text-muted);font-size:calc(.9rem * var(--kachel-schrift,1))}.backup-list__groesse{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:calc(.9rem * var(--kachel-schrift,1))}@media (width<=640px){.backup-list__item{grid-template-columns:1fr auto}}.play-tile--chat .hub-tile__scale{position:relative}.play-tile--chat .hub-tile__content{overflow:visible}.gm-glow{pointer-events:none;opacity:0;--glut:var(--hub-glow-color,#8a5cf6);--glut-hell:color-mix(in srgb, var(--glut) 55%, #fff);--glut-80:color-mix(in srgb, var(--glut) 80%, transparent);--glut-55:color-mix(in srgb, var(--glut) 55%, transparent);--glut-35:color-mix(in srgb, var(--glut) 35%, transparent);--glut-18:color-mix(in srgb, var(--glut) 18%, transparent);--glut-10:color-mix(in srgb, var(--glut) 10%, transparent);--takt:2.6s;--kurve:cubic-bezier(.37, 0, .63, 1);transition:opacity .5s;position:absolute;inset:0}.gm-glow--an{opacity:1}.gm-glow>*{will-change:opacity;border-radius:14px;position:absolute;inset:0}.gm-glow__hauch{box-shadow:0 0 44px 6px var(--glut-10), 0 0 68px 14px var(--glut-10)}.gm-glow__bloom{box-shadow:0 0 4px 0 var(--glut-55), 0 0 10px 0 var(--glut-35), 0 0 20px 2px var(--glut-18), 0 0 32px 4px var(--glut-10)}.gm-glow__innen{box-shadow:inset 0 0 12px -4px var(--glut-35), inset 0 0 28px -12px var(--glut-18)}.gm-glow__ring{border:2px solid var(--glut-80)}.gm-glow__kern{border:1px solid var(--glut-hell)}.gm-glow--an .gm-glow__hauch,.gm-glow--an .gm-glow__bloom{animation:gm-puls-weit var(--takt) var(--kurve) infinite}.gm-glow--an .gm-glow__innen,.gm-glow--an .gm-glow__ring{animation:gm-puls-mittel var(--takt) var(--kurve) infinite}.gm-glow--an .gm-glow__kern{animation:gm-puls-eng var(--takt) var(--kurve) infinite}@keyframes gm-puls-weit{0%,to{opacity:.28}50%{opacity:1}}@keyframes gm-puls-mittel{0%,to{opacity:.52}50%{opacity:1}}@keyframes gm-puls-eng{0%,to{opacity:.72}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.gm-glow--an>*{opacity:.85;animation:none}}.glow-palette{align-items:center;gap:4px;display:inline-flex}.glow-palette__icon{margin-right:2px}.glow-palette__swatch{background:var(--swatch);cursor:pointer;width:16px;height:16px;box-shadow:0 0 6px -1px var(--swatch);border:1px solid #ffffff40;border-radius:50%;padding:0;transition:transform .12s,box-shadow .2s}.glow-palette__swatch:hover{transform:scale(1.18)}.glow-palette__swatch--aktiv{box-shadow:0 0 9px 0 var(--swatch);border-color:#fff;transform:scale(1.18)}.glow-palette__eigene{align-items:center;display:inline-flex}.glow-palette__eigene input[type=color]{cursor:pointer;background:0 0;border:1px dashed #ffffff59;border-radius:50%;width:18px;height:18px;padding:0}.hub__unten-schalter{font-size:calc(.78rem * var(--kachel-schrift,1));color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.hub__unten-schalter input{cursor:pointer;accent-color:var(--hub-glow-color,#8a5cf6)}.play-begleiter{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:8px;min-height:0;margin:4px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.play-begleiter__eintrag{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.play-begleiter__name{font-weight:600;font-size:calc(.92rem * var(--kachel-schrift,1))}.kontingent{border-top:1px solid #ffffff14;flex-direction:column;gap:3px;margin-top:8px;padding-top:8px;display:flex}.kontingent__zeile{font-size:calc(.82rem * var(--kachel-schrift,1));color:var(--text-muted);justify-content:space-between;gap:10px;display:flex}.kontingent__zahl{font-variant-numeric:tabular-nums;color:var(--text)}.character-form__ausruestung{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.character-form__ausruestung-titel{font-size:calc(.9rem * var(--kachel-schrift,1));color:var(--text-muted)}.werte{border:1px solid var(--panel-border);background:var(--panel);border-radius:8px;flex-direction:column;gap:6px;min-width:0;margin:0;padding:10px 12px;display:flex}.werte__titel{background:var(--panel);font-size:calc(.9rem * var(--kachel-schrift,1));color:var(--text-muted);border-radius:6px;padding:2px 8px}.werte__frei{color:var(--accent);margin-left:6px}.werte__frei--zuviel{color:var(--danger)}.werte__zeile{align-items:center;gap:8px;display:flex}.werte__name{min-width:0;color:var(--text);flex-direction:column;flex:1;display:flex}.werte__wirkung{font-size:calc(.72rem * var(--kachel-schrift,1));color:var(--text-muted)}.werte__knopf{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.werte__zahl{text-align:center;font-variant-numeric:tabular-nums;width:1.6em;font-weight:700}.werte__ergebnis{color:var(--text-muted);margin:0}.werte__ergebnis strong{color:var(--text)}.character-card__werte{font-size:calc(.8rem * var(--kachel-schrift,1));color:var(--text-muted);margin:4px 0 0}.btn__sanduhr{vertical-align:-.1em;will-change:transform;border:2px solid;border-right-color:#0000;border-radius:50%;width:.85em;height:.85em;margin-right:.5em;animation:.8s linear infinite btn-dreht;display:inline-block}@keyframes btn-dreht{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn__sanduhr{opacity:.6;animation:none}}.figurkarte{max-width:100%;color:inherit;font:inherit;cursor:pointer;perspective:700px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;align-self:center;padding:0;position:relative}.figurkarte:disabled{cursor:default}.figurkarte__innen{transform-style:preserve-3d;will-change:transform;transition:transform .6s cubic-bezier(.3,.7,.3,1);display:grid;position:relative}.figurkarte--gedreht .figurkarte__innen{transform:rotateY(180deg)}.figurkarte__vorne,.figurkarte__hinten{backface-visibility:hidden;grid-area:1/1}.figurkarte__vorne{justify-content:center;display:flex}.figurkarte__hinten{border-radius:8px;place-items:center;display:grid;transform:rotateY(180deg)}.figurkarte--gedreht .figurkarte__vorne{visibility:hidden}.figurkarte--gedreht .figurkarte__hinten{width:max(var(--play-portrait-height,70px), 150px);height:max(var(--play-portrait-height,70px), 150px)}.lobby-qr--kompakt{width:100%;height:100%;display:block;position:relative}.lobby-qr--kompakt .lobby-qr__code{border-radius:8px;width:100%;height:100%;padding:6px}.lobby-qr__warnung{color:#ffb4b4;background:#000000bf;border-radius:4px;padding:0 4px;font-size:.65rem;position:absolute;bottom:4px;left:4px}.figurkarte__handy{z-index:2;pointer-events:none;background:#0a080eb8;border-radius:6px;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:3px;right:3px}.figurkarte__handy svg{width:10px;height:15px}.figurkarte__handy svg rect:first-child{fill:#8a8594}.figurkarte__handy-display{fill:#0a080ed9}.figurkarte__handy--an{box-shadow:0 0 8px #4ade80bf}.figurkarte__handy--an svg rect:first-child{fill:#4ade80}@media (prefers-reduced-motion:reduce){.figurkarte__innen{transition:none}}.play-character{position:relative}.play-character--wuerfeln:before{content:"";z-index:4;pointer-events:none;border:3px solid #ffd76a;border-radius:14px;animation:1.1s ease-in-out infinite tisch-wuerfeln;position:absolute;inset:2px;box-shadow:0 0 22px #ffd76abf}@keyframes tisch-wuerfeln{0%,to{opacity:.15}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.play-character--wuerfeln:before{opacity:.9;animation:none}}.play-character--dran:before{content:"";z-index:4;pointer-events:none;border:3px solid #7ee7a5;border-radius:14px;animation:1.6s ease-in-out infinite tisch-wuerfeln;position:absolute;inset:2px;box-shadow:0 0 22px #7ee7a5b3}.play-character--wuerfeln.play-character--dran:before{border-color:#ffd76a;animation-duration:1.1s;box-shadow:0 0 22px #ffd76abf}.play-character__wurf{z-index:3;border:2px solid var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#14121aeb;border-radius:999px;padding:6px 14px;font-size:1.6rem;font-weight:800;animation:.6s cubic-bezier(.2,.9,.3,1.4) both tisch-wurf;position:absolute;top:18%;left:50%;transform:translate(-50%)}.play-character__wurf--krit{color:#ffe27a;border-color:#ffc83d;box-shadow:0 0 18px #ffc83cb3}.play-character__wurf--patzer{color:#ff8a8a;border-color:#ff4d4d;box-shadow:0 0 18px #ff3c3c99}@keyframes tisch-wurf{0%{opacity:0;transform:translate(-50%)scale(.3)rotate(-30deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.play-character__wurf{animation:none}}.play-character__meldung{z-index:3;border:1px solid var(--panel-border);font-size:calc(.72rem * var(--kachel-schrift,1));text-align:center;pointer-events:none;background:#14121aeb;border-radius:8px;padding:4px 8px;animation:.4s ease-out both tisch-meldung;position:absolute;bottom:6px;left:6px;right:6px}@keyframes tisch-meldung{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.play-character__meldung{animation:none}}.gm-chat__schloss{gap:10px}.gm-chat__schloss input{flex:1}.gm-chat__beginnen{color:#fff;background:linear-gradient(135deg,#8b4dff,#6425d0);border:none;flex:1;padding:12px;font-size:1.05rem;font-weight:600;box-shadow:0 0 22px #7c3aed73}.gm-chat__beginnen:hover{filter:brightness(1.08)}.play-bild-vollbild{z-index:60;color:#fff;font:inherit;cursor:pointer;background:#08060ceb;border:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:1.3rem;animation:.4s ease-out play-bild-auf;display:flex;position:fixed;inset:0}.play-bild-vollbild img{border-radius:18px;max-width:min(90vw,900px);max-height:78vh;box-shadow:0 20px 60px #0009}@keyframes play-bild-auf{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.play-bild-vollbild{animation:none}}.play-character__krone{z-index:5;filter:drop-shadow(0 2px 4px #000c);pointer-events:none;font-size:1.5rem;line-height:1;position:absolute;top:4px;left:6px}.wuerfelzeile{--wz:var(--wuerfelzeile-groesse,64px);justify-content:center;align-items:center;gap:calc(var(--wz) * .12);max-width:100%;font-size:max(.7rem, calc(var(--wz) * .24));color:var(--text-muted);flex-wrap:wrap;display:flex}.wuerfelzeile__zeit{white-space:nowrap}.wuerfelzeile__wuerfel{flex:none;position:relative;overflow:visible}.wuerfelzeile__massstab{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.wuerfelzeile--liegt .wuerfelzeile__zeit{color:var(--text);font-variant-numeric:tabular-nums}.wuerfelzeile__reset{width:max(24px, calc(var(--wz) * .44));height:max(24px, calc(var(--wz) * .44));border:1px solid var(--panel-border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.1em;line-height:1;display:inline-flex}.wuerfelzeile__reset:hover:not(:disabled){border-color:var(--accent)}.wuerfelzeile__reset:disabled{opacity:.5;cursor:default}.abschluss{z-index:1000;color:#f3eee4;background:#000;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0;overflow:hidden}.abschluss__bilder,.abschluss__schleier{position:absolute;inset:0}.abschluss__bild{object-fit:contain;opacity:0;will-change:opacity;width:100%;height:100%;transition:opacity 1.6s;position:absolute;inset:0}.abschluss__bild--sichtbar{opacity:1}.abschluss__schleier{background:linear-gradient(#0000 30%,#0000008c 62%,#000000e0 100%)}.abschluss__inhalt{text-align:center;width:min(900px,100%);padding:24px 16px 32px;position:relative}.abschluss__ueber{letter-spacing:.4em;text-transform:uppercase;opacity:.75;margin:0;font-size:.8rem}.abschluss__titel{margin:4px 0 12px;font-size:clamp(1.8rem,4vw,3rem)}.abschluss__epilog{max-width:60ch;margin:0 auto 12px;font-size:1.05rem;line-height:1.55}.abschluss__bildtitel,.abschluss__hinweis{opacity:.75;margin:0 0 12px;font-size:.85rem}.abschluss__gruppe{flex-wrap:wrap;justify-content:center;gap:16px;margin:8px 0 20px;padding:0;list-style:none;display:flex}.abschluss__gruppe li{flex-direction:column;align-items:center;gap:4px;width:96px;display:flex}.abschluss__gruppe img,.abschluss__platzhalter{object-fit:cover;border:2px solid #fff9;border-radius:50%;width:72px;height:72px}.abschluss__platzhalter{background:#ffffff1f;justify-content:center;align-items:center;font-size:1.6rem;display:flex}.abschluss__gruppe small{opacity:.7}.campaign-list__beendet{border:1px solid var(--accent);white-space:nowrap;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.8em}.guthaben__anmeldung{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.guthaben__anmeldung input{color:inherit;background:#00000059;border:1px solid #ffffff40;border-radius:8px;min-width:12rem;padding:.5rem .75rem}.guthaben__karte{background:#0000004d;border:1px solid #ffffff26;border-radius:12px;margin-bottom:1rem;padding:1rem}.guthaben__zeile{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.guthaben__name{min-width:0;font-size:1.15rem;font-weight:600;display:grid}.guthaben__email{color:var(--text-muted);overflow-wrap:anywhere;font-size:.78rem;font-weight:400}.guthaben__stand{font-variant-numeric:tabular-nums;font-size:1.25rem}.guthaben__stand--minus{color:#ff6b6b}.guthaben__aktionen{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.guthaben__anmeldung-zeile{margin-top:.5rem}.guthaben__aktionen.guthaben__anmeldung-zeile input[type=text]{width:17rem}.guthaben__aktionen .guthaben__spielleiter input{width:auto;margin:0}.guthaben__loeschen{margin-left:auto}.guthaben__spielleiter{cursor:pointer;align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.guthaben__anmeldung-status{opacity:.8;min-width:11rem;font-size:.85rem}.guthaben__aktionen input{width:9rem;color:inherit;background:#00000059;border:1px solid #ffffff40;border-radius:8px;padding:.45rem .6rem}.guthaben__verlauf{opacity:.85;margin:.75rem 0 0;padding:0;font-size:.9rem;list-style:none}.guthaben__verlauf li{font-variant-numeric:tabular-nums;border-top:1px solid #ffffff14;grid-template-columns:11rem 1fr auto;gap:.5rem;padding:.2rem 0;display:grid}.guthaben__hinweis{opacity:.8;max-width:48rem;line-height:1.5}@media (width<=600px){.guthaben__verlauf li{grid-template-columns:1fr auto}}.tor__hinweis{z-index:50;color:#ffe2a8;text-align:center;background:#5a3d0a;padding:.6rem 1rem;font-size:.9rem;position:sticky;top:0}.wb.screen{box-sizing:border-box;width:100%;max-width:1200px}.wb__leiste{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.wb__leiste select,.wb__leiste input,.wb__editor input,.wb__editor select,.wb__editor textarea{border:1px solid var(--panel-border);color:var(--text);font:inherit;background:#00000059;border-radius:8px;padding:10px 12px}.wb__leiste input{flex:1;min-width:200px}.wb__rahmen{grid-template-columns:210px 1fr;align-items:start;gap:20px;display:grid}.wb__nav{gap:4px;display:grid;position:sticky;top:16px}.wb__navpunkt{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:9px 12px}.wb__navpunkt:hover{background:#ffffff0d}.wb__navpunkt--aktiv{background:var(--panel);border-color:var(--accent)}.wb__seite{gap:12px;min-width:0;display:grid}.wb__eintrag{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;gap:14px;padding:14px 16px;transition:border-color .3s;display:flex}.wb__eintrag--markiert{border-color:var(--accent);box-shadow:0 0 0 2px #b58cff40}.wb__bild{object-fit:cover;border-radius:10px;flex-shrink:0;width:88px;height:88px}.wb__inhalt{flex:1;min-width:0}.wb__inhalt h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;display:flex}.wb__meta{color:var(--text-muted);margin:0 0 6px;font-size:.88rem}.wb__leer{color:var(--text-muted)}.wb__text p,.wb__text ul{margin:0 0 8px}.wb__text h3,.wb__text h4,.wb__text h5{margin:12px 0 6px}.wb__zwischen{color:var(--text-muted);margin:16px 0 0;font-size:1.05rem}.wb__marke{color:var(--text-muted);background:#ffffff14;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:500}.wb__marke--tot,.wb__marke--gescheitert{color:var(--danger)}.wb__marke--abgeschlossen{color:var(--ok)}.wb__verweis{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wb__verweis--leer{color:var(--text-muted);cursor:help}.wb__klein{border:1px solid var(--panel-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:2px 8px;font-size:.8rem}.wb__geheimnis{background:#ff6b6b1a;border:1px solid #ff6b6b59;border-radius:8px;margin-top:8px;padding:8px 10px}.wb__kapitel,.wb__geschehen,.wb__treffer{gap:6px;margin:0;padding-left:22px;display:grid}.wb__kapitel--erledigt strong{opacity:.7;text-decoration:line-through}.wb__kapitel--laeuft strong{color:var(--accent)}.wb__neu{justify-self:start}.wb__editor{background:var(--panel);border:1px solid var(--accent);border-radius:12px;gap:10px;padding:14px;display:grid}.wb__editor-zeile{flex-wrap:wrap;gap:10px;display:flex}.wb__editor-zeile input{flex:1;min-width:200px}.wb__editor textarea{resize:vertical;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.92rem}@media (width<=760px){.wb__rahmen{grid-template-columns:1fr}.wb__nav{display:flex;position:static;overflow-x:auto}.wb__navpunkt{white-space:nowrap}}.countdown{color:#f6dfae;background:#281c0ab8;border:1px solid #e8b85c8c;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px;padding:8px 12px;font-size:.95rem;display:flex}.countdown__symbol{font-size:1.1rem}.countdown__was{flex:12em;min-width:0;font-weight:600}.countdown__rest{font-family:var(--schrift-titel);white-space:nowrap;font-weight:700}.countdown__kaestchen{flex-basis:100%;gap:3px;display:flex}.countdown__k{background:#f6dfae26;border-radius:3px;flex:1;max-width:28px;height:6px}.countdown__k--an{background:#e8b85c;box-shadow:0 0 6px #e8b85c99}.countdown--knapp{color:#ffd6d6;background:#3c0c10c7;border-color:#ff6b6bbf;animation:1.6s ease-in-out infinite countdown-puls}.countdown--knapp .countdown__k--an{background:var(--danger);box-shadow:0 0 8px #ff6b6bb3}@keyframes countdown-puls{50%{box-shadow:0 0 16px #ff6b6b8c}}@media (prefers-reduced-motion:reduce){.countdown--knapp{animation:none}}.kapitelkarte{z-index:60;color:var(--text);cursor:pointer;background:radial-gradient(#0b0916c7 0%,#0b091659 70%,#0000 100%);border:none;place-items:center;padding:24px;animation:6s ease-in-out forwards kapitelkarte-ein;display:grid;position:fixed;inset:0}.kapitelkarte__inhalt{text-align:center;flex-direction:column;align-items:center;gap:14px;animation:6s ease-out forwards kapitelkarte-schweben;display:flex}.kapitelkarte__nummer{font-family:var(--schrift-titel);letter-spacing:.35em;text-transform:uppercase;color:var(--accent);font-size:clamp(1rem,2.2vw,1.5rem)}.kapitelkarte__linie{background:linear-gradient(90deg,#0000,#e8b85c,#0000);width:min(320px,60vw);height:2px}.kapitelkarte__titel{max-width:900px;font-family:var(--schrift-titel);color:#f6dfae;text-shadow:0 0 24px #b98cff8c,0 2px 6px #000c;font-size:clamp(1.8rem,5vw,3.6rem);font-weight:700;line-height:1.15}@keyframes kapitelkarte-ein{0%{opacity:0}12%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes kapitelkarte-schweben{0%{transform:scale(.94)translateY(8px)}to{transform:scale(1.02)translateY(0)}}@media (prefers-reduced-motion:reduce){.kapitelkarte,.kapitelkarte__inhalt{animation:none}}.rueckblick-frage{border:1px solid var(--panel-border);border-left:3px solid var(--accent);background:#151126d9;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:8px;padding:10px 12px;display:flex}.rueckblick-frage__text{color:var(--text);margin:0;font-size:.95rem}.rueckblick-frage__knoepfe{flex-wrap:wrap;gap:8px;display:flex}.rueckblick-frage__fehler{color:var(--danger);margin:0;font-size:.9rem}.handy{box-sizing:border-box;max-width:520px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 0%, var(--glanz,#8a5cf62e), transparent 70%), var(--bg);color:var(--text);--hp-bar-height:22px;flex-direction:column;gap:14px;margin:0 auto;display:flex}.handy--laden{text-align:center;justify-content:center;align-items:center}.handy__kopf{align-items:center;gap:14px;display:flex}.handy__bild-knopf{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:14px;padding:0;position:relative}.handy__bild-knopf:active .handy__bild{transform:scale(.96)}.handy__bild-kamera{background:var(--tiefe,#14161eeb);border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.72rem;display:grid;position:absolute;bottom:-4px;right:-4px}.handy__bild-feld{display:none}.handy__bild{object-fit:cover;border:1px solid var(--panel-border);border-radius:14px;flex-shrink:0;width:72px;height:72px;transition:transform .12s}.handy__bild--leer{background:var(--panel);place-items:center;font-size:2rem;display:grid}.handy__titel h1{margin:0;font-size:1.5rem;line-height:1.1}.handy__titel p{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.handy__balken{flex-direction:column;gap:6px;display:flex}.handy__aktionen{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;flex-direction:column;align-items:stretch;gap:10px;padding:14px;display:flex}.handy__mikro{min-height:64px;font:inherit;color:var(--auf-akzent,#fff);background:linear-gradient(135deg, var(--accent-strong), var(--accent-tief,#5b3bb0));touch-action:manipulation;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-weight:600;display:flex}.handy__mikro:disabled{opacity:.55}.handy__mikro--an{background:linear-gradient(135deg,#d23c3c,#8f1f1f)}.handy__mikro-symbol{font-size:1.6rem}.handy__mikro--an .handy__mikro-symbol{animation:1s ease-in-out infinite handy-puls}@keyframes handy-puls{50%{transform:scale(1.18)}}.handy__gesendet{color:var(--text-muted);text-align:center;margin:0;font-size:.9rem;font-style:italic}.handy__reiter{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.handy__reiter button{border:1px solid var(--panel-border);min-height:44px;color:var(--text-muted);font-size:.85rem;font:inherit;background:0 0;border-radius:12px;padding:0 4px}.handy__reiter button.aktiv{background:var(--panel);color:var(--text);border-color:var(--accent)}.handy__karte{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:12px 14px}.handy__werte{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.handy__werte li{align-items:center;gap:8px;min-width:0;display:flex}.handy__wert--null{opacity:.45}.handy__wert-zahl{text-align:center;font-variant-numeric:tabular-nums;background:var(--akzent-hauch,#b58cff26);width:2.4em;color:var(--accent);border-radius:8px;flex-shrink:0;padding:4px 0;font-weight:700}.handy__wert-zahl--gut{color:#ffd76a;background:#e6b45038}.handy__wert-zahl--schlecht{color:#ff9d9d;background:#dc464633}.handy__wert-name{flex-direction:column;min-width:0;font-size:.9rem;display:flex}.handy__wert-name small{color:var(--text-muted);font-size:.7rem;line-height:1.2}.handy__merkmale{flex-wrap:wrap;gap:6px;margin:12px 0 0;display:flex}.handy__merkmal{color:#f0c870;background:#e6b45026;border-radius:999px;padding:4px 10px;font-size:.85rem}.handy__ort{color:var(--text-muted);margin:10px 0 0}.handy__last{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:6px;margin:0 0 10px;display:flex}.handy__last--voll{color:var(--danger)}.handy__inventar{margin:0;padding:0;list-style:none}.handy__inventar li{color:var(--text-muted);border-top:1px solid #ffffff0f;justify-content:space-between;gap:10px;padding:8px 0;display:flex}.handy__inventar li small{opacity:.7;flex-shrink:0}.handy__inventar .handy__item--angelegt{color:var(--text)}.probe{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:10px 12px}.probe__kopf{color:var(--text-muted);text-align:center;margin:0 0 8px;font-size:.8rem}.probe__spalten{grid-template-columns:1fr 1fr;gap:10px;display:grid}.probe__spalte{background:var(--tiefe,#14161e80);border-radius:10px;min-width:0;padding:8px}.probe__titel{color:var(--text-muted);margin:0;font-size:.78rem}.probe__summe{font-variant-numeric:tabular-nums;margin:2px 0 6px;font-size:1.7rem;font-weight:800;line-height:1}.probe__posten{color:var(--text-muted);flex-direction:column;gap:2px;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.probe__ausgang{text-align:center;letter-spacing:.02em;margin:8px 0 0;font-weight:700}.probe__ausgang--erfolg{color:#7ee7a5}.probe__ausgang--misserfolg{color:#ff9d9d}.probe__ausgang--kritisch{color:#ffd76a}.probe__ausgang--patzer{color:#ff6b6b}.handy__notausgang{border:1px dashed var(--panel-border);color:var(--text-muted);border-radius:12px;margin-top:4px;padding:8px 12px;font-size:.85rem}.handy__notausgang>summary{cursor:pointer;padding:6px 0;list-style-position:inside}.handy__notausgang-text{margin:4px 0 8px;line-height:1.35}.handy__notausgang .handy__weiter{width:100%}.handy__weiter{border:1px dashed var(--panel-border);min-height:40px;color:var(--text-muted);font:inherit;background:0 0;border-radius:12px;padding:0 12px;font-size:.85rem}.handy__weiter:disabled{opacity:.6}.handy__dran{background:var(--accent);color:var(--auf-akzent,#fff);text-align:center;letter-spacing:.02em;border-radius:12px;margin:0;padding:8px 10px;font-weight:700}.handy__wartender-zug{background:var(--akzent-hauch,#b58cff26);border:1px solid var(--accent);text-align:center;border-radius:14px;padding:10px 12px}.handy__wartender-zug-text{margin:0;font-style:italic}.handy__wartender-zug-hinweis{color:var(--text-muted);margin:6px 0 0;font-size:.85rem}.handy__wartender-zug-weg{border:1px solid var(--panel-border);min-height:36px;color:var(--text-muted);font:inherit;background:0 0;border-radius:10px;margin-top:8px;padding:0 14px}.handy__tippen{align-items:flex-end;gap:8px;display:flex}.handy__tippen-feld{resize:none;border:1px solid var(--panel-border);background:var(--tiefe,#14161e99);min-width:0;min-height:44px;max-height:200px;color:var(--text);line-height:1.35;font:inherit;border-radius:12px;flex:1;padding:8px 12px;font-size:16px;overflow-y:auto}.handy__tippen-feld:disabled{opacity:.55}.handy__tippen-knopf{background:var(--accent-strong,#7b4fd8);min-height:44px;color:var(--auf-akzent,#fff);font:inherit;border:none;border-radius:12px;flex-shrink:0;padding:0 16px;font-weight:600}.handy__tippen-knopf:disabled{opacity:.45}.handy__mikro-hinweis{background:var(--akzent-hauch,#b58cff26);border:1px solid var(--panel-border);color:var(--text);text-align:center;border-radius:12px;margin:0;padding:8px 10px;font-size:.85rem;line-height:1.35}.handy__fehler{color:var(--danger);text-align:center;margin:0}.w20-buehne{flex-direction:column;align-items:center;gap:2px;display:flex}.w20{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;perspective:620px;--ton:var(--w20-ton,248);--saettigung:var(--w20-saettigung,68%);--ton-kante:var(--w20-ton-kante,var(--ton));--saettigung-kante:var(--w20-saettigung-kante,85%);--hell-kante:var(--w20-hell-kante,26%);--spanne-kante:var(--w20-spanne-kante,44%);--hell-stein:var(--w20-hell-stein,12%);--spanne-stein:var(--w20-spanne-stein,26%);background:0 0;border:none;width:200px;height:218px;padding:0;position:relative}.w20:disabled{opacity:.5}.w20--gelandet:disabled{opacity:1}.w20__boden{width:150px;height:26px;margin-left:-75px;position:absolute;bottom:4px;left:50%}.w20__schatten{will-change:transform, opacity;background:radial-gradient(closest-side,#000000b3,#0000);border-radius:50%;position:absolute;inset:4px 12px}.w20__staub{opacity:0;border:2px solid #ffdcbe73;border-radius:50%;position:absolute;inset:0}.w20__flug{transform-style:preserve-3d;will-change:transform;place-items:center;display:grid;position:absolute;inset:0 0 26px}.w20__koerper{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:relative}.w20__flaeche{--licht:.5;width:92px;height:80px;position:absolute;top:-40px;left:-46px}.w20__vorlagen{width:0;height:0;position:absolute;overflow:hidden}.w20__rahmen{fill:hsl(var(--ton-kante) var(--saettigung-kante) calc(var(--hell-kante) + var(--licht) * var(--spanne-kante)));stroke:hsl(var(--ton-kante) var(--saettigung-kante) calc(var(--hell-kante) + 14% + var(--licht) * var(--spanne-kante)));stroke-width:1.5px;stroke-linejoin:round}.w20__feld{fill:hsl(var(--ton) var(--saettigung) calc(var(--hell-stein) + var(--licht) * var(--spanne-stein)));stroke:hsl(var(--ton) 60% calc(8% + var(--licht) * 14%));stroke-width:1px;stroke-linejoin:round}.w20__flaeche--ergebnis .w20__feld{fill:hsl(var(--ton) var(--saettigung) calc(var(--hell-stein) + 6% + var(--licht) * var(--spanne-stein)))}.w20--gelandet .w20__flaeche--ergebnis .w20__feld{fill:color-mix(in srgb, var(--w20-zahl-ersatz,#e8b55a) 13%, hsl(var(--ton) var(--saettigung) calc(var(--hell-stein) + var(--licht) * var(--spanne-stein))));stroke:color-mix(in srgb, var(--w20-zahl-ersatz,#e8b55a) 70%, transparent);stroke-width:2.5px}.w20--gelandet .w20__flaeche--ergebnis .w20__rahmen{fill:color-mix(in srgb, var(--w20-zahl-ersatz,#e8b55a) 22%, hsl(var(--ton-kante) var(--saettigung-kante) calc(var(--hell-kante) + 8% + var(--licht) * var(--spanne-kante))))}.w20__zahl--schein{visibility:hidden}.w20--gelandet .w20__flaeche--ergebnis .w20__zahl--schein{visibility:visible;fill:var(--w20-zahl-ersatz,#e8b55a);stroke:var(--w20-zahl-ersatz,#e8b55a);stroke-width:7px}.w20--gelandet .w20__flaeche--ergebnis .w20__zahl{stroke-width:1.2px;stroke:#0000004d}.w20__zahl{fill:url(#w20-gold) var(--w20-zahl-ersatz,#e8b55a);paint-order:stroke;stroke:#00000080;stroke-width:2.5px;stroke-linejoin:round;font-size:26px;font-weight:800}.w20--ruhe .w20__flug{animation:3.6s ease-in-out infinite w20-schweben}.w20--ruhe .w20__schatten{animation:3.6s ease-in-out infinite w20-schatten-schweben}@keyframes w20-schweben{50%{transform:translateY(-8px)}}@keyframes w20-schatten-schweben{50%{opacity:.75;transform:scale(.88)}}.w20--rollt .w20__flug{animation:.66s cubic-bezier(.32,0,.68,1) infinite w20-sprung}.w20--rollt .w20__schatten{animation:.66s cubic-bezier(.32,0,.68,1) infinite w20-schatten-sprung}@keyframes w20-sprung{0%,to{transform:translateY(0)scale(1)}10%{transform:translateY(8px)scale(1.06,.92)}50%{transform:translateY(-80px)scale(.96,1.05)}}@keyframes w20-schatten-sprung{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.45)}}.w20--gelandet .w20__flug{animation:.85s cubic-bezier(.2,.9,.3,1.15) both w20-landung}.w20--gelandet .w20__staub{animation:.6s ease-out .35s both w20-staub}@keyframes w20-landung{0%{transform:translateY(-60px)scale(1)}45%{transform:translateY(0)scale(1.08,.9)}65%{transform:translateY(-12px)scale(.98,1.03)}85%{transform:translateY(0)scale(1.03,.97)}to{transform:translateY(0)scale(1)}}@keyframes w20-staub{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.7)}}.w20--kritisch{--ton:42;--saettigung:85%;--ton-kante:42;--saettigung-kante:90%;--hell-kante:26%;--spanne-kante:44%;--hell-stein:12%;--spanne-stein:26%}.w20--kritisch .w20__rahmen{stroke:hsl(45 100% calc(52% + var(--licht) * 40%))}.w20--kritisch:after{content:"";pointer-events:none;border:3px solid #ffd660e6;border-radius:50%;animation:1.2s ease-out .5s both w20-ring;position:absolute;inset:20px 24px 44px}@keyframes w20-ring{0%{opacity:1;transform:scale(.45)}to{opacity:0;transform:scale(1.7)}}.w20__funken{pointer-events:none;position:absolute;top:45%;left:50%}.w20__funke{opacity:0;width:9px;height:9px;animation:1s ease-out both w20-funke;animation-delay:calc(.55s + var(--verzug));background:radial-gradient(circle at 35% 35%,#fff6cf,#ffb300 70%,#0000);border-radius:50%;margin:-4.5px;position:absolute}@keyframes w20-funke{0%{transform:rotate(var(--winkel)) translateY(0) scale(1.1);opacity:1}to{transform:rotate(var(--winkel)) translateY(-125px) scale(.15);opacity:0}}.w20--patzer{--ton:0;--saettigung:72%;--ton-kante:0;--saettigung-kante:80%;--hell-kante:26%;--spanne-kante:44%;--hell-stein:12%;--spanne-stein:26%}.handy__blitz{z-index:40;pointer-events:none;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent,#b58cff) 55%, transparent), color-mix(in srgb, var(--accent,#b58cff) 12%, transparent) 62%, transparent 85%);box-shadow:inset 0 0 0 8px var(--accent,#b58cff), inset 0 0 60px 10px color-mix(in srgb, var(--accent,#b58cff) 60%, transparent);animation:.9s ease-in-out 3 handy-blitz;position:fixed;inset:0}@keyframes handy-blitz{0%,to{opacity:0}30%{opacity:1}}@media (prefers-reduced-motion:reduce){.handy__blitz{opacity:.6;animation:none}}.w20--gefordert:after{content:"";pointer-events:none;border:3px solid #ffcf3dd9;border-radius:50%;animation:1.6s ease-in-out infinite w20-ansage;position:absolute;inset:14px 16px 34px;box-shadow:0 0 24px #ffcc3373}@keyframes w20-ansage{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.w20__ansage{color:#ffd76a}.handy__wurf-wartet{text-align:center;color:var(--accent);margin:0;font-weight:600}.handy__wurf-wartet span{color:var(--text-muted);font-weight:400}.handy__wurf-hinweis,.handy__letzte-probe{text-align:center;color:var(--text-muted);margin:0;font-size:.8rem}.handy__letzte-probe{border-top:1px solid #ffffff0f;padding-top:6px}.w20__hinweis{min-height:1.3em;color:var(--text-muted);text-align:center;margin:0;font-size:.9rem}@media (prefers-reduced-motion:reduce){.w20 *,.w20:after{animation:none!important}.w20__koerper{transition:none}}.handy__item-knopf{width:100%;min-height:40px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:10px;padding:0;display:flex}.handy__item-knopf small{opacity:.7;flex-shrink:0}.itemkarte-huelle{z-index:10;background:#0000008c;justify-content:center;align-items:flex-end;animation:.2s ease-out both itemkarte-grund;display:flex;position:fixed;inset:0}.itemkarte{box-sizing:border-box;width:min(520px,100%);max-height:85dvh;padding:10px 16px max(20px, env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--panel-border);border-radius:20px 20px 0 0;animation:.28s cubic-bezier(.2,.8,.3,1) both itemkarte-rein;overflow-y:auto}@keyframes itemkarte-grund{0%{opacity:0}}@keyframes itemkarte-rein{0%{transform:translateY(100%)}}.itemkarte__griff{background:#ffffff40;border-radius:999px;width:44px;height:4px;margin:0 auto 10px}.itemkarte__name{overflow-wrap:anywhere;align-items:baseline;gap:8px;min-width:0;margin:0;font-size:1.3rem;display:flex}.itemkarte__anzahl{color:var(--text-muted);font-size:1rem}.itemkarte__zeile{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.itemkarte__wirkung{color:var(--accent);margin:8px 0 0}.itemkarte__knoepfe{flex-direction:column;gap:8px;margin-top:14px;display:flex}.itemkarte__knopf{border:1px solid var(--panel-border);min-height:52px;color:var(--text);font:inherit;text-align:left;background:#ffffff0d;border-radius:14px;padding:10px 14px;font-weight:600}.itemkarte__knopf:disabled{opacity:.5}.itemkarte__knopf--leise{width:100%;color:var(--text-muted);background:0 0;border-style:dashed;margin-top:10px;font-weight:400}.itemkarte__knopf--gefahr{border-color:var(--danger);color:#ffb4b4}@media (prefers-reduced-motion:reduce){.itemkarte,.itemkarte-huelle{animation:none}}.sym{width:100%;height:100%;fill:var(--sym-hell,#cbbfe4);stroke:#0a080e99;stroke-width:.6px;stroke-linejoin:round}.sym .sym-dunkel{fill:var(--sym-dunkel,#8c7fb0)}.sym--blass{fill:var(--text-muted);opacity:.28}.sym--blass .sym-dunkel{fill:var(--text-muted)}.gitter{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.gitter__luecke{display:block}.gitter__feld{border:1px solid var(--panel-border);min-height:112px;color:var(--text);font:inherit;cursor:default;background:linear-gradient(#ffffff0d,#00000040);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;display:flex;position:relative;overflow:hidden}.gitter__feld .sym{flex:none;width:42px;height:42px}.gitter__feld--belegt{border-color:var(--accent);box-shadow:inset 0 0 12px var(--akzent-schein,#8a5cf640);cursor:pointer}.gitter__platz{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.6rem}.gitter__name{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;font-size:.66rem;line-height:1.1;overflow:hidden}.tasche{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.tasche__feld{border:1px solid var(--panel-border);min-height:96px;color:var(--text);font:inherit;cursor:pointer;background:#00000038;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 20px;display:flex;position:relative}.tasche__feld .sym{flex:none;width:40px;height:40px}.tasche__feld--angelegt{border-color:var(--accent)}.tasche__name{text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;width:100%;font-size:.7rem;line-height:1.15;display:-webkit-box;overflow:hidden}.tasche__anzahl{background:var(--tiefe,#14121aeb);border:1px solid var(--panel-border);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;min-width:1.4em;padding:0 4px;font-size:.7rem;position:absolute;bottom:4px;right:4px}.tasche__angelegt{color:var(--accent);font-size:.6rem;position:absolute;top:4px;left:5px}.itemkarte__kopf{align-items:center;gap:12px;display:flex}.itemkarte__symbol{flex-shrink:0;width:44px;height:44px;display:block}.handy__notizen{box-sizing:border-box;border:1px solid var(--panel-border);background:var(--bg);width:100%;min-height:40dvh;color:var(--text);font:inherit;resize:vertical;border-radius:12px;padding:10px;line-height:1.45}.handy__notiz-stand{color:var(--text-muted);margin:8px 0 0;font-size:.78rem}@media (prefers-reduced-motion:reduce){.w20--gefordert:after{opacity:1;animation:none}}.w20-farben{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;gap:12px;margin-top:10px;padding:12px;display:grid}.w20-farben__reihe{gap:6px;display:grid}.w20-farben__titel{color:var(--text-muted);margin:0;font-size:.78rem}.w20-farben__tupfer-reihe{flex-wrap:wrap;gap:8px;display:flex}.w20-farben__tupfer{cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #ffffff2e;border-radius:50%;width:34px;height:34px;padding:0;transition:transform .12s}.w20-farben__tupfer:active{transform:scale(.92)}.w20-farben__tupfer--gewaehlt{border-color:#ffd76a;box-shadow:0 0 0 2px #ffd76a59}@media (prefers-reduced-motion:reduce){.w20-farben__tupfer{transition:none}}.play-character--frei{opacity:.92;flex-direction:column;align-items:center;gap:6px;display:flex}.play-character--frei .lobby-qr{justify-content:center;width:100%;height:auto;display:flex}.play-character--frei .lobby-qr__code{box-sizing:border-box;width:min(100%, max(var(--play-portrait-height,120px), 130px));aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px;height:auto;padding:6px}.play-character--frei .play-character__name,.play-character--frei .hub__player-meta{text-align:center}.platz__block{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;gap:12px;padding:14px;display:grid}.platz__feld{color:var(--text-muted);gap:5px;font-size:.82rem;display:grid}.platz__feld input,.platz__feld select,.platz__feld textarea{box-sizing:border-box;border:1px solid var(--panel-border);width:100%;color:var(--text);font:inherit;background:#ffffff0d;border-radius:10px;padding:11px 12px;font-size:16px}.platz__feld textarea{resize:vertical}.platz__folge{color:var(--text-muted);margin:0;font-size:.82rem}.platz__punkte{margin:0 0 2px;font-size:.9rem}.platz__wert{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.platz__wert-text{gap:1px;min-width:0;display:grid}.platz__wert-name{font-weight:600}.platz__wert-wirkung{color:var(--text-muted);font-size:.74rem}.platz__stufen{flex-shrink:0;align-items:center;gap:8px;display:flex}.platz__stufen button{border:1px solid var(--panel-border);width:38px;height:38px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border-radius:50%;font-size:1.2rem;line-height:1}.platz__stufen button:disabled{opacity:.35}.platz__zahl{text-align:center;min-width:20px;font-size:1.1rem;font-weight:700}.platz__fertig{background:var(--accent);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;padding:15px;font-size:1.05rem;font-weight:600}.platz__fertig:disabled{opacity:.6}.hub__player-card--empty .lobby-qr--kompakt{justify-content:center;height:100%;display:flex}.hub__player-card--empty .lobby-qr__code{box-sizing:border-box;aspect-ratio:1;background:#fff;border-radius:10px;width:auto;height:100%;padding:6px}.selten-1{color:#5fd35f}.selten-2{color:#5aa9ff}.selten-3{color:#c07bff}.selten-4{color:#ff9a3c;text-shadow:0 0 8px #ff9a3c73}.handy__zahnrad{border:1px solid var(--panel-border);background:var(--panel);width:42px;height:42px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;align-self:flex-start;place-items:center;margin-left:auto;font-size:1.15rem;display:grid}.handy__zahnrad--offen{border-color:var(--accent);color:var(--accent)}.handy__aussehen{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;gap:10px;padding:14px;display:grid}.handy__aussehen-titel{margin:0;font-size:.95rem}.handy__aussehen .w20-farben{margin-top:0}.w20-farben__frei{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;overflow:hidden}.w20-farben__frei input{opacity:0;cursor:pointer;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px}.design-wahl{gap:10px;display:grid}.design-wahl__zeile{align-items:center;gap:12px;display:flex}.design-wahl__farbe{border:2px solid var(--panel-border);border-radius:10px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.design-wahl__farbe input{cursor:pointer;background:0 0;border:none;width:56px;height:56px;margin:-8px;padding:0}.design-wahl__text{min-width:0;display:grid}.design-wahl__name{font-weight:600}.design-wahl__hinweis{color:var(--text-muted);font-size:.78rem}.design-wahl__zurueck,.design-wahl__alles{border:1px solid var(--panel-border);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:6px 10px;font-size:.8rem}.design-wahl__alles{justify-self:start;margin:4px 0 0}.design-wahl__warnung{color:#ffb45c;margin:0;font-size:.82rem}.kombi__start{border:1px solid var(--panel-border);min-height:44px;color:var(--text);font:inherit;background:0 0;border-radius:12px;padding:0 14px}.kombi__start:disabled{opacity:.5}.kombi{background:var(--akzent-hauch,#b58cff1f);border:1px solid var(--panel-border);border-radius:14px;padding:10px 12px}.kombi--frage{border-color:var(--accent)}.kombi__kopf,.kombi__frage-text{margin:0 0 8px;font-size:.9rem}.kombi__liste{flex-wrap:wrap;gap:10px;margin:0 0 8px;padding:0;list-style:none;display:flex}.kombi__wer,.kombi__wahl{width:78px;color:var(--text);font:inherit;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:4px;font-size:.78rem;display:flex}.kombi__bild{object-fit:cover;border:3px solid #0000;border-radius:12px;width:56px;height:56px}.kombi__bild--leer{background:var(--panel);place-items:center;font-size:1.4rem;display:grid}.kombi__wer--eingeladen .kombi__bild{border-color:#ff5f5f;animation:1.1s ease-in-out infinite kombi-warten}@keyframes kombi-warten{0%,to{opacity:.45}50%{opacity:1}}.kombi__wer--angenommen .kombi__bild{border-color:#7ee7a5}.kombi__wer--abgelehnt{opacity:.45}.kombi__wahl--an .kombi__bild{border-color:var(--accent)}.kombi__name{text-align:center;line-height:1.1}.kombi__haken{font-weight:700}.kombi__hinweis{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.35}.kombi__knoepfe{gap:8px;display:flex}.kombi__ja,.kombi__nein,.kombi__abbruch{border:1px solid var(--panel-border);min-height:44px;font:inherit;border-radius:12px;flex:1;font-weight:600}.kombi__ja{background:var(--accent-strong,#7b4fd8);color:var(--auf-akzent,#fff);border:none}.kombi__nein,.kombi__abbruch{color:var(--text-muted);background:0 0}.kombi__abbruch{width:100%;margin-top:8px;font-weight:400}.kombi__ja:disabled{opacity:.45}.handy__album{grid-template-columns:1fr 1fr;gap:8px;display:grid}.handy__album-kachel{border:1px solid var(--panel-border);background:var(--tiefe,#14161e80);color:var(--text);font:inherit;border-radius:12px;flex-direction:column;gap:4px;padding:0;font-size:.8rem;display:flex;overflow:hidden}.handy__album-kachel img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.handy__album-kachel span{text-align:center;padding:0 6px 6px;line-height:1.2}.handy__album-leer{color:var(--text-muted);margin:0;line-height:1.4}.handy__album-gross{z-index:50;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;gap:8px;display:flex;position:fixed;inset:0;overflow-y:auto}.handy__album-gross img{border-radius:14px;width:100%}.handy__album-name{text-align:center;margin:0;font-weight:600}.handy__album-zu{background:var(--accent-strong,#7b4fd8);min-height:48px;color:var(--auf-akzent,#fff);font:inherit;border:none;border-radius:12px;font-weight:600}.handy__album-beschreibung{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.4}.kombi__starter{gap:8px;display:flex}.kombi__starter .kombi__start{flex:1}.kombi__start--krone{color:#ffd76a;border-color:#d4a72c}.handy__szene{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:10px 12px}.handy__szene-kopf{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:.78rem;font-weight:600}.handy__szene-text{color:var(--text-muted);margin:0;font-size:.9rem;font-style:italic;line-height:1.4}.handy__verlauf{border:1px solid var(--panel-border);background:var(--panel);border-radius:12px;margin:12px 0 0;padding:10px 12px}.handy__verlauf>summary{cursor:pointer;font-weight:600;list-style-position:inside}.handy__verlauf-liste{flex-direction:column;gap:10px;max-height:60vh;margin:10px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.handy__verlauf-liste p{white-space:pre-wrap;margin:0;line-height:1.45}.handy__verlauf-zug{border-left:3px solid var(--accent);color:var(--text-muted);padding-left:10px;font-size:.92em}.handy__verlauf-wer{color:var(--text);font-weight:600;display:block}.handy__verlauf-leer{color:var(--text-muted);margin:8px 0 0}.zeichenzaehler{text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.8em;display:block}.zeichenzaehler--zu-lang{color:var(--danger,#e05555)}.handy__guthaben{font-variant-numeric:tabular-nums;opacity:.85;white-space:nowrap;margin-left:.5rem;font-size:.8rem;font-weight:600}.handy__guthaben--minus{color:#ff6b6b;opacity:1}.konto__kopf{text-align:center;justify-items:center;gap:6px;margin-top:8px;display:grid}.konto__kopf h1{margin:0;font-size:1.5rem}.konto__kopf p{color:var(--text-muted);margin:0;font-size:.9rem}.konto__kopf--zeile{text-align:left;justify-content:space-between;align-items:center;gap:12px;display:flex}.konto__kopf--zeile .handy__guthaben{margin-left:0}.konto__hinweis{color:var(--text-muted);text-align:center;margin:0;font-size:.85rem}.konto__liste{gap:10px;display:grid}.konto__liste h2{color:var(--text-muted);margin:0;font-size:1rem;font-weight:600}.konto__liste--beendet summary{color:var(--text-muted);cursor:pointer;margin-bottom:10px;font-size:.9rem}.konto__abenteuer{border:1px solid var(--panel-border);background:var(--panel);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.konto__abenteuer:active{transform:scale(.99)}.konto__bild{object-fit:cover;border-radius:12px;flex-shrink:0;width:52px;height:52px}.konto__bild--leer{background:#ffffff0f;place-items:center;font-size:1.4rem;display:grid}.konto__text{flex:1;gap:2px;min-width:0;display:grid}.konto__text span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.konto__pfeil{color:var(--text-muted);font-size:1.6rem}.konto__knopf{border:1px solid var(--panel-border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;padding:9px 14px;font-size:.9rem}.konto__knopf--leise{color:var(--text-muted);border:none;justify-self:center;text-decoration:underline}.konto__zurueck{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:.95rem}.konto__link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;justify-self:center;padding:4px 8px;font-size:.88rem}.konto__neu{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;font-size:.92rem;display:flex}.konto__post{text-align:center;justify-items:center;line-height:1.5}.konto__post p{margin:0}.konto__post-symbol{font-size:2.4rem}.konto__email h2{margin:0;font-size:1rem}.konto__email p{overflow-wrap:anywhere;margin:0}.konto__email-formular{gap:10px;display:grid}.konto__marke-ok{color:var(--ok);white-space:nowrap;font-size:.85rem}.konto__marke-offen{color:#ffd76a;white-space:nowrap;font-size:.85rem}.konto__hinweis a{color:var(--accent)}.handy__kapitel{top:calc(env(safe-area-inset-top) + 12px);z-index:40;color:#f6dfae;text-align:center;pointer-events:none;background:#151126f0;border:1px solid #e8b85c99;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;animation:5s ease-in-out forwards handy-kapitel;display:flex;position:fixed;left:16px;right:16px}.handy__kapitel span{letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.handy__kapitel strong{font-family:var(--schrift-titel);font-size:1.1rem}@keyframes handy-kapitel{0%{opacity:0;transform:translateY(-12px)}10%{opacity:1;transform:translateY(0)}88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.handy__kapitel{animation:none}}.rechtliches{box-sizing:border-box;max-width:820px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:18px;margin:0 auto;display:flex}.rechtliches__kopf{justify-content:space-between;align-items:center;gap:12px;display:flex}.rechtliches__marke{color:var(--text);font-size:1.05rem;text-decoration:none}.rechtliches__blatt{border:1px solid var(--glas-rand);overflow-wrap:anywhere;background:#0e0b1ce6;border-radius:18px;padding:clamp(18px,4vw,36px);line-height:1.6}.rechtliches__blatt h1{text-shadow:0 0 22px #7c3aed80;margin:0 0 18px;font-size:clamp(1.7rem,5vw,2.4rem)}.rechtliches__blatt h2{color:#e4d4ff;margin:26px 0 8px;font-size:1.08rem}.rechtliches__blatt h3{margin:16px 0 6px;font-size:.98rem}.rechtliches__blatt p,.rechtliches__blatt ul{color:#ece4fae6;margin:0 0 10px}.rechtliches__blatt ul{padding-left:20px}.rechtliches__blatt li+li{margin-top:6px}.rechtliches__blatt a{color:var(--accent)}.rechtliches__kurz{background:#7c3aed24;border:1px solid #a970ff59;border-radius:12px;padding:12px 16px}.rechtliches__kasten{border:1px solid var(--glas-rand);background:#ffffff08;border-radius:12px;padding:4px 18px 12px}.rechtliches__formular{font-size:.9rem}.rechtliches__fehlt{color:#ffd76a;background:#ffd76a33;border-radius:6px;padding:1px 6px;font-weight:600}.rechtliches__stand{font-size:.85rem;color:var(--text-muted)!important;margin-top:26px!important}.rechtliches__fehler{color:var(--danger)!important}.rechtliches-fuss{color:#ece4fa8c;text-shadow:0 1px 6px #000000e6;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0 4px;font-size:.82rem;display:flex}.rechtliches-fuss a{color:#ece4fabf;text-decoration:none}.rechtliches-fuss a:hover{color:#fff;text-decoration:underline}.startseite{--sts-violett:#a970ff;--sts-violett-hell:#d7b8ff;--sts-glas:#110e1e9e;--sts-rand:#bea0ff38;color:#f1ecfb;background:#0b0916;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.startseite__leiste,.startseite__buehne{position:relative}.startseite__buehne{z-index:1}.startseite__fuss{z-index:1;padding-bottom:max(10px, env(safe-area-inset-bottom));position:relative}.startseite__leiste{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0a0816eb,#0a0816b8);border-bottom:1px solid #ffffff0f;align-items:center;gap:24px;padding:12px clamp(16px,5vw,64px);display:flex;position:sticky;top:0}.startseite__marke{letter-spacing:.08em;white-space:nowrap;align-items:center;gap:10px;font-family:Cinzel,Georgia,serif;font-size:1.15rem;display:flex}.startseite__marke em{color:var(--sts-violett);text-shadow:0 0 12px #a970ffb3;font-style:normal}.startseite__links{gap:6px;margin:0 auto;display:flex}.startseite__link{color:#f1ecfbdb;font:inherit;cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:.95rem;position:relative}.startseite__link:hover:not(:disabled){color:#fff}.startseite__link:disabled{opacity:.55;cursor:default}.startseite__link small{vertical-align:2px;background:#a970ff40;border-radius:6px;margin-left:3px;padding:1px 5px;font-size:.65rem}.startseite__link--aktiv{color:var(--sts-violett-hell)}.startseite__link--aktiv:after{content:"";background:var(--sts-violett);height:2px;box-shadow:0 0 10px var(--sts-violett);border-radius:2px;position:absolute;bottom:-4px;left:14px;right:14px}.startseite__konto{gap:8px;display:flex}.startseite__knopf{color:#f1ecfb;font:inherit;cursor:pointer;white-space:nowrap;background:#7c3aed1f;border:1px solid #a970ffb3;border-radius:12px;padding:9px 18px;font-size:.92rem;box-shadow:0 0 18px #7c3aed40}.startseite__knopf:hover{background:#7c3aed47}.startseite__knopf--leise{box-shadow:none;background:0 0;border-color:#ffffff26}.startseite__buehne{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 16px 56px;display:flex}.startseite__buehne>.w20-logo{filter:drop-shadow(0 0 14px #a970ffd9)drop-shadow(0 0 40px #7c3aed80);animation:5s ease-in-out infinite w20-atmen}@keyframes w20-atmen{50%{filter:drop-shadow(0 0 20px #be8cfff2)drop-shadow(0 0 60px #7c3aedb3)}}.w20-flamme{filter:drop-shadow(0 0 3px #be82ffe6)drop-shadow(0 0 9px #823cffbf)}.w20-flamme path,.w20-flamme__fuss,.w20-flamme__funke{transform-box:fill-box;transform-origin:50% 100%}.w20-flamme__huelle{opacity:.6;mix-blend-mode:screen;animation:2.1s ease-in-out infinite flamme-zuengeln,2.9s step-end infinite flamme-flackern}.w20-flamme__mitte{mix-blend-mode:screen;animation:1.6s ease-in-out infinite reverse flamme-zuengeln,2.3s step-end infinite flamme-flackern}.w20-flamme__innen{mix-blend-mode:screen;animation:1.2s ease-in-out infinite flamme-zuengeln,1.7s step-end infinite flamme-flackern}.w20-flamme__kern{mix-blend-mode:screen;animation:.9s ease-in-out infinite reverse flamme-zuengeln,1.3s step-end infinite flamme-flackern}.w20-flamme__fuss{transform-origin:50%;opacity:.55;animation:1.7s ease-in-out infinite flamme-glut}.w20-flamme__funke{opacity:0;animation:2.6s ease-out infinite flamme-funke}@keyframes flamme-funke{0%{opacity:0;transform:translateY(6px)scale(1)}15%{opacity:1}to{opacity:0;transform:translate(2px,-14px)scale(.4)}}.w20-logo__glut{transform-box:fill-box;transform-origin:50%;animation:2.9s ease-in-out infinite flamme-glut}@keyframes flamme-zuengeln{0%,to{transform:scale(1)skew(0)}20%{transform:scale(.94,1.1)skew(-4deg)}40%{transform:scale(1.04,.92)skew(3deg)}60%{transform:scale(.96,1.14)skew(-2deg)}80%{transform:scale(1.02,.97)skew(4deg)}}@keyframes flamme-flackern{0%{opacity:.95}14%{opacity:.75}27%{opacity:1}41%{opacity:.82}55%{opacity:1}68%{opacity:.7}83%{opacity:.92}}@keyframes flamme-glut{0%,to{opacity:.85;transform:scale(1)}35%{opacity:1;transform:scale(1.08)}60%{opacity:.75;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.startseite__buehne>.w20-logo,.w20-flamme *,.w20-logo__glut{animation:none}}.startseite__titel{letter-spacing:.04em;color:#fbf8ff;text-shadow:0 2px 24px #000000d9,0 0 6px #0009;margin:14px 0 6px;font-family:Cinzel,Georgia,serif;font-size:clamp(2.6rem,8vw,5.6rem);font-weight:500;line-height:1}.startseite__titel span{color:#c393ff;text-shadow:0 0 3px #1e0a46e6,0 0 6px #ebd7ffcc,0 0 18px #b478ffe6,0 0 46px #823cffb3;font-weight:700;animation:3.1s linear infinite zwanzig-flamme}@keyframes zwanzig-flamme{0%,to{text-shadow:0 0 3px #1e0a46e6,0 0 6px #ebd7ffcc,0 0 18px #b478ffe6,0 0 46px #823cffb3}9%{text-shadow:0 0 3px #1e0a46e6,0 0 8px #ebd7fff2,0 0 24px #b478ff,0 0 60px #823cffe6}17%{text-shadow:0 0 3px #1e0a46e6,0 0 4px #ebd7ff99,0 0 14px #b478ffbf,0 0 34px #823cff8c}31%{text-shadow:0 0 3px #1e0a46e6,0 0 7px #ebd7ffe6,0 0 21px #b478fff2,0 0 54px #823cffd9}44%{text-shadow:0 0 3px #1e0a46e6,0 0 5px #ebd7ffbf,0 0 17px #b478ffd9,0 0 42px #823cffa6}52%{text-shadow:0 0 3px #1e0a46e6,0 0 9px #ebd7ff,0 0 28px #b478ff,0 0 70px #823cff}58%{text-shadow:0 0 3px #1e0a46e6,0 0 4px #ebd7ffa6,0 0 15px #b478ffcc,0 0 36px #823cff99}76%{text-shadow:0 0 3px #1e0a46e6,0 0 7px #ebd7ffe6,0 0 22px #b478fff2,0 0 56px #823cffd9}88%{text-shadow:0 0 3px #1e0a46e6,0 0 5px #ebd7ffb3,0 0 16px #b478ffd9,0 0 40px #823cffa6}}@media (prefers-reduced-motion:reduce){.startseite__titel span{animation:none}}.startseite__untertitel{letter-spacing:.14em;color:#eee7fb;font-variant:small-caps;text-shadow:0 1px 12px #000000d9;margin:10px 0 0;font-family:Cinzel,Georgia,serif;font-size:clamp(.95rem,2.3vw,1.5rem)}.startseite__trenner{align-items:center;gap:10px;width:min(420px,70vw);margin:14px 0 10px;display:flex}.startseite__trenner:before,.startseite__trenner:after{content:"";background:linear-gradient(90deg,#0000,#a970ffcc);flex:1;height:1px}.startseite__trenner:after{background:linear-gradient(270deg,#0000,#a970ffcc)}.startseite__trenner span{border:1px solid var(--sts-violett-hell);width:8px;height:8px;box-shadow:0 0 8px var(--sts-violett);transform:rotate(45deg)}.startseite__motto{letter-spacing:.28em;text-transform:uppercase;color:#ece4fad1;text-shadow:0 1px 10px #000000e6,0 0 3px #000c;margin:0 0 34px;font-family:Cinzel,Georgia,serif;font-size:clamp(.7rem,1.4vw,.95rem)}.startseite__karten{gap:14px;width:min(460px,100%);display:grid}.startseite__karte{border:1px solid var(--sts-rand);background:var(--sts-glas);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f1ecfb;font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:18px;padding:16px 22px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.startseite__karte:hover:not(:disabled){border-color:#bea0ff8c;transform:translateY(-1px);box-shadow:0 0 22px #7c3aed4d}.startseite__karte:disabled{opacity:.55;cursor:default}.startseite__karte--hervor{background:linear-gradient(135deg,#7c3aedd9,#5b21b6cc);border-color:#c8aaffd9;box-shadow:0 0 26px #7c3aed8c,inset 0 0 0 1px #ffffff14}.startseite__karte--hervor:hover:not(:disabled){box-shadow:0 0 36px #965affbf}.startseite__symbol{fill:none;width:38px;height:38px;stroke:var(--sts-violett-hell);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.startseite__karte--hervor .startseite__symbol{stroke:#fff}.startseite__karten-text{flex:1;gap:2px;min-width:0;display:grid}.startseite__karten-text strong{font-size:1.15rem;font-weight:500}.startseite__karten-text span{color:#ece4fab8;font-size:.85rem}.startseite__pfeil{color:#f1ecfbcc;font-size:1.8rem;line-height:1}@media (width<=900px){.startseite__links{display:none}.startseite__leiste{justify-content:space-between}}@media (width<=520px){.startseite__marke span{display:none}.startseite__knopf{padding:8px 12px}.startseite__karte{gap:14px;padding:14px 16px}}.zauber{pointer-events:none;position:fixed;inset:0;overflow:hidden}.zauber__buehne{aspect-ratio:1672/941;background:url(/startseite.jpg) 50%/100% 100% no-repeat;width:max(100vw,177.683dvh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zauber__buehne>*{aspect-ratio:1;border-radius:50%;position:absolute;translate:-50% -50%}.zauber__buehne>.zauber__schleier{aspect-ratio:auto;background:radial-gradient(34% 44% at 50% 45%,#0806129e,#0806124d 60%,#0000 100%),linear-gradient(#0806128c,#0806121a 18%,#08061226 70%,#080612b3);border-radius:0;inset:0;translate:none}.zauber__w20{mix-blend-mode:screen;background:radial-gradient(circle,#be78ff8c,#7c3aed40 40%,#0000 68%);animation:9s ease-in-out infinite zauber-w20}@keyframes zauber-w20{0%,to{opacity:.45;scale:.92}40%{opacity:.8;scale:1}70%{opacity:.5;scale:.94}78%{opacity:1;scale:1.12}84%{opacity:.55;scale:.96}}.zauber__blitz{background:conic-gradient(from 0deg, transparent 0 20%, #ffffffe6 24%, transparent 28% 45%, #ffffffe6 49%, transparent 53% 70%, #ffffffe6 74%, transparent 78% 95%, #ffffffe6 99%, transparent 100%);mix-blend-mode:screen;opacity:0;animation:9s ease-out infinite zauber-blitz;-webkit-mask:radial-gradient(circle,#000 0 8%,#0009 20%,#0000 62%);mask:radial-gradient(circle,#000 0 8%,#0009 20%,#0000 62%)}@keyframes zauber-blitz{0%,74%{opacity:0;rotate:0deg;scale:.3}78%{opacity:1;rotate:20deg;scale:1.1}86%,to{opacity:0;rotate:45deg;scale:1.5}}.zauber__kerze{mix-blend-mode:screen;background:radial-gradient(circle,#ffc8788c,#ff963c2e 40%,#0000 70%);animation:2.3s step-end infinite zauber-kerze,3.7s ease-in-out infinite zauber-kerze-weich}@keyframes zauber-kerze{0%{opacity:.8}13%{opacity:.6}21%{opacity:.95}37%{opacity:.7}52%{opacity:1}61%{opacity:.65}78%{opacity:.9}89%{opacity:.72}}@keyframes zauber-kerze-weich{0%,to{scale:1}50%{scale:1.12}}.zauber__kristall{mix-blend-mode:screen;background:radial-gradient(circle,#e6beffe6,#a970ff66 35%,#0000 70%);animation:4.5s ease-in-out infinite zauber-kristall}@keyframes zauber-kristall{0%,to{opacity:.35;scale:.8}50%{opacity:.95;scale:1.15}}.zauber__wirbel{mix-blend-mode:screen;background:conic-gradient(#0000,#c896ff59,#0000 30%,#78aaff4d,#0000 60%,#e6a0ff59,#0000);animation:40s linear infinite zauber-drehen;-webkit-mask:radial-gradient(circle,#0000 0 6%,#000 20%,#000000b3 48%,#0000 70%);mask:radial-gradient(circle,#0000 0 6%,#000 20%,#000000b3 48%,#0000 70%)}@keyframes zauber-drehen{to{rotate:360deg}}.zauber__buehne>.zauber__fall{aspect-ratio:auto;clip-path:polygon(34% 0,78% 0,100% 100%,0 100%);mix-blend-mode:screen;border-radius:0;overflow:hidden;translate:none;-webkit-mask:linear-gradient(#0000,#000 10% 80%,#0000);mask:linear-gradient(#0000,#000 10% 80%,#0000)}.zauber__fall:before,.zauber__fall:after{content:"";background:repeating-linear-gradient(#0000 0 9%,#e1eeff8c 13%,#bed7ff33 17%,#0000 22% 25%);height:200%;animation:1.6s linear infinite zauber-fallen;position:absolute;top:-100%;left:0;right:0;-webkit-mask:repeating-linear-gradient(90deg,#000 0 1.5px,#00000080 2.5px 3.5px,#000 4.5px 5.5px);mask:repeating-linear-gradient(90deg,#000 0 1.5px,#00000080 2.5px 3.5px,#000 4.5px 5.5px)}.zauber__fall:after{background:repeating-linear-gradient(#0000 0 6%,#d2e4ff66 10%,#0000 16% 25%);animation-duration:1.1s;animation-delay:-.4s;-webkit-mask:repeating-linear-gradient(90deg,#0000004d 0 2px,#000 3px 4px,#00000080 5px 7px);mask:repeating-linear-gradient(90deg,#0000004d 0 2px,#000 3px 4px,#00000080 5px 7px)}@keyframes zauber-fallen{to{transform:translateY(50%)}}.zauber__gischt{mix-blend-mode:screen;background:radial-gradient(closest-side,#d7e4ff80,#c8d7ff2e 55%,#0000);animation:2.8s ease-in-out infinite zauber-gischt}@keyframes zauber-gischt{0%,to{opacity:.45;scale:.8 .5}50%{opacity:.85;scale:1.05 .65}}.zauber__schimmer{mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#c8aaffb3,#0000 60%);animation:5.4s ease-in-out infinite zauber-schimmer}@keyframes zauber-schimmer{0%,70%,to{opacity:0}80%{opacity:.9}}.zauber__stern{background:radial-gradient(circle,#fff,#dcc8ff99 30%,#0000 70%);animation:5.2s ease-in-out infinite zauber-stern}@keyframes zauber-stern{0%,to{opacity:.15;scale:.6}50%{opacity:1;scale:1.4}}.zauber__buehne>.zauber__nebel{aspect-ratio:auto;border-radius:0;width:34%;height:22%;overflow:hidden;translate:none;-webkit-mask:radial-gradient(closest-side,#000 55%,#0000);mask:radial-gradient(closest-side,#000 55%,#0000)}.zauber__nebel--links{top:40%;left:3%}.zauber__nebel--mitte{top:46%;left:33%}.zauber__nebel--rechts{top:38%;left:68%}.zauber__nebel:before{content:"";background:radial-gradient(18% 30% at 10% 55%,#e1d7ff61,#0000 70%),radial-gradient(22% 26% at 30% 40%,#d2c8fa4d,#0000 70%),radial-gradient(16% 32% at 45% 65%,#e1d7ff57,#0000 70%),radial-gradient(18% 30% at 60% 55%,#e1d7ff61,#0000 70%),radial-gradient(22% 26% at 80% 40%,#d2c8fa4d,#0000 70%),radial-gradient(16% 32% at 95% 65%,#e1d7ff57,#0000 70%);animation:38s linear infinite zauber-nebel;position:absolute;inset:0 -100% 0 0}.zauber__nebel--rechts:before{animation-duration:52s;animation-direction:reverse}.zauber__nebel--mitte:before{animation-duration:64s}@keyframes zauber-nebel{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.zauber__buehne>:not(.zauber__schleier){display:none}}.preise{box-sizing:border-box;max-width:820px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(32px, env(safe-area-inset-bottom));color:var(--text);flex-direction:column;gap:26px;margin:0 auto;display:flex}.preise__kopf{justify-content:space-between;align-items:center;gap:12px;display:flex}.preise__marke{font-size:1.05rem}.preise__buehne{text-align:center}.preise__buehne h1{color:#fbf8ff;text-shadow:0 0 26px #7c3aed99,0 2px 12px #000000b3;margin:0;font-size:clamp(2rem,6vw,3.2rem)}.preise__untertitel{color:#ece4fad9;text-shadow:0 1px 8px #000c;margin:10px 0 0}.preise__stand{background:var(--glas);border:1px solid var(--glas-rand);border-radius:999px;margin:16px 0 0;padding:8px 16px;display:inline-block}.preise__stand strong{color:var(--ok)}.preise__stand--leer strong{color:var(--danger)}.preise__pakete{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.preise__paket{border:1px solid var(--glas-rand);background:var(--glas);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font:inherit;cursor:pointer;border-radius:16px;justify-items:center;gap:2px;padding:26px 10px 20px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative}.preise__paket:hover{border-color:#bea0ff8c;transform:translateY(-2px)}.preise__paket--gewaehlt{background:linear-gradient(160deg,#7c3aed8c,#28145abf);border-color:#c8aaffe6;box-shadow:0 0 28px #7c3aed8c}.preise__betrag{font-family:var(--schrift-titel);font-size:clamp(1.8rem,5vw,2.4rem);font-weight:700;line-height:1.1}.preise__klein{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem}.preise__band{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#b77cff,#7c3aed);border-radius:999px;padding:3px 12px;font-size:.72rem;font-weight:700;position:absolute;top:-11px;box-shadow:0 0 14px #7c3aedb3}.preise__kasse{text-align:center;justify-items:center;gap:10px;display:grid}.preise__paypal-huelle{width:min(420px,100%);position:relative}.preise__paypal{color:#111;width:100%;min-height:54px;font:inherit;cursor:pointer;background:#ffc439;border:none;border-radius:999px;padding:12px 24px;font-size:1.05rem;font-weight:600;box-shadow:0 6px 22px #00000059}.preise__paypal:hover:not(:disabled){filter:brightness(1.05)}.preise__paypal:disabled{cursor:not-allowed;filter:grayscale(.85)brightness(.72)}.preise__paypal-schrift{letter-spacing:-.02em;font-size:1.25rem;font-style:italic;font-weight:800}.preise__paypal-schrift b{color:#003087}.preise__paypal-schrift i{color:#009cde}.preise__bald{color:#fff;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:linear-gradient(135deg,#b77cff,#7c3aed);border-radius:999px;padding:4px 12px;font-size:.75rem;font-style:normal;font-weight:700;position:absolute;top:-12px;right:-8px;transform:rotate(4deg);box-shadow:0 0 16px #7c3aedcc}.preise__hinweis{color:#ece4fad9;text-shadow:0 1px 8px #000c;max-width:460px;margin:0;font-size:.92rem;line-height:1.5}.preise__link{color:var(--accent)}.preise__fehler{color:var(--danger);margin:0}.preise__erklaerung{background:var(--glas);border:1px solid var(--glas-rand);border-radius:16px;padding:18px 22px}.preise__erklaerung h2{margin:0 0 10px;font-size:1.15rem}.preise__erklaerung ol{color:#ece4fae6;gap:10px;margin:0;padding-left:20px;line-height:1.5;display:grid}@media (width<=640px){.preise__pakete{grid-template-columns:repeat(2,1fr);gap:18px 12px}.preise__marke span{display:none}}.preise__zustimmung{background:var(--glas);border:1px solid var(--glas-rand);text-align:left;color:#ece4fae6;cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;max-width:460px;padding:12px 14px;font-size:.84rem;line-height:1.45;display:flex}.preise__zustimmung input{flex-shrink:0;width:18px;height:18px;margin-top:2px}.preise__symbol{font-size:1.4rem;line-height:1}.preise__preis{background:#ffffff14;border-radius:999px;margin-top:8px;padding:3px 12px;font-size:1rem;font-weight:700}.preise__paket--gewaehlt .preise__preis{background:#ffffff2e}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-ext-500-normal-1Z8Q-7rh.woff2)format("woff2"),url(/assets/cinzel-latin-ext-500-normal-BxIh9iwm.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:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-500-normal-B-2dbOfA.woff2)format("woff2"),url(/assets/cinzel-latin-500-normal-DMNTwV-V.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:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-ext-600-normal-BEFdM_VE.woff2)format("woff2"),url(/assets/cinzel-latin-ext-600-normal-BY9Mq9iK.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:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.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:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.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:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.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{accent-color:#a970ff;--glas:#151126b8;--glas-rand:#bea0ff3d;--leuchten:0 0 22px #7c3aed59}.w20-logo polygon,.w20-logo line{fill:none;stroke:#f4eefe;stroke-width:2px;stroke-linejoin:round}.w20-logo{filter:drop-shadow(0 0 8px #a970ffbf);flex-shrink:0}.marke{font-family:var(--schrift-titel);letter-spacing:.08em;white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.marke em{color:#a970ff;text-shadow:0 0 12px #a970ffb3;font-style:normal}h1,h2,.screen__subheading,.screen h3,.confirm-dialog h3,.guthaben-popup__fenster h2{font-family:var(--schrift-titel);letter-spacing:.04em;font-weight:600}.hub__panel h3,.hub-tile h3,.dashboard__panel h3,.play-panel h3{font-family:var(--hub-tile-titel,var(--schrift-titel));letter-spacing:.08em;font-weight:600}.screen__header{border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#a970ffb3,#a970ff26 60%,#0000) 1;padding-bottom:14px}.screen__header h1{color:#fbf8ff;text-shadow:0 0 22px #7c3aed8c}.hub-page__header h1,.play-page__header h1{font-size:calc(1.2rem * var(--kachel-schrift,1));text-shadow:0 0 16px #7c3aed80}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 50% 30%, #7c3aed29, transparent 70%), linear-gradient(180deg, #0806129e, #080612db), url(/startseite.jpg) center / cover no-repeat, var(--bg);position:fixed;inset:0}.character-card,.campaign-list__item,.dashboard__panel,.confirm-dialog,.guthaben-popup__fenster{background:var(--glas);border-color:var(--glas-rand);border-radius:14px}.character-card,.campaign-list__item{transition:border-color .15s,box-shadow .15s}.character-card:hover,.campaign-list__item:hover{box-shadow:var(--leuchten);border-color:#bea0ff80}.confirm-dialog,.guthaben-popup__fenster{background:#151126;border-color:#a970ff8c;box-shadow:0 20px 60px #0000008c,0 0 40px #7c3aed40}.hub-page .btn--primary,.play-page .btn--primary{background-image:linear-gradient(135deg,#ffffff29,#0000 65%)}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #a970ff40}.handy{background:radial-gradient(120% 55% at 50% 0%, var(--glanz,#7c3aed38), transparent 70%), var(--handy-flaeche,transparent)}.handy__kopf h1,.konto__kopf h1{text-shadow:0 0 18px #7c3aed80}.konto__kopf .w20-logo{filter:drop-shadow(0 0 14px #a970ffd9)drop-shadow(0 0 36px #7c3aed80)}.konto__marke{margin:0;font-size:1.35rem}.konto__abenteuer,.platz__block{background:var(--glas);border-color:var(--glas-rand)}.konto__abenteuer:active{border-color:var(--accent);box-shadow:var(--leuchten)}.platz__fertig{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 55%, var(--accent-strong)), var(--accent-strong));box-shadow:0 0 22px color-mix(in srgb, var(--accent-strong) 45%, transparent);font-family:var(--schrift-titel);letter-spacing:.06em}.konto__knopf:not(.konto__knopf--leise){border-color:var(--glas-rand);background:#15112699}.handy__reiter button.aktiv{box-shadow:0 0 14px color-mix(in srgb, var(--accent) 30%, transparent)}