:root{--bg:#0b1424;--bg2:#13203a;--card:#17284a;--line:#27406d;--ink:#f3f5fa;--muted:#93a3c4;--gold:#fc3;--gold2:#ffb300;--red:#ef5350;--green:#5bd17a;--blue:#4fc3f7;--wood:#6b4226;--r:14px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:var(--ink);background:var(--bg2);border:1px solid var(--line);border-radius:10px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:70px}h1,h2,h3,h4{margin:0 0 8px;line-height:1.2}h3{font-size:1.05rem}a{color:var(--blue)}.small{font-size:.85rem}.muted{color:var(--muted)}.win{color:var(--green)}.loss{color:var(--red)}.hot{color:var(--gold);font-weight:700}.row{align-items:center;gap:8px;margin:6px 0;display:flex}.wrap{flex-wrap:wrap}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.splash{place-items:center;min-height:100vh;display:grid}.spinner{border:4px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh;padding-bottom:calc(70px + var(--safe-b))}.top{z-index:10;padding:calc(10px + var(--safe-t)) 16px 10px;border-bottom:1px solid var(--line);background:linear-gradient(#0b1424 70%,#0b1424d9);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:.5px;color:var(--gold);text-shadow:0 2px 0 var(--wood);font-size:1.15rem;font-weight:800}.me{align-items:center;gap:6px;display:flex}.balance{color:var(--gold);font-size:1.15rem;font-weight:800}main{max-width:640px;margin:0 auto;padding:12px}.tabs{z-index:20;border-top:1px solid var(--line);padding-bottom:var(--safe-b);background:#0e1a30;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--muted);background:0 0;border:0;flex:1;padding:14px 2px;font-size:.8rem;font-weight:600;position:relative}.tabs button.on{color:var(--gold)}.dot{background:var(--red);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:22%}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;padding:14px}.card.inner{background:var(--bg2)}.tag{text-transform:uppercase;letter-spacing:.4px;background:var(--bg2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.tag.gold{background:var(--gold);color:#3a2a00;border-color:var(--gold)}.tag.warn{color:#ffd28a;background:#5a2a00;border-color:#8a4a00}.banner{text-align:center;border-radius:10px;margin:0 0 10px;padding:10px 14px;font-weight:700}.banner.gold{background:var(--gold);color:#3a2a00}.banner.pillory-2{color:#ffd0d0;background:#6b1010;border-radius:0;margin:0}.banner.pillory-3{color:#fff;background:repeating-linear-gradient(90deg,#222 0 12px,#555 12px 16px);border-radius:0;margin:0}.btn{background:var(--bg2);border:1px solid var(--line);border-radius:12px;min-height:44px;padding:10px 14px;font-weight:700}.btn.primary{background:linear-gradient(180deg, var(--gold), var(--gold2));color:#2b1d00;border-color:var(--gold2)}.btn.danger{background:#8e1b1b;border-color:#b52a2a}.btn.ghost{background:0 0}.btn.big{width:100%;margin-top:8px;padding:14px;font-size:1.05rem}.btn.small{min-height:34px;padding:6px 10px;font-size:.85rem}.btn.sq{width:48px;min-width:48px;padding:0;font-size:1.4rem}.btn:disabled{opacity:.45}.link{color:var(--blue);background:0 0;border:0;padding:4px 8px;text-decoration:underline}.chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip{border:1px solid var(--line);background:var(--bg2);border-radius:999px;min-height:40px;padding:8px 14px;font-weight:600}.chip.on{background:var(--gold);color:#2b1d00;border-color:var(--gold)}.q-head{align-items:center;gap:6px;margin-bottom:8px;display:flex}.q-phase{margin-left:auto;font-size:.9rem}.q-text{margin:4px 0 8px;font-size:1.15rem}.q.done{opacity:.9}.q.reporting{border-color:var(--gold);box-shadow:0 0 0 2px #ffcc3340}.q.open{border-color:#3a64a8}.countdown{font-variant-numeric:tabular-nums;font-weight:700}.countdown.urgent{color:var(--red)}.opts{gap:8px;margin:8px 0;display:grid}.opt{text-align:left;background:var(--bg2);border:2px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;min-height:52px;padding:12px 14px;font-weight:600;display:flex}.opt.on{border-color:var(--gold);background:#2c2a1a}.odds{color:var(--gold);white-space:nowrap;margin-left:10px;font-weight:800}.numin{align-items:center;gap:8px;margin:8px 0;display:flex}.numin input{text-align:center;font-size:1.4rem;font-weight:800}.unit{color:var(--muted);font-weight:700}.persons{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.person{border:2px solid var(--line);background:var(--bg2);border-radius:12px;flex:28%;min-height:50px;padding:12px 6px;font-weight:700}.person.on{border-color:var(--gold);background:#2c2a1a}.person.big{flex-basis:45%;padding:18px 6px;font-size:1.2rem}.stake{margin:10px 0}.stake-row{justify-content:space-between;align-items:baseline;display:flex}.stake-val{color:var(--gold);font-size:1.3rem}.mult{color:var(--muted);font-size:.85rem}input[type=range]{height:36px;accent-color:var(--gold);background:0 0;border:0;padding:0}.mine{background:var(--bg2);border-radius:10px;margin-top:8px;padding:8px 10px}.report{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}.result{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px}.result p{margin:4px 0}.answers{margin:6px 0;padding:0;font-size:.9rem;list-style:none}.answers li{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.2fr auto;gap:6px;padding:4px 0;display:grid}.empty{text-align:center;padding:40px 10px;font-size:1.1rem}.sub{color:var(--muted);margin:18px 4px 8px;font-size:1rem}.ks-overlay{z-index:50;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));background:radial-gradient(circle at 50% 0,#22406f,#0b1424 70%);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.ks-top{justify-content:space-between;align-items:center;display:flex}.ks-timer{font-variant-numeric:tabular-nums;color:var(--gold);font-size:2.6rem;font-weight:900}.ks-timer.urgent{color:var(--red);animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.12)}}.ks-bar{background:var(--bg2);border-radius:4px;height:8px;margin:8px 0 16px;overflow:hidden}.ks-bar div{background:var(--gold);height:100%;transition:width .1s linear}.ks-q{margin:6px 0 16px;font-size:1.45rem}.ks-opts{flex:1;align-content:start;gap:10px;display:grid}.ks-opt{border:2px solid var(--line);background:var(--card);border-radius:14px;min-height:60px;font-size:1.2rem;font-weight:800}.ks-opt.on{border-color:var(--gold);background:#3b3415}.ks-opt.correct{border-color:var(--green);background:#164a2a}.ks-opt.wrong{border-color:var(--red);background:#5a1717}.ks-opt:disabled{opacity:1}.ks-foot{text-align:center;color:var(--muted);font-weight:700}.login{justify-content:center;align-items:flex-end;min-height:100vh;display:flex;position:relative}.login-bg,.teaser-hero{background:url(/img/titel-hoch.jpg) top/cover no-repeat}.login-bg{position:fixed;top:0;bottom:0;left:0;right:0}.login-bg:after{content:"";background:linear-gradient(#0b142400 30%,#0b1424f2 70%);position:absolute;top:0;bottom:0;left:0;right:0}@media (min-aspect-ratio:1){.login-bg,.teaser-hero{background-image:url(/img/titel-quer.jpg)}}.login-box{width:100%;max-width:420px;padding:20px 20px calc(30px + var(--safe-b));text-align:center;position:relative}.login-box h1{color:var(--gold);text-shadow:0 2px 6px #000;font-size:1.8rem}.pin-dots{justify-content:center;gap:16px;margin:14px 0;display:flex}.pin-dots span{border:2px solid var(--gold);border-radius:50%;width:18px;height:18px}.pin-dots span.on{background:var(--gold)}.pinpad{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}.pinpad button{border:1px solid var(--line);background:#17284ae6;border-radius:16px;height:64px;font-size:1.6rem;font-weight:700}.teaser-hero{border-bottom:3px solid var(--wood);height:52vh;margin:-12px -12px 0}.teaser-body{margin-top:-60px;position:relative}.greeting{border:1px solid var(--line);border-radius:var(--r);background:#0b1424e0;padding:14px;font-size:1.1rem;font-weight:600}.count{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;display:grid}.count div{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:12px;padding:10px 4px}.count b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.9rem;display:block}.count span{color:var(--muted);font-size:.75rem}.saying{text-align:center;color:#ffe7a3;margin:18px 6px;font-size:1.3rem;font-style:italic}.roster{margin:0;padding:0;list-style:none}.roster li{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;display:flex}.steps{padding-left:20px}.steps li{margin:8px 0}.steps li.ok{color:var(--green)}.tbl{border-collapse:collapse;width:100%;font-size:.92rem}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--line);padding:7px 4px}.tbl th{color:var(--muted);font-size:.78rem;font-weight:600}.rank td:nth-child(3){color:var(--gold)}.pl-1 td:nth-child(2),li.pl-1{color:#ffa94d}.pl-2 td:nth-child(2),li.pl-2{color:var(--red)}.pl-3 td:nth-child(2),li.pl-3{color:#bbb;text-decoration:line-through}.swatch{border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.legend{flex-wrap:wrap;gap:10px;font-size:.85rem;display:flex}.chart{width:100%;height:auto}.chart .axis{stroke:var(--line)}.chart .tick{fill:var(--muted);font-size:10px}.pranger{border-color:#6b1010}.pf{margin:8px 0;padding:0;list-style:none}.pf li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.pf-l{flex-direction:column;display:flex}.pf-r{align-items:center;gap:10px;display:flex}.pf-r b{text-align:center;min-width:44px;font-size:1.1rem}.feed-item{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.feed-ic{font-size:1.2rem}.feed-item img{border-radius:10px;max-width:100%;margin-top:6px}.t-malus{border-color:#6b1010}.t-phase,.t-summary{border-color:var(--gold)}.sect>summary{cursor:pointer;padding:2px 0;font-weight:800}.sect-body{margin-top:10px}.qrow{border-bottom:1px solid var(--line);padding:10px 0}.qrow-text{margin:4px 0;font-weight:600}.mrow{justify-content:space-between;align-items:center;gap:10px;margin:6px 0;display:flex}.mrow input{text-align:center;max-width:120px}.loc>summary{padding:8px 0;font-weight:700}.libitem{text-align:left;background:var(--bg2);border:1px solid var(--line);border-radius:10px;width:100%;margin:6px 0;padding:10px;display:block}.libitem.used{opacity:.5}.odds-in{max-width:80px}.ks-list{padding:0;list-style:none}.ks-list li{border-bottom:1px solid var(--line);padding:8px 0}.ks-list li.used{opacity:.55}.ledger{margin:0;padding:0;list-style:none}.ledger li{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr auto;gap:6px;padding:5px 0;font-size:.9rem;display:grid}.toast{left:12px;right:12px;bottom:calc(80px + var(--safe-b));z-index:60;border:1px solid var(--green);text-align:center;background:#1f3b26;border-radius:12px;padding:12px 14px;font-weight:600;position:fixed}.toast.err{border-color:var(--red);background:#4a1414}.reveal{text-align:center;padding:26px 12px}.reveal h2{color:var(--gold);font-size:1.6rem}.award{margin:10px 0;font-size:1.3rem;animation:.6s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}select{font:inherit;color:var(--ink);background:var(--bg2);border:1px solid var(--line);border-radius:10px;width:100%;margin:6px 0;padding:10px 12px}textarea{min-height:70px;margin:6px 0}.card.hl{border-color:var(--gold);box-shadow:0 0 0 2px #fc33}.hl-text{background:var(--bg2);border-left:3px solid var(--gold);border-radius:8px;padding:8px 10px}.decision+.decision,.mission+.mission,.duty+.duty{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.decision p,.mission p,.duty p{margin:4px 0}.mission.done p:first-child{color:var(--green)}.mission.busted p:first-child{color:var(--muted);text-decoration:line-through}.gcard{border:2px solid var(--line);background:var(--bg2);border-radius:14px;gap:8px;padding:12px;display:grid}.gcard.sabotage{border-color:var(--red);background:linear-gradient(160deg, #3a1420, var(--bg2))}.gcard.schutz{border-color:var(--blue);background:linear-gradient(160deg, #10304a, var(--bg2))}.gcard-head{justify-content:space-between;align-items:center;font-size:1.2rem;display:flex}.gcard-kind{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:.72rem}.gcard p{margin:0}.sub-form{margin-top:10px}.sub-form summary{cursor:pointer;color:var(--gold);font-weight:700}.form label{color:var(--muted);margin-top:8px;font-size:.85rem;display:block}.form input{margin:4px 0}.form>.btn{margin-top:8px}.finale-step{border-bottom:1px solid var(--line);padding:8px 0}.finale-step ul{margin:6px 0 0;padding-left:18px}.tbl-wrap{overflow-x:auto}.tbl.stats td,.tbl.stats th{text-align:center;white-space:nowrap}.tbl.stats td:first-child{text-align:left;white-space:normal;min-width:130px}.pl-3 td:nth-child(2){background:repeating-linear-gradient(90deg,#0000 0 10px,#c8c8c859 10px 13px)}.reveal-ov{z-index:60;background:#050a14eb;place-items:center;padding:20px;animation:.3s fadein;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.reveal-box{text-align:center;background:var(--card);border:2px solid var(--gold);border-radius:20px;width:100%;max-width:520px;max-height:85vh;padding:24px 18px;animation:.45s cubic-bezier(.2,1.6,.4,1) pop;overflow-y:auto}.reveal-kicker{color:var(--gold);letter-spacing:1px;text-transform:uppercase;font-size:.8rem;font-weight:800}.reveal-box h2{margin:8px 0 14px}.reveal-winner{color:var(--gold);text-shadow:0 3px 0 var(--wood);margin:10px 0;font-size:2.6rem;font-weight:900;animation:.8s cubic-bezier(.2,1.6,.4,1) .3s both pop}.reveal-lines{text-align:left;margin:0;padding:0;list-style:none}.reveal-lines li{border-bottom:1px solid var(--line);opacity:0;padding:8px 0;animation:.4s forwards slidein}.reveal-ov.award{background:radial-gradient(circle at 50% 40%,#ffcc3340,#050a14f2 60%)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.seg{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.seg button{border:1px solid var(--line);background:var(--bg2);border-radius:999px;min-height:40px;padding:8px 12px;font-weight:600}.seg button.on{background:var(--gold);color:#2b1d00;border-color:var(--gold)}.qlist{margin:8px 0;padding:0;list-style:none}.qlist li{border-bottom:1px solid var(--line);gap:4px;padding:10px 0;display:grid}.form h4{margin:14px 0 4px}.top{flex-direction:column;align-items:stretch;gap:2px;display:flex}.top .brand{text-align:center;white-space:nowrap;font-size:1.1rem}.top .me{justify-content:flex-end;min-height:0}.top .me:empty{display:none}.login-brand{text-align:center;margin-bottom:8px;font-size:1.35rem}.login-box>h1,.login-box>p,.login-brand{text-shadow:0 2px 8px #000,0 0 2px #000}.login-box>h1{background:#0b1424b8;border-radius:14px;padding:6px 12px}@media (max-width:360px){.top .brand{font-size:.95rem}}.login-box>p.muted{color:#e6ecf7}.intro{z-index:70;background:#0b1424;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.intro-hero{opacity:.55;background:url(/img/titel-hoch.jpg) top/cover no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.intro-hero:after{content:"";background:linear-gradient(#0b142400 20%,#0b1424f2 62%);position:absolute;top:0;bottom:0;left:0;right:0}.intro-box{width:100%;max-width:480px;padding:20px 22px calc(28px + var(--safe-b));text-align:center;animation:.35s slidein;position:relative}.intro-box h1,.intro-box h2{color:var(--gold);text-shadow:0 2px 0 var(--wood), 0 2px 10px #000;margin:6px 0 12px}.intro-box p{text-shadow:0 1px 6px #000;margin:8px 0;font-size:1.05rem}.intro-icon{font-size:3rem;animation:.5s cubic-bezier(.2,1.6,.4,1) pop}.intro-box.start .btn{width:100%;margin-top:14px}.intro-dots{justify-content:center;gap:6px;margin:16px 0 10px;display:flex}.intro-dots span{background:var(--line);border-radius:50%;width:8px;height:8px}.intro-dots span.on{background:var(--gold)}.intro-mute{background:0 0;border:0;font-size:1.4rem;position:absolute;top:4px;right:10px}.row .grow{flex:1}.howto{border:1px solid var(--blue);background:#1f3358;border-radius:12px;align-items:flex-start;gap:10px;margin:8px 0;padding:10px;display:flex}.howto p{margin:2px 0 0;font-size:.9rem}.howto .btn{flex-shrink:0;align-self:center}.howto-ic{font-size:1.3rem}.manual-item{border-bottom:1px solid var(--line);padding:8px 0}.manual-item p{margin:3px 0}.link{color:var(--muted);background:0 0;border:0;margin-top:10px;text-decoration:underline}.ks-rule{text-align:center;color:var(--gold);margin:6px 0 0;font-size:.9rem;font-weight:700}.link.logout{margin:18px auto 30px;display:block}.stage{background:linear-gradient(160deg, #1d3561, var(--card));border-color:#3a5a92}.stage-head{align-items:center;gap:12px;display:flex}.stage-head h2{color:var(--gold);margin:0}.stage-ic{font-size:2.2rem}.stage-what{margin:10px 0;font-size:1.05rem}.stage-line{justify-content:space-between;gap:4px;margin:10px 0 4px;display:flex}.stage-line span{text-align:center;opacity:.45;border-radius:10px;flex:1;padding:4px 0;font-size:1.2rem}.stage-line span small{color:var(--muted);font-size:.7rem;display:block}.stage-line span.past{opacity:.7}.stage-line span.on{opacity:1;outline:2px solid var(--gold);background:#ffcc332e}.count-badge{background:var(--red);color:#fff;vertical-align:middle;border-radius:999px;padding:1px 8px;font-size:.8rem;display:inline-block}.todo{margin-bottom:4px}.step{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 2px 6px;display:flex}.step-n{background:var(--gold);color:#2b1d00;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:inline-grid}.todo-link p{margin:0 0 10px}.optional{gap:6px;display:grid}.fold{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;padding:12px 4px;font-weight:700;display:block}.small-empty{padding:18px 10px}.drehbuch{border-color:var(--gold)}.drehbuch h3{color:var(--gold);margin:4px 0}.why{color:#c9d4ea;margin:-2px 4px 8px 38px;font-size:.9rem;line-height:1.35}.opt-item .why{margin:0 0 6px}.mtodo{border:2px solid var(--line)}.mtodo.has{border-color:var(--gold);box-shadow:0 0 0 3px #ffcc3326}.mtodo h3{margin-top:0}.mtodo-item{border-bottom:1px solid var(--line);margin-bottom:6px;padding-bottom:10px}.mtodo-item .btn{margin-left:38px}.mtodo-opt{gap:6px;margin-top:10px;display:grid}.db-item{margin:6px 0 10px}.db-item .btn{text-align:left;width:100%}.db-item .why{margin:4px 4px 0}.master-hint{cursor:pointer;padding:10px 14px}.master-hint.has{border-color:var(--gold);background:#2c2a1a}.wait-row{margin-bottom:8px}.wait-head{text-align:left;background:var(--card);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:14px;gap:4px;padding:10px 12px;display:grid}.wait-head .tag{justify-self:start}.wait-text{font-weight:600}.wait-next{color:#c9d4ea;font-size:.88rem}.test-note{border:1px dashed var(--blue);background:#10304a;border-radius:12px;margin:8px 0;padding:8px 10px;font-size:.9rem}