:root{color-scheme:dark;--ground: #0b1013;--bg: #0e1417;--bg-2: #141d21;--ground-3: #1b262a;--line: #263539;--line-strong: #3a4c51;--text: #efe9db;--muted: #9aa5a0;--ink-faint: #667470;--messing: #c9a35c;--brass-bright: #e7c789;--brass-deep: #9c7b3f;--petrol: #3e5c70;--taube: #6a8799;--terra: #b5654a;--gruen: #5e8570;--k-werkzeug: #8a95a1;--k-lebensmittel: #c7a052;--k-wurf: #c06a4e;--k-licht: #d9ae45;--k-akrobatik: #939d66;--k-geschick: #61998c;--k-taeuschung: #a16d89;--k-tier: #a5825a;--gut: #8fd0a8;--warn: #d8b36a;--gefahr: #d08a63;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Hoefler Text", Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--r: 10px}*{box-sizing:border-box}html,body,#app{height:100%}html.shell-lock,body.shell-lock{overflow:hidden;overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 Georgia,Times New Roman,serif}main{width:min(680px,94vw);margin:0 auto;padding:calc(22px + env(safe-area-inset-top)) 0 132px}h1{font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;font-weight:400;color:var(--muted);margin:0 0 4px}.titel{color:var(--messing);font-size:1.4rem;margin:6px 0 18px}.dim{color:var(--muted)}.story{white-space:pre-wrap}.story .neu{color:var(--text)}.probe{color:var(--warn);border-left:2px solid #6a5a2e;padding:6px 0 6px 12px;margin:14px 0}.folgen{color:var(--muted);font-style:italic;font-size:15px}.ende{color:var(--messing);border-top:1px solid var(--line);margin-top:22px;padding-top:14px}.hud{position:fixed;left:0;right:0;bottom:0;background:linear-gradient(0deg,var(--bg) 72%,transparent);border-top:1px solid var(--line);padding:10px max(14px,calc((100vw - 680px)/2)) calc(10px + env(safe-area-inset-bottom))}.hudzeile{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px}.hudzeile.ausser{margin-top:6px;gap:12px;color:var(--gefahr);font-size:13px}.hudzeile.inv{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.hudzeile.pos{margin-top:6px;color:var(--messing);font-size:13px}.chip{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot.gruen{background:var(--gut)}.dot.gelb{background:var(--warn)}.dot.orange{background:var(--gefahr)}.dot.rot{background:#d05a4a}.eingabe{display:flex;flex-direction:column;gap:12px;margin-top:24px}button.btn-sekundaer{background:var(--bg-2);color:var(--messing);border:1px solid var(--line-strong)}button.btn-sekundaer:hover{border-color:var(--brass-deep)}.verbwahl{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.verbbtn{padding:6px 10px;font-size:13px;letter-spacing:.02em;border:1px solid var(--line);border-radius:7px;background:var(--bg-2);color:var(--muted);cursor:pointer}.verbbtn.aktiv{background:var(--gruen);color:var(--text);border-color:var(--gruen);font-weight:700}.kartenchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.kartenchip{padding:6px 10px;font-size:14px;font-variant-numeric:tabular-nums;border:1px solid var(--messing);border-radius:7px;background:var(--bg-2);color:var(--text);cursor:pointer}input,select{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit}input{flex:1;font-variant-numeric:tabular-nums}button{background:none;color:var(--messing);border:1px solid #3a3f48;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer}button.primar{background:linear-gradient(180deg,var(--brass-bright),var(--messing));color:#14161b;border:none;border-radius:12px;padding:14px 22px;font-weight:700;box-shadow:0 1px #fff3 inset,0 8px 22px -8px #c9a35c99}button:disabled{opacity:.45;cursor:default}.icon{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@keyframes fadeauf{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){.einstieg .karte,.play .hub,.play .story,.play .wurf{animation:fadeauf .5s cubic-bezier(.2,.8,.2,1) both}}.feld{margin:16px 0}.feld>label{display:block;color:var(--muted);font-size:14px;margin-bottom:6px}.figur{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-left:4px solid var(--petrol);border-radius:9px;padding:8px 12px;margin:8px 0;background:var(--bg-2)}.figur .rolle{flex:1}.figur input{flex:0 1 42%}.setup{height:100dvh;display:flex;flex-direction:column;width:min(760px,100%);margin:0 auto;overflow:hidden}.setup-kopf{flex:none;padding:calc(16px + env(safe-area-inset-top)) 20px 15px;border-bottom:1px solid var(--line-strong);background:linear-gradient(180deg,var(--ground-3),var(--bg-2));box-shadow:inset 0 1px #ffffff0d,0 12px 22px -10px #000000e6;z-index:2}.setup-kopf h1{margin:0 0 4px}.setup-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 10px;display:flex;flex-direction:column;gap:14px}.setup-fuss{flex:none;padding:14px 20px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);background:var(--bg)}.crewzaehler{margin:2px 0 0;color:var(--messing);font-size:.9rem;letter-spacing:.02em}.charwahl{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.charkarte{display:flex;flex-direction:column;gap:8px;padding:0 0 10px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);overflow:hidden;text-align:left;color:inherit;cursor:pointer}.charkarte.an{border-color:var(--messing);box-shadow:0 0 0 1px var(--messing)}.charbild{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 15%,var(--ground-3),var(--bg));border-bottom:1px solid var(--line);overflow:hidden}.charfoto{width:100%;height:100%;object-fit:cover;display:block}.charbild .mono{font-family:var(--serif);font-size:2.8rem;color:var(--messing);opacity:.9}.charbild .haken{position:absolute;top:6px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--messing);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.charrolle{padding:0 10px;font-family:var(--serif);font-size:1.02rem;color:var(--text)}.charattr{display:flex;flex-wrap:wrap;gap:4px;padding:0 10px}.charattr .attr{font-size:.68rem;line-height:1.3;color:var(--gut);border:1px solid var(--line-strong);border-radius:999px;padding:2px 8px}.reihenfolge{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:8px}.rzeile{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);padding:8px 10px}.rzeile.zieht{border-color:var(--messing);box-shadow:0 8px 20px #00000073;pointer-events:none}.rbild{flex:none;width:46px;height:46px;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 15%,var(--ground-3),var(--bg));display:flex;align-items:center;justify-content:center}.rbild .rmono{font-family:var(--serif);font-size:1.15rem;color:var(--messing)}.rpos{flex:none;width:24px;height:24px;border-radius:50%;background:var(--messing);color:var(--bg);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.rgriff{flex:none;color:var(--ink-faint);cursor:grab;font-size:1.2rem;line-height:1;padding:8px 3px;touch-action:none;-webkit-user-select:none;user-select:none}.rgriff:active{cursor:grabbing;color:var(--messing)}.rname{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.rname .rrolle{font-size:.7rem;letter-spacing:.06em;color:var(--muted)}.rname input{width:100%;background:var(--bg);border:1px solid var(--line-strong);border-radius:7px;padding:7px 9px;color:var(--text);font-size:.98rem}.rname input:focus{border-color:var(--messing);outline:none}.rpfeile{flex:none;display:flex;flex-direction:column;gap:5px}.rpfeile button{width:36px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line-strong);border-radius:7px;background:var(--bg);color:var(--messing);font-size:.6rem;line-height:1;cursor:pointer}.rpfeile button:hover:not(:disabled){border-color:var(--brass-deep);background:var(--bg-2)}.rpfeile button:disabled{opacity:.28;cursor:default}.wuerfel{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.wuerfel button{min-width:46px;font-size:18px}.mehr{display:flex;gap:8px;margin-top:8px}.mehr input{flex:1}.tipp{margin-top:12px;color:var(--muted);border-color:var(--line);font-size:14px}.aufbau{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.startzeile{display:flex;align-items:center;gap:10px;justify-content:space-between;border-left:4px solid var(--messing);border-radius:9px;padding:8px 12px;margin:8px 0;background:var(--bg-2)}.startzeile .chip{color:var(--messing)}.u-serif{font-family:var(--serif)}.u-mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--sans);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--messing);font-weight:600}.btn{font-family:var(--sans);font-size:.95rem;font-weight:600;letter-spacing:.02em;padding:14px 22px;border-radius:12px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn-primary{background:linear-gradient(180deg,var(--brass-bright),var(--messing));color:#14161b;font-weight:700;border-color:transparent;box-shadow:0 1px #fff3 inset,0 8px 22px -8px #c9a35c99}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn:focus-visible{outline:2px solid var(--brass-bright);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default}.band{font-family:var(--serif);font-size:.92rem;padding:6px 14px;border-radius:999px;border:1px solid currentColor}.band.absurd{color:#c25b4e}.band.waghalsig{color:#c6774c}.band.riskant{color:#ce9a45}.band.solide{color:#b6ac5f}.band.naheliegend{color:#7ca574}.band.brillant{color:var(--brass-bright)}.alarmmeter{display:inline-flex;align-items:center;gap:12px}.alarmmeter .seg{display:flex;gap:5px}.alarmmeter .seg i{width:24px;height:9px;border-radius:2px;background:var(--ground-3);border:1px solid var(--line-strong)}.alarmmeter .seg i.on1{background:var(--gruen);border-color:transparent}.alarmmeter .seg i.on2{background:#7e8a5a;border-color:transparent}.alarmmeter .seg i.on3{background:var(--k-lebensmittel);border-color:transparent}.alarmmeter .seg i.on4{background:var(--terra);border-color:transparent}.alarmmeter .seg i.on5,.alarmmeter .seg i.on6{background:#c4503c;border-color:transparent}.stepdots{display:inline-flex;align-items:center;gap:9px}.stepdots i{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.stepdots i.done{background:var(--brass-deep)}.stepdots i.now{background:var(--brass-bright);box-shadow:0 0 0 4px #c9a35c29}.einstieg{min-height:100dvh;display:grid;grid-template-columns:min(460px,100%);justify-content:center;align-content:center;padding:calc(28px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));position:relative;overflow-x:hidden}.einstieg:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 70% at 50% -5%,rgba(201,163,92,.1),transparent 55%),radial-gradient(140% 90% at 50% 115%,rgba(62,92,112,.1),transparent 60%)}.einstieg .karte{position:relative;z-index:1;width:100%;min-width:0;display:flex;flex-direction:column;gap:13px}.marke{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}.marke .name{font-family:var(--serif);font-size:clamp(.9rem,3.6vw,1.02rem);letter-spacing:.02em;color:var(--text)}.marke .name b{letter-spacing:.14em}.seal{width:30px;height:30px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,var(--brass-bright),var(--brass-deep));box-shadow:0 0 0 1px #c9a35c80,0 0 20px #c9a35c42;position:relative}.seal:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:1px solid rgba(14,20,23,.55)}.markekopf{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.markekopf .logohuelle{position:relative;display:inline-block;line-height:0;margin-bottom:8px}.markekopf .logohuelle .funken{position:absolute;left:50%;top:50%;width:230%;height:230%;transform:translate(-50%,-50%);pointer-events:none}.markekopf .logo{width:clamp(112px,33vw,140px);height:auto;display:block;filter:drop-shadow(0 8px 26px rgba(201,163,92,.22))}.markekopf .logohuelle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,242,210,.65) 50%,transparent 60%);background-size:300% 100%;background-repeat:no-repeat;background-position:180% 0;-webkit-mask:url(/logo.png?v=2) center / contain no-repeat;mask:url(/logo.png?v=2) center / contain no-repeat;mix-blend-mode:screen;opacity:0}@media (prefers-reduced-motion: no-preference){.markekopf .logohuelle:after{animation:logoglanz 7s ease-in-out infinite}}@keyframes logoglanz{0%{background-position:180% 0;opacity:0}8%{opacity:1}24%{background-position:-80% 0;opacity:1}32%,to{background-position:-80% 0;opacity:0}}.markekopf .wortmarke{font-family:var(--serif);font-weight:600;font-size:clamp(1.3rem,6vw,1.7rem);letter-spacing:.18em;text-indent:.18em;color:var(--text);line-height:1;max-width:100%}.markekopf .claim{font-family:var(--sans);font-size:clamp(.62rem,2.6vw,.72rem);letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:var(--messing);position:relative;padding-bottom:12px}.markekopf .claim:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:52px;height:1px;background:linear-gradient(90deg,transparent,var(--messing),transparent);opacity:.7}.einstieg h1.gross{font-family:var(--serif);text-transform:none;letter-spacing:-.01em;color:var(--text);font-size:clamp(1.35rem,5vw,1.6rem);line-height:1.15;margin:0;font-weight:600;text-align:center}.einstieg .lede{color:var(--muted);font-family:var(--sans);font-size:.92rem;text-align:center;margin:0;line-height:1.55}.einstieg .eyebrow{text-align:center}.codefeld{background:#c9a35c0a;border:1px solid var(--line-strong);border-radius:12px;color:var(--brass-bright);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:clamp(1rem,4.5vw,1.3rem);letter-spacing:.12em;text-align:center;text-transform:uppercase;padding:18px 14px;width:100%;min-width:0}.codefeld::placeholder{color:var(--ink-faint);letter-spacing:.1em}.codefeld:focus-visible{outline:2px solid var(--messing);outline-offset:2px;border-color:var(--messing);border-style:solid}.einstieg .btn-primary{transition:background .25s ease,box-shadow .25s ease,color .25s ease,border-color .25s ease}.einstieg .btn-primary:disabled{background:var(--bg-2);color:var(--ink-faint);border:1px solid var(--line-strong);box-shadow:none;opacity:1}.einstieg .fuss{color:var(--ink-faint);font-family:var(--sans);font-size:.78rem;text-align:center;margin:2px 0 0}.rechtsfuss{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:2px}.rechtslink{background:none;border:none;padding:4px 6px;color:var(--ink-faint);font-family:var(--sans);font-size:.76rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.rechtslink:hover{color:var(--muted)}.rechtsfuss .trenner{color:var(--ink-faint)}.rechtsseite{min-height:100dvh;max-width:640px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.rechtszurueck{align-self:flex-start;background:none;border:none;color:var(--messing);font-family:var(--sans);font-size:.9rem;padding:6px 0;cursor:pointer;margin-bottom:6px}.rechtsseite h1{font-family:var(--serif);font-size:1.6rem;font-weight:600;color:var(--text);text-transform:none;letter-spacing:normal;margin:0}.rechtsseite h2{font-family:var(--serif);font-size:1.05rem;color:var(--text);margin:14px 0 0}.rechtsseite p,.rechtsseite li{color:var(--muted);font-family:var(--sans);font-size:.9rem;line-height:1.6;margin:0}.rechtsseite .platz{color:var(--ink-faint);font-style:italic}.rechtsseite .entwurfhinweis{color:var(--warn);border:1px solid #6a5a2e;border-radius:8px;padding:10px 12px;font-size:.85rem;line-height:1.5}@media (prefers-reduced-motion: no-preference){.seal{animation:sealglow 6s ease-in-out infinite}@keyframes sealglow{0%,to{box-shadow:0 0 0 1px #c9a35c80,0 0 16px #c9a35c2e}50%{box-shadow:0 0 0 1px #c9a35c99,0 0 28px #c9a35c52}}}.hud .uhr{color:var(--messing);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.9rem}.hud .alarmwort{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hud .amzug{color:var(--muted);font-size:.86rem}.wuerfelphase{border:1px solid var(--line);border-radius:12px;background:var(--bg-2);padding:18px 16px;margin-top:14px;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.wuerfelphase .sub{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.wuerfelphase .band{font-size:1.7rem}.wuerfelphase .wuerfel{justify-content:center;margin-top:0}.wuerfelphase .wuerfel button{min-width:52px;height:52px;font-family:var(--serif);font-size:1.4rem;color:var(--brass-bright);background:linear-gradient(180deg,#20303a,#16232a);border:1px solid var(--line-strong);border-radius:12px}.einstieg .fehlerzeile{color:#e0977f;font-family:var(--sans);font-size:.86rem;text-align:center;margin:-4px 0 0}.karte.wiederaufbau{text-align:left}.wieder-block{border:1px solid var(--line);border-radius:10px;background:var(--bg-2);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.wieder-titel{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;margin:0 0 2px}.wieder-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem}.wieder-zeile .wer{color:var(--text)}.wieder-zeile .ziel{color:var(--muted);text-align:right}.ziehpanel{border:1px solid var(--messing);border-radius:12px;background:var(--bg-2);padding:16px;margin-top:14px;display:flex;flex-direction:column;gap:12px}.ziehpanel .sub{font-family:var(--serif);color:var(--brass-bright);font-size:1.05rem}.ziehpanel .dim{font-size:.9rem}.bestaetigpanel{border:1px solid var(--line-strong);border-radius:12px;background:var(--bg-2);padding:16px;margin-top:14px;display:flex;flex-direction:column;gap:10px}.bestaetigpanel .sub{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.bestaetigpanel .lese{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:1.1rem;color:var(--brass-bright);margin:0}.bestaetigpanel .dim{font-size:.9rem;margin:0}.play{height:100dvh;display:flex;flex-direction:column;width:min(760px,100%);margin:0 auto;overflow:hidden}.play .status{flex:none;padding:calc(14px + env(safe-area-inset-top)) 16px 13px;border-bottom:1px solid var(--line-strong);background:linear-gradient(180deg,var(--ground-3),var(--bg-2));box-shadow:inset 0 1px #ffffff0d,0 12px 22px -10px #000000e6;position:sticky;top:0;z-index:5}.play .status .r1{display:flex;align-items:center;justify-content:space-between;gap:10px}.play .status .wer{display:inline-flex;align-items:center;gap:8px;font-weight:600}.play .status .wer .pt{width:8px;height:8px;border-radius:50%;background:var(--messing);box-shadow:0 0 8px #c9a35c80;flex:none}.play .status .wer .rolle{color:var(--muted);font-weight:400;font-size:.86rem}.play .status .uhr{display:inline-flex;align-items:center;gap:5px;color:var(--messing);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.92rem}.play .status .uhr .icon{width:15px;height:15px}.play .status .r2{display:flex;align-items:center;gap:13px;margin-top:11px;font-size:.75rem;color:var(--muted);flex-wrap:wrap}.play .status .r2>span{display:inline-flex;align-items:center;gap:5px}.play .status .r2 .icon{width:15px;height:15px;color:var(--ink-faint)}.play .status .sep{opacity:.4}.play .stepdots{justify-content:center;padding:11px 0 2px;flex:none}.play .body{flex:1;min-height:0;padding:18px 16px 8px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overscroll-behavior:contain}.play .foot{flex:none;padding:12px 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--line);background:linear-gradient(0deg,var(--bg) 70%,transparent)}.play .foot .btn{width:100%}.play .btnrow{display:flex;gap:8px}.play .btnrow .btn{flex:1}.play .hub{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}.play .hub .name{font-family:var(--serif);font-weight:600;font-size:clamp(2.8rem,12vw,3.3rem);line-height:1;letter-spacing:-.02em;color:var(--text)}.play .hub .hrolle{color:var(--messing);font-size:1.05rem}.play .hub .ort{display:inline-flex;align-items:center;gap:5px;color:var(--ink-faint);font-size:.86rem;margin-top:12px}.play .hub .ort .icon{width:15px;height:15px}.play .eyebrow.mitikon{display:inline-flex;align-items:center;justify-content:center;gap:7px}.play .eyebrow.mitikon .icon{width:16px;height:16px}.play .hinweistext{display:flex;gap:10px}.play .hinweistext .icon{width:20px;height:20px;flex:none;margin-top:3px;color:var(--messing)}.play .crew{margin-top:18px;width:100%;display:flex;flex-direction:column;gap:6px}.play .crew .z{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:var(--bg-2)}.play .crew .z.aktiv{border-color:var(--brass-deep);color:var(--ink)}.play .story{font-family:var(--serif);font-size:1.08rem;line-height:1.62;color:var(--ink);white-space:pre-wrap}.play .story .drop:first-letter{float:left;font-size:3.1rem;line-height:.8;padding:6px 10px 0 0;color:var(--messing)}.play .frage{font-family:var(--sans);font-size:.82rem;color:var(--messing);text-align:center;letter-spacing:.03em}.play .feld{background:var(--bg-2);border:1px solid var(--line-strong);border-radius:9px;padding:12px 14px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.25rem;letter-spacing:.1em;color:var(--ink);width:100%}.play .lbl{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.play .feldwrap{display:flex;flex-direction:column;gap:7px}.play .wurf{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.play .wurf .band{font-size:2.1rem;padding:4px 22px}.play .augen{display:flex;gap:8px}.play .augen button{width:46px;height:46px;border-radius:12px;background:linear-gradient(180deg,#20303a,#16232a);border:1px solid var(--line-strong);color:var(--brass-bright);font-family:var(--serif);font-size:1.4rem}.play .folge{font-family:var(--serif);font-size:1.04rem;line-height:1.6;color:var(--ink);white-space:pre-wrap}.play .uebergabe{text-align:center;color:var(--messing);font-family:var(--sans);font-size:.88rem;letter-spacing:.03em;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}.play .loadrow{display:flex;align-items:center;gap:10px}.play .loadrow .lk{min-width:118px;font-size:.9rem;color:var(--ink)}.play .loadrow .mini{flex:1;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:8px;padding:9px 12px;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}.play .center{text-align:center}.play .status .verlaufbtn{flex:none;display:inline-flex;align-items:center;gap:6px;margin-right:4px;padding:6px 11px;border-radius:9px;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--messing);font-family:var(--sans);font-size:.68rem;letter-spacing:.08em;cursor:pointer}.play .status .verlaufbtn .icon{width:15px;height:15px}.play .status .verlaufbtn:hover{border-color:var(--brass-deep)}.play .status .r1 .wer{flex:1;min-width:0}.play .nrfelder{display:flex;gap:8px}.play .nrfeld{flex:1;min-width:0;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:9px;padding:12px 6px;text-align:center;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.25rem;letter-spacing:.14em;color:var(--ink)}.play .nrfeld:focus{border-color:var(--messing);outline:none}.play .nrfeld::placeholder{color:var(--ink-faint);font-family:var(--sans);font-size:.82rem;letter-spacing:.04em}.play .erkannt{font-size:.9rem;color:var(--messing);font-family:var(--serif)}.play .ziehschritt{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;margin-top:8px}.play .katkopf{font-family:var(--serif);font-size:1.5rem;color:var(--text);padding-bottom:6px;border-bottom:2px solid var(--messing)}.play .katkopf.k0{border-color:var(--k-werkzeug)}.play .katkopf.k1{border-color:var(--k-lebensmittel)}.play .katkopf.k2{border-color:var(--k-wurf)}.play .katkopf.k3{border-color:var(--k-licht)}.play .katkopf.k4{border-color:var(--k-akrobatik)}.play .katkopf.k5{border-color:var(--k-geschick)}.play .ziehschritt .feld{max-width:180px;text-align:center;font-size:1.5rem;letter-spacing:.18em}.play .gezogen{font-family:var(--serif);font-size:1.1rem;color:var(--messing)}.play .katblurb{font-size:.95rem;line-height:1.5;color:var(--muted);max-width:34ch}.play .startklar{display:flex;flex-direction:column;gap:16px}.play .gezogenliste{display:grid;grid-template-columns:1fr 1fr;gap:6px}.play .gz{display:flex;flex-direction:column;gap:1px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:var(--bg-2)}.play .gz .gk{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.play .gz .gn{font-family:var(--serif);color:var(--text);font-size:.98rem}.play .startpos{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}.play .startzeile{font-family:var(--serif);font-size:1.02rem;line-height:1.45;color:var(--text)}.play .startzeile b{color:var(--messing)}.hinweispopup{width:min(440px,100%);margin:auto 12px;align-self:center;display:flex;flex-direction:column;gap:12px;background:var(--bg);border:1px solid var(--line-strong);border-radius:16px;padding:22px 20px calc(18px + env(safe-area-inset-bottom));text-align:center}.hinweispopup .ausfall{font-family:var(--serif);font-size:1.12rem;line-height:1.5;color:var(--ink)}.hinweispopup .btn{width:100%}.play .laedt{display:flex;align-items:center;gap:12px;padding:26px 4px;color:var(--muted);font-family:var(--sans);font-size:.95rem}.play .laedt .spin{width:20px;height:20px;flex:none;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--messing);animation:playspin .8s linear infinite}@keyframes playspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.play .laedt .spin{animation-duration:2.4s}}.play .augen button.gewaehlt{border-color:var(--messing);color:var(--brass-bright);box-shadow:0 0 0 2px #c9a35c59}.play .aufloesung{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:4px;width:100%}.play .zuletzt{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);padding:12px 14px}.play .zuletzt .story{font-size:.98rem;line-height:1.55;max-height:30vh;overflow-y:auto}.vkombi{font-family:var(--serif);color:var(--messing);font-size:1.02rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#060a0cb8;display:flex;align-items:flex-end;justify-content:center;padding:0}.verlaufmodal{width:min(560px,100%);max-height:86dvh;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line-strong);border-radius:16px 16px 0 0;overflow:hidden}.verlaufmodal .vkopf{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.verlaufmodal .vtitel{font-family:var(--serif);font-size:1.15rem;color:var(--ink)}.btn.mini{padding:6px 12px;font-size:.82rem;width:auto}.verlaufmodal .vliste{list-style:none;margin:0;padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.verlaufmodal .vzeile{width:100%;text-align:left;display:flex;flex-direction:column;gap:3px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);cursor:pointer}.verlaufmodal .vzeile:hover{border-color:var(--brass-deep)}.verlaufmodal .vsp{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--messing)}.verlaufmodal .vkb{color:var(--ink);font-size:.98rem}.verlaufmodal .vdetail{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.verlaufmodal .vdetail .story{font-family:var(--serif);font-size:1.04rem;line-height:1.62;color:var(--ink);white-space:pre-wrap}@media (min-width: 700px){:root{font-size:18px}}@media (min-width: 1040px){:root{font-size:19px}}.play .story,.play .folge{width:100%;max-width:62ch;margin-inline:auto}