:root{--papier:#f4e7cf;--tinte:#2f2418;--gold:#c9973f;--blau:#1f3f6d;--rot:#c0432f;--gruen:#4d9a55;--glas:#141a2c9e;--rand:#fff0d23d;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif}#hud{pointer-events:none;color:#fff7e8;text-shadow:0 1px 3px #0009;font-size:15px;position:fixed;inset:0}#hud button,#hud input,#hud select{font:inherit}#hud button{pointer-events:auto;cursor:pointer}.glas{background:var(--glas);border:1px solid var(--rand);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px}.kopfzeile{top:max(10px, env(safe-area-inset-top));align-items:center;gap:14px;padding:7px 12px;display:flex;position:absolute;left:12px}.kopfzeile .rangbalken{background:#ffffff2e;border-radius:3px;width:110px;height:5px;margin-top:3px;overflow:hidden}.kopfzeile .rangbalken i{background:var(--gold);height:100%;display:block}.geld{color:#ffd98a}.knopfleiste{top:max(10px, env(safe-area-inset-top));gap:6px;display:flex;position:absolute;right:12px}.rund{background:var(--glas);border:1px solid var(--rand);color:#fff7e8;border-radius:9px;padding:7px 11px}.rund.aus{opacity:.55}.rund.an{background:#c0432fcc}.ereignis{top:max(62px, calc(env(safe-area-inset-top) + 52px));text-align:center;min-width:220px;padding:7px 14px;position:absolute;left:50%;transform:translate(-50%)}.ereignis b{color:#ffd98a;display:block}.ereignis .balken{background:#ffffff2e;border-radius:3px;height:5px;margin-top:5px;overflow:hidden}.ereignis .balken i{background:var(--rot);height:100%;display:block}.ziele{max-width:270px;padding:9px 12px;font-size:13.5px;position:absolute;top:64px;right:12px}.ziele h4{color:#ffd98a;margin:0 0 3px;font-size:13.5px;font-weight:400}.ziele p{opacity:.92;margin:0 0 7px}.meldungen{text-align:center;flex-direction:column;gap:5px;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}.meldungen div{font-size:18px;animation:.3s auf}.meldungen .gut{color:#bff0a4}.meldungen .schlecht{color:#ffb0a0}@keyframes auf{0%{opacity:0;transform:translateY(8px)}}.bord{bottom:max(12px, env(safe-area-inset-bottom));align-items:flex-end;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.anzeigen{min-width:190px;padding:8px 12px;font-size:13px}.leiste{grid-template-columns:74px 1fr;align-items:center;gap:6px;margin:2px 0;display:grid}.leiste .b{background:#ffffff29;border-radius:3px;height:6px;overflow:hidden}.leiste .b i{background:var(--gruen);height:100%;display:block}.leiste.warn .b i{background:var(--rot)}.fluganzeige{align-items:center;gap:14px;padding:8px 12px;display:flex}.fluganzeige .zahl{font-size:22px;line-height:1}.fluganzeige small{opacity:.75;font-size:11px;display:block}.kompass{border:1px solid var(--rand);border-radius:50%;flex:0 0 54px;width:54px;height:54px;position:relative}.kompass i{transform-origin:bottom;background:#9fd8ff;border-radius:2px;width:2px;height:24px;margin-top:-24px;margin-left:-1px;position:absolute;top:50%;left:50%}.schicht{text-align:center;color:#ffe2ae;font-size:13px}.waffen{gap:5px;padding:6px;display:flex}.waffe{border:1px solid var(--rand);color:#fff;background:#00000042;border-radius:7px;width:74px;height:50px;padding:3px;font-size:11px;position:relative;overflow:hidden}.waffe.an{border-color:#ffd98a}.waffe i{background:#ffffff4d;width:100%;position:absolute;bottom:0;left:0}.aktion{color:#2f2418;text-shadow:none;background:#c9973feb;border:0;border-radius:12px;padding:10px 22px;font-size:18px;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}.andeck{left:12px;bottom:max(14px, env(safe-area-inset-bottom));position:absolute}@media (pointer:coarse){.andeck{bottom:230px}}.plakette{text-align:center;white-space:nowrap;font-size:12.5px;position:absolute;transform:translate(-50%,-100%)}.plakette.feind{color:#ffc3b5}.plakette.freund{color:#b6f5b0}.geschichte .hilfe{opacity:.85;font-size:13.5px}.plakette.boss{color:#ffd98a;font-size:15px}.plakette .b{background:#0006;border-radius:2px;width:64px;height:4px;margin:2px auto 0;overflow:hidden}.plakette .b i{background:var(--rot);height:100%;display:block}.chat{width:300px;font-size:13.5px;position:absolute;bottom:150px;left:12px}.chat input{pointer-events:auto;box-sizing:border-box;color:#fff;border:1px solid var(--rand);background:#00000080;border-radius:6px;width:100%;padding:6px 8px}.schleier{pointer-events:auto;background:#0c102073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blatt{background:var(--papier);color:var(--tinte);text-shadow:none;border-radius:12px;flex-direction:column;width:min(760px,96vw);max-height:88vh;display:flex;box-shadow:0 16px 50px #00000080}.blatt header{border-bottom:1px solid #d3bd94;justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.blatt header h2{margin:0;font-size:22px;font-weight:400}.blatt .tabs{flex-wrap:wrap;gap:4px;padding:6px 12px 0;display:flex}.blatt .tabs button{color:var(--tinte);background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 10px}.blatt .tabs button.an{border-color:var(--rot);color:var(--rot)}.blatt .inhalt{-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:10px 16px 16px;overflow:auto}.zeile{border-bottom:1px solid #e0cfae;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.zeile b{font-size:16.5px;font-weight:400}.zeile small{color:#6b5a44;display:block}.zeile .tun{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.kn{background:var(--blau);color:#fff;border:0;border-radius:7px;padding:7px 12px}.kn:disabled{opacity:.4;cursor:default}.kn.leer{color:var(--tinte);background:0 0;border:1px solid #a98f66}.tastenraster{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 18px;margin:6px 0 10px;display:grid}.tastenzeile{justify-content:space-between;align-items:center;gap:8px;display:flex}.tastenzeile .kn{min-width:62px;padding:4px 10px}.zu{color:var(--tinte);background:0 0;border:0;font-size:24px;line-height:1}.feld{gap:6px;margin:8px 0;display:flex}.feld input{pointer-events:auto;background:#fbf4e4;border:1px solid #a98f66;border-radius:7px;flex:1;min-width:0;padding:7px 9px}.start{pointer-events:auto;text-align:center;background:linear-gradient(#0000 50%,#0a0e1e73);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.start h1{letter-spacing:.01em;color:#fff7e8;text-shadow:0 3px 22px #281e508c;margin:0;font-size:clamp(52px,12vw,104px);font-weight:400}.start p{margin:4px 0 18px;font-size:clamp(16px,2.6vw,22px)}.start form{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.start input{color:var(--tinte);background:#fff7e8eb;border:0;border-radius:10px;min-width:200px;padding:12px 14px;font-size:18px}.start button{background:var(--gold);color:var(--tinte);border:0;border-radius:10px;padding:12px 24px;font-size:18px}.start .alpha{opacity:.8;margin-top:16px;font-size:13px}.start .spr{gap:8px;margin-top:8px;display:flex}.start .spr button{color:#fff;opacity:.7;background:0 0;padding:4px 8px;font-size:14px}.start .spr button.an{opacity:1;text-decoration:underline}.intro{text-align:center;padding:0 20px;font-size:clamp(20px,3vw,30px);position:absolute;bottom:18%;left:0;right:0}.intro .spring{color:#ffd98a;pointer-events:auto;background:0 0;border:0;margin:12px auto 0;font-size:34px;animation:.7s infinite alternate puls;display:block}@keyframes puls{to{transform:scale(1.14)}}.weiss{background:#fff;position:absolute;inset:0}.ueber{position:absolute;bottom:14px;right:14px}.geschichte{pointer-events:auto;width:min(560px,92vw);padding:12px 16px;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.geschichte p{margin:0 0 8px;font-size:16.5px;line-height:1.4}.geschichte .kn{background:var(--gold);color:var(--tinte)}.netz{padding:10px 18px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.leistungstext{opacity:.8;font-size:12px;position:absolute;bottom:6px;left:12px}.karte canvas{touch-action:none;background:#5c8fc8;border-radius:8px;width:100%;height:min(62vh,560px);display:block}.tasten{display:none}@media (pointer:coarse){.tasten{display:block}.ziele{display:none}.ziele.oben{max-width:54vw;padding:5px 8px;font-size:12px;display:block;top:58px;left:12px;right:auto}.bord{gap:4px;bottom:166px;left:12px;transform:none}.anzeigen,.waffen{display:none}.aktion{bottom:226px}.chat{display:none}.fluganzeige{gap:8px;padding:4px 8px}.kompass{flex:0 0 38px;width:38px;height:38px}.kompass i{height:17px;margin-top:-17px}.fluganzeige .zahl{font-size:17px}}.griff{left:max(14px, env(safe-area-inset-left));border:1px solid var(--rand);pointer-events:auto;touch-action:none;background:#141a2c52;border-radius:50%;width:132px;height:132px;position:absolute;bottom:22px}.griff i{background:#fff7e880;border-radius:50%;width:54px;height:54px;position:absolute;top:39px;left:39px}.hebel{right:max(12px, env(safe-area-inset-right));border:1px solid var(--rand);pointer-events:auto;touch-action:none;background:#141a2c52;border-radius:28px;width:56px;height:150px;position:absolute;bottom:150px}.hebel i{background:#fff7e880;border-radius:22px;width:44px;height:50px;position:absolute;top:49px;left:5px}.feuerknopf{color:#fff;background:#c0432fc7;border:0;border-radius:50%;width:64px;height:64px;font-size:22px;position:absolute;bottom:20px}.klein{border:1px solid var(--rand);color:#fff;background:#141a2c80;border-radius:50%;width:48px;height:48px;font-size:18px;position:absolute}@media (width<=760px){.bord .schicht{display:none}}