@font-face{font-family:Gotham Narrow;src:url(/fonts/gotham-narrow-book.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Gotham Narrow;src:url(/fonts/gotham-narrow-bookitalic.otf) format("opentype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Gotham Narrow;src:url(/fonts/gotham-narrow-medium.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Gotham Narrow;src:url(/fonts/gotham-narrow-bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Gotham Narrow;src:url(/fonts/gotham-narrow-black.otf) format("opentype");font-style:normal;font-weight:800;font-display:swap}:root{--schrift-ui:"Gotham Narrow","Arial Narrow","Trebuchet MS",sans-serif}@font-face{font-family:Friz Quadrata;src:url(/fonts/friz-quadrata-regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Friz Quadrata;src:url(/fonts/friz-quadrata-bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}[data-spielwert=angriff],[data-spielwert=deckzahl],[data-spielwert=dienerleben],[data-spielwert=haltbarkeit],[data-spielwert=heldenleben],[data-spielwert=mana],[data-spielwert=ruestung],[data-spielwert=sekunden]{font-family:Friz Quadrata,Cambria,Times New Roman,serif;font-weight:700;font-style:normal;font-synthesis:none;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums;line-height:1;color:#fff;-webkit-text-stroke:.055em #000;paint-order:stroke fill;text-shadow:0 .035em .045em #0008}[data-spielwert=dienerleben][data-voll=true][data-gebufft=true],[data-spielwert=heldenleben][data-voll=true][data-gebufft=true]{color:#72ed54}[data-spielwert=dienerleben][data-voll=false],[data-spielwert=heldenleben][data-voll=false]{color:#ff5548}[data-spielwert=angriff][data-gebufft=true]{color:#72ed54}.zuschauerLeiste{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:150;display:flex;gap:12px;align-items:center;max-width:calc(100vw - 100px);padding:8px 12px;border:1px solid #a28658;border-radius:8px;background:#161219ed;color:#fff0d0;font-size:14px}.zuschauerLeiste a{flex:none}@media(max-width:600px){.zuschauerLeiste{top:auto;bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 16px);width:max-content;font-size:12px}}:root{--bg:#0d1015;--bg-2:#141922;--panel:#1a212c;--panel-2:#222b38;--linie:#2f3a4a;--linie-hell:#435469;--text:#f4f7fa;--text-weich:#c9d4e2;--gold:#d8b46a;--gold-tief:#8d7136;--rot:#d9534f;--gruen:#5fae54;--blau:#4a9ad8;--glut:#e2603c;--tiefe:#4aa3d8;--wurzel:#5fae54;--schatten:#9b6fd4;--seele:#d6394a;--neutral:#97a3b4;--r-basis:#9aa4b2;--r-gewoehnlich:#d3dae4;--r-selten:#4a9ad8;--r-episch:#b46fe0;--r-legendaer:#e8a93c;--radius:10px;--schatten-weich:0 2px 8px rgba(0,0,0,0.45);--schatten-hart:0 8px 28px rgba(0,0,0,0.6)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:radial-gradient(1100px 700px at 50% -10%,#1b2430 0,transparent 60%),var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Iowan Old Style,Palatino Linotype,Palatino,Friz Quadrata,serif;font-weight:600;letter-spacing:.01em;margin:0 0 .4em}h1{font-size:2rem}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}input,select{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--linie);border-radius:8px;padding:9px 12px}input:focus,select:focus{outline:2px solid var(--gold-tief);outline-offset:1px}input[type=range]{padding:0;border:0;border-radius:0;background:transparent}.seite{max-width:1180px;margin:0 auto;padding:24px 20px 60px}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,var(--panel-2),var(--panel));color:var(--text);border:1px solid var(--linie-hell);border-radius:9px;padding:10px 18px;font-weight:600;transition:filter .12s ease,transform .08s ease}.knopf:hover:not(:disabled){filter:brightness(1.25)}.knopf:active:not(:disabled){transform:translateY(1px)}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf-gold{background:linear-gradient(180deg,#e3c176,var(--gold-tief));border-color:#f0d79b;color:#1a1408}.knopf-rot{background:linear-gradient(180deg,#c9524e,#7e3330);border-color:#e0807c}.karte-flaeche{background:var(--panel);border:1px solid var(--linie);border-radius:var(--radius);padding:18px;box-shadow:var(--schatten-weich)}.hinweis{border-left:3px solid var(--gold);background:rgba(216,180,106,.08);color:var(--text-weich)}.fehler,.hinweis{padding:10px 14px;border-radius:0 8px 8px 0}.fehler{border-left:3px solid var(--rot);background:rgba(217,83,79,.12)}.kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--linie);background:rgba(13,16,21,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:40}.kopf nav{display:flex;gap:6px;flex-wrap:wrap}.kopf nav a{color:var(--text-weich);padding:7px 12px;border-radius:8px;font-weight:500}.kopf nav a:hover{background:var(--panel);color:var(--text);text-decoration:none}.kopf nav a[data-gesperrt]{opacity:.45;cursor:not-allowed}.kopf nav a[data-gesperrt]:hover{background:none;color:var(--text-weich)}.kopf nav a.aktiv{background:var(--panel-2);color:var(--gold)}.kopf nav a[data-hervor]{color:#f0c97a;background:#ae894514;box-shadow:inset 0 0 0 1px #bd965655}.kopf nav a[data-hervor]:hover{background:#ae894530;color:#ffe6b1}.kopf nav a[data-hervor].aktiv{background:var(--panel-2);box-shadow:inset 0 0 0 1px #bd965688}.marke{font-family:Iowan Old Style,Friz Quadrata,serif;font-size:1.25rem;color:var(--gold);letter-spacing:.06em}.raster{display:grid;grid-gap:14px;gap:14px}.reihe{display:flex;align-items:center;gap:10px}.weich{color:var(--text-weich)}.mini{font-size:.82rem}:root{--bg:#131116;--bg-2:#211d23;--panel:#272229;--panel-2:#393038;--linie:#51433b;--linie-hell:#766148;--text:#f2e6d1;--text-weich:#c9baa5;--gold:#e1c088;--gold-tief:#997744}body{font-family:var(--schrift-ui);background:radial-gradient(ellipse at 50% 0,#3a3030,transparent 65%),#131116}a,button,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #a6dfee;outline-offset:4px}.knopf{border-radius:5px;box-shadow:inset 0 1px #f6deb61a,0 3px 0 #141013;font-size:13px}.knopf-gold{background:linear-gradient(#f4d696,#c29751 55%,#a17a3f);border:2px solid #dabe83;box-shadow:0 0 0 1px #4e3927,inset 0 1px #fff0c4,0 4px 0 #493220;color:#291c12;text-shadow:0 1px #ffde9966;font-family:Friz Quadrata,serif}.kopf{background:#171419ee;border-bottom:1px solid #9c805344;padding:14px 28px}.kopf nav a{border-radius:3px;font-size:12px}.kopf nav a.aktiv{background:#ae894521;color:#edce90}.marke{font-weight:700;letter-spacing:.12em;color:#ebd3a0}.augenbraue{color:#cdb585;font-size:10px;font-weight:600;letter-spacing:.23em}.spielLobby{min-height:100dvh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(#12131bea,#19141dec),url(/art/mondquell.webp) 50%/cover fixed}@media(max-height:650px) and (orientation:landscape){.spielLobby{height:auto;overflow:visible}.spielLobby .lobbyInhalt{flex:none;padding:16px 24px}.spielLobby .lobbyMitte{flex:none;min-height:180px;overflow:visible}.spielLobby .lobbyTitel{margin-bottom:16px}.spielLobby .lobbyTitel h1{font-size:28px}}.lobbyKopf{display:flex;justify-content:space-between;align-items:center;padding:23px 4%;border-bottom:1px solid #bca06c33;gap:20px;color:#b4a18a}.lobbyKopf,.lobbyKopf>a:last-child{font-size:11px}.lobbyKopf>span{letter-spacing:.06em}.lobbyInhalt{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;max-width:1170px;margin:0 auto;padding:clamp(14px,2.6vh,32px) 36px clamp(12px,2vh,24px)}.lobbyMitte{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.lobbyTitel{flex:none;margin-bottom:clamp(10px,2vh,26px)}.lobbyTitel h1{font-size:clamp(30px,3.2vw,44px);margin:0 0 4px;color:#f5e2ba;letter-spacing:-.02em}.lobbyTitel p{margin:0;font-size:13px;color:#bcae9e}.lobbyAktionen{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;border-top:1px solid #bda06b44;margin-top:clamp(12px,2vh,26px);padding-top:clamp(12px,1.8vh,22px)}.lobbyAktionen strong{font:19px Friz Quadrata,serif;color:#ecd4a7}.lobbyMeldung,.lobbyMerksatz{flex:1 1 280px;min-width:0;max-width:440px;margin:0}.lobbyMerksatz{font-size:12px;line-height:1.55;color:#a8998a}.lobbyBonus{display:inline-block;margin-top:5px;font-weight:400;color:#f0c97a}.lobbyMeldung p{margin:5px 0 0;font-size:12px;color:#ac9b86}.lobbyKnoepfe{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:11px;margin-left:auto}.lobbyKnoepfe .knopf{height:46px;padding:0 19px;font-size:14px}.lobbyKnoepfe .starten{padding:0 27px;font-size:15px;gap:10px}.lobbyKnoepfe .starten span{font-size:17px;line-height:1}.loginSzene{position:relative;min-height:100dvh;background:linear-gradient(100deg,#0c0a11ee,#0c0a11c4 34%,#0c0a11a8 58%,#0c0a11d6),url(/art/login-bruchlande.webp) center 46%/cover fixed}.loginSzene:after,.loginSzene:before{content:"";position:absolute;inset:0;pointer-events:none}.loginSzene:before{background:radial-gradient(760px 620px at 24% 42%,#ffc87a1c,transparent 68%)}.loginSzene:after{background:radial-gradient(ellipse 76% 70% at 50% 46%,transparent 42%,#07060bb5 100%)}.loginWelt{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(330px,30vw,400px);align-items:center;grid-gap:clamp(28px,4vw,60px);gap:clamp(28px,4vw,60px);max-width:1320px;min-height:100dvh;margin:auto;padding:clamp(30px,5vh,60px) clamp(12px,2vw,24px)}.loginIntro{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.loginIntro h1{font:400 clamp(25px,2.7vw,35px)/1.26 Iowan Old Style,Friz Quadrata,serif;color:#f6e3bd;max-width:15.4em;margin:clamp(14px,2vh,22px) 0 0;letter-spacing:.005em;text-shadow:0 2px 14px #0007}.loginHelden{display:flex;width:100%;gap:clamp(6px,.8vw,11px);margin:clamp(24px,4vh,38px) 0 clamp(26px,4vh,36px)}.loginHelden img{flex:1 1;min-width:0;max-width:min(172px,17vh);aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;border:2px solid color-mix(in srgb,var(--klassenfarbe,#aa8b54) 42%,#a98b54);border-radius:44% 44% 8px 8px;box-shadow:0 12px 20px #000a,inset 0 0 0 1px #ffe6b41f,0 0 22px -8px var(--klassenfarbe,transparent);transition:transform .22s ease}.loginHelden img:first-child,.loginHelden img:nth-child(4){transform:translateY(11px)}.loginHelden:hover img:first-child,.loginHelden:hover img:nth-child(4){transform:translateY(7px)}.loginHelden:hover img:nth-child(2),.loginHelden:hover img:nth-child(3){transform:translateY(-4px)}.loginTutorial{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.loginTutorial .knopf{padding:14px 27px;font-size:16px}.loginTutorial .knopf span{font-size:1.15em;line-height:1}.loginSprache{display:inline-flex;border:1px solid rgba(216,178,104,.45);border-radius:999px;overflow:hidden}.loginSprache button{background:transparent;border:0;color:rgba(245,232,206,.7);font:inherit;font-size:12px;letter-spacing:.08em;padding:5px 12px;cursor:pointer}.loginSprache button[aria-pressed=true]{background:rgba(216,178,104,.22);color:#f5e8ce}.loginTutorial p{margin:0;font-size:12.5px;letter-spacing:.02em;color:#b6a58e}.loginForm{position:relative;padding:clamp(22px,2.4vw,30px);border:1px solid #b99c6444;border-radius:13px;background:linear-gradient(158deg,#2e262be6,#16151bee 62%);box-shadow:0 28px 74px #0009,inset 0 1px 0 #ffe6b41f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loginForm:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(158deg,#e8c78066,transparent 46%,#e8c78029);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.loginForm h2{font:400 clamp(20px,1.8vw,24px)/1.25 Iowan Old Style,Friz Quadrata,serif;color:#f0d8a8;margin:0 0 18px}.loginReiter{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;border:1px solid #6d5a3d80;border-radius:9px;overflow:hidden;background:#14121aa8}.loginReiter button{border:0;border-radius:0;background:transparent;padding:11px 8px;color:#b3a58f;font-size:13px;font-weight:600;letter-spacing:.02em;transition:background .16s ease,color .16s ease}.loginReiter button:hover{background:#ffffff08;color:#e0cda9}.loginReiter button[aria-pressed=true]{background:linear-gradient(#3b3026,#292220);color:#f4dca8;box-shadow:inset 0 -2px 0 #d5b780}.loginReiter button:focus-visible{outline:2px solid #ecd29a;outline-offset:-3px}.loginFeld{display:block;margin-bottom:15px}.loginFeld>span{display:block;margin-bottom:6px;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#a8987f;font-weight:500}.loginFeld>span i{font-style:normal;text-transform:none;letter-spacing:.02em;color:#8c7f6c}.loginFeld>span i:before{content:"· "}.loginFeld input{width:100%;padding:11px 13px;border-radius:8px;background:#100f15d9;border-color:#6d5a3d80}.loginFeld input:hover{border-color:#8a7048}.loginFehler{margin:0 0 14px;font-size:13px}.loginAbsenden{width:100%;padding:13px 18px;font-size:15px}.loginGeschenk{margin:15px 0 0;padding-left:11px;border-left:2px solid #a1854f66;font-size:11.5px;line-height:1.65;color:#ac9d88}@media (max-width:860px){.loginWelt{grid-template-columns:minmax(0,1fr);gap:clamp(26px,5vh,40px);max-width:520px;align-items:start;padding-top:clamp(26px,6vh,52px)}.loginIntro{text-align:center}.loginIntro,.loginTutorial{align-items:center}.loginIntro h1{max-width:15.4em}.loginSzene:before{background:radial-gradient(620px 520px at 50% 22%,#ffc87a1c,transparent 70%)}.loginSzene{background:linear-gradient(#0c0a11e3,#0c0a11e3),url(/art/login-bruchlande.webp) center 40%/cover fixed}}@media(max-width:800px){.lobbyInhalt{padding:25px 20px}.lobbyKopf>span{display:none}.lobbyKopf{padding:17px 20px}.lobbyKnoepfe{width:100%;justify-content:flex-start}.lobbyKnoepfe .knopf{height:44px;font-size:13px;flex:1 1 auto}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important}}.deckSchrein{position:relative;overflow:hidden;isolation:isolate;padding-top:130px!important;background:#211b1b!important;border:2px solid #907248;border-radius:9px}.deckPortrait{position:absolute;inset:0 0 auto;width:100%;height:130px;object-fit:cover;object-position:50% 16%;z-index:-1;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}[data-kulisse]:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#131116;background-repeat:no-repeat;background-size:cover;background-position:50%}[data-kulisse=stein]:before{background-image:radial-gradient(ellipse at 50% 0,#3a3030,transparent 65%),url(/art/kulisse-stein.webp)}[data-kulisse=ranked]:before{background-image:linear-gradient(180deg,#13111670,#1311169c 45%,#131116c8),url(/art/kulisse-ranked.webp);background-position:50%,center 30%}.Spielhinweise_hinweis__aQ9vQ{position:fixed;z-index:500;pointer-events:none;width:max-content;max-width:min(300px,calc(100vw - 24px));padding:10px 13px;border:1px solid #b99b61;border-radius:7px;background:#231e19;color:#f5e6c9;box-shadow:0 6px 20px #0008;font:400 16px/1.35 var(--schrift-ui);overflow-wrap:anywhere;text-align:left}