*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;overflow:hidden;background:#070b1c;font-family:system-ui,Segoe UI,sans-serif;color:#dfe6f5}#game,#game canvas{position:absolute;top:0;right:0;bottom:0;left:0}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;user-select:none;-webkit-user-select:none}#ui-root input,#ui-root textarea,#ui-root .chat-messages{user-select:text;-webkit-user-select:text}#ui-root>*{pointer-events:auto}.join-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(105deg,#040610eb,#040610b8 34%,#04061059 58%,#0406108f),url(/login-bg.jpg) center / cover no-repeat,#06091a}.join-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 55% 45%,#0000 38%,#04060fbf)}.join-panel{position:relative;z-index:1;width:min(430px,92vw);padding:34px 34px 28px;background:linear-gradient(180deg,#0c1228d9,#070b1ce6);border:1px solid #8fb0f02e;border-radius:16px;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);box-shadow:0 32px 64px -24px #000c,0 0 0 1px #00000059,inset 0 1px #ffffff14}.join-panel:before{content:"";position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,#d9b87700,#e2c485cc,#d9b87700)}.join-panel h1{font-size:2.15rem;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:600;letter-spacing:5px;text-align:center;text-transform:uppercase;background:linear-gradient(180deg,#f3e5c0,#d9b877 55%,#b08f4d);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px #8fb0f024}.subtitle{text-align:center;color:#97a5c4;font-size:.92rem;margin-bottom:20px}.field-label{display:block;margin:14px 0 6px;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#97a5c4}#join-name{width:100%;padding:10px 12px;background:#070b1c;border:1px solid #2b3a63;border-radius:6px;color:#dfe6f5;font-size:1rem}#join-name:focus{outline:none;border-color:#ffe08a}.option-row{display:flex;flex-wrap:wrap;gap:8px}.option{padding:8px 14px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#dfe6f5;cursor:pointer;font-size:.95rem}.option:hover{border-color:#7fa8ee}.option.selected{background:#2b3a63;border-color:#ffe08a;color:#ffe08a}.class-desc{margin-top:14px;min-height:2.4em;font-size:.85rem;color:#97a5c4}.join-error{color:#e57373;margin-top:8px;font-size:.9rem}.join-btn{width:100%;margin-top:18px;padding:12px;background:#b5904c;border:none;border-radius:6px;color:#070b1c;font-size:1.05rem;font-weight:700;cursor:pointer}.join-btn:hover{background:#d6b273}.join-overlay.auth-screen{place-items:center start;padding:0 clamp(24px,7vw,130px)}@media(max-width:900px){.join-overlay.auth-screen{place-items:center;padding:0 16px}}.join-panel{animation:panel-auf .5s cubic-bezier(.2,.7,.3,1) both}@keyframes panel-auf{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.join-panel{animation:none}}.auth-rule{position:relative;width:70%;height:1px;margin:16px auto 18px;background:linear-gradient(90deg,#0000,#8fb0f047 26%,#8fb0f047 74%,#0000)}.auth-rule:before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-4px 0 0 -4px;transform:rotate(45deg);background:linear-gradient(135deg,#f0dfb4,#c9a45f);box-shadow:0 0 10px #d9b87766}.join-overlay .field-label{color:#8b9ab9;font-size:.74rem;letter-spacing:1.4px}.join-overlay .auth-tabs{gap:4px;padding:4px;margin-bottom:6px;background:#060b1a99;border:1px solid #8fb0f01f;border-radius:11px}.join-overlay .auth-tab{padding:9px;background:none;border:none;border-radius:8px;color:#93a2c1;transition:color .16s,background .16s}.join-overlay .auth-tab:hover{color:#dce5f7}.join-overlay .auth-tab.active{background:linear-gradient(180deg,#1b294e,#131d3a);color:#f0e3c2;box-shadow:inset 0 0 0 1px #d9b87738,0 2px 8px #0006}.join-overlay .option{background:#0b132a99;border-color:#8fb0f024;color:#cfd8ec}.join-overlay .option:hover{border-color:#7fa8ee66}.join-overlay .option.selected{background:linear-gradient(180deg,#1c2b52,#141f3d);border-color:#d9b87766;color:#f0e3c2}.join-overlay .link-btn{background:#0b132a99;border-color:#8fb0f024;color:#c3cee6}.join-overlay .link-btn:hover{background:#16224199;border-color:#d9b87766;color:#f0e3c2}.join-overlay .join-btn{margin-top:22px;padding:13px;border:1px solid #f0dfb480;border-radius:10px;background:linear-gradient(180deg,#efdcae,#d6b273 48%,#b5904c);color:#120f06;letter-spacing:.6px;box-shadow:0 10px 24px -10px #d9b8775c,inset 0 1px #fff6;transition:filter .16s,transform .06s}.join-overlay .join-btn:hover{background:linear-gradient(180deg,#efdcae,#d6b273 48%,#b5904c);filter:brightness(1.07)}.join-overlay .join-btn:active{transform:translateY(1px)}.join-overlay .join-btn:disabled{filter:grayscale(.55) brightness(.72);cursor:default}.join-overlay .join-btn:focus-visible,.join-overlay .auth-tab:focus-visible,.join-overlay .link-btn:focus-visible{outline:2px solid #9dc0ff;outline-offset:2px}.join-overlay .auth-forgot{display:block;margin:14px auto 0;padding:4px;background:none;border:none;color:#8ea3ca;font-size:.85rem}.join-overlay .auth-forgot:hover{background:none;color:#d9b877}.join-overlay .auth-hint,.join-overlay .auth-reset-hint{color:#78849f;line-height:1.55}.auth-ruettel{animation:auth-ruetteln .4s cubic-bezier(.36,.07,.19,.97)}@keyframes auth-ruetteln{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}@media(prefers-reduced-motion:reduce){.auth-ruettel{animation:none}}.join-overlay .join-error{margin-top:12px;padding:9px 11px;border:1px solid #e5737340;border-radius:8px;background:#3a121299;color:#ffb1b1;font-size:.88rem}.join-overlay .join-error.auth-success{border-color:#6585b640;background:#0f2b2499;color:#7599ce}.auth-tabs{display:flex;gap:8px;margin-bottom:4px}.auth-tab{flex:1;padding:8px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#dfe6f5;cursor:pointer}.auth-tab.active{background:#2b3a63;border-color:#ffe08a;color:#ffe08a}.auth-hint{margin-top:10px;font-size:.78rem;color:#78849f}#auth-user,#auth-pass,#auth-code,#char-name{width:100%;padding:11px 13px;background:#050917bf;border:1px solid #8fb0f029;border-radius:9px;color:#e6ecf9;font-size:1rem;transition:border-color .16s,box-shadow .16s}#auth-user::placeholder,#auth-pass::placeholder,#auth-code::placeholder,#char-name::placeholder{color:#5d6a86}#auth-user:focus,#auth-pass:focus,#auth-code:focus,#char-name:focus{outline:none;border-color:#7fa8ee;box-shadow:0 0 0 3px #5b8cd629}.leistung{position:absolute;top:14px;right:14px;z-index:70;padding:8px 12px;border:1px solid #8fb0f033;border-radius:8px;background:#050917e0;color:#b9c6de;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.74rem;line-height:1.65;pointer-events:none;white-space:nowrap}.leistung b{color:#ffe08a}.leistung strong{color:#7599ce}.lade-schirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:linear-gradient(180deg,#040610e6,#040610b3 45%,#040610f2),url(/login-bg.jpg) center / cover no-repeat,#06091a;transition:opacity .5s ease}.lade-weg{opacity:0;pointer-events:none}.lade-inhalt{width:min(460px,88vw);text-align:center}.lade-schirm h1{font-size:2rem;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:600;letter-spacing:5px;text-transform:uppercase;background:linear-gradient(180deg,#f3e5c0,#d9b877 55%,#b08f4d);-webkit-background-clip:text;background-clip:text;color:transparent}.lade-balken{height:6px;margin-top:4px;border-radius:999px;background:#0a1024cc;overflow:hidden}.lade-fuellung{width:25%;height:100%;border-radius:999px;background:linear-gradient(90deg,#3b6fd0,#cfe0ff);transition:width .45s ease}.lade-text{margin-top:12px;color:#c3d0e8;font-size:.94rem}.lade-hinweis{margin-top:26px;min-height:2.6em;color:#7d8bab;font-size:.82rem;line-height:1.5}.charselect-grid{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start}@media(max-width:640px){.charselect-grid{grid-template-columns:1fr}}.charselect-buehne{display:flex;flex-direction:column;align-items:center;gap:6px}.char-liste-preview{width:100%;height:300px;border:1px solid #8fb0f02e;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#16203f,#070b1c 70%);overflow:hidden;cursor:grab}.char-liste-preview:active{cursor:grabbing}.char-card.char-card-aktiv{border-color:#d9b877;background:linear-gradient(90deg,#1b2b52,#101a35 60%);box-shadow:inset 4px 0 #d9b877,0 0 18px -6px #d9b87766}.char-card.char-card-aktiv strong{color:#f3e5c0}.create-grid{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:start}@media(max-width:620px){.create-grid{grid-template-columns:1fr}}.create-vorschau{display:flex;flex-direction:column;align-items:center;gap:6px}.char-preview{width:100%;height:280px;border:1px solid #8fb0f02e;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#16203f,#070b1c 70%);overflow:hidden;cursor:grab}.char-preview:active{cursor:grabbing}.char-preview-canvas{display:block;width:100%;height:100%}.char-preview-hinweis{color:#6c7a99;font-size:.72rem}.race-desc{margin-top:8px;min-height:1.2em;font-size:.8rem;color:#8b9ab9}.regler-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:#8b9ab9;font-size:.82rem}.regler-zeile input[type=range]{flex:1;max-width:190px}.charselect-panel{width:min(640px,94vw);max-height:88vh;overflow-y:auto;overflow-x:hidden}.charselect-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.charselect-top h1{font-size:1.5rem;text-align:left}.charselect-account{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem;color:#97a5c4}.charselect-account>span{margin-right:4px}.link-btn{background:#162241;border:1px solid #2b3a63;border-radius:6px;padding:6px 14px;color:#c3cee6;cursor:pointer;font-size:.85rem;white-space:nowrap}.link-btn:hover{background:#2b3a63;border-color:#ffe08a;color:#ffe08a}.delete-btn:hover{background:#3a2222;border-color:#e57373;color:#e57373}.char-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.char-card{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#070b1c;border:1px solid #2b3a63;border-radius:8px}.char-card:hover{border-color:#7fa8ee}.char-card-info{display:flex;flex-direction:column}.char-card-info strong{color:#ffe08a}.char-card-info span{font-size:.8rem;color:#97a5c4}.char-card-actions{display:flex;gap:10px;align-items:center}.char-card .play-btn{width:auto;margin:0;padding:8px 18px;font-size:.9rem}.create-form{margin-top:16px;padding-top:14px;border-top:1px solid #2c3e60}.form-row{display:flex;gap:10px;margin-top:14px}.form-row .join-btn{margin-top:0}.form-row .cancel-create-btn{flex:0 0 auto}.confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#050804cc;border-radius:12px;z-index:5}.confirm-panel{width:min(360px,88%);padding:22px;background:#0c1228;border:1px solid #e57373;border-radius:10px}.confirm-panel h2{color:#e57373;margin-bottom:10px}.confirm-panel p{font-size:.85rem;color:#dfe6f5;line-height:1.5}.confirm-hint{margin-top:10px;color:#97a5c4!important}.confirm-input{width:100%;margin-top:8px;padding:9px 12px;background:#070b1c;border:1px solid #2b3a63;border-radius:6px;color:#dfe6f5}.confirm-input:focus{outline:none;border-color:#e57373}.confirm-delete{background:#c0392b;color:#fff}.confirm-delete:disabled{background:#3a2422;color:#7c6a66;cursor:default}.confirm-delete:not(:disabled):hover{background:#e74c3c}.admin-panel{width:min(760px,94vw);max-height:80vh;display:flex;flex-direction:column;padding:20px;background:#0c1228;border:1px solid #ffe08a;border-radius:10px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.admin-search{flex:1;max-width:320px;padding:8px 12px;background:#070b1c;border:1px solid #2b3a63;border-radius:8px;color:#dfe6f5;font-size:.85rem}.admin-search:focus{outline:none;border-color:#ffe08a}.admin-head h2{color:#ffe08a}.admin-list{overflow-y:auto;display:flex;flex-direction:column;gap:10px}.admin-card{background:#070b1c;border:1px solid #2b3a63;border-radius:10px;padding:12px 14px}.admin-card-banned{border-color:#7a3030}.admin-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.admin-card-head strong{color:#ffe08a;font-size:1rem}.admin-badge{display:inline-block;padding:1px 8px;margin-left:6px;border-radius:10px;font-size:.7rem;vertical-align:middle}.admin-badge-admin{background:#2b3a63;color:#ffe08a}.admin-badge-ban{background:#3a2422;color:#e57373;border:1px solid #7a3030}.admin-meta{margin-top:4px;font-size:.74rem;color:#78849f}.admin-card-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-chars{margin-top:10px;display:flex;flex-direction:column;gap:5px}.admin-char-chip{display:flex;align-items:center;gap:12px;padding:5px 10px;background:#0c1228;border:1px solid #2c3e60;border-radius:6px;font-size:.82rem;color:#dfe6f5}.admin-char-chip>span:first-child{min-width:130px;font-weight:600}.admin-online{color:#6585b6}.admin-char-meta{color:#97a5c4;font-size:.76rem;flex:1}.admin-act{padding:5px 11px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#dfe6f5;cursor:pointer;font-size:.76rem;white-space:nowrap}.admin-act:hover{border-color:#ffe08a}.admin-ban,.admin-char-del{border-color:#7a3030;color:#e57373}.admin-ban:hover,.admin-char-del:hover{border-color:#e05555;background:#3a2422}.admin-char-del{padding:3px 9px;font-size:.72rem}.admin-unban{border-color:#445c83;color:#6585b6}.admin-unban:hover{border-color:#6585b6;background:#28395a}.admin-confirm{z-index:20}.admin-confirm .confirm-panel{border-color:#ffe08a}.admin-confirm h2{color:#ffe08a}.admin-error{color:#e57373;font-size:.82rem;margin-bottom:8px}#ui-root>.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-player{position:absolute;top:14px;left:14px;padding:10px 16px;background:#070b1ccc;border:1px solid #2b3a63;border-radius:8px;display:flex;flex-direction:column}.hud-player strong{color:#ffe08a}.hud-player span{font-size:.8rem;color:#97a5c4}kbd{padding:1px 6px;background:#162241;border:1px solid #2b3a63;border-radius:4px;color:#ffe08a;font-family:inherit;font-size:.8rem}.bar{position:relative;height:16px;margin-top:6px;background:#070b1c;border:1px solid #2b3a63;border-radius:4px;overflow:hidden;min-width:190px}.bar .bar-fill{height:100%;width:0%;transition:width .2s}.hp-bar .bar-fill,.tf-hp .bar-fill{background:linear-gradient(#c94b4b,#a03030)}.xp-bar .bar-fill{background:linear-gradient(#8e7cc3,#6a5a9e)}.bar .bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.68rem;color:#f0ead8;text-shadow:0 1px 2px #000}.tf-range{font-size:.72rem;margin-top:3px}.tf-in-range{color:#6c8ec0}.tf-out-of-range{color:#e05555}.toast-stack{position:absolute;bottom:60px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none;max-width:340px}.chat-panel{position:absolute;bottom:14px;left:14px;width:min(340px,40vw);display:flex;flex-direction:column;gap:5px}.chat-messages{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#070b1c99;border:1px solid #2b3a6366;border-radius:8px;font-size:.8rem;color:#dfe6f5;scrollbar-width:thin}.chat-messages:empty{display:none}.chat-line{line-height:1.35;word-break:break-word}.chat-name{color:#9ad9ff;font-weight:600}.chat-name.chat-self{color:#ffe08a}.chat-input{padding:7px 10px;background:#070b1c99;border:1px solid #2b3a6366;border-radius:8px;color:#dfe6f5;font-size:.85rem;opacity:.55}.chat-input:focus{outline:none;border-color:#ffe08a;background:#070b1ce6;opacity:1}.toast{padding:8px 14px;border-radius:6px;background:#070b1cd9;border:1px solid #2b3a63;color:#dfe6f5;font-size:.85rem;animation:toast-in .25s ease-out}.toast-success{border-color:#6585b6}.toast-error{border-color:#e57373}.toast-out{opacity:0;transition:opacity .4s}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.item-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.35rem;cursor:grab;-webkit-user-select:none;user-select:none}.equip-slot .item-icon{font-size:1.15rem}.inv-slot.filled,.equip-slot.filled{border-style:solid;background:#1a2416}.rarity-common{border-color:#78849f}.rarity-uncommon{border-color:#6585b6}.rarity-rare{border-color:#4aa3ff}.rarity-epic{border-color:#b05cff}.drag-ghost{position:fixed;z-index:100;font-size:1.6rem;pointer-events:none;filter:drop-shadow(0 2px 4px #000)}.item-tooltip{position:fixed;z-index:90;max-width:230px;padding:10px 12px;background:#0d140bf2;border:1px solid #2b3a63;border-radius:8px;font-size:.82rem;line-height:1.5;pointer-events:none;color:#dfe6f5}.item-tooltip .tt-sub{color:#97a5c4}.item-tooltip .tt-req{color:#e57373}.char-stats{display:flex;gap:14px;justify-content:center;margin-top:12px;padding-top:10px;border-top:1px solid #2c3e60;font-size:.8rem;color:#97a5c4}.char-stats strong{color:#ffe08a}.skill-points{font-size:.85rem;color:#97a5c4;margin-bottom:10px}.skill-points strong{color:#ffe08a}.skill-list{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto}.skill-tier-header{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:#78849f;margin-top:8px}.skill-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;background:#070b1c;border:1px solid #2b3a63;border-radius:6px}.skill-row.learned{border-color:#7fa8ee}.skill-row.locked{opacity:.5}.skill-info{display:flex;flex-direction:column}.skill-name{color:#dfe6f5;font-weight:600}.skill-name em{color:#ffe08a;font-style:normal;font-size:.8rem}.skill-desc-line{font-size:.75rem;color:#97a5c4}.skill-next{color:#78849f}.skill-learn{width:30px;height:30px;border-radius:6px;border:1px solid #6585b6;background:#162241;color:#6585b6;font-size:1.1rem;cursor:pointer;flex:0 0 auto}.skill-learn:disabled{border-color:#2b3a63;color:#2b3a63;cursor:default}.skill-learn:not(:disabled):hover{background:#6585b6;color:#070b1c}.quest-list{display:flex;flex-direction:column;gap:10px;max-height:50vh;overflow-y:auto}.quest-entry{padding:10px 12px;background:#070b1c;border:1px solid #2b3a63;border-radius:8px;display:flex;flex-direction:column;gap:4px}.quest-entry strong{color:#ffe08a}.quest-entry.quest-done{opacity:.55}.quest-entry.quest-done strong{color:#6585b6}.quest-obj{font-size:.82rem;color:#dfe6f5}.quest-text{font-size:.76rem;color:#97a5c4;font-style:italic}.nd-quest{color:#ffd54f}.nd-quest:disabled{color:#97a5c4;cursor:default}.nd-quest-ready{color:#6585b6}.action-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:6px;background:#070b1ccc;border:1px solid #2b3a63;border-radius:10px}.ab-slot{position:relative;width:48px;height:48px;background:#0d140b;border:1px solid #2b3a63;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.ab-slot.ab-filled:hover{border-color:#ffe08a}.ab-slot.ab-locked{opacity:.4;cursor:default}.ab-key{position:absolute;top:1px;left:4px;font-size:.62rem;color:#78849f}.ab-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.45rem}.ab-cost{position:absolute;bottom:1px;right:4px;font-size:.6rem;color:#8fb3d8}.ab-slot.ab-poor .ab-icon{filter:grayscale(1) brightness(.6)}.ab-slot.ab-poor .ab-cost{color:#e57373}.ab-slot.ab-far{border-color:#e05555}.ab-slot.ab-far .ab-icon{filter:saturate(.4) brightness(.7)}.ab-cd{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000a6;border-radius:8px;color:#ffe08a;font-size:1rem;font-weight:700;pointer-events:none}#shop-window{left:50%;transform:translate(-50%);width:440px}.shop-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.shop-header .auth-tabs{flex:1;margin-bottom:0}.shop-gold{color:#97a5c4;font-size:.9rem;white-space:nowrap}.shop-gold strong{color:#ffe08a}.shop-list{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto;scrollbar-gutter:stable;padding-right:6px}.shop-list::-webkit-scrollbar,.social-list::-webkit-scrollbar{width:9px}.shop-list::-webkit-scrollbar-track,.social-list::-webkit-scrollbar-track{background:#0d140c;border-radius:5px}.shop-list::-webkit-scrollbar-thumb,.social-list::-webkit-scrollbar-thumb{background:#2b3a63;border-radius:5px}.shop-list::-webkit-scrollbar-thumb:hover,.social-list::-webkit-scrollbar-thumb:hover{background:#b5904c}.shop-row{display:flex;align-items:center;gap:12px;padding:7px 10px;background:#070b1c;border:1px solid #2b3a63;border-radius:8px}.shop-row.shop-locked{opacity:.7}.shop-lock{color:#ffe08a;font-style:normal;white-space:nowrap}.shop-icon{position:relative;font-size:1.4rem}.shop-qty{color:#ffe08a;font-style:normal;font-weight:700}.shop-info{flex:1;display:flex;flex-direction:column}.shop-info span{font-size:.74rem;color:#97a5c4}.shop-btn{padding:6px 12px;background:#162241;border:1px solid #ffe08a;border-radius:6px;color:#ffe08a;cursor:pointer;white-space:nowrap;font-size:.85rem}.shop-btn:disabled{border-color:#2b3a63;color:#2b3a63;cursor:default}.shop-btn:not(:disabled):hover{background:#ffe08a;color:#070b1c}.shop-sell-btn{border-color:#6585b6;color:#6585b6}.shop-sell-btn:hover{background:#6585b6!important}.inv-gold{margin-top:10px;text-align:center;color:#97a5c4;font-size:.85rem}.inv-gold span{color:#ffe08a;font-weight:700}#spellbook-window{left:50%;transform:translate(-50%);width:430px}.spellbook-list{display:flex;flex-direction:column;gap:8px;max-height:48vh;overflow-y:auto}.spell-entry{display:flex;gap:12px;align-items:center;padding:8px 10px;background:#070b1c;border:1px solid #2b3a63;border-radius:8px;cursor:grab}.spell-entry:hover{border-color:#ffe08a}.spell-entry.spell-locked{opacity:.45;cursor:default}.spell-icon{font-size:1.5rem}.spell-info{display:flex;flex-direction:column}.spell-info strong{color:#ffe08a}.spell-info strong em{color:#97a5c4;font-style:normal;font-size:.78rem}.spell-info span{font-size:.78rem;color:#97a5c4}.target-frame{position:absolute;top:14px;left:252px;display:flex;flex-direction:column;align-items:center;padding:10px 22px;background:#070b1ccc;border:1px solid #2b3a63;border-radius:8px}.tf-name{color:#ffd54f}.tf-sub{font-size:.8rem;color:#97a5c4}.npc-dialog{position:absolute;bottom:140px;left:50%;transform:translate(-50%);width:min(460px,92vw);background:#151d12f2;border:1px solid #2b3a63;border-radius:10px;box-shadow:0 8px 30px #000a}.nd-text{color:#dfe6f5;line-height:1.5;margin-bottom:14px;font-style:italic}.nd-options{display:flex;flex-direction:column;gap:6px}.nd-option{text-align:left;padding:9px 12px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#ffe08a;cursor:pointer;font-size:.92rem}.nd-option:hover{background:#2b3a63;border-color:#ffe08a}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#05080499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30}.menu-panel{width:min(320px,90vw);padding:26px;background:#151d12f2;border:1px solid #2b3a63;border-radius:12px;box-shadow:0 8px 30px #000c;display:flex;flex-direction:column;gap:10px}.menu-panel h2{text-align:center;color:#ffe08a;letter-spacing:1px;margin-bottom:8px}.menu-btn{padding:12px;background:#162241;border:1px solid #2b3a63;border-radius:8px;color:#dfe6f5;font-size:1rem;cursor:pointer}.menu-btn:hover{background:#2b3a63;border-color:#ffe08a;color:#ffe08a}.menu-logout-btn:hover{border-color:#e57373;color:#e57373}.menu-help-panel{width:min(560px,94vw);max-height:84vh;overflow-y:auto}.menu-help-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.menu-help-row{display:flex;align-items:baseline;gap:12px;padding:6px 10px;background:#1b2416;border:1px solid #2b3a6355;border-radius:6px;font-size:.88rem;color:#dfe6f5}.menu-help-row kbd{flex:0 0 185px;text-align:center}.game-window{position:absolute;top:70px;width:380px;background:#151d12f2;border:1px solid #2b3a63;border-radius:10px;box-shadow:0 8px 30px #000a}#char-window{left:20px}#inv-window{right:20px}#skill-window{left:50%;transform:translate(-50%);width:460px}#map-window{left:50%;transform:translate(-50%);width:min(940px,96vw)}.map-layout{display:flex;gap:10px;align-items:flex-start}.map-canvas{display:block;width:min(700px,calc(96vw - 250px),calc(84vh - 110px));aspect-ratio:1;height:auto;flex:0 0 auto;border:1px solid #2c3e60;border-radius:6px;background:#101d0c}.map-quests{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.map-quests>strong{color:#ffe08a;font-size:.9rem}.map-quest{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;background:#070b1c;border:1px solid #2b3a63;border-radius:6px;font-size:.78rem;color:#dfe6f5}.map-quest span{color:#97a5c4;white-space:nowrap}.map-quest-ready{border-color:#6585b6}.map-quest-ready span{color:#6585b6}.window-titlebar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #2b3a63;color:#ffe08a;font-weight:600;cursor:move;-webkit-user-select:none;user-select:none}.window-close{background:none;border:none;color:#97a5c4;font-size:1.3rem;cursor:pointer;line-height:1}.window-close:hover{color:#e57373}.window-body{padding:14px}.window-hint{margin-top:10px;font-size:.78rem;color:#78849f;text-align:center}.char-header{text-align:center;margin-bottom:12px}.char-header strong{color:#ffe08a;display:block}.char-sub{font-size:.8rem;color:#97a5c4}.equip-layout{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}.equip-col{display:flex;flex-direction:column;gap:6px}.equip-figure{align-self:center;font-size:3rem;padding:20px 10px;opacity:.5}.equip-slot{height:34px;display:flex;align-items:center;padding:0 8px;background:#070b1c;border:1px dashed #2b3a63;border-radius:6px}.equip-slot:hover{border-color:#7fa8ee}.slot-label{font-size:.72rem;color:#78849f}.equip-weapons{display:flex;gap:8px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #2c3e60}.equip-weapons .equip-slot{flex:1}.weapon-hint{font-size:.7rem;color:#78849f;max-width:90px}.inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.inv-slot{aspect-ratio:1;background:#070b1c;border:1px dashed #2b3a63;border-radius:6px}.inv-slot:hover{border-color:#7fa8ee}.skill-tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.skill-tab{padding:6px 12px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#dfe6f5;cursor:pointer;font-size:.85rem}.skill-tab.active{background:#2b3a63;border-color:#ffe08a;color:#ffe08a}.skill-desc{font-size:.82rem;color:#97a5c4;min-height:2em;margin-bottom:10px}.skill-tier{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tier-label{width:60px;font-size:.72rem;color:#78849f}.skill-node{width:44px;height:44px;display:grid;place-items:center;background:#070b1c;border:1px solid #2b3a63;border-radius:8px;font-size:.75rem;color:#78849f}.skill-node.locked{opacity:.6}.skill-node:hover{border-color:#ffe08a;opacity:1}.loot-window{position:absolute;left:calc(50% + 150px);top:38%;width:230px;background:#151d12f2;border:1px solid #2b3a63;border-radius:8px;overflow:hidden}.loot-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #2b3a63;color:#ffe08a;font-weight:600;font-size:.92rem}.loot-close{background:none;border:none;color:#97a5c4;font-size:1rem;cursor:pointer;line-height:1}.loot-close:hover{color:#e57373}.loot-list{display:flex;flex-direction:column;gap:4px;padding:8px}.loot-row{display:flex;align-items:center;gap:8px;text-align:left;padding:7px 10px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#dfe6f5;cursor:pointer;font-size:.9rem}.loot-row:hover{background:#2b3a63;border-color:#ffe08a}.loot-icon{font-size:1.15rem}.loot-gold{color:#ffd54f}.loot-all{display:block;width:calc(100% - 16px);margin:0 8px 8px;padding:7px 0;background:#33476b;border:1px solid #6585b6;border-radius:6px;color:#7ba1d7;cursor:pointer;font-size:.85rem}.loot-all:hover{background:#2b3a63}.party-frames{position:absolute;top:150px;left:14px;width:210px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#070b1ccc;border:1px solid #2b3a63;border-radius:8px}.party-title{color:#ffe08a;font-size:.8rem;font-weight:600;letter-spacing:.5px}.party-member{display:flex;flex-direction:column;gap:3px;padding:6px 8px;background:#1b2416;border:1px solid #2b3a6355;border-radius:6px}.party-self{border-color:#ffe08a55}.party-member-head{display:flex;align-items:center;gap:6px;font-size:.82rem}.party-name{color:#dfe6f5;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-meta{color:#97a5c4;font-size:.72rem}.party-kick{background:none;border:none;color:#97a5c4;cursor:pointer;font-size:.8rem;line-height:1;padding:2px}.party-kick:hover{color:#e57373}.party-hp{height:13px;min-width:0;margin-top:2px}.party-hp .bar-fill{background:linear-gradient(#c94b4b,#a03030)}.party-hp .bar-text{font-size:.62rem}.party-leave{margin-top:4px;padding:6px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#c3cee6;cursor:pointer;font-size:.78rem}.party-leave:hover{border-color:#e57373;color:#e57373}.party-invite{position:absolute;top:120px;left:50%;transform:translate(-50%);width:min(340px,90vw);padding:14px 18px;background:#151d12f2;border:1px solid #ffe08a88;border-radius:10px;text-align:center;font-size:.92rem;box-shadow:0 6px 24px #000a}.party-invite-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.party-invite-actions .join-btn,.party-invite-actions .option{flex:1;width:auto;margin:0;padding:9px 0;font-size:.95rem;text-align:center}.tf-actions{display:flex;gap:8px;margin-top:6px}.tf-action-btn{padding:5px 12px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#c3cee6;cursor:pointer;font-size:.78rem}.tf-action-btn:hover{background:#2b3a63;border-color:#ffe08a;color:#ffe08a}.trade-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(620px,94vw);max-height:84vh;display:flex;flex-direction:column;background:#151d12f2;border:1px solid #ffe08a88;border-radius:10px;box-shadow:0 8px 30px #000c;z-index:25}.trade-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #2b3a63;color:#ffe08a;font-weight:600}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;overflow-y:auto}.trade-col h3{font-size:.9rem;color:#ffe08a;margin-bottom:8px}.trade-check{color:#6585b6;font-weight:700}.trade-gold-row{display:flex;align-items:center;gap:6px;font-size:.88rem;margin-bottom:8px}.trade-gold{width:90px;padding:6px 8px;background:#070b1c;border:1px solid #2b3a63;border-radius:6px;color:#ffd54f;font-size:.9rem}.trade-gold:focus{outline:none;border-color:#ffe08a}.trade-other-gold{font-size:.88rem;color:#ffd54f;margin-bottom:8px}.trade-own-items,.trade-other-items{display:flex;flex-direction:column;gap:4px;min-height:60px;padding:6px;background:#070b1c80;border:1px dashed #2b3a63;border-radius:6px;margin-bottom:8px}.trade-item{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#dfe6f5;cursor:pointer;font-size:.85rem;text-align:left}.trade-item:hover{border-color:#ffe08a}.trade-item-offered{border-color:#6585b6}.trade-item-offered:hover{border-color:#e57373}.trade-other-items .trade-item{cursor:default}.trade-empty{font-size:.78rem;color:#78849f;text-align:center;margin:auto}.trade-hint{font-size:.75rem;color:#97a5c4;margin-bottom:4px}.trade-inventory{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.trade-status{font-size:.8rem;color:#97a5c4;margin-top:6px}.trade-actions{display:flex;gap:10px;padding:12px;border-top:1px solid #2b3a63}.trade-actions .join-btn{margin-top:0;flex:1}.trade-confirm:disabled{background:#33476b;color:#97a5c4;cursor:default}.patchnotes-overlay{z-index:40}.patchnotes-panel{width:min(560px,94vw);max-height:82vh;display:flex;flex-direction:column;padding:20px;background:#0c1228;border:1px solid #ffe08a;border-radius:10px}.patchnotes-list{overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:12px}.patchnote h3{color:#ffe08a;font-size:.95rem;margin-bottom:6px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.patchnote-date{color:#78849f;font-size:.75rem;font-weight:400;white-space:nowrap}.patchnote ul{margin:0 0 0 18px;display:flex;flex-direction:column;gap:4px}.patchnote li{font-size:.85rem;color:#dfe6f5;line-height:1.45}.party-lootmode{padding:4px 8px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#c3cee6;font-size:.72rem;text-align:left}button.party-lootmode{cursor:pointer}button.party-lootmode:hover{border-color:#ffe08a;color:#ffe08a}.party-lootmode-ro{border-style:dashed}.inv-slot,.equip-slot{position:relative}.item-qty{position:absolute;right:2px;bottom:1px;font-size:.68rem;font-weight:700;color:#ffe08a;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none}.party-promote{background:none;border:none;cursor:pointer;font-size:.75rem;line-height:1;padding:2px;opacity:.45}.party-promote:hover{opacity:1}.carry-src{opacity:.35}.tt-req-ok{color:#6c8ec0}.map-canvas,#map-canvas,.map-window canvas{cursor:grab}.recovery-panel{border-color:#ffe08a}.recovery-panel h2{color:#ffe08a}.recovery-code{margin:14px 0;padding:12px;background:#070b1c;border:1px dashed #ffe08a;border-radius:8px;text-align:center;font-family:ui-monospace,Consolas,monospace;font-size:1.35rem;letter-spacing:2px;color:#ffe08a;-webkit-user-select:all;user-select:all}.auth-forgot{width:100%;margin-top:10px;background:none;border:none;color:#7fa8ee;text-decoration:underline;padding:4px}.auth-forgot:hover{background:none;border:none;color:#ffe08a}.auth-reset-hint{margin-top:10px;font-size:.78rem;color:#78849f}.join-error.auth-success{color:#6c8ec0}#auth-code{width:100%;padding:10px 12px;background:#070b1c;border:1px solid #2b3a63;border-radius:6px;color:#dfe6f5;font-size:1rem;font-family:ui-monospace,Consolas,monospace;letter-spacing:1px;text-transform:uppercase}#auth-code:focus{outline:none;border-color:#ffe08a}.recovery-attention{border-color:#ffe08a;animation:recovery-pulse 1.6s ease-in-out infinite}@keyframes recovery-pulse{0%,to{box-shadow:0 0 #ffe08a55}50%{box-shadow:0 0 0 6px #ffe08a00}}.patchnote{padding:12px 14px;background:#1b241666;border:1px solid #2b3a63;border-left:3px solid #2b3a63;border-radius:8px}.patchnote-hotfix{background:#16224188;border-color:#e0a03055;border-left-color:#e0a030;box-shadow:0 0 0 1px #e0a03022}.patchnote-hotfix h3{color:#ffc75a}.zone-banner{position:absolute;top:96px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 26px;background:#070b1cd0;border:1px solid #ffe08a66;border-radius:10px;text-align:center;pointer-events:none;animation:zone-fade .5s ease-out}.zone-banner strong{color:#ffe08a;font-size:1.35rem;letter-spacing:1px}.zone-banner span{color:#759ace;font-size:.82rem}@keyframes zone-fade{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.cast-bar{position:absolute;bottom:190px;left:50%;transform:translate(-50%);width:260px;padding:7px 10px 9px;background:#070b1cd8;border:1px solid #ffe08a55;border-radius:8px;pointer-events:none;z-index:40}.cast-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px}.cast-label{color:#82aae2;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cast-zeit{flex:none;color:#b9c6de;font-size:.76rem;font-variant-numeric:tabular-nums}.cast-push{margin-top:5px;color:#ffb15e;font-size:.74rem;text-align:center;font-variant-numeric:tabular-nums}.cast-track{height:12px;background:#05090422;border:1px solid #00000066;border-radius:6px;overflow:hidden}.cast-fill{height:100%;width:0%;background:linear-gradient(90deg,#6585b6,#7599ce);transition:width .05s linear}.cast-bar-zauber{width:300px;border-color:#8fb0f066;background:#0a1024e0}.cast-bar-zauber .cast-fill{background:linear-gradient(90deg,#3b6fd0,#8fc4ff)}.cast-rueckstoss{border-color:#ffb15e}.cast-rueckstoss .cast-fill{background:linear-gradient(90deg,#d08a3b,#ffd08a)}#social-window{width:380px}.social-tabs{margin-bottom:10px}.social-add{display:flex;gap:6px;margin-bottom:10px}.social-add-input{flex:1;min-width:0;padding:7px 9px;background:#0d140c;border:1px solid #3b5076;border-radius:6px;color:#82aae2;font:inherit;font-size:.86rem}.social-add-input:focus{outline:none;border-color:#ffe08a88}.social-add-btn{flex:none;width:auto;margin-top:0;padding:7px 14px;font-size:.84rem;white-space:nowrap}.social-list{display:flex;flex-direction:column;gap:4px;min-height:120px;max-height:300px;overflow-y:auto;scrollbar-gutter:stable;padding-right:4px}.social-row{display:flex;align-items:center;gap:9px;padding:6px 8px;background:#17210f66;border:1px solid #33476b66;border-radius:6px}.social-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#425a81}.social-row.is-online .social-dot{background:#6585b6;box-shadow:0 0 6px #6585b6aa}.social-info{flex:1;min-width:0;display:flex;flex-direction:column}.social-info strong{font-size:.9rem;color:#82aae2}.social-info span{font-size:.75rem;color:#6080af}.social-row.is-offline .social-info strong{color:#5976a4}.social-remove{flex:none;background:none;border:none;color:#5976a4;font-size:.95rem;cursor:pointer;padding:2px 5px;border-radius:4px}.social-remove:hover{color:#e08a8a;background:#e08a8a22}.social-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 16px;text-align:center;color:#6080af}.social-empty-icon{font-size:2.2rem}.social-empty strong{color:#ffe08a;font-size:1rem}.social-empty p{font-size:.8rem;max-width:260px}.shop-gold strong,.inv-gold span,.loot-gold,.trade-other-gold{color:#ffd24a;font-weight:700;letter-spacing:.4px}.shop-sell-actions{display:flex;flex-direction:column;gap:4px;align-items:stretch;flex:none}.shop-sell-all{font-size:.74rem;padding:4px 8px;background:#2c3e60;border-color:#b5904c;white-space:nowrap}.shop-sell-all:hover:not(:disabled){background:#2b3a63;border-color:#ffe08a}.trade-gold-row label{display:flex;align-items:center;gap:4px}.trade-gold-row .trade-gold{width:58px}.item-qty.item-qty-voll{color:#ffa04a}.tt-price{color:#ffd24a;font-size:.8rem}.harvest-hint{position:absolute;display:flex;flex-direction:column;gap:1px;padding:6px 10px;background:#070b1ce8;border:1px solid #6585b688;border-radius:7px;pointer-events:none;white-space:nowrap;z-index:60}.harvest-hint strong{color:#7599ce;font-size:.88rem}.harvest-hint span{color:#759ace;font-size:.74rem}.harvest-hint.harvest-hint-fern{border-color:#e0b06088}.harvest-hint.harvest-hint-fern strong{color:#e0c090}.world-editor{position:absolute;left:12px;top:12px;bottom:12px;width:380px;display:flex;flex-direction:column;gap:10px;padding:12px;background:#070b1cee;border:1px solid #66ccff66;border-radius:10px;z-index:70}.we-kopf{display:flex;align-items:center;gap:8px}.we-kopf strong{color:#6cf;font-size:.95rem}.we-status{flex:1;font-size:.68rem;color:#6080af;line-height:1.2}.we-status.we-dirty{color:#ffc46a}.we-close{background:none;border:none;color:#5976a4;font-size:1.1rem;cursor:pointer}.we-close:hover{color:#e08a8a}.we-palette{flex:1;overflow-y:auto;scrollbar-gutter:stable;padding-right:4px}.we-gruppe{margin-bottom:10px}.we-gruppe-name{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#78849f;margin-bottom:4px}.we-eintraege{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.we-eintrag{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 3px;background:#17210f88;border:1px solid #33476b88;border-radius:6px;color:#759ace;cursor:pointer;font-size:.66rem;overflow-wrap:anywhere;line-height:1.15;text-align:center}.we-suche{width:100%;padding:6px 8px;background:#17210f;border:1px solid #33476b;border-radius:6px;color:#7ba1d7;font-size:.74rem}.we-suche:focus{outline:none;border-color:#6cf}.we-gruppe-name em{font-style:normal;color:#3f557c}.we-eintrag:hover{border-color:#7fa8ee}.we-eintrag.aktiv{background:#1d3a4a;border-color:#6cf;color:#6cf}.we-icon{font-size:1.2rem}.we-auswahl{display:flex;flex-direction:column;gap:6px;padding:8px;background:#17210faa;border:1px solid #66ccff44;border-radius:7px}.we-auswahl strong{color:#6cf;font-size:.85rem}.we-auswahl label{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#6080af}.we-auswahl input[type=range]{flex:1;min-width:0;accent-color:#66ccff}.quest-editor{position:fixed;top:6vh;left:50%;transform:translate(-50%);width:min(860px,92vw);max-height:84vh;display:flex;flex-direction:column;background:#10160fee;border:1px solid #66ccff55;border-radius:10px;box-shadow:0 12px 40px #000a;z-index:60;color:#d8e0cc}.qe-kopf{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #66ccff33}.qe-kopf strong{flex:1;color:#6cf}.qe-kopf button{padding:4px 9px;background:#1b2a1a;border:1px solid #66ccff44;border-radius:6px;color:#cfe4ec;cursor:pointer;font-size:.78rem}.qe-kopf button:hover{background:#2a3c5e}.qe-body{display:flex;gap:12px;padding:12px;overflow:hidden}.qe-liste{flex:0 0 290px;overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:10px}.qe-gruppe{display:flex;flex-direction:column;gap:3px}.qe-gruppe-name{font-size:.72rem;color:#5d7caa;text-transform:uppercase;letter-spacing:.04em}.qe-zeile{display:flex;flex-direction:column;gap:1px;padding:5px 7px;background:#17210f88;border:1px solid transparent;border-radius:6px;color:#d8e0cc;cursor:pointer;text-align:left}.qe-zeile:hover{background:#263657}.qe-zeile.aktiv{border-color:#6cf;background:#1b2a2f}.qe-zeile.qe-aus .qe-zeile-name{text-decoration:line-through;opacity:.6}.qe-zeile-name{font-size:.8rem}.qe-zeile-info{font-size:.68rem;color:#5d7caa}.qe-form{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px}.qe-form label{display:flex;align-items:center;gap:8px;font-size:.76rem;color:#6080af}.qe-form label.qe-text-zeile{align-items:flex-start}.qe-form input,.qe-form select,.qe-form textarea{flex:1;min-width:0;padding:4px 6px;background:#0d130c;border:1px solid #66ccff33;border-radius:5px;color:#e2e8da;font:inherit;font-size:.78rem}.qe-form textarea{resize:vertical}.qe-form fieldset{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid #66ccff33;border-radius:7px}.qe-form legend{padding:0 5px;font-size:.72rem;color:#6cf}.qe-zielwahl{align-self:flex-start;padding:4px 9px;background:#1b2a1a;border:1px solid #66ccff44;border-radius:6px;color:#cfe4ec;cursor:pointer;font-size:.74rem}.qe-zielwahl.aktiv{border-color:#e0b46e;color:#e0b46e}.qe-geld-vorschau{font-size:.74rem;color:#e0b46e}.qe-knoepfe{display:flex;gap:6px;flex-wrap:wrap}.qe-knoepfe button{padding:5px 10px;background:#1b2a1a;border:1px solid #66ccff44;border-radius:6px;color:#cfe4ec;cursor:pointer;font-size:.76rem}.qe-hinweis{font-size:.7rem;color:#5d7caa}.we-gelaende{display:flex;flex-direction:column;gap:5px;padding:8px;background:#0f1c21aa;border:1px solid #66ccff33;border-radius:7px}.we-terrain-werte{display:flex;flex-direction:column;gap:5px;margin-top:4px}.we-terrain-werte label{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#6080af}.we-terrain-werte input[type=range]{flex:1;min-width:0;accent-color:#66ccff}.we-terrain-info{font-size:.7rem;color:#8fbcd0}.we-terrain-knoepfe{display:flex;gap:5px}.we-terrain-knoepfe button{flex:1 1 auto;padding:5px 7px;background:#17262c;border:1px solid #66ccff44;border-radius:6px;color:#cfe4ec;cursor:pointer;font-size:.72rem;white-space:nowrap}.we-terrain-knoepfe button:hover{background:#1f343c;border-color:#6cf}.we-proz{display:flex;flex-direction:column;gap:6px;padding:8px;background:#21170faa;border:1px solid #e0b46e44;border-radius:7px}.we-proz strong{color:#e0b46e;font-size:.85rem}.we-proz-rot-zeile{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#6080af}.we-proz-rot-zeile input[type=range]{flex:1;min-width:0;accent-color:#e0b46e}.we-proz-info{font-size:.7rem;color:#6080af}.we-proz-knoepfe{display:flex;flex-wrap:wrap;gap:5px}.we-proz-knoepfe button{flex:1 1 auto;padding:5px 7px;background:#2a2418;border:1px solid #e0b46e44;border-radius:6px;color:#d8caa8;cursor:pointer;font-size:.72rem;white-space:nowrap}.we-proz-knoepfe button:hover{background:#3a3120;border-color:#e0b46e}.we-delete{padding:5px;background:#3a2222;border:1px solid #e5737355;border-radius:6px;color:#e08a8a;cursor:pointer;font-size:.74rem}.we-delete:hover{background:#4a2a2a;border-color:#e57373}.we-fuss{display:flex;flex-direction:column;gap:8px}.we-info{font-size:.66rem;color:#78849f;line-height:1.35}.we-aktionen{display:flex;gap:6px}.we-revert{flex:1;padding:8px 6px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#c3cee6;cursor:pointer;font-size:.74rem}.we-revert:hover{border-color:#e08a8a;color:#e08a8a}.we-publish{flex:1;width:auto;margin-top:0;padding:8px 6px;font-size:.78rem}.we-werte{font-size:.68rem;color:#6cf;text-align:center;letter-spacing:.3px}.we-info b{color:#a8c8e0;font-weight:600}.we-undo{flex:1;padding:8px 6px;background:#162241;border:1px solid #2b3a63;border-radius:6px;color:#c3cee6;cursor:pointer;font-size:.74rem;white-space:nowrap}.we-undo:hover:not(:disabled){border-color:#6cf;color:#6cf}.we-undo:disabled{opacity:.4;cursor:default}.we-aktionen{flex-wrap:wrap}.we-rudel{display:flex;flex-direction:column;gap:5px;padding-top:6px;border-top:1px solid #66ccff33}.we-rudel-werte{font-size:.68rem;color:#e0a06a;text-align:center}.we-schild{padding-top:6px;border-top:1px solid #66ccff33}.we-schild-text{width:100%;margin-top:4px;padding:6px 8px;background:#050917bf;border:1px solid #66ccff44;border-radius:6px;color:#e6ecf9;font-size:.85rem}.we-schild-text:focus{outline:none;border-color:#6cf}.admin-badge-builder{background:#1d3a4a;color:#6cf;border-color:#6cf6}.kampf-banner{position:absolute;top:22vh;left:50%;transform:translate(-50%);font-size:1.05rem;font-weight:600;letter-spacing:1.2px;white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px #000000cc,0 0 12px #00000099;animation:kampf-text 2.5s ease-out both}@keyframes kampf-text{0%{opacity:0;transform:translate(-50%,-6px)}10%{opacity:1;transform:translate(-50%)}70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}.frame-frei{outline:1px dashed #ffe08acc;outline-offset:3px;cursor:move}.frame-frei>*{pointer-events:none}.frame-menu{position:fixed;z-index:60;min-width:150px;padding:6px;background:#0b1220f2;border:1px solid #8fb0f033;border-radius:10px;box-shadow:0 18px 40px -18px #000000e6}.frame-menu-titel{padding:4px 8px 6px;color:#8b9ab9;font-size:.72rem;text-transform:uppercase;letter-spacing:1px}.frame-menu-btn{display:block;width:100%;padding:7px 9px;background:none;border:none;border-radius:6px;color:#dbe3f4;font-size:.88rem;text-align:left;cursor:pointer}.frame-menu-btn:hover{background:#1b2b52;color:#f0e3c2}@media(prefers-reduced-motion:reduce){.kampf-banner{animation:none}}.kampf-banner-aktiv{color:#e8a79c}.kampf-banner-ende{color:#6e90c3}