:root{--grund: #1f2159;--rahmen: #3a3d8f;--schrift: #cfd3ff;--gedaempft: #8f93c8;--hervor: #ffd34d;--gut: #8ed07a;--schlecht: #e8837a;--land-kauf: #a8e89a;--land-verkauf: #4fae5a;--korn-kauf: #ffe45c;--korn-verkauf: #c98a4b;--rand: 8px;--gruppenabstand: 14px}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--schrift);font-family:ui-monospace,Courier New,monospace;font-size:18px;line-height:1.4}#statusleiste{position:sticky;top:0;display:flex;justify-content:space-between;align-items:baseline;gap:1ch;padding:var(--rand);background:var(--rahmen);color:var(--hervor)}#statusleiste:empty{display:none}.status-jahr{font-size:.8em;margin-left:auto}.status-ton{min-width:44px;min-height:32px;margin-left:1ch;background:none;border:1px solid var(--hervor);color:var(--hervor);font:inherit;cursor:pointer}#bildschirm{max-width:560px;margin:0 auto;padding:var(--rand)}h1{font-size:1em;font-weight:400;color:var(--hervor);margin:0 0 var(--gruppenabstand)}.gruppe+.gruppe{margin-top:var(--gruppenabstand)}.gruppe:empty{display:none}.kopfzeile{display:flex;justify-content:space-between;gap:1ch}.kopfzeile-wert{color:var(--hervor);text-align:right;white-space:nowrap}.ton-gut,.ton-gut .kopfzeile-wert{color:var(--gut)}.ton-schlecht,.ton-schlecht .kopfzeile-wert{color:var(--schlecht)}.ton-gedaempft,.ton-gedaempft .kopfzeile-wert{color:var(--gedaempft)}.tabelle{width:100%;border-collapse:collapse;font-size:.8em}.tabelle th{text-align:right;font-weight:400;color:var(--gedaempft);padding:2px 0}.tabelle td{text-align:right;color:var(--hervor);padding:3px 0;white-space:nowrap}.tabelle th:first-child,.tabelle td:first-child{text-align:left;color:var(--schrift)}.tabelle tr.hervor td,.tabelle tr.hervor td:first-child{color:#fff}.balken{height:12px;border:1px solid var(--rahmen);margin:8px 0}.balken-fuellung{height:100%;background:var(--hervor)}.meldung{color:var(--hervor);margin:var(--gruppenabstand) 0}.eintraege{margin-top:var(--gruppenabstand);border-top:1px solid var(--rahmen);padding-top:4px}.eintrag{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1ch;width:100%;min-height:46px;padding:4px 8px 4px 2ch;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.eintrag-wahl:not(:disabled):hover:before,.eintrag-wahl:not(:disabled):focus:before,.eintrag-wahl.gewaehlt:before{content:"▶";position:absolute;left:0}.eintrag-wahl.gewaehlt{border:1px solid var(--hervor)}.eintrag-wahl.gewaehlt:before{color:var(--hervor);left:2px}.eintrag-wert{color:var(--hervor)}.farbe-land-kauf{color:var(--land-kauf)}.farbe-land-verkauf{color:var(--land-verkauf)}.farbe-korn-kauf{color:var(--korn-kauf)}.farbe-korn-verkauf{color:var(--korn-verkauf)}.eintrag:disabled{color:var(--gedaempft);cursor:default}.eintrag-grund{color:var(--gedaempft);font-size:.85em}.eintrag-reihe{display:flex;align-items:stretch}.eintrag-reihe .eintrag{flex:1;min-width:0}.eintrag-neben{flex:none;min-width:46px;background:none;border:none;border-left:1px solid var(--rahmen);color:var(--hervor);font:inherit;cursor:pointer}.regler{display:grid;gap:4px;padding:8px 8px 8px 2ch}.regler-kopf{display:flex;justify-content:space-between;gap:1ch}.regler-feld{width:100%;min-height:36px;margin:0;accent-color:var(--hervor)}.zahl{margin:var(--gruppenabstand) 0}.zahl-feld{width:100%;font-family:inherit;font-size:1.8em;text-align:right;padding:6px 8px;background:var(--rahmen);border:1px solid var(--schrift);color:var(--hervor)}.stufen{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.eintraege>.stufen{grid-template-columns:repeat(4,1fr);margin:var(--gruppenabstand) 0}.stufe{min-height:52px;background:var(--rahmen);border:1px solid var(--schrift);color:var(--schrift);font:inherit;cursor:pointer}#namensfeld{width:12ch;margin-left:1ch;background:var(--rahmen);border:1px solid var(--schrift);color:var(--schrift);font:inherit;padding:4px}.feld{display:block;margin:.4em 0 .8em}.feld input{display:block;box-sizing:border-box;width:100%;margin-top:.3em;background:var(--rahmen);border:1px solid var(--schrift);color:var(--schrift);font:inherit;text-transform:none;padding:6px}body:has(#bildschirm.mit-karte){height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}#bildschirm.mit-karte{flex:1;min-height:0;width:100%;display:flex;flex-direction:column}.mit-karte .kopf{flex:1;min-height:0;display:flex;flex-direction:column}.karte{flex:1;min-height:0;width:100vw;margin:8px 0 8px calc(50% - 50vw);overflow-x:auto;overflow-y:hidden}.karte canvas{display:block;image-rendering:pixelated}.schlachtfeld{flex:1;min-height:0;width:100vw;margin:8px 0 8px calc(50% - 50vw);overflow-x:hidden;overflow-y:auto}.schlachtfeld canvas{display:block;margin:0 auto;image-rendering:pixelated}