:root{--bg: #17120c;--panel: #241c14;--panel2: #32271c;--panel3: #3f3125;--line: #5c452e;--line-bright: #7d6141;--text: #f2e7d0;--muted: #a8937a;--accent: #d9a441;--accent-dark: #a97c28;--danger: #a94b38;--pixel: "Silkscreen", "Courier New", monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px)}h1,h2,strong,b{font-family:var(--pixel);font-weight:400;letter-spacing:.4px}button{font-family:var(--pixel);font-size:11px;padding:8px 12px;border:2px solid var(--line);border-radius:0;background:var(--panel2);color:var(--text);cursor:pointer;box-shadow:inset 1px 1px #ffffff17,inset -1px -1px #00000059}button:hover:not(:disabled){border-color:var(--accent);background:var(--panel3)}button:active:not(:disabled){transform:translate(1px,1px)}button:disabled{opacity:.38;cursor:default}button.primary{background:var(--accent-dark);border-color:var(--accent);color:#21170a}button.primary:hover:not(:disabled){background:var(--accent)}button.chosen{background:var(--accent);border-color:var(--accent);color:#21170a}button.ghost{background:transparent}button.small{padding:4px 8px;font-size:9px}input,select{font:inherit;padding:9px 10px;border:2px solid var(--line);border-radius:0;background:#120e09;color:var(--text);width:100%}select{width:auto;font-family:var(--pixel);font-size:11px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-2px}.home{min-height:100vh;display:grid;place-items:center;padding:20px}.home-card{width:min(440px,100%);background:var(--panel);border:3px solid var(--line);box-shadow:inset 2px 2px #ffffff0d,0 0 0 3px var(--bg),0 0 0 5px var(--line);padding:26px;display:flex;flex-direction:column;gap:14px}.home-card h1{margin:0;font-size:22px;line-height:1.35;color:var(--accent)}.sub{margin:0;color:var(--muted)}.note{margin:0;color:var(--muted);font-size:12.5px}label{display:flex;flex-direction:column;gap:6px;font-family:var(--pixel);font-size:10px;color:var(--muted)}.divider{text-align:center;color:var(--muted);font-family:var(--pixel);font-size:10px}.choices{display:flex;gap:6px;flex-wrap:wrap}.members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.members li{display:flex;align-items:center;gap:9px;background:var(--panel2);border:2px solid var(--line);padding:8px 11px;font-family:var(--pixel);font-size:11px}.dot{width:11px;height:11px;flex:none;border:2px solid rgba(0,0,0,.5)}em{font-style:normal;color:var(--muted);font-family:var(--pixel);font-size:9px}em.off{color:var(--danger)}.warn{margin:0;background:#3a201a;border:2px solid var(--danger);padding:11px 13px;font-size:13px;line-height:1.55}.warn code{background:#0006;padding:1px 5px;font-size:12px}.game{display:grid;grid-template-rows:1fr;height:100vh}.side{background:var(--panel);border-right:3px solid var(--line);padding:13px;display:grid;grid-template-rows:auto auto auto 1fr;gap:11px;min-height:0}.side-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--pixel);font-size:12px;color:var(--accent)}.players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.players li{display:flex;align-items:center;gap:8px;padding:7px 9px;background:var(--panel2);border:2px solid transparent}.players li.active{border-color:var(--accent);background:var(--panel3)}.pname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pixel);font-size:11px}.stats{display:flex;gap:8px;font-family:var(--pixel);font-size:9px;color:var(--muted)}.stats b{color:var(--accent);font-size:13px}.phase{background:var(--panel2);border:2px solid var(--line);padding:10px 11px;display:flex;flex-direction:column;gap:5px;font-size:12.5px}.phase strong{font-size:11px;line-height:1.5}.roll{color:var(--muted);font-family:var(--pixel);font-size:10px}.log{overflow-y:auto;font-size:12px;color:var(--muted);min-height:0;padding-right:4px}.log p{margin:0 0 5px;padding-left:9px;border-left:2px solid var(--line)}.main{display:grid;grid-template-rows:1fr auto;min-height:0}.board{position:relative;overflow:hidden;background:#0d0a07;touch-action:none;cursor:grab}.board:active{cursor:grabbing}.board svg{display:block}.board-hint{position:absolute;right:11px;bottom:9px;color:var(--muted);font-family:var(--pixel);font-size:9px;pointer-events:none;opacity:.65}.tile{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.token{fill:#e8dcc0;stroke:#3a2c1c;stroke-width:1.5}.token-num{font-family:var(--pixel);font-size:10px;fill:#2a2016}.token-num.red{fill:#a83224}.token-pips{font-family:var(--pixel);font-size:7px;fill:#6a5741;letter-spacing:1px}.robber{fill:#16120d;stroke:#000;stroke-width:1.5}.robber-shadow{fill:#0006}.road-base{stroke:#1c140c;stroke-width:11;stroke-linecap:round}.road{stroke-width:7;stroke-linecap:round}.piece{stroke:#16120d;stroke-width:2.5;stroke-linejoin:round}.port{fill:#e8dcc0;stroke:#3a2c1c;stroke-width:2}.port-text{font-family:var(--pixel);font-size:11px;fill:#2a2016}.hex-target{fill:#d9a44133;stroke:var(--accent);stroke-width:2.5;cursor:pointer}.hex-target:hover{fill:#d9a4416b}.vertex-target{cursor:pointer}.vertex-treffer{fill:transparent}.vertex-raute{fill:#f2e7d0d9;stroke:#2a2016;stroke-width:1.5;pointer-events:none}.vertex-target:hover .vertex-raute,.vertex-target.aktiv .vertex-raute{fill:var(--accent);stroke:#fff;stroke-width:2}.edge-target{stroke:#f2e7d052;stroke-width:8;stroke-linecap:round;cursor:pointer}.edge-target:hover{stroke:var(--accent)}.bar{border-top:3px solid var(--line);background:var(--panel);padding:11px 13px;display:flex;flex-direction:column;gap:9px;max-height:46vh;overflow-y:auto}.hand{position:absolute;left:10px;bottom:10px;z-index:6;display:flex;gap:6px;align-items:flex-end;padding:10px 12px 12px;background:#120e09b8;border:2px solid var(--line)}.hand-card{position:relative;background:none;border:none;box-shadow:none;padding:0;display:block;transition:transform .09s}.hand-card:hover{transform:translateY(-8px)}.hand-card:nth-child(2),.hand-card:nth-child(4){margin-bottom:6px}.hand-card:nth-child(3){margin-bottom:11px}.hand-card.leer{opacity:.45;filter:grayscale(.6)}.res-card{display:block;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5))}.hand-zahl{position:absolute;right:-5px;bottom:-5px;min-width:24px;padding:3px 5px;text-align:center;font-family:var(--pixel);font-size:13px;color:#2a2016;background:#f2e7d0;border:2px solid #2a2016}.actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.inline{display:inline-flex;gap:4px;align-items:center}.arrow{color:var(--accent);font-family:var(--pixel);font-size:10px}.devlist{display:flex;gap:6px;flex-wrap:wrap}.devcard{background:var(--panel2);border:2px solid var(--line);padding:4px 9px;font-family:var(--pixel);font-size:9px}.trade{background:var(--panel2);border:2px solid var(--line-bright);padding:11px 12px;display:flex;flex-direction:column;gap:9px}.trade>strong{font-size:11px;color:var(--accent);line-height:1.5}.trade-cols{display:flex;gap:24px;flex-wrap:wrap}.trade-col{display:flex;flex-direction:column;gap:4px;min-width:200px}.trade-col>strong{font-size:10px;color:var(--muted)}.trade-col .drow{grid-template-columns:1fr auto 26px auto}.overlay{position:fixed;inset:0;background:#0a0704c7;display:grid;place-items:center;padding:20px;z-index:30}.dialog{background:var(--panel);border:3px solid var(--line-bright);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--line);padding:22px;min-width:330px;display:flex;flex-direction:column;gap:12px}.dialog h2{margin:0;font-size:14px;color:var(--accent)}.discard{display:flex;flex-direction:column;gap:6px}.drow{display:grid;grid-template-columns:1fr auto 28px auto auto;gap:7px;align-items:center;font-family:var(--pixel);font-size:10px}.drow b{text-align:center;font-size:12px;color:var(--accent)}.have{color:var(--muted);font-size:9px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:#4a2119;border:2px solid var(--danger);color:var(--text);padding:11px 17px;cursor:pointer;display:flex;gap:14px;align-items:center;max-width:min(560px,92vw);z-index:40;font-size:13px}.toast-close{font-family:var(--pixel);font-size:9px;opacity:.7}@media(max-width:860px){.trade-cols{gap:12px}.hand{transform:scale(.72);transform-origin:bottom left}.hud{flex-wrap:wrap;max-width:calc(100% - 20px)}.bar{max-height:52vh}}.main{position:relative}.hud{position:absolute;top:10px;left:10px;z-index:5;display:flex;gap:7px;align-items:center;font-family:var(--pixel);font-size:10px}.hud>span{background:#17120cdb;border:2px solid var(--line);padding:6px 9px}.hud-room{color:var(--accent);letter-spacing:1px}.hud-roll{color:var(--muted)}.hud-win{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;background:var(--panel);border:3px solid var(--accent);padding:20px 30px;font-family:var(--pixel);font-size:16px;color:var(--accent)}.board-canvas{position:absolute;inset:0;pointer-events:none;image-rendering:pixelated}.board-svg{position:absolute;inset:0}.roll-button{position:absolute;left:50%;bottom:104px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:10px;padding:12px 22px;font-size:14px;background:var(--accent-dark);border-color:var(--accent);color:#21170a}.roll-button:hover:not(:disabled){background:var(--accent)}.roll-button:active:not(:disabled){transform:translate(-50%) translate(1px,1px)}.die-body{fill:#f2e7d0;stroke:#2a2016;stroke-width:2}.die-pip{fill:#2a2016}.dice-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0c0906d1;cursor:pointer}.dice-pair{display:flex;gap:18px}.dice-pair .die{animation:wackeln .09s infinite alternate}.dice-pair.settled .die{animation:none}@keyframes wackeln{0%{transform:translateY(-3px) rotate(-4deg)}to{transform:translateY(3px) rotate(4deg)}}.dice-sum{font-family:var(--pixel);font-size:30px;color:var(--accent);min-height:34px}.dice-hint{font-family:var(--pixel);font-size:9px;color:var(--muted)}.hud-zeit{color:var(--text);letter-spacing:.5px}.hud-zeit em{color:var(--muted);margin:0 4px}.hud-saison{border-width:2px;border-style:solid}.saison-spring{color:#a8e08a;border-color:#4f7a3c!important}.saison-summer{color:#ffe08a;border-color:#8a7030!important}.saison-autumn{color:#e8a05a;border-color:#8a552a!important}.saison-winter{color:#bcd6f0;border-color:#4a6480!important}.hud-musik{display:inline-flex;gap:5px;background:none!important;border:none!important;padding:0!important}.dateiknopf{display:inline-flex;align-items:center;font-family:var(--pixel);font-size:9px;padding:4px 8px;border:2px solid var(--line);cursor:pointer;color:var(--text)}.dateiknopf:hover{border-color:var(--accent)}.dateiknopf input{display:none}.meldungen{position:absolute;left:0;top:96px;z-index:12;display:flex;flex-direction:column;gap:6px;pointer-events:none}.meldung{font-family:var(--pixel);font-size:11px;padding:9px 16px 9px 12px;background:#17120cf0;border:2px solid var(--line);border-left-width:6px;color:var(--text);white-space:nowrap;animation:meldung-rein .32s cubic-bezier(.2,.9,.3,1.2) both,meldung-raus .4s ease-in 6.1s both}.meldung-raid{border-left-color:var(--danger);color:#f0b8a8}.meldung-season{border-left-color:var(--accent);color:var(--accent)}.meldung-gain{border-left-color:#4f9e5c}.meldung-info{border-left-color:var(--line-bright)}@keyframes meldung-rein{0%{transform:translate(-110%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes meldung-raus{0%{transform:translate(0);opacity:1}to{transform:translate(-110%);opacity:0}}.hex-flash{fill:#fff6c8;stroke:var(--accent);stroke-width:3;pointer-events:none;animation:aufleuchten .9s ease-out forwards}@keyframes aufleuchten{0%{opacity:0}18%{opacity:.75}to{opacity:0}}.hex-target{animation:pulsieren 1.1s ease-in-out infinite}@keyframes pulsieren{0%,to{fill:#d9a44129}50%{fill:#d9a4416b}}.flug{position:absolute;left:0;top:0;margin:-24px 0 0 -18px;z-index:14;pointer-events:none;animation:fliegen .78s cubic-bezier(.4,0,.3,1) forwards;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.55))}@keyframes fliegen{0%{transform:translate(var(--x0),var(--y0)) scale(.5);opacity:0}15%{transform:translate(var(--x0),var(--y0)) scale(1.15);opacity:1}to{transform:translate(var(--x1),var(--y1)) scale(.55);opacity:.9}}.hand-card.zugewinn .hand-zahl{animation:zaehler .4s ease-out;color:#2f6b2f}@keyframes zaehler{0%{transform:scale(1)}40%{transform:scale(1.6)}to{transform:scale(1)}}.verlassen{position:absolute;top:10px;right:10px;z-index:13;font-size:10px;padding:6px 9px;color:var(--muted);background:#17120cdb;border:2px solid var(--line);box-shadow:none;min-height:34px;display:inline-flex;align-items:center}.verlassen:hover:not(:disabled){color:var(--text);background:#17120cf0;border-color:var(--danger)}.main{--menu-oben: 52px}.menu-auf,.menu-zu{position:absolute;z-index:13;width:22px;padding:10px 0;font-size:13px;line-height:1}.menu-auf{top:var(--menu-oben);right:0}.menu-zu{top:34px;left:-22px;border-right:none}.menu{position:absolute;top:var(--menu-oben);right:10px;bottom:10px;z-index:11;width:210px;display:flex;flex-direction:column;background:#17120cf0;border:3px solid var(--line);box-shadow:inset 2px 2px #ffffff0a,0 0 0 2px var(--bg)}.menu-zeit{padding:10px 10px 12px;text-align:center;border-bottom:2px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)}.menu-zeit-zier{font-size:15px;line-height:1;opacity:.6;margin-bottom:3px}.menu-saison{font-family:var(--pixel);font-size:15px;letter-spacing:1px}.menu-jahr{font-family:var(--pixel);font-size:9px;color:var(--muted);margin-top:2px}.menu-trenner{height:2px;margin:7px 14px;background:linear-gradient(90deg,transparent,var(--line-bright),transparent)}.menu-runde{font-family:var(--pixel);font-size:10px;color:var(--text)}.menu-rest{font-family:var(--pixel);font-size:8px;color:var(--muted);margin-top:3px}.menu-zeit.saison-spring .menu-saison{color:#a8e08a}.menu-zeit.saison-summer .menu-saison{color:#ffe08a}.menu-zeit.saison-autumn .menu-saison{color:#e8a05a}.menu-zeit.saison-winter .menu-saison{color:#bcd6f0}.menu-reiter{display:flex;border-bottom:2px solid var(--line)}.menu-reiter-knopf{flex:1;border:none;border-right:2px solid var(--line);background:var(--panel2);font-size:9px;padding:7px 0;box-shadow:none}.menu-reiter-knopf:last-child{border-right:none}.menu-reiter-knopf.aktiv{background:var(--accent-dark);color:#21170a}.menu-inhalt{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px}.menu-inhalt h3{margin:4px 0 2px;font-family:var(--pixel);font-size:10px;color:var(--accent);font-weight:400}.menu-leer{margin:0;font-size:11px;color:var(--muted);line-height:1.5}.menu-zeile{display:flex;flex-direction:column;gap:4px}.menu-zeile input[type=range]{width:100%;padding:0}.menu-liste{display:flex;flex-direction:column;gap:4px}.menu-liste button{text-align:left;font-size:9px;padding:6px 8px}.menu-liste button.aktiv{background:var(--accent-dark);border-color:var(--accent);color:#21170a}@media(max-width:860px){.menu{width:168px}}.draft-overlay{position:absolute;inset:0;z-index:22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0c0906e6;animation:draft-auf .25s ease-out}@keyframes draft-auf{0%{opacity:0}to{opacity:1}}.draft-titel{margin:0;font-family:var(--pixel);font-size:20px;color:var(--accent)}.draft-sub{margin:0 0 14px;font-size:12px;color:var(--muted)}.draft-karten{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:0 12px}.draft-karte{width:168px;min-height:200px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:linear-gradient(180deg,#2e2418,#221a11);border-width:3px;position:relative;z-index:1;overflow:hidden;transform:translateY(var(--hub, 0px)) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale(var(--gr, 1));transition:transform .14s ease-out,box-shadow .2s;will-change:transform}.draft-karte:hover:not(:disabled){--hub: -10px}.selt-gewoehnlich{border-color:#7d6141}.selt-ungewoehnlich{border-color:#4f9e5c}.selt-selten{border-color:#3a7ac2}.selt-episch{border-color:#8f5bb0}.selt-legendaer{border-color:var(--accent);box-shadow:0 0 12px #d9a44180}.draft-selt{font-family:var(--pixel);font-size:8px;color:var(--muted);letter-spacing:1px}.draft-name{font-family:var(--pixel);font-size:12px;line-height:1.45;color:var(--text)}.draft-text{font-size:12px;line-height:1.55;color:var(--muted);white-space:normal}.menu-karten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.menu-karte{border:1px solid var(--line);border-left-width:3px;background:#00000038;padding:5px 7px;display:flex;flex-direction:column;gap:2px}.menu-karte-name{font-size:9px;color:var(--accent);letter-spacing:.05em}.menu-karte-text{font-size:10px;color:var(--muted);line-height:1.45}.menu-wirkung{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.menu-wirkung li{font-size:10px;color:var(--fg);padding-left:9px;position:relative;line-height:1.45}.menu-wirkung li:before{content:"·";position:absolute;left:0;color:var(--accent)}.zoom{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 5px;background:#1c1611e6;border:1px solid var(--line);z-index:5;touch-action:none}.zoom-knopf{width:28px;height:24px;padding:0;font-size:14px;line-height:1}.zoom-balken{display:flex;flex-direction:column;gap:4px;padding:4px 0;cursor:ns-resize;outline:none}.zoom-balken:focus-visible{box-shadow:0 0 0 1px var(--accent)}.zoom-stufe{display:block;width:18px;height:14px;border:1px solid var(--line-bright);background:#00000059}.zoom-stufe.voll{background:var(--accent-dark);border-color:var(--accent-dark)}.zoom-stufe.aktiv{background:var(--accent);border-color:var(--accent)}.menu-log .log{max-height:200px;font-size:10.5px;line-height:1.45}.menu-log .log p{margin-bottom:4px}.menu-log .note{font-size:10.5px}.menu-welt-kopf{margin-top:auto}.menu-welt{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.menu-welt li{font-size:10.5px;line-height:1.45;color:var(--fg);padding:4px 6px;border-left:2px solid var(--line-bright);background:#0003}.menu-welt li.welt-raid{border-left-color:var(--danger);color:#f0b8a8}.menu-welt li.welt-season{border-left-color:var(--accent);color:var(--accent)}.menu-welt-runde{display:inline-block;min-width:24px;margin-right:4px;color:var(--muted);font-family:var(--pixel);font-size:8px}.draft-karten{perspective:900px}.draft-platz{position:relative;animation:karte-austeilen .55s cubic-bezier(.2,.9,.25,1.15) both;animation-delay:calc(var(--i, 0) * .13s + .08s)}@keyframes karte-austeilen{0%{opacity:0;transform:translateY(140px) rotate(calc((var(--i, 0) - 1) * 14deg)) scale(.7)}to{opacity:1;transform:none}}.draft-glanz{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 30%),rgba(255,240,200,.16),transparent 55%)}.draft-glanz:before{content:"";position:absolute;top:-50%;bottom:-50%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-12deg);opacity:0;animation:glanz-lauf 2.8s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .3s + .9s)}.selt-selten .draft-glanz:before,.selt-episch .draft-glanz:before,.selt-legendaer .draft-glanz:before{opacity:1}@keyframes glanz-lauf{0%,55%{left:-60%}to{left:130%}}.draft-karte.selt-selten{box-shadow:0 0 10px #3a7ac273}.draft-karte.selt-episch{animation:puls-episch 2.2s ease-in-out infinite}@keyframes puls-episch{0%,to{box-shadow:0 0 12px #8f5bb080}50%{box-shadow:0 0 28px #af73e1e6}}.draft-karte.selt-legendaer{animation:puls-legendaer 1.8s ease-in-out infinite}@keyframes puls-legendaer{0%,to{box-shadow:0 0 16px #d9a44199}50%{box-shadow:0 0 36px #ffcd5af2}}.draft-strahlen{position:absolute;inset:-50px;z-index:0;pointer-events:none;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,210,110,.24) 0deg 8deg,transparent 8deg 24deg);-webkit-mask:radial-gradient(circle,#000 22%,transparent 68%);mask:radial-gradient(circle,#000 22%,transparent 68%);animation:strahlen-drehen 14s linear infinite}@keyframes strahlen-drehen{to{transform:rotate(360deg)}}.draft-funken{position:absolute;inset:0;z-index:2;pointer-events:none}.draft-funken i{position:absolute;bottom:6%;left:calc(6% + var(--k, 0) * 9.5%);width:4px;height:4px;background:#ffe7a8;box-shadow:0 0 6px #ffcf6a;opacity:0;animation:funke 2.4s ease-out infinite;animation-delay:calc(var(--k, 0) * .23s + var(--i, 0) * .1s)}.draft-funken.episch i{background:#e6ccff;box-shadow:0 0 6px #b77cf0}@keyframes funke{0%{opacity:0;transform:translateY(0) scale(1)}15%{opacity:1}to{opacity:0;transform:translate(calc((var(--k, 0) - 4.5) * 3px),-200px) scale(.4)}}.draft-karte.gewaehlt{--hub: -22px;--gr: 1.1;animation:karte-genommen .9s ease-out both}@keyframes karte-genommen{0%{filter:brightness(1);box-shadow:0 0 #ffdc8c00}18%{filter:brightness(1.9);box-shadow:0 0 60px #ffdc8c}to{filter:brightness(1.05);box-shadow:0 0 22px #ffdc8c80}}.draft-blitz{position:absolute;left:50%;top:50%;width:20px;height:20px;z-index:3;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,250,220,.95),rgba(255,210,120,.5) 40%,transparent 70%);animation:blitz .7s ease-out both}@keyframes blitz{0%{transform:translate(-50%,-50%) scale(0);opacity:1}60%{opacity:.9}to{transform:translate(-50%,-50%) scale(22);opacity:0}}.draft-platz.verworfen{animation:karte-zerfallen .7s ease-in both}@keyframes karte-zerfallen{0%{opacity:1;transform:none;filter:none}to{opacity:0;transform:translateY(70px) rotate(calc((var(--i, 0) - 1) * 10deg)) scale(.85);filter:blur(3px) grayscale(1)}}@media(prefers-reduced-motion:reduce){.draft-platz,.draft-karte,.draft-glanz:before,.draft-strahlen,.draft-funken i,.draft-blitz{animation:none!important}.draft-funken,.draft-strahlen{display:none}}.menu-wache{display:grid;grid-template-columns:1fr auto;gap:3px 8px;font-size:10.5px;padding:6px 7px;background:#00000038;border:1px solid var(--line)}.menu-wache b{font-family:var(--pixel);font-size:10px;color:var(--accent);text-align:right;font-weight:400}.menu-wache b.gefahr{color:#f0b8a8}.menu-wache-hinweis{grid-column:1 / -1;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.4}.menu-welt li.welt-defense{border-left-color:#4f9e5c;color:#b8e0b0}.hand-card.zugewinn .res-card{animation:karte-hueft .45s cubic-bezier(.2,.9,.3,1.4)}@keyframes karte-hueft{0%{transform:none;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5)) brightness(1)}35%{transform:translateY(-14px) scale(1.12) rotate(-3deg);filter:drop-shadow(2px 7px 0 rgba(0,0,0,.4)) brightness(1.5)}to{transform:none;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5)) brightness(1)}}.hand-card.zugewinn:after{content:"";position:absolute;left:50%;top:40%;width:12px;height:12px;pointer-events:none;background:radial-gradient(circle,rgba(255,245,200,.95),rgba(255,210,120,.4) 45%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:hand-blitz .45s ease-out}@keyframes hand-blitz{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(7);opacity:0}}@media(prefers-reduced-motion:reduce){.hand-card.zugewinn .res-card,.hand-card.zugewinn:after{animation:none}}.dice-sum{min-height:56px}.dice-sum.steht{font-size:46px;color:#ffd76a;text-shadow:0 0 10px rgba(255,200,90,.9),0 0 26px rgba(255,170,50,.6),0 3px 0 #3a2508;animation:summe-da .5s cubic-bezier(.2,.9,.3,1.3) both}@keyframes summe-da{0%{transform:scale(1.8);filter:brightness(2)}to{transform:scale(1);filter:brightness(1)}}.dice-pair.settled .die{animation:wuerfel-steht .5s ease-out both}@keyframes wuerfel-steht{0%{filter:drop-shadow(0 0 14px rgba(255,215,120,1)) brightness(1.5)}to{filter:drop-shadow(0 0 6px rgba(255,215,120,.55)) brightness(1)}}.dice-sum.steht.sieben{color:#e6b8ff;text-shadow:0 0 10px rgba(210,140,255,.95),0 0 28px rgba(170,90,255,.65),0 3px 0 #2a1440}.dice-sieben{font-family:var(--pixel);font-size:13px;color:#e6b8ff;animation:summe-da .5s .15s cubic-bezier(.2,.9,.3,1.3) both}.draft-sieben{font-family:var(--pixel);font-size:10px;color:#e6b8ff;background:#3c1e5ab3;border:2px solid #8a5ab8;padding:3px 8px;margin-top:2px}@media(prefers-reduced-motion:reduce){.dice-sum.steht,.dice-pair.settled .die,.dice-sieben{animation:none}}.menu-ritter{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.menu-ritter li{padding:5px 6px;background:#00000038;border:1px solid var(--line);border-left-width:3px;display:flex;flex-direction:column;gap:4px}.menu-ritter li.aktiv{border-color:var(--accent)}.menu-ritter-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.menu-ritter-name{font-family:var(--pixel);font-size:9px;color:var(--accent)}.menu-ritter-ort{font-size:10px;color:var(--muted)}.menu-ritter-knoepfe{display:flex;gap:4px}.menu-ritter-knoepfe button{flex:1;font-size:8px;padding:4px 2px}.menu-ritter-knoepfe button.aktiv{background:var(--accent-dark);border-color:var(--accent);color:#21170a}.menu-welt li.welt-march,.menu-welt li.welt-plunder{border-left-color:var(--danger);color:#f0b8a8}.menu-welt li.welt-fight,.menu-welt li.welt-nest,.menu-welt li.welt-ruin{border-left-color:#4f9e5c;color:#b8e0b0}.board.ziel-wahl{cursor:crosshair}.befehl-hinweis{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:6;font-family:var(--pixel);font-size:10px;padding:7px 12px;background:#17120cf0;border:1px solid var(--accent);color:var(--accent);pointer-events:none}.ziel-linie{stroke-width:2;stroke-dasharray:5 4;opacity:.85;fill:none}.ziel-fahne{stroke:#1b130d;stroke-width:1}.auswahl-ring{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:4 3;animation:auswahl-drehen 3s linear infinite}@keyframes auswahl-drehen{to{stroke-dashoffset:-28}}.hex-ziel{fill:#ffd76a2e;stroke:var(--accent);stroke-width:2}@media(prefers-reduced-motion:reduce){.auswahl-ring{animation:none}}.unten{position:absolute;left:10px;bottom:10px;z-index:6;display:flex;align-items:flex-end;gap:8px;pointer-events:none}.unten>*{pointer-events:auto}.unten .hand{position:relative}.dock{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px;background:#120e09d1;border:2px solid var(--line)}.dock-reihe{display:flex;gap:4px;align-items:stretch}.dock-trenner{width:2px;margin:3px 1px;background:var(--line)}.dock-knopf{position:relative;width:50px;min-height:58px;padding:4px 2px 3px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px}.dock-sym{display:block}.dock-titel{font-size:7px;line-height:1;white-space:nowrap}.dock-kosten{display:flex;gap:1px;align-items:center;flex-wrap:wrap;justify-content:center}.dock-kosten-teil{display:inline-flex;align-items:center}.dock-kosten-teil b{font-size:7px;font-weight:400;color:var(--accent);margin-right:1px}.dock-mini{display:block}.dock-knopf.gewaehlt{background:var(--accent-dark);border-color:var(--accent);color:#21170a}.dock-knopf.leuchtet:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 2px #d9a44159}.dock-zahl{position:absolute;top:-7px;right:-6px;min-width:16px;padding:2px 3px;font-size:9px;line-height:1;text-align:center;color:#2a2016;background:#f2e7d0;border:2px solid #2a2016}.dock-hinweis{font-family:var(--pixel);font-size:8px;color:var(--muted);text-align:center}.dock-tafel{position:absolute;left:0;bottom:calc(100% + 6px);width:max-content;max-width:min(340px,90vw);padding:8px;display:flex;flex-direction:column;gap:7px;background:#17120cf7;border:2px solid var(--line-bright)}.dock-tafel-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--pixel);font-size:9px;color:var(--accent)}.dock-zu{padding:2px 6px;font-size:9px}.dock-tafel-zeile{display:flex;gap:5px;align-items:center}.dock-tafel-label{width:46px;font-family:var(--pixel);font-size:8px;color:var(--muted)}.dock-reswahl{display:inline-flex;gap:3px}.dock-res{min-width:30px;padding:3px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8px}.dock-res.gewaehlt{background:var(--accent-dark);border-color:var(--accent);color:#21170a}.dock-tafel-los{font-size:9px}.dock-karte{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px}.dock-karte-name{flex:1;min-width:110px;font-family:var(--pixel);font-size:8px}.dock-karte button{font-size:8px;padding:4px 7px}.dock-karte-extra{flex-basis:100%;display:flex;flex-direction:column;gap:3px}.dock-tafel-klein{margin:0;font-size:10px;color:var(--muted)}.handel-schwebe{position:absolute;left:10px;bottom:150px;z-index:7;max-width:min(560px,calc(100% - 250px));max-height:55%;overflow-y:auto}.unten{transform:scale(var(--unten-skala, 1));transform-origin:bottom left}.unten .hand{transform:none}@media(max-width:860px){.handel-schwebe{max-width:calc(100% - 20px)}}@media(max-width:600px){.unten{flex-direction:column;align-items:flex-start;gap:4px;max-width:calc(100vw - 20px)}.dock-reihe{flex-wrap:wrap}.roll-button{bottom:50%}.board-hint{display:none}}.kampf-schwerter{transform-box:fill-box;transform-origin:50% 80%;animation:kampf-klirren .8s steps(1,end) infinite}@keyframes kampf-klirren{0%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-2px)}}@media(prefers-reduced-motion:reduce){.kampf-schwerter{animation:none}}.feld-info{position:absolute;top:48px;left:64px;z-index:5;max-width:300px;padding:6px 9px;background:#17120ceb;border:1px solid var(--line);font-size:11px;line-height:1.35;pointer-events:none;display:flex;flex-direction:column;gap:3px}.feld-info-zeile{display:flex;align-items:baseline;gap:6px}.feld-info-zeile.kampf{color:var(--danger);font-family:var(--pixel);font-size:9px}.feld-info-farbe{flex:none;width:9px;height:9px;border:1px solid #1b130d;align-self:center}.menu-fraktionen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.menu-fraktionen li{display:grid;grid-template-columns:10px 1fr auto;gap:2px 6px;align-items:center;padding:4px 6px;background:#00000038;border:1px solid var(--line)}.menu-fraktion-farbe{width:10px;height:10px;border:1px solid #1b130d}.menu-fraktion-name{font-size:11px}.menu-fraktion-haltung{font-family:var(--pixel);font-size:8px;color:var(--danger)}.menu-fraktion-info{grid-column:2 / 4;font-size:10px;color:var(--muted)}.menu-welt li.welt-feud,.menu-welt li.welt-capture,.menu-welt li.welt-home{border-left-color:#d8742c;color:#f0c9a0}.menu-welt li.welt-wanderer{border-left-color:var(--muted);color:var(--muted)}.wuerfel-knopf{position:relative;align-self:stretch;min-width:98px;padding:8px 12px 12px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#21170a;background:var(--accent-dark);border:2px solid var(--accent);box-shadow:inset 2px 2px #ffffff40,inset -2px -3px #0000004d,0 0 0 2px #120e09d1}.wuerfel-knopf:hover:not(:disabled){background:var(--accent);border-color:#ffe08a}.wuerfel-knopf:active:not(:disabled){transform:translate(1px,2px) scale(.97)}.wuerfel-knopf:disabled{opacity:.45}.wuerfel-inhalt{display:flex;flex-direction:column;align-items:center;gap:6px;animation:wuerfel-stoss .45s cubic-bezier(.2,1.6,.4,1)}@keyframes wuerfel-stoss{0%{transform:scale(1)}25%{transform:scale(.8) rotate(-7deg)}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1)}}.wuerfel-symbol{display:block;transition:transform .15s}.wuerfel-symbol svg{display:block;width:30px;height:30px}.wuerfel-knopf:hover:not(:disabled) .wuerfel-symbol{transform:rotate(-14deg) scale(1.12)}.wuerfel-knopf.rollt .wuerfel-symbol{animation:wuerfel-drehen .5s steps(4) infinite}@keyframes wuerfel-drehen{to{transform:rotate(360deg)}}.wuerfel-knopf.zaehlt:not(:disabled){animation:wuerfel-atmen 1s ease-in-out infinite}@keyframes wuerfel-atmen{50%{box-shadow:inset 2px 2px #ffffff40,inset -2px -3px #0000004d,0 0 0 2px #120e09d1,0 0 16px 3px #ffd06699}}.wuerfel-uhr{position:absolute;left:4px;right:4px;bottom:4px;height:4px;background:#21170a;transform-origin:left center;animation-name:wuerfel-uhr;animation-timing-function:linear;animation-fill-mode:both}@keyframes wuerfel-uhr{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.wuerfel-rest{position:absolute;top:3px;right:5px;font-size:9px}.wuerfel-funken{position:absolute;left:50%;top:45%;width:0;height:0;pointer-events:none}.wuerfel-funken i{position:absolute;width:6px;height:6px;margin:-3px;background:#ffe08a;box-shadow:0 0 0 2px #8a5a1a;animation:wuerfel-funke .65s ease-out forwards}.wuerfel-funken i:nth-child(2n){width:4px;height:4px;margin:-2px;background:#fff6c8}@keyframes wuerfel-funke{0%{transform:rotate(var(--w)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--w)) translateY(-64px) scale(.3);opacity:0}}@media(prefers-reduced-motion:reduce){.wuerfel-knopf.zaehlt:not(:disabled),.wuerfel-inhalt,.wuerfel-funken i,.wuerfel-knopf.rollt .wuerfel-symbol{animation:none}.wuerfel-funken{display:none}}.wetter-schicht{position:absolute;inset:0;pointer-events:none;image-rendering:pixelated}.hud-wetter{display:inline-flex;align-items:center;gap:6px}.hud-wetter svg{display:block}.hud-wetter.zeit-nacht{color:#bcd6f0}.hud-wetter.zeit-abend{color:#f0b37a}.menu-welt li.welt-horde{border-left-color:var(--danger);color:#ffb3a0}.menu-welt li.welt-horde:before{content:"!";display:inline-block;margin-right:5px;padding:0 5px;font-family:var(--pixel);font-size:10px;color:#21170a;background:var(--danger)}.raum.klickbar{cursor:pointer}.raum.klickbar:hover{border-color:var(--accent);background:#d9a44114}.home-schalter{flex-direction:row;align-items:center;gap:8px;font-size:12px;cursor:pointer}.home-schalter input{width:auto;margin:0}.raumliste{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding-top:10px;border-top:2px solid var(--line)}.raumliste h2{margin:4px 0 0;font-family:var(--pixel);font-size:11px;font-weight:400;color:var(--accent)}.raumliste ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:240px;overflow-y:auto}.raum{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;padding:7px 9px;background:#00000038;border:1px solid var(--line)}.raum-kopf{display:flex;gap:8px;align-items:baseline}.raum-code{font-family:var(--pixel);font-size:11px;letter-spacing:1px;color:var(--accent)}.raum-status{font-family:var(--pixel);font-size:8px;padding:2px 5px;border:1px solid var(--line);color:var(--muted)}.raum-status.lobby{color:#9fd88a;border-color:#4f9e5c}.raum-status.laeuft{color:#f0c9a0;border-color:#d8742c}.raum-info{grid-column:1;font-size:11px;line-height:1.4;color:var(--muted)}.raum button{grid-column:2;grid-row:1 / 3;font-size:9px;padding:6px 9px}.raumliste-leer{margin:0;font-size:11px;line-height:1.45;color:var(--muted)}.hand .hand-zu{position:absolute;top:-9px;right:-9px;z-index:2;width:20px;height:20px;padding:0;font-size:12px;line-height:1}.hand.hand-schmal{display:flex;gap:8px;align-items:center;padding:5px 8px;cursor:pointer;background:#120e09d1}.hand-mini{display:inline-flex;align-items:center;gap:3px;font-family:var(--pixel);font-size:11px;color:#f2e7d0}.hand-mini b{font-weight:400;min-width:10px}.hand-mini.leer{opacity:.45}.hand-mini.zugewinn b{color:var(--accent)}.menu h3.gefahr{color:var(--danger)}.menu-braende{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.menu-braende li{padding:5px 6px;font-size:11px;background:#78280a40;border:1px solid #8e3a22;display:flex;flex-direction:column;gap:4px}.menu-fraktion-haltung.friedlich{color:#7fc9a8}.menu-fraktion-knoepfe{grid-column:2 / 4;display:flex;gap:4px;flex-wrap:wrap}.menu-fraktion-knoepfe button{font-size:8px;padding:3px 6px}.menu-ritter li.held{border-color:var(--accent)}.menu-auftraege li.auftrag-angebot{border-color:var(--accent);box-shadow:0 0 0 1px #d9a4414d}.menu-welt li.welt-fire{border-left-color:#e8641e;color:#f5b58a}.menu-welt li.welt-hero,.menu-welt li.welt-quest{border-left-color:var(--accent);color:#f2dca8}.menu-welt li.welt-pact{border-left-color:#7fc9a8;color:#bfe3d2}.hud-wirkung{margin-left:5px;padding:0 4px;color:#21170a;background:var(--accent)}.flammen-b{animation:flammen-wechsel .36s steps(1,end) infinite}.flammen-a{animation:flammen-wechsel .36s steps(1,end) infinite reverse}@keyframes flammen-wechsel{0%{opacity:1}50%{opacity:0}}.flammen.loeschbar{cursor:pointer}.auftrag-zeichen{animation:zeichen-wippen 1.2s steps(2,end) infinite}@keyframes zeichen-wippen{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.flammen-a,.flammen-b,.auftrag-zeichen{animation:none}.flammen-b{opacity:0}}.diagnose{position:absolute;top:48px;right:50%;transform:translate(50%);z-index:30;display:flex;flex-direction:column;gap:2px;max-width:90vw;padding:6px 9px;font-size:11px;color:#d8f5d0;background:#000000d1;border:1px solid #4f9e5c;pointer-events:none}@media(max-width:600px){.hud-roll{display:none}}.vertex-ring{fill:#d9a44124;stroke:var(--accent);stroke-width:2;pointer-events:none}.vertex-target:hover .vertex-ring,.vertex-target.aktiv .vertex-ring{fill:var(--accent);stroke:#fff}.hud-ton{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;color:var(--accent)}.hud-ton.aus{color:var(--muted)}.karten-bild{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;width:100%;min-height:78px;padding:6px 4px;background:linear-gradient(180deg,#33404c,#27301f);border:2px solid rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px #ffffff0f}.karten-bild.bild-selten{background:linear-gradient(180deg,#24405e,#1f2b36)}.karten-bild.bild-episch{background:linear-gradient(180deg,#43305a,#261d33)}.karten-bild.bild-legendaer{background:linear-gradient(180deg,#5a4520,#2e2410)}.karten-bild.klein{min-height:0;padding:3px;gap:3px;justify-content:flex-start;border-width:1px}.karten-bild img{display:block;image-rendering:pixelated}.karten-bild svg{display:block}.karten-teil{position:relative;display:inline-flex}.karten-teil b{position:absolute;right:-5px;bottom:-3px;padding:0 3px;font-family:var(--pixel);font-size:8px;font-weight:400;line-height:1.4;color:#21170a;background:#f2c94c;border:1px solid #2a1f16}.karten-teil.karg b{color:#fff;background:#c8402f}.karten-rohstoffe{display:flex;flex-wrap:wrap;gap:5px 7px;max-width:110px;justify-content:center}.karten-bild.klein .karten-teil b{font-size:7px;right:-3px;bottom:-2px}.game{height:100dvh}@media(max-width:600px){.unten{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"hand wuerfel" "dock dock";align-items:end;gap:6px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}.unten .hand{grid-area:hand}.unten .dock{grid-area:dock}.unten .wuerfel-knopf{grid-area:wuerfel;justify-self:end;align-self:stretch;min-width:88px;padding:4px 10px 8px}.wuerfel-knopf .wuerfel-text{font-size:8px}.wuerfel-knopf .wuerfel-inhalt{flex-direction:row;gap:6px}.dock-reihe{flex-wrap:nowrap;overflow-x:auto}.dock-trenner{display:none}.dock-knopf{width:42px;min-height:48px;flex-shrink:0}.zoom-balken{display:none}.meldungen{top:52px}.meldung{font-size:9px;padding:7px 10px 7px 8px;white-space:normal;max-width:78vw}}@media(max-width:600px){.hud{max-width:calc(100% - 118px);flex-wrap:wrap}}