.landing{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nacht:#0e1013;--nacht-2:#15181d;--pergament:#e6dcc6;--stein:#c9c3b4;--stein-dunkel:#948e82;--gold:#c8a25a;--gold-hell:#ead08f;--gold-tief:#8a6a33;--rot:#8e2a21;--linie:#c8a25a52;--fehler:#e39a86;--f-zier:"Cinzel Decorative", "Cinzel", "Trajan Pro", Georgia, serif;--f-titel:"Cinzel", "Trajan Pro", Georgia, serif;--f-text:"EB Garamond", "Garamond", "Iowan Old Style", Georgia, serif;--gutter:clamp(16px, 4vw, 56px)}.landing,.landing *,.landing :before,.landing :after{box-sizing:border-box}.landing [hidden]{display:none!important}.landing{background:var(--nacht);background:var(--nacht);color:var(--stein);font-family:var(--f-text);-webkit-font-smoothing:antialiased;margin:0;font-size:19px;line-height:1.55}.landing img{max-width:100%;height:auto;display:block}.landing a{color:inherit}.landing p{margin:0}.landing h1,.landing h2,.landing h3,.landing h4{color:inherit;text-wrap:balance;margin:0;font-weight:600}.landing :focus-visible{outline:2px solid var(--gold-hell);outline-offset:3px}.landing .l-klein{font:600 13px/1.2 var(--f-titel);letter-spacing:.16em;text-transform:uppercase}.landing .l-z{font-family:var(--f-text);font-variant-numeric:lining-nums;letter-spacing:.02em;font-weight:600}.landing .l-knopf{min-height:48px;font:700 15px/1 var(--f-titel);letter-spacing:.12em;text-transform:uppercase;color:#1c140a;cursor:pointer;background:linear-gradient(#efd594 0%,#c79d4f 48%,#9c7534 100%);border:1px solid #f3dea6;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:0 26px;text-decoration:none;transition:filter .2s,transform .15s;display:inline-flex;box-shadow:inset 0 1px #fff4d299,inset 0 -2px #3c260a59,0 2px 10px #00000073}.landing .l-knopf:hover{filter:brightness(1.08)}.landing .l-knopf:active{transform:translateY(1px)}.landing .l-knopf.l-hohl{color:var(--gold-hell);border-color:var(--gold-tief);background:#0e10138c;box-shadow:inset 0 0 0 1px #c8a25a33}.landing .l-knopf.l-hohl:hover{border-color:var(--gold);filter:none;background:#0e1013cc}.landing .l-kopf{z-index:30;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(#08090bb3,#0000);transition:background .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.landing .l-kopf.l-fest{box-shadow:0 1px 0 var(--linie);background:#0c0d10f0}.landing .l-kopf-innen{min-height:66px;padding-inline:var(--gutter);align-items:center;gap:18px;display:flex}.landing .l-marke{color:var(--gold-hell);align-items:center;gap:10px;text-decoration:none;display:flex}.landing .l-marke b{font:700 26px/1 var(--f-zier);letter-spacing:.04em;text-shadow:0 2px 10px #0009}.landing .l-beta{font:600 11px/1 var(--f-titel);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-tief);background:#0c0d1080;align-self:center;margin-left:2px;padding:4px 6px 3px}.landing .l-beta-zeile{color:#e4ddcd;text-shadow:0 2px 10px #000000d9;margin:-4px 0 0;font-size:18px;font-style:italic;line-height:1.35}@media (max-width:640px){.landing .l-marke{gap:7px}.landing .l-beta{letter-spacing:.1em;padding:3px 4px 2px;font-size:9px}}@media (max-width:440px){.landing .l-beta{display:none}}.landing .l-marke svg{width:26px;height:20px;color:var(--gold)}.landing .l-kopf nav{align-items:center;gap:22px;margin-left:auto;display:flex}.landing .l-kopf nav a.l-klein{color:var(--pergament);text-decoration:none}.landing .l-kopf nav a.l-klein:hover,.landing .l-welt-marke{color:var(--gold-hell)}.landing .l-kopf .l-knopf{white-space:nowrap;min-height:40px;padding:0 18px;font-size:13px}@media (max-width:640px){.landing .l-kopf .l-welt-marke,.landing .l-kopf .l-login-link{display:none}.landing .l-marke b{font-size:22px}.landing .l-kopf .l-knopf{letter-spacing:.08em;padding:0 12px;font-size:12px}}@media (max-width:360px){.landing .l-kopf .l-knopf{letter-spacing:.04em;padding:0 9px}.landing .l-marke b{font-size:20px}}@media (max-width:340px){.landing .l-marke svg{display:none}}.landing .l-hero{min-height:100vh;background:var(--nacht);min-height:100svh;position:relative;overflow:hidden}.landing .l-hero-bild{height:100vh;height:100svh;display:block;position:absolute;top:0;left:0;right:0}.landing .l-hero-bild img{object-fit:cover;object-position:0% 25%;width:100%;height:100%;position:absolute;inset:0}.landing .l-hero-bild:after{content:"";pointer-events:none;background:radial-gradient(ellipse 30% 24% at 76% 18%, #090a0c8c, transparent 100%),  linear-gradient(90deg, transparent 42%, #090a0c59 58%, #090a0cb8 100%), linear-gradient(180deg, #090a0c59 0%, transparent 18%, transparent 78%, var(--nacht) 100%);position:absolute;inset:0}.landing .l-hero-innen{z-index:2;min-height:inherit;padding:calc(84px + env(safe-area-inset-top,0px)) var(--gutter) 48px;grid-template-columns:minmax(0,1fr) minmax(0,470px);align-items:center;gap:24px;display:grid;position:relative}.landing .l-hero-rechts{grid-column:2;gap:14px;display:grid}.landing .l-welt{color:var(--gold-hell);text-shadow:0 1px 6px #000c}.landing .l-hero h1{font:600 clamp(36px, 3.8vw, 56px)/1.02 var(--f-titel);color:var(--pergament);letter-spacing:.02em;text-shadow:0 3px 24px #000000b3}.landing .l-hero h1 span{color:var(--gold-hell)}.landing .l-unterzeile{color:#e4ddcd;text-shadow:0 2px 10px #000000d9;max-width:36ch;font-size:20px}.landing .l-tafel{border:1px solid var(--gold-tief);background:linear-gradient(#16181df2,#0c0d10f5);gap:12px;padding:24px clamp(20px,2.4vw,28px) 18px;scroll-margin-top:84px;display:grid;position:relative;box-shadow:inset 0 0 0 5px #0c0d10f5,inset 0 0 0 6px #c8a25a61,0 24px 70px #0009}.js .landing .l-tafel:not(:has(.l-formular)){align-content:start;min-height:591px}@media (max-width:960px),(max-aspect-ratio:5/4){.js .landing .l-tafel:not(:has(.l-formular)){min-height:635px}}@media (max-width:380px){.js .landing .l-tafel:not(:has(.l-formular)){min-height:664px}}.landing .l-tafel .l-ecke{width:34px;height:34px;color:var(--gold);pointer-events:none;position:absolute}.landing .l-tafel .l-ecke.l-lo{top:-1px;left:-1px}.landing .l-tafel .l-ecke.l-ro{top:-1px;right:-1px;transform:scaleX(-1)}.landing .l-tafel .l-ecke.l-lu{bottom:-1px;left:-1px;transform:scaleY(-1)}.landing .l-tafel .l-ecke.l-ru{bottom:-1px;right:-1px;transform:scale(-1)}.landing #anmelden{scroll-margin-top:90px;position:absolute;top:0;left:0}.landing .l-tafel-kopf{text-align:center;gap:4px;display:grid}.landing .l-tafel-kopf .l-klein{color:var(--gold)}.landing .l-tafel h2{font:600 26px/1.15 var(--f-titel);color:var(--pergament);letter-spacing:.03em}.landing .l-zier{color:var(--gold-tief);align-items:center;gap:10px;display:flex}.landing .l-zier:before,.landing .l-zier:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-tief), transparent);flex:1;height:1px}.landing .l-zier svg{width:14px;height:14px;color:var(--gold)}.landing .l-umschalter{border-bottom:1px solid var(--linie);grid-template-columns:1fr 1fr;display:grid}.landing .l-umschalter button{appearance:none;cursor:pointer;font:600 13px/1 var(--f-titel);letter-spacing:.14em;text-transform:uppercase;color:var(--stein-dunkel);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 4px 11px}.landing .l-umschalter button[aria-selected=true]{color:var(--gold-hell);border-bottom-color:var(--gold)}.landing .l-umschalter button:hover{color:var(--pergament)}.landing .l-formular{gap:11px;display:grid}.landing .l-feld{gap:5px;display:grid}.landing .l-feld label{font:600 12px/1.2 var(--f-titel);letter-spacing:.14em;text-transform:uppercase;color:var(--stein-dunkel)}.landing .l-feld .l-eingabe{position:relative}.landing .l-feld input,.landing .l-feld select{width:100%;min-width:0;min-height:46px;font:500 19px var(--f-text);color:var(--pergament);background:#0a0b0d;border:1px solid #c8a25a4d;border-radius:2px;padding:0 14px;box-shadow:inset 0 2px 6px #0009}.landing .l-feld select{appearance:none;cursor:pointer}.landing .l-feld input::placeholder{color:#5f5a51;font-style:italic}.landing .l-feld input:focus,.landing .l-feld select:focus{border-color:var(--gold);box-shadow:inset 0 2px 6px #0009, 0 0 0 1px var(--gold);outline:none}.landing .l-feld input[aria-invalid=true]{border-color:var(--fehler)}.landing .l-feld small{color:var(--stein-dunkel);font-size:15px}.landing .l-zeigen{appearance:none;cursor:pointer;font:600 11px var(--f-titel);letter-spacing:.14em;text-transform:uppercase;color:var(--stein-dunkel);background:0 0;border:0;padding:6px 4px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.landing .l-zeigen:hover{color:var(--gold-hell)}.landing .l-feld input.l-mit-knopf{padding-right:96px}.landing .l-haken{cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;font-size:15px;line-height:1.35;display:grid}.landing .l-haken input{accent-color:var(--gold);width:18px;height:18px;margin:2px 0 0}.landing .l-haken a,.landing .l-recht a{color:var(--gold-hell)}.landing .l-haken input[aria-invalid=true]{outline:2px solid var(--fehler);outline-offset:2px}.landing .l-formular .l-knopf{width:100%;min-height:52px;font-size:15px}.landing .l-hinweis{min-height:1.4em;color:var(--stein-dunkel);font-size:16px}.landing .l-hinweis.l-fehler{color:var(--fehler)}.landing .l-hinweis.l-ok{color:var(--gold-hell)}.landing .l-recht{color:var(--stein-dunkel);text-align:center;font-size:15px}.landing .l-wechsel{appearance:none;cursor:pointer;font:inherit;color:var(--gold-hell);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.landing .l-text{color:var(--stein);font-size:17px;line-height:1.45}.landing .l-bestaetigung{color:var(--pergament);border:1px solid var(--linie);border-left:3px solid var(--gold);background:#c8a25a0f;padding:12px 14px;font-size:18px;line-height:1.45}.landing .l-bestaetigung:focus{outline:none}.landing .l-rechts{text-align:right}.landing .l-rechts .l-link{text-align:right;justify-content:flex-end}.landing .l-link{font-size:15px}.landing .l-link.l-leise{color:var(--stein-dunkel);text-decoration-color:#948e8280}.landing .l-link.l-leise:hover{color:var(--gold-hell)}.landing .l-feld input.l-code{letter-spacing:.28em;font-variant-numeric:tabular-nums lining-nums;font-size:22px}.landing .l-feld input.l-code::placeholder{letter-spacing:.12em}.landing .l-feld input:disabled{opacity:.55}@media (max-width:860px){.landing .l-link{align-items:center;min-height:44px;display:inline-flex}.landing .l-zeigen{min-width:44px;min-height:44px;padding:0 8px}}.landing .l-fakten{z-index:2;border-block:1px solid var(--linie);background:var(--nacht-2);margin-top:-1px;position:relative}.landing .l-fakten ul{padding:16px var(--gutter);flex-wrap:wrap;justify-content:center;gap:10px 36px;max-width:1240px;margin:0 auto;list-style:none;display:flex}.landing .l-fakten li{font:600 13px/1.3 var(--f-titel);letter-spacing:.14em;text-transform:uppercase;color:var(--stein-dunkel)}.landing .l-fakten li b{color:var(--gold-hell);font-weight:600}@media (max-width:960px),(max-aspect-ratio:5/4){.landing .l-hero{background:var(--nacht);min-height:0}.landing .l-hero:after{display:none}.landing .l-hero-bild{width:100%;height:min(125vw,78vh);position:relative;top:auto;overflow:hidden}.landing .l-hero-bild:after{background:linear-gradient(180deg, transparent 70%, var(--nacht) 100%)}.landing .l-hero-innen{min-height:0;padding:0 var(--gutter) 40px;margin-top:-36px;display:block}.landing .l-formular .l-knopf{letter-spacing:.08em;font-size:14px}.landing .l-hero-rechts{max-width:560px;margin-inline:auto}.landing .l-hero h1{font-size:clamp(34px,9vw,52px)}}@media (max-width:960px) and (min-aspect-ratio:1251/1000){.landing .l-hero-bild{margin-top:calc(66px + env(safe-area-inset-top,0px))}}.landing .l-diorama{background:radial-gradient(70% 60% at 60% 55%, #c8a25a14, transparent 70%), var(--nacht);padding-block:clamp(64px,9vw,120px) clamp(32px,5vw,64px);position:relative;overflow:hidden}.landing .l-diorama-innen{max-width:1240px;padding-inline:var(--gutter);grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:clamp(24px,4vw,56px);margin-inline:auto;display:grid}.landing .l-abschnitt-kopf{gap:14px;display:grid}.landing .l-abschnitt-kopf .l-klein{color:var(--gold)}.landing .l-abschnitt-kopf h2{font:600 clamp(32px, 3.8vw, 52px)/1.08 var(--f-titel);color:var(--pergament);letter-spacing:.02em}.landing .l-abschnitt-kopf p{max-width:40ch;font-size:20px}.landing .l-stufen{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.landing .l-stufen li{font:600 12px/1 var(--f-titel);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hell);border:1px solid var(--linie);padding:8px 12px}.landing .l-diorama-bild{width:calc(100% + var(--gutter));max-width:none;height:auto;margin:0 calc(-1 * var(--gutter)) 0 0;filter:drop-shadow(0 40px 60px #0000008c)}@media (max-width:900px){.landing .l-diorama-innen{grid-template-columns:minmax(0,1fr)}.landing .l-diorama-bild{width:calc(100% + 2 * var(--gutter));margin:0 calc(-1 * var(--gutter))}}.landing .l-jahr{background:var(--nacht-2);border-block:1px solid var(--linie);padding-block:clamp(64px,9vw,112px)}.landing .l-jahr-innen{max-width:1240px;padding-inline:var(--gutter);gap:clamp(28px,4vw,44px);margin-inline:auto;display:grid}.landing .l-zeiten{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.landing .l-zeit{align-content:start;gap:12px;display:grid}.landing .l-zeit figure{aspect-ratio:4/3;border:1px solid var(--gold-tief);box-shadow:inset 0 0 0 4px var(--nacht-2);margin:0;position:relative;overflow:hidden}.landing .l-zeit img{object-fit:cover;width:100%;height:100%}.landing .l-zeit.l-winter figure:after{content:"";opacity:.7;background:radial-gradient(1.5px 1.5px at 20% 30%,#fff 60%,#0000 70%) 0 0/38px 41px,radial-gradient(1px 1px at 70% 60%,#fff 60%,#0000 70%) 0 0/27px 33px;position:absolute;inset:0}.landing .l-zeit .l-kopf-zeile{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;display:flex}.landing .l-zeit h3{font:600 24px/1.1 var(--f-titel);color:var(--pergament);letter-spacing:.03em}.landing .l-zeit .l-tage{font:600 12px/1 var(--f-titel);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.landing .l-zeit p{font-size:17px}.landing .l-zeit.l-winter h3{color:var(--gold-hell)}@media (max-width:960px){.landing .l-zeiten{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.landing .l-zeiten{gap:18px 12px}.landing .l-zeit h3{font-size:19px}.landing .l-zeit p{font-size:15px}.landing .l-zeit .l-kopf-zeile{flex-direction:column;align-items:start;gap:4px}}@media (max-width:360px){.landing .l-zeit .l-tage{letter-spacing:.06em;font-size:11px}}.landing .l-premium{background:radial-gradient(60% 70% at 25% 50%, #c8a25a12, transparent 70%), var(--nacht);padding-block:clamp(64px,9vw,112px)}.landing .l-premium-innen{max-width:1240px;padding-inline:var(--gutter);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,64px);margin-inline:auto;display:grid}.landing .l-premium .l-knopf{min-height:44px;padding:0 20px}.landing .l-premium-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.landing .l-premium-liste li{background:var(--nacht-2);border:1px solid var(--linie);grid-template-columns:auto 1fr;align-content:start;gap:4px 14px;padding:18px 18px 16px;display:grid}.landing .l-premium-liste b{font:600 clamp(17px, 1.45vw, 20px)/1.2 var(--f-titel);color:var(--pergament);letter-spacing:.02em;-webkit-hyphens:manual;hyphens:manual;align-self:center;min-width:0}.landing .l-premium-liste li>span:last-child{grid-column:2;font-size:17px;line-height:1.4}.landing .l-siegel{color:#2a1e0e;background:linear-gradient(#d8b774,#a8813f);border-radius:50%;place-items:center;width:40px;height:40px;display:inline-grid;box-shadow:inset 0 1px #fff4d28c,inset 0 -2px #3c260a4d}.landing .l-siegel svg{width:64%;height:64%}@media (max-width:900px){.landing .l-premium-innen{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.landing .l-premium-liste{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.landing .l-kopf .l-premium-link{display:none}}.landing .l-tor{border-top:1px solid var(--linie);background:#0c0d10;padding-block:clamp(80px,11vw,150px) 28px;position:relative;overflow:hidden}.landing .l-tor-bild{opacity:.42;background:url(/img/tor_hintergrund_1800.webp) 50% 40%/cover no-repeat;position:absolute;inset:0}.js .landing .l-tor:not(.l-nah) .l-tor-bild{background-image:none}@media (max-width:960px){.landing .l-tor-bild{background-image:url(/img/tor_hintergrund_960.webp)}}.landing .l-tor-bild:after{content:"";background:linear-gradient(90deg,#0c0d10 5%,#0c0d108c 55%,#0c0d10d9 100%),linear-gradient(#0c0d10 0%,#0000 30% 70%,#0c0d10 100%);position:absolute;inset:0}.landing .l-tor-innen{max-width:1240px;padding-inline:var(--gutter);justify-items:start;gap:20px;margin-inline:auto;display:grid;position:relative}.landing .l-tor h2{font:600 clamp(38px, 5vw, 72px)/1.02 var(--f-titel);color:var(--pergament);letter-spacing:.02em}.landing .l-tor p.l-text{max-width:38ch;font-size:21px}.landing .l-tor-fakten{gap:0;width:min(480px,100%);margin:8px 0 0;padding:0;list-style:none;display:grid}.landing .l-tor-fakten li{border-bottom:1px solid var(--linie);font:600 13px/1.2 var(--f-titel);letter-spacing:.14em;text-transform:uppercase;color:var(--stein-dunkel);justify-content:space-between;gap:16px;padding:11px 0;display:flex}.landing .l-tor-fakten li b{color:var(--gold-hell);font-weight:600}.landing .l-tor .l-knopf{margin-top:12px}.landing .l-worte{background:var(--nacht);padding-block:clamp(64px,9vw,120px);position:relative}.landing .l-worte-innen{max-width:1240px;padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,80px);margin-inline:auto;display:grid}.landing .l-wortliste{gap:2px;margin:0;padding:0;list-style:none;display:grid}.landing .l-wortliste button{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;color:#c9c3b480;background:0 0;border:0;gap:6px;padding:8px 0;transition:color .3s;display:grid}.landing .l-wortliste b{font:600 clamp(34px, 4.2vw, 58px)/1.05 var(--f-titel);letter-spacing:.04em}.landing .l-wortliste .l-satz{max-width:42ch;color:var(--stein);font-size:19px;display:none}.landing .l-wortliste .l-balken{background:var(--linie);height:1px;display:none;overflow:hidden}.landing .l-wortliste .l-balken i{background:var(--gold);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.landing .l-wortliste button:hover{color:#e6dcc6bf}.landing .l-wortliste button[aria-pressed=true]{color:var(--gold-hell)}.landing .l-wortliste button[aria-pressed=true] .l-satz,.landing .l-wortliste button[aria-pressed=true] .l-balken{display:block}.landing .l-wortliste button[aria-pressed=true] .l-balken i{animation:6s linear forwards landing-laufen}.landing .l-worte.l-ruhe .l-wortliste .l-balken{display:none!important}@keyframes landing-laufen{to{transform:scaleX(1)}}.landing .l-rahmen{aspect-ratio:16/11;border:1px solid var(--gold-tief);max-width:100%;box-shadow:inset 0 0 0 5px var(--nacht), inset 0 0 0 6px #c8a25a4d, 0 30px 60px #00000080;background:#0b0c0f;position:relative;overflow:hidden}.landing .l-rahmen img{object-fit:cover;opacity:0;width:calc(100% - 12px);height:calc(100% - 12px);transition:opacity .7s,transform 6s ease-out;position:absolute;inset:6px;transform:scale(1.05)}.landing .l-rahmen img.l-an{opacity:1;transform:scale(1)}@media (max-width:900px){.landing .l-worte-innen{grid-template-columns:minmax(0,1fr)}.landing .l-rahmen{order:-1}}.landing .l-fuss{padding:22px var(--gutter) 0;border-top:1px solid var(--linie);max-width:1240px;color:var(--stein-dunkel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 26px;margin:clamp(64px,8vw,110px) auto 0;font-size:16px;display:flex;position:relative}.landing .l-fuss nav{flex-wrap:wrap;gap:20px;display:flex}.landing .l-fuss a{color:var(--stein-dunkel)}.landing .l-fuss a:hover{color:var(--gold-hell)}.landing .l-fuss .l-marke-klein{font:700 18px/1 var(--f-zier);color:var(--gold);letter-spacing:.04em}@media (prefers-reduced-motion:reduce){.landing .l-rahmen img{transition:opacity .2s;transform:none}.landing .l-knopf{transition:none}}.landing #landing-form{display:contents}html.spiel-aktiv #landing,html:not(.spiel-aktiv) #root:empty{display:none}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--papier:#f2e7cf;--papier-2:#e8dabb;--papier-verlauf:linear-gradient(180deg, #f6eedb 0%, #efe3c8 100%);--eingabe:#fbf6ea;--vertieft:#60421e0f;--hauch:#60421e1c;--kerze:#23170c;--stein:#45372a;--nebel:#6a5a45;--linie:#50381c29;--linie-stark:#50381c52;--laterne:#8c5410;--laterne-tief:#6c3f0a;--akzent-hauch:#b0742014;--akzent-hauch-stark:#b074202b;--akzent-rand:#8c541073;--messing:#d4a24c;--messing-hell:#e3b867;--messing-rand:#a9772c;--gut:#4a6a1c;--moos:#7d8f45;--banner:#9e2b21;--fehler:#a3321f;--gefahr-hauch:#a3321f14;--gefahr-rand:#a3321f66;--pergament:#e9dcc0;--schiefer:#cdb98f;--knopf-grund:var(--eingabe);--nacht:#1d1712;--nacht-2:#2a2119;--nacht-3:#33281e;--holz:linear-gradient(180deg, #ffffff0f, #00000024), repeating-linear-gradient(91deg, #0000000d 0 2px, transparent 2px 11px), linear-gradient(180deg, #614633 0%, #473222 100%);--f-zier:"Cinzel Decorative", "Cinzel", "Trajan Pro", Georgia, serif;--f-display:"Cinzel", "Trajan Pro", Georgia, serif;--f-body:"EB Garamond", "Garamond", "Iowan Old Style", Georgia, serif;--f-sc:"Cinzel", "Trajan Pro", Georgia, serif;--seite-b:clamp(340px, 30vw, 440px);--radius:4px}.hud,.reiter-oben,.reiter-unten,.splash,.szene-laden,.szene-fehler,.szene-label,.demo-marke,.dorfbild-marke,.karte-tipp,.karte-knoepfe,.karte-laden,.loesch-banner,.bestaetigen-leiste,.vertretung-leiste,.dunkel{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kerze:#f7eedb;--stein:#e6dbc6;--nebel:#bcab90;--linie:#f7eedb29;--linie-stark:#f7eedb52;--laterne:#e8b665;--laterne-tief:#c08637;--akzent-hauch:#e8b6651a;--akzent-hauch-stark:#e8b66533;--akzent-rand:#e8b6658c;--gut:#b9d27c;--fehler:#f2a292;--gefahr-hauch:#a93a2f38;--gefahr-rand:#f2a29280;--vertieft:#0003;--hauch:#ffffff14;--eingabe:#00000047;--papier:#211810eb;--knopf-grund:#211810c7;color:var(--stein)}.panel,.menue,.dialog,.seite,.meldung,.waren-details{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kerze:#23170c;--stein:#45372a;--nebel:#6a5a45;--linie:#50381c29;--linie-stark:#50381c52;--laterne:#8c5410;--laterne-tief:#6c3f0a;--akzent-hauch:#b0742014;--akzent-hauch-stark:#b074202b;--akzent-rand:#8c541073;--gut:#4a6a1c;--fehler:#a3321f;--gefahr-hauch:#a3321f14;--gefahr-rand:#a3321f66;--vertieft:#60421e0f;--hauch:#60421e1c;--eingabe:#fbf6ea;--papier:#f2e7cf;--knopf-grund:var(--eingabe);color:var(--stein)}*{box-sizing:border-box}[hidden]{display:none!important}html.spiel-aktiv,html.spiel-aktiv body,html.spiel-aktiv #root{height:100%}html.spiel-aktiv body{overscroll-behavior:none;overflow:hidden}body{background:var(--nacht);color:var(--stein);font-family:var(--f-body);font-variant-numeric:lining-nums;font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.45}html.spiel-aktiv body:before{content:"";pointer-events:none;z-index:100;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--laterne)}:focus-visible{outline:2px solid var(--laterne);outline-offset:2px;border-radius:2px}h1,h2,h3,h4{color:var(--kerze);text-wrap:balance;margin:0}p{margin:0}.ico{vertical-align:-.18em;flex:none;display:inline-block}.label{font-family:var(--f-sc);letter-spacing:.08em;text-transform:uppercase;color:var(--laterne);font-size:13px;font-weight:700}.leise{color:var(--nebel)}.klein{font-size:13px}.plus{color:var(--gut)}.minus{color:var(--fehler)}.knopf{min-height:42px;font:700 16px/1 var(--f-body);color:#24170a;background:linear-gradient(180deg, var(--messing-hell), var(--messing));border:1px solid var(--messing-rand);white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:background .2s,border-color .2s,transform .1s,opacity .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 1px 2px #3c260c40}.knopf:hover:not(:disabled){background:linear-gradient(180deg, #edc67a, var(--messing-hell))}.knopf:active:not(:disabled){transform:translateY(1px)}.knopf:disabled{opacity:.42}.knopf.leise{color:var(--kerze);border-color:var(--linie-stark);box-shadow:none;background:0 0}.knopf.leise:hover:not(:disabled){border-color:var(--laterne);background:var(--akzent-hauch)}.knopf.klein{min-height:34px;padding:0 11px;font-size:14px}.knopf.breit{width:100%}.knopf.warnknopf{background:var(--banner);color:#fbf3e2;border-color:#7c2119}.knopf.warnknopf:hover:not(:disabled){background:#bf4637}.rund{border:1px solid var(--linie-stark);background:var(--knopf-grund);width:38px;height:38px;color:var(--kerze);border-radius:50%;flex:none;place-items:center;transition:border-color .2s,background .2s;display:inline-grid}.rund:hover{border-color:var(--laterne);background:var(--akzent-hauch)}.knopfreihe{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.splash{color:var(--laterne);background:radial-gradient(60% 60% at 50% 45%, #25303b, var(--nacht) 75%);place-content:center;justify-items:center;gap:14px;display:grid;position:fixed;inset:0}.splash p{color:var(--nebel);font-family:var(--f-sc);letter-spacing:.06em}.splash svg{animation:2.4s infinite flacker}.start-laden{z-index:200}.lade-balken{background:#ffffff1f;border-radius:3px;width:min(260px,70vw);height:6px;overflow:hidden}.lade-balken i{background:linear-gradient(90deg, var(--messing-rand), var(--laterne));height:100%;transition:width .25s;display:block}@media (prefers-reduced-motion:reduce){.lade-balken i{transition:none}}@keyframes flacker{0%,to{opacity:1}40%{opacity:.55}45%{opacity:.9}70%{opacity:.7}}.marke-ico{color:var(--laterne)}.panel{background:var(--papier);border:1px solid var(--linie-stark);border-radius:var(--radius);gap:16px;padding:clamp(18px,2.6vw,26px);display:grid;box-shadow:0 24px 60px #00000073}.reiter{border-bottom:1px solid var(--linie);grid-template-columns:1fr 1fr;display:grid}.reiter button{appearance:none;font:700 17px var(--f-body);color:var(--nebel);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 4px 12px}.reiter button[aria-selected=true]{color:var(--kerze);border-bottom-color:var(--laterne)}.reiter button:hover{color:var(--kerze)}.feld{gap:6px;display:grid}.feld label{font-size:15px;font-weight:500}.feld .eingabe{display:flex;position:relative}.feld input{width:100%;min-width:0;min-height:46px;color:var(--kerze);background:var(--eingabe);border:1px solid var(--linie-stark);border-radius:3px;padding:0 14px;font-size:17px}.feld input::placeholder{color:var(--nebel);opacity:.8}.feld input:focus{border-color:var(--laterne);outline:none}.feld input[aria-invalid=true]{border-color:var(--fehler)}.feld small{color:var(--nebel);font-size:13px}.feld .zeigen{color:var(--nebel);background:0 0;border:0;padding:6px 8px;font-size:14px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.feld .zeigen:hover{color:var(--kerze)}.feld input.mit-knopf{padding-right:90px}.haken{cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;font-size:14.5px;display:grid}.haken input{accent-color:var(--laterne);width:18px;height:18px;margin:2px 0 0}.haken.fehlt span{color:var(--fehler)}.hinweis{color:var(--nebel);min-height:1.4em;font-size:15px}.hinweis.fehler{color:var(--fehler)}.wechsel{color:var(--nebel);text-align:center;font-size:15px}.wechsel button{color:var(--laterne);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.verwaltung-laden{background:var(--papier-verlauf);position:fixed;inset:0}.sperr-mitteilung{border:1px solid var(--gefahr-rand);border-left:3px solid var(--fehler);background:var(--gefahr-hauch);color:var(--stein);text-align:left;border-radius:3px;gap:8px;padding:12px 14px;font-size:15px;display:grid}.sperr-mitteilung-kopf{color:var(--fehler);align-items:center;gap:7px;font-weight:700;display:flex}.sperr-mitteilung-dauer{color:var(--kerze);font-weight:600}.sperr-mitteilung dl{gap:6px;margin:0;display:grid}.sperr-mitteilung dt{font:700 11.5px var(--f-sc);letter-spacing:.06em;text-transform:uppercase;color:var(--nebel)}.sperr-mitteilung dd{color:var(--kerze);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.sperr-mitteilung small{color:var(--nebel);font-size:13px}.spiel{padding-top:env(safe-area-inset-top,0px);grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.haupt{grid-template-columns:minmax(0, 1fr) var(--seite-b);min-height:0;display:grid;position:relative}.buehne{background:radial-gradient(55% 50% at 50% 42%, var(--akzent-hauch), transparent 70%), radial-gradient(90% 80% at 50% 35%, #34414f 0%, transparent 75%), linear-gradient(180deg, #2a3541 0%, #1a2129 70%, var(--nacht) 100%);min-width:0;min-height:0;position:relative;overflow:hidden}.diorama{touch-action:none;position:absolute;inset:0}.diorama[aria-hidden=true]{visibility:hidden}.diorama canvas{display:block}.dorfbild{touch-action:none;cursor:grab;background:var(--grund,var(--nacht));-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.dorfbild.versteckt-ansicht{visibility:hidden}.dorfbild-leinwand{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.dorfbild-leinwand.dorfbild-ebenen,.dorfbild-leinwand.dorfbild-leben{z-index:2}.dorfbild-wasser{z-index:1;pointer-events:none;position:absolute;inset:0}.dorfbild-buehne{transform-origin:0 0;will-change:transform;--inv:1;z-index:3;position:absolute;top:0;left:0}.dorfbild-buehne.dorfbild-unten{z-index:1;pointer-events:none}.dorfbild-welt{position:absolute;top:0;left:0}.dorfbild-welt.zoomt{visibility:hidden}.dorfbild-marke{z-index:100000;left:calc(var(--bx) * var(--k,1) * 1px);top:calc(var(--by) * var(--k,1) * 1px);transform-origin:50% 100%;border:1px solid var(--akzent-rand);min-width:24px;color:var(--kerze);font:700 13px/1.2 var(--f-body);text-align:center;white-space:nowrap;pointer-events:none;background:#211810db;border-radius:99px;padding:2px 7px 3px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 12px #00000073}.dorfbild-marke.offen{border-color:var(--laterne);background:#211810f0;padding:4px 10px 5px;font-size:14px}.dorfbild-marke.im-bau{color:var(--laterne);border-style:dashed}.dorfbild-marke.leer{opacity:.8;border-color:var(--linie-stark);color:var(--nebel)}.szene-laden,.szene-fehler{color:var(--nebel);font-family:var(--f-sc);letter-spacing:.05em;text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.dorf-fehler{text-align:center;align-content:start;gap:14px;padding:18% 24px 24px}.szene-label{white-space:nowrap;font:700 14px/1.1 var(--f-body);color:var(--kerze);border:1px solid var(--linie-stark);background:#211810db;border-radius:3px;padding:4px 10px 5px;transform:translateY(-8px);box-shadow:0 6px 18px #0006}.demo-marke{white-space:nowrap;z-index:4;font:700 12px/1.4 var(--f-sc);letter-spacing:.08em;color:var(--pergament);border:1px dashed var(--linie-stark);pointer-events:none;background:#21181099;border-radius:99px;padding:3px 10px;position:absolute;top:10px;right:10px}.demo-marke.links{left:12px;right:auto}.seite{background:radial-gradient(120% 60% at 50% 0%, #ffffff59, transparent 60%), var(--papier-verlauf);border-left:1px solid var(--messing-rand);flex-direction:column;min-height:0;display:flex;box-shadow:inset 6px 0 14px -10px #3c260c73}.seite-inhalt{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--schiefer) transparent;flex:1;min-height:0;overflow-y:auto}.blatt-griff{display:none}.reiterleiste{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.reiterleiste button{color:var(--nebel);font:600 10.5px/1.1 var(--f-sc);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-bottom:2px solid #0000;justify-items:center;gap:2px;padding:9px 2px 8px;transition:color .2s,border-color .2s,background .2s;display:grid;position:relative;overflow:hidden}.reiterleiste button:hover{color:var(--kerze)}.reiterleiste button[aria-current=page]{color:var(--laterne);border-bottom-color:var(--laterne);background:var(--akzent-hauch)}.reiter-ico{display:inline-grid;position:relative}.plakette-zahl{background:var(--messing);color:#24170a;min-width:18px;height:18px;font:700 11px/18px var(--f-body);text-align:center;letter-spacing:0;border-radius:9px;padding:0 5px;position:absolute;top:-6px;right:-12px}.plakette-zahl.gefahr{background:var(--banner);color:var(--kerze)}.reiter-oben{border-bottom:1px solid var(--linie-stark);background:var(--papier-2)}.reiter-unten{display:none}.meldung{left:50%;top:calc(env(safe-area-inset-top,0px) + var(--kopf-h,58px) + 14px);z-index:60;background:var(--papier);border:1px solid var(--linie-stark);border-left:3px solid var(--gut);max-width:min(92vw,460px);color:var(--kerze);border-radius:3px;padding:10px 16px;font-weight:500;animation:.25s ease-out rein;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px #00000073}.meldung.error{border-left-color:var(--fehler)}@keyframes rein{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.hud{z-index:20;background:var(--holz);border-bottom:2px solid var(--messing-rand);align-items:center;gap:14px;min-height:56px;padding:6px 12px;display:flex;position:relative;box-shadow:0 2px 10px #0000004d}.hud-marke{min-width:0;color:var(--laterne);flex:0 auto;align-items:center;gap:8px;display:flex}.hud-name{font-family:var(--f-zier);color:var(--kerze);white-space:nowrap;text-overflow:ellipsis;max-width:18ch;font-size:20px;font-weight:700;line-height:1;overflow:hidden}.hud-rang{font:700 12px/1 var(--f-sc);letter-spacing:.08em;text-transform:uppercase;color:#2a1e0e;white-space:nowrap;background:linear-gradient(#d8b774,#a8813f);border-radius:2px;padding:4px 8px 5px;box-shadow:inset 0 1px #ffffff59,0 1px #0006}.hud-waren{text-align:left;background:0 0;border:0;flex:520px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:620px;padding:0;display:grid}.ware{border:1px solid var(--linie);background:var(--vertieft);min-width:0;color:var(--laterne);border-radius:3px;align-items:center;gap:6px;padding:4px 8px 6px;display:flex;position:relative;overflow:hidden}.ware-zahlen{min-width:0;line-height:1.05;display:grid}.ware-zahlen b{color:var(--kerze);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px}.ware-zahlen small{color:var(--nebel);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px}.ware-zahlen small.minus{color:var(--fehler)}.ware-lager{background:var(--hauch);height:2px;position:absolute;bottom:0;left:0;right:0}.ware-lager span{background:var(--moos);height:100%;transition:width 1s linear;display:block}.ware.voll{border-color:var(--akzent-rand);box-shadow:inset 0 0 12px var(--akzent-hauch-stark)}.ware.voll .ware-lager span{background:var(--laterne)}.hud-waren:hover .ware{border-color:var(--linie-stark)}.hud-volk{flex:none;align-items:center;gap:12px;min-width:0;display:flex}.hud-wert{color:var(--nebel);white-space:nowrap;font-variant-numeric:tabular-nums;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.hud-wert b{color:var(--kerze);font-size:15px}.hud-wert small{font-size:13px}.zufrieden.gut .ico:first-child{color:var(--gut)}.zufrieden.warn .ico:first-child{color:var(--laterne)}.zufrieden.schlecht .ico:first-child{color:var(--fehler)}.trend.up{color:var(--gut)}.trend.down{color:var(--fehler)}.trend.steady{color:var(--nebel)}.hud-wert.schutz{color:var(--gut)}.hud-wert.alarm{color:var(--fehler);animation:1.6s infinite flacker}.hud-menue{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.offline{color:var(--fehler);animation:1.6s infinite flacker;display:inline-grid}.menue{z-index:30;background:var(--papier);border:1px solid var(--linie-stark);border-radius:var(--radius);gap:10px;min-width:220px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #00000080}.menue-kopf{font-family:var(--f-display);color:var(--kerze);font-size:20px}.menue-gruppe{gap:6px;display:grid}.umschalter{border:1px solid var(--linie-stark);border-radius:3px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.umschalter button{color:var(--nebel);background:0 0;border:0;padding:7px}.umschalter button[aria-pressed=true]{background:var(--akzent-hauch-stark);color:var(--kerze)}.umschalter.jahreszeiten{grid-template-columns:repeat(5,minmax(0,1fr))}.umschalter.jahreszeiten button{padding:7px 2px;font-size:13px}.menue-eintrag{color:var(--kerze);border:0;border-top:1px solid var(--linie);background:0 0;align-items:center;gap:8px;padding:8px 4px;display:flex}.menue-eintrag:hover{color:var(--laterne)}a.menue-eintrag{text-decoration:none}.kopf{z-index:20;min-width:0;position:relative}.hud-rangliste{color:#e9cf8f;font-variant-numeric:tabular-nums;white-space:nowrap;background:#d8b77414;border:1px solid #d8b77466;border-radius:99px;flex:none;align-items:center;gap:5px;height:34px;padding:0 10px;display:inline-flex}.hud-rangliste b{color:var(--kerze);font-size:14px}.hud-rangliste:hover{border-color:var(--laterne)}.hud-taler{color:#e9cf8f;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(#d8b77429,#a8813f1a);border:1px solid #d8b7748c;border-radius:99px;flex:none;align-items:center;gap:5px;height:34px;padding:0 10px;display:inline-flex}.hud-taler b{color:var(--kerze);font-size:14.5px}.hud-taler:hover{border-color:var(--laterne)}.premium-marke,.premium-leer{vertical-align:-4px;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:inline-grid}.premium-marke{color:#2a1e0e;background:linear-gradient(#d8b774,#a8813f);box-shadow:0 0 0 1px #2a1e0e40}.premium-leer{color:#d8b774b3;border:1px solid #d8b77480}.premium-marke svg,.premium-leer svg{width:64%;height:64%}.hud-taler:hover .premium-leer{color:var(--laterne);border-color:var(--laterne)}.hud-taler .premium-rest{color:var(--messing-hell);font-size:12.5px;font-weight:600}.dialog-hintergrund{z-index:70;-webkit-backdrop-filter:blur(3px);background:#080a0d9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--papier-verlauf);border:1px solid var(--linie-stark);border-radius:6px;outline:none;flex-direction:column;width:min(600px,100%);max-height:min(88dvh,860px);display:flex;box-shadow:0 30px 80px #0000008c}.dialog-kopf{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 6px;display:flex}.dialog-kopf h2{font-family:var(--f-display);align-items:center;gap:8px;font-size:28px;line-height:1;display:flex}.dialog-kopf h2 .ico{color:var(--laterne)}.dialog>.reiter{margin:0 16px}.dialog.laden>.reiter{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:480px){.dialog.laden>.reiter button{min-height:44px;padding-inline:2px;font-size:16px}}.dialog-inhalt{flex:1;align-content:start;gap:4px;min-height:0;padding:4px 16px 18px;display:grid;overflow-y:auto}.passwort-dialog{width:min(460px,100%)}.passwort-form{gap:12px}.laden-stand{grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;display:grid}.laden-stand.kompakt{grid-template-columns:minmax(0,1fr)}.laden-stand.kompakt>div{grid-template-columns:auto auto 1fr;align-items:baseline;column-gap:10px}.laden-stand>div{border:1px solid var(--linie);background:var(--vertieft);border-radius:4px;gap:3px;padding:10px 12px;display:grid}.taler-zahl{color:var(--kerze);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:24px;display:inline-flex}.taler-zahl .ico{color:var(--laterne)}.laden-stand .premium.an{background:#d8b77414;border-color:#d8b77499}.laden-stand .premium b{color:var(--kerze);font-size:15px}.laden-stand .premium .knopf{justify-self:start;gap:6px;margin-top:4px}.angebote{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.angebot{border:1px solid var(--linie-stark);background:var(--vertieft);color:var(--stein);text-align:left;border-radius:4px;justify-items:start;gap:4px;padding:12px;display:grid}button.angebot:hover:not(:disabled){border-color:var(--laterne);background:var(--akzent-hauch)}button.angebot:disabled{opacity:.5}.angebot b{color:var(--kerze);align-items:center;gap:6px;font-size:18px;display:inline-flex}.angebot b .ico{color:var(--laterne)}.angebot .nachfrage{text-align:left;justify-items:start}.kasse{gap:12px;padding:12px 0;display:grid}.kasse .haken span{color:var(--kerze);font-size:14px}.textknopf{color:var(--laterne);text-underline-offset:3px;background:0 0;border:0;margin-left:6px;padding:0;font-size:14px;text-decoration:underline}.kaeufe{gap:6px;margin:0;padding:0;list-style:none;display:grid}.kauf{border:1px solid var(--linie);background:var(--vertieft);border-radius:4px;gap:3px;padding:10px 12px;display:grid}.kauf-kopf{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.kauf-kopf b{color:var(--kerze)}.kauf-status{font:700 12px var(--f-sc);letter-spacing:.04em;text-transform:uppercase;color:var(--nebel)}.kauf-status.completed{color:var(--gut)}.kauf-status.pending,.kauf-status.created{color:var(--laterne)}.kauf-status.failed,.kauf-status.cancelled,.kauf-status.reversed{color:var(--fehler)}.kauf-status.review,.kauf-status.withdrawal_requested{color:var(--laterne)}.kauf-widerruf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:4px;display:flex}.kosmetik-art{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.kosmetik-art+.kosmetik-art{margin-top:6px}.kosmetik-liste{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.kosmetik-karte{border:1px solid var(--linie-stark);background:var(--vertieft);border-radius:4px;align-content:start;gap:4px;min-width:0;padding:10px;display:grid}.kosmetik-karte.angelegt{border-color:var(--laterne);box-shadow:inset 0 0 0 1px var(--akzent-rand);background:var(--akzent-hauch)}.kosmetik-karte>b{color:var(--kerze);font-size:17px;line-height:1.15}.kosmetik-karte>small{font-size:13.5px;line-height:1.3}.kosmetik-vorschau{background:radial-gradient(circle at 50% 40%, var(--papier), var(--papier-2));border-radius:3px;place-items:center;height:86px;margin-bottom:2px;display:grid}.kosmetik-aktion{justify-items:start;gap:5px;margin-top:2px;font-size:15px;display:grid}.kosmetik-aktion .nachfrage{font-size:14px}.kosmetik-status{font:700 12px var(--f-sc);letter-spacing:.04em;text-transform:uppercase;color:var(--nebel);align-items:center;gap:4px;display:inline-flex}.kosmetik-status.an{color:var(--gut)}.kosmetik-fahne,.profil-fahne{align-items:flex-start;height:60px;padding-top:4px;display:inline-flex;position:relative}.kosmetik-mast{background:var(--kerze);border-radius:2px;width:3px;height:100%;margin-top:-4px;display:block}.kosmetik-tuch,.profil-tuch{width:58px;height:52px;filter:drop-shadow(0 1px 1px var(--hauch));display:block}.kosmetik-schild{border:1.5px solid var(--burgfarbe);max-width:100%;box-shadow:inset 0 -3px 0 var(--burgfarbe), 0 1px 3px #281e1040;color:#23170c;font:600 14px var(--f-body);background:#fbf6ea;border-radius:4px;align-items:center;gap:5px;padding:3px 8px 5px;display:inline-flex}.kosmetik-schild>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.knopfreihe.links{justify-content:flex-start}@media (max-width:860px){.dialog-hintergrund{place-items:end stretch;padding:0}.dialog{border-radius:14px 14px 0 0;width:100%;max-height:92dvh}.laden-stand{grid-template-columns:minmax(0,1fr)}.kosmetik-aktion .nachfrage{text-align:left;justify-items:start}}.versteckt{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.menue{width:min(320px,100vw - 20px);max-height:calc(100dvh - 90px);overflow-y:auto}.menue.links{left:0;right:auto}.menue .warnung{font-size:13.5px}.umbenennen{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.umbenennen input,.loeschung input{min-width:0;height:34px;color:var(--kerze);background:var(--eingabe);border:1px solid var(--linie-stark);border-radius:3px;padding:0 10px}.umbenennen input:focus,.loeschung input:focus{border-color:var(--laterne);outline:none}.umbenennen input[aria-invalid=true],.loeschung input[aria-invalid=true]{border-color:var(--fehler)}.umbenennen small{grid-column:1/-1}.loeschung{gap:6px;display:grid}.loeschung .info{font-size:14px}.umbenennen-knopf{display:inline-flex;position:relative}.stift{width:24px;height:24px;color:var(--nebel);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.stift:hover{color:var(--laterne);background:var(--akzent-hauch)}.loesch-banner{color:var(--kerze);border-bottom:1px solid var(--gefahr-rand);background:linear-gradient(90deg,#a93a2feb,#7c2a22eb);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 14px;font-size:14.5px;font-weight:500;display:flex}.loesch-banner span{flex:220px}.loesch-banner .knopf{background:var(--kerze);border-color:var(--kerze)}.waren-details{z-index:25;background:var(--papier);border:1px solid var(--linie-stark);border-radius:var(--radius);overscroll-behavior:contain;grid-template-columns:minmax(0,1fr);justify-items:end;gap:10px;max-width:640px;max-height:calc(100dvh - 140px);margin-inline:auto;padding:12px 14px;display:grid;position:absolute;top:calc(100% + 6px);left:12px;right:12px;overflow-x:auto;box-shadow:0 18px 40px #00000080}.waren-tabelle{overscroll-behavior-x:contain;background:linear-gradient(to right, var(--papier) 30%, transparent) left / 24px 100% no-repeat local, linear-gradient(to left, var(--papier) 30%, transparent) right / 24px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, #3c281038, transparent) left / 10px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, #3c281038, transparent) right / 10px 100% no-repeat scroll;justify-self:stretch;min-width:0;overflow-x:auto}.waren-details table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.waren-details th,.waren-details td{text-align:right;border-bottom:1px solid var(--linie);white-space:nowrap;padding:5px 6px}.waren-details thead th{font:700 12px var(--f-sc);color:var(--laterne);letter-spacing:.05em;text-transform:uppercase}.waren-details tbody th{text-align:left;color:var(--kerze);font-weight:500}.waren-details tbody th .ico{color:var(--laterne)}.waren-details small{color:var(--nebel)}.waren-details small.warn{color:var(--laterne)}@media (max-width:480px){.waren-details{padding:10px;left:8px;right:8px}.waren-details th,.waren-details td{padding:5px 4px}.waren-details thead th{white-space:normal}}.panel-inhalt{gap:4px;padding:6px 14px 28px;display:grid}.abschnitt{border-bottom:1px solid var(--linie);gap:10px;padding:14px 0;display:grid}.abschnitt:last-child{border-bottom:0}.abschnitt-kopf{justify-content:space-between;align-items:center;gap:10px;min-height:30px;display:flex}.abschnitt-kopf h3{align-items:center;gap:7px;display:flex}.zaehler{font:700 12px/1 var(--f-body);color:var(--nebel);border:1px solid var(--linie);font-variant-numeric:tabular-nums;border-radius:99px;padding:4px 8px}.leer{color:var(--nebel);font-size:15px;font-style:italic}.info{font-size:15px}.info.leise{color:var(--nebel)}.sperre{color:var(--fehler);font-size:13.5px}.warnung{border:1px solid var(--gefahr-rand);background:var(--gefahr-hauch);color:var(--fehler);border-radius:3px;padding:9px 12px;font-size:14.5px}.warnung.leicht{border-color:var(--akzent-rand);background:var(--akzent-hauch);color:var(--stein)}.status{flex-wrap:wrap;align-items:center;gap:7px;font-size:15px;display:flex}.status.warn{color:var(--laterne)}.status.aktiv{color:var(--fehler)}.status.gut{color:var(--gut)}.hinweisblock{border:1px dashed var(--linie-stark);border-radius:var(--radius);justify-items:start;gap:10px;margin-top:10px;padding:14px;display:grid}.gruppe{font:700 13px var(--f-sc);letter-spacing:.06em;text-transform:uppercase;color:var(--nebel);margin:4px 0 2px}.uhr{font-variant-numeric:tabular-nums;color:var(--kerze);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.uhr.leise{color:var(--nebel)}.kosten{flex-wrap:wrap;align-items:center;gap:4px 12px;display:inline-flex}.menge{color:var(--laterne);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.menge .zahl{color:var(--kerze);font-variant-numeric:tabular-nums}.menge.fehlt .zahl,.menge.fehlt{color:var(--fehler)}.balken{background:var(--hauch);border-radius:3px;height:6px;display:block;position:relative;overflow:hidden}.balken>span{background:var(--moos);border-radius:3px;height:100%;transition:width 1s linear;display:block}.balken.gut>span{background:var(--gut)}.balken.warn>span{background:var(--laterne)}.balken.schlecht>span{background:var(--fehler)}.balken.fortschritt{grid-column:1/-1;height:4px}.balken.fortschritt>span{background:linear-gradient(90deg, var(--laterne-tief), var(--laterne))}.gebaeude,.bericht,.dorfkarte{border-bottom:1px solid var(--linie);gap:12px;padding:14px 0;display:grid}.gebaeude-kopf{align-items:flex-start;gap:12px;display:flex}.gebaeude-kopf h2{font-family:var(--f-display);font-size:32px;font-weight:700;line-height:1.05}.gebaeude-kopf>div{min-width:0}.gebaeude-kopf h2{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}@media (max-width:400px){.gebaeude-kopf h2{font-size:27px}}.unterzeile{color:var(--nebel);margin-top:4px;font-size:14.5px}.unterzeile .bereich{color:var(--nebel)}.wirkung{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wirkung>div{border:1px solid var(--linie);background:var(--vertieft);border-radius:3px;align-content:start;gap:4px;padding:10px 12px;display:grid}.wirkung ul{gap:2px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.wirkung .naechste{border-color:var(--akzent-rand);background:var(--akzent-hauch)}.wirkung .naechste li{color:var(--kerze)}.voraussetzung{align-items:center;gap:6px;font-size:14.5px;display:flex}.voraussetzung.ok{color:var(--gut)}.voraussetzung.fehlt{color:var(--fehler)}.bauen{gap:10px;display:grid}.bauen-daten{flex-wrap:wrap;gap:10px 24px;display:flex}.bauen-daten>div{gap:4px;display:grid}.liste{margin:0;padding:0;list-style:none}.liste.knapp li{border-top:1px dotted var(--linie);justify-content:space-between;gap:8px;padding:4px 0;font-size:14.5px;display:flex}.schleife{gap:6px;margin:0;padding:0;list-style:none;display:grid}.schleife li{border:1px solid var(--linie);background:var(--vertieft);border-radius:3px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:9px 11px;display:grid}.schleife li.aktiv{border-color:var(--akzent-rand);background:var(--akzent-hauch)}.schleife-name{text-align:left;min-width:0;color:var(--stein);background:0 0;border:0;align-items:baseline;gap:6px;padding:0;display:flex}.schleife-name b{color:var(--kerze)}.schleife-name span{color:var(--nebel);font-size:14px}button.schleife-name:hover b{color:var(--laterne)}.schleife-zeit{justify-self:end}.schleife li>.nachfrage,.schleife li>.knopf,.schleife li>small{grid-column:1/-1;justify-self:end}.bauliste-gruppe+.bauliste-gruppe{margin-top:6px}.bauliste{margin:0;padding:0;list-style:none;display:grid}.bauliste li{border-top:1px solid var(--linie);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 0;display:grid}.bauliste li:first-child{border-top:0}.bauliste-name{text-align:left;min-width:0;color:var(--stein);background:0 0;border:0;gap:1px;padding:0;display:grid}.bauliste-name b{color:var(--kerze);font-size:16px}.bauliste-name:hover b{color:var(--laterne)}.bauliste-name .stufe{color:var(--nebel);font-size:13.5px}.bauliste-kosten{justify-items:end;gap:2px;font-size:13.5px;display:grid}.bauliste-kosten .kosten{justify-content:flex-end;gap:2px 8px}.bauliste li.gesperrt .bauliste-name b{color:var(--nebel)}.zufriedenheit{gap:8px;display:grid}.gross-zahl{align-items:baseline;gap:12px;display:flex}.gross-zahl b{font-family:var(--f-body);color:var(--kerze);font-size:46px;font-weight:600;line-height:.9}.gross-zahl .trend{align-items:center;gap:4px;font-size:15px;display:inline-flex}.zufriedenheit-skala{padding:4px 0;position:relative}.zufriedenheit-skala .balken{height:8px}.zielmarke{background:var(--kerze);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #f1e6d099}.faktoren{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14.5px}.faktoren caption{text-align:left;margin-bottom:4px}.faktoren th{text-align:left;border-bottom:1px dotted var(--linie);padding:4px 0;font-weight:400}.faktoren td{text-align:right;border-bottom:1px dotted var(--linie);color:var(--kerze);padding:4px 0}.faktoren tr.minus td{color:var(--fehler)}.faktoren tr.plus td{color:var(--gut)}.faktoren tfoot th,.faktoren tfoot td{border-bottom:0;border-top:1px solid var(--linie-stark);color:var(--kerze);font-weight:700}.wahl{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px;display:grid}.wahl.zwei{grid-template-columns:1fr 1fr}.wahl button{border:1px solid var(--linie-stark);background:var(--vertieft);color:var(--stein);border-radius:3px;justify-items:center;gap:1px;padding:8px 4px;transition:border-color .2s,background .2s;display:grid}.wahl button b{color:var(--kerze);font-size:15px}.wahl button small{color:var(--nebel);font-variant-numeric:tabular-nums;font-size:12px}.wahl button:hover:not(:disabled){border-color:var(--laterne)}.wahl button[aria-checked=true]{border-color:var(--laterne);background:var(--akzent-hauch-stark);box-shadow:inset 0 0 0 1px var(--akzent-rand)}.wahl button:disabled{opacity:.6}.werte{gap:0;margin:0;display:grid}.werte>div{border-bottom:1px dotted var(--linie);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:6px 0;display:grid}.werte>div:last-child{border-bottom:0}.werte dt{color:var(--nebel);font-size:14.5px}.werte dd{text-align:right;color:var(--kerze);font-variant-numeric:tabular-nums;justify-items:end;gap:4px;margin:0;display:grid}.werte dd small{color:var(--nebel);font-size:12.5px}.werte dd .balken{width:120px}.einheiten{gap:10px;margin:0;padding:0;list-style:none;display:grid}.einheit{border:1px solid var(--linie);border-radius:var(--radius);background:var(--vertieft);gap:8px;padding:12px;display:grid}.einheit.gesperrt{opacity:.62}.einheit-kopf{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.einheit-kopf h4{font-family:var(--f-display);font-size:22px;font-weight:700;line-height:1}.kampfwerte{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0;display:grid}.kampfwerte>div{background:var(--hauch);border-radius:3px;justify-items:center;padding:4px 2px;display:grid}.kampfwerte dt{font:700 10.5px/1.1 var(--f-sc);letter-spacing:.02em;color:var(--nebel);text-align:center;text-transform:uppercase}.kampfwerte dd{color:var(--kerze);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.kampfwerte dd small{color:var(--nebel);font-size:10px;font-weight:400}.einheit-kosten{flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:14px;display:flex}.einheit-ausbilden{grid-template-columns:minmax(64px,1fr) auto auto;align-items:center;gap:6px;display:grid}.zahlfeld{width:100%;min-width:0;height:34px;color:var(--kerze);font-variant-numeric:tabular-nums;background:var(--eingabe);border:1px solid var(--linie-stark);appearance:textfield;border-radius:3px;padding:0 10px}.zahlfeld::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.zahlfeld::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.zahlfeld:focus{border-color:var(--laterne);outline:none}.zahlfeld:disabled{opacity:.4}.truppen{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;display:flex}.truppen b{color:var(--kerze);font-variant-numeric:tabular-nums}.heer-gruppe{gap:6px;display:grid}.heer-gruppe.gefahr .gruppe{color:var(--fehler)}.heere{gap:6px;margin:0;padding:0;list-style:none;display:grid}.heer{border:1px solid var(--linie);background:var(--vertieft);border-radius:3px;gap:4px;padding:9px 11px;display:grid}.heer-gruppe.gefahr .heer{border-color:var(--gefahr-rand);background:var(--gefahr-hauch)}.heer-kopf{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.befehl{font:700 12px var(--f-sc);letter-spacing:.05em;text-transform:uppercase;color:var(--laterne);align-items:center;gap:4px;display:inline-flex}.befehl.storm{color:var(--fehler)}.heer-ziel{text-align:left;color:var(--kerze);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:500;overflow:hidden}.heer-ziel:hover{color:var(--laterne)}.heer-zeit{justify-items:end;line-height:1.1;display:grid}.heer-zeit small{font-size:12px}.heer-truppen{color:var(--stein)}.heer-beute{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px;display:flex}.berichte{margin:0;padding:0;list-style:none;display:grid}.bericht-zeile{border:0;border-top:1px solid var(--linie);text-align:left;width:100%;color:var(--stein);background:0 0;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:2px 10px;padding:10px 2px;display:grid}.berichte li:first-child .bericht-zeile{border-top:0}.bericht-zeile:hover .bericht-titel{color:var(--laterne)}.bericht-zeile small{grid-column:2;font-size:13px}.bericht-titel{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.bericht-zeile.ungelesen .bericht-titel{color:var(--kerze);font-weight:700}.punkt{border-radius:50%;width:9px;height:9px}.punkt.sieg{background:var(--gut);box-shadow:0 0 6px #a9c26a99}.punkt.niederlage{background:var(--fehler)}.sieg-text{color:var(--gut);font-weight:700}.niederlage-text{color:var(--fehler);font-weight:700}.parteien{grid-template-columns:1fr 1fr;gap:10px;display:grid}.partei{border:1px solid var(--linie);border-radius:3px;gap:2px;min-width:0;padding:10px 12px;display:grid}.partei b{color:var(--kerze);text-overflow:ellipsis;overflow:hidden}.partei small{font-size:13px}.phasen{counter-reset:phase;gap:6px;margin:0;padding:0;list-style:none;display:grid}.phasen li{counter-increment:phase;grid-template-columns:24px minmax(0,1fr);gap:0 8px;font-size:14.5px;display:grid}.phasen li:before{content:counter(phase);border:1px solid var(--linie-stark);width:22px;height:22px;color:var(--laterne);font:700 12px var(--f-body);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.phasen li b{color:var(--kerze)}.verluste{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14.5px}.verluste th,.verluste td{border-bottom:1px dotted var(--linie);text-align:right;padding:5px 4px}.verluste thead th{font:700 12px var(--f-sc);color:var(--laterne);letter-spacing:.05em;text-transform:uppercase}.verluste tbody th{text-align:left;color:var(--kerze);font-weight:500}.verluste thead th:first-child{text-align:left}.kunde{gap:8px;display:grid}.gebaeude-kunde{grid-template-columns:1fr 1fr;gap:2px 16px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.gebaeude-kunde li{border-bottom:1px dotted var(--linie);justify-content:space-between;padding:2px 0;display:flex}.gebaeude-kunde b{color:var(--kerze)}.nachfrage{color:var(--stein);text-align:right;justify-items:end;gap:6px;font-size:14px;display:grid}.nachfrage-knoepfe{gap:6px;display:flex}.karte{z-index:2;background:var(--nacht);position:absolute;inset:0}.karte-leinwand{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.karte-leinwand.zieht{cursor:grabbing}.karte-laden{color:var(--nebel);font-family:var(--f-sc);font-size:14px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.karte-knoepfe{gap:8px;display:grid;position:absolute;top:12px;right:12px}.hinweis-karte{padding:14px 0 4px}.karte-knoepfe .rund[aria-pressed=true]{border-color:var(--laterne);color:var(--laterne);background:var(--akzent-hauch-stark)}.karte-tipp{z-index:4;border:1px solid var(--linie-stark);pointer-events:none;background:#211810eb;border-radius:3px;gap:2px;max-width:260px;padding:7px 10px;font-size:13.5px;display:grid;position:absolute;transform:translate(14px,14px);box-shadow:0 8px 22px #00000073}.karte-tipp b{color:var(--kerze);font-weight:700}.karte-tipp span{color:var(--stein)}.schutz-text{color:var(--gut);align-items:center;gap:5px;display:inline-flex}.angriff{border-top:1px solid var(--linie-stark)}.auswahl{gap:6px;margin:0;padding:0;list-style:none;display:grid}.auswahl li{grid-template-columns:minmax(0,1fr) 96px auto;align-items:center;gap:8px;display:grid}.auswahl li.gesperrt{opacity:.5}.auswahl-name{min-width:0;line-height:1.15;display:grid}.auswahl-name b{color:var(--kerze);font-weight:500}.auswahl-name small{font-size:12.5px}.legende{padding:12px 0}.legende summary{cursor:pointer;list-style:none}.legende summary::-webkit-details-marker{display:none}.legende ul{grid-template-columns:1fr 1fr;gap:4px 12px;margin:8px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.legende li{align-items:center;gap:8px;display:flex}.legende-punkt{border-radius:2px;width:12px;height:12px}.legende-punkt.own{background:var(--laterne);box-shadow:0 0 6px #e5a84fb3}.legende-punkt.player{background:#b9483b}.legende-punkt.abandoned{background:#8a8d90}.legende-punkt.barbarian{background:#5a4633;border:1px solid #c9b48a;border-radius:50%}.legende-feld{border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 4px 1px #00000040}.legende-feld.fluss{border-radius:2px;height:4px;background:#4d7488!important}.legende-feld.ebene{background:#6d7746}.legende-feld.wald{background:#3b4f30}.legende-feld.huegel{background:#76694c}.legende-feld.berg{background:#697077}.legende-feld.fluss{background:#375a6c}.legende-feld.sumpf{background:#454e3b}@media (max-width:1100px){.nur-breit{display:none}.hud-name{max-width:12ch}}@media (max-width:860px){.spiel{grid-template-rows:auto minmax(0,1fr) auto}.haupt{grid-template-columns:minmax(0,1fr)}.seite{z-index:10;border-left:0;border-top:1px solid var(--linie-stark);background:var(--papier);border-radius:14px 14px 0 0;height:48%;transition:height .28s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 40px #00000073}.seite[data-sheet=min]{height:50px}.seite[data-sheet=max]{height:calc(100% - 6px)}.seite[data-sheet=min] .seite-inhalt{visibility:hidden}.blatt-griff{height:50px;color:var(--kerze);touch-action:none;background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 6px;display:flex;position:relative}.griff{background:var(--linie-stark);border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}.blatt-titel{font:700 14px var(--f-sc);letter-spacing:.06em;text-transform:uppercase;color:var(--laterne);align-items:center;gap:8px;display:inline-flex}.blatt-pfeil{color:var(--nebel)}.reiter-oben{display:none}.reiter-unten{z-index:15;background:var(--holz);border-top:2px solid var(--messing-rand);padding-bottom:env(safe-area-inset-bottom,0px);display:grid;position:relative}.reiter-unten button{border-top:2px solid #0000;border-bottom:0;padding:7px 2px 8px}.reiter-unten button[aria-current=page]{border-top-color:var(--laterne)}.panel-inhalt{padding:0 14px 24px}.karte-knoepfe{top:10px;right:10px}.meldung{top:calc(env(safe-area-inset-top,0px) + var(--kopf-h,86px) + 14px)}.hud{grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"marke volk rang taler menue""waren waren waren waren waren";gap:6px 8px;padding:6px 10px 8px;display:grid}.hud-taler{grid-area:taler;height:30px;padding:0 8px}.hud-rangliste{grid-area:rang;height:30px;padding:0 8px}.hud-marke{grid-area:marke}.hud-volk{grid-area:volk;justify-content:flex-end;gap:10px;overflow:hidden}.hud-menue{grid-area:menue}.hud-waren{grid-area:waren;gap:4px;max-width:none}.hud-name{max-width:9ch;font-size:19px}.ware{gap:4px;padding:3px 5px 5px}.ware .ico{width:13px;height:13px}.ware-zahlen b{font-size:14px}.ware-zahlen small{font-size:10.5px}.rund{width:34px;height:34px}.wirkung{grid-template-columns:minmax(0,1fr)}.kampfwerte{grid-template-columns:repeat(3,minmax(0,1fr))}.menue.links{left:10px;right:10px;top:calc(env(safe-area-inset-top,0px) + 54px);width:auto;position:fixed}}@media (max-width:420px){.hud-name,.hud-wert.schutz small{display:none}.hud-volk{gap:8px}.hud-wert b{font-size:14px}.hud-wert small{font-size:12px}.einheit-ausbilden{grid-template-columns:minmax(56px,1fr) auto auto}.auswahl li{grid-template-columns:minmax(0,1fr) 76px auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.ui-bild{object-fit:contain;vertical-align:middle;flex:none;display:inline-block}.ware-bild{margin:-2px 0}.portraet{border-radius:8px}.portraet.blass{opacity:.45;filter:grayscale(.6)}.portraet-leer{background:var(--vertieft);color:var(--nebel);border-radius:8px;flex:none;place-items:center;display:inline-grid}.kreisel{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite kreisel;display:inline-block}@keyframes kreisel{to{transform:rotate(360deg)}}.knopf.arbeitet{cursor:progress;opacity:1!important}.knopf.erledigt{background:var(--gut);border-color:var(--gut);color:var(--papier)}.leistbar{color:var(--nebel);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.leistbar.never,.leistbar.storage{color:var(--fehler)}.schnellwahl{flex-wrap:wrap;gap:4px;display:flex}.schnellwahl button{border:1px solid var(--linie-stark);background:var(--knopf-grund);min-width:44px;min-height:34px;color:var(--kerze);font:600 13px var(--f-body);font-variant-numeric:tabular-nums;border-radius:99px;padding:0 8px}.schnellwahl button:hover:not(:disabled){border-color:var(--laterne);background:var(--akzent-hauch)}.schnellwahl button[aria-pressed=true]{border-color:var(--laterne);background:var(--akzent-hauch-stark)}.schnellwahl button:disabled{opacity:.4}@media (max-width:860px),(pointer:coarse){.knopf,.knopf.klein{min-height:44px}.rund{width:44px;height:44px}.zahlfeld{height:44px}.wahl button{align-content:center;min-height:48px}.schnellwahl button,.bauliste-name,.schleife-name,.bericht-zeile,.heer-ziel,.menue-eintrag,.umschalter button{min-height:44px}.reiterleiste button{min-height:52px}.haken input{width:22px;height:22px}}.vertretung-leiste{border-bottom:1px solid var(--laterne);color:var(--kerze);background:linear-gradient(90deg,#5c3a18fa,#402a14fa);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:5px 8px 5px 14px;font-size:14.5px;line-height:1.3;display:flex}.vertretung-leiste>.ico{color:var(--laterne)}.vertretung-text{overflow-wrap:anywhere;flex:12em;min-width:0;font-weight:600}.vertretung-leiste .knopf.klein{white-space:nowrap;min-height:30px;padding:0 10px;font-size:14px}@media (max-width:860px){.vertretung-leiste{padding:6px 8px 6px 12px;font-size:13.5px}.vertretung-leiste .knopf.klein{min-height:32px;margin-left:auto;position:relative}.vertretung-leiste .knopf.klein:after{content:"";position:absolute;inset:-6px 0}.vertretung-verlauf summary{min-height:44px;padding-block:11px}}.menue-vertretung{color:var(--stein);justify-items:start;gap:6px;font-size:14px;display:grid}.fairplay-dialog{width:min(600px,100%)}.fairplay-dialog .klein{font-size:14px}.fairplay-dialog select,.fairplay-dialog textarea{width:100%;min-width:0;min-height:46px;color:var(--kerze);background:var(--eingabe);border:1px solid var(--linie-stark);border-radius:3px;padding:0 12px;font-size:17px}.fairplay-dialog textarea{resize:vertical;min-height:64px;font:16px/1.45 var(--f-body);padding:10px 12px}.fairplay-dialog select:focus,.fairplay-dialog textarea:focus{border-color:var(--laterne);outline:none}.fairplay-dialog .feld input[type=date]{padding:0 10px}.vertretung-zeile{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;display:grid}.vertretung-karte{border:1px solid var(--akzent-rand);background:var(--akzent-hauch);color:var(--kerze);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.vertretung-karte p{flex:16em;min-width:0}.vertretung-liste{gap:6px;display:grid}.vertretung-liste ul,.vertretung-verlauf ul,.verbindungen{gap:8px;margin:0;padding:0;list-style:none;display:grid}.vertretung-liste li{border:1px solid var(--linie);background:var(--vertieft);border-radius:4px;gap:6px;padding:8px 10px;display:grid}.vertretung-verlauf summary{cursor:pointer;color:var(--stein);font-size:14.5px}.vertretung-verlauf ul{margin-top:8px;font-size:14px}.vertretung-verlauf li{border-bottom:1px dotted var(--linie);padding-bottom:6px}.verbindungen li{border:1px solid var(--linie);background:var(--vertieft);border-radius:4px;justify-items:start;gap:6px;padding:8px 10px;display:grid}.verbindungen li.warnung{background:var(--akzent-hauch)}.verbindung-kopf{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.verbindung-kopf b{color:var(--kerze)}.verbindung-notiz{overflow-wrap:anywhere}@media (max-width:480px){.vertretung-zeile{grid-template-columns:minmax(0,1fr)}}.bestaetigen-leiste{border-bottom:1px solid var(--akzent-rand);color:var(--kerze);background:linear-gradient(90deg,#402f1ff7,#2e2319f7);align-items:center;gap:6px 10px;padding:5px 8px 5px 14px;font-size:14.5px;line-height:1.3;display:flex}.bestaetigen-leiste>.ico{color:var(--laterne)}.bestaetigen-text{flex:1 1 0;min-width:0}.bestaetigen-leiste .knopf.klein{min-height:30px;padding:0 10px;font-size:14px}.bestaetigen-leiste .rund{width:30px;height:30px}.bestaetigen-status{min-width:0;color:var(--gut);overflow-wrap:anywhere;font-size:14px}.bestaetigen-leiste .sperre{overflow-wrap:anywhere;min-width:0}@media (max-width:860px){.bestaetigen-leiste{padding:6px 6px 6px 12px;font-size:13.5px}.bestaetigen-leiste .knopf.klein{min-width:0;min-height:32px;position:relative}.bestaetigen-leiste .knopf.klein:after{content:"";position:absolute;inset:-6px 0}.bestaetigen-leiste .rund{width:32px;height:32px;position:relative}.bestaetigen-leiste .rund:after{content:"";position:absolute;inset:-6px}.bestaetigen-status{font-size:13px}}.bestaetigen-hinweis{gap:8px;display:grid}.bestaetigen-hinweis b{color:var(--kerze)}.bestaetigen-aktion{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.sicherheit-dialog{width:min(560px,100%)}.sicherheit-dialog .abschnitt h3:focus:not(:focus-visible){outline:none}.konto-zeile{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.konto-mail{color:var(--kerze);overflow-wrap:anywhere;font-size:17px;font-weight:600}.konto-status{border:1px solid var(--linie-stark);font:700 12px/1.6 var(--f-sc);letter-spacing:.05em;text-transform:uppercase;color:var(--nebel);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:1px 8px;display:inline-flex}.konto-status.gut{color:var(--gut);border-color:#4a6a1c73}.konto-status.warn{color:var(--laterne);border-color:var(--akzent-rand);background:var(--akzent-hauch)}.konto-form{gap:10px;display:grid}.feld input.code-eingabe{letter-spacing:.16em;font-variant-numeric:tabular-nums lining-nums;max-width:16ch;font-size:20px}.feld input.code-eingabe::placeholder{letter-spacing:.04em;font-size:17px}.zweifaktor-schritte{gap:12px;display:grid}.schritt{color:var(--kerze);font-weight:600}.schritt:focus:not(:focus-visible){outline:none}.qr-feld{grid-template-columns:184px minmax(0,1fr);align-items:center;gap:16px;display:grid}.qr{aspect-ratio:1;border:1px solid var(--linie-stark);background:#fff;border-radius:4px;width:184px;padding:6px}.qr svg{width:100%;height:100%;display:block}.qr-alternativ{justify-items:start;gap:6px;min-width:0;display:grid}.geheimnis{letter-spacing:.04em;word-spacing:.25em;max-width:100%;color:var(--kerze);background:var(--eingabe);border:1px dashed var(--linie-stark);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:3px;padding:6px 10px;font:600 16px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:block}@media (hover:hover) and (pointer:fine){.nur-touch{display:none}}.wiederherstellung{gap:10px;display:grid}.wiederherstellung h4{font:700 19px/1.2 var(--f-display);color:var(--kerze)}.wiederherstellung h4:focus:not(:focus-visible){outline:none}.wiederherstellung .warnung{align-items:flex-start;gap:8px;display:flex}.wiederherstellung .warnung .ico{margin-top:2px}.codes{counter-reset:code;background:var(--eingabe);border:1px solid var(--linie-stark);border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:0;padding:12px 14px;list-style:none;display:grid}.codes li{counter-increment:code;align-items:baseline;gap:8px;display:flex}.codes li:before{content:counter(code) ".";text-align:right;min-width:2.4ch;color:var(--nebel);font-size:13px}.codes code{letter-spacing:.05em;color:var(--kerze);-webkit-user-select:all;user-select:all;font:600 17px/1.4 ui-monospace,SF Mono,Menlo,Consolas,monospace}.sicherheit-knopf .sicherheit-warn{color:var(--laterne)}.menue-mail{color:var(--stein);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;display:flex}@media (max-width:860px){.sicherheit-dialog .feld .zeigen{min-width:44px;min-height:44px}}@media (max-width:480px){.qr-feld{grid-template-columns:minmax(0,1fr);justify-items:center}.qr-alternativ{text-align:center;justify-items:center}.codes{grid-template-columns:minmax(0,1fr)}}:root{--tinktur-gold:#d4a73a;--tinktur-silber:#eceae3;--tinktur-rot:#b3342a;--tinktur-blau:#2f5aa0;--tinktur-gruen:#3f7a3a;--tinktur-schwarz:#2a2622}.wappen{vertical-align:middle;filter:drop-shadow(0 1px 1px var(--hauch));flex:none;display:inline-block}.wappen-figur{stroke:var(--tinktur-schwarz);stroke-opacity:.35;stroke-width:1.2px;stroke-linejoin:round}.wappen-glanz{fill:var(--tinktur-silber);opacity:.14}.wappen-rand{fill:none;stroke:var(--kerze);stroke-opacity:.75;stroke-width:3px}.wappen-kontur{flood-color:var(--tinktur-schwarz);flood-opacity:.45}.wappen-linie{stroke:var(--kerze);stroke-opacity:.7;stroke-width:1.4px;stroke-linejoin:round}.wappen-strich{fill:none;stroke:var(--kerze);stroke-opacity:.75;stroke-width:1.6px;stroke-linecap:round}.wappen-schatten{fill:var(--kerze);opacity:.16}.wappen-boden{fill:color-mix(in srgb, var(--tinktur-gruen) 70%, var(--kerze));stroke:var(--kerze);stroke-opacity:.5;stroke-width:1.2px}.wappen-halter{filter:drop-shadow(0 0 .8px var(--kerze))}.ziffer{font-family:var(--f-body);font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}.hud-ehre{border:1px solid color-mix(in srgb, var(--messing) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--messing) 16%, transparent), color-mix(in srgb, var(--messing-rand) 10%, transparent));height:34px;color:var(--messing-hell);white-space:nowrap;cursor:pointer;border-radius:99px;flex:none;align-items:center;gap:5px;padding:0 10px;display:inline-flex;position:relative}.hud-ehre:hover,.hud-ehre:focus-visible{border-color:var(--messing-hell)}.hud-ehre b{font:700 15px/1 var(--f-body);font-variant-numeric:tabular-nums;color:var(--pergament)}.hud-ehre-titel{font:600 11px/1 var(--f-sc);letter-spacing:.06em;text-transform:uppercase}.hud-ehre.bereit{box-shadow:0 0 0 2px color-mix(in srgb, var(--messing-hell) 45%, transparent)}.ehre-punkt{background:var(--messing-hell);width:9px;height:9px;box-shadow:0 0 6px var(--messing-hell);border-radius:50%;position:absolute;top:-2px;right:-2px}@media (max-width:1180px){.hud-ehre-titel{display:none}}.dialog.ehre-dialog{max-width:640px}.ehre-kopf{align-items:center;gap:18px;padding:8px 0 6px;display:flex}.ehre-kopf>.wappen{flex:none}.ehre-stand{gap:4px;min-width:0;display:grid}.ehre-stand h3{font:700 26px/1.1 var(--f-display);color:var(--kerze);overflow-wrap:anywhere}.ehre-zahl{color:var(--laterne);align-items:center;gap:8px;margin:2px 0 0;display:flex}.ehre-zahl b{font:700 32px/1 var(--f-body);font-variant-numeric:tabular-nums;color:var(--kerze)}.ehre-zahl span{color:var(--nebel);font-size:15px}.titel-leiter{gap:6px;margin:0;padding:0;list-style:none;display:grid}.titel-leiter li{border:1px solid var(--linie);background:var(--vertieft);border-radius:4px;grid-template-columns:76px minmax(0,1fr) auto;grid-template-areas:"bild text preis""bild status status";align-items:center;gap:2px 12px;padding:8px 10px;display:grid}.titel-leiter li.erlangt{border-color:var(--akzent-rand)}.titel-leiter li.naechster{border-color:var(--laterne);background:var(--akzent-hauch);box-shadow:inset 0 0 0 1px var(--akzent-rand)}.titel-leiter li.gesperrt{opacity:.72}.titel-bild{grid-area:bild;place-items:center;min-height:64px;display:grid}.titel-text{grid-area:text;gap:1px;min-width:0;display:grid}.titel-text b{font:700 17px var(--f-display);color:var(--kerze)}.titel-preis{text-align:right;color:var(--laterne);grid-area:preis}.titel-preis b{font:700 18px var(--f-body);font-variant-numeric:tabular-nums;color:var(--kerze)}.titel-status{grid-area:status;justify-content:flex-end;min-width:0;display:flex}.titel-status:empty{display:none}.erlangt-marke{color:var(--gut);align-items:center;gap:4px;font-size:14px;font-weight:600;display:inline-flex}.titel-fehlt{width:min(220px,100%);color:var(--nebel);justify-items:end;gap:3px;font-size:13.5px;display:grid}.titel-fehlt .balken{width:100%}.ehre-quellen{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ehre-quellen li{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;font-size:15px;line-height:1.35;display:grid}.ehre-quellen li .ico{color:var(--laterne);margin-top:1px}.ehre-quellen li.minus .ico{color:var(--fehler)}.ehre-zeile{background:var(--akzent-hauch);color:var(--laterne);border-radius:3px;align-items:center;gap:8px;margin:0 0 10px;padding:6px 10px;display:flex}.ehre-zeile b{font:700 15px var(--f-body);color:var(--kerze)}.ehre-zeile.minus{background:var(--gefahr-hauch);color:var(--fehler)}.bericht-banner.turnier{grid-template-columns:auto minmax(0,1fr) auto}.turnier-platz{width:56px;height:56px;color:var(--laterne);place-items:center;display:grid;position:relative}.turnier-platz .ico{width:56px;height:56px;position:absolute;inset:0}.turnier-platz b{font:700 20px var(--f-body);color:var(--kerze);position:relative}.turnier-tabelle td.zahl{text-align:left;font-family:var(--f-body)}.turnier-tabelle thead th:nth-child(2){text-align:left}.turnier-tabelle tr.ich td,.turnier-tabelle tr.ich th{background:var(--akzent-hauch-stark)}.ehre-box{gap:8px;display:grid}.ehre-werte{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.ehre-werte .ehre-gewinn{color:var(--laterne);align-items:center;gap:5px;font-weight:600;display:inline-flex}.ehre-werte .ehre-gewinn b{font:700 16px var(--f-body);color:var(--kerze)}.turnier-zeiten{color:var(--nebel);font-size:14px}.turnier-eingabe{align-items:stretch;gap:8px;display:flex}.turnier-eingabe input{width:7em;min-height:44px;font:600 17px var(--f-body);color:var(--kerze);background:var(--eingabe);border:1px solid var(--linie-stark);border-radius:3px;padding:0 10px}.turnier-eingabe input:focus{border-color:var(--laterne);outline:none}.spende-ehre{color:var(--laterne);align-items:center;gap:5px;font-size:14px;display:inline-flex}.spende-ehre.leise{color:var(--nebel)}.ereignisse{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ereignisse li{background:var(--vertieft);border-radius:3px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.ereignisse li.gut .ico{color:var(--gut)}.ereignisse li.schlecht{background:var(--gefahr-hauch)}.ereignisse li.schlecht .ico{color:var(--fehler)}.regel-karte{border-left:3px solid var(--messing-rand);background:var(--akzent-hauch);gap:4px;margin:0;padding:10px 12px;display:grid}.regel-karte b{font:700 17px var(--f-display);color:var(--kerze)}.status.mond{color:var(--nebel)}.status.mond .ico{color:var(--laterne)}.relikte{gap:6px;margin:0;padding:0;list-style:none;display:grid}.relikte li{border:1px solid var(--linie);background:var(--vertieft);border-radius:4px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:8px 10px;display:grid}.relikte li.aktiv{border-color:var(--laterne);background:var(--akzent-hauch);box-shadow:inset 0 0 0 1px var(--akzent-rand)}.relikt-bild{width:40px;height:40px;color:var(--laterne);background:radial-gradient(circle, color-mix(in srgb, var(--messing-hell) 35%, transparent), transparent 70%);border-radius:50%;place-items:center;display:grid}.relikte li:not(.aktiv) .relikt-bild{color:var(--nebel)}.relikt-text{gap:1px;min-width:0;display:grid}.relikt-text b{font:700 16px var(--f-display);color:var(--kerze)}.relikt-wirkung{color:var(--gut);font-size:14px}.ehre-reiter{margin:4px 0 10px}.regel-naechste{color:var(--laterne);align-items:center;gap:6px;margin:8px 0 0;font-size:14.5px;display:flex}.kronen-karte{border:1px solid var(--messing-rand);background:linear-gradient(180deg, var(--akzent-hauch-stark), var(--akzent-hauch));border-radius:4px;gap:4px;margin:4px 0 8px;padding:10px 12px;display:grid}.kronen-karte header{color:var(--laterne);align-items:center;gap:8px;display:flex}.kronen-karte header h3{font:700 19px var(--f-display);color:var(--kerze);flex:1}.kronen-karte p{margin:0}.kronen-karte .uhr{font-family:var(--f-body);font-weight:700}.kronen-karte.eigen{border-color:var(--gut);box-shadow:inset 0 0 0 1px var(--gut)}.kronen-sieg{font:700 17px var(--f-body);color:var(--kerze)}.kronen-wertung h4{font:700 14px var(--f-body);color:var(--laterne);margin:4px 0 2px}.kronen-wertung ol{font-family:var(--f-body);gap:2px;margin:0;padding-left:20px;display:grid}.kronen-wertung li.eigen{color:var(--gut)}.kronen-wertung li .icon{vertical-align:-2px;color:var(--messing-hell);margin-left:4px}.hud-krone{color:var(--messing-hell);cursor:pointer;background:0 0;border:0;padding:0}.hud-krone b{font:700 14px var(--f-body);letter-spacing:.04em}.hud-krone small{font-family:var(--f-body)}.dialog.saison-dialog{max-width:480px}.premium-hinweis{color:var(--stein);background:var(--akzent-hauch);border:1px dashed var(--akzent-rand);border-radius:3px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:8px 10px;font-size:14px;display:flex}.premium-hinweis>span{flex:200px;min-width:0}.premium-marke-text{font:700 11px/1.6 var(--f-sc);letter-spacing:.05em;text-transform:uppercase;color:var(--laterne);border:1px solid var(--akzent-rand);border-radius:2px;margin-right:2px;padding:0 5px;display:inline-block}.premium-hinweis .knopf{gap:6px}.premium-vergleich{border-collapse:collapse;width:100%;font-size:14px;line-height:1.35}.premium-vergleich th,.premium-vergleich td{text-align:left;vertical-align:top;border-bottom:1px solid var(--linie);padding:7px 6px}.premium-vergleich thead th{vertical-align:bottom;font:700 12px/1.25 var(--f-sc);letter-spacing:.05em;text-transform:uppercase;color:var(--nebel);border-bottom-color:var(--linie-stark)}.premium-vergleich thead th.mit{color:var(--laterne)}.premium-vergleich thead .premium-marke{margin-right:3px}.premium-vergleich td{width:23%;color:var(--stein);overflow-wrap:anywhere}.premium-vergleich td.mit{width:29%;color:var(--kerze);background:var(--akzent-hauch);font-weight:600}.premium-vergleich tbody th{color:var(--kerze);font-weight:400}.premium-vergleich tbody th b{font-weight:700}.premium-vergleich tbody th small{color:var(--nebel);margin-top:2px;font-size:12.5px;display:block}.premium-vergleich tr.gruppe th{border-bottom:0;padding-bottom:0}.premium-vergleich tr.unter th{padding-left:16px}.premium-vergleich td.gleich{text-align:center;color:var(--stein);font-style:italic}.premium-vergleich .ja{color:var(--gut)}.premium-vergleich td.mit .ja{color:var(--laterne)}.premium-vergleich .nein{color:var(--nebel)}.premium-vergleich .fuer-alle th{color:var(--stein)}.premium-vergleich tr.hervor>*{background:var(--akzent-hauch-stark)}.premium-vergleich tr.hervor>th{box-shadow:inset 3px 0 0 var(--laterne)}.dialog.premium-dialog{width:min(720px,100%)}.premium-dialog .dialog-kopf .premium-marke{width:26px;height:26px}.premium-einleitung{margin:4px 0 0}.premium-stand{padding-bottom:4px}.premium-stand .premium small{font-size:13.5px}.premium-fakten{flex-wrap:wrap;gap:6px;margin:0 0 6px;padding:0;list-style:none;display:flex}.premium-fakten li{color:var(--stein);background:var(--vertieft);border:1px solid var(--linie);border-left:3px solid var(--messing-rand);border-radius:3px;padding:6px 10px;font-size:14.5px}.premium-fakten b{color:var(--kerze)}.premium-karten{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.premium-karte{border:1px solid var(--linie-stark);background:var(--vertieft);border-radius:4px;align-content:start;gap:6px;min-width:0;padding:10px 12px 12px;scroll-margin:16px;display:grid}.premium-karte h4{font:600 16px/1.2 var(--f-display);color:var(--kerze);margin:4px 0 0}.premium-karte p{color:var(--stein);margin:0;font-size:14.5px;line-height:1.4}.premium-karte.hervor{border-color:var(--laterne);background:var(--akzent-hauch);box-shadow:0 0 0 2px var(--akzent-rand)}.premium-kasten{color:var(--stein);background:var(--akzent-hauch);border-left:3px solid var(--messing-rand);margin:0;padding:10px 12px;font-size:14.5px}.premium-preis .angebot{align-content:start}.premium-laufzeit{gap:4px;margin:2px 0 0;padding-left:18px;font-size:14.5px;display:grid}.premium-fuss{flex-wrap:wrap;align-items:center;gap:4px 18px;margin:0;padding:10px 0 4px;font-size:14.5px;display:flex}.premium-fuss a{color:var(--laterne);text-underline-offset:3px}.premium-fuss .textknopf{margin-left:0;font-size:14.5px}@media (max-width:860px){.dialog.premium-dialog{height:100dvh;max-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);border:0;border-radius:0}.premium-fuss a,.premium-fuss .textknopf{align-items:center;min-height:44px;display:inline-flex}}.skizze{width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.skizze .flaeche{fill:var(--eingabe);stroke:var(--linie-stark)}.skizze .flaeche-2{fill:var(--papier)}.skizze .linie,.skizze .linie *{fill:none;stroke:var(--nebel);stroke-width:1.2px}.skizze .gold-linie,.skizze .gold-linie *{stroke:var(--messing-rand)}.skizze .gold,.skizze .gold *{fill:var(--messing);stroke:none}.skizze .balken{fill:#2a1e0e}.skizze .text{font:600 13px var(--f-body);fill:var(--stein)}.skizze .text-gold{fill:var(--laterne)}.skizze .achse{fill:none;stroke:var(--nebel);stroke-width:1px}.skizze .kurve{fill:none;stroke-width:2px;stroke-linecap:round}.skizze .kurve-1{stroke:#b88a4a}.skizze .kurve-2{stroke:var(--moos)}.skizze .kurve-3{stroke:var(--laterne)}.skizze .hex path{fill:var(--papier);stroke:var(--linie-stark);stroke-width:1px}.skizze .mark{fill:none;stroke-width:3px}.skizze .mark-rot{stroke:#b0463a}.skizze .mark-blau{stroke:#5b86b5}.skizze .mark-gold{stroke:var(--messing)}.eingabe-feld,.bericht-filter select,.vorlagen select,.vorlage-editor select,.markierung-feld textarea{min-width:0;min-height:38px;color:var(--kerze);background:var(--eingabe);border:1px solid var(--linie-stark);border-radius:3px;padding:0 10px;font-size:16px}.markierung-feld textarea{resize:vertical;width:100%;font:inherit;padding:8px 10px;font-size:16px}.eingabe-feld:focus,.bericht-filter select:focus,.vorlagen select:focus,.vorlage-editor select:focus,.markierung-feld textarea:focus{border-color:var(--laterne);outline:none}.bericht-filter{gap:8px;display:grid}.bericht-filter .eingabe-feld{width:100%}.filter-reihe{flex-wrap:wrap;align-items:end;gap:8px 10px;display:flex}.filter-reihe label:not(.haken){flex:100px;gap:3px;min-width:0;display:grid}.filter-reihe label .label{font-size:11px}.filter-reihe select{width:100%}.haken{align-items:center;gap:6px;min-height:38px;font-size:15px;display:inline-flex}.haken input{width:18px;height:18px;accent-color:var(--laterne)}.blaettern{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:4px;display:flex}.blaettern>span{text-align:center;flex:auto}.verlauf{border-top:1px solid var(--linie);--reihe-wood:#8a4b12;--reihe-stone:#56616b;--reihe-iron:#1f5f99;--reihe-food:#4a6a1c;--reihe-gold:#7a5b00;--reihe-peasants:#7a2e6e;grid-template-columns:minmax(0,1fr);justify-self:stretch;gap:8px;min-width:0;padding-top:10px;display:grid}.dunkel .verlauf{--reihe-wood:#e0a060;--reihe-stone:#c4ccd4;--reihe-iron:#8fb8e8;--reihe-food:#b9d27c;--reihe-gold:#f2c94c;--reihe-peasants:#e3a0d8}.verlauf-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}.verlauf-tage{flex:220px;grid-template-columns:repeat(3,1fr);max-width:360px}.verlauf-tage button{min-height:32px;padding:2px 6px}.verlauf-tage button b{font-size:13px}.verlauf-legende{flex-wrap:wrap;gap:4px 6px;display:flex}.verlauf-schalter{min-height:30px;color:var(--stein);border:1px solid var(--linie-stark);background:0 0;border-radius:14px;align-items:center;gap:5px;padding:0 8px;font-size:13px;display:inline-flex}.verlauf-schalter[aria-pressed=true]{color:var(--kerze);border-color:var(--laterne);background:var(--akzent-hauch)}.verlauf-schalter[aria-pressed=false]{opacity:.6;text-decoration:line-through}.verlauf-bild{min-width:0;overflow:hidden}.verlauf-bild svg{display:block}.verlauf-achse line{stroke:var(--linie);stroke-width:1px}.verlauf-achse text{fill:var(--nebel);font:11px var(--f-body);font-variant-numeric:tabular-nums}.verlauf-linie{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.verlauf-linie.reihe-wood{stroke:var(--reihe-wood)}.verlauf-linie.reihe-stone{stroke:var(--reihe-stone);stroke-dasharray:7 3}.verlauf-linie.reihe-iron{stroke:var(--reihe-iron);stroke-dasharray:2 3}.verlauf-linie.reihe-food{stroke:var(--reihe-food);stroke-dasharray:12 4}.verlauf-linie.reihe-gold{stroke:var(--reihe-gold);stroke-dasharray:7 3 2 3}.verlauf-linie.reihe-peasants{stroke:var(--reihe-peasants);stroke-dasharray:1 4;stroke-width:2.5px}.verlauf-tabelle summary{cursor:pointer;color:var(--laterne);font-size:14px}.verlauf-tabelle-rolle{max-height:260px;margin-top:6px;overflow:auto}.verlauf-tabelle table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.verlauf-tabelle th,.verlauf-tabelle td{text-align:right;border-bottom:1px solid var(--linie);white-space:nowrap;padding:3px 5px}.verlauf-tabelle thead th{background:var(--papier);font:700 11px var(--f-sc);color:var(--laterne);text-transform:uppercase;position:sticky;top:0}.verlauf-tabelle tbody th{text-align:left;color:var(--kerze);font-weight:500}.vorlagen{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);gap:6px;padding:8px 0;display:grid}.vorlagen-reihe{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vorlagen-reihe select,.vorlagen-reihe .eingabe-feld{flex:160px}.vorlagen-liste{margin:0;padding:0;list-style:none;display:grid}.vorlagen-liste li{border-top:1px solid var(--linie);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:8px 0;display:flex}.vorlagen-liste li:first-child{border-top:0}.vorlage-text{flex:180px;gap:2px;min-width:0;display:grid}.vorlage-text small{overflow-wrap:anywhere;font-size:13px}.vorlage-neu summary,.markierung-editor summary{cursor:pointer;min-height:34px;color:var(--laterne);align-items:center;gap:6px;font-size:15px;display:inline-flex}.vorlage-neu[open],.markierung-editor[open],.vorlage-editor{gap:8px;display:grid}.vorlage-editor .eingabe-feld{width:100%}.vorlage-schritte{gap:2px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.vorlage-schritte .nr{min-width:1.8em;color:var(--nebel);font-variant-numeric:tabular-nums;display:inline-block}.vorlage-schritte li{justify-content:space-between;align-items:center;gap:8px;display:flex}.vorlage-schritte .rund{width:30px;height:30px}.markierung{gap:8px;display:grid}.markierungen-kurz,.markierungen-liste{gap:4px;margin:0;padding:0;list-style:none;display:grid}.markierungen-kurz li{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.markierungen-kurz li>span{overflow-wrap:anywhere;flex:160px;min-width:0}.markierung-notiz{white-space:pre-line}.markierung-punkt{border:2px solid var(--kerze);width:14px;height:14px;box-shadow:0 0 0 1.5px var(--papier);border-radius:50%;flex:none;display:inline-block}.farbwahl{grid-template-columns:repeat(8,minmax(0,36px));gap:6px;display:grid}.farbwahl button{aspect-ratio:1;color:#fff;border:2px solid var(--linie-stark);border-radius:50%;place-items:center;min-height:32px;display:grid}.farbwahl button[aria-checked=true]{border-color:var(--kerze);box-shadow:0 0 0 2px var(--papier), 0 0 0 4px var(--laterne)}.markierung-feld{gap:4px;display:grid}.markierungen-liste li{border-top:1px solid var(--linie);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.markierungen-liste li:first-child{border-top:0}.markierung-ziel{text-align:left;min-width:0;color:var(--stein);background:0 0;border:0;flex:auto;align-items:center;gap:8px;padding:2px 0;display:flex}.markierung-ziel>span{min-width:0;display:grid}.markierung-ziel small{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.markierung-ziel:hover b{color:var(--laterne)}@media (max-width:860px){.eingabe-feld,.bericht-filter select,.vorlagen select,.vorlage-editor select,.haken,.verlauf-tage button,.verlauf-schalter,.markierung-ziel,.vorlage-neu summary,.markierung-editor summary,.verlauf-tabelle summary{min-height:44px}.verlauf-tabelle summary{align-items:center;display:flex}.vorlage-schritte .rund{width:44px;height:44px}.farbwahl{grid-template-columns:repeat(4,44px);gap:8px}.farbwahl button{min-height:44px}}.hud-volk{min-width:0;overflow:hidden}@media (max-width:1180px){.hud-wert.schutz small{display:none}.hud-volk{gap:10px}}@media (max-width:1040px) and (min-width:861px){.hud-rang{display:none}.hud-waren{gap:4px}}.hud-wappen{cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;min-width:32px;min-height:32px;padding:0;display:grid}.hud-wappen:hover .wappen,.hud-wappen:focus-visible .wappen{filter:drop-shadow(0 0 4px var(--messing-hell))}.dev-marke{color:#fff4e0;font:700 12px/1 var(--f-sc);letter-spacing:.08em;white-space:nowrap;background:repeating-linear-gradient(135deg,#b8322a 0 8px,#8f231d 8px 16px);border-radius:3px;align-items:center;gap:6px;padding:2px 4px 2px 8px;display:inline-flex;box-shadow:0 0 0 1px #00000059}.dev-marke select{font:600 13px/1.2 var(--f-body);color:#23170c;background:#fbf3e2;border:0;border-radius:2px;padding:2px 4px}@media (max-width:1280px){.dev-marke{z-index:3;border-radius:0 0 3px 3px;padding:1px 8px 2px;font-size:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dev-marke select{display:none}}@media (max-width:860px){.hud:has(.hud-ehre){grid-template-columns:auto minmax(0,1fr) auto auto auto auto;grid-template-areas:"marke volk ehre rang taler menue""waren waren waren waren waren waren"}.hud-ehre{grid-area:ehre;height:30px;padding:0 8px}}@media (max-width:480px){.hud:has(.hud-ehre){grid-template-areas:"marke marke ehre rang taler menue""volk volk volk volk volk volk""waren waren waren waren waren waren";row-gap:4px}.hud .hud-volk{justify-content:space-between;gap:8px;overflow:visible}.hud:has(.hud-taler) .hud-rangliste .rang-wort{display:none}.meldung{top:calc(env(safe-area-inset-top,0px) + var(--kopf-h,114px) + 14px)}}.hud-regel{color:var(--messing-hell)}.hud-regel small{font-size:12px}@media (max-width:1280px){.hud-regel small{display:none}}.waren-mods{gap:4px;margin:8px 0;display:grid}.waren-mods ul{margin:0;padding-left:18px;font-size:14px}.dev-werkzeuge{gap:6px;display:grid}.dev-werkzeuge .nachfrage{font-size:14px}.dev-uebergang{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.dev-uebergang input{width:100%;min-height:28px;accent-color:var(--laterne);margin:0}.dev-uebergang span{text-align:right;min-width:3.5em;font:600 13px/1 var(--f-body);color:var(--kerze)}@media (max-width:430px){.hud .hud-marke .stift{display:none}}@media (max-width:390px){.hud .hud-rang{display:none}}@media (max-width:400px){.hud .ware-zahlen small{letter-spacing:-.01em;font-size:9.5px}}.hud-musik[aria-pressed=false]{color:var(--messing);opacity:.8}.musik-regler{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.musik-regler input{width:100%;min-height:28px;accent-color:var(--laterne);margin:0}.musik-regler span{text-align:right;min-width:4.5em;font:600 13px/1 var(--f-body);color:var(--kerze)}.angriff-balken{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--alarm:#b3261a;--alarm-tief:#7e160e;background:linear-gradient(90deg, var(--alarm-tief), var(--alarm) 45%, var(--alarm-tief));color:#fff4ea;border-bottom:1px solid #ffc4aa73}.angriff-balken.spaeher{--alarm:#d6a615;--alarm-tief:#9c760a;color:#1f1606;border-bottom-color:#3c280073}.angriff-knopf{width:100%;min-height:38px;color:inherit;font:15px/1.3 var(--f-body);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:5px 14px;display:flex}.angriff-knopf:hover .angriff-pfeil,.angriff-knopf:focus-visible .angriff-pfeil{opacity:1}.angriff-knopf:focus-visible{outline-offset:-3px;outline:2px solid}.angriff-ico{flex:none}.angriff-balken.angriff .angriff-ico{animation:1.6s ease-in-out infinite angriff-klopfen}.angriff-text{flex-wrap:wrap;flex:auto;align-items:baseline;gap:2px 10px;min-width:0;display:flex}.angriff-titel{font-family:var(--f-display);letter-spacing:.02em;font-weight:700}.angriff-zeit{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}.angriff-zeit .uhr{color:inherit;font-weight:700}.angriff-von{opacity:.92}.angriff-mehr{font-weight:600}.angriff-nacht{opacity:.92;font-style:italic}.angriff-pfeil{opacity:.7;flex:none}@keyframes angriff-klopfen{50%{transform:scale(1.18)}}@media (max-width:860px){.angriff-knopf{gap:6px;min-height:44px;padding:4px 10px;font-size:14px;line-height:1.25}.angriff-text{gap:0 8px}.angriff-von,.angriff-mehr,.angriff-nacht{font-size:13px}.angriff-pfeil{display:none}}.angriff-rand{z-index:4;pointer-events:none;animation:3.2s ease-in-out infinite alternate angriff-atmen;position:absolute;inset:0;box-shadow:inset 0 0 90px 12px #aa180c6b}@keyframes angriff-atmen{0%{opacity:.65}to{opacity:1}}@media (max-width:860px){.angriff-rand{box-shadow:inset 0 0 50px 6px #aa180c6b}}@media (prefers-reduced-motion:reduce){.angriff-rand,.angriff-balken.angriff .angriff-ico{animation:none}}.bewegungen{border:1px solid var(--linie-stark);width:max-content;min-width:100%;max-width:min(320px,100vw - 20px);color:var(--kerze);font:14px/1.3 var(--f-body);background:#1d1712ed;border-radius:6px;justify-self:start;overflow:hidden;box-shadow:0 6px 18px #0006}.bewegungen.angriff{border-color:#e66e5ab3}.bewegungen.spaeher{border-color:#f0c534b3}.bewegungen.hilfe{border-color:#6fa3d6b3}.bewegung-kopf{width:100%;min-height:34px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 10px;display:flex}.bewegung-kopf:disabled{cursor:default}.bewegung-leer{color:var(--nebel);font-size:13.5px}.bewegung-zahl{white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;align-items:center;gap:4px;display:inline-flex}.bewegung-zahl.angriff{color:#ff9d88;font-weight:700}.bewegung-zahl.spaeher{color:#f5cf52;font-weight:700}.bewegung-zahl.hilfe{color:#8fbbe6;font-weight:700}.bewegung-pfeil{opacity:.75;margin-left:auto}.bewegung-liste{border-top:1px solid var(--linie);max-height:min(240px,40vh);margin:0;padding:2px 4px 4px;list-style:none;overflow-y:auto}.bewegung-zeile{--ton:var(--kerze);border:0;border-left:3px solid var(--ton);width:100%;min-height:32px;color:var(--kerze);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:7px;padding:3px 6px;display:flex}.bewegung-zeile:hover,.bewegung-zeile:focus-visible{background:#ffffff14}.bewegung-zeile.angriff{--ton:#e8553f}.bewegung-zeile.spaeher{--ton:#f0c534}.bewegung-zeile.hilfe{--ton:#6fa3d6}.bewegung-zeile.eigen{--ton:#e0a24a}.bewegung-zeile.heim{--ton:#a8c46a}.bewegung-ico{color:var(--ton);flex:none}.bewegung-was{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.bewegung-zeile.angriff .bewegung-was{font-weight:600}.bewegung-beute{color:var(--messing-hell);flex:none}.bewegung-zeit{font-variant-numeric:tabular-nums lining-nums;color:var(--stein);flex:none}.bewegung-zeit .uhr{color:inherit}@media (max-width:860px){.bewegungen{font-size:13.5px}.bewegung-kopf{gap:6px;min-height:44px;padding:4px 8px}.bewegung-zeile{min-height:44px}.benachrichtigung-dialog .dialog-kopf h2{min-width:0;font-size:clamp(18px,5.2vw,28px)}}.benachrichtigung-dialog .menue-gruppe{gap:6px;margin-top:12px;display:grid}.karte{--karte-eigen:#e0b04e;--karte-fremd:#c9b08a;--karte-stamm:#7fa4c9;--karte-verbuendet:#8fbf8a;--karte-krieg:#d0574a;--karte-verlassen:#a5a29a;--karte-barbar:#7a5a3a;--karte-angriff:#9a5a10;--karte-heim:#4a6a1c;--karte-hilfe:#3f6f9a;--karte-meer:#9fb3b8;background:var(--karte-meer)}.karte-suche{z-index:4;border:1px solid var(--linie-stark);background:var(--eingabe);width:min(320px,100% - 80px);min-height:44px;color:var(--nebel);box-shadow:0 6px 18px var(--hauch);border-radius:99px;align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute;top:12px;left:12px}.karte-suche input{min-width:0;height:42px;color:var(--kerze);font:500 15px var(--f-body);background:0 0;border:0;flex:1}.karte-suche input:focus{outline:none}.karte-suche:focus-within{border-color:var(--laterne)}.karte-treffer{border:1px solid var(--linie-stark);background:var(--papier);box-shadow:0 12px 30px var(--hauch);border-radius:8px;gap:2px;max-height:50vh;margin:0;padding:6px;list-style:none;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.karte-treffer button{width:100%;min-height:44px;color:var(--stein);text-align:left;background:0 0;border:0;border-radius:6px;gap:1px;padding:6px 10px;display:grid}.karte-treffer button:hover,.karte-treffer button:focus-visible{background:var(--akzent-hauch-stark)}.karte-treffer b{color:var(--kerze)}.karte-treffer small{color:var(--nebel);font-size:13px}.karte-knoepfe .rund{width:44px;height:44px}.rund.klein{width:30px;height:30px}.karte-mini{z-index:3;border:1px solid var(--linie-stark);background:var(--papier);box-shadow:0 8px 22px var(--hauch);border-radius:8px;padding:4px;line-height:0;position:absolute;bottom:12px;left:12px}.karte-mini canvas{cursor:pointer;touch-action:none;border-radius:5px;display:block}.karte-legende{z-index:5;border:1px solid var(--linie-stark);background:var(--papier);width:min(280px,100% - 90px);color:var(--stein);box-shadow:0 14px 34px var(--hauch);border-radius:8px;gap:8px;padding:12px 14px;display:grid;position:absolute;top:12px;right:66px}.karte-legende header{justify-content:space-between;align-items:center;display:flex}.karte-filter{gap:2px;display:grid}.karte-filter .haken{align-items:center;min-height:36px}.karte-filter .haken span{align-items:center;gap:8px;display:inline-flex}.karte-symbole{grid-template-columns:1fr 1fr;gap:6px 10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.karte-symbole li{align-items:center;gap:8px;display:flex}.karte-legende .legende-punkt{width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--linie-stark);border-radius:3px;display:inline-block}.karte-legende .legende-punkt.own{background:var(--karte-eigen);box-shadow:none}.karte-legende .legende-punkt.tribe{background:var(--karte-stamm)}.karte-legende .legende-punkt.foreign{background:var(--karte-fremd)}.karte-legende .legende-punkt.barbarian{background:var(--karte-barbar);border-radius:50%}.karte-legende .legende-punkt.war{background:var(--karte-krieg)}.karte-legende .legende-punkt.ally{background:var(--karte-verbuendet)}.karte-legende .legende-punkt.abandoned{background:var(--karte-verlassen)}.karte-legende .legende-schild{background:#fbf6ea;border:1.5px solid #1f4fa3;border-radius:2px;width:16px;height:10px;display:inline-block;box-shadow:inset 0 -2px #1f4fa3}.legende-burg{background:var(--karte-fremd);width:16px;box-shadow:inset 0 0 0 1px var(--linie-stark);display:inline-block}.legende-burg.weiler{clip-path:polygon(0 40%,50% 0,100% 40%,100% 100%,0 100%);height:8px}.legende-burg.dorf{clip-path:polygon(0 45%,50% 45%,50% 0,100% 0,100% 100%,0 100%);height:11px}.legende-burg.burg{clip-path:polygon(0 0,30% 0,30% 40%,70% 40%,70% 0,100% 0,100% 100%,0 100%);height:13px}.legende-burg.festung{clip-path:polygon(0 20%,25% 20%,25% 0,75% 0,75% 20%,100% 20%,100% 100%,0 100%);height:16px}.legende-linie{border-top:3px dashed var(--karte-angriff);width:18px;height:0;display:inline-block}.legende-linie.heim{border-top-color:var(--karte-heim)}.legende-linie.hilfe{border-top-color:var(--karte-hilfe)}.laufzeiten{gap:4px;display:grid}.laufzeiten ul{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px 12px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.laufzeiten li{border-bottom:1px dotted var(--linie);justify-content:space-between;gap:8px;padding:2px 0;display:flex}.laufzeiten b{color:var(--kerze);font-variant-numeric:tabular-nums}.karten-aktionen{flex-wrap:wrap;gap:8px;display:flex}.karten-aktionen .knopf{flex:140px;min-height:44px}.karten-aktionen .nachfrage{flex:100%;justify-items:stretch}.karte-tipp{max-width:300px;line-height:1.35}.karte-tipp.links{transform:translate(calc(-100% - 14px),14px)}.karte-tipp .gut{color:var(--gut)}@media (max-width:860px){.karte-suche{width:calc(100% - 76px);top:10px;left:10px}.karte-mini{display:none}.karte-legende{width:auto;top:64px;left:10px;right:10px}}.marsch{padding:6px 0 2px}.marsch-bahn{background:var(--hauch);border-radius:3px;height:6px;display:block;position:relative}.marsch-fuellung{background:linear-gradient(90deg, var(--laterne-tief), var(--laterne));border-radius:3px;transition:width 1s linear;position:absolute;inset:0 auto 0 0}.marsch.heim .marsch-fuellung{background:linear-gradient(90deg, var(--moos), var(--gut))}.marsch.gefahr .marsch-fuellung{background:linear-gradient(90deg, var(--banner), var(--fehler))}.marsch-marke{border:1px solid var(--linie-stark);background:var(--papier);width:20px;height:20px;color:var(--laterne);border-radius:50%;place-items:center;margin-left:-10px;transition:left 1s linear;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.marsch.heim .marsch-marke{color:var(--gut)}.marsch.gefahr .marsch-marke{color:var(--fehler);border-color:var(--gefahr-rand)}.heer-einheiten{flex-wrap:wrap;gap:6px 12px;margin:0;padding:0;list-style:none;display:flex}.heer-einheiten li{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:6px;display:grid}.heer-einheiten li>.ui-bild,.heer-einheiten li>.portraet-leer{grid-row:span 2}.heer-einheiten b{color:var(--kerze);font-variant-numeric:tabular-nums;align-self:end;line-height:1.1}.heer-einheiten span{align-self:start;line-height:1.1}.heer-gruppe.gefahr .heer.spaeher{background:#d6a6151f;border-color:#be961499}.heer.spaeher .befehl{color:#9c760a}.heer.fokus{outline:2px solid var(--laterne);outline-offset:1px}.bauliste-name.mit-bild{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px}.bauliste-name.mit-bild .ui-bild,.bauliste-name.mit-bild .portraet-leer{grid-row:1/span 2}.bauliste-name.mit-bild b{align-self:end}.bauliste-name.mit-bild .stufe{align-self:start}.bauliste{container-type:inline-size}.bauliste li{column-gap:14px}.bauliste-name b{overflow-wrap:anywhere}@container (width<=420px){.bauliste li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name knopf""kosten knopf";row-gap:4px}.bauliste li>.bauliste-name{grid-area:name}.bauliste li>.bauliste-kosten{grid-area:kosten;justify-items:start;padding-left:58px}.bauliste li>.bauliste-kosten .kosten{justify-content:flex-start}.bauliste li>.knopf{grid-area:knopf}}.gebaeude-kopf .portraet,.gebaeude-kopf .portraet-leer{margin:-6px 0}.einheit-kopf{align-items:center}.einheit-titel{flex:1;min-width:0}.schleife.mit-bild li{grid-template-columns:auto minmax(0,1fr) auto}.schleife.mit-bild li>.ui-bild,.schleife.mit-bild li>.portraet-leer{align-self:start}:is(.schleife.mit-bild li:has(>.balken)>.ui-bild,.schleife.mit-bild li:has(>.balken)>.portraet-leer){grid-row:span 3}.schleife.mit-bild li>.balken,.schleife.mit-bild li>small{grid-column:2/-1}.truppen .einheit-zeile{align-items:center;gap:6px;display:inline-flex}.tutorial{z-index:50;pointer-events:none;position:fixed;inset:0}.tutorial-dunkel{pointer-events:none;background:#140e088c;animation:.2s ease-out tutorial-rein;position:absolute;inset:0}.tutorial-loch{box-shadow:0 0 0 200vmax #140e088c, 0 0 0 2px var(--messing-hell), 0 0 18px 4px #e3b8678c;border-radius:10px;position:absolute}.tutorial-ziel{pointer-events:none;display:block;position:absolute}.tutorial-ziel-punkt{pointer-events:none;width:2px;height:2px;margin:-1px 0 0 -1px;display:block;position:absolute}.tutorial.wartet .tutorial-loch{box-shadow:0 0 0 2px var(--messing-hell), 0 0 18px 4px #e3b8678c}.tutorial-pfeil{transform-origin:0 0;width:0;height:0;position:absolute}.tutorial-pfeil svg{filter:drop-shadow(0 3px 5px #00000080);animation:1.1s ease-in-out infinite tutorial-stupsen;position:absolute;top:0;left:-14px;overflow:visible}.tutorial-pfeil path{fill:var(--messing-hell);stroke:var(--laterne-tief);stroke-width:1.5px;stroke-linejoin:round}@keyframes tutorial-stupsen{0%,to{transform:translateY(2px)}50%{transform:translateY(10px)}}.tutorial-blase{background:var(--papier);width:min(360px,100vw - 20px);color:var(--kerze);border:1px solid var(--messing-rand);outline-offset:2px;pointer-events:auto;border-radius:6px;outline:2px solid #0000;gap:8px;padding:12px 14px;animation:.2s ease-out tutorial-rein;display:grid;position:absolute;box-shadow:0 16px 44px #00000080}.tutorial-kopf{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tutorial-kopf .label{color:var(--laterne)}.tutorial-zaehler{font:600 14px var(--f-body);font-variant-numeric:tabular-nums;color:var(--nebel)}.tutorial-text{margin:0;font-size:16.5px;line-height:1.4}.tutorial-hinweis{color:var(--nebel);margin:0;font-size:14px}.tutorial-teile{gap:3px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.tutorial-teile li{color:var(--nebel);align-items:center;gap:6px;display:flex}.tutorial-teile li.dran{color:var(--kerze);font-weight:600}.tutorial-teile li.erledigt{color:var(--gut)}.tutorial-lohn{margin:0;font-size:14.5px}.tutorial-lohn .label{color:var(--laterne)}@keyframes tutorial-rein{0%{opacity:0}to{opacity:1}}.tutorial.handy .tutorial-blase{width:calc(100vw - 20px)}@media (prefers-reduced-motion:reduce){.tutorial-pfeil svg{animation:none;transform:translateY(4px)}.tutorial-blase,.tutorial-dunkel{animation:none}}.ziele-liste{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ziele-liste li{gap:5px;display:grid}.ziel-name{align-items:center;gap:6px;font-weight:600;display:flex}.ziele-liste li.erreicht .ziel-name{color:var(--gut)}.rueckkehr{left:50%;top:calc(env(safe-area-inset-top,0px) + var(--kopf-h,58px) + 14px);z-index:55;background:var(--papier);width:min(420px,100vw - 20px);color:var(--kerze);border:1px solid var(--messing-rand);border-radius:6px;gap:8px;padding:10px 12px 12px;font-size:14.5px;animation:.2s ease-out tutorial-rein;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px #00000073}.rueckkehr header{justify-content:space-between;align-items:center;gap:8px;display:flex}.rueckkehr header .label{color:var(--laterne)}.rueckkehr ul{gap:2px;margin:4px 0 0;padding-left:18px;display:grid}.rueckkehr .textknopf{color:inherit;text-align:left;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}@media (prefers-reduced-motion:reduce){.rueckkehr{animation:none}}.zufriedenheit-leiste{grid-template-columns:auto minmax(0,1fr) 2.2em;align-items:center;gap:6px 10px;display:grid}.zufriedenheit-leiste>b{text-align:right;color:var(--kerze);font:700 16px var(--f-body);font-variant-numeric:tabular-nums}.zufriedenheit-skala.ziel .balken{opacity:.8;height:5px}.schwelle{background:var(--linie-stark);pointer-events:none;width:1px;position:absolute;top:2px;bottom:2px}.faktoren td.faktor-balken{width:42%;padding-left:10px;padding-right:10px}.faktor-bahn{background:var(--hauch);border-radius:3px;height:6px;display:block;position:relative}.faktor-bahn:after{content:"";background:var(--linie-stark);width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.faktor-bahn>span{border-radius:3px;position:absolute;top:0;bottom:0}.faktor-bahn>.plus{background:var(--gut)}.faktor-bahn>.minus{background:var(--fehler)}.nahrung-bilanz{border:1px solid var(--linie);background:var(--vertieft);border-radius:3px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 12px;margin-top:8px;padding:8px 10px;display:grid}.nahrung-zeilen{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;display:grid}.nahrung-zeilen .klein{color:var(--nebel);white-space:nowrap}.nahrung-bilanz>b{font:700 16px var(--f-body);font-variant-numeric:tabular-nums;color:var(--kerze);white-space:nowrap}.nahrung-bilanz>b.minus{color:var(--fehler)}.nahrung-bilanz>b.plus{color:var(--gut)}.ware-zeile{align-items:center;gap:8px;margin:8px 0 0;display:flex}.ware-zeile b{font:700 16px var(--f-body);font-variant-numeric:tabular-nums;color:var(--kerze)}.ware-zeile b.minus{color:var(--fehler)}.wahl button small .ui-bild,.wahl button small .icon{vertical-align:-2px}.knopf .ware-bild{vertical-align:-4px}@media (max-width:420px){.nahrung-bilanz{grid-template-columns:auto minmax(0,1fr)}.nahrung-bilanz>b{grid-column:2;justify-self:end}}:root{--podest-1:var(--tinktur-gold);--podest-2:var(--tinktur-silber);--podest-3:color-mix(in srgb, var(--laterne) 70%, var(--tinktur-rot));--dip-ally:var(--tinktur-blau);--dip-nap:var(--moos);--dip-war:var(--fehler)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.segmente{border:1px solid var(--linie);background:var(--vertieft);border-radius:6px;flex-wrap:wrap;gap:2px;min-width:0;margin:2px 0 8px;padding:3px;display:flex}.segmente button{min-width:0;min-height:36px;color:var(--nebel);font:600 14.5px var(--f-body);white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:auto;justify-content:center;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.segmente button:hover{color:var(--kerze)}.segmente button[aria-selected=true]{background:var(--papier);color:var(--kerze);box-shadow:0 1px 3px var(--hauch), inset 0 0 0 1px var(--akzent-rand)}.segmente.gross button{min-height:42px;font-size:15.5px}.segmente .plakette-zahl{margin-left:2px;position:static}.segmente:has(>:nth-child(4)) button{gap:4px;padding:4px 5px;font-size:13.5px}.segmente:has(>:nth-child(4)) .plakette-zahl{min-width:17px;height:17px;padding:0 4px;font-size:10.5px;line-height:17px}.post-kopf{padding:8px 14px 0}.post-kopf .segmente{margin-bottom:0}.name-link{color:var(--kerze);font:inherit;text-align:left;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--linie-stark);text-decoration-color:var(--linie-stark);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;display:inline}.name-link:hover{color:var(--laterne);-webkit-text-decoration-color:var(--laterne);text-decoration-color:var(--laterne)}.name-link.geloescht{color:var(--nebel);cursor:default;font-style:italic;text-decoration:none}.stamm-kuerzel{color:var(--laterne);font-family:var(--f-body);letter-spacing:.06em;font-weight:700}.zahl{font-variant-numeric:tabular-nums;text-align:right;color:var(--kerze)}.gespiegelt{transform:scaleX(-1)}.knopfreihe.umbruch{justify-content:flex-start}.knopf.gefahr-text{color:var(--fehler)}.knopf-text{min-height:28px;color:var(--nebel);font:500 13px var(--f-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:2px 4px;display:inline-flex}.knopf-text:hover{color:var(--laterne)}.seiten{color:var(--nebel);justify-content:center;align-items:center;gap:12px;margin-top:8px;font-size:14px;display:flex}.formular{gap:12px;display:grid}.formular .feld>span{font-size:15px;font-weight:500}.formular textarea,.antwort textarea{resize:vertical;width:100%;min-height:84px;font:16px/1.45 var(--f-body);color:var(--kerze);background:var(--eingabe);border:1px solid var(--linie-stark);border-radius:3px;padding:10px 12px}.formular textarea:focus,.antwort textarea:focus{border-color:var(--laterne);outline:none}.kuerzel-feld{letter-spacing:.12em;text-transform:uppercase;max-width:10ch;font-weight:700;font-family:var(--f-body)!important}.zeile-formular{gap:8px;margin-top:10px;display:flex}.zeile-formular input{min-width:0;min-height:44px;color:var(--kerze);background:var(--eingabe);border:1px solid var(--linie-stark);border-radius:3px;flex:1;padding:0 12px;font-size:16px}.zeile-formular input:focus{border-color:var(--laterne);outline:none}.wahl.drei{grid-template-columns:repeat(3,minmax(0,1fr))}.dip-wahl.ally[aria-checked=true]{border-color:var(--dip-ally)}.dip-wahl.nap[aria-checked=true]{border-color:var(--dip-nap)}.dip-wahl.war[aria-checked=true]{border-color:var(--dip-war);background:var(--gefahr-hauch)}.stamm-banner{width:58px;height:66px;color:var(--papier);background:linear-gradient(180deg, var(--banner), color-mix(in srgb, var(--banner) 70%, var(--kerze)));clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);box-shadow:inset 0 0 0 2px var(--messing-rand);flex:none;place-items:center;display:grid;position:relative}.stamm-banner .ico{opacity:.35;position:absolute;top:6px}.stamm-banner b{font:700 15px var(--f-body);letter-spacing:.06em;color:var(--messing-hell);margin-top:8px;position:relative}.stamm-banner.klein{width:40px;height:46px}.stamm-banner.klein b{margin-top:0;font-size:12px}.stamm-kopf{align-items:center;gap:12px;padding:6px 0 10px;display:flex}.stamm-kopf h3{font:700 26px/1.05 var(--f-display);color:var(--kerze)}.stamm-kopf p{margin:2px 0 4px}.stamm-beschreibung{white-space:pre-wrap;line-height:1.5}.stamm-krone{color:var(--laterne);align-items:center;gap:5px;font-weight:600;display:flex}.rolle{font:700 11.5px/1.6 var(--f-sc);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--linie-stark);color:var(--nebel);border-radius:3px;padding:0 6px;display:inline-block}.rolle.leader{color:var(--laterne);border-color:var(--akzent-rand);background:var(--akzent-hauch)}.rolle.council{color:var(--stein);border-color:var(--linie-stark)}.anfragen,.beziehungen,.mitglieder,.themen,.nachrichten,.profil-burgen{margin:0;padding:0;list-style:none;display:grid}.anfragen li{border-bottom:1px dotted var(--linie);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:9px 0;display:flex}.anfragen li:last-child{border-bottom:0}.anfrage-text{flex:180px;gap:2px;min-width:0;display:grid}.bewerbungstext{color:var(--stein);font-style:italic}.mitglieder li{border-bottom:1px dotted var(--linie);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:8px 0;display:grid}.mitglieder li:last-child{border-bottom:0}.mitglieder li.ich{background:var(--akzent-hauch);border-radius:4px;margin:0 -8px;padding-inline:8px}.mitglied-name{gap:2px;min-width:0;display:grid}.mitglied-name>span{text-overflow:ellipsis;overflow:hidden}.mitglied-aktionen{flex-wrap:wrap;grid-column:2/-1;gap:6px;display:flex}.mitglieder.kompakt li{padding:5px 0}.mitglieder.kompakt .mitglied-name{align-items:center;gap:8px;display:flex}.beziehungen li{border:1px solid var(--linie);border-left:4px solid var(--linie-stark);background:var(--vertieft);border-radius:3px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px;padding:8px 10px;display:flex}.beziehung.ally{border-left-color:var(--dip-ally)}.beziehung.nap{border-left-color:var(--dip-nap)}.beziehung.war{border-left-color:var(--dip-war);background:var(--gefahr-hauch)}.beziehung.angebot{border-style:dashed dashed dashed solid}.beziehung-art{font:700 12px var(--f-sc);letter-spacing:.05em;text-transform:uppercase;color:var(--stein);min-width:7.5em}.beziehung.ally .beziehung-art{color:var(--dip-ally)}.beziehung.war .beziehung-art{color:var(--dip-war)}.beziehung-text{flex:160px;gap:1px;min-width:0;display:grid}.themen li+li{border-top:1px solid var(--linie)}.thema{text-align:left;width:100%;color:var(--stein);cursor:pointer;background:0 0;border:0;gap:2px;padding:10px 2px;display:grid}.thema:hover b{color:var(--laterne)}.thema-titel{align-items:center;gap:6px;display:flex}.thema-titel b{color:var(--kerze)}.thema.angeheftet .thema-titel .ico{color:var(--laterne)}.forum-neu{border:1px solid var(--linie);background:var(--vertieft);border-radius:4px;margin-bottom:8px;padding:10px}.forum-thema{gap:10px;display:grid}.forum-kopf{align-items:center;gap:10px;display:flex}.forum-kopf h3{font:700 22px/1.1 var(--f-display);color:var(--kerze);align-items:center;gap:6px;display:flex}.beitraege{gap:8px;margin:0;padding:0;list-style:none;display:grid}.beitraege li{border:1px solid var(--linie);background:var(--vertieft);border-radius:4px;padding:9px 11px}.beitraege li.eigen{border-color:var(--akzent-rand);background:var(--akzent-hauch)}.beitraege header{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:4px;display:flex}.beitrag-aktionen{gap:4px;margin-left:auto;display:flex}.beitrag-aktionen .nachfrage{font-size:13px}.beitrag-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.antwort{justify-items:end;gap:8px;display:grid}.nachrichten-werkzeug{justify-content:flex-start;min-height:0}.nachricht{border-top:1px solid var(--linie);grid-template-columns:36px minmax(0,1fr);align-items:stretch;display:grid}.nachricht:first-child{border-top:0}.nachricht.gewaehlt{background:var(--akzent-hauch)}.nachricht-wahl{cursor:pointer;place-items:center;display:grid}.nachricht-wahl input{width:18px;height:18px;accent-color:var(--laterne)}.nachricht-zeile{text-align:left;min-height:52px;color:var(--stein);cursor:pointer;background:0 0;border:0;gap:2px;padding:8px 4px;display:grid}.nachricht-kopf{align-items:center;gap:6px;min-width:0;display:flex}.nachricht-kopf b{text-overflow:ellipsis;white-space:nowrap;color:var(--stein);font-weight:500;overflow:hidden}.nachricht.ungelesen .nachricht-kopf b{color:var(--kerze);font-weight:700}.nachricht-zeile:hover b{color:var(--laterne)}.punkt{background:var(--laterne);border-radius:50%;flex:none;width:8px;height:8px}.rund-marke{font:700 11px/1.6 var(--f-sc);letter-spacing:.04em;color:var(--laterne);border:1px solid var(--akzent-rand);border-radius:3px;margin-right:6px;padding:0 5px;display:inline-block}.brief{gap:10px;display:grid}.brief-kopf{border:1px solid var(--linie);background:var(--vertieft);border-radius:4px;gap:4px;margin:0;padding:8px 10px;display:grid}.brief-kopf>div{grid-template-columns:3em minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.brief-kopf dt{color:var(--nebel);font-size:14px}.brief-kopf dd{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;display:flex}.brief-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:4px 2px 8px;font-size:16px;line-height:1.55}.empfaenger-feld{background:var(--eingabe);border:1px solid var(--linie-stark);border-radius:3px;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;padding:5px 8px;display:flex}.empfaenger-feld:focus-within{border-color:var(--laterne)}.empfaenger-feld input{flex:120px;min-width:80px;background:0 0!important;border:0!important;min-height:34px!important;padding:0 4px!important}.empfaenger-chip{background:var(--akzent-hauch-stark);color:var(--kerze);border-radius:99px;align-items:center;gap:4px;padding:3px 4px 3px 9px;font-size:14.5px;display:inline-flex}.empfaenger-chip button{width:24px;height:24px;color:var(--nebel);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.empfaenger-chip button:hover{background:var(--hauch);color:var(--kerze)}.melde-zitat{border-left:3px solid var(--linie-stark);background:var(--vertieft);color:var(--stein);overflow-wrap:anywhere;margin:0;padding:8px 12px;font-style:italic}.rang-tabelle{border-collapse:collapse;width:100%;font-size:14.5px}.rang-tabelle th{font:700 12px var(--f-sc);letter-spacing:.05em;text-transform:uppercase;color:var(--laterne);text-align:left;border-bottom:1px solid var(--linie-stark);padding:4px}.rang-tabelle th:last-child,.rang-tabelle td.zahl{text-align:right}.rang-tabelle td{border-bottom:1px dotted var(--linie);vertical-align:middle;padding:6px 4px}.rang-tabelle tr.ich td{background:var(--akzent-hauch-stark)}.rang-tabelle tr.luecke td{text-align:center;color:var(--nebel);border-bottom:0;padding:2px}.rang-tabelle tr.krone td{background:var(--akzent-hauch)}.platz{min-width:2.6em;font:700 15px var(--f-body);font-variant-numeric:tabular-nums;color:var(--stein);align-items:center;gap:3px;display:inline-flex}.platz.podest-1 .ico{color:var(--podest-1)}.platz.podest-2 .ico{color:var(--podest-2);filter:drop-shadow(0 0 1px var(--nebel))}.platz.podest-3 .ico{color:var(--podest-3)}.rang-name{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.rang-stamm{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.stamm-marke{font:700 12.5px/1.6 var(--f-body);letter-spacing:.05em;color:var(--messing-hell);background:var(--banner);border-radius:3px;padding:0 6px;display:inline-block}.profil{gap:10px;padding-top:6px;display:grid}.profil-kopf{align-items:center;gap:14px;display:flex}.profil-kopf.mit-burgfarbe{border-left:5px solid var(--burgfarbe);border-radius:2px;padding-left:12px}.profil-fahne{flex:none;height:70px}.profil-fahne .profil-tuch{width:50px;height:45px}.profil-titel{gap:3px;min-width:0;display:grid}.profil-titel h3{font:700 30px/1.05 var(--f-display);color:var(--kerze);overflow-wrap:anywhere}.profil-werte{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;display:grid}.profil-werte>div{border:1px solid var(--linie);background:var(--vertieft);border-radius:4px;gap:2px;padding:8px 10px;display:grid}.profil-werte dt{font:700 11.5px var(--f-sc);letter-spacing:.05em;text-transform:uppercase;color:var(--nebel)}.profil-werte dd{font:700 22px var(--f-body);color:var(--kerze);font-variant-numeric:tabular-nums;margin:0}.profil-burgen li{border-bottom:1px dotted var(--linie);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 0;display:grid}.bewerbung{gap:8px;display:grid}.dialog.profil-dialog,.dialog.brief-dialog,.dialog.melde-dialog{max-width:560px}.dialog.wappen-dialog{max-width:820px}.wappen-editor{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:18px;padding-top:6px;display:grid}.wappen-vorschau{border:1px solid var(--linie);background:radial-gradient(circle at 50% 35%, var(--papier), var(--papier-2));text-align:center;border-radius:6px;justify-items:center;gap:12px;padding:14px 10px;display:grid;position:sticky;top:0}.wappen-klein{align-items:center;gap:16px;display:flex}.wappen-karte{justify-items:center;gap:2px;display:grid}.wappen-karte small{color:var(--nebel);font-size:11.5px}.wappen-fahne-probe{border-left:3px solid var(--kerze);width:56px;height:38px;padding-left:0;display:block}.wappen-fahne-bild{width:100%;height:100%;box-shadow:0 1px 2px var(--hauch);display:block}.wappen-fahne-bild[data-banner]{box-shadow:none;filter:drop-shadow(0 1px 1px var(--hauch))}.wappen-wahl{gap:12px;min-width:0;display:grid}.wappen-wahl fieldset{border:0;min-width:0;margin:0;padding:0}.wappen-wahl legend{margin-bottom:6px}.wappen-raster{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;display:grid}.wappen-raster button,.tinkturen button{border:1px solid var(--linie-stark);background:var(--vertieft);min-height:44px;color:var(--stein);cursor:pointer;border-radius:4px;justify-items:center;gap:3px;padding:6px 4px;display:grid}.wappen-raster button small,.tinkturen button small{text-align:center;font-size:11.5px;line-height:1.15}.wappen-raster button:hover,.tinkturen button:hover:not(:disabled){border-color:var(--laterne)}.wappen-raster button[aria-pressed=true],.tinkturen button[aria-checked=true]{border-color:var(--laterne);background:var(--akzent-hauch-stark);box-shadow:inset 0 0 0 1px var(--akzent-rand);color:var(--kerze)}.tinkturen{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.tinkturen button:disabled{opacity:.35;cursor:not-allowed}.tinktur{border:2px solid var(--linie-stark);width:26px;height:26px;box-shadow:inset 0 -3px 5px var(--hauch);border-radius:50%;display:block}.wappen-knoepfe{justify-content:flex-end}@media (max-width:640px){.wappen-editor{grid-template-columns:minmax(0,1fr)}.wappen-vorschau{grid-template-columns:auto auto;justify-content:center;align-items:center;position:static}.wappen-vorschau>.wappen{width:96px;height:auto}.wappen-vorschau>p,.wappen-vorschau>.textknopf{grid-column:1/-1}.wappen-raster{grid-template-columns:repeat(4,minmax(0,1fr))}.tinkturen{gap:4px}.tinkturen button{padding:5px 2px}.profil-werte dd{font-size:19px}}.chronik{gap:4px;display:grid}.zaehler.laeuft{color:var(--gut);border-color:var(--gut)}.chronik-sieger{color:var(--laterne);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.chronik-sieger b{color:var(--kerze);font-size:16px}.chronik-verlauf{border-left:2px solid var(--linie-stark);gap:4px;margin:6px 0;padding:0 0 0 10px;list-style:none;display:grid}.chronik-verlauf li{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;font-size:14.5px;display:grid}.chronik-verlauf li .ico{color:var(--laterne)}.chronik-spalten{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.chronik-liste{gap:2px;margin:4px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.chronik-liste li{grid-template-columns:2em minmax(0,1fr) auto;align-items:baseline;gap:4px;display:grid}.chronik-liste li.podest-1 .ziffer{color:var(--podest-1);font-weight:700}.chronik-liste li.podest-2 .ziffer{color:var(--nebel);font-weight:700}.chronik-liste li.podest-3 .ziffer{color:var(--podest-3);font-weight:700}.chronik-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chronik-name .ico{color:var(--laterne);vertical-align:-1px}.bericht-banner{border:1px solid var(--linie-stark);background:var(--vertieft);border-left-width:4px;border-radius:3px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;display:grid}.bericht-banner.sieg{border-left-color:var(--gut)}.bericht-banner.niederlage{border-left-color:var(--fehler);background:var(--gefahr-hauch)}.banner-mitte{text-align:center;justify-items:center;gap:2px;min-width:0;display:grid}.banner-mitte b{font:700 24px var(--f-sc);letter-spacing:.04em;text-transform:uppercase}.bericht-banner.sieg .banner-mitte b{color:var(--gut)}.bericht-banner.niederlage .banner-mitte b{color:var(--fehler)}.banner-mitte span{color:var(--laterne);font-size:13px}.partei-lager{color:var(--laterne);border:2px solid var(--linie-stark);border-radius:3px 3px 50% 50%/3px 3px 40% 40%;flex:none;place-items:center;display:grid}.partei{position:relative}.partei.sieger{border-color:var(--gut)}.partei-text{gap:2px;min-width:0;display:grid}.sieger-marke{font:700 11px var(--f-sc);letter-spacing:.05em;text-transform:uppercase;color:var(--gut);background:var(--papier);border:1px solid var(--gut);border-radius:2px;padding:0 6px;position:absolute;top:-9px;right:8px}.phasen.bildleiste li{grid-template-columns:24px 40px minmax(0,1fr);align-items:center}.phasen.bildleiste li:before,.phasen.bildleiste li>.ui-bild,.phasen.bildleiste li>.portraet-leer{grid-row:span 2}.phasen.bildleiste li>b{align-self:end}.phasen.bildleiste li>span{align-self:start}.phasen.bildleiste li.aus{opacity:.55}.phasen.bildleiste li.aus>.ui-bild{filter:grayscale()}.einheit-zeile{align-items:center;gap:8px;display:inline-flex}.verluste tbody th .ui-bild,.verluste tbody th .portraet-leer{flex:none}@media (max-width:480px){.bericht-banner{gap:8px;padding:8px 10px}.banner-mitte b{font-size:20px}}.feedback-form{gap:12px;display:grid}.feedback-form fieldset{border:0;min-width:0;margin:0;padding:0}.feedback-form textarea,.bewertung-dialog textarea{resize:vertical;width:100%;min-width:0;font:16px/1.45 var(--f-body);color:var(--kerze);background:var(--eingabe);border:1px solid var(--linie-stark);border-radius:3px;padding:10px 12px}.feedback-form textarea:focus,.bewertung-dialog textarea:focus{border-color:var(--laterne);outline:none}.feedback-kontext{border:1px solid var(--linie);background:var(--vertieft);border-radius:6px;padding:8px 10px}.feedback-kontext summary{cursor:pointer}.feedback-kontext dl{gap:3px;margin:8px 0 6px;display:grid}.feedback-kontext dl div{grid-template-columns:7.5em minmax(0,1fr);gap:8px;font-size:14px;display:grid}.feedback-kontext dt{color:var(--nebel)}.feedback-kontext dd{overflow-wrap:anywhere;margin:0}.bewertung-dialog .sterne{justify-content:center;gap:6px;margin:10px 0 14px;display:flex}.bewertung-dialog .sterne button{width:48px;height:48px;color:var(--messing);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.bewertung-dialog .sterne button:hover,.bewertung-dialog .sterne button:focus-visible,.bewertung-dialog .sterne button.an{color:var(--laterne)}.bewertung-dialog .sterne button.an path{fill:currentColor}.kostenlos .textknopf{margin-left:4px}.dorf-blase{z-index:100001;border:1px solid var(--linie-stark);background:var(--papier);width:260px;color:var(--stein);box-shadow:0 14px 34px var(--hauch), 0 2px 6px var(--hauch);left:calc(var(--bx) * var(--k,1) * 1px);top:calc(var(--by) * var(--k,1) * 1px);transform-origin:50% calc(100% + 34px);cursor:default;border-radius:10px;gap:8px;padding:10px 12px 12px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 34px))}.dorf-blase:after{content:"";background:var(--papier);border-right:1px solid var(--linie-stark);border-bottom:1px solid var(--linie-stark);width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-8px;left:50%;transform:rotate(45deg)}.dorf-blase header{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;display:grid}.dorf-blase header b{color:var(--kerze);font-size:16px}.dorf-blase header .leise{grid-column:1;font-size:13px}.dorf-blase header .rund{grid-area:1/2/span 2}.dorf-blase-daten{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;font-size:13.5px;display:flex}.dorfbild-marke.verdeckt{opacity:0;visibility:hidden}.dorfbild-marke{transition:opacity .15s}.dorfbild-laden{z-index:4;background:color-mix(in srgb, var(--nacht) 80%, transparent);color:var(--pergament);pointer-events:none;border-radius:99px;align-items:center;gap:10px;padding:10px 16px;font-size:15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dorfbild-plaetze{z-index:1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.dorfbild-plaetze .platz{fill:color-mix(in srgb, var(--pergament) 14%, transparent);stroke:var(--pergament);stroke-opacity:.75;stroke-width:calc(2.5px * var(--inv));stroke-dasharray:calc(10px * var(--inv)) calc(7px * var(--inv));transition:fill .2s}.dorfbild-plaetze .platz.hervor{fill:color-mix(in srgb, var(--messing-hell) 30%, transparent);stroke:var(--messing-hell);stroke-opacity:1}.dorfbild-plaetze .baustelle{fill:color-mix(in srgb, var(--laterne) 22%, transparent);stroke:var(--messing-hell);stroke-width:calc(3px * var(--inv));stroke-dasharray:calc(14px * var(--inv)) calc(8px * var(--inv));animation:1.2s linear infinite baustelle}@keyframes baustelle{to{stroke-dashoffset:calc(-44px * var(--inv))}}@media (prefers-reduced-motion:reduce){.dorfbild-plaetze .baustelle{animation:none}}.dorf-steuerung{z-index:5;pointer-events:none;grid-template-columns:100%;gap:8px;width:184px;display:grid;position:absolute;top:12px;left:12px}.dorf-steuerung>*{pointer-events:auto}.dorf-mini{border:2px solid var(--messing-rand);background:var(--nacht);cursor:crosshair;touch-action:none;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000073}.dorf-mini img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.dorf-mini-rahmen{border:2px solid var(--messing-hell);background:color-mix(in srgb, var(--messing-hell) 12%, transparent);pointer-events:none;border-radius:2px;position:absolute;box-shadow:0 0 0 999px #00000047}.dorf-zoom{align-items:center;gap:6px;display:flex}.dorf-zoom .rund{width:36px;height:36px}.dorf-zoom-wert{background:var(--knopf-grund);border:1px solid var(--linie-stark);min-width:56px;color:var(--kerze);font:600 14px/1.2 var(--f-body);font-variant-numeric:tabular-nums lining-nums;text-align:center;border-radius:99px;padding:4px 8px}@media (max-width:860px){.dorf-steuerung{width:132px;top:10px;left:10px}.dorf-zoom .rund{width:40px;height:40px}.dorf-zoom-wert{display:none}}.dorfbild-rad{pointer-events:none;position:absolute}:root{--rauch-kern:#ece9e2c7;--rauch-rand:#d6d2ca57;--glut-kern:#ffc46ef2;--glut-rand:#e86c2673;--wasser-glanz:#fcfcf6f2;--wolke-schatten:#1c221e33;--vogel:#221e1abf}.dorf-fx{z-index:90000;pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}.fx-rauch{width:0;height:0;position:absolute}.dorf-fx .hervor{filter:brightness(1.12)}.fx-rauch i{left:calc(var(--r) * -1.2 * var(--rauch-groesse,1));top:calc(var(--r) * -1.2 * var(--rauch-groesse,1));width:calc(var(--r) * 2.4 * var(--rauch-groesse,1));height:calc(var(--r) * 2.4 * var(--rauch-groesse,1));background:radial-gradient(circle, var(--rauch-kern) 0%, var(--rauch-rand) 42%, transparent 70%);opacity:0;animation:fx-rauch var(--dauer,7s) linear infinite;animation-delay:calc(var(--i) * var(--dauer,7s) / -4 + var(--versatz,0s));will-change:transform, opacity;border-radius:50%;position:absolute}@keyframes fx-rauch{0%{opacity:0;transform:translate(0)scale(.45)}10%{opacity:min(1, calc(.7 * var(--rauch,1)))}60%{opacity:min(1, calc(.4 * var(--rauch,1)))}to{transform:translate(calc(var(--r) * 3), calc(var(--r) * -9)) scale(3);opacity:0}}.fx-glut{width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);background:radial-gradient(circle, var(--glut-kern) 0%, var(--glut-rand) 38%, transparent 70%);mix-blend-mode:screen;opacity:calc(var(--abend,.35) * .9);animation:2.8s ease-in-out infinite alternate fx-glut;animation-delay:var(--versatz,0s);border-radius:50%;position:absolute}@keyframes fx-glut{0%{filter:brightness(.9);transform:scale(.92)}45%{filter:brightness(1.15);transform:scale(1.06)}70%{filter:brightness();transform:scale(.98)}to{filter:brightness(1.2);transform:scale(1.1)}}.fx-fahne{width:0;height:0;position:absolute}.fx-stange{left:calc(var(--r) * -.03);top:calc(var(--r) * -.05);width:calc(var(--r) * .06);height:calc(var(--r) * 1.6);background:var(--kerze);border-radius:2px;position:absolute}.fx-tuch{left:calc(var(--r) * .02);width:var(--r);height:calc(var(--r) * .72);transform-origin:0;animation:2.6s ease-in-out infinite fx-wehen;animation-delay:var(--versatz,0s);filter:drop-shadow(0 1px 1px var(--hauch));display:block;position:absolute;top:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 55%,#000000d1 70%,#000 85%,#000000db 100%);mask-image:linear-gradient(90deg,#000 0% 55%,#000000d1 70%,#000 85%,#000000db 100%)}.fx-tuch-leer{background:var(--banner)}@keyframes fx-wehen{0%{transform:perspective(calc(var(--r) * 4)) rotateY(0deg) skewY(0deg) scaleX(1)}25%{transform:perspective(calc(var(--r) * 4)) rotateY(-22deg) skewY(4deg) scaleX(.94)}50%{transform:perspective(calc(var(--r) * 4)) rotateY(8deg) skewY(-3deg) scaleX(.98)}75%{transform:perspective(calc(var(--r) * 4)) rotateY(-14deg) skewY(2deg) scaleX(.95)}to{transform:perspective(calc(var(--r) * 4)) rotateY(0deg) skewY(0deg) scaleX(1)}}.fx-wasser{position:absolute;top:0;left:0;overflow:visible}.fx-wasser ellipse{fill:var(--wasser-glanz);opacity:0;transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite fx-glitzern}@keyframes fx-glitzern{0%,62%,to{opacity:0;transform:scale(.3,.6)}72%{opacity:.85;transform:scale(1)}84%{opacity:0;transform:scale(1.4,.8)}}.fx-wolke{left:0;top:var(--y);width:var(--w);height:calc(var(--w) * .55);background:radial-gradient(closest-side, var(--wolke-schatten), transparent);mix-blend-mode:multiply;will-change:transform;border-radius:50%;animation:160s linear infinite fx-wolke;position:absolute}@keyframes fx-wolke{0%{transform:translate(-110%)}to{transform:translateX(var(--bahn,3400px))}}.fx-voegel{left:0;top:var(--y);opacity:.85;width:200px;height:130px;animation:90s linear -12s infinite fx-zug;position:absolute}@keyframes fx-zug{0%{visibility:visible;transform:translate(-260px,40px)}48%{transform:translate(calc(var(--bahn,3400px) + 200px), -160px);visibility:visible}49%,to{transform:translate(calc(var(--bahn,3400px) + 200px), -160px);visibility:hidden}}.fx-vogel{width:30px;height:12px;left:var(--bx,0px);top:var(--by,0px);transform-origin:50%;animation:fx-flug var(--f,.9s) ease-in-out infinite alternate;animation-delay:calc(var(--n) * -.23s);position:absolute;overflow:visible}.fx-vogel path{fill:none;stroke:var(--vogel);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}@keyframes fx-flug{0%{transform:scaleY(1)}to{transform:scaleY(-.45)translateY(-6px)}}@media (prefers-reduced-motion:reduce){.dorf-fx{display:none}}.fx-fluss{z-index:1;pointer-events:none;opacity:0;transition:opacity .6s;position:absolute}.fx-fluss.bereit{opacity:1}@media (prefers-reduced-motion:reduce){.fx-fluss{display:none}}.reiterleiste{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.seite-inhalt{overflow-x:hidden}.panel-inhalt{grid-template-columns:minmax(0,1fr)}.panel-inhalt>*{min-width:0}.reiter-oben{background:var(--holz);border-bottom:2px solid var(--messing-rand);box-shadow:0 3px 8px -4px #2818088c}.reiterleiste button{color:var(--stein)}.reiter-oben button{letter-spacing:.035em;padding:11px 2px 9px;font-size:12px}.reiterleiste button+button{box-shadow:inset 1px 0 0 var(--linie)}.reiterleiste button:hover{color:var(--kerze);background:var(--akzent-hauch)}.reiterleiste button[aria-current=page]{color:var(--laterne);background:var(--akzent-hauch-stark);border-bottom-width:3px;font-weight:700}.reiter-unten button[aria-current=page]{border-top-width:3px}.reiterleiste button:focus-visible{outline:2px solid var(--laterne);outline-offset:-3px}@media (min-width:861px) and (max-width:1279px){.reiter-oben button{letter-spacing:.02em;padding-inline:1px;font-size:11px}}@media (max-width:860px){.knopf,.knopf.klein,.knopf.breit{min-height:44px}.knopf.klein{min-width:44px}.rund,.dorf-zoom .rund{width:44px;height:44px}.segmente button,.segmente.gross button,.feld input,.zeile-formular input,.karte-suche input,.menue input,.turnier-eingabe input{min-height:44px}.knopf-text,.name-link{align-items:center;min-height:44px;display:inline-flex}.schnellwahl button{min-width:44px;min-height:44px}.hud .rund{width:34px;height:34px}.hud-wappen,.hud .stift,.hud-ehre,.hud-rangliste,.hud-taler,.hud-waren,.hud .rund{position:relative}.hud-wappen:after,.hud .rund:after{content:"";position:absolute;inset:-6px}.hud .stift:after{content:"";position:absolute;inset:-10px}.hud-ehre:after,.hud-rangliste:after,.hud-taler:after{content:"";position:absolute;inset:-7px -2px}.hud-waren:after{content:"";position:absolute;inset:-5px 0}.textknopf{position:relative}.textknopf:after{content:"";position:absolute;inset:-12px -6px}}