:root{--bg:#1d1a16;--panel:#2a251f;--panel-2:#342e26;--line:#4a4136;--text:#f3e9d2;--muted:#b9ab8e;--accent:#d9a441;--accent-text:#1d1a16;--danger:#e57361;--ok:#8fc27a;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at top, #2b241c 0%, var(--bg) 60%);min-height:100vh;margin:0}h1,h2,h3{margin:0 0 .5rem;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{font-size:1.8rem}h2{font-size:1.3rem}h3{color:var(--muted);margin-top:1rem;font-size:1rem}.brand{color:var(--accent);white-space:nowrap;font-family:Georgia,serif;font-size:1.3rem}.centered{place-content:center;justify-items:center;gap:1.5rem;min-height:100vh;padding:16px;display:grid}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:1;background:#1d1a16e6;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.75rem 16px;display:flex;position:sticky;top:0}.topbar nav{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.who{color:var(--muted);align-items:center;gap:.75rem;display:flex}.content{max-width:1100px;margin:0 auto;padding:1.5rem 16px 3rem}.content>section>.card,.content>section>form{margin-top:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.card.narrow{width:100%;max-width:440px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1rem;margin-top:1rem;display:grid}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.field{flex-direction:column;gap:.3rem;display:flex}.field>span{color:var(--muted);font-size:.9rem}input,select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;width:100%;min-height:44px;padding:.55rem .7rem}.row select{flex:1;width:auto}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;cursor:pointer;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:.55rem 1rem}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.tab{background:0 0;border-color:#0000}button.tab.active{background:var(--panel-2);border-color:var(--line);color:var(--accent)}button.link{min-height:auto;color:var(--accent);background:0 0;border:none;padding:.25rem;text-decoration:underline}button.link.danger{color:var(--danger)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.5rem .4rem}th{color:var(--muted);font-size:.9rem;font-weight:400}.right{text-align:right}.members{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.members li{grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;display:grid}.members select{width:auto}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.15rem .6rem;font-size:.8rem}.badge.ok{border-color:var(--ok);color:var(--ok)}.muted{color:var(--muted);margin:0}.small{font-size:.85rem}.error{color:var(--danger);margin:0}.success{color:var(--ok);margin:0}@media (width<=600px){.who span{display:none}.members li{grid-template-columns:1fr auto}}button.session{text-align:left;flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}button.big{padding:.8rem 1.5rem;font-size:1.1rem}.section-title{margin-top:2rem}.narrow-field{max-width:440px;margin-top:1rem}.start-row{justify-content:flex-start;margin-top:1rem}.characters{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}button.character{flex-direction:column;align-items:center;gap:.1rem;padding:.6rem .4rem;font-size:.9rem;line-height:1.2;display:flex}button.character.active{border-color:var(--accent);background:#3d3426}.emoji{font-size:1.6rem;line-height:1.2}.check{align-items:center;gap:.4rem;display:flex}.check input{width:22px;min-height:22px}.table{flex-direction:column;min-height:100vh;display:flex}.table-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 16px;display:flex}.table-title{text-align:center;flex-direction:column;align-items:center;font-family:Georgia,serif;display:flex}.table-main{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 16px;display:grid}.stage{flex-direction:column;gap:1.25rem;display:flex}.narration{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#2f2820,#26211b);padding:1.5rem 1.75rem;font-family:Georgia,serif;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.55}.narration p{margin:0 0 .75rem}.thinking{color:var(--accent);font-size:1.2rem}.dots:after{content:"";animation:1.2s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.action h2{font-size:1.4rem}.who-picker{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}button.chip{border-radius:999px;min-height:40px;padding:.3rem .9rem}button.chip.active{border-color:var(--accent);color:var(--accent)}.options{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.75rem;display:grid}button.option{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-height:110px;padding:1rem .75rem;font-size:1.1rem;display:flex}button.option .emoji{font-size:2.4rem}button.option:hover:not(:disabled){border-color:var(--accent)}.free{gap:.5rem;display:flex}.dice-input{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}input.die{text-align:center;border-radius:14px;width:5rem;height:5rem;font-size:2.2rem;font-weight:700}.confirm{margin:0;font-family:Georgia,serif;font-size:1.8rem}.finale{text-align:center;align-items:center}.sidebar{flex-direction:column;gap:1rem;min-width:0;display:flex}.seats{flex-direction:column;gap:.5rem;display:flex}.seat{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.seat>div{flex-direction:column;display:flex}.seat.active{border-color:var(--accent);box-shadow:0 0 0 2px #d9a4414d}.log{flex-direction:column;gap:.5rem;max-height:45vh;padding-right:.25rem;font-size:.9rem;display:flex;overflow-y:auto}.log-entry{background:var(--panel);border-radius:8px;padding:.4rem .6rem}.log-entry.erzaehler{color:var(--muted)}.log-entry.wurf{border-left:3px solid var(--accent)}.log-scene{text-align:center;color:var(--accent);margin-top:.5rem;font-family:Georgia,serif}.tiny{font-size:.75rem}@media (width<=900px){.table-main{grid-template-columns:1fr}}.overlay{z-index:10;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay-box{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:1rem;width:100%;max-width:1100px;max-height:90vh;padding:1.5rem;display:flex;overflow-y:auto}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.qr-card{text-align:center;align-items:center;gap:.4rem}.qr{background:#fff;border-radius:8px;place-items:center;width:200px;height:200px;padding:6px;display:grid}.qr svg{width:100%;height:100%}.device-dot{margin-left:auto}.device{flex-direction:column;min-height:100vh;display:flex}.device-bar{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.6rem 16px;display:flex}.device-bar>div{flex-direction:column;display:flex}.device-main{flex-direction:column;flex:1;gap:1rem;width:100%;max-width:760px;margin:0 auto;padding:1rem 16px 6rem;display:flex}.device-tabs{background:var(--panel);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.device-tabs button{background:0 0;border:none;border-radius:0;min-height:60px;font-size:1.1rem}.device-tabs button.active{color:var(--accent);background:var(--panel-2)}.big-emoji{font-size:2.2rem}.huge-emoji{font-size:4rem}.big-thinking{text-align:center;padding:2rem 0;font-size:1.5rem}.waiting{text-align:center;padding:1.5rem 0 .5rem;font-size:1.4rem}.waiting p{margin:.25rem 0 0}.device-narration{color:var(--muted);font-family:Georgia,serif;font-size:1.05rem}.heard{margin:0;font-family:Georgia,serif;font-size:1.6rem}.roll-call{text-align:center;font-size:1.8rem}.big-confirm{text-align:center;font-size:2.6rem}.talk{flex-direction:column;align-items:center;gap:.5rem;display:flex}button.talk-button{border:2px solid var(--accent);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#3b3022;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:96px;font-size:1.25rem;font-weight:600;display:flex}button.talk-button .emoji{font-size:2.2rem}button.talk-button.hoert{border-color:var(--danger);background:#5a2a22;transform:scale(1.03)}.sheet{flex-direction:column;gap:1rem;display:flex}.sheet-head{text-align:center;align-items:center}.hearts{letter-spacing:.1rem;word-break:break-all;margin:0;font-size:1.6rem}.skill-list{flex-direction:column;gap:.35rem;margin:0;padding:0;font-size:1.1rem;list-style:none;display:flex}.skill-list.columns{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));font-size:.95rem;display:grid}.abilities{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.ability{border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:center;padding:.5rem;display:flex}.ability strong{font-size:1.5rem}.device.kid button.option{min-height:140px;font-size:1.3rem}.device.kid button.option .emoji{font-size:3.2rem}.session-row{align-items:stretch;gap:.5rem;margin-top:.5rem;display:flex}.session-row .session{flex:1;min-width:0}button.icon-button{padding:0 .9rem;font-size:1.1rem}button.icon-button.danger:hover{border-color:var(--danger)}.cogm summary{cursor:pointer;font-weight:600}.cogm[open]{gap:.75rem}.cogm-buttons{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;display:grid}.cogm-buttons button:last-child{grid-column:span 2}.cogm-hint{gap:.5rem;display:flex}.cogm .row .field{flex:1}.pause-card{text-align:center;align-items:center}.grow{flex:1;min-width:0}.settings-row{justify-content:flex-start;margin-top:.5rem}.settings-row .field{min-width:220px}button.dice-tap{min-height:90px;font-size:1.5rem}.combat-card{gap:.75rem}.battlemap{-webkit-user-select:none;user-select:none;background:#15120f;border-radius:10px;gap:2px;width:100%;max-width:820px;margin:0 auto;padding:4px;display:grid}.tile{aspect-ratio:1;border-radius:4px;place-items:center;font-size:clamp(.9rem,2.4vw,1.6rem);display:grid;position:relative}.tile.weg{background:#8a7454}.tile.gras{background:#5d7a3e}.tile.steg{background:#9b7a4a}.tile.baum{background:#3f5a2c}.tile.fels{background:#6b665e}.tile.wasser{background:#3b6c8f}.tile.nebel{background:#0c0b0a}.tile.erreichbar{cursor:pointer;filter:brightness(1.15);box-shadow:inset 0 0 0 3px #8fe37a}.tile.erreichbar:hover{box-shadow:inset 0 0 0 4px #c4ffb0}.token{cursor:default;background:#2a251f;border:3px solid #e9dcc0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:88%;height:88%;min-height:0;padding:0;display:flex;position:relative}.token.gegner{border-color:#c75a4a}.token.dran{box-shadow:0 0 0 3px var(--accent), 0 0 14px var(--accent)}.token.ziel{cursor:pointer;border-color:#ff5a3c;animation:1s ease-in-out infinite pulse}.token.freund{cursor:pointer;border-color:#6fd18a;animation:1s ease-in-out infinite pulse}.token.ko{filter:grayscale();opacity:.75}.token.versteckt{opacity:.55;border-style:dashed}@keyframes pulse{50%{transform:scale(1.08)}}.token-emoji{font-size:clamp(.9rem,2.6vw,1.7rem);line-height:1}.token-hp{background:#4a1d17;border-radius:2px;width:70%;height:4px;overflow:hidden}.token-hp span{background:#7ed36b;height:100%;display:block}.token-hearts{font-size:.5rem;line-height:1}.battlemap.kid .token{border-width:4px;width:100%;height:100%}.battlemap.kid .token-emoji{font-size:clamp(1.2rem,3.4vw,2.2rem)}.combat-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.turn-order{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.order-chip{border:1px solid var(--line);border-radius:999px;padding:.15rem .55rem;font-size:.85rem}.order-chip.gegner{border-color:#7a3b31}.order-chip.dran{border-color:var(--accent);color:var(--accent);font-weight:600}.device-combat{flex-direction:column;gap:.75rem;display:flex}.your-turn{text-align:center;color:var(--accent);margin:0;font-size:1.4rem}.device.kid .combat-actions button{flex:45%;min-height:64px;font-size:1.15rem}.battlemap{gap:0;padding:0;display:block;position:relative;overflow:hidden}.battlemap .tiles{display:grid}.battlemap .tile{border-radius:0;box-shadow:inset 0 0 0 1px #00000059}.battlemap .tile.erreichbar{box-shadow:inset 0 0 0 3px #8fe37a}.battlemap .tokens{pointer-events:none;position:absolute;inset:0}.token-slot{place-items:center;transition:left .7s ease-in-out,top .7s ease-in-out;display:grid;position:absolute}.token-slot .token{pointer-events:auto}.effekt{pointer-events:none;z-index:3;place-items:center;display:grid;position:absolute}.effekt span{white-space:nowrap;text-shadow:0 2px 4px #000,0 0 2px #000;font-size:clamp(.9rem,2.4vw,1.5rem);font-weight:800;animation:1.5s ease-out forwards aufsteigen}.effekt.treffer span{color:#ff6b5a}.effekt.krit span{color:#ffd23f;font-size:clamp(1.1rem,3vw,1.9rem)}.effekt.daneben span{color:#cfd8e3}.effekt.heilen span{color:#7fe08f}.effekt.flucht span,.effekt.ko span,.effekt.versteckt span{color:#f3e9d2}@keyframes aufsteigen{0%{opacity:0;transform:translateY(10%)scale(.6)}15%{opacity:1;transform:translateY(-20%)scale(1.25)}70%{opacity:1;transform:translateY(-90%)scale(1)}to{opacity:0;transform:translateY(-140%)scale(.95)}}.geschoss{z-index:4;place-items:center;font-size:clamp(.9rem,2.4vw,1.5rem);animation:.45s linear forwards fliegen;display:grid;position:absolute}@keyframes fliegen{0%{left:var(--fx);top:var(--fy)}to{left:var(--tx);top:var(--ty)}}.center{text-align:center;margin:0}.die-field{flex-direction:column;align-items:center;gap:.15rem;display:flex}.bonus-tag{border:1px solid var(--accent);color:var(--accent);border-radius:999px;margin-left:.25rem;padding:0 .35rem;font-size:.7rem}.token-mark{font-size:clamp(.6rem,1.6vw,1rem);position:absolute;top:-12%;right:-12%}.effekt.zauber span{color:#ffb84d}textarea{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);resize:vertical;border-radius:8px;width:100%;padding:.55rem .7rem}textarea.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85rem;line-height:1.35}.progress{flex-direction:column;gap:.3rem;display:flex}.progress-bar{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;height:10px;overflow:hidden}.progress-bar span{background:var(--accent);height:100%;transition:width .4s;display:block}.review h1{margin:.5rem 0}.review h3{margin:.5rem 0 0;font-size:1rem}.issues ul{margin:0;padding-left:1.2rem}.issues summary{cursor:pointer;font-weight:600}.review-tabs{flex-wrap:wrap;gap:.25rem;margin-top:1rem;display:flex}.review-layout{grid-template-columns:minmax(180px,260px) 1fr;align-items:start;gap:1rem;margin-top:1rem;display:grid}.scene-list{flex-direction:column;gap:.15rem;max-height:80vh;margin:0;padding:0;list-style:none;display:flex;position:sticky;top:1rem;overflow-y:auto}.scene-list button{text-align:left;width:100%;min-height:36px;padding:.4rem .6rem}.check-row{flex-wrap:nowrap}.check-row input.dc{flex:none;width:4.5rem}.exits{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.map-edit{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.minimap{background:#15120f;border-radius:8px;gap:1px;padding:3px;display:grid}.minimap .tile{border-radius:2px;font-size:.8rem}.json-item{flex-direction:column;gap:.5rem;display:flex}.json-item>button{text-align:left}@media (width<=760px){.review-layout,.map-edit{grid-template-columns:1fr}.scene-list{max-height:40vh;position:static}}