@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{
  --bg:#141310;--surface:#1c1a15;--surface-2:#232017;--surface-3:#2b2719;
  --border:#34301f;--border-soft:#2a2719;--text:#ece6d6;--text-dim:#b6ae98;--muted:#837c66;
  --sand:#d8b56a;--sand-bright:#ecca81;--olive:#aeb86f;--olive-bright:#c2cc83;
  --amber:#e2a149;--brick:#cf6a4f;--ring:rgba(216,181,106,.35);
  --mono:'Space Mono',monospace;--sans:'Space Grotesk',system-ui,sans-serif;
  --r-lg:18px;--r-md:13px;--r-sm:9px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:radial-gradient(900px 480px at 50% -8%,rgba(216,181,106,.10),transparent 60%),var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100%}
/* 💰 Vermögens-Hintergrund: je reicher, desto mehr Münzen bis Goldbarren (dezent, unscharf) */
#wealth-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.wbg-item{position:absolute;line-height:1;filter:blur(1.4px);opacity:.13;user-select:none}
.wbg-gold{width:1.5em;height:.66em;border-radius:2px;opacity:.16;
  background:linear-gradient(150deg,#ffe89a,#e0a52a 58%,#a8761a);
  box-shadow:inset 0 -2px 3px rgba(0,0,0,.32),inset 0 2px 2px rgba(255,255,255,.45)}
/* 🎨 Deko-Shop: Effekt-Overlay */
#deco-fx{position:fixed;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.dfx{position:absolute;top:-6%;line-height:1;opacity:.5;animation-name:dfxFall;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes dfxFall{0%{transform:translateY(-10vh) rotate(0deg)}100%{transform:translateY(112vh) rotate(320deg)}}
/* 🖼️ Zierrahmen ums Fenster */
#deco-frame{position:fixed;inset:0;z-index:7;pointer-events:none;border-radius:0}
body[data-dframe="wood"] #deco-frame{box-shadow:inset 0 0 0 9px #6b4a2a,inset 0 0 0 12px #3e2916}
body[data-dframe="gold"] #deco-frame{box-shadow:inset 0 0 0 5px #e0a52a,inset 0 0 24px rgba(224,165,42,.45)}
body[data-dframe="neon"] #deco-frame{box-shadow:inset 0 0 0 3px #5ac8dd,inset 0 0 28px rgba(90,200,221,.55)}
/* 👑 Prestige-Titelleiste */
body[data-dtopbar="crown"] #brand-word::before{content:"👑 ";}
body[data-dtopbar="goldtext"] #brand-word{background:linear-gradient(90deg,#ffe89a,#e0a52a,#ffe89a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body[data-dtopbar="shimmer"] .topbar{background:linear-gradient(90deg,rgba(216,181,106,.20),rgba(20,19,16,.75) 40%,rgba(20,19,16,.75) 60%,rgba(216,181,106,.20));background-size:220% 100%;animation:decoShimmer 6s linear infinite}
@keyframes decoShimmer{0%{background-position:0% 0}100%{background-position:220% 0}}
/* 🎨 Deko-Shop-UI */
.deco-intro{font-size:12px;color:var(--text-dim);line-height:1.5;margin-bottom:14px}
.deco-sec{margin-bottom:18px}
.deco-sec-h{font-size:13px;font-weight:700;color:var(--sand-bright);margin-bottom:9px;padding-bottom:5px;border-bottom:1px solid var(--border)}
.deco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:9px}
.deco-item{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:9px 7px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}
.deco-item.equipped{border-color:var(--sand-bright);box-shadow:0 0 0 1px var(--sand-bright)}
.deco-item.rar-epic{border-color:rgba(122,143,74,.5)}.deco-item.rar-legend{border-color:rgba(236,202,129,.55)}
.deco-prev{height:34px;display:flex;align-items:center;justify-content:center}
.deco-sw{width:42px;height:26px;border-radius:6px;display:block;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.deco-emo{font-size:26px;line-height:1}
.deco-nm{font-size:11.5px;color:var(--text);font-weight:600;line-height:1.2}
.deco-rar{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.deco-act{margin-top:2px}
.deco-act .btn{width:100%;white-space:nowrap}
/* 🏡 Eigentümer / Anwesen */
.est-svg{width:100%;display:block;image-rendering:pixelated}
.est-scene{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#0e0d0b}
.est-bar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 4px;font-size:13px;color:var(--text)}
.est-bar b{color:var(--sand-bright)}
.est-prest{font-family:var(--mono);font-size:12px;color:var(--amber);font-weight:700}
.est-sec{font-size:13px;font-weight:700;color:var(--sand-bright);margin:16px 0 8px;padding-bottom:5px;border-bottom:1px solid var(--border)}
.est-hint{font-weight:400;font-size:10px;color:var(--muted)}
.est-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px}
.est-item{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:8px 7px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.est-item.on{border-color:var(--sand-bright);box-shadow:0 0 0 1px var(--sand-bright)}
.est-prev{width:100%;border-radius:7px;overflow:hidden;background:#0e0d0b;border:1px solid var(--border)}
.est-prev-car{padding:6px 10px;background:radial-gradient(circle at 50% 45%,#2a2620,#161410)}
.est-nm{font-size:11px;color:var(--text);font-weight:600;line-height:1.2}
.est-sub{font-family:var(--mono);font-size:9.5px;color:var(--muted)}
.est-act{margin-top:2px;width:100%;display:flex;gap:5px}
.est-act .btn{flex:1;white-space:nowrap;min-width:0}
.est-act .est-paint-btn{flex:0 0 auto;padding:5px 7px}
.est-lock-dot{font-size:8px}
.est-eq{font-size:11px;font-weight:700;color:var(--olive-bright)}
/* 🎨 Lackierwerkstatt */
.est-paint-prev{width:100%;max-width:230px;margin:4px auto 14px;border-radius:12px;padding:14px 20px;background:radial-gradient(circle at 50% 42%,#2a2620,#141210);border:1px solid var(--border)}
.est-paint-lock{background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:16px;text-align:center}
.epl-t{font-size:14px;font-weight:800;color:var(--text)}
.epl-s{font-size:12px;color:var(--olive-bright);line-height:1.5;margin:7px 0 13px}
.est-paint-lock .btn{width:100%}
.est-paint-rows{display:flex;flex-direction:column;gap:9px}
.epr{display:flex;align-items:center;gap:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:9px 12px}
.epr-l{flex:1;font-size:13px;font-weight:700;color:var(--text);display:flex;flex-direction:column}
.epr-h{font-weight:400;font-size:10px;color:var(--muted)}
.epr-sw{position:relative;width:42px;height:42px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.14);box-shadow:inset 0 2px 6px rgba(0,0,0,.35);flex:none;cursor:pointer}
.epr-sw input[type=color]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;background:none;cursor:pointer;opacity:0}
.epr-hex{font-family:var(--mono);font-size:11px;color:var(--text-dim);text-transform:uppercase;min-width:62px;text-align:right}
.est-paint-acts{display:flex;gap:8px;margin-top:14px}
.est-paint-acts .btn{flex:1}
.est-toggle{display:flex;gap:6px;margin-bottom:12px}
.est-toggle button{flex:1;padding:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);border-radius:9px;font-size:12.5px;cursor:pointer;font-family:inherit}
.est-toggle button.on{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
.est-none{font-size:12px;color:var(--muted);padding:16px;text-align:center}
.est-hood{margin-bottom:14px;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}
.est-hood.mine{border-color:var(--sand-bright);box-shadow:0 0 0 1px rgba(236,202,129,.4)}
.est-hood-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.est-rk{font-family:var(--mono);font-size:14px;min-width:26px}
.est-hood-n{flex:1;font-weight:700;font-size:14px;color:var(--text)}
.est-hood-p{font-family:var(--mono);font-size:12px;color:var(--amber);font-weight:700}
.est-hood-m{font-size:10.5px;color:var(--muted);margin-top:6px;font-family:var(--mono)}
/* 🛡️ Selbst-Limits */
.lim-intro{font-size:12px;color:var(--text-dim);line-height:1.5;margin-bottom:14px}
/* 🎯 Limits & Selbstsperre — Premium */
.lim2-sec{font-size:13.5px;font-weight:800;color:var(--sand-bright);margin:20px 0 10px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.lim2-sec:first-child{margin-top:2px}
.lim2-hint{font-size:11px;color:var(--muted);font-weight:400}
.lim2-hint2{font-size:11.5px;color:var(--text-dim);margin-bottom:12px;line-height:1.5}
.lim2-warn{color:var(--brick);font-weight:700}
.lim2-cards{display:flex;flex-direction:column;gap:10px}
.lim2-card{background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:12px 13px;transition:border-color .2s}
.lim2-card.warn{border-color:rgba(226,161,73,.5)}
.lim2-card.over{border-color:rgba(207,106,79,.6)}
.lim2-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}
.lim2-nm{font-size:13.5px;font-weight:700;color:var(--text)}
.lim2-set{display:flex;align-items:center;gap:5px}
.lim2-set i{font-style:normal;color:var(--muted);font-size:13px}
.lim2-in{width:96px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:13px;font-weight:700;padding:8px 10px;border-radius:9px;text-align:right}
.lim2-in:focus{outline:none;border-color:var(--sand-bright)}
.lim2-bar{position:relative;height:14px;background:rgba(0,0,0,.3);border-radius:8px;overflow:hidden;border:1px solid var(--border)}
.lim2-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--olive),var(--olive-bright));transition:width .4s}
.lim2-card.warn .lim2-fill{background:linear-gradient(90deg,var(--amber),#f2c14e)}
.lim2-card.over .lim2-fill{background:linear-gradient(90deg,#b23b2e,var(--brick))}
.lim2-card.none .lim2-fill{background:var(--surface-3)}
.lim2-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.lim2-foot{display:flex;justify-content:space-between;margin-top:6px;font-family:var(--mono);font-size:10px;color:var(--muted)}
.lim2-foot b{color:var(--text)}.lim2-foot i{font-style:normal}
.lim2-card.over .lim2-foot b{color:var(--brick)}
.lim2-save{width:100%;margin-top:12px}
.lim2-lockgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media(max-width:380px){.lim2-lockgrid{grid-template-columns:repeat(2,1fr)}}
.lim2-lockbtn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--sans);font-weight:700;font-size:12.5px;padding:11px 6px;border-radius:11px;cursor:pointer;transition:.13s}
.lim2-lockbtn:hover{border-color:var(--brick);color:var(--brick);transform:translateY(-2px)}
.lim2-lock{text-align:center;padding:18px 16px;border-radius:15px;border:1px solid rgba(207,106,79,.5);
  background:radial-gradient(120% 100% at 50% 0%,rgba(207,106,79,.16),transparent 60%),var(--surface-2)}
.lim2-lock-ic{font-size:34px;line-height:1}
.lim2-lock-t{font-size:15px;font-weight:800;margin-top:8px}
.lim2-lock-cd{font-size:13px;color:var(--text-dim);margin-top:3px}
.lim2-lock-cd b{color:var(--brick);font-family:var(--mono);font-size:15px}
.lim2-lock-bar{height:10px;background:rgba(0,0,0,.32);border-radius:6px;overflow:hidden;margin:12px auto 0;max-width:300px;border:1px solid rgba(207,106,79,.3)}
.lim2-lock-fill{height:100%;background:linear-gradient(90deg,var(--brick),var(--amber));border-radius:6px;transition:width .5s}
.lim2-lock-s{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.5}
.lim2-help{font-size:10.5px;color:var(--text-dim);text-align:center;margin-top:18px;line-height:1.5;padding-top:14px;border-top:1px solid var(--border)}
.lim2-help b{color:var(--sand-bright)}
/* 🛡️ Moderator-Badge (Name überall) */
.mod-badge{display:inline-block;font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.03em;vertical-align:middle;
  background:var(--bc,linear-gradient(135deg,#3f7ad6,#63a4f0));color:#fff;padding:1px 5px;border-radius:5px;margin-right:1px;
  box-shadow:0 1px 3px rgba(0,0,0,.4);text-shadow:0 1px 1px rgba(0,0,0,.35)}
.mod-badge .mb-ic{margin-right:2px}
/* 👑 Cofounder-Tag + Founder-Space */
.pw-tag.cof{background:linear-gradient(135deg,#7a5a12,#c98f2e);color:#fff}
.pw-tag.modr{background:#3f5a86;color:#fff}
.founder-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:820px){.founder-grid{grid-template-columns:1.1fr .9fr}}
.founder-new{display:flex;flex-direction:column;gap:7px;margin:10px 0 4px}
.founder-new input,.founder-new textarea,.founder-chatbar input,.f-cmt-bar input{width:100%;background:var(--surface-2,#1c150d);border:1px solid var(--border);border-radius:9px;padding:8px 10px;color:var(--text);font-family:inherit;font-size:13px;resize:vertical}
.founder-ideas{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-height:420px;overflow-y:auto}
.f-idea{background:var(--surface-2,#1c150d);border:1px solid var(--border);border-radius:11px;padding:10px 12px;cursor:pointer;transition:border-color .15s,transform .1s}
.f-idea:hover{border-color:var(--sand-bright);transform:translateY(-1px)}
.f-idea-top{display:flex;align-items:center;gap:8px}
.f-idea-title{font-weight:700;font-size:13.5px;color:var(--text)}
.f-idea-meta{font-size:11px;color:var(--text-dim);margin-top:5px}
.f-pill{display:inline-block;font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;color:#12100a;background:var(--pc,#888);white-space:nowrap}
.founder-chat{display:flex;flex-direction:column;gap:9px;height:360px;overflow-y:auto;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:11px;margin:10px 0}
.f-msg{max-width:82%;align-self:flex-start;background:var(--surface-2,#241b10);border:1px solid var(--border);border-radius:12px 12px 12px 4px;padding:7px 11px}
.f-msg.mine{align-self:flex-end;background:linear-gradient(135deg,#3a5220,#4a6a25);border-color:#5a7a30;border-radius:12px 12px 4px 12px}
.f-msg-h{font-size:11px;margin-bottom:2px}
.f-msg-b{font-size:13px;color:var(--text);word-break:break-word;white-space:pre-wrap}
.founder-chatbar,.f-cmt-bar{display:flex;gap:8px;align-items:center}
.founder-modal{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.founder-modal-inner{background:var(--surface,#231a10);border:1px solid var(--border);border-radius:16px;padding:18px;max-width:520px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.f-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.f-modal-head h3{margin:0;font-size:16px}
.f-modal-x{background:none;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;line-height:1}
.f-status-set{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}
.f-status-lbl{font-size:12px;color:var(--text-dim)}
.f-status-set .btn.active{background:var(--sand-bright);color:#2a1c06}
.f-idea-body{font-size:13.5px;color:var(--text);line-height:1.55;margin:8px 0 12px;white-space:pre-wrap;word-break:break-word}
.f-idea-del{margin-bottom:12px}
.f-cmts-h{font-weight:700;font-size:13px;margin:6px 0 8px;color:var(--sand-bright)}
.f-cmts{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.f-cmt{background:var(--surface-2,#1c150d);border:1px solid var(--border);border-radius:10px;padding:7px 10px}
.f-cmt.mine{border-color:#5a7a30}
.f-cmt-h{font-size:11px;color:var(--text-dim);margin-bottom:3px}
.f-cmt-b{font-size:13px;color:var(--text);word-break:break-word;white-space:pre-wrap}
.badge-modal-inner{max-width:360px;text-align:center}
.badge-prev{margin:14px 0;min-height:28px}
.badge-fields{display:flex;flex-direction:column;gap:10px;text-align:left}
.badge-fields label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-dim)}
.badge-fields input{flex:1;max-width:210px;background:var(--surface-2,#1c150d);border:1px solid var(--border);border-radius:8px;padding:7px 9px;color:var(--text);font-size:14px}
.badge-fields input[type=color]{padding:2px;height:34px;max-width:60px}
.badge-hint{font-size:10px;color:var(--text-dim);opacity:.7;font-weight:400;margin-left:4px}
.badge-modal-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
/* 🛡️ Moderations-Zentrale */
.mod-hero{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:16px;margin-bottom:14px;
  background:linear-gradient(135deg,#1c3a5e,#122234 60%,#101a26);border:1px solid #2f5580;box-shadow:0 8px 26px -12px rgba(63,122,214,.5)}
.mod-hero-badge{width:44px;height:44px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;
  background:linear-gradient(135deg,#3f7ad6,#63a4f0);box-shadow:0 4px 12px -3px rgba(63,122,214,.6)}
.mod-hero-t{font-size:16px;font-weight:800;color:#eaf2fb}
.mod-hero-s{font-size:11px;color:#9fb8d4;margin-top:2px}
.mod-refresh{margin-left:auto;background:rgba(255,255,255,.08);border:1px solid #2f5580;color:#cfe0f2;width:34px;height:34px;border-radius:10px;font-size:16px;cursor:pointer}
.mod-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:8px}
.mod-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:9px 4px;text-align:center}
.mod-tile.warn{border-color:rgba(226,161,73,.55);background:rgba(226,161,73,.1)}
.mod-tile-ic{font-size:17px}.mod-tile-n{font-family:var(--mono);font-size:16px;font-weight:800;color:var(--text)}.mod-tile-l{font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.mod-sec{font-size:13px;font-weight:700;color:var(--sand-bright);margin:18px 0 8px;padding-bottom:5px;border-bottom:1px solid var(--border)}
.mod-sec-h{font-weight:400;font-size:10px;color:var(--muted)}
.mod-empty{font-size:12.5px;color:var(--olive-bright);text-align:center;padding:18px;background:var(--surface-2);border-radius:11px}
.mod-anom{border:1px solid var(--border);border-left-width:4px;border-radius:12px;padding:11px 13px;margin-bottom:9px;background:var(--surface-2)}
.mod-anom.sev1{border-left-color:var(--muted)}.mod-anom.sev2{border-left-color:var(--amber)}.mod-anom.sev3{border-left-color:var(--brick)}
.mod-anom.esc{opacity:.75}
.mod-anom-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}
.mod-anom-score{margin-left:auto;display:flex;align-items:center}
.mod-anom-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}
.mod-anon{font-weight:800;font-size:14px;color:var(--text)}
.mod-sev{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:20px;background:rgba(0,0,0,.25);color:var(--text-dim)}
.mod-anom.sev2 .mod-sev{color:var(--amber)}.mod-anom.sev3 .mod-sev{color:var(--brick)}
.mod-anom-why{font-size:12px;color:var(--text);line-height:1.4}
.mod-anom-m{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:4px}
.mod-anom-acts{display:flex;gap:7px;margin-top:9px}.mod-anom-acts .btn{flex:1}
.mod-anom-done{margin-top:8px;font-size:11.5px;color:var(--amber);font-weight:600}
.mod-accs{display:flex;flex-direction:column;gap:7px}
.mod-acc{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:9px 11px}
.mod-acc-h{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}
.mod-acc-n{font-weight:700;font-size:13.5px;color:var(--text)}
.mod-flag{font-family:var(--mono);font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px}
.mod-flag.ok{color:var(--olive-bright);background:rgba(122,143,74,.14)}
.mod-flag.stk{color:var(--brick);background:rgba(207,106,79,.14)}
.mod-flag.ban{color:#fff;background:var(--brick)}
.mod-flag.frz{color:#8fd4ff;background:rgba(143,212,255,.14)}
.mod-acc-acts{display:flex;gap:6px;flex-wrap:wrap}.mod-acc-acts .btn{flex:1;min-width:92px}
/* ── Anonyme DB-Einsicht ── */
.mc-top{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.mc-title{font-weight:800;font-size:15px;color:var(--text);display:flex;align-items:center;gap:8px}
.mc-title .mod-sev{font-size:9.5px}
.mc-note{font-size:11.5px;color:var(--olive-bright);background:var(--surface-2);border-radius:9px;padding:8px 10px;margin-bottom:11px}
.mc-flags{background:linear-gradient(135deg,rgba(220,80,60,.14),rgba(220,80,60,.05));border:1px solid rgba(220,80,60,.3);border-radius:11px;padding:10px 12px;margin-bottom:12px}
.mc-flags-t{font-weight:700;font-size:12px;color:#f0a090;margin-bottom:5px}
.mc-flag{font-size:12px;color:var(--text);line-height:1.5}
.mc-wins{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:6px}
@media(max-width:440px){.mc-wins{grid-template-columns:1fr}}
.mc-win{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:11px}
.mc-win-t{font-weight:700;font-size:12px;color:var(--text);margin-bottom:8px}
.mc-win-g{display:flex;flex-direction:column;gap:5px}
.mc-kv{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--olive-bright)}
.mc-kv b{color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}
.mc-kv.bad b{color:#f0a090}
.mc-kv b.pos{color:var(--olive-bright)}.mc-kv b.neg{color:#f0a090}
.mc-hint{font-size:10.5px;color:var(--olive-bright);margin-top:8px;line-height:1.45}
.mc-hint.bad{color:#f0a090}
.mc-break{display:flex;flex-direction:column;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:6px;overflow-x:auto}
.mc-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;min-width:340px}
.mc-row:nth-child(even){background:rgba(255,255,255,.02)}
.mc-row.mc-head{font-size:10px;color:var(--olive-bright);text-transform:uppercase;letter-spacing:.04em;background:none}
.mc-row-l{flex:1;font-size:12.5px;color:var(--text);font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap}
.mc-kind{font-size:10px}
.mc-row-v{display:flex;align-items:center;gap:12px;font-size:12px;font-variant-numeric:tabular-nums}
.mc-row-v>span{min-width:58px;text-align:right;color:var(--olive-bright)}
.mc-row-v>b{min-width:74px;text-align:right}
.mc-row-v .pos{color:var(--olive-bright)}.mc-row-v .neg{color:#f0a090}
.mc-cnt{min-width:44px!important;text-align:right;color:var(--muted)!important;font-size:11px}
.mc-ledger{display:flex;flex-direction:column;gap:1px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:6px;max-height:320px;overflow-y:auto}
.mc-le{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:7px;font-size:12px}
.mc-le:nth-child(even){background:rgba(255,255,255,.02)}
.mc-le-t{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;min-width:38px}
.mc-le-l{flex:1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-le-d{font-variant-numeric:tabular-nums;font-weight:600;min-width:74px;text-align:right}
.mc-le-d.pos{color:var(--olive-bright)}.mc-le-d.neg{color:#f0a090}
.mc-decide{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding:12px;background:var(--surface-2);border-radius:12px}
.mc-decide-t{flex-basis:100%;font-weight:700;font-size:12.5px;color:var(--text);margin-bottom:2px}
.mc-decide .btn{flex:1;min-width:130px}
.page{min-height:100vh;display:flex;flex-direction:column}
/* ═══ Ladescreen (erscheint sofort, blendet nach dem ersten Laden aus) ═══ */
.load-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(ellipse 70% 55% at 50% 40%,#241a11 0%,var(--bg) 72%);
  transition:opacity .55s ease,visibility .55s}
.load-screen.gone{opacity:0;visibility:hidden;pointer-events:none}
.load-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;perspective:700px}
.load-coin{width:clamp(76px,20vw,102px);height:clamp(76px,20vw,102px);position:relative;transform-style:preserve-3d;
  animation:lcFlip 1.9s cubic-bezier(.55,0,.45,1) infinite;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}
.lc-face{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:clamp(38px,10vw,50px);backface-visibility:hidden;
  background:radial-gradient(circle at 36% 28%,#fff2c4 0%,#efc463 42%,#c9962a 100%);
  border:3px solid #a9781c;box-shadow:inset 0 3px 8px rgba(255,255,255,.55),inset 0 -6px 12px rgba(120,84,20,.55)}
.lc-back{transform:rotateY(180deg)}
@keyframes lcFlip{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
.load-brand{font-family:var(--mono);font-weight:700;font-size:clamp(26px,8vw,42px);letter-spacing:.16em;line-height:1;
  background:linear-gradient(100deg,#a9781c 0%,#ecca81 30%,#fff7e0 46%,#ecca81 62%,#a9781c 100%);
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:lcShimmer 2.6s linear infinite}
@keyframes lcShimmer{0%{background-position:190% 0}100%{background-position:-90% 0}}
.load-sub{height:16px;overflow:hidden;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ls-roll{display:flex;flex-direction:column;animation:lsRoll 8s cubic-bezier(.7,0,.3,1) infinite}
.ls-roll span{display:block;height:16px;line-height:16px}
@keyframes lsRoll{0%,22%{transform:translateY(0)}28%,47%{transform:translateY(-16px)}53%,72%{transform:translateY(-32px)}78%,98%{transform:translateY(-48px)}100%{transform:translateY(0)}}
.load-bar{width:min(230px,58vw);height:4px;border-radius:4px;background:rgba(236,202,129,.12);overflow:hidden;margin-top:2px}
.load-bar>span{display:block;height:100%;width:42%;border-radius:4px;
  background:linear-gradient(90deg,transparent,#e2a149,#fff2c4,#e2a149,transparent);animation:lcBar 1.2s ease-in-out infinite}
@keyframes lcBar{0%{transform:translateX(-120%)}100%{transform:translateX(300%)}}
.load-fx{position:absolute;inset:0;z-index:1;pointer-events:none}
.load-fx span{position:absolute;bottom:-46px;font-size:22px;opacity:0;filter:saturate(.75);
  animation-name:lcFloat;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes lcFloat{0%{transform:translateY(0) rotate(0);opacity:0}14%{opacity:.2}84%{opacity:.2}100%{transform:translateY(-94vh) rotate(55deg);opacity:0}}
@media (prefers-reduced-motion:reduce){
  .load-coin,.load-brand,.ls-roll,.load-bar>span,.load-fx span{animation:none!important}
  .load-brand{background-position:0 0}.load-fx{display:none}
}
/* Container-Ladescreen (nur über dem gerade ladenden Dashboard) */
.panel-loader{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background:rgba(20,17,14,.82);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;perspective:320px;transition:opacity .3s}
.panel-loader.gone{opacity:0}
.pl-coin{width:38px;height:38px;border-radius:50%;transform-style:preserve-3d;
  background:radial-gradient(circle at 36% 28%,#fff2c4,#efc463 45%,#c9962a);border:2px solid #a9781c;
  box-shadow:inset 0 2px 5px rgba(255,255,255,.55),inset 0 -4px 8px rgba(120,84,20,.5),0 4px 10px rgba(0,0,0,.4);
  animation:plSpin 1.15s cubic-bezier(.5,0,.5,1) infinite}
@keyframes plSpin{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
.pl-msg{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--sand-bright);text-transform:uppercase;text-align:center;max-width:82%;line-height:1.4}
@media (prefers-reduced-motion:reduce){.pl-coin{animation:none!important}}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--border-soft);background:rgba(20,19,16,.7);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5;gap:12px;flex-wrap:wrap}
.wordmark{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:700;letter-spacing:.04em}
.wordmark .dot{width:9px;height:9px;border-radius:2px;background:var(--olive);box-shadow:0 0 10px var(--olive)}
.wordmark .lg{color:var(--text);font-size:14px}.wordmark .sm{color:var(--muted);font-size:11px}
.topbar-right{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;flex-wrap:wrap}
.who{color:var(--text-dim)}.who b{color:var(--sand)}
.balance-chip{display:flex;align-items:center;gap:6px;background:var(--surface-3);border:1px solid var(--border);border-radius:20px;padding:6px 13px;font-family:var(--mono);font-weight:700;color:var(--sand-bright)}
.balance-chip .coin{width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,var(--sand),var(--amber));display:inline-block}
/* 💰 kurzer Farbimpuls beim animierten Hoch-/Runterzählen (Effekt komplett in den Keyframes -> revertiert selbst) */
.balance-chip.bal-up{animation:balUp .6s ease}
.balance-chip.bal-down{animation:balDown .6s ease}
@keyframes balUp{0%{color:#8fe0a0;border-color:rgba(122,208,140,.65);box-shadow:0 0 13px rgba(122,208,140,.4)}14%{transform:scale(1.08)}100%{color:var(--sand-bright);border-color:var(--border);box-shadow:0 0 0 rgba(0,0,0,0);transform:scale(1)}}
@keyframes balDown{0%{color:#f0a58f;border-color:rgba(207,106,79,.65);box-shadow:0 0 13px rgba(207,106,79,.35)}14%{transform:scale(1.08)}100%{color:var(--sand-bright);border-color:var(--border);box-shadow:0 0 0 rgba(0,0,0,0);transform:scale(1)}}
.link-btn{background:none;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:var(--r-sm);cursor:pointer;transition:.15s}
.link-btn:hover{color:var(--text);border-color:var(--muted)}
.link-btn.admin{border-color:var(--sand);color:var(--sand)}
.content{flex:1;width:100%;max-width:940px;margin:0 auto;padding:26px 22px 70px}
.screen{display:block}.screen[hidden]{display:none}
[hidden]{display:none!important}
.center{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center}
.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.section-h{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:24px 2px 12px}
.setup-banner{background:rgba(226,161,73,.12);border:1px solid rgba(226,161,73,.4);color:var(--amber);font-family:var(--mono);font-size:13px;padding:12px 16px;border-radius:12px;margin-bottom:18px;text-align:center}
.setup-banner a{color:var(--sand-bright)}
.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:38px 34px 32px;text-align:center;box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}
.lock{width:54px;height:54px;margin:0 auto 18px;border-radius:14px;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--border);color:var(--sand)}
.auth-card h1{font-family:var(--mono);font-size:24px;letter-spacing:.02em;margin-bottom:6px}
.auth-card .sub{color:var(--text-dim);font-size:13.5px;margin-bottom:24px}
.field{position:relative;margin-bottom:14px;text-align:left}
.field label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
input[type=password],input[type=text],input[type=number],input[type=time],select{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:15px;padding:12px 13px;border-radius:var(--r-md);transition:.15s}
input:focus,select:focus{outline:none;border-color:var(--sand);box-shadow:0 0 0 3px var(--ring)}
.err{min-height:18px;color:var(--brick);font-family:var(--mono);font-size:12px;text-align:left;margin:2px 2px 10px}
.err.login-ban{background:rgba(207,106,79,.14);border:1px solid var(--brick);border-radius:8px;padding:10px 12px;line-height:1.45;font-size:12.5px}
.btn{cursor:pointer;border:none;font-family:var(--sans);font-weight:600;font-size:14px;border-radius:var(--r-md);padding:12px 20px;transition:transform .08s,filter .15s;letter-spacing:.01em}
.btn:active{transform:scale(.97)}.btn-block{width:100%}
.btn-primary{background:var(--olive);color:#191808}.btn-primary:hover{filter:brightness(1.07)}
.btn-sand{background:var(--sand);color:#1d1707}.btn-sand:hover{filter:brightness(1.06)}
.btn-ghost{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--muted)}
.btn-danger{background:rgba(207,106,79,.14);color:var(--brick);border:1px solid rgba(207,106,79,.4)}.btn-danger:hover{filter:brightness(1.1)}
.btn-sm{padding:8px 12px;font-size:12px;border-radius:9px}
.select-wrap{width:100%;max-width:560px;text-align:center}
.select-wrap h1{font-family:var(--mono);font-size:24px;margin:14px 0 6px}
.select-wrap .sub{color:var(--text-dim);font-size:13.5px;margin-bottom:28px}
.user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.user-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px 14px;cursor:pointer;transition:.15s;display:flex;flex-direction:column;align-items:center;gap:10px}
.user-card:hover{border-color:var(--sand);background:var(--surface-2);transform:translateY(-2px)}
.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:17px;color:#1d1707;background:linear-gradient(135deg,var(--sand),var(--amber))}
.user-card .uname{font-family:var(--mono);font-size:14px;color:var(--text)}
/* Tabs */
.tabbar{display:flex;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px;margin-bottom:20px}
.tabbar button{flex:1;background:none;border:none;color:var(--muted);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:11px 8px;border-radius:9px;cursor:pointer;transition:.15s;font-weight:700}
.tabbar button.active{background:var(--surface-3);color:var(--sand-bright)}
.tabbar button:hover:not(.active){color:var(--text-dim)}
.tabpane[hidden]{display:none}
.hero{position:relative;background:radial-gradient(620px 240px at 50% 0%,rgba(174,184,111,.10),transparent 65%),var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:36px 34px 30px;text-align:center;overflow:hidden}
.hero .grid-tex{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 0%,#000,transparent 72%)}
.hero-inner{position:relative;z-index:1}
.count{font-family:var(--mono);font-weight:700;line-height:.92;font-size:clamp(64px,14vw,112px);color:var(--sand-bright);letter-spacing:-.02em;transition:transform .14s ease,color .14s;text-shadow:0 0 40px rgba(216,181,106,.18)}
.count.bump{transform:scale(1.07);color:var(--olive-bright)}
.count-sub{color:var(--text-dim);font-size:14px;margin-top:6px}.count-sub .q{color:var(--sand)}
.hero .last-line{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:12px}.hero .last-line b{color:var(--text-dim)}
.count-btn{margin-top:22px;font-size:17px;font-weight:700;padding:15px 38px;border-radius:14px;background:var(--olive);color:#191808;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .08s,filter .15s,box-shadow .15s;box-shadow:0 14px 34px -16px rgba(174,184,111,.7)}
.count-btn:hover{filter:brightness(1.08)}.count-btn:active{transform:scale(.97)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:15px 16px}
.stat .lab{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.stat .val{font-family:var(--mono);font-weight:700;font-size:24px;line-height:1}
.stat .vsub{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:5px}
.v-olive{color:var(--olive-bright)}.v-sand{color:var(--sand)}.v-amber{color:var(--amber)}
.logpanel{margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.logpanel .lp-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border-soft);background:var(--surface-2)}
.lp-title{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
.lp-live{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lp-live .pulse{width:7px;height:7px;border-radius:50%;background:var(--olive);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(174,184,111,.5)}70%{box-shadow:0 0 0 7px rgba(174,184,111,0)}100%{box-shadow:0 0 0 0 rgba(174,184,111,0)}}
.log-list{list-style:none;max-height:260px;overflow-y:auto}
.log-row{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-size:13px}
.log-row:last-child{border-bottom:none}
.log-row .t{color:var(--muted);font-size:12px}.log-row .u{color:var(--text);letter-spacing:.03em}
.log-row .plus{color:var(--olive-bright);font-weight:700}.log-row.mine{background:rgba(216,181,106,.05)}
.log-empty{padding:22px 18px;text-align:center;color:var(--muted);font-family:var(--mono);font-size:13px}
/* Wettmarkt */
.market{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;margin-bottom:14px}
.market.pending{border-style:dashed;border-color:var(--amber)}
.market-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.market-head .mt{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--text)}
.market-head .mp{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:3px}
.market-head .mc{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:2px}
.badge-status{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:6px;white-space:nowrap}
.st-open{background:rgba(174,184,111,.14);color:var(--olive-bright)}
.st-closed{background:rgba(226,161,73,.14);color:var(--amber)}
.st-settled{background:var(--surface-3);color:var(--muted)}
.st-pending{background:rgba(226,161,73,.14);color:var(--amber)}
.market-live{font-family:var(--mono);font-size:12px;color:var(--text-dim);margin-bottom:12px}
.market-live b{color:var(--sand-bright)}
.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.outcome-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 10px;cursor:pointer;transition:.14s;text-align:center}
.outcome-btn:hover{border-color:var(--sand);background:var(--surface-3)}
.outcome-btn .ol{font-family:var(--mono);font-size:12px;color:var(--text-dim);margin-bottom:4px}
.outcome-btn .oq{font-family:var(--mono);font-weight:700;font-size:20px;color:var(--sand-bright)}
.outcome-btn.win{border-color:var(--olive);background:rgba(174,184,111,.12)}.outcome-btn.win .oq{color:var(--olive-bright)}
.outcome-btn .mystake{font-family:var(--mono);font-size:10px;color:var(--sand);margin-top:4px}
.outcome-btn.disabled{opacity:.55;cursor:default}.outcome-btn.disabled:hover{border-color:var(--border);background:var(--surface-2)}
.stake-row{display:flex;align-items:center;gap:10px;margin-top:12px}
.stake-row label{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}
.stake-row input{width:90px;padding:9px 10px;font-size:14px}
.stake-hint{font-family:var(--mono);font-size:11px;color:var(--muted)}
.market-result{font-family:var(--mono);font-size:12px;color:var(--text-dim);margin-top:10px}.market-result b{color:var(--sand-bright)}
.propose-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;margin-bottom:18px}
.propose-card h3{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sand);margin-bottom:14px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid2 .field{margin-bottom:0}
.mini-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}
.quote-preview{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:12px;margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--text-dim);text-align:center}
.quote-preview b{color:var(--sand-bright)}
.quote-preview .qq{display:flex;justify-content:center;gap:18px;margin-top:6px;font-size:15px}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.panel .ph{padding:12px 16px;border-bottom:1px solid var(--border-soft);background:var(--surface-2);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
.mybet-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-size:12px}
.mybet-row:last-child{border-bottom:none}
.mybet-row .mb-main{color:var(--text-dim)}.mybet-row .mb-main b{color:var(--text)}
.mybet-row .mb-side{text-align:right;white-space:nowrap}
.tag{font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:5px}
.tag-open{background:var(--surface-3);color:var(--muted)}.tag-won{background:rgba(174,184,111,.16);color:var(--olive-bright)}
.tag-lost{background:rgba(207,106,79,.14);color:var(--brick)}.tag-refunded{background:rgba(226,161,73,.14);color:var(--amber)}
.lb-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-size:14px}
.lb-row:last-child{border-bottom:none}
.lb-row .rk{color:var(--muted)}.lb-row .nm{color:var(--text)}.lb-row .bal{color:var(--sand-bright);font-weight:700}
.lb-row.me{background:rgba(216,181,106,.05)}.lb-row.gold .rk{color:var(--sand-bright)}.lb-row.gold .bal{font-size:16px}
/* Admin */
.games-toggle{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px}
.games-toggle .gt-item{display:flex;flex-direction:column;gap:8px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--r-md,8px);background:var(--surface-2,var(--surface));font-size:14px;user-select:none}
.games-toggle .gt-item:hover{border-color:var(--muted)}
.games-toggle .gt-item.off{opacity:.5;border-style:dashed}
.games-toggle .gt-top{display:flex;align-items:center;gap:8px}
.games-toggle input{accent-color:var(--olive-bright,#aeb86f);width:16px;height:16px;flex:none;cursor:pointer}
.games-toggle .gt-emoji{font-size:16px;flex:none}
.games-toggle .gt-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.games-toggle .gt-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-left:30px}
.gt-sel{font-family:var(--sans);font-size:11.5px;font-weight:600;color:var(--text);background:var(--surface-3,var(--bg));border:1px solid var(--border);border-radius:7px;padding:5px 7px;cursor:pointer}
.gt-mbtn{font-family:var(--sans);font-size:11px;font-weight:700;color:var(--text-dim);background:var(--surface-3,var(--bg));border:1px solid var(--border);border-radius:7px;padding:5px 9px;cursor:pointer;transition:.13s}
.gt-mbtn:hover{border-color:var(--muted);color:var(--text)}
.gt-mbtn.on{color:#141310;background:var(--sand);border-color:var(--sand)}
.gt-mbtn.on.live{background:var(--brick);border-color:var(--brick);color:#fff}
.gt-mbtn.on.neu{background:var(--olive-bright);border-color:var(--olive-bright);color:#12130d}
.gt-mbtn.gt-clr{padding:5px 8px;color:var(--brick)}
.gt-ord{display:flex;flex-direction:column;gap:2px;flex:none}
.gt-arrow{width:22px;height:14px;line-height:11px;font-size:9px;padding:0;border:1px solid var(--border);background:var(--surface-3,var(--bg));color:var(--text-dim);border-radius:4px;cursor:pointer}
.gt-arrow:hover:not(:disabled){border-color:var(--sand-bright);color:var(--sand-bright)}
.gt-arrow:disabled{opacity:.3;cursor:default}
#screen-admin .admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
#screen-admin h1{font-family:var(--mono);font-size:22px}
.adm-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0 6px}
@media(max-width:640px){.adm-stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.outcomes{grid-template-columns:1fr}}
.adm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;margin-bottom:14px}
.adm-card h3{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.adm-user-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-soft)}
.adm-user-row:last-child{border-bottom:none}
.adm-user-row .un{font-family:var(--mono);font-size:14px}.adm-user-row .ub{font-family:var(--mono);color:var(--sand-bright);font-weight:700;white-space:nowrap}
.adm-user-row input{width:70px;padding:7px 8px;font-size:13px}
.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.inline-form input,.inline-form select{width:auto;flex:1;min-width:90px}
.adm-in{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:12px;padding:7px 9px;border-radius:7px}
.adm-in option{background:var(--surface-2);color:var(--text)}
.adm-market-row{padding:12px 0;border-bottom:1px solid var(--border-soft)}.adm-market-row:last-child{border-bottom:none}
.adm-mr-top .t{font-family:var(--mono);font-size:14px;color:var(--text)}
.adm-mr-top .s{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:3px}
.adm-mr-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pending-hi{border-left:3px solid var(--amber);padding-left:10px}
.modal-overlay{position:fixed;inset:0;background:rgba(8,8,6,.72);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50;padding:20px;animation:fade .18s ease}
.modal-overlay[hidden]{display:none}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--amber);border-radius:var(--r-lg);padding:28px 28px 24px;box-shadow:0 30px 80px -30px rgba(0,0,0,.85);animation:rise .22s cubic-bezier(.2,.8,.2,1)}
@keyframes rise{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.modal .m-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(226,161,73,.13);color:var(--amber);margin-bottom:16px}
.modal h2{font-family:var(--mono);font-size:19px;margin-bottom:8px}
.modal .m-text{color:var(--text-dim);font-size:14px;line-height:1.5;margin-bottom:18px}.modal .m-text b{color:var(--sand)}
.m-divider{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;display:flex;align-items:center;gap:10px}
.m-divider::after{content:"";flex:1;height:1px;background:var(--border)}
.m-log{list-style:none;background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--r-md);max-height:160px;overflow-y:auto;margin-bottom:22px}
.m-log .log-row{grid-template-columns:84px 1fr auto;padding:9px 14px;font-size:12px}
.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}
#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--surface-3);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:13px;padding:11px 18px;border-radius:12px;opacity:0;transition:.25s;z-index:60;pointer-events:none;max-width:90vw;text-align:center}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#toast.bad{border-color:rgba(207,106,79,.5);color:var(--brick)}#toast.good{border-color:rgba(174,184,111,.5);color:var(--olive-bright)}
.block-ov{position:fixed;inset:0;z-index:200;background:rgba(8,6,5,.9);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}
.block-card{max-width:420px;width:100%;background:var(--surface);border:1px solid var(--brick);border-radius:16px;padding:28px 24px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.block-card .block-ico{font-size:52px;line-height:1;margin-bottom:12px}
.block-card h2{font-family:var(--mono);font-size:22px;color:var(--brick);margin-bottom:10px}
.block-card p{color:var(--text-dim);font-size:14px;line-height:1.5;margin-bottom:20px}
::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:6px}::-webkit-scrollbar-track{background:transparent}
/* Casino */
.casino-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;margin-bottom:16px}
.casino-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;gap:10px;flex-wrap:wrap}
.ch-title{font-family:var(--mono);font-weight:700;font-size:16px;color:var(--sand-bright)}
.ch-sub{font-family:var(--mono);font-size:11px;color:var(--muted)}
.slot-machine{display:flex;gap:12px;justify-content:center;margin-bottom:14px}
.reel{width:84px;height:84px;border-radius:var(--r-md);background:var(--bg);border:1px solid var(--border);display:grid;place-items:center;font-size:44px;line-height:1;box-shadow:inset 0 6px 18px -10px rgba(0,0,0,.9)}
.reel.spinning{border-color:var(--sand);filter:blur(.4px)}
.reel.land{animation:reelLand .3s ease}
@keyframes reelLand{0%{transform:translateY(-8px);opacity:.6}60%{transform:translateY(3px)}100%{transform:none;opacity:1}}
.slot-result{text-align:center;font-family:var(--mono);font-size:13px;color:var(--text-dim);min-height:20px;margin-bottom:12px}
.slot-result .win,.race-result .win{color:var(--olive-bright);font-weight:700}
.slot-result .lose,.race-result .lose{color:var(--brick)}
.paytable{margin-top:14px;border-top:1px solid var(--border-soft);padding-top:12px}
.pt-title{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;text-align:center}
.pt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-family:var(--mono);font-size:12px;color:var(--text-dim);text-align:center}
/* 💎 Mega-Slot */
.bs-machine{position:relative;max-width:340px;margin:6px auto 12px}
.bs-reels{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;border-radius:16px;
  background:linear-gradient(160deg,#2a2416,#17140d);border:1px solid var(--border);
  box-shadow:inset 0 3px 20px rgba(0,0,0,.6),0 6px 22px -12px rgba(0,0,0,.9)}
.bs-reel{--bs-cell:clamp(42px,14.5vw,58px);height:calc(var(--bs-cell)*4);overflow:hidden;border-radius:9px;
  background:radial-gradient(ellipse 90% 60% at 50% 40%,rgba(216,181,106,.06),rgba(0,0,0,.34));
  box-shadow:inset 0 8px 14px -8px rgba(0,0,0,.8),inset 0 -8px 14px -8px rgba(0,0,0,.8)}
.bs-strip{display:flex;flex-direction:column;will-change:transform}
.bs-cell{height:var(--bs-cell);display:flex;align-items:center;justify-content:center;position:relative}
.bs-cell .bs-sym{font-size:calc(var(--bs-cell)*.56);line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));transition:transform .2s}
.bs-cell.bs-win{background:radial-gradient(circle at 50% 50%,rgba(236,202,129,.32),transparent 72%);border-radius:8px}
.bs-cell.bs-win .bs-sym{animation:bsPop .5s ease both;filter:drop-shadow(0 0 8px rgba(236,202,129,.9))}
@keyframes bsPop{0%{transform:scale(1)}40%{transform:scale(1.32)}100%{transform:scale(1.12)}}
.bs-overlay{position:absolute;inset:8px;pointer-events:none;z-index:3}
.bs-payline{fill:none;stroke:var(--sand-bright);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;
  vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(236,202,129,.9));
  stroke-dasharray:220;stroke-dashoffset:220;opacity:.9;animation:bsLine .5s ease forwards}
@keyframes bsLine{to{stroke-dashoffset:0}}
.bs-bigwin{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4;
  font-family:var(--mono);font-weight:700;font-size:clamp(20px,7vw,32px);letter-spacing:.04em;opacity:0;
  color:#fff7e0;text-shadow:0 0 10px rgba(236,202,129,.9),0 2px 6px rgba(0,0,0,.8)}
.bs-bigwin.show{animation:bsBig 1.6s cubic-bezier(.2,1.3,.3,1) both}
@keyframes bsBig{0%{opacity:0;transform:scale(.4) rotate(-6deg)}22%{opacity:1;transform:scale(1.1) rotate(2deg)}70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.05)}}
.bs-winbar{text-align:center;font-family:var(--mono);font-size:13px;color:var(--text-dim);min-height:20px;margin-bottom:12px}
.bs-winbar .win{color:var(--olive-bright);font-weight:700}
.bs-winbar .lose{color:var(--brick)}
.bs-paytable{margin-top:14px;border-top:1px solid var(--border-soft);padding-top:12px}
.bs-pt-row{display:grid;grid-template-columns:36px 1fr 1fr 1fr;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:var(--text-dim);padding:3px 0}
.bs-pt-sym{font-size:20px;text-align:center}
.bs-pt-row b{color:var(--sand-bright)}
/* 📖 Buch der Hühner — großer Automat */
.bk-machine{position:relative;max-width:560px;margin:8px auto 12px;border-radius:20px;transition:box-shadow .35s,transform .35s}
.bk-machine.bk-fs-active{box-shadow:0 0 0 3px rgba(236,202,129,.7),0 0 46px rgba(236,202,129,.5);animation:bkFsGlow 1.8s ease-in-out infinite}
@keyframes bkFsGlow{0%,100%{box-shadow:0 0 0 3px rgba(236,202,129,.55),0 0 34px rgba(236,202,129,.4)}50%{box-shadow:0 0 0 4px rgba(236,202,129,.9),0 0 60px rgba(236,202,129,.7)}}
.bk-reels{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px;border-radius:18px;
  background:linear-gradient(160deg,#3a2810,#170f06);border:2px solid #7a561f;
  box-shadow:inset 0 4px 26px rgba(0,0,0,.65),0 10px 30px -12px rgba(0,0,0,.9)}
.bk-reel{--bk-cell:clamp(58px,17.5vw,94px);height:calc(var(--bk-cell)*3);overflow:hidden;border-radius:11px;
  background:radial-gradient(ellipse 90% 60% at 50% 40%,rgba(236,202,129,.08),rgba(0,0,0,.4));
  box-shadow:inset 0 10px 16px -8px rgba(0,0,0,.85),inset 0 -10px 16px -8px rgba(0,0,0,.85);transition:box-shadow .3s}
.bk-reel-exp{box-shadow:inset 0 0 0 3px rgba(236,202,129,.95),0 0 22px rgba(236,202,129,.7)}
.bk-reel-hot{box-shadow:inset 0 0 0 2px rgba(224,140,43,.9),0 0 26px rgba(224,140,43,.75);animation:bkHot .5s ease-in-out infinite}
@keyframes bkHot{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
.bk-strip{display:flex;flex-direction:column;will-change:transform}
.bk-cell{height:var(--bk-cell);display:flex;align-items:center;justify-content:center;position:relative}
.bk-cell .bk-sym{font-size:calc(var(--bk-cell)*.6);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));transition:transform .2s}
.bk-cell.bk-win{background:radial-gradient(circle at 50% 50%,rgba(236,202,129,.36),transparent 72%);border-radius:9px}
.bk-cell.bk-win .bk-sym{animation:bsPop .5s ease both;filter:drop-shadow(0 0 10px rgba(236,202,129,.95))}
.bk-cell.bk-scat{background:radial-gradient(circle,rgba(224,140,43,.55),transparent 70%);border-radius:9px}
.bk-cell.bk-scat .bk-sym{animation:bkScat 1s ease-in-out infinite}
@keyframes bkScat{0%,100%{transform:scale(1) rotate(-4deg)}50%{transform:scale(1.22) rotate(4deg)}}
.bk-cell.bk-open .bk-sym{animation:bkOpen .7s cubic-bezier(.2,1.4,.3,1) both;filter:drop-shadow(0 0 16px rgba(236,202,129,1))}
@keyframes bkOpen{0%{transform:scale(.5) rotateY(-90deg)}45%{transform:scale(1.5) rotateY(20deg)}70%{transform:scale(1.25) rotateY(-8deg)}100%{transform:scale(1.15)}}
.bk-cell.bk-expand{background:radial-gradient(circle,rgba(236,202,129,.32),transparent 78%)}
.bk-cell.bk-expand .bk-sym{animation:bkExpand .5s cubic-bezier(.2,1.3,.3,1) both;filter:drop-shadow(0 0 14px rgba(236,202,129,1))}
@keyframes bkExpand{0%{transform:scale(.4)}70%{transform:scale(1.3)}100%{transform:scale(1.1)}}
.bk-winbar{text-align:center;font-family:var(--mono);font-size:14px;color:var(--text-dim);min-height:20px;margin-bottom:10px}
.bk-winbar .win{color:var(--olive-bright);font-weight:700}.bk-winbar .lose{color:var(--brick)}
/* Freispiel-HUD (schlanke Leiste, KEIN Blur-Overlay mehr) */
.bk-fshud{max-width:560px;margin:0 auto 8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;
  background:linear-gradient(90deg,rgba(120,84,30,.4),rgba(60,42,14,.5));border:1px solid rgba(236,202,129,.5);
  border-radius:12px;padding:8px 14px;font-family:var(--mono);animation:bkFsGlow 1.8s ease-in-out infinite}
.bk-fshud-l{font-weight:700;color:#f6d47a;letter-spacing:.06em}
.bk-fshud-c{font-weight:700;font-size:16px;color:#fff}
.bk-fshud-sp b{font-size:18px}
.bk-fshud-w{margin-left:auto;font-weight:700;color:var(--olive-bright);font-size:15px}
/* FX-Ebene über der Maschine */
.bk-fx{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}
.bk-fx-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center}
.bk-fx-fs{display:flex;flex-direction:column;align-items:center;gap:6px;animation:bkPopIn .5s cubic-bezier(.2,1.4,.3,1) both}
.bk-fx-book{font-size:clamp(40px,12vw,72px);animation:bkOpen .8s cubic-bezier(.2,1.4,.3,1) both;filter:drop-shadow(0 0 20px rgba(236,202,129,1))}
.bk-fx-t{font-family:var(--mono);font-weight:800;font-size:clamp(20px,7vw,34px);color:#f6d47a;text-shadow:0 0 16px rgba(236,202,129,.9)}
.bk-fx-s{font-family:var(--mono);font-size:14px;color:#fff}
.bk-fx-win{font-family:var(--mono);font-weight:800;font-size:clamp(22px,7vw,38px);color:#fff7e0;text-shadow:0 0 14px rgba(236,202,129,1);animation:bkFloat 1.1s ease-out both}
.bk-fx-retrig{font-family:var(--mono);font-weight:800;font-size:clamp(18px,6vw,30px);color:#8ff0a8;text-shadow:0 0 14px rgba(123,208,138,.9);animation:bkPopIn .5s cubic-bezier(.2,1.4,.3,1) both}
.bk-fx-fsend{font-family:var(--mono);font-weight:800;font-size:clamp(18px,6vw,30px);color:var(--olive-bright);text-shadow:0 2px 8px rgba(0,0,0,.7);animation:bkPopIn .5s cubic-bezier(.2,1.4,.3,1) both}
@keyframes bkPopIn{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
@keyframes bkFloat{0%{transform:translateY(14px) scale(.6);opacity:0}30%{opacity:1;transform:translateY(0) scale(1.1)}100%{transform:translateY(-30px) scale(1);opacity:0}}
/* Jackpot-Splash */
.bk-jp-splash{display:flex;flex-direction:column;align-items:center;gap:6px;background:radial-gradient(circle,rgba(40,28,10,.9),rgba(12,9,5,.95));
  padding:22px 30px;border-radius:18px;border:2px solid #f6d47a;box-shadow:0 0 50px rgba(236,202,129,.8);animation:bkPopIn .6s cubic-bezier(.2,1.4,.3,1) both}
.bk-jp-hens{font-size:clamp(26px,8vw,44px);animation:bkScat .8s ease-in-out infinite}
.bk-jp-t{font-family:var(--mono);font-weight:800;font-size:clamp(28px,9vw,46px);color:#f6d47a;text-shadow:0 0 22px rgba(236,202,129,1)}
.bk-jp-a{font-family:var(--mono);font-weight:700;font-size:clamp(16px,5vw,24px);color:#fff}
.bk-continue{position:absolute;left:0;right:0;bottom:10px;z-index:7;text-align:center;font-family:var(--mono);font-size:13px;
  color:#f6d47a;background:rgba(20,14,6,.7);padding:6px;border-radius:8px;margin:0 12px;animation:cmPulse 1.2s ease-in-out infinite}
.bk-bigwin{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:6;
  font-family:var(--mono);font-weight:700;font-size:clamp(24px,8vw,40px);opacity:0;color:#fff7e0;
  text-shadow:0 0 12px rgba(236,202,129,.9),0 2px 6px rgba(0,0,0,.8)}
.bk-bigwin.show{animation:bsBig 1.6s cubic-bezier(.2,1.3,.3,1) both}
/* 🪙 Münz-/Hühner-Regen */
.bk-coin{position:absolute;z-index:8;pointer-events:none;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));
  animation:bkCoinFly 1.35s cubic-bezier(.2,.65,.4,1) forwards}
@keyframes bkCoinFly{0%{transform:translate(0,0) rotate(0);opacity:0}12%{opacity:1}
  42%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:1}
  100%{transform:translate(calc(var(--dx)*1.15),160px) rotate(var(--rot));opacity:0}}
/* Rüttler bei großen Gewinnen */
.bk-reels.bk-shake{animation:bkShake .48s ease}
.bk-reels.bk-shake-hard{animation:bkShakeHard .62s ease}
@keyframes bkShake{0%,100%{transform:translate(0,0)}25%{transform:translate(-5px,2px)}50%{transform:translate(5px,-2px)}75%{transform:translate(-3px,2px)}}
@keyframes bkShakeHard{0%,100%{transform:translate(0,0)}15%{transform:translate(-9px,3px) rotate(-.6deg)}35%{transform:translate(9px,-3px) rotate(.6deg)}55%{transform:translate(-7px,3px) rotate(-.4deg)}75%{transform:translate(6px,-2px) rotate(.3deg)}}
.bk-manual{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;color:var(--text-dim);margin:2px 0 10px;cursor:pointer}
.bk-manual input{width:15px;height:15px;accent-color:var(--sand-bright)}
.bk-paytable{margin-top:14px;border-top:1px solid var(--border-soft);padding-top:12px}
.bk-pt-row{display:grid;grid-template-columns:34px 1fr 1fr 1fr;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:var(--text-dim);padding:3px 0}
.bk-pt-row.scat{border-top:1px dashed var(--border-soft);margin-top:4px;padding-top:6px;color:var(--amber)}
.bk-pt-e{font-size:20px;text-align:center}.bk-pt-row b{color:var(--sand-bright)}
.bk-pt-jp{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-soft);font-family:var(--mono);font-size:11px;color:var(--amber);text-align:center}
.bk-pt-jp b{color:#f6d47a}
/* 🥚 Ei-Kaskade */
.ck-machine{position:relative;max-width:360px;margin:6px auto 12px}
.ck-grid{--cols:6;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:4px;padding:8px;border-radius:16px;
  background:linear-gradient(160deg,#123024,#0b1712);border:1px solid #2f6a4c;
  box-shadow:inset 0 3px 20px rgba(0,0,0,.55),0 6px 22px -12px rgba(0,0,0,.9)}
.ck-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:9px;
  background:radial-gradient(ellipse 90% 70% at 50% 38%,rgba(123,208,138,.08),rgba(0,0,0,.32));position:relative}
.ck-cell span{font-size:clamp(20px,6.4vw,30px);line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.ck-cell.ck-drop span{animation:ckDrop .42s cubic-bezier(.2,1.1,.3,1) both}
@keyframes ckDrop{0%{transform:translateY(-140%);opacity:0}70%{transform:translateY(8%)}100%{transform:translateY(0);opacity:1}}
.ck-cell.ck-win{background:radial-gradient(circle,rgba(123,208,138,.4),transparent 72%);box-shadow:0 0 12px rgba(123,208,138,.55)}
.ck-cell.ck-win span{animation:bsPop .45s ease both}
.ck-cell.ck-pop span{animation:ckPop .3s ease forwards}
@keyframes ckPop{0%{transform:scale(1.12)}100%{transform:scale(0);opacity:0}}
.ck-mult{position:absolute;top:8px;right:10px;z-index:4;font-family:var(--mono);font-weight:700;font-size:26px;
  color:#8ff0a8;text-shadow:0 0 12px rgba(123,208,138,.8),0 2px 4px rgba(0,0,0,.8)}
.ck-mult.pop{animation:ckMult .5s cubic-bezier(.2,1.4,.3,1) both}
@keyframes ckMult{0%{transform:scale(.3) rotate(-10deg);opacity:0}55%{transform:scale(1.25) rotate(4deg);opacity:1}100%{transform:scale(1);opacity:1}}
.ck-bigwin{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5;
  font-family:var(--mono);font-weight:700;font-size:clamp(20px,7vw,32px);opacity:0;color:#eaffef;
  text-shadow:0 0 10px rgba(123,208,138,.9),0 2px 6px rgba(0,0,0,.8)}
.ck-bigwin.show{animation:bsBig 1.6s cubic-bezier(.2,1.3,.3,1) both}
.ck-winbar{text-align:center;font-family:var(--mono);font-size:13px;color:var(--text-dim);min-height:20px;margin-bottom:12px}
.ck-winbar .win{color:var(--olive-bright);font-weight:700}.ck-winbar .lose{color:var(--brick)}
.ck-paytable{margin-top:14px;border-top:1px solid var(--border-soft);padding-top:12px}
.ck-pt-row{display:grid;grid-template-columns:34px 1fr 1fr 1fr;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:var(--text-dim);padding:3px 0}
.ck-pt-e{font-size:20px;text-align:center}.ck-pt-row b{color:#8ff0a8}
.ck-pt-mult{text-align:center;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-soft)}
.race-stage{position:relative}
.race-track{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.lane{display:grid;grid-template-columns:106px 1fr;align-items:center;gap:9px}
.lane-name{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;overflow:hidden}
.ln-rank{flex:none;min-width:18px;height:18px;line-height:18px;text-align:center;font-size:10px;font-weight:700;border-radius:5px;background:rgba(0,0,0,.32);color:var(--muted);transition:background .15s}
.ln-rank.p1{background:var(--sand-bright);color:#241b13}
.ln-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lane-strip{position:relative;height:32px;border:1px solid var(--border-soft);border-radius:8px;overflow:hidden;
  background:linear-gradient(180deg,#1c1a13,#100e0a);
  background-image:linear-gradient(180deg,rgba(255,255,255,.045),transparent 42%),repeating-linear-gradient(90deg,transparent,transparent 33px,rgba(255,255,255,.05) 33px,rgba(255,255,255,.05) 34px)}
.lane-strip::after{content:'';position:absolute;right:0;top:0;bottom:0;width:9px;z-index:1;
  background-image:linear-gradient(45deg,#e6e6e6 25%,transparent 25%,transparent 75%,#e6e6e6 75%),linear-gradient(45deg,#e6e6e6 25%,#222 25%,#222 75%,#e6e6e6 75%);
  background-size:9px 9px;background-position:0 0,4.5px 4.5px;opacity:.9;box-shadow:-2px 0 6px rgba(0,0,0,.4)}
.runner{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:23px;line-height:1;z-index:2;will-change:left;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}
.runner.running{animation:raceBob .3s ease-in-out infinite}
@keyframes raceBob{0%,100%{transform:translateY(-44%) rotate(-9deg)}50%{transform:translateY(-62%) rotate(9deg)}}
.lane.win .lane-strip{border-color:var(--sand-bright);box-shadow:0 0 0 1px var(--sand-bright),0 0 14px var(--ring)}
.lane.win .ln-nm{color:var(--sand-bright)!important;font-weight:700}
.race-count{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none;
  font-family:var(--mono);font-weight:800;font-size:clamp(46px,14vw,74px);color:var(--sand-bright);
  text-shadow:0 4px 18px rgba(0,0,0,.65),0 0 26px var(--ring)}
.race-count[hidden]{display:none}
.race-count.pop{animation:racePop .52s cubic-bezier(.2,1.5,.4,1)}
@keyframes racePop{0%{opacity:0;transform:scale(.35)}32%{opacity:1;transform:scale(1.18)}100%{opacity:.9;transform:scale(1)}}
.race-live{color:var(--amber)}
@media (prefers-reduced-motion:reduce){.runner.running{animation:none}}
.race-result{text-align:center;font-family:var(--mono);font-size:13px;color:var(--text-dim);min-height:20px;margin-bottom:8px}
.race-pick{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
@media(max-width:560px){.race-pick{grid-template-columns:repeat(3,1fr)}.pt-grid{grid-template-columns:repeat(2,1fr)}}
.chick-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 6px;text-align:center;cursor:pointer;transition:.14s}
.chick-card:hover{border-color:var(--sand)}
.chick-card.sel{border-color:var(--sand);background:var(--surface-3);box-shadow:0 0 0 2px var(--ring)}
.cc-emoji{font-size:26px;line-height:1}
.cc-name{font-family:var(--mono);font-size:10px;color:var(--text-dim);margin:5px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-odds{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--sand-bright)}
.casino-note{text-align:center;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:4px;line-height:1.5}
/* 🎰 Casino-Lobby (Konzept A) */
.casino-lobby{margin-bottom:14px}
.cl-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 10px}
.cl-h{font-size:17px;font-weight:700;letter-spacing:-.01em}
.cl-sub{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cl-feat{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:2px 0 12px;margin:0 0 2px}
.clf-card{position:relative;text-align:left;border-radius:15px;padding:12px 13px;overflow:hidden;cursor:pointer;
  border:1px solid rgba(226,161,73,.34);color:var(--text);transition:.15s;
  background:radial-gradient(120% 90% at 15% 0%,rgba(226,161,73,.18),transparent 60%),var(--surface-2)}
.clf-card:hover{transform:translateY(-2px);border-color:var(--amber)}
.clf-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(236,202,129,.10) 50%,transparent 58%)}
.clf-ic{font-size:25px;line-height:1;display:block}
.clf-jp{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);display:block;margin:8px 0 1px}
.clf-amt{font-family:var(--mono);font-weight:700;font-size:17px;color:var(--sand-bright);letter-spacing:-.02em;display:block}
.clf-nm{font-size:12px;font-weight:600;margin-top:2px;display:block}
.cl-chips{display:flex;flex-wrap:wrap;gap:7px;padding:2px;margin:6px 0 12px}
.cl-chip{flex:0 0 auto;font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--text-dim);
  background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:7px 13px;cursor:pointer;white-space:nowrap;transition:.14s}
.cl-chip:hover{color:var(--text);border-color:var(--muted)}
.cl-chip.on{color:#141310;background:var(--sand);border-color:var(--sand);font-weight:700}
.cl-chip b{opacity:.7;font-weight:700;margin-left:1px}
.cl-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
@media(min-width:560px){.cl-grid{grid-template-columns:1fr 1fr 1fr}}
.cl-card{position:relative;height:132px;text-align:left;border:1px solid var(--border);background:var(--surface-2);border-radius:15px;
  padding:0;cursor:pointer;transition:transform .16s,border-color .16s;overflow:hidden;color:var(--text)}
.cl-card:hover{border-color:var(--sand);transform:translateY(-3px)}
.cl-anim{position:absolute;inset:0;overflow:hidden}
.cl-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,19,16,.12) 0%,rgba(20,19,16,.34) 45%,rgba(20,19,16,.9) 100%)}
.cl-info{position:absolute;left:12px;right:12px;bottom:10px;z-index:2}
.cl-nm{font-size:14.5px;font-weight:700;letter-spacing:-.01em;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.cl-tag{font-family:var(--mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin-top:1px}
.cl-jp{position:absolute;top:8px;left:11px;z-index:3;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--sand-bright);text-shadow:0 1px 4px rgba(0,0,0,.7)}
.cl-jp .lbl{display:block;color:var(--amber);font-weight:400;font-size:8px;letter-spacing:.1em;text-transform:uppercase;line-height:1}
.cl-badge{position:absolute;top:9px;right:9px;z-index:3;font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:20px}
.cl-badge.neu{color:#12130d;background:var(--olive-bright)}
.cl-badge.live{color:#fff;background:var(--brick);display:flex;align-items:center;gap:4px}
.cl-badge.live .lv{width:5px;height:5px;border-radius:50%;background:#fff;animation:clpulse 1.3s infinite}
@keyframes clpulse{50%{opacity:.35}}
/* 🎬 Live-Vorschauen in den Lobby-Karten (nur die sichtbare Kategorie animiert; versteckte Lobby = display:none = still) */
@media(prefers-reduced-motion:reduce){.cl-anim *{animation:none!important}.cl-anim .cla-default::after{animation:none!important}}
.cla-slots{display:flex;justify-content:center;gap:9px;padding-top:11px}
.cla-reel{width:32px;height:90px;overflow:hidden;border-radius:8px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.06)}
.cla-strip{display:flex;flex-direction:column}
.cla-strip span{height:30px;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.cla-reel.r1 .cla-strip{animation:cla-reel .7s linear infinite}
.cla-reel.r2 .cla-strip{animation:cla-reel .95s linear infinite}
.cla-reel.r3 .cla-strip{animation:cla-reel .55s linear infinite}
@keyframes cla-reel{to{transform:translateY(-50%)}}
/* Mega-Slot: eigene Optik – vier schmale Gem-Walzen + Goldschimmer */
.cla-bigslot{position:absolute;inset:0;display:flex;justify-content:center;gap:6px;padding-top:11px}
.cla-bigslot .cla-reel{width:22px;height:90px;background:radial-gradient(120% 100% at 50% 0%,rgba(216,181,106,.16),rgba(0,0,0,.32))}
.cla-bigslot .cla-strip span{font-size:17px}
.cla-bigslot::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 43%,rgba(236,202,129,.16) 50%,transparent 57%);animation:cla-sheen 2.6s linear infinite}
/* 📖 Buch der Hühner: 3 Walzen (ägyptisch) + aufblitzendes Buch */
.cla-book{position:absolute;inset:0;display:flex;justify-content:center;gap:7px;padding-top:11px;
  background:radial-gradient(120% 90% at 50% 0%,rgba(214,150,50,.18),transparent 60%)}
.cla-book .cla-reel{width:27px;height:90px;background:radial-gradient(120% 100% at 50% 0%,rgba(214,150,50,.14),rgba(0,0,0,.34))}
.cla-book .cla-strip span{font-size:19px}
.cla-book-flip{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:30px;z-index:2;
  filter:drop-shadow(0 0 10px rgba(236,202,129,.9));animation:cla-bookpulse 2.4s ease-in-out infinite}
@keyframes cla-bookpulse{0%,100%{transform:translate(-50%,-50%) scale(.7);opacity:.15}45%{transform:translate(-50%,-50%) scale(1.25);opacity:1}55%{transform:translate(-50%,-50%) scale(1.25);opacity:1}}
/* 🥚 Ei-Kaskade: fallende Symbole */
.cla-casc{position:absolute;inset:0;overflow:hidden}
.cla-drop{position:absolute;top:-16%;font-size:19px;animation:cla-fall 1.9s cubic-bezier(.5,0,.9,.4) infinite}
.cla-drop.d2{font-size:16px;opacity:.85;animation-duration:2.3s}
@keyframes cla-fall{0%{top:-16%;opacity:0}12%{opacity:1}82%{opacity:1}100%{top:104%;opacity:0}}
.cla-race{position:absolute;inset:0}
.cla-lane{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.07)}
.cla-runner{position:absolute;font-size:18px;animation:cla-run linear infinite,cla-bob .5s ease-in-out infinite}
@keyframes cla-run{from{left:-16%}to{left:112%}}
@keyframes cla-bob{0%,100%{margin-top:0}50%{margin-top:-5px}}
.cla-crash{position:absolute;inset:0}
.cla-trail{position:absolute;left:6%;bottom:14%;height:4px;background:linear-gradient(90deg,transparent,var(--brick));transform-origin:left center;transform:rotate(-40deg);animation:cla-trail 2.4s ease-in infinite}
@keyframes cla-trail{0%{width:0;opacity:0}12%{opacity:.9}92%{width:150px;opacity:.9}100%{width:150px;opacity:0}}
.cla-rocket{position:absolute;left:6%;bottom:12%;font-size:20px;animation:cla-fly 2.4s ease-in infinite}
@keyframes cla-fly{0%{transform:translate(0,0) rotate(35deg);opacity:0}12%{opacity:1}92%{transform:translate(112px,-88px) rotate(35deg);opacity:1}100%{transform:translate(126px,-100px) rotate(35deg);opacity:0}}
.cla-mult{position:absolute;left:10px;top:9px;font-family:var(--mono);font-weight:700;font-size:14px;color:var(--olive-bright);animation:cla-mult 2.4s ease-in infinite}
@keyframes cla-mult{0%{opacity:.4}90%{opacity:1}100%{opacity:0}}
.cla-wheel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.cla-wheel-pin{position:absolute;top:13px;left:50%;width:0;height:0;transform:translateX(-50%);z-index:2;
  border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid var(--sand-bright);filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.cla-wheelspin{position:relative;width:96px;height:96px;border-radius:50%;animation:cla-spin 3.6s linear infinite;border:3px solid #2b2719;
  background:conic-gradient(var(--brick) 0 30deg,var(--surface-3) 30deg 60deg,var(--olive-bright) 60deg 90deg,var(--surface-3) 90deg 120deg,var(--amber) 120deg 150deg,var(--surface-3) 150deg 180deg,#5a9bd4 180deg 210deg,var(--surface-3) 210deg 240deg,var(--sand) 240deg 270deg,var(--surface-3) 270deg 300deg,var(--brick) 300deg 330deg,var(--surface-3) 330deg 360deg)}
.cla-wheelspin::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(0,0,0,0) 0 29deg,rgba(0,0,0,.5) 29deg 30deg)}
.cla-wheelspin::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,var(--sand) 70%,#8a5e22);border:2px solid #12130d}
@keyframes cla-spin{to{transform:rotate(360deg)}}
.cla-dice{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:11px;padding-bottom:8px}
.cla-die{font-size:28px;animation:cla-tumble 1.7s cubic-bezier(.5,0,.5,1) infinite}
.cla-die.d2{animation-duration:2.1s;animation-delay:-.4s}
@keyframes cla-tumble{0%{transform:translateY(6px) rotate(0)}50%{transform:translateY(-8px) rotate(190deg)}100%{transform:translateY(6px) rotate(360deg)}}
.cla-coin-w{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:300px}
.cla-coin{width:52px;height:52px;border-radius:50%;transform-style:preserve-3d;animation:cla-flip 1.8s ease-in-out infinite;box-shadow:inset 0 0 0 3px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;font-size:24px;
  background:radial-gradient(circle at 35% 30%,var(--sand-bright),var(--amber) 70%,#8a5e22)}
@keyframes cla-flip{0%{transform:rotateY(0)}100%{transform:rotateY(720deg)}}
.cla-plinko{position:absolute;inset:0}
.cla-peg{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.14)}
.cla-ball{position:absolute;top:-8px;width:9px;height:9px;border-radius:50%;background:var(--sand-bright);box-shadow:0 0 6px var(--sand);animation:cla-drop 1.9s ease-in infinite,cla-zig 1.9s ease-in infinite}
.cla-ball.p2{left:56%;animation-duration:2.3s;animation-delay:-.9s}
@keyframes cla-drop{0%{top:-8px}100%{top:140px}}
@keyframes cla-zig{0%,100%{margin-left:0}25%{margin-left:-13px}50%{margin-left:9px}75%{margin-left:-5px}}
.cla-mines{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:5px;padding:12px}
.cla-mines .cla-tile{border-radius:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:14px}
.cla-mines .gem{color:var(--olive-bright);animation:cla-pop 3s ease-in-out infinite}
.cla-mines .fox{animation:cla-fox 3s steps(1) infinite}
@keyframes cla-pop{0%,70%,100%{opacity:.15}80%,95%{opacity:1}}
@keyframes cla-fox{0%,60%{opacity:0}66%,88%{opacity:1}92%,100%{opacity:0}}
.cla-cases{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden}
.cla-cases .cla-row{display:flex;gap:7px;padding-left:8px;animation:cla-slide 3.6s linear infinite}
.cla-item{flex:none;width:40px;height:54px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:21px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.28));border:1px solid var(--rar,#555);border-bottom:3px solid var(--rar,#555)}
@keyframes cla-slide{to{transform:translateX(-50%)}}
.cla-cases .cla-mark{position:absolute;left:50%;top:6px;bottom:28px;width:2px;background:var(--sand-bright);box-shadow:0 0 8px var(--sand);transform:translateX(-50%);z-index:2}
.cla-cases .cla-mark::before{content:"";position:absolute;top:-3px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--sand-bright)}
.cla-tower{position:absolute;inset:0;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:3px;padding-bottom:28px}
.cla-brick{width:50px;height:12px;border-radius:3px;background:linear-gradient(180deg,var(--amber),#9a6a22);transform-origin:bottom center;opacity:0;animation:cla-stack 3.4s ease-in-out infinite}
.cla-brick:nth-child(1){animation-delay:0s}.cla-brick:nth-child(2){animation-delay:.4s}.cla-brick:nth-child(3){animation-delay:.8s}.cla-brick:nth-child(4){animation-delay:1.2s}.cla-brick:nth-child(5){animation-delay:1.6s}.cla-brick:nth-child(6){animation-delay:2s}
@keyframes cla-stack{0%{opacity:0;transform:translateY(-38px) scaleY(.4)}12%,86%{opacity:1;transform:translateY(0) scaleY(1)}100%{opacity:0}}
/* Pump: Ei wird immer größer und platzt */
.cla-pump{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.cla-egg{font-size:24px;animation:cla-pump 2.6s ease-in infinite;transform-origin:center 60%}
@keyframes cla-pump{0%{transform:scale(.5)}72%{transform:scale(1.55)}80%{transform:scale(1.48) rotate(-4deg)}84%{transform:scale(1.66) rotate(4deg)}88%{transform:scale(1.6);opacity:1}90%{transform:scale(2);opacity:0}100%{transform:scale(.5);opacity:0}}
.cla-burst{position:absolute;font-size:32px;opacity:0;animation:cla-burst 2.6s ease-in infinite}
@keyframes cla-burst{0%,87%{opacity:0;transform:scale(.4)}90%{opacity:1;transform:scale(1.1)}96%{opacity:0;transform:scale(1.5)}100%{opacity:0}}
/* Ziege Melken: Ziege + Milchtropfen in den Eimer */
.cla-goat{position:absolute;inset:0}
.cla-goat .g{position:absolute;top:9px;left:50%;transform:translateX(-50%);font-size:30px}
.cla-goat .bkt{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:22px}
.cla-milk{position:absolute;top:46px;width:6px;height:9px;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;background:#f4f2e9;box-shadow:0 0 4px rgba(255,255,255,.35);animation:cla-milk 1.15s ease-in infinite}
@keyframes cla-milk{0%{top:46px;opacity:0;transform:scaleY(.6)}18%{opacity:1}82%{opacity:1;transform:scaleY(1)}100%{top:86px;opacity:0;transform:scaleY(.7)}}
/* Roulette: Kessel dreht, weiße Kugel läuft gegenläufig um den Rand */
.cla-roul{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.cla-roul-wheel{position:relative;width:96px;height:96px;border-radius:50%;animation:cla-spin 5s linear infinite;border:3px solid #2b2719;
  background:repeating-conic-gradient(#b23b2e 0 10deg,#17140f 10deg 20deg)}
.cla-roul-wheel::after{content:"";position:absolute;top:50%;left:50%;width:38px;height:38px;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#42392a,#12130d);border:2px solid #2b2719}
.cla-roul-ball{position:absolute;top:50%;left:50%;width:0;height:0;animation:cla-orbit 1.35s linear infinite}
.cla-roul-ball::before{content:"";position:absolute;left:-3.5px;top:-42px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 5px rgba(255,255,255,.7)}
@keyframes cla-orbit{to{transform:rotate(-360deg)}}
.cla-default{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cla-default .cla-big{font-size:42px;opacity:.9;animation:cla-float 3.6s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
@keyframes cla-float{0%,100%{transform:translateY(4px) rotate(-4deg)}50%{transform:translateY(-6px) rotate(4deg)}}
.cla-default::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,rgba(236,202,129,.12) 50%,transparent 58%);animation:cla-sheen 3.2s linear infinite}
@keyframes cla-sheen{0%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
.cl-empty{grid-column:1/-1;text-align:center;color:var(--muted);font-size:13px;padding:22px}
.casino-gamebar{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cg-back{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--sans);font-weight:700;
  font-size:13px;border-radius:10px;padding:9px 14px;cursor:pointer;transition:.14s;white-space:nowrap}
.cg-back:hover{border-color:var(--sand);color:var(--sand-bright)}
.cg-title{font-size:15px;font-weight:700}
.game-panel{}
/* ── Arcade / Coinpusher ── */
.arcade-intro{margin-bottom:14px}
.arcade-h{font-family:var(--mono);font-size:20px;margin-bottom:6px}
.arcade-sub{color:var(--text-dim);font-size:13px;line-height:1.5;max-width:640px}
.arcade-machines{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
@media(max-width:640px){.arcade-machines{grid-template-columns:1fr}}
.arcade-mcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;display:flex;flex-direction:column;gap:10px;transition:.15s}
.arcade-mcard.mine{border-color:var(--sand-bright);box-shadow:0 0 0 1px var(--sand-bright) inset}
.arcade-mcard.busy{opacity:.75}
.am-head{display:flex;align-items:center;gap:10px}
.am-emoji{font-size:30px;line-height:1}
.am-title{font-family:var(--mono);font-weight:700;font-size:15px}
.am-tag{font-size:11px;color:var(--muted)}
.am-field{font-family:var(--mono);font-size:22px;color:var(--sand-bright);font-weight:700}
.am-field small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:.05em}
.am-status{font-size:12px;font-family:var(--mono);letter-spacing:.04em}
.am-status.free{color:var(--olive-bright)}
.am-status.busy{color:var(--brick)}
.am-status.mine{color:var(--sand-bright)}
.arcade-stage{margin-top:4px}
.arcade-cab{max-width:520px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}
.cab-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cab-name{font-family:var(--mono);font-weight:700;font-size:16px}
.cab-glass{position:relative;width:100%;aspect-ratio:4/3;background:#0b0907;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
@supports not (aspect-ratio:1){.cab-glass{height:300px}}
#pusher-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.cab-win{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-weight:700;font-size:28px;color:var(--olive-bright);text-shadow:0 2px 8px rgba(0,0,0,.6);pointer-events:none;z-index:2}
.cab-win.jackpot{color:var(--amber);font-size:34px}
.cab-win.show{animation:pusherWin 1.1s ease-out forwards}
@keyframes pusherWin{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}18%{opacity:1;transform:translate(-50%,-4px) scale(1.1)}70%{opacity:1;transform:translate(-50%,-14px) scale(1)}100%{opacity:0;transform:translate(-50%,-34px) scale(1)}}
.cab-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--text-dim);margin:12px 2px 10px}
.cab-meta b{color:var(--sand-bright);font-family:var(--mono)}
.arcade-throw{width:100%;font-size:15px;padding:13px}
.arcade-throw:disabled{opacity:.5;cursor:not-allowed}
.arcade-last{text-align:center;font-size:13px;color:var(--muted);min-height:20px;margin-top:10px}
/* 🕹️ Spielhalle */
.arcade-daily{background:linear-gradient(135deg,rgba(226,161,73,.14),rgba(226,161,73,.04));border:1px solid rgba(226,161,73,.3);border-radius:11px;padding:9px 13px;font-size:12.5px;color:var(--text);margin-bottom:14px}
.arcade-daily b{color:var(--amber);font-family:var(--mono)}
.arcade-cabs-wrap{display:flex;flex-direction:column;gap:8px}
.arcade-sec{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sand-bright);margin:8px 2px 2px;padding-bottom:5px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px}
.arcade-sec.mp{color:#7fc7b0}
.arcade-cabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.arcade-cabinet{background:linear-gradient(180deg,#241f31,#171325);border:1px solid #3a3350;border-radius:16px;padding:16px 12px 13px;cursor:pointer;font-family:inherit;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:7px;transition:.15s;box-shadow:0 6px 18px -10px rgba(0,0,0,.7)}
.arcade-cabinet:hover{transform:translateY(-3px);border-color:var(--sand-bright);box-shadow:0 12px 26px -12px rgba(216,181,106,.5)}
.arcade-cabinet .ac-screen{width:100%;height:74px;border-radius:10px;background:radial-gradient(circle at 50% 40%,#3a5a3a,#0e140f);display:flex;align-items:center;justify-content:center;font-size:40px;border:2px solid #0a0d0a;box-shadow:inset 0 2px 10px rgba(0,0,0,.6)}
.arcade-cabinet.cab-pusher .ac-screen{background:radial-gradient(circle at 50% 40%,#5a4a2a,#140f0a)}
.arcade-cabinet .ac-name{font-weight:800;font-size:14px}
.arcade-cabinet .ac-tag{font-size:10.5px;color:var(--muted);font-family:var(--mono)}
.arcade-game .cab-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.arcade-game .cab-name{font-weight:800;font-size:16px}
.ag-hud{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:7px 12px;margin-bottom:10px}
.ag-hud b{color:var(--sand-bright);font-family:var(--mono)}
.ag-stage{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#0e1410;line-height:0}
#ag-canvas{display:block;width:100%;touch-action:none;cursor:crosshair}
.ag-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,10,8,.72);backdrop-filter:blur(2px)}
.ago-card{line-height:1.35;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:20px 26px;box-shadow:0 14px 40px rgba(0,0,0,.6)}
.ago-t{font-size:19px;font-weight:800;color:var(--text)}
.ago-sc{font-size:14px;color:var(--text-dim);margin:5px 0}.ago-sc b{color:var(--olive-bright);font-family:var(--mono);font-size:20px}
.ago-msg{font-size:13px;color:var(--amber);margin-bottom:13px;font-weight:600}
.ago-card .btn{width:100%}
.ag-board{margin-top:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:8px 10px}
.agb-h{font-size:12px;font-weight:700;color:var(--sand-bright);margin-bottom:6px}
.agb-empty{font-size:12px;color:var(--muted);text-align:center;padding:8px}
.agb-row{display:flex;align-items:center;gap:9px;padding:4px 6px;border-radius:7px;font-size:12.5px}
.agb-row:nth-child(even){background:rgba(255,255,255,.02)}
.agb-row.me{background:rgba(216,181,106,.12)}
.agb-r{font-family:var(--mono);color:var(--muted);min-width:20px;text-align:center}
.agb-u{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agb-s{font-family:var(--mono);font-weight:700;color:var(--olive-bright)}
.ag-controls:empty{display:none}
.ag-hint{font-size:12px;color:var(--text-dim);text-align:center;line-height:1.5;max-width:440px;margin:10px auto 0;padding:0 8px}
.ag-hint span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.ag-pad{display:flex;gap:7px;margin-top:10px}
.ag-pad button{flex:1;padding:14px 0;font-size:20px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;color:var(--text);cursor:pointer;font-family:inherit;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.ag-pad button:active{background:var(--surface-3);transform:scale(.95)}
.ag-pad button.hard{background:linear-gradient(135deg,var(--sand),var(--sand-bright));border-color:#a9781c;color:#2a1e08}
.sh-pad button[data-k=jump]{flex:2;font-size:16px}
.arcade-cabinet.cab-online .ac-screen{background:radial-gradient(circle at 50% 40%,#1f5a4a,#0a1614)}
.arcade-cabinet.cab-rounds .ac-screen{background:radial-gradient(circle at 50% 40%,#3a2f5e,#140f26)}
.ac-live{color:#7fe0a0;font-weight:600}
.mp-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.mp-top-t{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--sand-bright)}
.sl-buyin{max-width:340px}
.sl-desc{font-size:12.5px;color:var(--olive-bright);line-height:1.5;margin:8px 0 14px}
.sl-stakerow{font-size:14px;color:var(--text);margin-bottom:6px}.sl-stakerow b{color:var(--sand-bright);font-family:var(--mono)}
#sl-stake{width:100%;accent-color:var(--sand);margin:2px 0 4px}
.sl-bal{font-size:12px;color:var(--muted);margin:6px 0 14px}.sl-bal b{color:var(--text)}
.sl-acts{display:flex;gap:8px}.sl-acts .btn{flex:1}
.sl-pad button{flex:1}.sl-pad .sl-boost{background:var(--surface-3)}
.arcade-cabinet.cab-football .ac-screen{background:radial-gradient(circle at 50% 40%,#2c6b38,#0c1a10)}
.k-res{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:6px 10px;border-radius:8px;background:var(--surface-2)}
.k-res.me{background:rgba(216,181,106,.15);color:var(--sand-bright);font-weight:700}
.k-res span:last-child{color:var(--olive-bright);font-family:var(--mono)}
.k-pad button{flex:1}.k-pad .hard{flex:1.4}
.fb-intro{max-width:360px}
.fb-modes{display:flex;gap:8px;margin:4px 0 12px}
.fb-mode{flex:1;padding:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);border-radius:10px;font-weight:700;cursor:pointer;font-family:inherit}
.fb-mode.on{background:var(--sand);color:#241b13;border-color:var(--sand)}
.fb-stakerow{font-size:12px;color:var(--muted);margin-bottom:5px}
.fb-chips{display:flex;gap:6px;margin-bottom:12px}
.fb-chip{flex:1;padding:8px 0;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);border-radius:9px;font-size:12.5px;cursor:pointer;font-family:var(--mono)}
.fb-chip.on{background:var(--accent-soft,rgba(226,161,73,.15));color:var(--sand-bright);border-color:var(--sand)}
.fb-wait{font-family:var(--mono);font-size:22px;color:var(--sand-bright);margin:12px 0 14px}
.fb-pad button{flex:1}
.crash-stage{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:24px 14px 14px;margin-bottom:14px;overflow:hidden}
.crash-mult{text-align:center;font-family:var(--mono);font-weight:700;font-size:clamp(40px,11vw,64px);color:var(--olive-bright);line-height:1;text-shadow:0 0 30px rgba(174,184,111,.3)}
.crash-track{position:relative;height:40px;margin-top:16px}
.crash-chick{position:absolute;left:4%;top:50%;transform:translateY(-50%);font-size:28px;transition:left .1s linear}
.crash-chick.running{animation:bob .4s infinite}
.crash-chick.caught{animation:caught .5s ease}
@keyframes caught{0%{transform:translateY(-50%) scale(1) rotate(0)}30%{transform:translateY(-80%) scale(1.5) rotate(-12deg)}60%{transform:translateY(-50%) scale(1.2) rotate(8deg)}100%{transform:translateY(-50%) scale(1) rotate(0)}}
@keyframes bob{0%,100%{transform:translateY(-50%)}50%{transform:translateY(-70%)}}
.crash-fox{position:absolute;right:2%;top:50%;transform:translateY(-50%);font-size:26px;opacity:.6}
.crash-result{text-align:center;font-family:var(--mono);font-size:13px;color:var(--text-dim);min-height:20px;margin-bottom:12px}
/* 🏗️ Turmbau */
.tower-stage{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin-bottom:12px;display:flex;justify-content:center}
#tower-canvas{display:block;width:100%;max-width:320px;height:auto}
.tower-mult{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-weight:800;font-size:30px;color:var(--sand-bright);text-shadow:0 2px 10px rgba(0,0,0,.6);pointer-events:none}
.tower-result{text-align:center;font-family:var(--mono);font-size:13px;color:var(--text-dim);min-height:20px;margin-bottom:12px}
.tower-shake{animation:towerShake .5s ease-in-out}
@keyframes towerShake{0%,100%{transform:translateX(0)}15%{transform:translateX(-7px) rotate(-1deg)}30%{transform:translateX(6px) rotate(1deg)}45%{transform:translateX(-5px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}

/* 🐐 Ziegen Melken */
.goat-stage{position:relative;background:radial-gradient(120% 90% at 50% 8%,rgba(120,150,90,.18),transparent 60%),var(--bg);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin-bottom:12px;display:flex;justify-content:center;padding:6px 0}
.goat-svg{display:block;width:100%;max-width:300px;height:auto}
.goat-mult{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-weight:800;font-size:28px;color:var(--sand-bright);text-shadow:0 2px 10px rgba(0,0,0,.65);pointer-events:none;z-index:2;transition:color .2s}
.goat-mult.pop{animation:goatPop .4s ease-out}
@keyframes goatPop{0%{transform:translateX(-50%) scale(1)}40%{transform:translateX(-50%) scale(1.35)}100%{transform:translateX(-50%) scale(1)}}
.goat-result{text-align:center;font-family:var(--mono);font-size:13px;color:var(--text-dim);min-height:20px;margin-bottom:12px}
.goat-teat{cursor:default;transform-box:fill-box;transform-origin:center top}
.goat-stage.live .goat-teat{cursor:pointer;animation:teatSway 2.4s ease-in-out infinite}
.goat-stage.live .goat-teat:nth-child(2){animation-delay:.3s}
.goat-stage.live .goat-teat:nth-child(3){animation-delay:.6s}
.goat-stage.live .goat-teat:nth-child(4){animation-delay:.9s}
.goat-stage.live .goat-teat:hover{filter:drop-shadow(0 0 5px rgba(255,255,255,.85))}
.goat-stage.live .goat-teat:hover path{transform:scaleY(1.12);transform-box:fill-box;transform-origin:center top}
@keyframes teatSway{0%,100%{transform:rotate(0deg)}50%{transform:rotate(2.5deg)}}
.goat-teat .tt-badge{opacity:0;transition:opacity .15s;pointer-events:none}
.goat-teat .tt-badge circle{fill:#555}
.goat-teat .tt-badge text{font:800 13px var(--mono,monospace);fill:#fff}
.goat-teat.rv-up .tt-badge,.goat-teat.rv-down .tt-badge,.goat-teat.rv-bust .tt-badge{opacity:1}
.goat-teat.rv-up .tt-badge circle{fill:#3fa34d}
.goat-teat.rv-down .tt-badge circle{fill:#d98a2b}
.goat-teat.rv-bust .tt-badge circle{fill:#c0392b}
.goat-teat.rv-up path{fill:#7fd48c}
.goat-teat.rv-bust path{fill:#e07a6f}
.goat-stage.kick .goat-svg{animation:goatKick .5s ease-in-out}
@keyframes goatKick{0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-8px) rotate(-1.5deg)}40%{transform:translateX(7px) rotate(1.5deg)}60%{transform:translateX(-5px) rotate(-1deg)}80%{transform:translateX(3px)}}
#goat-stream .drop{fill:#fff}
@keyframes goatDrop{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:.9;transform:translateY(var(--dy,26px)) scale(1)}}
@keyframes goatSplash{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(1.5)}}
/* 🀄 Baccarat */
.bacc-table{display:flex;align-items:stretch;gap:10px;background:radial-gradient(120% 100% at 50% 0,rgba(80,120,70,.22),transparent 65%),var(--bg);border:1px solid var(--border);border-radius:14px;padding:16px 12px;margin-bottom:12px}
.bacc-hand{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.bacc-hand-h{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--text-dim)}
.bacc-hand-h b{color:var(--sand-bright)}
.bacc-cards{display:flex;gap:6px;min-height:62px;flex-wrap:wrap;justify-content:center}
.bacc-card{width:42px;height:60px;background:#f5efe0;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;padding:4px 5px;font-family:var(--mono);font-weight:800;font-size:15px;color:#2a2018;box-shadow:0 2px 6px rgba(0,0,0,.35);animation:baccIn .25s ease-out}
.bacc-card.red{color:#c0392b}
.bacc-card span:last-child{align-self:flex-end}
@keyframes baccIn{from{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:none}}
.bacc-vs{align-self:center;font-family:var(--mono);font-weight:800;font-size:12px;color:var(--muted)}
.bacc-bets{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}
.bacc-bet{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s}
.bacc-bet b{font-size:13px}
.bacc-bet span{font-family:var(--mono);font-size:11px;color:var(--sand-bright)}
.bacc-bet:hover{border-color:var(--sand-bright)}
.bacc-bet.sel{background:var(--sand-bright);border-color:var(--sand-bright);color:#2a1c06}
.bacc-bet.sel span{color:#5a3d10}
/* 🪱 Worms 1v1 */
.wm-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;margin-bottom:8px;flex-wrap:wrap}
.wm-turn{font-weight:800;color:var(--text-dim)}.wm-turn.me{color:var(--olive-bright)}
.wm-wind,.wm-pot{color:var(--sand-bright)}
.wm-stage{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#1a2230;line-height:0}
.wm-canvas{width:100%;height:auto;display:block}
.wm-hp{display:flex;gap:10px;margin:10px 0}
.wm-hpi{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:11px}
.wm-hpi span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96px}
.wm-hpbar{flex:1;height:7px;background:var(--surface-3);border-radius:4px;overflow:hidden}
.wm-hpfill{height:100%;background:linear-gradient(90deg,#e04a4a,#e0a94a,#7fd44a);border-radius:4px;transition:width .3s}
.wm-hpi b{font-family:var(--mono);min-width:26px;text-align:right}
.wm-controls{display:flex;flex-direction:column;gap:8px}
.wm-weapons{display:flex;gap:6px;flex-wrap:wrap}
.wm-wbtn{flex:1;min-width:74px;padding:7px 6px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font-family:inherit;font-size:11px;transition:.15s}
.wm-wbtn b{color:var(--sand-bright)}
.wm-wbtn.sel{background:var(--sand-bright);border-color:var(--sand-bright);color:#2a1c06}
.wm-wbtn.sel b{color:#5a3d10}
.wm-wbtn:disabled{opacity:.4;cursor:not-allowed}
.wm-row{display:flex;align-items:center;justify-content:center;gap:12px}
.wm-fuel{font-family:var(--mono);font-size:12px;color:var(--sand-bright)}
.wm-slider{display:flex;flex-direction:column;gap:3px}
.wm-slider label{font-family:var(--mono);font-size:11px;color:var(--text-dim);display:flex;justify-content:space-between}
.wm-slider label b{color:var(--sand-bright)}
.wm-slider input[type=range]{width:100%;accent-color:var(--sand)}
.wm-fire{width:100%}
.wm-wait{text-align:center;font-family:var(--mono);font-size:12px;color:var(--text-dim);padding:8px}
.wm-log{margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.6}
/* 🎴 Live Blackjack (Hot Chaya) */
.bjl-table{display:flex;gap:12px;background:radial-gradient(120% 100% at 50% 0,rgba(140,30,45,.18),transparent 60%),var(--bg);border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:12px}
.bjl-dealer{position:relative;flex:0 0 132px;width:132px;height:176px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#2a1418,#181012);border:1px solid var(--border)}
.bjl-dealer-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--sand-bright);font-family:var(--mono);font-size:12px;text-align:center}
.bjl-ph-ico{font-size:42px}
.bjl-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;opacity:0;transition:opacity .2s}
.bjl-sprite.on{opacity:1}
.bjl-emote{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.6);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:20px;animation:bjlPop .3s ease-out}
@keyframes bjlPop{0%{transform:scale(0)}70%{transform:scale(1.3)}100%{transform:scale(1)}}
.bjl-felt{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:radial-gradient(circle at 50% 35%,#1e6e3a,#123f22);border-radius:11px;padding:12px 14px;border:1px solid rgba(0,0,0,.3)}
.bjl-hand-l{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.85);margin-bottom:6px}
.bjl-hand-l b{color:#ffe27a}
.bjl-cards{display:flex;gap:6px;min-height:54px;flex-wrap:wrap}
.bjl-card{width:38px;height:54px;background:#f5efe0;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;padding:3px 5px;font-family:var(--mono);font-weight:800;font-size:14px;color:#2a2018;box-shadow:0 2px 5px rgba(0,0,0,.4);animation:baccIn .25s ease-out}
.bjl-card.red{color:#c0392b}
.bjl-card span:last-child{align-self:flex-end}
.bjl-card.back{background:repeating-linear-gradient(45deg,#7a2530,#7a2530 5px,#8f2e3a 5px,#8f2e3a 10px);border:1px solid #c98f9a}
.bjl-actions{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.game-tease{margin-top:6px;font-family:var(--mono);font-size:12px;color:var(--amber);font-style:italic;animation:teasePop .35s ease-out}
.game-tease b{color:var(--sand-bright);font-style:normal}
@keyframes teasePop{0%{opacity:0;transform:translateY(-4px)}100%{opacity:1;transform:translateY(0)}}
.coin{font-size:72px;text-align:center;margin:6px 0 14px;transition:transform .1s}
.coin.flipping{animation:flip .3s linear infinite}
@keyframes flip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}100%{transform:rotateY(360deg) scale(1)}}
.cf-pick,.dice-dir{display:flex;gap:10px;justify-content:center;margin-bottom:12px}
.cf-opt,.dd-opt{flex:1;max-width:150px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:14px;padding:11px;border-radius:var(--r-md);cursor:pointer;transition:.14s}
.cf-opt.sel,.dd-opt.sel{border-color:var(--sand);background:var(--surface-3);color:var(--sand-bright)}
.dice-roll{text-align:center;font-family:var(--mono);font-weight:700;font-size:56px;color:var(--sand-bright);line-height:1;margin-bottom:12px}
#dice-target{accent-color:var(--sand)}
.dice-info{text-align:center;font-family:var(--mono);font-size:12px;color:var(--text-dim);margin-bottom:10px}.dice-info b{color:var(--sand-bright)}
.wheel-viewport{position:relative;height:64px;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);margin-bottom:14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.wheel-strip{display:flex;height:100%;will-change:transform}
.wheel-cell{flex:0 0 72px;width:72px;height:100%;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:18px;border-right:1px solid var(--border-soft)}
.wheel-marker{position:absolute;top:0;left:50%;transform:translateX(-50%);color:var(--sand-bright);font-size:16px;text-shadow:0 0 8px rgba(0,0,0,.8);z-index:2}
.wheel-viewport::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:var(--sand);opacity:.5;z-index:1}
/* 💰 Money Wheel */
.mw-stage{position:relative;width:100%;max-width:360px;margin:2px auto 4px;aspect-ratio:1/1}
#mw-canvas{width:100%;height:100%;display:block;border-radius:50%;filter:drop-shadow(0 12px 34px rgba(0,0,0,.55))}
.mw-pointer{position:absolute;left:50%;top:-3px;z-index:4;width:0;height:0;transform:translateX(-50%);transform-origin:50% 2px;
  border-left:14px solid transparent;border-right:14px solid transparent;border-top:26px solid var(--sand-bright);
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))}
.mw-pointer.tick{animation:mwTick .1s ease-out}
@keyframes mwTick{0%{transform:translateX(-50%) rotate(0)}50%{transform:translateX(-50%) rotate(-15deg)}100%{transform:translateX(-50%) rotate(0)}}
.mw-flash{position:absolute;inset:-6%;z-index:2;border-radius:50%;pointer-events:none}
.mw-flash.go{animation:mwFlash .9s ease-out}
.mw-flash[hidden]{display:none}
@keyframes mwFlash{0%{opacity:0;transform:scale(.55);box-shadow:0 0 0 0 rgba(255,240,180,.7)}30%{opacity:1}100%{opacity:0;transform:scale(1.3);box-shadow:0 0 90px 40px rgba(255,220,120,.55)}}
.mw-result{text-align:center;font-family:var(--mono);font-size:13px;color:var(--text-dim);min-height:22px;margin:8px 0 10px}
.mw-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
@media(max-width:430px){.mw-colors{grid-template-columns:repeat(2,1fr)}}
.mw-col{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;border-radius:11px;cursor:pointer;
  border:2px solid transparent;background:var(--surface-2);transition:.14s;overflow:hidden}
.mw-col::before{content:'';position:absolute;inset:0;opacity:.13;background:var(--mwc)}
.mw-col:hover{border-color:var(--muted)}
.mw-col.sel{border-color:var(--mwc);box-shadow:0 0 0 1px var(--mwc),0 0 14px rgba(255,255,255,.1)}
.mw-col.sel::before{opacity:.24}
.mwc-dot{width:14px;height:14px;border-radius:50%;background:var(--mwc);box-shadow:0 0 7px var(--mwc);z-index:1}
.mwc-mult{font-family:var(--mono);font-weight:800;font-size:17px;color:var(--text);z-index:1;line-height:1}
.mwc-nm{font-size:9px;color:var(--muted);z-index:1;text-transform:uppercase;letter-spacing:.05em}
.mwc-ch{font-size:9px;color:var(--text-dim);z-index:1}
/* 🎴 Hi-Lo */
.hl-hist{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;min-height:22px;margin-bottom:4px}
.hl-hc{font-family:var(--mono);font-size:12px;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}
.hl-hc.red{color:#e06a52}
.hl-hc.win{border-color:var(--olive)}.hl-hc.lose{border-color:var(--brick);opacity:.6}.hl-hc.push{border-color:var(--muted);opacity:.8}
.hl-stage{display:flex;flex-direction:column;align-items:center;gap:9px;margin:8px 0 14px}
.hl-card{width:clamp(96px,27vw,124px);aspect-ratio:5/7;perspective:900px}
.hl-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.45,0,.3,1);border-radius:12px}
.hl-card.win .hl-card-inner{box-shadow:0 0 24px rgba(174,184,111,.65)}
.hl-card.lose .hl-card-inner{box-shadow:0 0 24px rgba(207,106,79,.65)}
.hl-card.push .hl-card-inner{box-shadow:0 0 18px rgba(216,181,106,.4)}
.hl-card-back,.hl-card-front{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hl-card-back{transform:rotateY(180deg);background:repeating-linear-gradient(45deg,#7a512e 0 7px,#5e3d22 7px 14px);border:2px solid #4a2f1a;font-size:38px}
.hl-card-front{background:linear-gradient(155deg,#f7f4ec,#e7e2d3);border:1px solid #b9b3a3;color:#1a1a1a;box-shadow:inset 0 1px 3px rgba(255,255,255,.7);font-family:var(--mono);font-weight:800}
.hlf-cnr{position:absolute;top:5px;left:7px;font-size:clamp(13px,3.4vw,17px);line-height:1;letter-spacing:-1px}
.hlf-r{font-size:clamp(34px,10vw,46px);line-height:.9}
.hlf-s{position:absolute;bottom:6px;right:8px;font-size:clamp(18px,5vw,26px)}
.hlf-r.red,.hlf-s.red,.hlf-cnr.red{color:#c0392b}
.hl-mult{font-family:var(--mono);font-weight:800;font-size:clamp(26px,8vw,38px);color:var(--sand-bright);text-shadow:0 2px 10px rgba(0,0,0,.4)}
.hl-mult.bump{animation:hlBump .4s ease-out}
@keyframes hlBump{0%{transform:scale(1);color:var(--olive-bright)}40%{transform:scale(1.22);color:var(--olive-bright)}100%{transform:scale(1)}}
.hl-guess{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.hl-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:12px;cursor:pointer;font-family:inherit;transition:.14s;border:2px solid transparent}
.hl-btn.hi{background:rgba(122,143,74,.16);color:var(--olive-bright);border-color:rgba(122,143,74,.4)}
.hl-btn.lo{background:rgba(207,106,79,.16);color:var(--brick);border-color:rgba(207,106,79,.4)}
.hl-btn:hover:not(:disabled){filter:brightness(1.18)}
.hl-btn:disabled{opacity:.32;cursor:not-allowed}
.hl-btn .hl-dir{font-size:13px;font-weight:700}
.hl-btn b{font-family:var(--mono);font-size:19px}
.hl-btn small{font-size:10px;opacity:.78}
.hl-cash-wrap{margin-bottom:6px}
.hl-cash{width:100%;font-size:15px;padding:12px}
/* Eierfall */
.plinko-board{position:relative;height:250px;background:radial-gradient(120% 90% at 50% 0%,rgba(216,181,106,.05),transparent 60%),var(--bg);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.plinko-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.plinko-buckets{display:flex;gap:2px;margin-top:6px}
.bucket{flex:1;text-align:center;font-family:var(--mono);font-size:10px;font-weight:700;padding:6px 1px;border-radius:5px;background:var(--surface-2);color:var(--text-dim);transition:.15s}
.bucket.hot{color:var(--sand-bright)}.bucket.cold{color:var(--muted)}
.bucket.hit{background:var(--sand);color:#1d1707;transform:translateY(-3px)}
/* Rubbel-Ei */
.scratch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:280px;margin:0 auto 14px}
.scratch-cell{position:relative;aspect-ratio:1;display:grid;place-items:center;font-size:34px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);overflow:hidden}
.scratch-cell.covered{background:repeating-linear-gradient(45deg,var(--surface-3),var(--surface-3) 6px,var(--surface-2) 6px,var(--surface-2) 12px);color:var(--muted);font-size:20px}
.sc-sym{position:absolute;inset:0;display:grid;place-items:center;font-size:34px}
.sc-sym.prize{background:rgba(216,181,106,.16);box-shadow:inset 0 0 0 2px var(--sand)}
.sc-foil{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;border-radius:var(--r-md)}
/* Roulette */
.roul-outside{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.ro-bet{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:11px;padding:9px 4px;border-radius:8px;cursor:pointer;transition:.14s}
.ro-bet.sel{border-color:var(--sand);background:var(--surface-3);color:var(--sand-bright)}
.roul-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:3px;margin-bottom:12px}
.rn{aspect-ratio:1;border:1px solid var(--border);border-radius:5px;font-family:var(--mono);font-size:11px;font-weight:700;cursor:pointer;color:#fff;transition:.12s}
.rn-red{background:#8a3a2a}.rn-black{background:#2a2822}.rn-green{background:#3f4a26}
.rn.sel{outline:2px solid var(--sand-bright);outline-offset:1px}
.rn:hover{filter:brightness(1.2)}
/* Fuchs im Stall */
.mines-topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.mines-foxsel{font-family:var(--mono);font-size:11px;color:var(--muted)}
.mines-foxsel .fx{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:12px;padding:5px 9px;border-radius:7px;cursor:pointer;margin-left:3px}
.mines-foxsel .fx.sel{border-color:var(--sand);background:var(--surface-3);color:var(--sand-bright)}
.mines-mult{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.mines-mult b{color:var(--sand-bright)}
.mines-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-width:300px;margin:0 auto 14px}
.mine-tile{aspect-ratio:1;background:var(--surface-3);border:1px solid var(--border);border-radius:9px;font-size:22px;cursor:pointer;transition:.12s;display:grid;place-items:center}
.mine-tile:hover:not(:disabled):not(.open){background:var(--surface-2);border-color:var(--sand)}
.mine-tile:disabled{cursor:default}
.mine-tile.open{background:var(--bg)}
.mine-tile.egg{border-color:var(--olive)}
.mine-tile.fox{border-color:var(--brick);background:rgba(207,106,79,.14);animation:reelLand .3s ease}
/* Pump-Ei */
.pump-stage{height:150px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:12px;overflow:hidden}
.pump-egg{font-size:54px;line-height:1;transition:transform .18s cubic-bezier(.3,1.5,.5,1)}
.pump-egg.popped{animation:pop .4s ease}
@keyframes pop{0%{transform:scale(2)}40%{transform:scale(2.6) rotate(10deg)}100%{transform:scale(1.4)}}
.pump-mult{text-align:center;font-family:var(--mono);font-weight:700;font-size:40px;color:var(--olive-bright);line-height:1;margin-bottom:10px}
/* Blackjack */
.bj-area{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;margin-bottom:12px}
.bj-row{display:flex;align-items:center;gap:12px;padding:8px 0}
.bj-row+.bj-row{border-top:1px solid var(--border-soft)}
.bj-label{font-family:var(--mono);font-size:11px;color:var(--muted);width:88px;flex-shrink:0}.bj-label b{color:var(--sand-bright);font-size:14px}
.bj-hand{display:flex;gap:6px;flex-wrap:wrap}
.bj-card{min-width:34px;height:48px;padding:0 6px;background:#ece6d6;color:#1d1707;border-radius:6px;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:18px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.bj-card.back{background:linear-gradient(135deg,var(--sand),var(--amber));color:#1d1707;font-size:22px}
.bj-actions{display:flex;gap:8px;justify-content:center;margin-bottom:10px;min-height:1px}
.bj-actions .btn{min-width:80px}
/* Roulette-Rad */
.roul-wheel-wrap{position:relative;width:260px;height:260px;margin:0 auto 16px}
.roul-wheel-rot{position:absolute;inset:0;will-change:transform;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}
.roul-ball-track{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform;pointer-events:none}
.roul-ball{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b8b0a0);box-shadow:0 1px 3px rgba(0,0,0,.6)}
.roul-pointer{position:absolute;top:-10px;left:50%;transform:translateX(-50%);color:var(--sand-bright);font-size:18px;z-index:3;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.roul-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--surface);border:2px solid var(--border);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:22px;color:var(--text);z-index:2}
.roul-center.rd-red{color:#e57a5f;border-color:#8a3a2a}.roul-center.rd-black{color:var(--text-dim)}.roul-center.rd-green{color:var(--olive-bright);border-color:#3f6d2a}
/* Blackjack-Karten */
.bj-hand{min-height:64px}
.pcard{width:44px;height:62px;perspective:500px;animation:dealIn .3s ease}
@keyframes dealIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
.pcard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,.8,.3,1)}
.pcard.flipped .pcard-inner{transform:rotateY(180deg)}
.pcard-back,.pcard-front{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-family:var(--mono);font-weight:700}
.pcard-back{background:linear-gradient(135deg,var(--sand),var(--amber));font-size:26px}
.pcard-front{background:#ece6d6;color:#1d1707;transform:rotateY(180deg);font-size:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.pcard-front.red{color:#b23b2a}
.pcard-front .suit{font-size:15px;margin-top:2px}
/* Hühner-Kiste */
.case-viewport{position:relative;height:132px;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(180deg,#100f0c,var(--bg));margin-bottom:12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.case-viewport.shake{animation:caseShake .45s ease}
@keyframes caseShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
.case-strip{display:flex;height:100%;will-change:transform}
.case-cell{flex:0 0 96px;width:96px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-right:1px solid rgba(0,0,0,.4);border-bottom:4px solid transparent;background:var(--surface-2)}
.case-cell .cc-emoji{font-size:32px;line-height:1}
.case-cell .cc-name{font-family:var(--mono);font-size:9px;color:var(--muted);max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-cell .cc-mult{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--text-dim)}
.case-cell.won{filter:brightness(1.18)}
.rar-gray{border-bottom-color:#6b6656;background:linear-gradient(180deg,var(--surface-2),#211f18)}
.rar-blue{border-bottom-color:#4a7db8;background:linear-gradient(180deg,var(--surface-2),#16233a)}
.rar-purple{border-bottom-color:#8a5cc0;background:linear-gradient(180deg,var(--surface-2),#241a38)}
.rar-pink{border-bottom-color:#cf5c9a;background:linear-gradient(180deg,var(--surface-2),#331a2a)}
.rar-red{border-bottom-color:#cf5147;background:linear-gradient(180deg,var(--surface-2),#331a17)}
.rar-gold{border-bottom-color:#e2b949;background:linear-gradient(180deg,var(--surface-2),#332913)}
.rar-blue .cc-mult{color:#7db0e8}.rar-purple .cc-mult{color:#b98ce0}.rar-pink .cc-mult{color:#e88cc0}.rar-red .cc-mult{color:#e57a5f}.rar-gold .cc-mult{color:var(--sand-bright)}
.case-marker{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:var(--sand-bright);box-shadow:0 0 8px var(--sand);z-index:2}
.case-marker::before,.case-marker::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border:6px solid transparent}
.case-marker::before{top:0;border-top-color:var(--sand-bright)}.case-marker::after{bottom:0;border-bottom-color:var(--sand-bright)}
.case-reveal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(12,11,9,.92);z-index:5;opacity:0;transform:scale(.6);transition:opacity .3s,transform .35s cubic-bezier(.2,1.4,.4,1);border-bottom:5px solid transparent}
.case-reveal.show{opacity:1;transform:scale(1)}
.case-reveal .cr-emoji{font-size:52px;line-height:1;filter:drop-shadow(0 0 14px currentColor)}
.case-reveal .cr-name{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--text)}
.case-reveal .cr-mult{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--sand-bright)}
.case-reveal.rar-gray{border-bottom-color:#6b6656;color:#9a927a}.case-reveal.rar-blue{border-bottom-color:#4a7db8;color:#7db0e8}.case-reveal.rar-purple{border-bottom-color:#8a5cc0;color:#b98ce0}.case-reveal.rar-pink{border-bottom-color:#cf5c9a;color:#e88cc0}.case-reveal.rar-red{border-bottom-color:#cf5147;color:#e57a5f}.case-reveal.rar-gold{border-bottom-color:#e2b949;color:var(--sand-bright)}
.case-odds{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:10px}
.co-item{font-family:var(--mono);font-size:11px;padding:3px 7px;border-radius:6px;background:var(--surface-2);border-bottom:2px solid var(--border);color:var(--text-dim)}
/* Rad-Jackpot */
.wheel-jackpot{text-align:center;font-family:var(--mono);font-size:13px;color:var(--text-dim);margin-bottom:10px;padding:8px;border-radius:10px;background:rgba(216,181,106,.08);border:1px solid var(--border)}
.wheel-jackpot b{color:var(--sand-bright);font-size:16px}
.wheel-jackpot.hit{animation:jackpotHit .5s ease 4}
@keyframes jackpotHit{0%,100%{background:rgba(216,181,106,.08)}50%{background:rgba(216,181,106,.4);transform:scale(1.04)}}
/* Multiplayer-Kniffel */
.kn-create{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.kn-create select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:13px;padding:8px 10px;border-radius:8px;cursor:pointer}
.kn-create label{font-family:var(--mono);font-size:12px;color:var(--muted)}
.kn-create input{width:80px}
.kn-hint{font-family:var(--mono);font-size:11px;color:var(--muted)}
.kn-lobby-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.kn-lobby-row:last-child{border-bottom:none}
.kn-empty{font-family:var(--mono);font-size:12px;color:var(--muted);padding:8px 0}
.kn-gamehead{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:6px}
.kn-gamehead span:last-child{color:var(--sand-bright);font-weight:700}
.kn-turn{text-align:center;font-family:var(--mono);font-size:15px;font-weight:700;color:var(--text);margin-bottom:12px;min-height:20px}
.kn-dice{display:flex;gap:8px;justify-content:center;margin-bottom:10px}
.kn-die{width:52px;height:52px;font-size:34px;line-height:1;display:grid;place-items:center;background:#ece6d6;color:#1d1707;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:.12s;padding:0}
.kn-die.held{border-color:var(--sand-bright);background:var(--sand);box-shadow:0 0 10px rgba(216,181,106,.4);transform:translateY(-3px)}
.kn-die.empty{background:var(--surface-2);color:var(--muted)}
.kn-die:disabled{cursor:default;opacity:.85}
.kn-controls{display:flex;gap:10px;align-items:center;justify-content:center;margin-bottom:14px}
.kn-controls span{font-family:var(--mono);font-size:11px;color:var(--muted)}
.kn-board-wrap{overflow-x:auto}
.kn-board{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px}
.kn-board th,.kn-board td{padding:6px 8px;text-align:center;border-bottom:1px solid var(--border-soft);white-space:nowrap}
.kn-board th{color:var(--muted);font-weight:700;font-size:11px}
.kn-board th.cur{color:var(--sand-bright)}
.kn-board td.kn-cat,.kn-board th:first-child{text-align:left;color:var(--text-dim)}
.kn-board td.filled{color:var(--text);font-weight:700}
.kn-board td.kn-e{color:var(--muted)}
.kn-board td.pick{color:var(--olive-bright);font-weight:700;cursor:pointer;background:rgba(174,184,111,.12);border-radius:5px}
.kn-board td.pick:hover{background:rgba(174,184,111,.28)}
.kn-board tr.sub td{color:var(--muted);font-size:11px}
.kn-board tr.total td{color:var(--sand-bright);font-weight:700;font-size:14px;border-top:2px solid var(--border);border-bottom:none}
.kn-actions{display:flex;gap:8px;justify-content:center;margin-top:14px}
/* Einsatz-Buttons + Autospin */
.stake-btns{display:inline-flex;gap:3px}
.stake-btns button{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:11px;font-weight:700;padding:5px 7px;border-radius:6px;cursor:pointer;transition:.12s}
.stake-btns button:hover{border-color:var(--sand);color:var(--sand-bright)}
.auto-ctl{display:inline-flex;gap:4px;align-items:center}
.auto-n{width:52px!important}
.auto-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:11px;font-weight:700;padding:7px 9px;border-radius:8px;cursor:pointer;transition:.12s;white-space:nowrap}
.auto-btn:hover{border-color:var(--sand);color:var(--sand-bright)}
.auto-btn.on{background:var(--brick);border-color:var(--brick);color:#fff}
/* Poker-Tisch */
.pk-note{font-family:var(--mono);font-size:12px;color:var(--muted);padding:10px 0;text-align:center}
.pk-community{display:flex;gap:6px;justify-content:center;margin:8px 0}
.pk-card{min-width:34px;height:48px;padding:0 5px;background:#ece6d6;color:#1d1707;border-radius:6px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:16px;line-height:1;box-shadow:0 2px 5px rgba(0,0,0,.35)}
.pk-card i{font-style:normal;font-size:13px}
.pk-card.red{color:#b23b2a}
.pk-card.back{background:linear-gradient(135deg,var(--sand),var(--amber));color:#1d1707;font-size:20px}
.pk-card.slot{background:transparent;border:1px dashed var(--border);box-shadow:none}
/* 🃏 gewinnende Karten hervorheben */
.pk-card.hl{background:linear-gradient(135deg,#fff2c8,#ecca81);box-shadow:0 0 0 2px var(--sand-bright),0 0 12px rgba(236,202,129,.7);transform:translateY(-3px);position:relative;z-index:1}
.pk-card.hl.red{color:#a5301f}
.pk-pot{text-align:center;font-family:var(--mono);font-size:12px;color:var(--sand-bright);font-weight:700;margin-bottom:12px}
.pk-seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.pk-seat{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px;transition:.15s}
.pk-seat.current{border-color:var(--sand-bright);box-shadow:0 0 0 2px var(--ring)}
.pk-seat.me{background:var(--surface-3)}
.pk-seat.folded{opacity:.5}
.pk-seat.out{opacity:.35}
.pk-seat.won{border-color:var(--sand-bright);background:linear-gradient(180deg,rgba(236,202,129,.14),var(--surface-2));box-shadow:0 0 0 2px var(--ring),0 6px 18px rgba(236,202,129,.18)}
.pk-win-badge{margin-right:3px}
.pk-seat-head{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--text);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-hole{display:flex;gap:4px;min-height:48px;align-items:center}
.pk-hole .pk-card{height:44px;font-size:15px}
.pk-fold{font-family:var(--mono);font-size:12px;color:var(--muted)}
.pk-info{font-family:var(--mono);font-size:11px;color:var(--text-dim);margin-top:5px}
.pk-info b{color:var(--brick)}
.pk-res{text-align:center;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--olive-bright);margin-bottom:10px}
.pk-res .pk-hand{color:var(--sand-bright)}
.pk-res-sub{font-size:11px;font-weight:400;color:var(--text-dim);margin-top:3px}
.pk-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;align-items:center}
.pk-raise{width:80px!important}
.pk-presets{display:inline-flex;gap:4px;align-items:center}
.pk-preset{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--sand-bright);
  background:rgba(0,0,0,.28);border:1px solid var(--border);border-radius:8px;padding:7px 9px;cursor:pointer;line-height:1;transition:.13s}
.pk-preset:hover{background:var(--sand);color:#1d1707;border-color:var(--sand)}
.pk-preset:active{transform:translateY(1px)}
/* 🏇 Der Stall */
.stall-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.stall-title{font-size:20px;font-weight:800}
.stall-sub{font-size:12.5px;color:var(--text-dim);max-width:52ch;margin-top:2px}
.stall-bal{font-family:var(--mono);font-weight:800;font-size:15px;color:var(--sand-bright);white-space:nowrap}
.stall-bar2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.stall-gap{flex:1 1 8px}
.stall-pill{font-size:11.5px;font-weight:700;color:var(--text);background:rgba(0,0,0,.28);border:1px solid var(--border);border-radius:10px;padding:5px 10px}
.stall-pill.dim{color:var(--text-dim);font-weight:600}
.stall-empty{text-align:center;color:var(--text-dim);padding:26px 12px;background:rgba(0,0,0,.2);border:1px dashed var(--border);border-radius:14px}
.stall-horses{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:14px}
.hcard{background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(0,0,0,.16));border:1px solid var(--border);border-radius:14px;padding:12px}
.hcv{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:10px;margin-bottom:9px;
  background:linear-gradient(#2b3b46 0%,#33454e 62%,#4a6438 62%,#3e5730 100%);border:1px solid var(--border)}
.hcard-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.hname{font-weight:800;font-size:15px}
.hmini{border:0;background:transparent;color:var(--text-dim);cursor:pointer;font-size:12px;padding:2px}
.hmini:hover{color:var(--sand-bright)}
.hmeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:7px 0 9px;font-size:10.5px;color:var(--text-dim)}
.phase{font-weight:700;color:var(--pc);border:1px solid color-mix(in srgb,var(--pc) 45%,transparent);border-radius:8px;padding:1px 7px}
.hsum{font-family:var(--mono);margin-left:auto}
.hstats{display:flex;flex-direction:column;gap:5px}
.srow{display:flex;align-items:center;gap:6px;font-size:11.5px}
.slab{width:58px;flex:0 0 auto;color:var(--text-dim)}
.sbar{flex:1;height:7px;background:rgba(0,0,0,.4);border-radius:5px;overflow:hidden}
.sbar-f{display:block;height:100%;background:linear-gradient(90deg,var(--sand),var(--sand-bright));border-radius:5px}
.sval{width:30px;text-align:right;font-family:var(--mono);font-weight:700}
.saff{font-family:var(--mono);font-size:10px;color:var(--olive-bright);width:34px;text-align:right}
.saff.q{color:var(--text-dim)}
.scls{font-family:var(--mono);font-size:10px;font-weight:800;padding:1px 6px;border-radius:6px;color:#1c1710;background:#83807a;flex:0 0 auto}
.scls-E{background:#83807a}.scls-D{background:#7fa06a}.scls-C{background:#5fb0a8}.scls-B{background:#6a8fd8;color:#fff}.scls-A{background:#b98cec;color:#fff}.scls-S{background:#e0b050}.scls-Sp{background:linear-gradient(90deg,#e0b050,#e08a4a);color:#2a1a06}
.hacts{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.hacts .btn{flex:1 1 auto}
.hacts .hrel{flex:0 0 auto}
.stall-panel{background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:14px;padding:13px;margin-bottom:12px}
.sp-h{font-weight:800;font-size:14px;margin-bottom:10px}
.sp-sub{font-weight:500;font-size:11.5px;color:var(--text-dim)}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:6px;margin-bottom:10px}
.plan-sel{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 8px;font:inherit;font-size:12px}
.trainer-now{font-size:12.5px;margin-bottom:10px}
.trainer-now .dim,.dim{color:var(--text-dim)}
.offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:10px}
.offer{background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:11px;padding:9px;text-align:center}
.off-star{font-size:13px;margin-bottom:5px}
.off-tr{font-size:10.5px;color:var(--text-dim);line-height:1.5;margin-bottom:8px;min-height:32px}
.wr-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:10px}
.wr-card{background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:11px;padding:9px;display:flex;flex-direction:column;gap:6px;align-items:stretch}
.wr-day{font-weight:800;font-size:13px}
.wr-cnt{font-size:11px;color:var(--text-dim)}
.wr-my{font-size:12px;font-weight:700;color:var(--olive-bright)}
.wr-sel{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:5px 6px;font:inherit;font-size:11.5px}
.wr-card .btn{width:100%}
.wr-results{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--border);padding-top:9px}
.wr-res{font-size:12px;color:var(--text)}
.wr-me{color:var(--sand-bright);font-weight:700}
.hlisted{color:var(--olive-bright)!important;border-color:color-mix(in srgb,var(--olive-bright) 45%,transparent)!important}
.mkt summary{cursor:pointer;list-style:none}.mkt summary::-webkit-details-marker{display:none}
.mkt summary::before{content:'▸ ';color:var(--text-dim)}.mkt[open] summary::before{content:'▾ '}
.mkt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px;margin-top:11px}
.mkt-card{background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:11px;padding:10px;display:flex;flex-direction:column;gap:5px}
.mkt-top{font-size:13.5px;display:flex;align-items:center;gap:6px}
.mkt-sub{font-size:10.5px;color:var(--text-dim)}
.mkt-price{font-family:var(--mono);font-weight:700;font-size:13px}
.mkt-price.deal{color:var(--olive-bright)}
.mkt-val{display:block;font-size:9.5px;color:var(--text-dim);font-weight:400}
.drf{margin-top:0}
.drf-create{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12.5px}
.drf-create select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 8px;font:inherit;font-size:12px}
.drf-lobbies{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.drf-lob{display:flex;justify-content:space-between;align-items:center;gap:8px;background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:10px;padding:7px 11px;font-size:12.5px}
.drf-players{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.drf-pl{font-size:12px;font-weight:600;background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:9px;padding:4px 9px}
.drf-pl.pick{border-color:var(--sand);color:var(--sand-bright);box-shadow:0 0 0 2px color-mix(in srgb,var(--sand) 25%,transparent)}
.drf-msg,.drf-turn{font-size:13px;margin-bottom:10px}
.drf-turn b{color:var(--sand-bright)}
.drf-acts,.drf-items{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.drf-used{font-size:11.5px;color:var(--text-dim);align-self:center}
.drf-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.drf-h{background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:11px;padding:9px;text-align:center;transition:.13s}
.drf-h.click{cursor:pointer}.drf-h.click:hover{border-color:var(--sand);transform:translateY(-2px)}
.drf-h.taken{opacity:.72}
.drf-hn{font-weight:700;font-size:12.5px}
.drf-form{font-size:11px;color:var(--sand-bright);letter-spacing:1px;margin:3px 0}
.drf-by{font-size:10.5px;color:var(--olive-bright)}
.drf-free{font-size:10.5px;color:var(--text-dim)}
.drf-result .drf-win{font-size:15px;font-weight:800;color:var(--sand-bright);margin-bottom:8px}
.drf-scores{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;font-size:12.5px}
.drf-pool.done{margin-bottom:10px}
.drf-form b.up{color:var(--olive-bright)}.drf-form b.dn{color:var(--brick)}
.strace-ov{position:fixed;inset:0;z-index:650;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}
.strace-card{background:var(--panel,#241d15);border:1px solid var(--border);border-radius:16px;padding:14px;width:min(560px,100%);box-shadow:0 18px 50px rgba(0,0,0,.55)}
.strace-h{font-weight:800;font-size:15px;margin-bottom:10px;text-align:center}
.strace-cv{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:10px;border:1px solid var(--border)}
.strace-res{text-align:center;margin-top:11px;font-size:14px}
.strace-res b{color:var(--sand-bright);font-size:16px}
.strace-x{display:block;margin:11px auto 0}
/* Kredithai */
.bank-score{font-family:var(--mono);font-size:14px;color:var(--text-dim);margin-bottom:6px}
.bank-score b{font-size:18px}
.rating-A{color:#7fbf5a}.rating-B{color:#aebf6f}.rating-C{color:var(--sand-bright)}.rating-D{color:var(--amber)}.rating-E{color:#e08a4a}.rating-F{color:var(--brick)}
.bank-bar{height:8px;background:var(--surface-3);border-radius:4px;overflow:hidden;margin-bottom:14px}
.bank-bar-fill{height:100%;transition:width .3s}
.rating-bg-A{background:#7fbf5a}.rating-bg-B{background:#aebf6f}.rating-bg-C{background:var(--sand)}.rating-bg-D{background:var(--amber)}.rating-bg-E{background:#e08a4a}.rating-bg-F{background:var(--brick)}
.bank-loan,.bank-take{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px}
.bank-loan.overdue{border-color:var(--brick);background:rgba(207,106,79,.1)}
.bank-loan-h{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--text);margin-bottom:8px}
.bank-loan-row{font-family:var(--mono);font-size:12px;color:var(--text-dim);margin-bottom:8px}.bank-loan-row b{color:var(--sand-bright)}
.bank-warn{color:var(--amber);font-size:11px;line-height:1.4}
.bank-preview{font-family:var(--mono);font-size:12px;color:var(--text-dim);margin:8px 0}.bank-preview b{color:var(--sand-bright)}
.bank-board-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.bank-board-row:last-child{border-bottom:none}
.bank-board-debt{color:var(--brick)}
/* Coinshop */
.shop-btn{background:linear-gradient(135deg,var(--sand),var(--amber));color:#1d1707;border:none;font-family:var(--mono);font-weight:700;font-size:13px;padding:7px 12px;border-radius:10px;cursor:pointer;transition:.15s;white-space:nowrap}
.shop-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.shop-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:40;backdrop-filter:blur(4px)}
.shop-drawer{position:fixed;inset:0;z-index:41;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .2s ease}
.shop-drawer.open{opacity:1}
.shop-card{width:min(780px,96vw);max-height:90vh;background:radial-gradient(120% 90% at 50% 0%,#241d12,var(--surface) 58%);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.6);transform:scale(.9) translateY(14px);opacity:.5;transition:transform .24s cubic-bezier(.2,.9,.3,1.25),opacity .24s}
.shop-drawer.open .shop-card{transform:scale(1) translateY(0);opacity:1}
.shop-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-weight:800;font-size:17px;color:var(--sand-bright);background:rgba(0,0,0,.22)}
.shop-head>span:first-child{flex:none}
.shop-x{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:2px 6px;line-height:1}
.shop-x:hover{color:var(--text)}
.shop-bal{margin-left:auto;font-family:var(--mono);font-size:13px;color:var(--text-dim);display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:5px 13px}
.shop-bal b{color:var(--sand-bright);font-size:15px}
.shop-bal-ic{font-size:14px}
.shop-items{flex:1;overflow-y:auto;padding:16px 18px}
.shop-sec{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--sand-bright);margin:6px 2px 11px;display:flex;align-items:center;gap:9px}
.shop-sec::after{content:"";flex:1;height:1px;background:var(--border)}
.shop-sec:not(:first-child){margin-top:20px}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}
.shop-item{position:relative;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:14px;padding:14px 13px 12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .14s ease,border-color .14s,box-shadow .14s}
.shop-item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sand);opacity:.85}
.shop-item:hover{transform:translateY(-3px);border-color:var(--sand);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.shop-item.cat-boost::before{background:linear-gradient(90deg,#e2a149,#ecca81)}
.shop-item.cat-up::before{background:linear-gradient(90deg,#5a9bd4,#6fc3d8)}
.shop-item.cat-free::before{background:linear-gradient(90deg,#7ac74f,#c2cc83)}
.shop-item.cat-status::before{background:linear-gradient(90deg,#b06ad0,#ecca81)}
.shop-item-top{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.shop-emoji{font-size:30px;line-height:1;flex:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));animation:shopFloat 3s ease-in-out infinite}
@keyframes shopFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-2deg)}}
.shop-emoji.a-double{animation:shopFlash 1.3s ease-in-out infinite}
@keyframes shopFlash{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(236,202,129,0))}50%{transform:scale(1.14);filter:drop-shadow(0 0 8px rgba(236,202,129,.85))}}
.shop-emoji.a-luck{animation:shopSpin 4s ease-in-out infinite}
@keyframes shopSpin{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
.shop-emoji.a-denkmal{animation:shopRise 3s ease-in-out infinite}
@keyframes shopRise{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 3px rgba(176,106,208,.5))}50%{transform:translateY(-4px);filter:drop-shadow(0 0 11px rgba(236,202,129,.75))}}
.shop-emoji.a-daily{animation:shopWiggle 2.2s ease-in-out infinite}
@keyframes shopWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}
.shop-item-info{min-width:0}
.shop-item-name{font-family:var(--mono);font-weight:800;font-size:13.5px;color:var(--text)}
.shop-item-desc{font-size:11px;color:var(--text-dim);line-height:1.4;margin-top:3px}
.shop-active{font-family:var(--mono);font-size:11px;color:var(--olive-bright);margin-bottom:8px;background:rgba(143,170,85,.12);border-radius:7px;padding:5px 8px}
.shop-lvl{display:flex;justify-content:space-between;gap:6px;font-family:var(--mono);font-size:11.5px;color:var(--text-dim);margin-bottom:9px}
.shop-cur{color:var(--sand-bright);text-align:right}
.shop-buy{width:100%;margin-top:auto;background:var(--surface-3);border:1px solid var(--sand);color:var(--sand-bright);font-family:var(--mono);font-weight:700;font-size:12px;padding:9px;border-radius:9px;cursor:pointer;transition:.12s}
.shop-buy:hover{background:var(--sand);color:#1d1707}
.shop-buy.off{opacity:.45;border-color:var(--border);cursor:default}
.shop-buy.off:hover{background:var(--surface-3);color:var(--sand-bright)}
.shop-buy.sub{margin-top:6px;background:transparent;border-color:var(--border);color:var(--text-dim);font-size:11px;padding:7px}
.shop-buy.sub:hover{border-color:var(--sand);background:var(--surface-3);color:var(--sand-bright)}
.slot-auto{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:8px;flex-wrap:wrap}
.slot-auto label{font-size:12px;color:var(--text-dim)}
.slot-auto input{width:60px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;text-align:center}
.shop-max{text-align:center;margin-top:auto;font-family:var(--mono);font-size:11.5px;color:var(--olive-bright);padding:7px;background:rgba(143,170,85,.1);border-radius:8px}
.shop-foot{padding:11px 18px;font-size:10px;color:var(--muted);border-top:1px solid var(--border-soft);line-height:1.4;background:rgba(0,0,0,.15)}
@media (max-width:560px){.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.shop-emoji{font-size:26px}.shop-card{max-height:94vh}}
/* Boost-Banner */
.boost-banner{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.boost-tag{background:linear-gradient(135deg,var(--olive),var(--olive-bright));color:#0f1408;font-family:var(--mono);font-weight:700;font-size:12px;padding:7px 12px;border-radius:10px;animation:boostPulse 1.6s ease-in-out infinite}
@keyframes boostPulse{0%,100%{opacity:1}50%{opacity:.72}}
/* Shop-Reiter + Kosmetik */
.shop-tabs{display:flex;gap:6px;padding:10px 14px 0}
.shop-tabs button{flex:1;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:12px;font-weight:700;padding:8px;border-radius:8px;cursor:pointer}
.shop-tabs button.active{background:var(--sand);border-color:var(--sand);color:#1d1707}
.cos-sec{margin-bottom:18px}
.cos-h{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--text);margin-bottom:8px}
.cos-row{display:flex;flex-wrap:wrap;gap:7px}
.cos-color{width:44px;height:44px;border-radius:10px;border:2px solid var(--border);cursor:pointer;font-family:var(--mono);font-size:10px;font-weight:700;color:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;transition:.12s}
.cos-color:hover{transform:scale(1.06)}
.cos-color.eq{border-color:#fff;box-shadow:0 0 0 2px var(--ring)}
.cos-av{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:7px 9px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:.12s}
.cos-av:hover{border-color:var(--sand)}
.cos-av.eq{border-color:var(--sand-bright);background:var(--surface-3)}
.cos-av-e{font-size:22px;line-height:1}
.cos-av-c{font-family:var(--mono);font-size:10px;color:var(--text-dim)}
.cos-title{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:13px;color:var(--text);transition:.12s}
.cos-title:hover{border-color:var(--sand)}
.cos-title.eq{border-color:var(--sand-bright);background:var(--surface-3);color:var(--sand-bright)}
.cos-clear{background:none;border:none;color:var(--muted);font-family:var(--mono);font-size:11px;cursor:pointer;padding:6px 0;text-decoration:underline}
.lb-av{font-size:16px;margin-right:2px}
.lb-nmwrap{display:flex;align-items:center;gap:6px;min-width:0}
.lb-nmcol{display:flex;flex-direction:column;gap:1px;min-width:0}
.lb-title{font-family:var(--mono);font-size:10px;color:var(--muted);font-style:italic}
/* Achievements */
.ach-sum{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--sand-bright);margin-bottom:8px}
.ach-stats{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:11px;color:var(--text-dim);margin-bottom:14px}
.ach-stats b{color:var(--text)}.ach-stats .win{color:var(--olive-bright)}.ach-stats .lose{color:var(--brick)}
.ach{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:8px;opacity:.75}
.ach.done{opacity:1;border-color:var(--sand);background:var(--surface-3)}
.ach-top{display:flex;gap:9px;align-items:flex-start}
.ach-e{font-size:22px;line-height:1.1}
.ach-i{flex:1;min-width:0}
.ach-n{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--text)}
.ach-d{font-size:11px;color:var(--text-dim);line-height:1.3}
.ach-r{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--sand-bright);white-space:nowrap}
.ach-bar{height:5px;background:var(--surface);border-radius:3px;overflow:hidden;margin-top:8px}
.ach-bar-f{height:100%;background:var(--sand);transition:width .3s}
.ach-p{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:3px;text-align:right}
.ach-title{font-family:var(--mono);font-size:11px;color:var(--olive-bright);margin-top:7px}
/* Admin-Tabs + Config-Editor */
.adm-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--border-soft);padding-bottom:12px}
.adm-tabs button{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:13px;font-weight:700;padding:9px 14px;border-radius:9px;cursor:pointer;transition:.12s}
.adm-tabs button:hover{border-color:var(--sand);color:var(--sand-bright)}
.adm-tabs button.active{background:var(--sand);border-color:var(--sand);color:#1d1707}
.cfg-note{font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.4}
.cfg-note b{color:var(--text-dim)}
.cfg-group{margin-top:16px}
.cfg-group-h{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--sand-bright);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-soft)}
.cfg-row{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:center;padding:7px 0}
.cfg-label{font-family:var(--mono);font-size:12px;color:var(--text-dim);display:flex;flex-direction:column;gap:2px}
.cfg-hint{font-size:10px;color:var(--muted)}
.cfg-input{background:var(--surface-2)!important;border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:12px;padding:7px 9px;border-radius:7px;width:100%}
.cfg-input:focus{border-color:var(--sand);outline:none}
.cfg-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.cfg-msg{font-family:var(--mono);font-size:12px;margin-top:8px;min-height:16px}
#cfg-raw-wrap textarea{width:100%;font-family:var(--mono);font-size:12px;line-height:1.5;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px}
@media (max-width:600px){.cfg-row{grid-template-columns:1fr 100px}}
/* Login mit Nutzerauswahl */
.login-users{display:flex;flex-direction:column;gap:7px}
.login-user{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:14px;font-weight:700;padding:13px;border-radius:10px;cursor:pointer;transition:.12s;display:flex;justify-content:space-between;align-items:center}
.login-user:hover{border-color:var(--sand);background:var(--surface-3)}
.lu-new{font-size:10px;color:var(--amber);font-weight:400}
.login-who{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--sand-bright);text-align:center;margin-bottom:14px}
/* 🔧 Wartungshinweis auf der Anmeldeseite (nicht blockierend) */
.login-maint{display:flex;gap:12px;align-items:flex-start;text-align:left;background:linear-gradient(135deg,rgba(232,176,74,.14),rgba(216,181,106,.08));border:1px solid rgba(232,176,74,.45);border-radius:12px;padding:12px 14px;margin-bottom:16px}
.login-maint .lm-ic{font-size:26px;line-height:1;flex:none}
.login-maint .lm-h{font-weight:800;color:var(--sand-bright);font-size:14px;margin-bottom:3px}
.login-maint .lm-msg{font-size:13px;color:var(--text);margin-bottom:3px}
.login-maint .lm-until{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--sand);margin-bottom:3px}
.login-maint .lm-foot{font-size:11px;color:var(--text-dim)}
/* Passwort-Gate */
.pwgate-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.pwgate{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px;max-width:380px;width:100%}
.pwgate h2{font-family:var(--mono);font-size:19px;color:var(--text);margin-bottom:6px}
.pwgate-sub{font-size:12px;color:var(--text-dim);margin-bottom:16px;line-height:1.45}
/* Profil */
.prof-id{display:flex;align-items:center;gap:12px}
.prof-av{font-size:34px}
.prof-name{font-family:var(--mono);font-weight:700;font-size:18px;color:var(--text)}
.prof-title{font-family:var(--mono);font-size:11px;color:var(--muted);font-style:italic}
.prof-bal{margin-left:auto;font-family:var(--mono);font-weight:700;font-size:17px;color:var(--sand-bright)}
.prof-hint{font-size:11px;color:var(--muted);margin-bottom:10px}
.prof-cos-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.prof-cos-row:last-child{border-bottom:none}
.prof-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;vertical-align:middle}
.prof-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:9px}
.prof-stats div{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:10px;text-align:center}
.prof-stats b{display:block;font-family:var(--mono);font-size:16px;color:var(--text)}
.prof-stats b.win{color:var(--olive-bright)}.prof-stats b.lose{color:var(--brick)}
.prof-stats span{font-size:10px;color:var(--muted)}
/* Admin-Nutzerliste */
.adm-user-row2{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:8px}
.au-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--mono);font-size:13px}
.au-top .un{font-weight:700;color:var(--text)}
.au-top .ub{margin-left:auto;color:var(--sand-bright);font-weight:700}
.au-acts{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.au-acts input{width:70px}
.au-uid{font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:rgba(216,181,106,.16);color:var(--sand-bright);letter-spacing:.5px}
.pw-tag{font-family:var(--mono);font-size:10px;padding:2px 6px;border-radius:5px}
.pw-tag.ok{background:rgba(143,170,85,.18);color:var(--olive-bright)}
.pw-tag.warn{background:rgba(232,176,74,.18);color:var(--amber)}
.pw-tag.new{background:rgba(207,106,79,.18);color:var(--brick)}
.pw-tag.strike{background:rgba(232,176,74,.2);color:var(--amber)}
.pw-tag.banned{background:rgba(207,106,79,.24);color:var(--brick);font-weight:700}
.pw-tag.danger{background:rgba(207,106,79,.28);color:#ffb59e;font-weight:700;border:1px solid rgba(207,106,79,.6)}
.adm-user-row2.pw-risk{border-color:rgba(207,106,79,.55);box-shadow:inset 0 0 0 1px rgba(207,106,79,.18)}
.adm-secwarn{background:rgba(207,106,79,.12);border:1px solid rgba(207,106,79,.5);border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:12px;color:#f0c0b0;line-height:1.5}
.adm-secwarn b{color:#ffb59e}
/* Moderation */
.mod-search{width:100%;margin:10px 0;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:13px;padding:10px;border-radius:8px}
.mod-list{display:flex;flex-direction:column;gap:6px}
.mod-urow{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:9px 11px;cursor:pointer;transition:.12s}
.mod-urow:hover{border-color:var(--sand)}
.mod-urow.hot{border-color:var(--brick)}
.mod-urow .mu-name{font-family:var(--mono);font-weight:700;font-size:13px}
.mod-urow .mu-bal{margin-left:auto;color:var(--sand-bright);font-family:var(--mono);font-size:12px}
.pw-tag.modr{background:rgba(63,122,214,.22);color:#8fbdf5}
.anom-card{background:rgba(207,106,79,.1);border:1px solid var(--brick);border-radius:var(--r-lg);padding:14px 16px;margin-bottom:14px}
.anom-card.esc-card{background:rgba(63,122,214,.1);border-color:#3f7ad6}
.esc-by{display:block;font-size:9.5px;color:var(--muted);margin-top:2px;font-family:var(--mono)}
.anom-card h3{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brick);margin-bottom:10px}
.anom-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--border-soft);font-size:13px;flex-wrap:wrap}
.anom-row:first-of-type{border-top:none}
.anom-row .ar-sev{font-size:12px}
.anom-row .ar-why{color:var(--text-dim);font-size:12px;flex:1;min-width:140px}
.anom-row .ar-acts{display:flex;gap:6px;margin-left:auto}
.anom-row.sev3 b{color:var(--brick)}
.anom-row.sev2 b{color:var(--amber)}
.anom-row .ar-u{min-width:88px}
.anom-row .ar-tags{display:flex;gap:4px;flex-wrap:wrap}
.anom-h-sub{font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--muted);margin-left:8px;text-transform:none}
/* Risiko-Score-Balken + Kategorie-Chips (geteilt: Radar, Admin-Anomalien, Mod-Dash) */
.cr-score{display:inline-block;width:64px;height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden;vertical-align:middle}
.cr-score i{display:block;height:100%;border-radius:99px}
.cr-score.sev1 i{background:var(--sand-bright)}.cr-score.sev2 i{background:var(--amber)}.cr-score.sev3 i{background:var(--brick)}
.cr-score-n{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text-dim);margin-left:4px}
.cr-chip{font-family:var(--mono);font-size:9.5px;color:var(--text-dim);background:var(--surface-3);border-radius:20px;padding:2px 7px;white-space:nowrap}
/* Cheat-Radar-Karte */
.cr-clean{display:flex;align-items:center;gap:12px}
.cr-clean-ic{font-size:30px}.cr-clean b{font-family:var(--mono);font-size:13px}
.cr-clean-t{font-size:12px;color:var(--olive-bright);margin-top:2px}
.cr-card{background:linear-gradient(160deg,rgba(207,106,79,.13),rgba(207,106,79,.03));border-color:rgba(207,106,79,.4)}
.cr-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.cr-head h3{margin:0;font-family:var(--mono);font-size:15px;color:var(--sand-bright)}
.cr-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}
.cr-kpi{background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:10px;padding:9px 6px;text-align:center}
.cr-kpi b{display:block;font-family:var(--mono);font-size:20px;color:var(--text)}
.cr-kpi span{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.cr-kpi.hi b{color:var(--brick)}.cr-kpi.md b{color:var(--amber)}.cr-kpi.lo b{color:var(--sand-bright)}
.cr-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.cr-catchip{font-family:var(--mono);font-size:11px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:4px 10px}
.cr-catchip b{color:var(--sand-bright);margin-left:2px}
.cr-tops{display:flex;flex-direction:column;gap:2px}
.cr-top-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--border-soft);flex-wrap:wrap}
.cr-top-row:first-child{border-top:none}
.cr-top-u{min-width:88px;font-size:13px}
.cr-top-tags{display:flex;gap:4px;flex-wrap:wrap;flex:1;min-width:120px}
.cr-top-acts{display:flex;gap:6px;margin-left:auto}
@media(max-width:640px){.cr-kpis{grid-template-columns:1fr 1fr}}
.mod-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.mod-sec{margin-top:16px}
.mod-sec h4{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.mod-strike-add{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:10px}
.mod-strike-add input,.mod-strike-add select{background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:13px;padding:8px;border-radius:7px}
.mod-strike-add .msa-reason{flex:1;min-width:160px}
.mod-strk{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;font-size:12.5px}
.mod-strk.active{border-color:var(--amber)}
.mod-strk.lifted{opacity:.5}
.mod-strk .ms-main{flex:1}
.mod-strk .ms-sub{color:var(--muted);font-size:11px}
.mod-led{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:6px 8px;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-size:12px}
.mod-led .ml-delta.pos{color:var(--olive-bright)}
.mod-led .ml-delta.neg{color:var(--brick)}
.mod-led .ml-reason{color:var(--text-dim)}
.mod-led.reverted{opacity:.45;text-decoration:line-through}
.mod-detail-bal{font-family:var(--mono);color:var(--sand-bright);font-weight:700}
.mod-lg{border:1px solid var(--border);border-radius:8px;margin-bottom:6px;background:var(--surface-2);overflow:hidden}
.mod-lg>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 11px;font-family:var(--mono);font-size:12.5px;user-select:none}
.mod-lg>summary::-webkit-details-marker{display:none}
.mod-lg>summary::before{content:'▸';color:var(--muted);transition:transform .15s}
.mod-lg[open]>summary::before{transform:rotate(90deg)}
.mod-lg>summary:hover{background:var(--surface-3)}
.mod-lg .lg-name{font-weight:700;color:var(--text)}
.mod-lg .lg-count{color:var(--muted);font-size:11px}
.mod-lg .lg-max{color:var(--amber);font-size:11px}
.mod-lg .lg-net{margin-left:auto;font-weight:700}
.mod-lg .lg-net.pos{color:var(--olive-bright)}
.mod-lg .lg-net.neg{color:var(--brick)}
.mod-lg .lg-body{border-top:1px solid var(--border-soft);max-height:280px;overflow-y:auto}
.mod-lg .lg-body .mod-led:last-child{border-bottom:none}
/* Passwort-Hinweis (nicht blockierend) */
.pw-hint{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(216,181,106,.12);border:1px solid var(--sand);color:var(--sand-bright);font-family:var(--mono);font-size:12px;padding:10px 14px;border-radius:10px;margin-bottom:14px}
.pw-hint-acts{display:flex;gap:8px;align-items:center}
.pw-hint-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:2px 6px}
.pw-hint-x:hover{color:var(--text)}
/* Info-Tab & Bubble-Cards */
.info-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.info-tabs button{flex:1;min-width:110px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:12px;font-weight:700;padding:9px;border-radius:9px;cursor:pointer;transition:.12s}
.info-tabs button:hover{border-color:var(--sand)}
.info-tabs button.active{background:var(--sand);border-color:var(--sand);color:#1d1707}
.bubble{display:flex;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin-bottom:10px;transition:.15s}
.bubble:hover{border-color:var(--border-strong,var(--sand))}
.bubble-icon{font-size:24px;line-height:1.2;flex-shrink:0;width:34px;text-align:center}
.bubble-body{flex:1;min-width:0}
.bubble-title{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--text);margin-bottom:4px}
.bubble-text{font-size:13px;color:var(--text-dim);line-height:1.55}
.bubble-text b{color:var(--sand-bright)}
.bubble-meta{display:flex;gap:7px;align-items:center;margin-bottom:5px;flex-wrap:wrap}
.log-tag{font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px}
.log-tag.feat{background:rgba(143,170,85,.2);color:var(--olive-bright)}
.log-tag.fix{background:rgba(232,176,74,.2);color:var(--amber)}
.log-tag.info{background:rgba(216,181,106,.16);color:var(--sand-bright)}
.log-v{font-family:var(--mono);font-size:10px;color:var(--sand-bright);font-weight:700}
.log-d{font-family:var(--mono);font-size:10px;color:var(--muted);margin-left:auto}
.bubble.log-feat{border-left:3px solid var(--olive)}
.bubble.log-fix{border-left:3px solid var(--amber)}
.bubble.log-info{border-left:3px solid var(--sand)}
.log-ver{font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:10px;text-align:right}
.log-ver b{color:var(--sand-bright)}
.adm-doc-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin-bottom:6px;font-family:var(--mono);font-size:12px;color:var(--text-dim)}
#atab-docs textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:12px;padding:9px;border-radius:8px;line-height:1.5}
/* ══ Multiplayer — Spielauswahl ══ */
.mp-hero{background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;margin-bottom:14px}
.mp-hero-t{font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.mp-games{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
@media(min-width:760px){.mp-games{grid-template-columns:1fr 1fr 1fr}}
.mp-game{position:relative;text-align:left;height:150px;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:0;cursor:pointer;transition:transform .16s,border-color .16s;overflow:hidden;color:var(--text)}
.mp-game:hover{border-color:var(--sand);transform:translateY(-3px)}
.mp-game.active{border-color:var(--sand-bright);box-shadow:0 0 0 1px var(--sand-bright)}
.mp-anim{position:absolute;inset:0;overflow:hidden;display:block}
.mp-game-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,19,16,.1) 42%,rgba(20,19,16,.85) 100%)}
.mp-game-info{position:absolute;left:13px;right:13px;bottom:10px;z-index:2;display:block}
.mp-game-name{font-family:var(--sans);font-weight:700;font-size:15px;color:var(--text);display:block;letter-spacing:-.01em;text-shadow:0 1px 5px rgba(0,0,0,.7)}
.mp-game-desc{font-size:10.5px;color:var(--text-dim);line-height:1.3;display:block;margin-top:2px}
.mp-game-players{position:absolute;top:9px;right:9px;z-index:3;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.04em;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.14);color:#fff;padding:2px 8px;border-radius:20px}
.mp-game-check{position:absolute;top:8px;left:9px;z-index:3;width:22px;height:22px;border-radius:50%;background:var(--sand-bright);color:#241b0a;display:none;align-items:center;justify-content:center;font-weight:800;font-size:12px}
.mp-game.active .mp-game-check{display:flex}
/* Kartensymbole in den Vorschauen */
.mpa-pc{width:26px;height:37px;border-radius:5px;background:linear-gradient(180deg,#f6f2e8,#e6e0d0);color:#1a1712;font-family:var(--mono);font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.45);border:1px solid #cbc5b3}
.mpa-pc.red{color:#c0392b}
/* Kniffel */
.mpa-kniffel{display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:8px;background:radial-gradient(120% 100% at 50% -10%,rgba(216,181,106,.08),transparent)}
.mpa-die{font-size:30px;animation:mpa-tumble 1.7s cubic-bezier(.5,0,.5,1) infinite}
.mpa-die.d2{animation-duration:2.1s;animation-delay:-.4s}.mpa-die.d3{animation-duration:1.4s;animation-delay:-.8s}
@keyframes mpa-tumble{0%{transform:translateY(6px) rotate(0)}50%{transform:translateY(-9px) rotate(190deg)}100%{transform:translateY(6px) rotate(360deg)}}
/* Poker */
.mpa-poker{background:radial-gradient(120% 100% at 50% -10%,var(--felt,#1e3226),var(--felt-2,#16241c))}
.mpa-comm{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:5px}
.mpa-comm .mpa-pc{opacity:0;animation:mpa-flip 3.4s ease-in-out infinite}
.mpa-comm .c1{animation-delay:.2s}.mpa-comm .c2{animation-delay:.7s}.mpa-comm .c3{animation-delay:1.2s}
@keyframes mpa-flip{0%{opacity:0;transform:rotateY(90deg) scale(.9)}12%,86%{opacity:1;transform:rotateY(0) scale(1)}100%{opacity:0}}
.mpa-hole{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex}
.mpa-hole .mpa-pc:nth-child(1){transform:rotate(-9deg);margin-right:-7px}.mpa-hole .mpa-pc:nth-child(2){transform:rotate(9deg)}
.mpa-chips{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.mpa-chip{width:15px;height:15px;border-radius:50%;border:2px dashed rgba(255,255,255,.5);animation:mpa-bob 1.6s ease-in-out infinite}
.mpa-chip.r{background:var(--brick)}.mpa-chip.b{background:#3f5a86;animation-delay:.2s}.mpa-chip.g{background:var(--olive-bright);animation-delay:.4s}
@keyframes mpa-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
/* Letztes Ei */
.mpa-ei{background:radial-gradient(120% 100% at 50% -10%,rgba(216,181,106,.08),transparent)}
.mpa-pile{position:absolute;top:30px;left:50%;width:26px;height:37px;transform:translateX(-50%)}
.mpa-pile .mpa-pc{position:absolute;left:0;top:0}
.mpa-pile .mpa-pc:nth-child(1){transform:rotate(-10deg)}.mpa-pile .mpa-pc:nth-child(2){transform:rotate(7deg) translate(3px,-2px)}
.mpa-hand{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex}
.mpa-hand .mpa-pc{margin-left:-12px}.mpa-hand .mpa-pc:first-child{margin-left:0}
.mpa-hand .mpa-pc:nth-child(1){transform:rotate(-12deg)}.mpa-hand .mpa-pc:nth-child(3){transform:rotate(12deg)}
.mpa-fly{position:absolute;bottom:16px;left:50%;margin-left:-13px;z-index:2;animation:mpa-play 2.4s ease-in-out infinite}
@keyframes mpa-play{0%{transform:translateY(0) rotate(0);opacity:0}14%{opacity:1}52%{transform:translateY(-52px) rotate(6deg)}70%{transform:translateY(-52px) rotate(6deg);opacity:1}82%{opacity:0}100%{opacity:0}}
/* Eier-Roulette */
.mpa-egg{display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% -10%,rgba(207,106,79,.1),transparent)}
.mpa-eggi{font-size:26px;animation:mpa-pump 2.6s ease-in infinite;transform-origin:center 60%;display:inline-block}
@keyframes mpa-pump{0%{transform:scale(.6)}72%{transform:scale(1.55)}84%{transform:scale(1.66) rotate(4deg)}88%{transform:scale(1.6);opacity:1}90%{transform:scale(2);opacity:0}100%{transform:scale(.6);opacity:0}}
.mpa-boom{position:absolute;font-size:34px;opacity:0;animation:mpa-boom 2.6s ease-in infinite}
@keyframes mpa-boom{0%,87%{opacity:0;transform:scale(.4)}90%{opacity:1;transform:scale(1.1)}96%{opacity:0;transform:scale(1.5)}100%{opacity:0}}
/* 🔫 Hühner-Roulette – Lobby-Vorschau */
.mpa-rr{display:flex;align-items:center;justify-content:center;gap:5px;background:radial-gradient(120% 100% at 50% -10%,rgba(207,106,79,.14),transparent)}
.mpa-rr-cyl{position:relative;width:32px;height:32px;border-radius:50%;border:2px solid #b98a5a;background:radial-gradient(circle at 50% 40%,#4a3a26,#1c150e);box-shadow:inset 0 0 6px rgba(0,0,0,.6);animation:mpa-rr-spin 2.4s cubic-bezier(.3,0,.15,1) infinite}
.mpa-rr-cyl i{position:absolute;width:7px;height:7px;border-radius:50%;background:#6a563c;top:50%;left:50%;margin:-3.5px;box-shadow:inset 0 0 2px rgba(0,0,0,.7)}
.mpa-rr-cyl i:nth-child(1){transform:rotate(0deg) translateY(-11px)}
.mpa-rr-cyl i:nth-child(2){transform:rotate(60deg) translateY(-11px)}
.mpa-rr-cyl i:nth-child(3){transform:rotate(120deg) translateY(-11px)}
.mpa-rr-cyl i:nth-child(4){transform:rotate(180deg) translateY(-11px)}
.mpa-rr-cyl i:nth-child(5){transform:rotate(240deg) translateY(-11px)}
.mpa-rr-cyl i.live{background:#d0453a;box-shadow:0 0 5px #e0552b}
.mpa-rr-cyl i:nth-child(6){transform:rotate(300deg) translateY(-11px)}
@keyframes mpa-rr-spin{0%,58%{transform:rotate(0)}80%,100%{transform:rotate(420deg)}}
.mpa-rr-gun{font-size:24px;transform:scaleX(-1);animation:mpa-rr-recoil 2.4s ease-in-out infinite}
@keyframes mpa-rr-recoil{0%,76%{transform:scaleX(-1) translateX(0) rotate(0)}82%{transform:scaleX(-1) translateX(5px) rotate(-10deg)}90%,100%{transform:scaleX(-1) translateX(0)}}
.mpa-rr-chick{font-size:22px;animation:mpa-rr-chick 2.4s ease-in-out infinite}
@keyframes mpa-rr-chick{0%,80%{transform:translateX(0) rotate(0)}84%{transform:translateX(4px) rotate(10deg)}92%,100%{transform:translateX(0)}}
.mpa-rr-flash{position:absolute;left:48%;font-size:22px;opacity:0;animation:mpa-rr-flash 2.4s ease-in-out infinite;filter:drop-shadow(0 0 6px #ffcf6a)}
@keyframes mpa-rr-flash{0%,79%{opacity:0;transform:scale(.3)}82%{opacity:1;transform:scale(1.3)}88%{opacity:0}100%{opacity:0}}
/* 🔫 Hühner-Roulette – Spielszene */
.rr-turn{text-align:center;font-family:var(--mono);font-size:14px;padding:10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);margin-bottom:10px;color:var(--text-dim)}
.rr-turn.you{background:rgba(174,184,111,.18);border-color:var(--olive);color:var(--text)}
.rr-turn.out{background:rgba(207,106,79,.16);border-color:var(--brick);color:var(--brick)}
.rr-turn.done{background:linear-gradient(90deg,rgba(216,181,106,.22),rgba(216,181,106,.06));border-color:var(--sand-bright);color:var(--sand-bright)}
.rr-turn b{color:inherit}
.rr-stage{position:relative;border-radius:16px;overflow:hidden;padding:14px 12px 12px;margin-bottom:12px;
  background:radial-gradient(120% 90% at 50% 0%,#2a1a16,#140d0b 70%);border:1px solid #4a2a22}
.rr-stage.shake{animation:rrShake .5s ease}
@keyframes rrShake{0%,100%{transform:translate(0,0)}20%{transform:translate(-7px,3px)}40%{transform:translate(8px,-2px)}60%{transform:translate(-5px,3px)}80%{transform:translate(5px,-1px)}}
.rr-flash{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 42%,rgba(255,240,200,.95),rgba(255,180,80,.4) 30%,transparent 60%)}
.rr-flash.show{animation:rrFlash .32s ease-out}
.rr-flash.big{background:radial-gradient(circle at 46% 42%,rgba(255,255,255,1),rgba(255,120,60,.7) 26%,rgba(200,30,20,.3) 46%,transparent 66%)}
.rr-flash.big.show{animation:rrFlashBig .5s ease-out}
@keyframes rrFlash{0%{opacity:0}30%{opacity:.9}100%{opacity:0}}
@keyframes rrFlashBig{0%{opacity:0}18%{opacity:1}100%{opacity:0}}
.rr-scene{position:relative;height:172px;display:flex;align-items:center;justify-content:center;gap:2px}
.rr-victim{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .2s;transform-origin:center bottom}
.rr-victim svg,.rr-victim .lb-av-emoji{filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
.rr-victim-nm{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text)}
.rr-victim.relief{animation:rrHop .5s ease}
@keyframes rrHop{0%,100%{transform:translateY(0)}40%{transform:translateY(-14px)}}
.rr-victim.dead{filter:grayscale(1) brightness(.6)}
.rr-victim.burst{animation:rrBurst .7s cubic-bezier(.3,.7,.3,1) forwards}
@keyframes rrBurst{0%{transform:scale(1) rotate(0)}18%{transform:scale(1.35) rotate(-6deg)}40%{transform:scale(.7) rotate(8deg) translateY(6px)}100%{transform:scale(.5) rotate(20deg) translateY(46px);opacity:.15}}
.rr-gun{position:relative;z-index:3;width:200px;max-width:52%;flex-shrink:0}
.rr-gun-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 7px rgba(0,0,0,.6))}
.rr-gun.recoil .rr-gun-svg{animation:rrRecoil .5s ease}   /* Rückstoß nach rechts – weg vom Huhn */
@keyframes rrRecoil{0%{transform:translateX(0) rotate(0)}18%{transform:translateX(13px) rotate(7deg)}100%{transform:translateX(0)}}
.rr-gun.tick .rr-gun-svg{animation:rrTick .3s ease}       /* nur ein Zucken beim *klick* */
@keyframes rrTick{0%,100%{transform:translateX(0)}45%{transform:translateX(3px)}}
.rr-gun-cyl{transition:transform .55s cubic-bezier(.2,.75,.2,1);transform-box:fill-box;transform-origin:center}
.rr-gun-trig{transition:transform .12s ease;transform-box:fill-box;transform-origin:60% 12%}
.rr-gun-trig.pull{transform:rotate(-26deg)}
.rr-muzzle{position:absolute;left:-20px;top:45%;width:44px;height:44px;border-radius:50%;opacity:0;z-index:4;transform:translateY(-50%);
  background:radial-gradient(circle,#fff 8%,#ffe08a 32%,#ff8a3a 54%,transparent 72%);filter:drop-shadow(0 0 8px #ffcf6a)}
.rr-muzzle.fire{animation:rrMuzzle .3s ease-out}
@keyframes rrMuzzle{0%{opacity:0;transform:translateY(-50%) scale(.3)}30%{opacity:1;transform:translateY(-50%) scale(1.5)}100%{opacity:0;transform:translateY(-50%) scale(1.8)}}
.rr-splat{position:absolute;left:38%;top:44%;z-index:5;pointer-events:none}
.rr-drop{position:absolute;background:#b21f1a;border-radius:1px;image-rendering:pixelated;box-shadow:0 0 2px rgba(120,10,8,.8);
  animation:rrDrop 1s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes rrDrop{0%{transform:translate(0,0);opacity:0}12%{opacity:1}100%{transform:translate(var(--dx),calc(var(--dy) + 30px));opacity:0}}
.rr-cyl-wrap{display:flex;justify-content:center;margin:4px 0 6px}
.rr-cyl{position:relative;width:96px;height:96px}
.rr-cyl-inner{position:relative;width:100%;height:100%;border-radius:50%;border:3px solid #b98a5a;
  background:radial-gradient(circle at 50% 38%,#5a4630,#241a10);box-shadow:inset 0 0 14px rgba(0,0,0,.7),0 3px 10px rgba(0,0,0,.5)}
.rr-cyl-inner.full{animation:rrCylSpin 1.1s cubic-bezier(.25,0,.15,1)}
@keyframes rrCylSpin{0%{transform:rotate(0)}100%{transform:rotate(480deg)}}
.rr-chamber{position:absolute;width:20px;height:20px;margin:-10px;border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#2a1f13,#0c0805);box-shadow:inset 0 0 4px rgba(0,0,0,.9),0 0 0 2px #7a5c34}
.rr-chamber.spent{background:radial-gradient(circle at 40% 35%,#6a5238,#3a2c1c);box-shadow:inset 0 0 3px rgba(0,0,0,.6),0 0 0 2px #8a6a3c}
.rr-cyl-hub{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c9a24a,#6a4c1e);box-shadow:0 0 0 2px #4a3418}
.rr-meta{display:flex;justify-content:center;gap:12px;font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.rr-meta .rr-odds{font-weight:700;color:var(--sand-bright)}
.rr-meta .rr-odds.hot{color:var(--brick);animation:cmPulse 1s ease-in-out infinite}
.rr-actions{display:flex;justify-content:center;margin-bottom:10px}
.rr-pull-btn{background:linear-gradient(160deg,#c9a24a,#8a6a2e);color:#241b13;font-weight:700;font-size:16px;padding:12px 26px;border:none;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.rr-pull-btn.danger{background:linear-gradient(160deg,#e0552b,#96311a);color:#fff;animation:cmPulse 1.1s ease-in-out infinite}
.rr-pull-btn:hover{filter:brightness(1.08)}
.rr-wait{font-family:var(--mono);font-size:13px;color:var(--muted);padding:10px}
.rr-players{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px}
.rr-pcard{display:flex;flex-direction:column;align-items:center;gap:3px;width:70px;padding:7px 4px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);transition:.15s}
.rr-pcard.cur{border-color:var(--sand-bright);background:rgba(216,181,106,.14);box-shadow:0 0 12px rgba(216,181,106,.25)}
.rr-pcard.me .rr-pc-nm{color:var(--sand-bright)}
.rr-pcard.dead{opacity:.42;filter:grayscale(.7)}
.rr-pc-av{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center}
.rr-pc-av .rr-pc-x{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px}
.rr-pc-nm{font-family:var(--mono);font-size:10px;color:var(--text-dim);max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rr-pc-turn{font-size:12px}
.rr-log{display:flex;flex-direction:column;gap:3px;max-height:150px;overflow-y:auto;font-family:var(--mono);font-size:11px}
.rr-log-row{padding:5px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-dim)}
.rr-log-row.bang{background:rgba(207,106,79,.16);color:var(--brick)}
.rr-log-row.win{background:rgba(216,181,106,.16);color:var(--sand-bright)}
.rr-log-row.reload{color:var(--muted)}
/* Lobby: Modus-Auswahl */
.rr-modepick{display:flex;gap:6px}
.rr-mode-b{flex:1;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;color:var(--text-dim);
  font-family:var(--mono);font-size:11px;padding:6px 4px;cursor:pointer;display:flex;flex-direction:column;gap:1px;line-height:1.2}
.rr-mode-b small{font-size:8.5px;color:var(--muted)}
.rr-mode-b.on{background:var(--sand);border-color:var(--sand-bright);color:#241b13}
.rr-mode-b.on small{color:rgba(36,27,19,.7)}
.lob-opt.col{flex-direction:column;align-items:stretch;gap:6px}
/* Worms */
.mpa-worms{overflow:hidden;background:linear-gradient(180deg,#20304a,#141822)}
.mpa-ground{position:absolute;left:0;right:0;bottom:0;height:32px;background:linear-gradient(180deg,#3a5a2e,#24401c);border-top:2px solid #4a7038;border-radius:40% 60% 0 0/60% 40% 0 0}
.mpa-turret{position:absolute;left:14px;bottom:24px;font-size:18px}
.mpa-target{position:absolute;right:16px;bottom:24px;font-size:18px}
.mpa-shell{position:absolute;left:28px;bottom:38px;animation:mpa-shellx 2.6s linear infinite}
.mpa-shell i{display:block;width:8px;height:8px;border-radius:50%;background:var(--sand-bright);box-shadow:0 0 5px var(--sand);animation:mpa-shelly 2.6s cubic-bezier(.3,-0.4,.7,1) infinite}
@keyframes mpa-shellx{0%{transform:translateX(0);opacity:0}8%{opacity:1}70%{transform:translateX(190px);opacity:1}74%{opacity:0}100%{transform:translateX(190px);opacity:0}}
@keyframes mpa-shelly{0%{transform:translateY(0)}35%{transform:translateY(-44px)}70%{transform:translateY(4px)}100%{transform:translateY(4px)}}
.mpa-wboom{position:absolute;right:10px;bottom:28px;font-size:24px;opacity:0;animation:mpa-wboom 2.6s ease-in infinite}
@keyframes mpa-wboom{0%,68%{opacity:0;transform:scale(.3)}74%{opacity:1;transform:scale(1.15)}84%{opacity:0;transform:scale(1.5)}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.mp-anim *{animation:none!important}}
/* 🎲 App-weites Einladungs-Popup */
.mp-invite-pop{position:fixed;top:64px;left:50%;transform:translateX(-50%);z-index:120;width:min(390px,94vw);animation:mpi-in .3s ease}
@keyframes mpi-in{from{opacity:0;transform:translate(-50%,-14px)}}
.mpi-card{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--sand-bright);border-radius:14px;padding:11px 13px;box-shadow:0 14px 40px rgba(0,0,0,.55)}
.mpi-ic{font-size:24px;flex:none;animation:mpi-wob 1.4s ease-in-out infinite}
@keyframes mpi-wob{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.mpi-main{flex:1;min-width:0}
.mpi-t{font-size:13px;color:var(--text-dim)}.mpi-t b{color:var(--text)}
.mpi-s{font-family:var(--mono);font-size:10.5px;color:var(--sand-bright);margin-top:2px}
.mpi-acts{display:flex;gap:6px;flex:none}
.mpi-no{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--sans)}
.mpi-no:hover{border-color:var(--muted);color:var(--text)}
.mpi-yes{background:var(--sand-bright);color:#241b0a;border:none;border-radius:9px;padding:8px 14px;font-size:12px;font-weight:800;cursor:pointer;font-family:var(--sans)}
.mpi-yes:hover{filter:brightness(1.06)}
/* 🎲 Offene-Lobbies-Popup (links, schließbar) */
.mp-lobbies-pop{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:118;width:min(232px,72vw);animation:mpi-in .3s ease}
.mlp-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.5);overflow:hidden}
.mlp-head{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:rgba(0,0,0,.22);border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.mlp-h-t b{color:var(--sand-bright);margin-left:2px}
.mlp-x{background:none;border:none;color:var(--muted);font-size:15px;cursor:pointer;line-height:1;padding:2px 4px}
.mlp-x:hover{color:var(--text)}
.mlp-list{display:flex;flex-direction:column;max-height:58vh;overflow-y:auto}
.mlp-row{display:flex;align-items:center;gap:8px;padding:9px 11px;background:none;border:none;border-top:1px solid var(--border-soft);cursor:pointer;text-align:left;width:100%;transition:background .12s}
.mlp-row:first-child{border-top:none}
.mlp-row:hover{background:var(--surface-2)}
.mlp-ic{font-size:20px;flex:none;line-height:1}
.mlp-mid{flex:1;min-width:0;display:flex;flex-direction:column}
.mlp-nm{font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mlp-sub{font-size:10.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mlp-pl{flex:none;font-family:var(--mono);font-size:10px;color:var(--text-dim);background:rgba(0,0,0,.25);border-radius:7px;padding:2px 6px;white-space:nowrap}
.mp-lobbies-handle{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:118;width:38px;height:46px;border:1px solid var(--border);border-left:none;border-radius:0 12px 12px 0;background:var(--surface);color:var(--sand-bright);font-size:20px;cursor:pointer;box-shadow:2px 4px 14px rgba(0,0,0,.4)}
.mp-lobbies-handle:hover{background:var(--surface-2)}
.mlh-badge{position:absolute;top:-5px;right:-5px;background:var(--brick);color:#fff;font-family:var(--mono);font-size:9px;font-weight:700;min-width:15px;height:15px;border-radius:99px;padding:0 3px;display:inline-flex;align-items:center;justify-content:center}
.mp-lobbies-handle.has-lobbies{background:var(--brick);color:#fff;border-color:var(--brick);animation:mlhPulse 1.9s ease-in-out infinite}
.mp-lobbies-handle.has-lobbies:hover{filter:brightness(1.1)}
@keyframes mlhPulse{0%,100%{box-shadow:2px 4px 14px rgba(0,0,0,.4)}50%{box-shadow:2px 4px 14px rgba(0,0,0,.4),0 0 0 4px rgba(178,58,42,.28)}}
@media(max-width:640px){.mp-lobbies-pop{top:auto;bottom:80px;transform:none;left:8px;width:min(220px,68vw)}.mp-lobbies-handle{top:auto;bottom:122px;transform:none}}
.mp-buyin{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px}
.mp-buyin-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:12px;color:var(--text-dim);margin-bottom:8px}
.mp-buyin-val{font-size:19px;font-weight:700;color:var(--sand-bright)}
.mp-buyin-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:9px 11px;color:var(--text);font-family:var(--mono);font-size:15px;font-weight:700}
.mp-buyin-input:focus{outline:none;border-color:var(--sand-bright)}
.mp-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.mp-chips button{flex:1;min-width:52px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:11px;font-weight:700;padding:7px 4px;border-radius:7px;cursor:pointer;transition:.12s}
.mp-chips button:hover{border-color:var(--sand);color:var(--sand-bright)}
.mp-pot-hint{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.4}
.mp-pot-hint b{color:var(--sand-bright)}
.mp-create{margin-top:14px}
/* Range-Slider */
input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:var(--surface-3);border-radius:3px;outline:none;cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--sand);border:2px solid var(--surface);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.4)}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--sand);border:2px solid var(--surface);cursor:pointer}
/* Offene Tische */
.mp-table{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px;transition:.14s}
.mp-table:hover{border-color:var(--sand)}
.mp-table.kniffel{border-left-color:var(--olive)}
.mp-table.poker{border-left-color:var(--brick)}
.mp-table.ei{border-left-color:var(--sand-bright)}
.mp-table-ico{font-size:26px;flex-shrink:0}
.mp-table-mid{flex:1;min-width:0}
.mp-table-name{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--text)}
.mp-table-id{font-size:11px;color:var(--muted);font-weight:400}
.mp-table-sub{font-family:var(--mono);font-size:11px;color:var(--text-dim);margin-top:1px}
.mp-seats{display:flex;gap:3px;align-items:center;margin-top:6px}
.mp-seat{width:8px;height:8px;border-radius:50%;background:var(--surface-3);border:1px solid var(--border)}
.mp-seat.on{background:var(--sand);border-color:var(--sand)}
.mp-seat-n{font-family:var(--mono);font-size:10px;color:var(--muted);margin-left:5px}
.mp-table-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
/* 👁 Zuschauer */
.kn-watch-sec{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--sand-bright);margin:16px 0 8px;padding-top:12px;border-top:1px solid var(--border)}
.mp-table.watch{border-left-color:var(--amber);opacity:.95}
.kn-spec-tag{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--amber);background:rgba(226,161,73,.14);border:1px solid rgba(226,161,73,.4);border-radius:8px;padding:5px 10px;margin-right:6px}
.mp-table-buyin{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--sand-bright)}
/* ══ Bank ══ */
.bk-hero{display:flex;align-items:center;gap:13px;padding:14px 16px;margin-bottom:14px;border-radius:15px;
  background:linear-gradient(120deg,rgba(46,74,92,.55),rgba(24,32,40,.7));border:1px solid rgba(79,182,216,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden}
.bk-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 140% at 90% -20%,rgba(79,182,216,.18),transparent 60%);pointer-events:none}
.bk-hero.active{border-color:rgba(232,176,74,.4);background:linear-gradient(120deg,rgba(92,74,40,.5),rgba(30,26,18,.7))}
.bk-hero.danger{border-color:rgba(207,106,79,.5);background:linear-gradient(120deg,rgba(92,42,34,.55),rgba(34,20,18,.72))}
.bk-hero-shark{font-size:34px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));animation:bkSwim 3.4s ease-in-out infinite}
@keyframes bkSwim{0%,100%{transform:translateX(0) rotate(-3deg)}50%{transform:translateX(4px) rotate(3deg)}}
.bk-hero-i{flex:1;min-width:0}
.bk-hero-t{font-family:var(--mono);font-weight:800;font-size:15px;color:var(--text)}
.bk-hero-s{font-size:11px;color:var(--text-dim);line-height:1.35;margin-top:2px}
.bk-hero-v{display:flex;align-items:baseline;gap:3px;flex-shrink:0}
.bk-hero-c{font-family:var(--mono);font-weight:900;font-size:16px;color:var(--sand-bright);white-space:nowrap}
.bk-hero.danger .bk-hero-c{color:var(--brick)}
.bk-hero-u{font-size:12px}
.bk-score{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.bk-ring{width:74px;height:74px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;
  background:conic-gradient(currentColor calc(var(--p)*1%),var(--surface-3) 0)}
.bk-ring::after{content:'';position:absolute;inset:6px;border-radius:50%;background:var(--surface)}
.bk-ring-v{position:relative;z-index:1;font-family:var(--mono);font-weight:700;font-size:26px}
.rating-bd-A{color:#7fbf5a}.rating-bd-B{color:#aebf6f}.rating-bd-C{color:var(--sand)}.rating-bd-D{color:var(--amber)}.rating-bd-E{color:#e08a4a}.rating-bd-F{color:var(--brick)}
.bk-score-i{flex:1;min-width:0}
.bk-score-t{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--text)}
.bk-score-s{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:8px}
.bk-score-bar{height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}
.bk-score-fill{height:100%;transition:width .4s}
.bk-take,.bk-loan{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:16px}
.bk-loan.overdue{border-color:var(--brick);background:rgba(207,106,79,.09)}
.bk-loan-h{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bk-grow-badge{margin-left:auto;font-family:var(--mono);font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;
  color:var(--amber);background:rgba(232,176,74,.14);border:1px solid rgba(232,176,74,.4);animation:bkGrow 2s ease-in-out infinite}
.bk-grow-badge.cap{color:var(--brick);background:rgba(207,106,79,.14);border-color:rgba(207,106,79,.5);animation:none}
@keyframes bkGrow{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
.bk-cap{margin:10px 0}
.bk-cap-bar{height:7px;background:var(--surface-3);border-radius:5px;overflow:hidden}
.bk-cap-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#e8b04a,#cf6a4f);transition:width .5s}
.bk-cap-fill.full{background:linear-gradient(90deg,#cf6a4f,#a33)}
.bk-cap-l{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:4px}
.bk-terms{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:14px}
.bk-terms b{color:var(--sand-bright);font-size:13px}
.bk-slide-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:12px;color:var(--text-dim);margin-bottom:8px}
.bk-take-val{font-size:19px;font-weight:700;color:var(--sand-bright)}
.bk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.bk-tile{background:var(--surface-3);border:1px solid var(--border);border-radius:10px;padding:10px;text-align:center}
.bk-tile.risk{border-color:rgba(232,176,74,.4)}
.bk-tile-l{display:block;font-family:var(--mono);font-size:10px;color:var(--muted);margin-bottom:3px}
.bk-tile b{display:block;font-family:var(--mono);font-size:18px;color:var(--text)}
.bk-tile b.up{color:var(--olive-bright)}
.bk-tile.risk b{color:var(--amber)}
.bk-tile-s{display:block;font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:2px}
.bk-warn{font-size:11px;color:var(--amber);line-height:1.45;margin-top:12px}
.bk-blocked{font-family:var(--mono);font-size:13px;color:var(--brick);text-align:center;padding:8px}
.bk-debt{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.bk-debt b{font-size:22px;color:var(--sand-bright)}
.bk-loan-meta{font-family:var(--mono);font-size:11px;color:var(--text-dim);margin:10px 0}
.bk-loan-meta.warn{color:var(--amber);line-height:1.45}
.bk-repay{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.bk-repay input{flex:1;min-width:90px}
/* Schwarzes Brett */
.bk-shame{display:flex;align-items:center;gap:11px;background:rgba(207,106,79,.08);border:1px solid rgba(207,106,79,.3);border-radius:11px;padding:11px;margin-bottom:7px}
.bk-shame-ico{font-size:21px}
.bk-shame-i{flex:1;min-width:0}
.bk-shame-n{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--text)}
.bk-shame-s{font-family:var(--mono);font-size:10px;color:var(--amber)}
.bk-shame-d{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--brick)}
@media (max-width:560px){.mp-games{grid-template-columns:1fr}.bk-tiles{grid-template-columns:1fr}}
/* ══ Schuldenuhr ══ */
.bc-main{text-align:center;padding:6px 0 16px;border-bottom:1px solid var(--border-soft);margin-bottom:14px}
.bc-label{display:block;font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.bc-big{display:flex;flex-direction:column;align-items:center}
.bc-num{font-family:var(--mono);font-weight:700;font-size:42px;line-height:1.1;color:var(--brick);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.bc-c{font-family:var(--mono);font-size:13px;color:var(--muted);margin-top:-4px}
.bc-sub{font-family:var(--mono);font-size:11px;color:var(--text-dim);margin-top:8px}
.bc-sub b.bad{color:var(--brick)}
.bc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.bc-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:11px 8px;text-align:center}
.bc-tile-ico{display:block;font-size:17px;margin-bottom:3px}
.bc-tile-l{display:block;font-family:var(--mono);font-size:10px;color:var(--muted);margin-bottom:3px;line-height:1.2}
.bc-tile-v{display:block;font-family:var(--mono);font-size:17px;color:var(--text);font-variant-numeric:tabular-nums}
.bc-tile-v.up{color:var(--olive-bright)}
.bc-tile-v.down{color:var(--brick)}
.bc-tile-s{display:block;font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:3px}
.bc-rows{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:4px 12px}
.bc-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.bc-row:last-child{border-bottom:none}
.bc-row-v{color:var(--text);font-weight:700;text-align:right}
.bc-row-v b{color:var(--sand-bright)}
.bc-row-v .bad{color:var(--brick)}
.bc-row-v .warn{color:var(--amber)}
@media (max-width:560px){.bc-grid{grid-template-columns:1fr 1fr}.bc-num{font-size:34px}}
/* ══ 🐔 Hühnerhof ══ */
.fm-gold{font-family:var(--mono);font-size:11px;color:var(--sand-bright);font-weight:400;margin-left:6px}
.fm-coop{background:linear-gradient(180deg,rgba(143,170,85,.10),rgba(143,170,85,.03));border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;font-size:26px;line-height:1.7;letter-spacing:3px;margin-bottom:12px;min-height:64px}
.fm-hen{display:inline-block;transition:transform .2s}
.fm-hen:hover{transform:scale(1.2) rotate(-6deg)}
.fm-hen.empty{opacity:.22;font-size:18px}
.fm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.fm-stats div{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px;text-align:center}
.fm-stats b{display:block;font-family:var(--mono);font-size:16px;color:var(--text)}
.fm-stats b.up{color:var(--olive-bright)}.fm-stats b.down{color:var(--brick)}
.fm-stats span{font-size:10px;color:var(--muted)}
.fm-nest{margin-bottom:12px}
.fm-nest-top{display:flex;align-items:baseline;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.fm-nest-n{font-family:var(--mono);font-weight:700;font-size:30px;color:var(--sand-bright)}
.fm-nest-c{font-family:var(--mono);font-size:12px;color:var(--muted)}
.fm-nest-warn{font-family:var(--mono);font-size:11px;color:var(--brick);margin-left:auto}
.fm-bar{height:10px;background:var(--surface-3);border-radius:5px;overflow:hidden}
.fm-bar-f{height:100%;background:linear-gradient(90deg,var(--sand),var(--sand-bright));transition:width .5s}
.fm-bar-f.full{background:var(--brick)}
.fm-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fm-acts .btn{margin:0}
.fm-alert{background:rgba(232,176,74,.12);border:1px solid var(--amber);border-radius:9px;padding:9px;font-size:11px;color:var(--amber);margin-top:10px}
.fm-buy{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.fm-buy-b{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:13px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:.14s}
.fm-buy-b:hover:not(:disabled){border-color:var(--sand);transform:translateY(-2px)}
.fm-buy-b:disabled{opacity:.45;cursor:not-allowed}
.fm-buy-i{font-size:24px}
.fm-buy-n{font-family:var(--mono);font-size:12px;color:var(--text);font-weight:700}
.fm-buy-c{font-family:var(--mono);font-size:12px;color:var(--sand-bright);font-weight:700}
.fm-stall{width:100%;background:var(--surface-3);border:1px dashed var(--sand);color:var(--text);font-family:var(--mono);font-size:12px;padding:12px;border-radius:10px;cursor:pointer;transition:.14s}
.fm-stall:hover{background:var(--surface-2);border-style:solid}
.fm-stall b{color:var(--sand-bright);margin-left:6px}
.fm-max{text-align:center;font-family:var(--mono);font-size:12px;color:var(--olive-bright);padding:10px}
.fm-ups{display:flex;flex-direction:column;gap:8px}
.fm-up{display:flex;align-items:center;gap:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:11px}
.fm-up.owned{border-color:var(--olive);background:rgba(143,170,85,.07)}
.fm-up-i{font-size:22px}
.fm-up-b{flex:1;min-width:0}
.fm-up-n{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--text)}
.fm-up-d{font-size:11px;color:var(--text-dim);line-height:1.35}
.fm-up-ok{font-family:var(--mono);font-size:11px;color:var(--olive-bright);font-weight:700}
.fm-prestige{text-align:center}
.fm-pr-t{font-size:12px;color:var(--text-dim);margin-bottom:12px}
.fm-pr-bar{height:8px;background:var(--surface-3);border-radius:4px;overflow:hidden;margin-bottom:6px}
.fm-pr-fill{height:100%;background:linear-gradient(90deg,var(--amber),#f2c14e);transition:width .5s}
.fm-pr-m{font-family:var(--mono);font-size:11px;color:var(--muted)}
.fm-pr-m2{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.45}
.fm-pr-gain{font-family:var(--mono);font-size:12px;color:var(--sand-bright);margin-top:10px}
/* 💰 Tagesbonus + 🎁 Powerups */
.fm-daily-info{font-size:12px;color:var(--text-dim);line-height:1.5;margin-bottom:10px}.fm-daily-info b{color:var(--sand-bright)}
.fm-daily-done{font-size:12px;color:var(--olive-bright);text-align:center;padding:8px;font-weight:600}
.fm-pw-grid{display:flex;flex-direction:column;gap:8px}
.fm-pw{display:flex;align-items:center;gap:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:9px 11px}
.fm-pw-ic{font-size:24px;flex:none}
.fm-pw-b{flex:1;min-width:0}
.fm-pw-n{font-size:13px;font-weight:700;color:var(--text)}
.fm-pw-d{font-size:10.5px;color:var(--muted);line-height:1.35}
.fm-pw-btn{flex:none;white-space:nowrap}
.fm-pw-lim{font-size:9.5px;font-weight:800;color:var(--sand-bright);background:rgba(226,161,73,.14);border-radius:20px;padding:1px 7px;margin-left:4px;vertical-align:middle}
.fm-pw-sold{opacity:.5}
.fm-log{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-size:12px}
.fm-log:last-child{border-bottom:none}
.fm-log-t{color:var(--text)}
.fm-log-v{color:var(--sand-bright);font-weight:700}
.fm-log-d{margin-left:auto;font-size:10px;color:var(--muted)}
@media (max-width:560px){.fm-stats{grid-template-columns:1fr 1fr}.fm-acts,.fm-buy{grid-template-columns:1fr}}
/* Farm-Szene (Pixel-Art Canvas) */
.fm-scene-p{padding:0;overflow:hidden;position:relative}
.fm-scene-wrap{position:relative;line-height:0}
#farm-canvas{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;
  border-radius:var(--r-lg) var(--r-lg) 0 0}
.fm-hud{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none}
.fm-hud-i{background:rgba(20,18,13,.82);border:1px solid rgba(216,181,106,.35);border-radius:7px;padding:4px 8px;
  font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text);line-height:1.3}
.fm-hud-i.low{border-color:var(--brick);color:var(--brick)}
.fm-hud-i.gold{border-color:var(--sand-bright);color:var(--sand-bright)}
/* Stufen-Upgrades & Ei-Sorten */
.fm-lvl{font-family:var(--mono);font-size:10px;color:var(--muted);font-weight:400}
.fm-pips{display:flex;gap:2px;margin-top:5px}
.fm-pip{width:8px;height:5px;border-radius:1px;background:var(--surface-3);border:1px solid var(--border)}
.fm-pip.on{background:var(--sand);border-color:var(--sand-bright)}
.fm-rare{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--sand-bright)}
.fm-rare-note{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:10px;text-align:center}
.fm-rare-note b{color:var(--sand-bright)}
.fm-hud-i b{color:var(--text)}
.fm-hud-i b.gold{color:var(--sand-bright)}
/* ══ Hof: Spielfeld + Shop-Leiste ══ */
.fm-game{display:grid;grid-template-columns:168px 1fr 232px;gap:10px;margin-bottom:14px;align-items:start}
.fm-left{min-width:0}
.fm-rank{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;max-height:520px;overflow:hidden}
.fm-rank-scroll{overflow-y:auto;padding:5px 6px;display:flex;flex-direction:column;gap:2px}
.fm-rk-row{display:flex;align-items:baseline;gap:5px;padding:4px 5px;border-radius:6px;font-size:11.5px;line-height:1.25}
.fm-rk-row.me{background:rgba(226,161,73,.14);border:1px solid var(--sand-bright)}
.fm-rk-n{font-family:var(--mono);font-weight:800;color:var(--sand-bright);min-width:18px;text-align:center;flex:none}
.fm-rk-u{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.fm-rk-v{font-family:var(--mono);font-size:9px;color:var(--text-dim);flex:none;white-space:nowrap}
.fm-rk-sep{height:1px;background:var(--border);margin:4px 2px}
.fm-rk-empty{font-size:11px;color:var(--muted);text-align:center;padding:12px 6px}
.fm-scene-wrap{position:relative;line-height:0;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:#2b2418}
#farm-canvas{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer}
.fm-hud{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:5px;flex-wrap:wrap;pointer-events:none}
.fm-hud-i{background:rgba(18,16,12,.85);border:1px solid rgba(216,181,106,.3);border-radius:6px;padding:3px 7px;
  font-family:var(--mono);font-size:11px;color:var(--text-dim);line-height:1.4}
.fm-hud-i b{color:var(--text);font-variant-numeric:tabular-nums}
.fm-hud-i.low{border-color:var(--brick)}.fm-hud-i.low b{color:var(--brick)}
.fm-hud-i.coin b{color:var(--sand-bright)}
.fm-hud-i.gold{border-color:var(--sand-bright);color:var(--sand-bright)}
/* Shop-Leiste */
.fm-shop{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  display:flex;flex-direction:column;max-height:520px;overflow:hidden}
.fm-shop-h{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--sand-bright);
  padding:10px 12px;border-bottom:1px dashed var(--border);text-align:center;flex-shrink:0}
.fm-shop-scroll{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}
.fm-shop-scroll::-webkit-scrollbar{width:6px}
.fm-shop-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.fm-grp{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;
  letter-spacing:.08em;padding:8px 2px 2px;border-top:1px solid var(--border-soft)}
.fm-grp:first-child{border-top:none;padding-top:2px}
.fm-item{width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--border);
  border-radius:9px;padding:8px 9px;cursor:pointer;transition:.12s;display:block}
.fm-item:hover:not(:disabled){border-color:var(--sand);transform:translateX(-2px)}
.fm-item.poor{opacity:.45}
.fm-item.owned{border-color:var(--olive);background:rgba(143,170,85,.08);cursor:default;opacity:.85}
.fm-item-t{display:flex;align-items:center;gap:6px}
.fm-item-i{font-size:14px;flex-shrink:0}
.fm-item-n{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text);flex:1;min-width:0}
.fm-item-c{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--sand-bright);flex-shrink:0}
.fm-item.owned .fm-item-c{color:var(--olive-bright)}
.fm-item-d{font-size:10px;color:var(--text-dim);line-height:1.35;margin-top:3px}
.fm-pips{display:flex;gap:2px;margin-top:4px}
.fm-pip{width:7px;height:4px;border-radius:1px;background:var(--surface-3);border:1px solid var(--border)}
.fm-pip.on{background:var(--sand);border-color:var(--sand-bright)}
/* Aktionsleiste */
.fm-acts{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:8px}
.fm-acts .btn{margin:0}
.fm-pet{background:var(--surface-2);border:1px solid var(--sand);color:var(--sand-bright);
  font-family:var(--mono);font-size:12px;padding:0 14px;border-radius:9px;cursor:pointer;white-space:nowrap}
.fm-pet:hover:not(:disabled){background:var(--surface-3)}
.fm-pet.active{background:rgba(232,176,74,.15);border-color:var(--amber);color:var(--amber)}
.fm-pet:disabled{opacity:.5;cursor:not-allowed}
.fm-rate{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:center;margin-top:7px}
@media (max-width:760px){
  .fm-game{grid-template-columns:1fr}
  .fm-left{order:1}.fm-shop{order:2;max-height:340px}.fm-rank{order:3;max-height:260px}
  .fm-acts{grid-template-columns:1fr 1fr}
  .fm-pet{grid-column:1/-1;padding:9px}
}
/* Marktnachfrage / Sättigung */
.fm-dem{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 11px;margin-top:8px}
.fm-dem-t{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--text-dim);margin-bottom:5px}
.fm-dem-t .bad{color:var(--brick);font-weight:700}
.fm-dem-s{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.4}
.fm-bar{height:7px;background:var(--surface-3);border-radius:4px;overflow:hidden}
.fm-bar-f{height:100%;background:linear-gradient(90deg,var(--olive),var(--olive-bright));transition:width .4s}
.fm-bar-f.full{background:var(--brick)}
.fm-hint{background:rgba(216,181,106,.10);border:1px dashed var(--sand);border-radius:9px;padding:8px 10px;
  font-size:11px;color:var(--sand-bright);margin-top:8px;text-align:center}
.fm-alert{background:rgba(232,176,74,.12);border:1px solid var(--amber);border-radius:9px;padding:8px 10px;
  font-size:11px;color:var(--amber);margin-top:8px;text-align:center}
/* ══ 💸 Überweisungen ══ */
.pay-block{background:rgba(196,74,54,.12);border:1px solid var(--brick);border-radius:10px;padding:12px;
  font-size:12px;color:var(--text-dim);line-height:1.5;text-align:center}
.pay-block b{color:var(--brick);display:inline-block;margin-top:6px;font-family:var(--mono)}
.pay-who{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.pay-p{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);
  border-radius:20px;padding:6px 12px 6px 8px;cursor:pointer;transition:.14s}
.pay-p:hover{border-color:var(--sand)}
.pay-p.sel{border-color:var(--sand-bright);background:rgba(216,181,106,.14)}
.pay-av{font-size:16px}
.pay-n{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--text)}
.pay-form{display:flex;flex-direction:column;gap:8px}
.pay-in{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;
  padding:10px 12px;color:var(--text);font-family:var(--mono);font-size:13px}
.pay-in:focus{outline:none;border-color:var(--sand)}
.pay-in:disabled{opacity:.45}
.pay-chips{display:flex;gap:6px}
.pay-chip{flex:1;background:var(--surface-3);border:1px solid var(--border);border-radius:7px;padding:6px;
  font-family:var(--mono);font-size:11px;color:var(--text-dim);cursor:pointer}
.pay-chip:hover:not(:disabled){border-color:var(--sand);color:var(--text)}
.pay-chip:disabled{opacity:.4;cursor:not-allowed}
.pay-prev{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:11px;
  color:var(--muted);padding:0 2px;min-height:15px}
.pay-prev b.bad{color:var(--brick)}
.pay-prev b.good{color:var(--olive-bright)}
.pay-limits{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:center;margin-top:10px}
.pay-limits b{color:var(--sand-bright)}
.pay-hist{margin-top:14px;border-top:1px solid var(--border-soft);padding-top:10px}
.pay-hist-h{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;
  letter-spacing:.08em;margin-bottom:6px}
.pay-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border-soft);
  font-family:var(--mono);font-size:12px}
.pay-row:last-child{border-bottom:none}
.pay-dir{font-size:13px}
.pay-dir.out{color:var(--brick)}.pay-dir.in{color:var(--olive-bright)}
.pay-row-n{color:var(--text)}
.pay-note-t{color:var(--muted);font-size:11px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
.pay-amt{margin-left:auto;font-weight:700}
.pay-amt.out{color:var(--brick)}.pay-amt.in{color:var(--olive-bright)}
.pay-ts{font-size:10px;color:var(--muted);flex-shrink:0}
/* ══ Vorräte (Futter/Wasser) ══ */
.fm-res{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.fm-res-b{display:flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);
  border-radius:9px;padding:7px 9px;font-family:var(--mono);font-size:11px;color:var(--text-dim)}
.fm-res-b>span{flex-shrink:0}
.fm-res-b .fm-bar{flex:1;min-width:30px}
.fm-res-b b{color:var(--text);flex-shrink:0;font-size:10px}
.fm-bar-f.water{background:linear-gradient(90deg,#3f7fb0,#5fb3e0)}
.fm-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.fm-rate b.up{color:var(--olive-bright)}
.fm-rate b.down{color:var(--brick)}
.fm-now{margin-left:6px;font-family:var(--mono);font-size:9px;color:var(--sand-bright)}
.fm-hud-i.taler b{color:var(--sand-bright)}
/* ══ 🏦 Eierbörse ══ */
.fx-top{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.fx-rate{flex-shrink:0}
.fx-label{display:block;font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.fx-num{font-family:var(--mono);font-weight:700;font-size:30px;color:var(--sand-bright);line-height:1.1;
  font-variant-numeric:tabular-nums}
.fx-unit{display:block;font-family:var(--mono);font-size:10px;color:var(--muted)}
.fx-unit .up{color:var(--olive-bright)}.fx-unit .down{color:var(--brick)}
.fx-chart{flex:1;height:44px;min-width:0}
.fx-band{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;color:var(--muted);margin-bottom:6px}
.fx-band b{color:var(--text-dim)}
.fx-band-bar{flex:1;height:4px;background:var(--surface-3);border-radius:2px;position:relative}
.fx-band-dot{position:absolute;top:-3px;width:10px;height:10px;margin-left:-5px;border-radius:50%;
  background:var(--sand-bright);border:2px solid var(--surface);transition:left .5s}
.fx-band-flat{font-family:var(--mono);font-size:10px;color:var(--muted);text-align:center;margin-bottom:6px;padding:5px;background:var(--surface-2);border-radius:7px}
.fx-band-flat b{color:var(--sand-bright)}
.fx-note{font-family:var(--mono);font-size:10px;color:var(--muted);text-align:center;margin-bottom:12px}
.fx-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fx-side{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:11px;
  display:flex;flex-direction:column;gap:7px}
.fx-side-h{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text);text-align:center}
.fx-side-r{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:center}
.fx-side-r b{color:var(--sand-bright)}
.fx-prev{font-family:var(--mono);font-size:11px;color:var(--olive-bright);text-align:center;min-height:14px}
.fx-hint{font-family:var(--mono);font-size:10px;color:var(--muted);text-align:center}
.fx-hint.bad{color:var(--brick)}
.fx-hint b{color:var(--sand-bright)}
.fx-lim{display:flex;flex-direction:column;gap:3px;margin-top:2px}
.fx-lim-bar{height:5px;background:var(--surface-3);border-radius:3px;overflow:hidden}
.fx-lim-fill{height:100%;background:linear-gradient(90deg,var(--olive),var(--sand-bright));border-radius:3px;transition:width .4s}
.fx-curve{margin-top:10px;background:rgba(216,181,106,.09);border:1px dashed var(--sand);border-radius:9px;
  padding:8px 11px;font-size:11px;color:var(--text-dim);line-height:1.5}
.fx-curve b{color:var(--sand-bright)}
.fx-avg{font-size:10px;color:var(--muted)}
.fx-prev .bad{color:var(--brick)}
@media (max-width:560px){.fx-grid,.fm-res{grid-template-columns:1fr}.fm-acts{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ══ 🎟️ LOTTO ══ */
.lt-note{font-size:11px;color:var(--muted);line-height:1.5}
.lt-card{padding:0;overflow:hidden}
.lt-head{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;transition:.14s}
.lt-head:hover{background:var(--surface-2)}
.lt-emoji{font-size:28px;flex-shrink:0}
.lt-t{flex:1;min-width:0}
.lt-name{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--text)}
.lt-tag{font-size:11px;color:var(--muted);margin-top:2px}
.lt-pot{text-align:right;flex-shrink:0}
.lt-pot b{display:block;font-family:var(--mono);font-size:22px;font-weight:700;color:var(--sand-bright);
  line-height:1.1;font-variant-numeric:tabular-nums}
.lt-pot span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.lt-meta{display:flex;flex-wrap:wrap;gap:12px;padding:0 14px 12px;font-family:var(--mono);font-size:11px;color:var(--text-dim)}
.lt-meta b{color:var(--text)}
.lt-mine{color:var(--olive-bright)}
.lt-roll{margin:0 14px 12px;background:rgba(232,176,74,.12);border:1px solid var(--amber);border-radius:8px;
  padding:7px 10px;font-size:11px;color:var(--amber)}
.lt-roll.quiet{background:var(--surface-2);border-color:var(--border);color:var(--muted)}
.lt-roll b{color:var(--brick)}
.lt-body{border-top:1px solid var(--border);padding:14px;background:var(--surface-2)}
.lt-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-bottom:10px}
.lt-grid.gold{grid-template-columns:repeat(8,1fr)}
.lt-n{aspect-ratio:1;background:var(--surface-3);border:1px solid var(--border);border-radius:7px;
  font-family:var(--mono);font-size:12px;color:var(--text-dim);cursor:pointer;transition:.1s;padding:0}
.lt-n:hover{border-color:var(--sand)}
.lt-n.on{background:var(--sand);border-color:var(--sand-bright);color:#241b13;font-weight:700}
.lt-sub{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;
  letter-spacing:.08em;margin:12px 0 6px}
.lt-buy{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.lt-buy .btn{flex:1;min-width:88px}
.lt-cl{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-soft);
  font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.lt-cl:last-child{border-bottom:none}
.lt-cl-p{margin-left:auto;color:var(--muted);font-size:10px}
.lt-cl b{color:var(--sand-bright);min-width:80px;text-align:right}
.lt-tix{display:flex;flex-wrap:wrap;gap:6px}
.lt-tik{background:var(--surface-3);border:1px solid var(--border);border-radius:7px;padding:5px 9px;
  font-family:var(--mono);font-size:11px;color:var(--text)}
.lt-gold{color:var(--sand-bright)}
.lt-last{background:var(--surface-3);border-radius:9px;padding:10px}
.lt-drawn{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.lt-ball{width:26px;height:26px;border-radius:50%;background:var(--sand);color:#241b13;font-family:var(--mono);
  font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}
.lt-ball.gold{background:var(--amber)}
.lt-forced{background:rgba(196,74,54,.14);border:1px solid var(--brick);border-radius:7px;padding:6px 9px;
  font-size:11px;color:var(--brick);font-weight:700;margin-bottom:6px}
.lt-win{font-family:var(--mono);font-size:12px;color:var(--text-dim);padding:3px 0}
.lt-win b{color:var(--text)}
.lt-win span{color:var(--olive-bright);font-weight:700}
.lt-nowin{font-size:11px;color:var(--muted)}
.lt-hist{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border-soft);
  font-family:var(--mono);font-size:12px}
.lt-hist:last-child{border-bottom:none}
.lt-h-n{color:var(--text-dim);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt-h-m{color:var(--muted);font-size:11px}
.lt-h-p{color:var(--muted);min-width:70px;text-align:right}
.lt-h-p.win{color:var(--olive-bright);font-weight:700}
.adm-pot{font-family:var(--mono);color:var(--sand-bright);font-weight:700}
@media (max-width:560px){.lt-grid{grid-template-columns:repeat(7,1fr)}.lt-pot b{font-size:18px}}

.au-rank{margin-left:auto;background:var(--surface-3);border:1px solid var(--border);border-radius:7px;
  color:var(--text-dim);font-family:var(--mono);font-size:11px;padding:3px 6px;cursor:pointer}
.au-rank:hover{border-color:var(--sand)}
.rank-hint{font-size:11px;color:var(--muted);margin-bottom:10px;line-height:1.5}

/* ══ 🃏 CHICKENMON ══ */
.cm-shop{display:flex;flex-direction:column;gap:10px}
.cm-shop-i{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border);
  border-radius:11px;padding:11px}
.cm-mini{width:44px;height:60px;border-radius:5px;flex-shrink:0;position:relative;overflow:hidden;
  background:linear-gradient(150deg,var(--sand) 0%,var(--brick) 45%,var(--amber) 100%);
  display:flex;align-items:center;justify-content:center;font-size:22px;
  box-shadow:0 3px 10px rgba(0,0,0,.4)}
.p-gold .cm-mini{background:linear-gradient(150deg,#e8b04a,#a8741a 50%,#f0d68a)}
.p-mythos .cm-mini{background:linear-gradient(150deg,#e0552b,#7d5fa8 35%,#3d8fc4 70%,#e8c33a)}
.cm-mini-sheen{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.75) 50%,transparent 60%);
  animation:cmSheen 3.2s linear infinite}
@keyframes cmSheen{0%{transform:translateX(-70%)}100%{transform:translateX(70%)}}
.cm-shop-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cm-shop-t b{font-family:var(--mono);font-size:13px;color:var(--text)}
.cm-shop-t span{font-size:11px;color:var(--muted);line-height:1.4}
.cm-shop-o{font-family:var(--mono);color:var(--text-dim)!important;font-size:10px!important}
.cm-prog{margin-bottom:12px}
.cm-bar{height:8px;background:var(--surface-3);border-radius:99px;overflow:hidden;margin-bottom:6px}
.cm-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--olive),var(--sand-bright));transition:width .5s}
.cm-prog-t{font-family:var(--mono);font-size:11px;color:var(--muted)}
.cm-prog-t b{color:var(--sand-bright);font-size:13px}
.cm-fil{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.cm-fil select{flex:1;min-width:120px;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;
  color:var(--text-dim);font-family:var(--mono);font-size:11px;padding:6px 8px;cursor:pointer}
.cm-dex{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.cm-slot{position:relative;cursor:pointer;transition:transform .14s}
.cm-slot:hover{transform:translateY(-3px)}
.cm-slot.leer{aspect-ratio:5/7;background:var(--surface-2);border:1px dashed var(--border);border-radius:9px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default}
.cm-slot.leer:hover{transform:none}
.cm-q{font-size:26px;color:var(--surface-3);font-weight:700}
.cm-slot-no{position:absolute;top:6px;left:7px;font-family:var(--mono);font-size:9px;color:var(--surface-3)}
.cm-cnt{position:absolute;bottom:5px;right:6px;background:rgba(22,18,16,.86);border-radius:5px;padding:1px 5px;
  font-family:var(--mono);font-size:10px;color:var(--text-dim)}
.cm-g{color:var(--sand-bright)}
/* ── Die Karte ── */
.cm-card{aspect-ratio:5/7;border-radius:9px;padding:3px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,var(--rc),var(--tc2) 55%,var(--rc));
  box-shadow:0 3px 12px rgba(0,0,0,.45)}
.cm-card.big{width:290px;aspect-ratio:5/7;border-radius:15px;padding:5px;box-shadow:0 20px 60px rgba(0,0,0,.65)}
.cm-inner{height:100%;border-radius:6px;background:linear-gradient(170deg,#2a231c,#1a1613);
  display:flex;flex-direction:column;padding:5px 6px;position:relative;overflow:hidden}
.cm-top,.cm-frame,.cm-foot{flex:0 0 auto}
.cm-card.big .cm-inner{border-radius:11px;padding:9px 11px}
.cm-top{display:flex;align-items:baseline;justify-content:space-between;gap:4px}
.cm-name{font-family:var(--mono);font-weight:700;font-size:8px;color:var(--text);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.cm-card.big .cm-name{font-size:15px}
.cm-hp{font-family:var(--mono);font-size:8px;color:var(--brick);font-weight:700;flex-shrink:0}
.cm-card.big .cm-hp{font-size:15px}
.cm-hp b{font-size:.7em}
.cm-frame{position:relative;margin:3px 0;border-radius:4px;overflow:hidden;aspect-ratio:4/3;
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 40%,var(--tc),var(--tc2));border:1px solid rgba(0,0,0,.35)}
.cm-card.big .cm-frame{margin:7px 0;border-radius:7px;border-width:2px}
.cm-art{display:block;height:100%;width:auto;image-rendering:pixelated}
.cm-el{position:absolute;top:2px;right:3px;font-size:9px}
.cm-card.big .cm-el{top:6px;right:7px;font-size:19px}
.cm-atks{flex:1 1 auto;display:flex;flex-direction:column;gap:1px;min-height:0;overflow:hidden}
.cm-atk{display:flex;align-items:center;gap:3px;font-family:var(--mono);font-size:6px;color:var(--text-dim)}
.cm-card.big .cm-atk{font-size:11px;gap:6px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.cm-cost{color:var(--sand);letter-spacing:-1px;flex-shrink:0}
.cm-an{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-dmg{color:var(--text);font-weight:700;flex-shrink:0}
.cm-card.big .cm-dmg{font-size:14px}
.cm-ab{font-size:5px;color:var(--muted);line-height:1.3;margin-top:auto;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cm-card.big .cm-ab{font-size:10px;line-height:1.45;margin-top:auto;color:var(--text-dim);
  -webkit-line-clamp:3;padding-top:4px}
.cm-ab b{color:var(--sand-bright)}
.cm-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;font-family:var(--mono);
  font-size:5px;color:var(--muted);padding-top:3px;margin-top:3px;
  border-top:1px solid rgba(255,255,255,.07)}
.cm-card.big .cm-foot{font-size:10px;padding-top:7px;margin-top:6px}
.cm-foot span{white-space:nowrap}
/* Im Album ist die Fähigkeit bei 5px Schrift ohnehin unlesbar — und sie ließ
   den Inhalt überlaufen. Sie erscheint nur auf der grossen Karte. */
.cm-card:not(.big) .cm-ab{display:none}
.cm-card:not(.big) .cm-foot{padding-top:2px;margin-top:2px}
.cm-card:not(.big) .cm-atks{justify-content:center}
.cm-rar{color:var(--rc)}
/* Glanzkarte */
.cm-card.foil .cm-inner::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 45%,rgba(120,220,255,.3) 50%,
    rgba(255,180,255,.3) 55%,transparent 70%);
  background-size:250% 250%;animation:cmFoil 3.5s ease-in-out infinite;mix-blend-mode:screen}
@keyframes cmFoil{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.cm-shine{position:absolute;inset:0;pointer-events:none;z-index:3;
  background:repeating-linear-gradient(115deg,transparent 0 6px,rgba(255,255,255,.05) 6px 12px)}
/* ── Overlay: Öffnen ── */
#cm-overlay:empty{display:none}
#cm-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center}
.cm-ov-bg{position:absolute;inset:0;background:rgba(10,8,7,.93);backdrop-filter:blur(6px)}
.cm-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;
  padding:20px;max-height:100vh;overflow-y:auto;width:100%}
.cm-hint{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;
  letter-spacing:.12em;animation:cmPulse 1.6s ease-in-out infinite}
@keyframes cmPulse{0%,100%{opacity:.4}50%{opacity:1}}
.cm-counter{font-family:var(--mono);font-size:12px;color:var(--text-dim)}
/* Das Pack */
.cm-pack{width:230px;cursor:pointer;position:relative;transition:transform .2s}
.cm-pack:hover{transform:scale(1.03)}
.cm-pack-strip{height:26px;border-radius:9px 9px 0 0;
  background:linear-gradient(160deg,var(--sand-bright),var(--brick));
  border-bottom:2px dashed rgba(0,0,0,.45);transform-origin:left center;position:relative;z-index:2}
.cm-pack-body{height:310px;border-radius:0 0 9px 9px;position:relative;overflow:hidden;
  background:linear-gradient(155deg,var(--brick) 0%,var(--sand) 40%,var(--amber) 70%,var(--brick) 100%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  box-shadow:0 24px 60px rgba(0,0,0,.7),inset 0 0 40px rgba(0,0,0,.25)}
.cm-pack-sheen{position:absolute;inset:-50%;
  background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%);
  animation:cmSheen 2.6s linear infinite}
.cm-pack-logo{font-size:64px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));z-index:1}
.cm-pack-title{font-family:var(--mono);font-weight:700;font-size:20px;letter-spacing:.16em;color:#241b13;z-index:1}
.cm-pack-sub{font-family:var(--mono);font-size:12px;color:rgba(36,27,19,.8);z-index:1}
.cm-pack-count{font-family:var(--mono);font-size:10px;color:rgba(36,27,19,.6);
  border:1px solid rgba(36,27,19,.35);border-radius:99px;padding:2px 9px;z-index:1}
/* Aufreißen */
.cm-pack.torn .cm-pack-strip{animation:cmRip .55s cubic-bezier(.4,0,.2,1) forwards}
.cm-pack.torn .cm-pack-body{animation:cmOpenUp .8s .25s cubic-bezier(.4,0,.2,1) forwards}
@keyframes cmRip{
  0%{transform:rotate(0) translateY(0);opacity:1}
  35%{transform:rotate(-7deg) translateY(-6px)}
  100%{transform:rotate(-26deg) translate(-70px,-150px);opacity:0}
}
@keyframes cmOpenUp{
  0%{transform:translateY(0) scale(1);opacity:1}
  40%{transform:translateY(-8px) scale(1.04)}
  100%{transform:translateY(40px) scale(.75);opacity:0}
}
/* Umdrehen */
.cm-flip{width:290px;aspect-ratio:5/7;perspective:1200px;cursor:pointer;position:relative;z-index:2}
.cm-flip-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;
  transition:transform .65s cubic-bezier(.4,0,.2,1);animation:cmIn .4s ease-out}
@keyframes cmIn{from{transform:translateY(30px) scale(.9);opacity:0}}
.cm-flip.flipped .cm-flip-in{transform:rotateY(180deg)}
.cm-back,.cm-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:15px}
.cm-back{background:linear-gradient(150deg,#3a2f22,#241b13 50%,#3a2f22);
  border:5px solid var(--sand);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  box-shadow:0 20px 60px rgba(0,0,0,.65)}
.cm-back-art{font-size:74px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
.cm-back-t{font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.2em;color:var(--sand)}
.cm-front{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}
/* Seltenheits-Leuchten beim Aufdecken */
.cm-flip.flipped.r-rare .cm-front{filter:drop-shadow(0 0 22px rgba(74,134,196,.75))}
.cm-flip.flipped.r-epic .cm-front{filter:drop-shadow(0 0 30px rgba(154,95,196,.85))}
.cm-flip.flipped.r-legendary .cm-front{filter:drop-shadow(0 0 40px rgba(232,163,58,.95))}
.cm-flip.flipped.r-mythic .cm-front{animation:cmMyth 1.6s ease-in-out infinite}
@keyframes cmMyth{
  0%,100%{filter:drop-shadow(0 0 30px rgba(224,85,43,.9))}
  50%{filter:drop-shadow(0 0 55px rgba(232,195,58,1))}
}
.cm-stack{position:absolute;width:290px;aspect-ratio:5/7;border-radius:15px;
  background:linear-gradient(150deg,#3a2f22,#241b13);border:4px solid rgba(216,181,106,.35);
  transform:translateY(calc(var(--i) * 7px)) scale(calc(1 - var(--i) * .03));z-index:1;opacity:.55}
.cm-neu{position:absolute;top:-10px;right:-10px;background:var(--olive-bright);color:#161210;
  font-family:var(--mono);font-weight:700;font-size:12px;padding:4px 10px;border-radius:99px;
  box-shadow:0 4px 14px rgba(0,0,0,.5);z-index:5;transform:rotate(9deg)}
.cm-neu.sm{font-size:8px;padding:2px 6px;top:-5px;right:-5px}
/* Zusammenfassung */
.cm-sum-h{font-family:var(--mono);font-size:15px;color:var(--sand-bright);font-weight:700}
.cm-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,120px));gap:12px;justify-content:center;
  max-width:660px}
.cm-sum-c{position:relative;animation:cmIn .35s backwards}
.cm-sum-c:nth-child(2){animation-delay:.06s}.cm-sum-c:nth-child(3){animation-delay:.12s}
.cm-sum-c:nth-child(4){animation-delay:.18s}.cm-sum-c:nth-child(5){animation-delay:.24s}
.cm-sum-c:nth-child(6){animation-delay:.3s}.cm-sum-c:nth-child(7){animation-delay:.36s}
.cm-sum-f{font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.cm-sum-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.cm-zoom{animation:cmIn .3s}
.cm-zoom-fl{font-size:12px;color:var(--muted);font-style:italic;max-width:290px;text-align:center;line-height:1.5}
/* ── Gen 2: Generationen-Optik ── */
.cm-gen{position:absolute;top:2px;left:3px;font-family:var(--mono);font-size:7px;font-weight:700;
  color:rgba(255,255,255,.7);background:rgba(0,0,0,.4);border-radius:4px;padding:0 3px;letter-spacing:.04em}
.cm-card.big .cm-gen{top:6px;left:7px;font-size:12px;padding:1px 6px}
.cm-card.g2 .cm-frame{border-color:rgba(255,255,255,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.cm-gen-h{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--sand-bright);letter-spacing:.06em;
  margin:14px 0 8px;display:flex;align-items:center;gap:8px}
.cm-gen-h:first-child{margin-top:4px}
.cm-gen-new{background:var(--olive-bright);color:#161210;font-size:9px;padding:1px 7px;border-radius:99px}
.cm-genbars{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.cm-genbar-t{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;
  color:var(--text-dim);margin-bottom:4px}
.cm-genbar-t b{color:var(--text)}
.cm-bar.g1 i{background:linear-gradient(90deg,#c98a2b,#e8b04a)}
.cm-bar.g2 i{background:linear-gradient(90deg,#4e8f5a,#7bd08a)}
@media (max-width:560px){.cm-genbars{grid-template-columns:1fr}}
/* Zoom-Overlay aufgewertet */
.cm-close{position:fixed;top:14px;right:16px;z-index:5;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--border);background:rgba(30,24,20,.8);color:var(--text);font-size:16px;cursor:pointer}
.cm-close:hover{background:var(--surface-2)}
.cm-zoom{position:relative;animation:cmIn .3s}
.cm-zoom-aura{position:absolute;inset:-14%;border-radius:50%;z-index:-1;pointer-events:none;filter:blur(22px);opacity:.6}
.cm-zoom.r-rare .cm-zoom-aura{background:radial-gradient(circle,rgba(74,134,196,.8),transparent 70%)}
.cm-zoom.r-epic .cm-zoom-aura{background:radial-gradient(circle,rgba(154,95,196,.85),transparent 70%)}
.cm-zoom.r-legendary .cm-zoom-aura{background:radial-gradient(circle,rgba(232,163,58,.9),transparent 70%)}
.cm-zoom.r-mythic .cm-zoom-aura{background:radial-gradient(circle,rgba(224,85,43,.9),transparent 70%);
  animation:cmPulse 1.8s ease-in-out infinite}
.cm-zoom-meta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font-family:var(--mono);
  font-size:12px;color:var(--text-dim)}
.cm-zoom-meta .cm-zoom-rar{font-weight:700}
.cm-zoom-meta .cm-zoom-g{color:#8fd0f0}
.cm-evo{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap;justify-content:center;
  background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;max-width:420px}
.cm-evo-arr{color:var(--muted);font-size:16px;align-self:center;padding-bottom:16px}
.cm-evo-i{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;width:72px;
  border-radius:8px;padding:6px 4px;transition:.14s}
.cm-evo-i:hover{background:var(--surface-3)}
.cm-evo-i.cur{background:rgba(216,181,106,.14);outline:1px solid var(--sand)}
.cm-evo-i span{font-family:var(--mono);font-size:9px;color:var(--text-dim);text-align:center;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68px}
.cm-evo-i.cur span{color:var(--sand-bright)}
.cm-evo-art{width:54px;height:42px;background:radial-gradient(circle at 50% 40%,#3a2f22,#1a1613);
  border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cm-evo-art .cm-art{height:100%;width:auto;image-rendering:pixelated}
.cm-evo-i.locked .cm-evo-art{filter:grayscale(1) brightness(.4)}
.cm-evo-q{font-family:var(--mono);font-size:20px;color:var(--surface-3)}
.cm-soon{display:flex;flex-direction:column;gap:10px}
.cm-soon div{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:10px 12px;
  display:flex;flex-direction:column;gap:3px}
.cm-soon b{font-family:var(--mono);font-size:12px;color:var(--sand-bright)}
.cm-soon span{font-size:11px;color:var(--muted);line-height:1.5}
@media (max-width:560px){
  .cm-flip,.cm-stack,.cm-card.big{width:250px}
  .cm-dex{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}
}

/* Kartenkunde */
.cm-lehre{padding:0;overflow:hidden}
.cm-lehre-h{cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  padding:14px;margin:0;transition:.14s}
.cm-lehre-h:hover{background:var(--surface-2)}
.cm-caret{font-size:10px;color:var(--muted)}
.cm-lehre-b{padding:0 14px 14px;border-top:1px solid var(--border)}
.cm-lk{font-family:var(--mono);font-size:10px;color:var(--sand-bright);text-transform:uppercase;
  letter-spacing:.1em;margin:16px 0 6px}
.cm-lt{font-size:12px;color:var(--text-dim);line-height:1.6;margin:0}
.cm-lt b{color:var(--text)}
.cm-lt i{color:var(--sand);font-style:normal}
.cm-ring{display:flex;align-items:stretch;gap:6px;margin:10px 0;flex-wrap:wrap}
.cm-rc{flex:1;min-width:120px;background:var(--surface-2);border:1px solid var(--tc);border-radius:9px;
  padding:9px;display:flex;flex-direction:column;gap:2px}
.cm-re{font-size:20px}
.cm-rc b{font-family:var(--mono);font-size:12px;color:var(--text)}
.cm-rs{font-size:10px;color:var(--olive-bright)}
.cm-rw{font-size:10px;color:var(--brick)}
.cm-arrow{align-self:center;color:var(--muted);font-size:14px}
.cm-warn{margin-top:10px;background:rgba(125,95,168,.14);border:1px solid #7d5fa8;border-radius:9px;
  padding:9px 11px;font-size:11px;color:var(--text-dim);line-height:1.5}
.cm-warn b{color:var(--text)}
.cm-rar-l{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cm-rar-i{flex:1;min-width:104px;background:var(--surface-2);border-left:3px solid var(--rc);border-radius:7px;
  padding:7px 9px;display:flex;flex-direction:column;gap:1px}
.cm-rar-s{color:var(--rc);font-size:9px;letter-spacing:1px}
.cm-rar-i b{font-family:var(--mono);font-size:11px;color:var(--text)}
.cm-rar-c{font-family:var(--mono);font-size:10px;color:var(--muted)}
@media (max-width:560px){.cm-arrow{display:none}}

/* Markt */
.cm-navpanel{position:sticky;top:0;z-index:40}
.cm-nav{display:flex;gap:6px;flex-wrap:wrap}
.cm-nb{flex:1 1 auto;min-width:82px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;
  color:var(--text-dim);font-family:var(--mono);font-size:11.5px;padding:9px 7px;cursor:pointer;transition:.14s;
  display:flex;align-items:center;justify-content:center;gap:5px}
.cm-nb-e{font-size:14px}
.cm-nb:hover{border-color:var(--sand)}
.cm-nb.on{background:var(--sand);border-color:var(--sand-bright);color:#241b13;font-weight:700}
/* ── Hero-Kopf ── */
.cm-hero{position:relative;overflow:hidden;
  background:linear-gradient(150deg,#2c2016,#1c1712 55%,#241a13)}
.cm-hero-glow{position:absolute;inset:-40% -20% auto -20%;height:180px;pointer-events:none;
  background:radial-gradient(ellipse at 30% 0%,rgba(232,176,74,.28),transparent 60%),
             radial-gradient(ellipse at 85% 10%,rgba(123,208,138,.18),transparent 60%)}
.cm-hero-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px}
.cm-hero-txt{min-width:0}
.cm-hero-t{font-family:var(--mono);font-weight:700;font-size:22px;color:var(--sand-bright);letter-spacing:.02em}
.cm-hero-sub{font-size:12px;color:var(--text-dim);margin-top:3px}
.cm-ring{--p:0;flex-shrink:0;width:74px;height:74px;border-radius:50%;
  background:conic-gradient(var(--sand-bright) calc(var(--p)*1%),var(--surface-3) 0);
  display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.4)}
.cm-ring-in{width:58px;height:58px;border-radius:50%;background:#1a1613;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1px}
.cm-ring-in b{font-family:var(--mono);font-size:16px;color:var(--sand-bright)}
.cm-ring-in span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.cm-chips{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.cm-chip{background:rgba(0,0,0,.28);border:1px solid var(--border);border-radius:10px;padding:8px 6px;
  display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.cm-chip b{font-family:var(--mono);font-size:15px;color:var(--text)}
.cm-chip b small{font-size:10px;color:var(--muted);font-weight:400}
.cm-chip span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
@media (max-width:560px){.cm-chips{grid-template-columns:repeat(2,1fr)}.cm-hero-t{font-size:19px}}
/* ── Decks ── */
.deck-hero .cm-hero-top,.show-hero .cm-hero-top{align-items:center}
.dk-new{flex-shrink:0;white-space:nowrap}
.dk-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){.dk-list{grid-template-columns:1fr}}
.dk-card{display:flex;flex-direction:column;gap:10px}
.dk-head{display:flex;flex-direction:column;gap:2px}
.dk-name{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--sand-bright)}
.dk-meta{font-size:10.5px;color:var(--muted)}
.dk-warn{color:var(--brick)}
.dk-pub{color:var(--muted)}.dk-pub.on{color:var(--olive-bright)}
.dk-strip{display:flex;gap:5px;flex-wrap:wrap}
.dk-mini{width:46px;height:36px;border-radius:6px;overflow:hidden;flex-shrink:0;
  background:radial-gradient(circle at 50% 40%,#3a2f22,#181410);border:1px solid rgba(0,0,0,.4);
  display:flex;align-items:center;justify-content:center}
.dk-mini .cm-art{height:100%;width:auto;image-rendering:pixelated}
.dk-mini.foil{box-shadow:inset 0 0 0 1px rgba(140,220,255,.5)}
.dk-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.dk-btns .btn{flex:1 1 auto;font-size:11px;padding:8px 6px;min-width:0}
.dk-btns .dk-del{flex:0 0 auto;color:var(--brick)}
.dk-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:30px 16px}
.dk-empty-ic{font-size:44px;opacity:.7}
.dk-empty b{font-family:var(--mono);font-size:15px;color:var(--text)}
.dk-empty span{font-size:12px;color:var(--muted);max-width:340px;line-height:1.5}
/* Deck-Editor */
.dk-editor{display:flex;flex-direction:column;gap:12px}
.dk-ed-head{display:flex;justify-content:space-between;align-items:center}
.dk-ed-head b{font-family:var(--mono);font-size:15px;color:var(--sand-bright)}
.dk-x{background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer}
.dk-nameinp{width:100%;background:var(--surface-3);border:1px solid var(--border);border-radius:9px;
  color:var(--text);font-family:var(--mono);font-size:14px;padding:10px 12px;box-sizing:border-box}
.dk-nameinp:focus{outline:none;border-color:var(--sand)}
.dk-chosen-h{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.dk-chosen-h b{color:var(--sand-bright)}
.dk-chosen{display:flex;gap:8px;flex-wrap:wrap;min-height:52px;background:var(--surface-2);
  border:1px dashed var(--border);border-radius:10px;padding:10px}
.dk-slot-empty{font-size:11px;color:var(--muted);align-self:center}
.dk-chosen-i{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;width:58px}
.dk-chosen-i span{font-size:8px;color:var(--text-dim);text-align:center;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;max-width:56px}
.dk-chosen-i .dk-rm{position:absolute;top:-5px;right:2px;background:var(--brick);color:#fff;border-radius:50%;
  width:15px;height:15px;font-size:9px;display:flex;align-items:center;justify-content:center}
.dk-ed-btns{display:flex;gap:8px}
.dk-ed-btns .btn{flex:1}
/* Schaukasten */
.show-hero{background:linear-gradient(150deg,#241b2c,#171320 55%,#1d1826)}
.dk-like{display:flex;align-items:center;justify-content:center;gap:5px}
.dk-like.on{color:#e06666;border-color:rgba(224,102,102,.5)}
.mk-seg{display:flex;gap:6px;margin-bottom:12px}
.mk-seg button{flex:1;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;
  color:var(--text-dim);font-family:var(--mono);font-size:11px;padding:7px;cursor:pointer}
.mk-seg button.on{background:var(--surface-2);border-color:var(--sand);color:var(--sand-bright)}
.mk-bar{display:flex;gap:6px;margin-bottom:12px}
.mk-bar select{flex:1;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;
  color:var(--text-dim);font-family:var(--mono);font-size:11px;padding:6px 8px;cursor:pointer}
.mk-note{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:10px 12px;
  font-size:11px;color:var(--muted);line-height:1.55;margin-bottom:12px}
.mk-note b{color:var(--text-dim)}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.mk-i{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:9px;
  display:flex;flex-direction:column;gap:7px}
.mk-meta{display:flex;flex-direction:column;gap:2px}
.mk-meta b{font-family:var(--mono);font-size:15px;color:var(--sand-bright)}
.mk-meta span{font-size:10px;color:var(--muted);line-height:1.4}
.mk-vk{color:var(--text-dim)!important}
.mk-deal{align-self:flex-start;background:rgba(143,170,85,.18);color:var(--olive-bright);border-radius:99px;
  padding:1px 7px;font-size:9px;font-family:var(--mono)}
.mk-teuer{align-self:flex-start;background:rgba(196,74,54,.16);color:var(--brick);border-radius:99px;
  padding:1px 7px;font-size:9px;font-family:var(--mono)}
.mk-sell{display:flex;flex-direction:column;gap:10px}
.mk-si{display:flex;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:10px}
.mk-si .cm-card{width:96px;flex-shrink:0}
.mk-sm{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mk-sm b{font-family:var(--mono);font-size:13px;color:var(--text)}
.mk-sm>span{font-size:11px;color:var(--muted)}
.mk-warn{color:var(--amber)!important}
.mk-in{display:flex;gap:6px;margin-top:4px}
.mk-in input{flex:1;min-width:0}
.mk-korr{font-family:var(--mono);font-size:10px;color:var(--muted)}
.mk-korr b{color:var(--sand-bright)}
.mk-lim{font-size:11px;color:var(--muted);margin-top:10px;text-align:center}
.mk-hist{display:flex;align-items:center;gap:9px;padding:6px 0;border-bottom:1px solid var(--border-soft);
  font-family:var(--mono);font-size:11px}
.mk-hist:last-child{border-bottom:none}
.mk-h-r{font-size:9px;letter-spacing:1px;flex-shrink:0}
.mk-h-n{flex:1;min-width:0;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-h-p{color:var(--sand-bright);font-weight:700}
.mk-h-w{color:var(--muted);font-size:10px}
@media (max-width:560px){.mk-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr))}.mk-h-w{display:none}}

/* ══ ⚔️ DUELL ══ */
.duel-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.duel-arena{position:relative;height:300px;overflow:hidden;
  background:linear-gradient(180deg,#2a2417 0%,#221d13 55%,#1a160e 100%)}
.duel-arena::after{content:'';position:absolute;left:0;right:0;bottom:74px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,181,106,.25),transparent)}
.duel-floor{position:absolute;left:0;right:0;bottom:0;height:74px;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0 20px,transparent 20px 40px);
  border-top:1px solid rgba(216,181,106,.12)}
.duel-fig{position:absolute;width:128px;transition:transform .18s}
.duel-fig.enemy{top:40px;right:30px}
.duel-fig.hero{bottom:30px;left:30px}
.duel-fig svg{width:100%;height:auto;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
.duel-fig.hero svg{transform:scaleX(-1)}
.duel-fig.lunge-r{transform:translateX(40px) translateY(-10px)}
.duel-fig.lunge-l{transform:translateX(-40px) translateY(10px)}
.duel-fig.hurt{animation:duelHurt .4s}
@keyframes duelHurt{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}
  60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.duel-fig.hurt svg{animation:duelBlink .4s}
@keyframes duelBlink{0%,100%{filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
  50%{filter:drop-shadow(0 6px 8px rgba(0,0,0,.5)) brightness(2.4) sepia(1) hue-rotate(-30deg)}}
.duel-side{position:absolute;display:flex;flex-direction:column;gap:6px;z-index:4;width:170px}
.duel-side.enemy{top:16px;left:16px;align-items:flex-start}
.duel-side.hero{bottom:16px;right:16px;align-items:flex-end}
.duel-hp{width:100%;background:rgba(20,17,12,.92);border:1px solid var(--border);
  border-radius:9px;padding:7px 9px;backdrop-filter:blur(4px)}
.hpname{font-family:var(--mono);font-size:11px;color:var(--text);display:flex;
  justify-content:space-between;align-items:center;gap:6px;margin-bottom:5px}
.hpname span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpname .el{font-size:12px;flex-shrink:0}
.hptrack{height:7px;background:var(--surface-3);border-radius:99px;overflow:hidden}
.hpfill{height:100%;border-radius:99px;transition:width .5s ease}
.hp-hi{background:linear-gradient(90deg,#6f9a4e,#aeb86f)}
.hp-mid{background:linear-gradient(90deg,#e2a149,#ecca81)}
.hp-lo{background:linear-gradient(90deg,#96311a,#cf6a4f)}
.hpval{font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:3px;text-align:right}
.duel-round{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-family:var(--mono);font-size:10px;color:var(--muted);background:rgba(20,17,12,.7);
  padding:3px 10px;border-radius:99px;border:1px solid var(--border)}
/* Treffer-Effekte */
.duel-flash{position:absolute;width:120px;height:120px;border-radius:50%;pointer-events:none;
  animation:duelFlash .5s ease-out}
.duel-flash.at-enemy{top:36px;right:32px}
.duel-flash.at-hero{bottom:52px;left:32px}
.fl-strong{background:radial-gradient(circle,rgba(232,195,58,.8),transparent 65%)}
.fl-norm{background:radial-gradient(circle,rgba(236,230,214,.5),transparent 65%)}
.fl-weak{background:radial-gradient(circle,rgba(131,124,102,.4),transparent 65%)}
@keyframes duelFlash{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.3);opacity:0}}
.duel-dmg{position:absolute;font-family:var(--mono);font-weight:700;font-size:30px;color:#fff;
  text-shadow:0 2px 0 #96311a,0 0 20px rgba(224,85,43,.8);pointer-events:none;
  animation:duelDmg 1.1s ease-out forwards;z-index:5}
.duel-dmg.big{font-size:40px}
.duel-dmg.at-enemy{top:56px;right:60px}
.duel-dmg.at-hero{bottom:96px;left:60px}
.duel-dmg .eff{display:block;font-size:11px;color:var(--olive-bright);text-shadow:none;text-align:center;
  margin-top:2px}
.duel-dmg .eff.weak{color:var(--muted)}
.duel-dmg .eff.nz{color:var(--sand-bright)}
@keyframes duelDmg{0%{transform:translateY(0) scale(.6);opacity:0}
  20%{transform:translateY(-10px) scale(1.15);opacity:1}
  100%{transform:translateY(-46px) scale(1);opacity:0}}
/* Steuerung */
.duel-ctrl{padding:14px;background:var(--surface-2);border-top:1px solid var(--border)}
.energy{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.energy-label{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.energy-dots{display:flex;gap:3px;align-items:center}
.energy-hint{font-family:var(--mono);font-size:9px;color:var(--muted);margin-left:6px}
.edot{width:13px;height:13px;border-radius:50%;background:var(--surface-3);border:1px solid var(--border);
  transition:.3s}
.edot.on{background:radial-gradient(circle at 35% 35%,#ecca81,#d8b56a);border-color:#ecca81;
  box-shadow:0 0 8px rgba(216,181,106,.5)}
.moves{display:flex;flex-direction:column;gap:8px}
.move{display:flex;align-items:center;gap:10px;background:var(--surface-3);border:1px solid var(--border);
  border-radius:11px;padding:11px 13px;cursor:pointer;transition:.14s;text-align:left;width:100%;
  font-family:inherit;color:inherit}
.move:hover:not(.locked){border-color:var(--sand);transform:translateY(-1px)}
.move.locked{opacity:.4;cursor:not-allowed}
.move-cost{display:flex;gap:2px;flex-shrink:0;min-width:20px}
.mc{width:9px;height:9px;border-radius:50%;background:var(--sand)}
.mc.empty{background:var(--surface);border:1px solid var(--muted)}
.move-body{flex:1;min-width:0}
.move-name{font-family:var(--mono);font-size:13px;color:var(--text);font-weight:700;
  display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.move-sub{font-size:10px;color:var(--muted)}
.move-dmg{font-family:var(--mono);font-weight:700;font-size:17px;color:var(--sand-bright);flex-shrink:0}
.move-tag{font-size:9px;padding:1px 6px;border-radius:99px;font-family:var(--mono)}
.tag-strong{background:rgba(143,170,85,.2);color:var(--olive-bright)}
.tag-weak{background:rgba(207,106,79,.18);color:var(--brick)}
.ability{margin-top:10px;background:rgba(216,181,106,.08);border:1px solid var(--border);
  border-radius:9px;padding:8px 11px;font-size:11px;color:var(--text-dim);line-height:1.5}
.ability b{color:var(--sand-bright);font-family:var(--mono)}
/* Auswahl */
.duel-pick{cursor:pointer;position:relative}
.duel-go{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(20,17,12,.75);opacity:0;transition:.14s;border-radius:9px;
  font-family:var(--mono);font-size:12px;color:var(--sand-bright);font-weight:700}
.duel-pick:hover .duel-go{opacity:1}
/* Intro + Ende */
.duel-intro{text-align:center}
.duel-intro-ico{font-size:54px;margin-bottom:4px}
.duel-intro p{color:var(--muted);font-size:13px;line-height:1.6;max-width:340px;margin:8px auto 16px}
.duel-end{text-align:center;padding:30px 20px}
.duel-end-ico{font-size:64px}
.duel-end-t{font-family:var(--mono);font-size:24px;font-weight:700;margin:8px 0}
.duel-end.win .duel-end-t{color:var(--olive-bright)}
.duel-end.lose .duel-end-t{color:var(--brick)}
.duel-end p{color:var(--muted);font-size:13px;margin-bottom:18px}
.duel-end-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
@media (max-width:560px){
  .duel-fig{width:104px}
  .duel-hp{width:140px}
  .duel-arena{height:270px}
}

/* ── Team-Duell ── */
.duel-team-bar{display:flex;gap:4px}
.duel-dot{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;
  font-size:12px;background:rgba(20,17,12,.8);border:1px solid var(--tc);transition:.2s}
.duel-dot.akt{box-shadow:0 0 0 2px var(--sand-bright);transform:scale(1.12)}
.duel-dot.tot{opacity:.3;filter:grayscale(1);border-color:var(--muted);color:var(--brick)}
/* Team-Builder */
.duel-team-list{display:flex;flex-direction:column;gap:8px}
.duel-team-i{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);
  border-radius:10px;padding:8px 10px}
.duel-pos{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--sand-bright);
  width:22px;text-align:center;flex-shrink:0}
.duel-mini{width:44px;height:33px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 40%,var(--surface-3),var(--surface));border-radius:6px;overflow:hidden}
.duel-mini svg{width:100%;height:auto}
.duel-ti-body{flex:1;min-width:0}
.duel-ti-body b{font-family:var(--mono);font-size:13px;color:var(--text);display:block;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.duel-ti-body span{font-size:10px;color:var(--muted)}
.duel-ti-btns{display:flex;gap:3px;flex-shrink:0}
.duel-ti-btns button{width:26px;height:26px;border-radius:6px;background:var(--surface-3);
  border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:11px;padding:0}
.duel-ti-btns button:disabled{opacity:.3;cursor:default}
.duel-ti-btns button.rm{color:var(--brick)}
.duel-pick.sel .cm-card{outline:2px solid var(--sand-bright);outline-offset:1px}
.duel-sel-badge{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;
  background:var(--sand-bright);color:#241b13;font-family:var(--mono);font-weight:700;font-size:12px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.4);z-index:3}
/* Wechsel im Kampf */
.duel-switch-btn{width:100%;margin-top:10px}
.duel-switch-panel{margin-top:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;
  padding:10px;display:flex;flex-direction:column;gap:7px}
.duel-switch-hint{font-family:var(--mono);font-size:10px;color:var(--amber);text-align:center;margin-bottom:2px}
.duel-switch-opt{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);
  border-radius:9px;padding:7px 9px;cursor:pointer;width:100%;font-family:inherit;color:inherit;transition:.14s}
.duel-switch-opt:hover{border-color:var(--sand)}
.duel-so-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.duel-so-body b{font-family:var(--mono);font-size:12px;color:var(--text)}
.duel-so-body .hptrack{height:5px}
.duel-so-el{font-size:15px;flex-shrink:0}
/* Ohnmacht + Einwechseln */
.duel-fig.duel-faint{animation:duelFaintAnim .5s forwards}
@keyframes duelFaintAnim{to{transform:translateY(20px) scale(.7);opacity:0;filter:grayscale(1)}}
.duel-fig.duel-enter{animation:duelEnterAnim .4s}
@keyframes duelEnterAnim{from{transform:translateY(-24px) scale(.8);opacity:0}}

/* 🥚 Eierleiter */
.ladder-board{display:flex;flex-direction:column;gap:5px;max-width:340px;margin:12px auto;
  max-height:340px;overflow-y:auto;padding:4px}
.ladder-rung{display:flex;align-items:center;gap:10px;background:var(--surface-3);
  border:1px solid var(--border);border-radius:9px;padding:7px 11px;transition:.18s}
.ladder-rung .rung-no{font-family:var(--mono,monospace);font-size:11px;color:var(--muted);
  width:20px;text-align:center;flex-shrink:0}
.ladder-rung .rung-mult{margin-left:auto;font-family:var(--mono,monospace);font-size:13px;
  color:var(--sand-bright);font-weight:700;flex-shrink:0}
.ladder-rung .rung-eggs{display:flex;gap:6px;font-size:20px;line-height:1}
.ladder-rung.idle,.ladder-rung.locked{opacity:.4}
.ladder-rung.done{background:rgba(143,170,85,.14);border-color:var(--olive)}
.ladder-rung.done .rung-eggs{filter:grayscale(.3);opacity:.7}
.ladder-rung.current{background:rgba(216,181,106,.12);border-color:var(--sand-bright);
  box-shadow:0 0 0 1px var(--sand-bright),0 4px 14px rgba(216,181,106,.15);opacity:1}
.ladder-egg{font-size:26px;line-height:1;background:transparent;border:2px solid transparent;
  border-radius:9px;cursor:pointer;padding:2px 6px;transition:.14s;filter:saturate(.9)}
.ladder-egg:hover{transform:translateY(-3px) scale(1.15);border-color:var(--sand-bright);
  background:rgba(216,181,106,.12)}
.ladder-egg.rotten{animation:eggRot .4s;filter:none;transform:scale(1.2)}
.ladder-egg.picked{border-color:var(--brick);opacity:.6}
@keyframes eggRot{0%{transform:scale(1)}50%{transform:scale(1.4) rotate(-12deg)}100%{transform:scale(1.2)}}
.ladder-width{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.ladder-width label{font-size:11px;color:var(--muted);margin-right:2px}
.lw-btn{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;
  padding:5px 12px;cursor:pointer;font-family:var(--mono,monospace);font-size:13px;
  color:var(--text-dim);transition:.14s}
.lw-btn:hover:not(:disabled){border-color:var(--sand)}
.lw-btn.active{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
.lw-btn:disabled{opacity:.4;cursor:default}

/* 🐔 Straßenhuhn */
.road-track{position:relative;height:150px;max-width:340px;margin:12px auto;
  overflow-x:auto;overflow-y:hidden;border-radius:12px;
  background:linear-gradient(180deg,#2b2518 0%,#211d13 50%,#1a160e 100%)}
.road-lanes{position:relative;display:flex;align-items:stretch;height:150px}
.road-curb{flex:0 0 58px;position:relative;display:flex;align-items:center;justify-content:center;
  background:repeating-linear-gradient(45deg,#3a4a2a 0 8px,#33422544 8px 16px);
  border-right:3px solid rgba(216,181,106,.35)}
.curb-label{font-family:var(--mono,monospace);font-size:9px;letter-spacing:2px;color:var(--olive-bright);
  writing-mode:vertical-rl;text-orientation:mixed;opacity:.7}
.road-lane{flex:0 0 58px;position:relative;overflow:hidden;
  border-right:2px dashed rgba(216,181,106,.16)}
.road-lane.done{background:rgba(143,170,85,.10)}
.road-lane.hitlane{background:rgba(207,106,79,.16)}
/* fahrendes Auto: von oben nach unten, endlos */
.rl-drive{position:absolute;left:50%;top:0;font-size:22px;z-index:2;
  transform:translate(-50%,-160%);animation-name:roadDrive;
  animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}
@keyframes roadDrive{
  from{transform:translate(-50%,-160%)}
  to{transform:translate(-50%,320%)}
}
.rl-drive.crash{animation:none;z-index:4;transform:translate(-50%,-50%);
  font-size:26px;animation:roadBoom .4s}
@keyframes roadBoom{0%{transform:translate(-50%,-50%) scale(.5)}60%{transform:translate(-50%,-50%) scale(1.4)}100%{transform:translate(-50%,-50%) scale(1)}}
/* schnell angeflogenes Auto beim Überqueren */
.rl-fly{position:absolute;left:50%;top:0;font-size:23px;z-index:4;
  transform:translate(-50%,-180%);animation:roadDrive .38s linear forwards}
.rl-fly.fly-hit{animation:roadFlyHit .3s cubic-bezier(.4,0,.9,.6) forwards}
@keyframes roadFlyHit{from{transform:translate(-50%,-180%)}to{transform:translate(-50%,-50%)}}
.rl-fly.crash{animation:roadBoom .35s;font-size:27px;z-index:5}
/* Multiplikator-Chip, liegt über den Autos und bleibt lesbar */
.rl-token{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;
  font-family:var(--mono,monospace);font-size:11px;font-weight:700;white-space:nowrap;
  background:rgba(20,17,12,.82);border:1px solid var(--border);border-radius:999px;padding:3px 7px;
  color:var(--olive-bright)}
.rl-token.next{color:var(--sand-bright);border-color:var(--sand-bright);
  box-shadow:0 0 10px rgba(216,181,106,.35)}
.rl-token.done{color:var(--olive-bright);opacity:.65}
.rl-token.dim{color:var(--muted);opacity:.5}
.road-goal{flex:0 0 52px;display:flex;align-items:center;justify-content:center;font-size:26px;
  background:rgba(143,170,85,.2)}
/* Huhn: absolut, gleitet horizontal, hüpft beim Überqueren */
.road-hen{position:absolute;top:50%;width:44px;text-align:center;font-size:27px;z-index:5;
  transform:translateY(-50%);pointer-events:none;
  transition:left .32s cubic-bezier(.5,1.5,.5,1);
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}
.road-hen.hop{animation:roadHop .38s}
@keyframes roadHop{0%{margin-top:0}45%{margin-top:-16px}100%{margin-top:0}}
@media (prefers-reduced-motion:reduce){
  .rl-drive{animation:none;opacity:.55;transform:translate(-50%,120%)}
  .road-hen.hop{animation:none}
}
.road-diff{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}
.rd-btn{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;
  padding:5px 10px;cursor:pointer;font-size:12px;color:var(--text-dim);transition:.14s;font-family:inherit}
.rd-btn:hover:not(:disabled){border-color:var(--sand)}
.rd-btn.active{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
.rd-btn:disabled{opacity:.4;cursor:default}

/* 💬 Multiplayer-Schnellnachrichten */
.kn-chat-bar{display:flex;gap:8px;justify-content:center;margin:8px 0 4px;flex-wrap:wrap}
.kn-quickmsgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;
  margin:6px 0;padding:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}
.kn-qm{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:7px 8px;
  cursor:pointer;font-size:13px;color:var(--text);transition:.14s;text-align:left}
.kn-qm:hover{border-color:var(--sand);background:rgba(216,181,106,.12);transform:translateY(-1px)}
.kn-chat-feed{display:flex;flex-direction:column;gap:5px;margin:6px 0;min-height:0}
.kn-bubble{align-self:center;background:var(--surface-3);border:1px solid var(--border);
  border-radius:14px;padding:6px 12px;font-size:13px;max-width:90%;
  opacity:0;transform:translateY(8px) scale(.96);transition:.3s;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.kn-bubble.show{opacity:1;transform:translateY(0) scale(1)}
.kn-bubble-who{color:var(--sand-bright);font-weight:700;font-size:12px}
/* Anstups-Popup (nur beim Adressaten) */
.kn-nudge-pop{position:fixed;left:50%;bottom:80px;transform:translateX(-50%) translateY(20px);
  background:linear-gradient(135deg,var(--brick),var(--amber));color:#241b13;font-weight:700;
  padding:12px 18px;border-radius:12px;font-size:14px;z-index:9999;
  box-shadow:0 8px 26px rgba(0,0,0,.4);opacity:0;transition:.35s;display:flex;align-items:center;gap:8px;
  max-width:88vw;text-align:center}
.kn-nudge-pop.show{opacity:1;transform:translateX(-50%) translateY(0)}
.kn-nudge-pop .knp-ic{font-size:20px;animation:knpShake .6s ease-in-out infinite}
@keyframes knpShake{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
@media (prefers-reduced-motion:reduce){ .kn-nudge-pop .knp-ic{animation:none} }
#kn-nudge:disabled{opacity:.45;cursor:default}

/* 🥚 Letztes Ei — Spielfeld */
.ei-table{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px}
.ei-lobby-hint,.ei-empty{text-align:center;color:var(--muted);padding:16px;font-size:13px}
.ei-opps{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.ei-opp{background:var(--surface-3);border:1px solid var(--border);border-radius:9px;padding:6px 10px;text-align:center;min-width:74px;transition:.2s}
.ei-opp.active{border-color:var(--sand-bright);box-shadow:0 0 0 1px var(--sand-bright),0 3px 10px rgba(216,181,106,.2)}
.ei-opp-name{font-size:12px;font-weight:700;color:var(--text)}
.ei-opp-cards{font-size:13px;letter-spacing:-4px;color:var(--sand);margin:2px 0;height:16px;overflow:hidden}
.ei-opp-count{font-size:11px;color:var(--muted)}
.ei-mid{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0}
.ei-deck-pile{width:56px;height:80px;border-radius:9px;background:repeating-linear-gradient(45deg,#2a2417 0 6px,#332b18 6px 12px);
  border:2px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--sand)}
.ei-deck-pile small{font-size:10px;color:var(--muted);margin-top:2px}
.ei-color-ind{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}
.ei-curcolor{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}
.ei-last{text-align:center;font-size:12px;color:var(--text-dim);margin-top:8px;min-height:16px}
/* Karte */
.ei-card{width:52px;height:76px;border-radius:9px;background:var(--cbg);position:relative;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  box-shadow:0 2px 6px rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.18)}
.ei-card::before{content:'';position:absolute;inset:5px;border:2px solid rgba(255,255,255,.28);border-radius:6px}
.ei-card-v{font-size:24px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:1}
.ei-discard .ei-card.top{width:60px;height:86px;transform:rotate(-4deg)}
.ei-discard .ei-card-v{font-size:28px}
/* Hand */
.ei-hand-wrap{overflow-x:auto;padding:6px 2px}
.ei-hand{display:flex;gap:5px;justify-content:center;min-width:min-content;padding:4px}
.ei-hand .ei-card{transition:.15s;cursor:default}
.ei-hand .ei-card.playable{cursor:pointer;box-shadow:0 0 0 2px var(--sand-bright),0 4px 12px rgba(216,181,106,.3)}
.ei-hand .ei-card.playable:hover{transform:translateY(-8px)}
.ei-hand .ei-card.dim{opacity:.5;filter:grayscale(.3)}
/* Farbwähler */
.ei-colorpick{display:flex;align-items:center;gap:8px;justify-content:center;margin:8px 0;flex-wrap:wrap}
.ei-cp-label{font-size:13px;color:var(--text)}
.ei-cp-btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);cursor:pointer;font-size:18px;transition:.14s}
.ei-cp-btn:hover{transform:scale(1.15)}
.ei-controls{display:flex;justify-content:center;gap:8px;margin-top:8px}
#ei-draw-btn:disabled{opacity:.45;cursor:default}

/* 💣 Eier-Roulette */
.egg-turn{text-align:center;font-family:var(--mono);font-size:13px;padding:9px;border-radius:10px;background:var(--surface-2);margin-bottom:8px;color:var(--text-dim);line-height:1.4}
.egg-turn.you{background:linear-gradient(90deg,rgba(216,181,106,.25),rgba(226,161,73,.16));color:var(--sand-bright)}
.egg-turn.out{color:var(--muted)}
.egg-turn.done{background:linear-gradient(90deg,rgba(174,184,111,.28),rgba(194,204,131,.14));color:var(--olive-bright);font-size:15px}
.egg-stage{position:relative;height:200px;display:flex;align-items:center;justify-content:center;margin:2px 0 12px;overflow:visible}
.egg-aura{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:50%;opacity:0;pointer-events:none;
  background:radial-gradient(circle,rgba(207,106,79,.65),rgba(207,106,79,0) 70%);transition:opacity .3s,transform .3s}
.egg-body{font-size:74px;line-height:1;position:relative;z-index:2;will-change:transform,filter;transition:transform .28s cubic-bezier(.34,1.5,.5,1),filter .28s}
.egg-body.shaking{animation:eggShake .26s linear infinite}
@keyframes eggShake{0%,100%{translate:0 0}25%{translate:var(--shake,1px) calc(var(--shake,1px)*-.6)}50%{translate:calc(var(--shake,1px)*-1) var(--shake,1px)}75%{translate:calc(var(--shake,1px)*.5) calc(var(--shake,1px)*.5)}}
.egg-body.pump{animation:eggPumpAnim .32s cubic-bezier(.34,1.7,.5,1)}
@keyframes eggPumpAnim{0%{scale:1}42%{scale:1.16}100%{scale:1}}
.egg-burst{position:absolute;top:50%;left:50%;font-size:92px;opacity:0;z-index:5;pointer-events:none;transform:translate(-50%,-50%) scale(.2)}
.egg-burst.show{animation:eggBurstAnim .7s ease-out}
@keyframes eggBurstAnim{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}
.egg-stage.shake{animation:eggStageShake .5s ease}
@keyframes eggStageShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}
.egg-meta{position:absolute;bottom:0;left:0;right:0;display:flex;gap:14px;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--muted)}
.egg-meta .egg-press{color:var(--amber)}
.egg-actions{display:flex;gap:10px;justify-content:center;align-items:center;margin-bottom:14px;min-height:44px;flex-wrap:wrap}
.btn-egg-pump{background:linear-gradient(135deg,#e2a149,#cf6a4f);color:#241a11;font-weight:700;font-size:16px;padding:12px 30px;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 0 #9a4e2f;transition:transform .07s,box-shadow .07s}
.btn-egg-pump:active{transform:translateY(3px);box-shadow:0 1px 0 #9a4e2f}
.btn-egg-pass:disabled{opacity:.4;cursor:default}
.egg-wait{font-family:var(--mono);font-size:12px;color:var(--muted);padding:11px}
.egg-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin-bottom:14px}
.egg-pcard{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:8px 10px;transition:.2s}
.egg-pcard.cur{border-color:var(--sand);box-shadow:0 0 0 1px var(--sand),0 0 14px -4px var(--ring)}
.egg-pcard.dead{opacity:.45;filter:grayscale(.7)}
.egg-pcard.me .egg-pc-name{color:var(--sand-bright)}
.egg-pc-top{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px}
.egg-pc-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.egg-pc-turn{font-family:var(--mono);font-size:9px;background:var(--sand);color:#241a11;padding:1px 5px;border-radius:4px;flex:none}
.egg-pc-stats{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted)}
.egg-pc-stats b{color:var(--text-dim)}
.egg-log{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:11.5px;border-top:1px solid var(--border-soft);padding-top:10px}
.egg-log-row{padding:4px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-dim)}
.egg-log-row.pop{background:rgba(207,106,79,.16);color:var(--brick)}
.egg-log-row.win{background:rgba(194,204,131,.16);color:var(--olive-bright)}
.egg-log-row.pass{color:var(--muted)}
.egg-log-row.start{color:var(--sand)}

/* ⚙️ Lobby-Einstellungen + Einladungen */
.kn-lobby-settings{margin:8px 0}
.kn-set-block{display:flex;flex-direction:column;gap:6px}
.kn-set-label{font-size:12px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px}
.kn-set-hint{font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0}
.kn-seats-ctrl{display:flex;align-items:center;gap:10px}
.kn-seat-adj{width:34px;height:34px;border-radius:8px;background:var(--surface-3);border:1px solid var(--border);color:var(--text);font-size:20px;cursor:pointer;transition:.14s}
.kn-seat-adj:hover:not(:disabled){border-color:var(--sand);background:rgba(216,181,106,.12)}
.kn-seat-adj:disabled{opacity:.35;cursor:default}
.kn-seat-num{font-family:var(--mono,monospace);font-size:22px;font-weight:700;color:var(--sand-bright);min-width:28px;text-align:center}
.kn-seat-of{font-size:12px;color:var(--muted)}
.kn-playerlist{display:flex;flex-direction:column;gap:4px}
.kn-pl-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface-3);border-radius:7px;padding:6px 10px}
.kn-pl-name{font-size:13px;color:var(--text)}
.kn-pl-host{font-size:10px;background:var(--sand);color:#241b13;border-radius:4px;padding:1px 5px;font-weight:700}
.kn-kick{background:transparent;border:1px solid var(--brick);color:var(--brick);border-radius:6px;padding:3px 9px;font-size:11px;cursor:pointer;transition:.14s}
.kn-kick:hover{background:var(--brick);color:#fff}
.kn-roster{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.kn-rost-row{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:var(--surface-3);border-radius:7px;font-size:13px}
.kn-rost-done{font-size:11px;color:var(--olive-bright)}
.btn-xs{padding:3px 9px !important;font-size:11px !important}
.kn-invites-banner{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.kn-invite{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
  background:linear-gradient(135deg,rgba(216,181,106,.16),rgba(143,170,85,.12));
  border:1px solid var(--sand);border-radius:9px;padding:9px 12px}
.kn-invite-txt{font-size:13px;color:var(--text)}
.kn-invite-btns{display:flex;gap:6px}

/* ✨ Lobby-Karte (Warteraum) */
.lob-card{background:linear-gradient(165deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}
.lob-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lob-title{font-size:16px;font-weight:700;color:var(--text)}
.lob-id{font-family:var(--mono);font-size:11px;color:var(--muted);font-weight:400}
.lob-badges{display:flex;gap:6px;flex-wrap:wrap}
.lob-badge{font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:20px;background:var(--surface-3);color:var(--text-dim);white-space:nowrap}
.lob-badge.gold{background:linear-gradient(135deg,rgba(216,181,106,.28),rgba(226,161,73,.16));color:var(--sand-bright)}
.lob-wait{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.lob-wait.ready{color:var(--olive-bright)}
.lob-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:lobPulse 1.4s ease-in-out infinite}
.lob-wait.ready .lob-dot{background:var(--olive-bright)}
@keyframes lobPulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}
.lob-sec{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border-soft);padding-top:11px}
.lob-sec-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}
.lob-sec-hint{font-weight:400;color:var(--muted);letter-spacing:0;text-transform:none}
.lob-opts{display:flex;flex-direction:column;gap:7px}
.lob-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-3);border-radius:9px;padding:8px 12px}
.lob-opt.ro{opacity:.85}
.lob-opt-l{font-size:13px;color:var(--text)}
.lob-opt-hint{font-size:10px;color:var(--muted)}
.lob-opt b{font-family:var(--mono);color:var(--sand-bright)}
.lob-step{display:flex;align-items:center;gap:10px}
.lob-step.big{justify-content:center;background:var(--surface-3);border-radius:9px;padding:8px}
.lob-step b{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--sand-bright);min-width:24px;text-align:center}
.lob-step-b{width:32px;height:32px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:19px;line-height:1;cursor:pointer;transition:.14s}
.lob-step-b:hover:not(:disabled){border-color:var(--sand);background:rgba(216,181,106,.12)}
.lob-step-b:disabled{opacity:.3;cursor:default}
.lob-step-of{font-size:11px;color:var(--muted);margin-left:4px}
.lob-toggle{width:44px;height:25px;border-radius:20px;background:var(--surface);border:1px solid var(--border);position:relative;cursor:pointer;transition:.18s;flex:none}
.lob-toggle>span{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:var(--muted);transition:.18s}
.lob-toggle.on{background:linear-gradient(135deg,var(--olive),var(--olive-bright));border-color:transparent}
.lob-toggle.on>span{left:21px;background:#20301a}
.lob-toggle:disabled{opacity:.4;cursor:default}
.lob-hint{font-size:11px;color:var(--muted);line-height:1.45}
.lob-players{display:flex;flex-direction:column;gap:4px}
.lob-prow{display:flex;align-items:center;justify-content:space-between;background:var(--surface-3);border-radius:8px;padding:7px 11px}
.lob-prow.empty{opacity:.4;background:transparent;border:1px dashed var(--border-soft)}
.lob-pname{font-size:13px;color:var(--text)}
.lob-you{font-family:var(--mono);font-size:9px;background:var(--sand);color:#241a11;padding:1px 5px;border-radius:4px}
.lob-hostbadge{font-family:var(--mono);font-size:10px;color:var(--sand-bright)}
.lob-kick{width:24px;height:24px;border-radius:6px;background:transparent;border:1px solid var(--brick);color:var(--brick);font-size:12px;cursor:pointer;transition:.14s}
.lob-kick:hover{background:var(--brick);color:#fff}
.lob-inv-btn{width:100%}

/* ❤️ Ei-Herzen + 🔁 Rückkauf */
.egg-pc-hearts{font-size:11px;letter-spacing:1px;margin:2px 0 4px;line-height:1}
.btn-egg-buy{background:linear-gradient(135deg,#8faa55,#c2cc83);color:#20301a;font-weight:700;font-size:15px;padding:11px 22px;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 0 #5a7a2f;animation:eggBuyPulse 1s ease-in-out infinite}
.btn-egg-buy:active{transform:translateY(3px);box-shadow:0 1px 0 #5a7a2f}
.btn-egg-buy:disabled{opacity:.5;animation:none;box-shadow:0 2px 0 #5a7a2f}
@keyframes eggBuyPulse{0%,100%{box-shadow:0 4px 0 #5a7a2f,0 0 0 0 rgba(194,204,131,.5)}50%{box-shadow:0 4px 0 #5a7a2f,0 0 0 8px rgba(194,204,131,0)}}

/* 📨 Einladungs-Push-Popup */
.mp-invpop{position:fixed;left:50%;bottom:22px;transform:translate(-50%,140%);z-index:1200;max-width:340px;width:calc(100% - 32px);
  background:linear-gradient(135deg,#2a2416,#1c1a14);border:1px solid var(--sand);border-radius:14px;padding:13px 15px;
  box-shadow:0 12px 34px -10px rgba(0,0,0,.8);transition:transform .4s cubic-bezier(.2,1.2,.3,1),opacity .4s;opacity:0}
.mp-invpop.show{transform:translate(-50%,0);opacity:1}
.mp-invpop-top{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.mp-invpop-ic{font-size:22px}
.mp-invpop-txt{font-size:13px;color:var(--text);line-height:1.35}
.mp-invpop-txt b{color:var(--sand-bright)}
.mp-invpop-btns{display:flex;gap:8px}
.mp-invpop-btns .btn{flex:1}

/* 📱 Stall-Phone */
.phone{position:fixed;left:16px;bottom:0;z-index:1050;width:252px;height:420px;
  transform:translateY(calc(100% - 48px));transition:transform .38s cubic-bezier(.2,.9,.25,1);
  background:linear-gradient(180deg,#2a2416,#141310);border:2px solid #3a3320;border-bottom:none;border-radius:26px 26px 0 0;
  box-shadow:0 -10px 40px -12px rgba(0,0,0,.7);display:flex;flex-direction:column;overflow:hidden}
.phone.open{transform:translateY(0)}
.phone-top{height:48px;flex:none;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;position:relative;background:linear-gradient(180deg,#1c1a13,transparent)}
.phone-cam{width:8px;height:8px;border-radius:50%;background:#0a0a08;box-shadow:inset 0 0 0 2px #2a2618,0 0 0 1px #3a3320}
.phone-grip{width:44px;height:5px;border-radius:5px;background:#4a4330}
.phone-badge{position:absolute;top:8px;right:22px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:var(--brick);color:#fff;font-family:var(--mono);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #141310}
.phone-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 10px 12px;background:radial-gradient(ellipse 90% 55% at 50% 12%,rgba(216,181,106,.13),transparent),linear-gradient(180deg,#171510,#0f0d09)}
.phone-bar{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--muted);padding:0 2px 14px}
.phone-sig{letter-spacing:1px}
.phone-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:11px 3px;padding:4px 2px;flex:1;min-height:0;overflow-y:auto;align-content:start}
.phone-app{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:none;color:var(--text);font-size:9.5px;font-weight:600;line-height:1.15;cursor:pointer}
.pa-ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(150deg,var(--surface-2),var(--surface-3));border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:23px;box-shadow:0 4px 10px -4px rgba(0,0,0,.6);transition:transform .12s}
.phone-app:hover .pa-ic{transform:translateY(-3px);border-color:var(--sand)}
.phone-app:active .pa-ic{transform:scale(.93)}
.pa-badge{position:absolute;top:-3px;right:14px;min-width:15px;height:15px;padding:0 4px;border-radius:9px;background:var(--brick);border:2px solid #0f0d09}
.phone-hint{flex:none;margin-top:8px;text-align:center;font-size:9px;color:var(--muted);font-family:var(--mono);opacity:.7}
@media(max-width:480px){.phone{left:8px;width:236px;height:392px}}
/* 💬 Gruppen-Chat */
.chat-launch{position:fixed;right:18px;bottom:18px;z-index:1100;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--sand),var(--amber));color:#241a11;font-size:26px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 22px -6px rgba(0,0,0,.6),0 0 0 1px rgba(236,202,129,.4) inset;transition:transform .18s,box-shadow .18s}
.chat-launch:hover{transform:scale(1.07)}
.chat-launch.hidden-launch{transform:scale(0);opacity:0;pointer-events:none}
.chat-launch.ping{animation:chatPing .6s ease}
@keyframes chatPing{0%,100%{transform:scale(1)}30%{transform:scale(1.18) rotate(-8deg)}60%{transform:scale(1.05) rotate(6deg)}}
.chat-badge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:11px;background:var(--brick);color:#fff;
  font-family:var(--mono);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}
.chat-badge.jackpot{background:radial-gradient(circle at 30% 30%,#ffe08a,#e2a149 70%);color:#3a2708;font-size:12px;
  box-shadow:0 0 0 0 rgba(236,202,129,.75);animation:chatJpBadge 1.15s ease-out infinite}
@keyframes chatJpBadge{0%{box-shadow:0 0 0 0 rgba(236,202,129,.75)}70%{box-shadow:0 0 0 8px rgba(236,202,129,0)}100%{box-shadow:0 0 0 0 rgba(236,202,129,0)}}
/* 🎀 Founder-Chat-Badge auf der Bubble (nur Founder/Cofounder/Admin) – höhere Priorität, eigene Ecke (oben links) */
.chat-fbadge{position:absolute;top:-6px;left:-6px;min-width:20px;height:20px;padding:0 4px;border-radius:11px;
  background:linear-gradient(135deg,#a56ff0,#7a3fd0);color:#fff;border:2px solid var(--bg);
  display:flex;align-items:center;justify-content:center;gap:1px;box-shadow:0 2px 8px rgba(122,63,208,.6);z-index:2}
.chat-fbadge .cfb-ic{font-size:12px;line-height:1}
.chat-fbadge .cfb-n{font-family:var(--mono);font-size:10px;font-weight:800;line-height:1}
.chat-fbadge .cfb-n:empty{display:none}
.chat-launch.has-fping{box-shadow:0 8px 22px -6px rgba(0,0,0,.6),0 0 0 2px rgba(165,111,240,.7),0 0 18px rgba(122,63,208,.55)}
.chat-launch.fping{animation:chatFPing .7s ease}
@keyframes chatFPing{0%,100%{transform:scale(1)}30%{transform:scale(1.2) rotate(7deg)}60%{transform:scale(1.06) rotate(-5deg)}}
.chat-fbadge{animation:cfbPulse 1.4s ease-in-out infinite}
@keyframes cfbPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
/* 🎰 Jackpot-Systemkarte im Feed – zentriert & festlich */
.chat-jp{position:relative;flex:0 0 auto;margin:14px 2px;padding:15px 14px 13px;border-radius:16px;overflow:hidden;text-align:center;
  background:radial-gradient(120% 100% at 50% 0%,#4a3611 0%,#33270f 45%,#281f0d 100%);
  border:1px solid rgba(236,202,129,.55);box-shadow:0 8px 26px -10px rgba(226,161,73,.6),inset 0 0 22px rgba(255,214,120,.06)}
.chat-jp::before{content:"";position:absolute;top:0;left:-70%;width:55%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,240,200,.30),transparent);transform:skewX(-18deg);animation:chatJpShine 3.6s ease-in-out infinite}
@keyframes chatJpShine{0%{left:-70%}55%,100%{left:150%}}
.chat-jp>*{position:relative;z-index:1}
.chat-jp-ico{font-size:34px;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55));animation:chatJpBob 2.6s ease-in-out infinite}
@keyframes chatJpBob{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-4px) rotate(5deg)}}
.chat-jp-label{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f4d488;margin-top:5px}
.chat-jp-txt{font-size:12.5px;color:var(--text-dim);line-height:1.4;margin-top:5px;padding:0 4px}
.chat-jp-txt b{color:var(--sand-bright);font-weight:700}
.chat-jp-amt{font-family:var(--mono);font-size:23px;font-weight:800;margin-top:7px;letter-spacing:.01em;color:#ffe08a;
  background:linear-gradient(90deg,#ffdf8a,#ffb545,#ffe9a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 18px rgba(255,181,69,.35)}
.chat-jp-amt .c{-webkit-text-fill-color:initial}
.chat-jp-mega{border-color:#ffcf6a;box-shadow:0 10px 34px -8px rgba(255,159,61,.7),inset 0 0 30px rgba(255,214,120,.12);animation:megaPulse 1.5s ease-in-out infinite}
.chat-jp-mega .chat-jp-ico{font-size:44px}
.chat-jp-mega .chat-jp-label{color:#ffd27a;font-size:11px;letter-spacing:.16em}
.chat-jp-mega .chat-jp-amt{font-size:30px}
.chat-jp-time{position:absolute;bottom:7px;right:11px;font-family:var(--mono);font-size:9px;color:rgba(236,202,129,.55)}
.chat-panel{position:fixed;right:18px;bottom:18px;z-index:1101;width:min(360px,calc(100vw - 24px));height:min(540px,calc(100vh - 90px));
  display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;
  box-shadow:0 18px 48px -12px rgba(0,0,0,.75);transform:translateY(18px) scale(.96);opacity:0;transform-origin:bottom right;
  transition:transform .22s cubic-bezier(.2,1.1,.3,1),opacity .22s}
.chat-panel.open{transform:translateY(0) scale(1);opacity:1}
.chat-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#2a2416,#1c1a13);border-bottom:1px solid var(--border)}
.chat-title{font-weight:700;font-size:15px;color:var(--text)}
.chat-head-l{display:flex;align-items:center;gap:9px}
.chat-online{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;font-weight:700;
  color:var(--olive-bright);background:rgba(122,143,74,.16);padding:2px 8px 2px 7px;border-radius:20px;line-height:1}
.chat-online-dot{width:7px;height:7px;border-radius:50%;background:#5bbb5b;flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(91,187,91,.6);animation:chatOnlinePulse 2.2s ease-out infinite}
@keyframes chatOnlinePulse{0%{box-shadow:0 0 0 0 rgba(91,187,91,.55)}70%{box-shadow:0 0 0 6px rgba(91,187,91,0)}100%{box-shadow:0 0 0 0 rgba(91,187,91,0)}}
.chat-x{background:transparent;border:none;color:var(--muted);font-size:16px;cursor:pointer;padding:2px 6px}.chat-x:hover{color:var(--text)}
.chat-tabs{display:flex;gap:6px;padding:8px 12px;background:linear-gradient(180deg,#1c1a13,transparent);border-bottom:1px solid var(--border-soft)}
.chat-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.01em;padding:5px 13px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.chat-tab:hover{color:var(--text);border-color:var(--sand-bright)}
.chat-tab.active{background:var(--sand-bright);color:#2a1c06;border-color:var(--sand-bright);font-weight:700}
.chat-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--brick,#c0392b);color:#fff;font-size:10px;font-weight:800;line-height:1}
.chat-tab.active .chat-tab-badge{background:#2a1c06;color:var(--sand-bright)}
.chat-announce-btn{margin-left:auto;flex:none;width:30px;height:30px;background:transparent;border:1px solid var(--border);color:var(--sand-bright);border-radius:999px;font-size:14px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.chat-announce-btn:hover{background:var(--sand-bright);color:#2a1c06;border-color:var(--sand-bright)}
.chat-announce{margin:8px 4px;padding:11px 13px 11px;border-radius:12px;background:linear-gradient(135deg,rgba(226,161,73,.16),rgba(226,161,73,.05));border:1px solid var(--sand-bright);position:relative}
.chat-announce-h{font-size:11px;font-weight:800;color:var(--sand-bright);letter-spacing:.03em;margin-bottom:4px}
.chat-announce-by{color:var(--text-dim);font-weight:600}
.chat-announce-title{font-size:15.5px;font-weight:800;color:var(--sand-bright);line-height:1.25;margin:1px 0 5px;letter-spacing:-.01em;word-break:break-word}
.chat-announce-b{font-size:13.5px;color:var(--text);line-height:1.45;word-break:break-word;white-space:pre-wrap}
.chat-announce-t{position:absolute;top:9px;right:11px;font-size:9.5px;color:var(--text-dim)}
/* 🎲 Lobby-Aushang im Chat */
.chat-lobby{margin:8px 4px;padding:11px 13px;border-radius:12px;position:relative;
  background:linear-gradient(135deg,rgba(122,160,90,.15),rgba(80,120,60,.04));border:1px solid var(--olive)}
.chat-lobby.mode-rr{background:linear-gradient(135deg,rgba(207,106,79,.16),rgba(207,106,79,.04));border-color:var(--brick)}
.chat-lobby.mode-egg{background:linear-gradient(135deg,rgba(226,161,73,.16),rgba(226,161,73,.04));border-color:var(--amber)}
.chat-lobby.mode-poker{background:linear-gradient(135deg,rgba(74,134,196,.15),rgba(74,134,196,.04));border-color:#4a86c4}
.chat-lobby-top{display:flex;align-items:center;gap:10px}
.chat-lobby .clb-ico{font-size:26px;flex:none;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.chat-lobby .clb-info{flex:1;min-width:0}
.chat-lobby .clb-name{font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.01em;word-break:break-word}
.chat-lobby .clb-buy{font-size:11px;font-weight:700;color:var(--sand-bright);background:rgba(226,161,73,.16);border-radius:6px;padding:1px 6px;margin-left:3px;white-space:nowrap}
.chat-lobby .clb-host{font-size:11.5px;color:var(--text-dim);margin-top:1px;word-break:break-word}
.chat-lobby .clb-players{flex:none;font-family:var(--mono);font-size:11px;color:var(--text-dim);background:rgba(0,0,0,.25);border-radius:8px;padding:3px 8px;white-space:nowrap}
.chat-lobby .clb-sum{font-family:var(--mono);font-size:11.5px;color:var(--text-dim);margin:8px 0 0;padding:6px 9px;background:rgba(0,0,0,.2);border-radius:8px}
.chat-lobby .clb-join{margin-top:9px;width:100%;background:linear-gradient(160deg,var(--olive-bright),var(--olive));color:#141a0c;font-weight:800;font-size:13.5px;border:none;border-radius:9px;padding:9px;cursor:pointer;transition:filter .15s}
.chat-lobby .clb-join:hover{filter:brightness(1.09)}
.chat-lobby-t{position:absolute;top:9px;right:11px;font-size:9.5px;color:var(--text-dim)}
/* 📢 Ankündigungs-Editor */
.ann-card{position:relative;z-index:1;width:min(480px,94vw);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px 18px 16px;box-shadow:0 20px 60px rgba(0,0,0,.55)}
.ann-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ann-head-ic{font-size:26px;line-height:1;flex:none}
.ann-head-t{font-size:17px;font-weight:800;letter-spacing:-.01em}
.ann-head-s{font-size:11.5px;color:var(--text-dim)}
.ann-head-s b{color:var(--sand-bright)}
.ann-lbl{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:8px 0 5px;display:block}
.ann-lbl span{color:var(--border);letter-spacing:.04em}
.ann-title-in,.ann-text-in{width:100%;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;
  color:var(--text);font-family:var(--sans);padding:10px 12px;font-size:14px;transition:border-color .14s}
.ann-title-in:focus,.ann-text-in:focus{outline:none;border-color:var(--sand-bright)}
.ann-title-in{font-weight:700}
.ann-text-in{resize:vertical;min-height:96px;line-height:1.45}
.ann-count{text-align:right;font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:4px}
.ann-prev-lbl{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:6px 0 6px}
.ann-prev .chat-announce{margin:0}
.ann-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
.ann-tools{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.ann-tool{background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);border-radius:7px;
  min-width:30px;height:28px;padding:0 8px;font-size:12.5px;font-weight:700;cursor:pointer;transition:.13s;font-family:var(--sans)}
.ann-tool:hover{border-color:var(--sand-bright);color:var(--sand-bright)}
.ann-tool s{opacity:.85}
.ann-pin{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}
.ann-pin input{accent-color:var(--sand-bright);width:16px;height:16px;cursor:pointer}
.ann-pin span{color:var(--muted);font-weight:400;font-size:11.5px}
/* Markup in Ankündigungen */
.chat-announce-b b,.cp-body b{font-weight:800;color:var(--sand-bright)}
.chat-announce-b code,.cp-body code{font-family:var(--mono);font-size:.88em;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:5px;padding:1px 5px}
.chat-announce-b a,.cp-body a{color:var(--sand-bright);text-decoration:underline;text-underline-offset:2px;word-break:break-all}
.chat-announce-b .ann-li,.cp-body .ann-li{display:block;padding-left:15px;position:relative}
.chat-announce-b .ann-li::before,.cp-body .ann-li::before{content:"•";position:absolute;left:2px;color:var(--sand-bright)}
.chat-announce-pin{position:absolute;top:8px;right:32px;background:transparent;border:none;font-size:13px;cursor:pointer;opacity:.5;transition:.13s;padding:2px}
.chat-announce-pin:hover{opacity:1}
.chat-announce-pin.on{opacity:1;filter:drop-shadow(0 0 4px var(--sand-bright))}
/* 📌 Angepinnte Ankündigung – Sticky oben im Chat */
.chat-pinned{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;
  background:linear-gradient(135deg,rgba(226,161,73,.2),rgba(226,161,73,.06));border-bottom:1px solid var(--sand-bright)}
.cp-ic{font-size:15px;line-height:1.3;flex:none}
.cp-main{flex:1;min-width:0}
.cp-title{font-size:13.5px;font-weight:800;color:var(--sand-bright);line-height:1.25;margin-bottom:2px;word-break:break-word}
.cp-body{font-size:12.5px;color:var(--text);line-height:1.4;white-space:pre-wrap;word-break:break-word;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cp-by{font-size:10px;color:var(--text-dim);font-weight:600;margin-top:3px}
.cp-x{flex:none;background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;font-size:11px;padding:3px 7px;cursor:pointer;transition:.13s}
.cp-x:hover{border-color:var(--brick);color:var(--brick)}
.chat-disc{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(226,161,73,.1);border-bottom:1px solid var(--border-soft);font-size:10.5px;color:var(--text-dim);line-height:1.35}
.chat-disc-x{flex:none;background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;font-size:10px;padding:3px 8px;cursor:pointer}
.chat-feed{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:3px}
.chat-empty{margin:auto;color:var(--muted);font-family:var(--mono);font-size:12px;text-align:center;padding:20px}
.chat-daysep{text-align:center;margin:8px 0 4px}
.chat-daysep span{font-family:var(--mono);font-size:10px;color:var(--muted);background:var(--surface-2);padding:2px 10px;border-radius:20px}
.chat-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:82%;margin-top:2px}
.chat-msg.mine{align-self:flex-end;align-items:flex-end}
.chat-sender{font-size:11px;font-weight:700;color:var(--sand-bright);margin:5px 0 1px 8px}
.chat-bubble{position:relative;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:12px;padding:7px 11px 5px;
  font-size:13.5px;color:var(--text);line-height:1.4;word-break:break-word}
.chat-msg.mine .chat-bubble{background:linear-gradient(135deg,rgba(216,181,106,.2),rgba(226,161,73,.13));border-color:rgba(216,181,106,.35)}
.chat-body{white-space:pre-wrap}
.chat-time{display:inline-block;font-family:var(--mono);font-size:9px;color:var(--muted);margin-left:8px;vertical-align:baseline;float:right;margin-top:4px}
.chat-tools{position:absolute;top:-11px;right:6px;display:none;gap:2px;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:2px}
.chat-msg:hover .chat-tools{display:flex}
.chat-tool{background:transparent;border:none;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:5px;line-height:1}
.chat-tool:hover{background:var(--surface)}
.chat-reacts{display:flex;flex-wrap:wrap;gap:3px;margin:3px 2px 0}
.chat-react-chip{background:var(--surface-3);border:1px solid var(--border-soft);border-radius:20px;font-size:11px;padding:1px 7px;cursor:pointer;color:var(--text-dim);transition:.12s}
.chat-react-chip.me{background:rgba(216,181,106,.22);border-color:var(--sand);color:var(--sand-bright)}
.chat-react-chip:hover{border-color:var(--sand)}
.chat-picker{display:flex;gap:3px;margin:4px 2px 0;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:3px 6px}
.chat-picker button{background:transparent;border:none;cursor:pointer;font-size:17px;padding:2px;border-radius:6px;transition:transform .1s}
.chat-picker button:hover{transform:scale(1.25)}
.chat-inbar{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface)}
.chat-inbar input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:9px 14px;color:var(--text);font-size:13px;outline:none}
.chat-inbar input:focus{border-color:var(--sand)}
.chat-send{flex:none;width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--sand),var(--amber));color:#241a11;font-size:15px}
.chat-send:hover{filter:brightness(1.08)}
@media(max-width:480px){.chat-panel{right:10px;bottom:10px;width:calc(100vw - 20px)}.chat-launch{right:14px;bottom:14px}}
/* Badge: prominenter bei @-Ping/Flüstern */
.chat-badge.ping{background:linear-gradient(135deg,#e2a149,#ecca81);color:#241a11;box-shadow:0 0 0 0 rgba(236,202,129,.7);animation:chatBadgePing 1.1s ease-out infinite}
@keyframes chatBadgePing{0%{box-shadow:0 0 0 0 rgba(236,202,129,.7)}70%{box-shadow:0 0 0 9px rgba(236,202,129,0)}100%{box-shadow:0 0 0 0 rgba(236,202,129,0)}}
.chat-launch.has-ping{background:linear-gradient(135deg,#ecca81,#e2a149)}
/* @-Erwähnung im Text + hervorgehobene Nachricht */
.chat-at{color:var(--sand-bright);font-weight:700;background:rgba(216,181,106,.14);border-radius:4px;padding:0 2px}
.chat-msg.pinged .chat-bubble{border-color:var(--sand);box-shadow:-3px 0 0 0 var(--sand) inset,0 0 12px -6px var(--ring)}
.chat-msg.mine .chat-at{color:#fff2c4}
/* 🔒 Flüstern */
.chat-msg.whisper .chat-bubble{background:linear-gradient(135deg,rgba(140,110,180,.2),rgba(90,70,130,.13));border-color:rgba(150,120,190,.4)}
.chat-wlabel{font-size:9.5px;color:#c7b3e6;margin-bottom:2px;font-family:var(--mono)}
/* Fuß + Tippt-Anzeige */
.chat-foot{position:relative}
.chat-typing{padding:4px 14px 2px;font-size:11px;color:var(--muted);font-family:var(--mono);display:flex;align-items:center;gap:6px}
.chat-tdots{display:inline-flex;gap:2px}
.chat-tdots i{width:4px;height:4px;border-radius:50%;background:var(--muted);display:block;animation:chatDot 1.2s ease-in-out infinite}
.chat-tdots i:nth-child(2){animation-delay:.18s}.chat-tdots i:nth-child(3){animation-delay:.36s}
@keyframes chatDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
/* Empfänger-Button + Dropdown + @-Autocomplete */
.chat-to{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:15px;cursor:pointer;transition:.15s}
.chat-to:hover{border-color:var(--sand)}
.chat-to.whisper{background:rgba(140,110,180,.25);border-color:#9678be}
.chat-todrop,.chat-mentions{position:absolute;left:12px;right:12px;bottom:100%;margin-bottom:6px;z-index:5;
  background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:5px;box-shadow:0 -8px 24px -10px rgba(0,0,0,.7);max-height:200px;overflow-y:auto}
.chat-todrop-row,.chat-ment-row{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text);font-size:13px;padding:8px 10px;border-radius:8px;cursor:pointer}
.chat-todrop-row:hover,.chat-ment-row:hover,.chat-ment-row:first-child{background:var(--surface-3)}
.chat-todrop-row.sel{background:rgba(216,181,106,.16);color:var(--sand-bright)}
.chat-todrop-hint{font-size:10px;color:var(--muted)}
.chat-todrop-empty{padding:8px 10px;font-size:12px;color:var(--muted)}

/* 🙈 Sichtschutz für eigene Karten */
.ei-card.ei-back{background:repeating-linear-gradient(45deg,#2a2417 0 7px,#3a3018 7px 14px);
  cursor:pointer;border:2px solid var(--sand)}
.ei-card.ei-back::before{border-color:rgba(216,181,106,.35)}
.ei-back-ico{font-size:22px;opacity:.55;z-index:1}
.pk-hide-bar{display:flex;justify-content:center;margin-top:8px}

/* 🎰 Jackpot-Band + Knack-Popup */
.jp-band{text-align:center;font-family:var(--mono);font-size:12px;color:var(--muted);
  padding:5px 8px;margin:2px 0 6px;background:linear-gradient(90deg,rgba(216,181,106,.10),rgba(216,181,106,.04));
  border:1px solid rgba(216,181,106,.25);border-radius:8px}
.jp-band .jp-band-val{color:var(--sand-bright);font-size:15px;font-weight:700}
.jp-pop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000;
  pointer-events:none;opacity:0;transition:.4s}
.jp-pop.show{opacity:1}
.jp-pop-in{background:linear-gradient(135deg,var(--sand),var(--amber));color:#241b13;
  padding:26px 40px;border-radius:18px;text-align:center;box-shadow:0 12px 50px rgba(0,0,0,.5);
  transform:scale(.7) rotate(-3deg);transition:.4s cubic-bezier(.2,1.4,.4,1)}
.jp-pop.show .jp-pop-in{transform:scale(1) rotate(-2deg)}
.jp-pop-big{font-size:34px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 6px rgba(0,0,0,.25)}
.jp-pop-amt{font-size:22px;font-weight:700;margin-top:6px}
@media (prefers-reduced-motion:reduce){ .jp-pop,.jp-pop-in{transition:opacity .2s} }

/* ═══ 📈 Hühner-Börse ═══ */
.stock-wrap{display:flex;flex-direction:column;gap:12px}
.stock-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.stock-head-title{font-size:20px;font-weight:800;color:var(--sand-bright)}
.stock-head-bal{font-family:var(--mono);font-size:13px;color:var(--muted)}
.stock-head-bal b{color:var(--sand-bright);font-size:15px}
.stock-tick-note{font-size:11px;color:var(--muted);font-weight:400}
/* Kurstafel */
.stock-board{display:flex;flex-direction:column;gap:2px}
.stock-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;
  padding:9px 10px;border-radius:9px;cursor:pointer;transition:background .12s}
.stock-row:hover{background:rgba(216,181,106,.08)}
.sr-ticker{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--ink)}
.sr-name{font-size:11px;color:var(--muted)}
.sr-sector{font-size:10px;color:var(--muted);opacity:.7}
.sr-spark{width:90px;height:28px}
.spark{width:90px;height:28px;display:block}
.sr-num{text-align:right;min-width:78px}
.sr-price{font-family:var(--mono);font-weight:700;font-size:14px}
.sr-chg{font-family:var(--mono);font-size:12px;font-weight:600}
.sr-chg.up,.sd-price-chg.up,.pf-val.up,.pf-closed-pnl.up,.sd-stat b.up{color:var(--olive-bright)}
.sr-chg.down,.sd-price-chg.down,.pf-val.down,.pf-closed-pnl.down,.sd-stat b.down{color:var(--brick)}
.stock-empty{padding:14px;text-align:center;color:var(--muted);font-size:13px}
/* Detailansicht */
.sd-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.sd-back{margin-bottom:6px}
.sd-name b{font-family:var(--mono);font-size:18px;color:var(--sand-bright)}
.sd-fullname{font-size:13px;color:var(--muted)}
.sd-sector{font-size:11px;color:var(--muted);opacity:.75;margin-top:2px}
.sd-price{text-align:right}
.sd-price-val{font-family:var(--mono);font-size:24px;font-weight:800}
.sd-price-chg{font-family:var(--mono);font-size:13px;font-weight:600}
.sd-chart-box{position:relative;margin:10px 0 4px;background:rgba(0,0,0,.12);border-radius:10px;overflow:hidden}
.sd-chart{width:100%;height:220px;display:block}
.sd-grid{stroke:rgba(216,181,106,.10);stroke-width:1}
.sd-grid-label{fill:var(--muted);font-size:9px;font-family:var(--mono);opacity:.6}
.sd-chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.sd-ranges{display:flex;gap:4px;justify-content:center;margin:6px 0}
.sd-ranges button{flex:1;max-width:80px;padding:6px 4px;border:1px solid var(--line);background:transparent;
  color:var(--muted);border-radius:7px;font-size:12px;cursor:pointer;font-family:inherit}
.sd-ranges button.active{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
.sd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}
.sd-stat{background:rgba(0,0,0,.1);border-radius:7px;padding:6px 8px;text-align:center}
.sd-stat span{display:block;font-size:10px;color:var(--muted)}
.sd-stat b{font-family:var(--mono);font-size:13px}
/* Handelsfenster */
.sd-trade{margin-top:10px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.sd-side{display:flex;gap:6px}
.sd-side-btn{flex:1;padding:10px;border:1.5px solid var(--line);background:transparent;color:var(--muted);
  border-radius:9px;font-weight:700;cursor:pointer;font-family:inherit;font-size:13px;transition:.12s}
.sd-side-btn.long.active{background:rgba(122,143,74,.22);border-color:var(--olive-bright);color:var(--olive-bright)}
.sd-side-btn.short.active{background:rgba(176,74,58,.20);border-color:var(--brick);color:var(--brick)}
.sd-inputs label,.sd-lev label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.sd-inputs input{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;
  background:var(--bg-deep);color:var(--ink);font-family:var(--mono);font-size:15px}
.sd-lev input[type=range]{width:100%;accent-color:var(--sand)}
.sd-lev-val,#sd-lev-val{color:var(--sand-bright)}
.sd-lev-scale{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:2px}
.sd-preview{background:rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}
.sd-prev-row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.sd-prev-row b{font-family:var(--mono);color:var(--ink)}
.pf-liq{color:var(--brick)}
.sd-open-btn{width:100%;padding:12px}
.sd-hint{font-size:11px;color:var(--muted);line-height:1.4;text-align:center}
/* Depot */
.pf-pos{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:9px 10px;border-radius:9px;
  background:rgba(0,0,0,.1);margin-bottom:6px;align-items:center}
.pf-pos-l{grid-column:1}.pf-pos-m{grid-column:1;font-size:11px;color:var(--muted);font-family:var(--mono)}
.pf-pos-r{grid-column:2;grid-row:1/3;text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.pf-side{font-size:11px;font-weight:700;padding:1px 6px;border-radius:5px}
.pf-side.long{background:rgba(122,143,74,.22);color:var(--olive-bright)}
.pf-side.short{background:rgba(176,74,58,.20);color:var(--brick)}
.pf-lev{font-family:var(--mono);font-size:11px;color:var(--muted)}
.pf-val{font-family:var(--mono);font-weight:700;font-size:15px}
.pf-closed-head,.pf-closed-row{font-size:12px}
.pf-closed-head{color:var(--muted);margin:8px 0 4px;font-weight:600}
.pf-closed-row{display:flex;justify-content:space-between;padding:3px 4px;font-family:var(--mono);color:var(--muted)}
.pf-closed-pnl{font-weight:700}
.pf-liqd{color:var(--brick)}
.sd-prev-note{font-size:11px;color:var(--muted);line-height:1.4;margin-top:2px;padding-top:4px;border-top:1px dashed var(--line)}
/* ═══ Profil: Avatar-Karte ═══ */
.prof-card{padding:0;overflow:hidden;position:relative}
.prof-banner{display:flex;align-items:center;gap:16px;padding:20px 18px;position:relative;min-height:120px;transition:background .3s}
.prof-avwrap{width:104px;height:104px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.25);flex-shrink:0;position:relative;box-sizing:border-box}
.prof-avatar{width:88px;height:88px;display:flex;align-items:center;justify-content:center}
.pixav{image-rendering:pixelated;display:block}
.prof-meta{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.prof-name2{font-family:var(--mono);font-weight:800;font-size:22px;color:var(--sand-bright);line-height:1.1;word-break:break-word}
.prof-title2{font-size:13px;color:var(--sand);font-weight:600}
.prof-title2.muted{color:var(--muted);font-weight:400;font-style:italic}
.prof-rank{display:flex;flex-direction:column;gap:3px;margin-top:2px}
.rank-badge{display:inline-block;font-size:13px;font-weight:700;color:var(--ink);background:rgba(0,0,0,.28);
  padding:3px 10px;border-radius:20px;align-self:flex-start}
/* 🗿 Prestige-Statue (aus dem Denkmal-Ausbau) */
.prestige-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:12px;font-weight:700;
  color:var(--pc,#ecca81);background:rgba(0,0,0,.28);border:1px solid var(--pc,#ecca81);border-radius:20px;padding:3px 11px;margin-top:5px;
  align-self:flex-start;box-shadow:0 0 12px -4px var(--pc,#ecca81)}
.rank-bar{height:6px;background:rgba(0,0,0,.3);border-radius:4px;overflow:hidden;max-width:200px}
.rank-bar-fill{height:100%;background:linear-gradient(90deg,var(--sand),var(--sand-bright));border-radius:4px;transition:width .4s}
.rank-next{font-size:10px;color:var(--muted)}
/* Rahmen um den Avatar */
.pf-frame-none{}
.pf-frame-wood{border:4px solid #7a512e;box-shadow:inset 0 0 0 2px #593a1f}
.pf-frame-straw{border:4px solid #d8b24a;box-shadow:inset 0 0 0 2px #b3902f}
.pf-frame-silver{border:4px solid #c9d2dc;box-shadow:0 0 8px rgba(201,210,220,.5)}
.pf-frame-gold{border:4px solid #f2c14e;box-shadow:0 0 12px rgba(242,193,78,.6)}
.pf-frame-neon{border:4px solid #4be0c8;box-shadow:0 0 14px #4be0c8,inset 0 0 6px #4be0c8}
.pf-frame-rainbow{border:4px solid transparent;background-image:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),linear-gradient(90deg,#cf6a4f,#f2c14e,#7a8f4a,#5a9bd4,#b57edc,#cf6a4f);background-origin:border-box;background-clip:content-box,border-box;animation:pf-rain 4s linear infinite}
.pf-frame-legend{border:4px solid #f2c14e;box-shadow:0 0 18px #f2c14e,0 0 6px #fff inset;animation:pf-glow 2s ease-in-out infinite}
@keyframes pf-rain{to{filter:hue-rotate(360deg)}}
@keyframes pf-glow{0%,100%{box-shadow:0 0 12px #f2c14e}50%{box-shadow:0 0 22px #f2c14e,0 0 8px #fff inset}}
/* ✨ Nametag-Effekte */
.nfx{display:inline-block}
.nfx-rainbow{background:linear-gradient(90deg,#ff5f6d,#ffc371,#c2e86a,#5ad2f0,#b57edc,#ff5f6d);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nfxSlide 4s linear infinite}
.nfx-gold{background:linear-gradient(90deg,#a9781c,#f2c14e 30%,#fff7d0 48%,#f2c14e 66%,#a9781c);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nfxSlideR 2.6s linear infinite;filter:drop-shadow(0 0 3px rgba(242,193,78,.5))}
.nfx-fire{background:linear-gradient(90deg,#ffd24a,#ff8a3a,#ef4a3a,#ff8a3a,#ffd24a);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nfxSlide 1.8s linear infinite;filter:drop-shadow(0 0 4px rgba(239,74,58,.5))}
.nfx-aqua{background:linear-gradient(90deg,#5ad2f0,#3f8fe0,#7fecd6,#3f8fe0,#5ad2f0);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nfxSlide 3s linear infinite}
.nfx-diamond{background:linear-gradient(90deg,#d8f6ff,#a9d6e5,#fff,#c9a0e6,#a9d6e5,#d8f6ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nfxSlide 3.5s linear infinite;filter:drop-shadow(0 0 4px rgba(169,214,229,.6))}
@keyframes nfxSlide{0%{background-position:0 0}100%{background-position:300% 0}}
@keyframes nfxSlideR{0%{background-position:180% 0}100%{background-position:-90% 0}}
.nfx-pulse{animation:nfxPulse 1.4s ease-in-out infinite}
@keyframes nfxPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.97)}}
.nfx-glow{text-shadow:0 0 6px currentColor;animation:nfxGlow 1.8s ease-in-out infinite}
@keyframes nfxGlow{0%,100%{text-shadow:0 0 4px currentColor}50%{text-shadow:0 0 13px currentColor,0 0 4px currentColor}}
.nfx-neon{animation:nfxNeon 1.1s ease-in-out infinite}
@keyframes nfxNeon{0%,100%{opacity:1;text-shadow:0 0 4px currentColor,0 0 9px currentColor}50%{opacity:.82;text-shadow:0 0 2px currentColor}}
.cos-prev-fx{font-family:var(--mono);font-weight:700;font-size:16px}
/* Vitrine (gepinnte Abzeichen) */
.prof-pins{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;background:rgba(0,0,0,.14);border-top:1px solid var(--line)}
.pin-badge{display:flex;align-items:center;gap:5px;background:rgba(216,181,106,.12);border:1px solid var(--line);
  border-radius:8px;padding:4px 9px;font-size:12px}
.pin-emoji{font-size:15px}
.pin-name{font-weight:600;color:var(--ink)}
.pin-tier{font-size:11px;color:var(--muted)}
.pins-empty{font-size:12px;color:var(--muted);padding:2px}
/* Achievement-Galerie */
.prof-ach-summary{font-size:13px;color:var(--muted);margin-bottom:10px}
.prof-ach-summary b{color:var(--sand-bright)}
.ach-fam{background:rgba(0,0,0,.1);border-radius:10px;padding:10px 12px;margin-bottom:8px}
.ach-fam-top{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.ach-fam-ico{font-size:18px}
.ach-fam-name{font-weight:700;font-size:14px;color:var(--ink)}
.ach-cur{font-size:12px;font-weight:700;margin-left:2px}
.ach-cur.muted{color:var(--muted)}
.ach-fam-count{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--muted)}
.ach-dots{display:flex;gap:5px;margin-bottom:7px}
.ach-dot{width:26px;height:26px;border-radius:7px;background:rgba(0,0,0,.25);display:flex;align-items:center;
  justify-content:center;font-size:13px;border:1px solid var(--line)}
.ach-dot.done{border-color:transparent;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.ach-prog{height:6px;background:rgba(0,0,0,.28);border-radius:4px;overflow:hidden;margin-bottom:3px}
.ach-prog-fill{height:100%;background:linear-gradient(90deg,var(--olive),var(--olive-bright));border-radius:4px;transition:width .4s}
.ach-prognum{font-size:11px;color:var(--muted);font-family:var(--mono)}
.ach-prognum.done{color:var(--sand-bright)}
.ach-special-head{font-size:13px;font-weight:700;color:var(--muted);margin:14px 0 8px}
.ach-specials{display:flex;flex-wrap:wrap;gap:8px}
.ach-spec{display:flex;flex-direction:column;align-items:center;gap:2px;width:74px;padding:8px 4px;
  border-radius:9px;background:rgba(0,0,0,.12);opacity:.4;text-align:center}
.ach-spec.done{opacity:1;background:rgba(216,181,106,.14)}
.ach-spec span{font-size:22px}
.ach-spec small{font-size:9px;color:var(--muted);line-height:1.1}
/* Cosmetic-Schrank */
.prof-hint2{font-size:11px;color:var(--muted);font-weight:400}
.cos-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.cos-tab{padding:5px 10px;border:1px solid var(--line);background:transparent;color:var(--muted);
  border-radius:16px;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap}
.cos-tab.active{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
.cos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.cos-item{border:1.5px solid var(--line);border-radius:10px;padding:8px 6px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:4px;background:rgba(0,0,0,.08)}
.cos-item.equipped{background:rgba(216,181,106,.1)}
.cos-prev{width:54px;height:54px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cos-prev .pixav{image-rendering:pixelated}
.cos-prev-frame{width:44px;height:44px;border-radius:10px;box-sizing:border-box}
.cos-prev-bg{width:48px;height:48px;border-radius:8px}
@keyframes cosBgFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.cos-prev-grad{width:48px;height:20px;border-radius:5px}
.cos-prev-col{width:34px;height:34px;border-radius:50%}
.cos-prev-title{font-size:11px;font-weight:700;color:var(--sand-bright);line-height:1.2}
.cos-nm{font-size:11px;font-weight:600;color:var(--ink);line-height:1.1}
.cos-rar{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.cos-act{margin-top:2px}
.btn-xs{padding:3px 8px;font-size:11px}
.cos-eq{font-size:11px;color:var(--olive-bright);font-weight:700}
.cos-lock{font-size:10px;color:var(--muted)}
/* Vitrine bearbeiten */
.pinedit-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.pinedit{padding:5px 10px;border:1px solid var(--line);background:transparent;color:var(--muted);
  border-radius:16px;font-size:12px;cursor:pointer;font-family:inherit}
.pinedit.on{background:rgba(122,143,74,.2);border-color:var(--olive-bright);color:var(--olive-bright);font-weight:700}
.pins-hint{font-size:11px;color:var(--muted)}

/* ═══ Achievement-Karten (Multiplayer-Stil) ═══ */
.ach-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ac-card{position:relative;background:var(--surface-2);border:2px solid var(--border);border-radius:14px;
  padding:14px 12px 12px;transition:transform .16s,border-color .16s;display:flex;flex-direction:column;gap:5px}
.ac-card:hover{transform:translateY(-2px)}
.ac-card.maxed{background:linear-gradient(160deg,var(--surface-3),var(--surface-2))}
.ac-check{position:absolute;top:10px;right:12px;font-size:14px;color:var(--sand-bright);font-weight:700}
.ac-ico{font-size:30px;line-height:1}
.ac-name{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--text)}
.ac-desc{font-size:11px;color:var(--text-dim);line-height:1.35;min-height:28px}
.ac-tier{align-self:flex-start;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}
.ac-tier.locked{background:rgba(0,0,0,.2);color:var(--muted)}
.ac-dots{display:flex;gap:5px;margin-top:2px}
.ac-dot{width:13px;height:13px;border-radius:50%;background:transparent;border:2px solid var(--border)}
.ac-dot.done{border-color:transparent}
.ac-bar{height:6px;background:rgba(0,0,0,.3);border-radius:4px;overflow:hidden;margin-top:3px}
.ac-bar-fill{height:100%;border-radius:4px;transition:width .4s}
.ac-prog{font-size:10px;color:var(--muted);font-family:var(--mono);margin-top:1px}
.ac-prog.done{color:var(--sand-bright)}
@media (max-width:560px){.ach-cards{grid-template-columns:1fr 1fr}}
/* ═══ All-Time-Bilanz-Hero ═══ */
.pnl-hero{border-radius:16px;padding:18px;margin-bottom:14px;text-align:center;position:relative;overflow:hidden;
  border:1px solid var(--border)}
.pnl-hero.pos{background:linear-gradient(160deg,rgba(122,143,74,.22),rgba(122,143,74,.06))}
.pnl-hero.neg{background:linear-gradient(160deg,rgba(207,106,79,.22),rgba(207,106,79,.06))}
.pnl-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.pnl-big{font-family:var(--mono);font-weight:800;font-size:34px;line-height:1.2;margin:4px 0}
.pnl-hero.pos .pnl-big{color:var(--olive-bright)}
.pnl-hero.neg .pnl-big{color:var(--brick)}
.pnl-big span{font-size:22px}
.pnl-sub{font-size:12px;color:var(--text-dim);margin-bottom:12px}
.pnl-split{display:flex;gap:10px}
.pnl-won,.pnl-lost{flex:1;background:rgba(0,0,0,.18);border-radius:10px;padding:8px}
.pnl-won span,.pnl-lost span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.pnl-won b{font-family:var(--mono);color:var(--olive-bright);font-size:15px}
.pnl-lost b{font-family:var(--mono);color:var(--brick);font-size:15px}
/* ═══ Coins senden (schicker) ═══ */
.pay-people-h,.pay-to-line{font-size:12px;color:var(--text-dim);margin-bottom:8px}
.pay-to-line b,.pay-to-line{color:var(--text)}
.pay-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.pay-chip{display:flex;align-items:center;gap:7px;background:var(--surface-2);border:2px solid var(--border);
  border-radius:22px;padding:5px 12px 5px 6px;cursor:pointer;transition:.14s;font-family:inherit}
.pay-chip:hover{border-color:var(--sand);transform:translateY(-1px)}
.pay-chip.on{border-color:var(--sand-bright);background:var(--surface-3);box-shadow:0 0 0 3px var(--ring)}
.pay-av{width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.pay-av .pixav{image-rendering:pixelated}
.pay-av-emoji{font-size:18px}
.pay-n{font-weight:700;font-size:13px;color:var(--text)}
.pay-quick{display:flex;gap:6px;margin-bottom:8px}
.pay-q{flex:1;padding:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);
  border-radius:9px;font-family:var(--mono);font-size:13px;cursor:pointer;transition:.14s}
.pay-q:hover{border-color:var(--sand);color:var(--sand-bright)}
.pay-form{display:flex;flex-direction:column;gap:8px}
.pay-in{padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);
  font-family:var(--mono);font-size:15px}
.pay-in:focus{outline:none;border-color:var(--sand)}
.pay-send-btn{padding:12px;font-size:15px}
/* 💸 Sende-Karte im „Action"-Grün (hebt sich von der Bank ab, wie im Mockup) */
.pay-send-section{border-color:rgba(174,184,111,.5);background:radial-gradient(130% 100% at 12% 0%,rgba(174,184,111,.09),transparent 55%),var(--surface)}
.pay-send-section .ph{color:var(--olive-bright)}
.pay-send-section .pay-send-btn{background:var(--olive-bright);color:#141810;font-weight:800}
.pay-send-section .pay-send-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}
.pay-send-section .pay-chip.on{border-color:var(--olive-bright);background:var(--surface-3);box-shadow:0 0 0 3px rgba(174,184,111,.3)}
.pay-send-section .pay-chip:hover{border-color:var(--olive)}
.pay-send-section .pay-in:focus{border-color:var(--olive-bright)}
.pay-send-section .pay-q:hover{border-color:var(--olive);color:var(--olive-bright)}
.pay-send-section .pay-dir.in{color:var(--olive-bright)}
/* Empfänger-Dropdown (Mockup-Look) */
.pay-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.pay-sel-wrap{margin-bottom:13px}
.pay-sel{width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none;background-color:var(--surface-2);
  border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--sans);font-size:14px;font-weight:600;
  padding:12px 34px 12px 12px;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.pay-sel:focus{outline:none;border-color:var(--olive-bright)}
.pay-sel option{background:var(--surface);color:var(--text)}
.pay-recip-line{font-size:12px;color:var(--text-dim);margin-bottom:10px}
.pay-recip-line b{color:var(--text)}
.pay-prev{font-size:12px;color:var(--text-dim);margin-top:8px;min-height:16px}
.pay-prev-empty{background:rgba(0,0,0,.12);border-radius:10px;padding:12px;text-align:center}
.pay-limits{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;font-size:11px;color:var(--muted);
  margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}
.pay-recip{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.pay-gate-note{font-size:11px;color:var(--amber);text-align:center;margin-top:8px;line-height:1.4}
.pay-block{background:rgba(207,106,79,.14);border:1px solid var(--brick);border-radius:10px;padding:14px;color:var(--brick);font-size:13px;text-align:center}
.pay-hist-h{font-size:12px;font-weight:700;color:var(--muted);margin:16px 0 8px}
.pay-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--border-soft);font-size:12px}
.pay-dir{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}
.pay-dir.out{background:rgba(207,106,79,.18);color:var(--brick)}
.pay-dir.in{background:rgba(122,143,74,.18);color:var(--olive-bright)}
.pay-row-n{font-weight:600;color:var(--text);min-width:0}
.pay-note-t{display:block;font-size:10px;color:var(--muted);font-weight:400}
.pay-amt{font-family:var(--mono);font-weight:700;white-space:nowrap}
.pay-amt.out{color:var(--brick)}.pay-amt.in{color:var(--olive-bright)}
.pay-ts{font-size:10px;color:var(--muted);white-space:nowrap}

/* ═══ Rang-Ring um den Avatar ═══ */
.prof-avwrap{position:relative}
.prof-ring{position:absolute;inset:-6px;pointer-events:none}
.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:rgba(0,0,0,.3);stroke-width:4}
.ring-fg{fill:none;stroke:var(--sand-bright);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .6s ease}
/* ═══ Lebendiger Avatar ═══ */
.prof-avatar{animation:prof-bob 3.2s ease-in-out infinite}
@keyframes prof-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.prof-avwrap.tryon{box-shadow:0 0 0 3px var(--sand-bright)}
.prof-avwrap.tryon .prof-avatar{animation:prof-pop .4s ease}
@keyframes prof-pop{0%{transform:scale(.85)}60%{transform:scale(1.06)}100%{transform:scale(1)}}
/* ═══ Anprobe-Leiste ═══ */
.prof-tryon{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;
  background:linear-gradient(90deg,rgba(216,181,106,.16),rgba(216,181,106,.04));border-top:1px solid var(--line)}
.tryon-label{font-size:13px;color:var(--text-dim)}
.tryon-label b{color:var(--sand-bright)}
/* ═══ Cosmetic-Anprobe + Schimmer ═══ */
.cos-item{position:relative;cursor:pointer;transition:transform .14s,border-color .14s}
.cos-item:hover{transform:translateY(-2px)}
.cos-try-hint{position:absolute;top:5px;left:0;right:0;text-align:center;font-size:9px;color:var(--muted);
  opacity:0;transition:.14s;text-transform:uppercase;letter-spacing:.05em;pointer-events:none}
.cos-item:hover .cos-try-hint{opacity:1}
.cos-item.trying{border-color:var(--sand-bright)!important;box-shadow:0 0 0 2px var(--ring)}
.cos-item.rar-epic{background:linear-gradient(160deg,rgba(181,126,220,.1),rgba(0,0,0,.06))}
.cos-item.rar-legend{background:linear-gradient(160deg,rgba(242,193,78,.14),rgba(0,0,0,.06));position:relative;overflow:hidden}
.cos-item.rar-legend::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);animation:cos-shine 3.5s ease-in-out infinite}
@keyframes cos-shine{0%,60%{left:-60%}100%{left:120%}}
/* ═══ Sammlungs-Fortschritt ═══ */
.cos-collect{margin-bottom:12px}
.coll-txt{font-size:12px;color:var(--text-dim);margin-bottom:5px}
.coll-txt b{color:var(--sand-bright)}
.coll-bar{height:8px;background:rgba(0,0,0,.28);border-radius:5px;overflow:hidden}
.coll-bar-fill{height:100%;background:linear-gradient(90deg,var(--sand),var(--sand-bright));border-radius:5px;transition:width .5s}
/* ═══ „Fast geschafft"-Banner ═══ */
.prof-nextgoal{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;border-radius:12px;
  background:linear-gradient(120deg,rgba(216,181,106,.14),rgba(216,181,106,.04));border:1px solid var(--border)}
.ng-ico{font-size:30px;line-height:1;flex-shrink:0}
.ng-body{flex:1;min-width:0}
.ng-title{font-weight:700;font-size:13px;color:var(--sand-bright)}
.ng-sub{font-size:12px;color:var(--text-dim);margin:2px 0 5px}
.ng-sub b{color:var(--text);font-family:var(--mono)}
.ng-bar{height:6px;background:rgba(0,0,0,.28);border-radius:4px;overflow:hidden}
.ng-bar-fill{height:100%;background:var(--sand-bright);border-radius:4px;transition:width .5s}

/* ═══ Rangliste ═══ */
.lb-wrap{display:flex;flex-direction:column;gap:14px}
.lb-tabs{display:flex;gap:6px;flex-wrap:wrap}
.lb-tab{flex:1;min-width:80px;padding:8px 6px;border:1px solid var(--border);background:var(--surface-2);
  color:var(--text-dim);border-radius:10px;font-size:12px;cursor:pointer;font-family:inherit;transition:.14s;white-space:nowrap}
.lb-tab:hover{border-color:var(--sand)}
.lb-tab.active{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
/* Podest */
.lb-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px;align-items:end;padding:8px 4px 0}
.pod-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 0;border-radius:14px 14px 0 0;
  position:relative;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-bottom:none}
.pod-slot.empty{background:none;border:none}
.pod-medal{font-size:22px;line-height:1}
.pod-av{width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pod-1 .pod-av{width:72px;height:72px;box-shadow:0 0 16px rgba(242,193,78,.55)}
.pod-av .pixav{image-rendering:pixelated}
.pod-name{font-weight:800;font-size:13px;color:var(--text);text-align:center;line-height:1.1;max-width:100%;word-break:break-word}
.pod-rank{font-size:10px;color:var(--text-dim)}
.pod-val{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--sand-bright)}
.pod-val.pos{color:var(--olive-bright)}.pod-val.neg{color:var(--brick)}
.pod-bar{width:100%;margin-top:6px;border-radius:8px 8px 0 0}
.pod-1{padding-top:16px}
.pod-1 .pod-bar{height:54px;background:linear-gradient(180deg,#f2c14e,#c9932e)}
.pod-2 .pod-bar{height:38px;background:linear-gradient(180deg,#c9d2dc,#8a97a5)}
.pod-3 .pod-bar{height:26px;background:linear-gradient(180deg,#cd8a4e,#9a6533)}
.pod-1 .pod-medal{font-size:26px;filter:drop-shadow(0 0 6px rgba(242,193,78,.6))}
.pod-slot.me{box-shadow:0 0 0 2px var(--sand-bright)}
.pod-slot.me .pod-name::after{content:' (Du)';font-size:10px;color:var(--sand-bright)}
/* Liste ab Platz 4 */
.lb-panel{padding:8px}
.lb-row2{display:flex;align-items:center;gap:11px;padding:9px 8px;border-radius:10px;transition:background .12s}
.lb-row2:not(:last-child){border-bottom:1px solid var(--border-soft)}
.lb-row2.me{background:rgba(216,181,106,.12)}
.lb-pos{width:26px;text-align:center;font-family:var(--mono);font-weight:700;color:var(--muted);font-size:14px;flex-shrink:0}
.lb-av{width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.lb-av .pixav{image-rendering:pixelated}
.lb-av-emoji{line-height:1}
.lb-nm{display:flex;flex-direction:column;min-width:0;flex:1}
.lb-name{font-weight:700;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-sub{font-size:11px;color:var(--muted)}
.lb-val{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--sand-bright);white-space:nowrap}
.lb-val.pos{color:var(--olive-bright)}.lb-val.neg{color:var(--brick)}
.lb-more-empty{padding:16px;text-align:center;color:var(--muted);font-size:13px}
.lb-me{margin-top:2px}
.lb-me-row{display:flex;align-items:center;gap:11px;padding:11px 8px;border-radius:10px;
  background:rgba(216,181,106,.1);border:1px dashed var(--sand)}
@media (max-width:560px){.pod-name{font-size:12px}.lb-tab{font-size:11px}}

/* ═══ Fremdes Profil ansehen ═══ */
.pv-loading{position:relative;z-index:1;color:var(--text);font-size:15px;padding:30px}
.pv-card{position:relative;z-index:1;width:min(400px,92vw);max-height:92vh;overflow-y:auto;
  background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.pv-x{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:50%;
  border:none;background:rgba(0,0,0,.35);color:#fff;font-size:15px;cursor:pointer}
.pv-x:hover{background:rgba(0,0,0,.6)}
.pv-banner{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 18px 20px;
  border-radius:18px 18px 0 0;text-align:center}
.pv-avwrap{width:92px;height:92px;border-radius:18px;background:rgba(0,0,0,.28);display:flex;
  align-items:center;justify-content:center;box-sizing:border-box;margin-bottom:4px}
.pv-avwrap .pixav{image-rendering:pixelated}
.pv-name{font-family:var(--mono);font-weight:800;font-size:22px;color:var(--sand-bright);word-break:break-word}
.pv-title{font-size:13px;color:var(--sand);font-weight:600}
.pv-rank{font-size:12px;color:var(--text-dim);background:rgba(0,0,0,.28);padding:3px 12px;border-radius:20px}
.pv-pins{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:14px 16px;border-top:1px solid var(--border)}
.pv-pin{display:flex;flex-direction:column;align-items:center;gap:1px;background:rgba(216,181,106,.1);
  border:1px solid var(--border);border-radius:10px;padding:7px 10px;min-width:64px}
.pv-pin span{font-size:20px}
.pv-pin b{font-size:11px;color:var(--text)}
.pv-pin small{font-size:9px;color:var(--muted)}
.pv-nopins{font-size:12px;color:var(--muted);padding:4px}
.pv-bilanz{display:flex;justify-content:space-between;align-items:center;margin:0 16px 12px;padding:12px 14px;
  border-radius:12px;font-size:13px}
.pv-bilanz.pos{background:rgba(122,143,74,.16)}
.pv-bilanz.neg{background:rgba(207,106,79,.16)}
.pv-bilanz span{color:var(--text-dim)}
.pv-bilanz b{font-family:var(--mono);font-size:17px}
.pv-bilanz.pos b{color:var(--olive-bright)}
.pv-bilanz.neg b{color:var(--brick)}
.pv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 14px}
.pv-stat{background:rgba(0,0,0,.14);border-radius:10px;padding:9px 6px;text-align:center}
.pv-stat b{display:block;font-family:var(--mono);font-size:15px;color:var(--text)}
.pv-stat span{font-size:10px;color:var(--muted)}
.pv-ach{text-align:center;font-size:13px;color:var(--text-dim);padding:0 16px 18px}
/* klickbare Rangliste */
.pod-slot,.lb-row2{cursor:pointer}
.lb-row2:hover{background:rgba(216,181,106,.08)}
.pod-slot:hover .pod-name{color:var(--sand-bright)}

/* ═══ Täglich-Button ═══ */
.daily-btn{position:relative;background:var(--surface-2);border:1px solid var(--border);color:var(--text);
  border-radius:10px;padding:6px 10px;font-size:16px;cursor:pointer;line-height:1;transition:.14s}
.daily-btn:hover{border-color:var(--sand);transform:translateY(-1px)}
.daily-dot{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;
  background:var(--brick);border:2px solid var(--bg);animation:dl-pulse 1.6s ease-in-out infinite}
@keyframes dl-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
/* ═══ Battlepass-Button ═══ */
.bp-btn{position:relative;background:var(--surface-2);border:1px solid var(--border);color:var(--text);
  border-radius:10px;padding:6px 8px;font-size:16px;cursor:pointer;line-height:1;transition:.14s;display:inline-flex;align-items:center;gap:4px}
.bp-btn:hover{border-color:var(--sand);transform:translateY(-1px)}
.bp-btn.has-prem{border-color:#f2c14e;box-shadow:0 0 0 1px rgba(242,193,78,.35)}
.bp-lvl{font-size:11px;font-weight:800;background:var(--surface);border-radius:6px;padding:1px 5px;min-width:16px;text-align:center}
/* ═══ Battlepass-Popup (CoC-Style) ═══ */
.bp-card{position:relative;z-index:1;width:min(760px,96vw);max-height:94vh;display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px 16px 14px;
  box-shadow:0 20px 60px rgba(0,0,0,.5)}
.bp-head{margin-bottom:10px}
.bp-title{font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.bp-season{font-size:11px;font-weight:700;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:2px 9px;color:var(--muted)}
.bp-ends{font-size:11px;font-weight:700;color:var(--sand)}
.bp-hero{display:flex;align-items:center;gap:14px;margin-top:10px;justify-content:center}
.bp-levelbig{font-weight:900;line-height:1;flex:none}
.bp-levelnum{font-size:40px;color:var(--sand)}
.bp-levelmax{font-size:15px;color:var(--muted);margin-left:3px}
.bp-xpwrap{flex:1;max-width:420px}
.bp-xpbar{position:relative;height:18px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.bp-xpfill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--olive-bright),var(--sand));border-radius:10px;transition:width .4s}
.bp-xptxt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.4)}
.bp-caps{display:flex;gap:14px;justify-content:center;margin-top:6px;font-size:11px;color:var(--muted);font-weight:600}
.bp-bar-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
.bp-bar-actions .btn{padding:8px 12px;font-size:12.5px}
.bp-prem-on{font-size:12px;font-weight:800;color:#f2c14e;align-self:center;border:1px solid rgba(242,193,78,.4);border-radius:20px;padding:6px 14px}
/* Tabs */
.bp-tabs{display:flex;gap:8px;margin-bottom:10px}
.bp-tab{position:relative;flex:1;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);
  border-radius:11px;padding:9px 8px;font-size:13px;font-weight:800;cursor:pointer;transition:.12s}
.bp-tab.active{color:var(--text);border-color:var(--sand);background:rgba(231,200,107,.1)}
.bp-tab-b{position:absolute;top:-6px;right:-4px;background:var(--brick);color:#fff;font-size:10px;font-weight:800;border-radius:20px;padding:1px 6px;border:2px solid var(--surface)}
.bp-body{flex:1;min-height:0;overflow:auto}
/* Horizontaler Belohnungs-Track */
.bp-hwrap{display:flex;align-items:stretch}
.bp-hleg{display:flex;flex-direction:column;gap:7px;flex:none;margin-right:8px;padding-top:1px}
.bp-hleg span{height:88px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}
.bp-hleg .bp-hleg-l{height:34px;writing-mode:horizontal-tb;transform:none}
.bp-htrack{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scroll-behavior:smooth}
.bp-htier{display:flex;flex-direction:column;gap:7px;width:118px;flex:none}
.bp-htier.reached .bp-hlvl{background:var(--sand);color:#1c1a15;border-color:var(--sand)}
.bp-htier.cur .bp-hlvl{background:var(--olive-bright);color:#14180a;border-color:var(--olive-bright);box-shadow:0 0 0 3px rgba(155,194,74,.3)}
.bp-hlvl{height:34px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;
  background:var(--surface-2);border:1px solid var(--border);border-radius:9px;color:var(--muted)}
.bp-hcell{height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;
  background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:6px 6px}
.bp-hcell.prem{border-color:rgba(242,193,78,.3);background:linear-gradient(180deg,rgba(242,193,78,.07),var(--surface-2))}
.bp-hcell.lock{opacity:.45}
.bp-hcell.claimed{opacity:.66}
.bp-hcell.can{border-color:var(--olive-bright);box-shadow:0 0 0 1px rgba(155,194,74,.3)}
.bp-he{font-size:26px;line-height:1}
.bp-ht{font-size:10px;font-weight:700;line-height:1.15;color:var(--text)}
.bp-hclaim{margin-top:2px;background:var(--olive-bright);color:#14180a;border:none;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800;cursor:pointer}
.bp-hclaim:hover{filter:brightness(1.08)}
.bp-hchk{color:var(--olive-bright);font-weight:900;font-size:13px}
.bp-hlk{font-size:12px;opacity:.8}
/* Aufgaben */
.bp-sec{font-size:12.5px;font-weight:800;color:var(--text);margin:6px 2px 8px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.bp-sec-x{font-size:10.5px;font-weight:700;color:var(--muted)}
.bp-tasklist{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.bp-task{display:flex;align-items:center;gap:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.bp-task.ready{border-color:var(--olive-bright);box-shadow:0 0 0 1px rgba(155,194,74,.28)}
.bp-task.claimed{opacity:.6}
.bp-task.locked{opacity:.72}
.bp-tk-ic{font-size:22px;line-height:1;flex:none}
.bp-tk-main{flex:1;min-width:0}
.bp-tk-desc{font-size:12.5px;font-weight:700;margin-bottom:5px}
.bp-tk-bar{height:8px;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}
.bp-tk-fill{height:100%;background:linear-gradient(90deg,var(--olive-bright),var(--sand));border-radius:6px;transition:width .4s}
.bp-tk-prog{font-size:10.5px;color:var(--muted);font-weight:600;margin-top:3px}
.bp-tk-sub{font-size:11px;color:var(--muted);font-weight:600}
.bp-tk-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:64px}
.bp-tk-xp{font-size:14px;font-weight:900;color:var(--sand);line-height:1}
.bp-tk-xp small{font-size:9px;color:var(--muted);margin-left:2px}
.bp-tk-claim{background:var(--olive-bright);color:#14180a;border:none;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:800;cursor:pointer;transition:.12s}
.bp-tk-claim:hover{filter:brightness(1.08);transform:translateY(-1px)}
.bp-tk-done{font-size:12px;font-weight:800;color:var(--olive-bright)}
.bp-tk-lock{font-size:11px;font-weight:800;color:var(--muted)}
.bp-empty{font-size:12px;color:var(--muted);text-align:center;padding:12px}
@media(max-width:520px){.bp-levelnum{font-size:32px}.bp-hero{gap:10px}.bp-htier{width:104px}}
/* ═══ 🔥 Battlepass Season 3 „Phönix-Fieber" ═══ */
.bp-card>*:not(.bp-embers){position:relative;z-index:1}
.bp-kicker{text-align:center;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.bp-head .bp-title{font-size:26px;font-weight:900;letter-spacing:-.01em;margin-top:2px}
.bp-title-e{display:inline-block;animation:bpFlicker 1.6s ease-in-out infinite}
.bp-tagline{text-align:center;font-size:12px;color:var(--text-dim);margin-top:2px}
.bp-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:7px}
.bp-chips>span{font-size:11px;font-weight:800;border-radius:20px;padding:3px 10px;background:rgba(0,0,0,.22);border:1px solid var(--border)}
.bp-chip-wk{color:#ffe066;border-color:rgba(255,224,102,.45)!important;animation:bpPulse 2s ease-in-out infinite}
@keyframes bpFlicker{0%,100%{transform:scale(1) rotate(-3deg);filter:drop-shadow(0 0 6px rgba(255,120,40,.7))}50%{transform:scale(1.12) rotate(3deg);filter:drop-shadow(0 0 14px rgba(255,170,60,.95))}}
@keyframes bpPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,224,102,.0)}50%{box-shadow:0 0 12px 1px rgba(255,224,102,.35)}}
/* Thema: Phönix */
.bp-card.bp-theme-phoenix{overflow:hidden;border-color:rgba(255,140,60,.45);
  background:radial-gradient(ellipse at 50% -10%,rgba(255,120,40,.28),transparent 55%),radial-gradient(ellipse at 100% 110%,rgba(155,77,255,.22),transparent 50%),linear-gradient(180deg,#22141c,var(--surface) 42%);
  box-shadow:0 20px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,140,60,.15),0 0 40px rgba(255,100,30,.12)}
.bp-card.bp-theme-phoenix.is-elite{border-color:rgba(170,110,255,.6);box-shadow:0 20px 70px rgba(0,0,0,.6),0 0 46px rgba(155,77,255,.25)}
.bp-theme-phoenix .bp-title{background:linear-gradient(90deg,#ffe066,#ff9a2e,#ff4f2f,#c04dff,#ffe066);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nfxSlide 6s linear infinite}
.bp-theme-phoenix .bp-title .bp-title-e{-webkit-text-fill-color:initial}
.bp-theme-phoenix .bp-levelnum{background:linear-gradient(180deg,#ffe066,#ff7a2a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:46px;filter:drop-shadow(0 2px 8px rgba(255,110,40,.45))}
.bp-theme-phoenix .bp-xpfill{background:linear-gradient(90deg,#ff4f2f,#ff9a2e,#ffe066);box-shadow:0 0 12px rgba(255,140,60,.6)}
.bp-theme-phoenix .bp-xpfill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:bpShine 2.4s linear infinite}
@keyframes bpShine{0%{background-position:-60% 0}100%{background-position:160% 0}}
.bp-theme-phoenix .bp-tab.active{border-color:#ff9a2e;background:rgba(255,140,60,.12)}
.bp-theme-phoenix .bp-htier.reached .bp-hlvl{background:linear-gradient(180deg,#ffb03c,#ff7a2a);border-color:#ff9a2e;color:#2a1208}
.bp-theme-phoenix .bp-htier.cur .bp-hlvl{background:#ffe066;border-color:#ffe066;color:#2a1208;box-shadow:0 0 0 3px rgba(255,224,102,.3),0 0 16px rgba(255,180,60,.6)}
/* Glut-Funken */
.bp-embers{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.bp-embers i{position:absolute;bottom:-12px;width:5px;height:5px;border-radius:50%;background:#ffb03c;box-shadow:0 0 8px 2px rgba(255,140,40,.8);opacity:0;animation:bpEmber 7s linear infinite}
.bp-embers i:nth-child(1){left:6%;animation-delay:0s}.bp-embers i:nth-child(2){left:14%;animation-delay:2.4s;width:3px;height:3px}
.bp-embers i:nth-child(3){left:22%;animation-delay:4.1s}.bp-embers i:nth-child(4){left:31%;animation-delay:1.2s;width:4px;height:4px}
.bp-embers i:nth-child(5){left:39%;animation-delay:5.3s}.bp-embers i:nth-child(6){left:47%;animation-delay:3.2s;width:3px;height:3px;background:#c04dff;box-shadow:0 0 8px 2px rgba(192,77,255,.7)}
.bp-embers i:nth-child(7){left:55%;animation-delay:0.7s}.bp-embers i:nth-child(8){left:63%;animation-delay:2.9s;width:4px;height:4px}
.bp-embers i:nth-child(9){left:70%;animation-delay:6.1s}.bp-embers i:nth-child(10){left:77%;animation-delay:1.8s;width:3px;height:3px}
.bp-embers i:nth-child(11){left:84%;animation-delay:4.6s;background:#c04dff;box-shadow:0 0 8px 2px rgba(192,77,255,.7)}.bp-embers i:nth-child(12){left:90%;animation-delay:3.7s}
.bp-embers i:nth-child(13){left:96%;animation-delay:5.8s;width:3px;height:3px}.bp-embers i:nth-child(14){left:2%;animation-delay:6.6s}
@keyframes bpEmber{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}60%{opacity:.6}100%{transform:translate(28px,-640px);opacity:0}}
.bp-card:not(.bp-theme-phoenix) .bp-embers{display:none}
@media (prefers-reduced-motion:reduce){.bp-embers{display:none}.bp-title-e,.bp-chip-wk{animation:none}}
/* Kauf-Knöpfe & Status */
.bp-own{font-size:12px;font-weight:800;align-self:center;border-radius:20px;padding:6px 14px;border:1px solid}
.bp-own.prem{color:#f2c14e;border-color:rgba(242,193,78,.4)}
.bp-own.elite{color:#d6b4ff;border-color:rgba(170,110,255,.55);background:rgba(155,77,255,.12)}
.bp-buy-elite{background:linear-gradient(135deg,#ff7a2a,#c04dff);color:#fff;border:none;font-weight:800;box-shadow:0 4px 16px rgba(192,77,255,.35)}
.bp-buy-elite:hover{filter:brightness(1.1);transform:translateY(-1px)}
/* Banner (Veteran / Phönix-Stufen) */
.bp-banner{display:flex;align-items:center;gap:12px;border-radius:13px;padding:10px 12px;margin:0 0 10px;border:1px solid;font-size:12.5px}
.bp-banner small{color:var(--text-dim);font-size:11px}
.bp-banner>div{flex:1;min-width:0}
.bp-bn-ic{font-size:28px;line-height:1}
.bp-banner.vet{border-color:rgba(127,178,224,.5);background:linear-gradient(90deg,rgba(127,178,224,.14),transparent)}
.bp-banner.bonus{border-color:rgba(255,140,60,.55);background:linear-gradient(90deg,rgba(255,110,40,.18),rgba(155,77,255,.1))}
.bp-bn-bar{height:7px;border-radius:5px;background:rgba(0,0,0,.3);overflow:hidden;margin:5px 0 3px}
.bp-bn-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff4f2f,#ffe066);border-radius:5px}
/* Track: Elite-Spur, Truhen, Meilensteine */
.bp-hleg .bp-hleg-e{height:60px;color:#c99bff}
.bp-hcell.elite{height:60px;flex-direction:row;gap:6px;padding:4px 6px;border-color:rgba(170,110,255,.35);background:linear-gradient(180deg,rgba(155,77,255,.12),var(--surface-2))}
.bp-hcell.elite .bp-he{font-size:20px}.bp-hcell.elite .bp-ht{font-size:9px;text-align:left;flex:1}
.bp-hcell.elite .bp-hclaim{padding:3px 6px}
.bp-hcell.empty{height:60px;background:transparent;border:1px dashed rgba(170,110,255,.14)}
.bp-hcell.chest{border-color:var(--chest);box-shadow:inset 0 0 14px color-mix(in srgb,var(--chest) 22%,transparent)}
.bp-hcell.chest .bp-he{animation:bpChestIdle 3s ease-in-out infinite}
.bp-hcell.chest.can .bp-he{animation:bpChestReady .9s ease-in-out infinite}
.bp-hcell.chest-legendary{box-shadow:inset 0 0 18px rgba(255,176,60,.35),0 0 12px rgba(255,140,40,.35)}
.bp-hcell.cos{border-color:rgba(255,224,102,.55);background:linear-gradient(160deg,rgba(255,224,102,.12),rgba(192,77,255,.1),var(--surface-2))}
.bp-hcell.cos .bp-ht{color:#ffe9a8}
@keyframes bpChestIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes bpChestReady{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-9deg) scale(1.08)}75%{transform:rotate(9deg) scale(1.08)}}
.bp-htier.mile .bp-hlvl{border-color:rgba(255,176,60,.6)}
.bp-hend{flex:none;width:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;
  border-radius:12px;border:1px dashed rgba(255,140,60,.6);background:linear-gradient(180deg,rgba(255,110,40,.14),rgba(155,77,255,.1));font-size:12px;line-height:1.25;padding:8px}
.bp-hend small{color:var(--text-dim);font-size:10px}
/* Aufgaben-Extras */
.bp-mult{text-align:center;font-size:12px;font-weight:800;color:#ffe066;background:rgba(255,224,102,.08);border:1px solid rgba(255,224,102,.35);border-radius:10px;padding:6px;margin-bottom:8px}
.bp-tk-xp.boost{color:#ffb03c;text-shadow:0 0 8px rgba(255,140,60,.45)}
/* Rangliste */
.bp-rank{display:flex;flex-direction:column;gap:6px}
.bp-rk{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:8px 12px;font-size:13px}
.bp-rk.top{border-color:rgba(255,176,60,.4)}
.bp-rk.me{border-color:var(--olive-bright);box-shadow:0 0 0 1px rgba(155,194,74,.3)}
.bp-rk-pos{font-weight:900;font-size:16px;text-align:center}
.bp-rk-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-rk-tier{font-size:10px;font-weight:900}.bp-rk-tier.elite{color:#d6b4ff;border:1px solid rgba(170,110,255,.55);border-radius:6px;padding:0 4px}
.bp-rk-lvl{font-weight:800;color:var(--sand)}.bp-rk-bonus{color:#ff9a2e;font-size:11px}
.bp-rk-xp{font-family:var(--mono);font-size:11px;color:var(--muted)}
.bp-rank-foot{text-align:center;font-size:11px;color:var(--muted);margin-top:10px}
.bp-hist{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;font-size:10.5px;color:var(--muted);margin-top:8px}
.bp-hist span{border:1px solid var(--border);border-radius:20px;padding:2px 8px}
@media(max-width:520px){.bp-head .bp-title{font-size:21px}.bp-rk{grid-template-columns:34px 1fr auto;}.bp-rk-xp{display:none}.bp-hend{width:104px}}
/* Handy: ganze Karte scrollt (statt winzigem Innen-Bereich), Kopf kompakter */
@media(max-width:520px){.bp-card.bp-card{overflow-x:hidden;overflow-y:auto;padding:14px 12px 12px}.bp-card .bp-body{overflow:visible;flex:none}.bp-tagline{display:none}.bp-head .bp-title{font-size:20px}.bp-chips{margin-top:5px}.bp-hero{margin-top:6px}.bp-theme-phoenix .bp-levelnum{font-size:36px}.bp-banner{flex-wrap:wrap;padding:8px 10px;gap:8px}.bp-banner>.btn{width:100%}.bp-bn-ic{font-size:22px}.bp-bar-actions{gap:6px}.bp-bar-actions .btn,.bp-bar-actions .bp-own{flex:1 1 30%;padding:7px 6px;font-size:11px;text-align:center}.bp-tab{padding:8px 4px;font-size:12px}}
/* Topbar-Knopf */
#bp-btn.has-elite{box-shadow:0 0 0 1px rgba(170,110,255,.6),0 0 12px rgba(155,77,255,.35)}
#bp-btn.bp-theme-phoenix{border-color:rgba(255,140,60,.55)}
/* 🎁 Truhen-Öffnung */
.bpl-ov{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}
.bpl-ov.show{opacity:1;pointer-events:auto}
.bpl-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(40,16,30,.75),rgba(0,0,0,.88))}
.bpl-card{position:relative;width:min(440px,92vw);text-align:center;padding:22px 18px 18px;border-radius:20px;background:linear-gradient(180deg,#2a1622,#171219);border:1px solid rgba(255,140,60,.5);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.bpl-ov.rar-legendary .bpl-card{border-color:#ffb03c;box-shadow:0 0 60px rgba(255,150,40,.45),0 30px 80px rgba(0,0,0,.6)}
.bpl-ov.rar-epic .bpl-card{border-color:#b57edc;box-shadow:0 0 50px rgba(181,126,220,.35),0 30px 80px rgba(0,0,0,.6)}
.bpl-title{font-size:19px;font-weight:900;margin-bottom:10px}
.bpl-chests{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;min-height:70px;align-items:center}
.bpl-chest{font-size:52px;line-height:1;filter:drop-shadow(0 0 14px var(--c));animation:bplShake 1s ease-in-out both, bplPop .35s 1s ease-in forwards}
.bpl-chests .bpl-chest:not(:first-child){font-size:34px}
.bpl-more{font-weight:900;color:var(--muted)}
.bpl-burst{position:absolute;left:50%;top:92px;width:10px;height:10px;margin:-5px;border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 0 rgba(255,200,80,.9);animation:bplBurst .7s 1s ease-out forwards;opacity:0}
.bpl-items{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 14px;min-height:60px}
.bpl-it{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:16px;font-weight:900;opacity:0;transform:translateY(12px) scale(.9);animation:bplItem .45s ease-out forwards}
.bpl-it small{font-size:10px;font-weight:700;color:var(--muted)}
.bpl-it.rare{border-color:#ffe066;background:linear-gradient(160deg,rgba(255,224,102,.18),rgba(192,77,255,.16));box-shadow:0 0 18px rgba(255,200,80,.35);font-size:14px}
.bpl-it.rare small{color:#ffe066;letter-spacing:.1em}
@keyframes bplShake{0%{transform:scale(.6) rotate(0);opacity:0}15%{transform:scale(1) rotate(0);opacity:1}30%{transform:rotate(-12deg)}45%{transform:rotate(12deg)}60%{transform:rotate(-14deg) scale(1.05)}75%{transform:rotate(14deg) scale(1.1)}90%{transform:rotate(-6deg) scale(1.15)}100%{transform:rotate(0) scale(1.2)}}
@keyframes bplPop{0%{transform:scale(1.2)}40%{transform:scale(1.6);filter:drop-shadow(0 0 30px var(--c)) brightness(2)}100%{transform:scale(.85);opacity:.4;filter:drop-shadow(0 0 10px var(--c)) grayscale(.3)}}
@keyframes bplBurst{0%{opacity:1;box-shadow:0 0 0 0 rgba(255,200,80,.9)}100%{opacity:0;box-shadow:0 0 0 160px rgba(255,140,60,0)}}
@keyframes bplItem{to{opacity:1;transform:none}}
/* ⬆️ Level-Up */
#bp-lvlup{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0}
#bp-lvlup.show{animation:bpLu 2.2s ease forwards}
.bplu-in{display:flex;flex-direction:column;align-items:center;line-height:1;text-shadow:0 4px 30px rgba(255,120,40,.8)}
.bplu-in small{font-size:16px;font-weight:900;letter-spacing:.35em;color:#ffe066}
.bplu-in b{font-size:110px;font-weight:900;background:linear-gradient(180deg,#fff3b0,#ff9a2e 60%,#ff4f2f);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.bplu-in span{font-size:40px}
@keyframes bpLu{0%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1.08)}25%{transform:scale(1)}75%{opacity:1}100%{opacity:0;transform:scale(1.15) translateY(-30px)}}
/* 🔥 Season-3-Kosmetik */
.pf-frame-phoenix{border:4px solid #ff8a3a;box-shadow:0 0 14px rgba(255,120,40,.75),inset 0 0 8px rgba(255,180,60,.6);animation:pfPhoenix 1.8s ease-in-out infinite}
.pf-frame-inferno{border:4px solid transparent;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),conic-gradient(from 0deg,#ffe066,#ff4f2f,#c04dff,#ff4f2f,#ffe066);background-origin:border-box;background-clip:content-box,border-box;box-shadow:0 0 22px rgba(255,100,40,.7),0 0 34px rgba(192,77,255,.35);animation:pf-rain 3s linear infinite}
.pf-frame-ember{border:4px solid #e0521a;box-shadow:0 0 10px rgba(224,82,26,.7),inset 0 0 10px rgba(255,140,40,.35)}
@keyframes pfPhoenix{0%,100%{box-shadow:0 0 12px rgba(255,120,40,.7),inset 0 0 6px rgba(255,180,60,.5)}50%{box-shadow:0 0 24px rgba(255,170,60,.95),inset 0 0 10px rgba(255,220,120,.7)}}
@keyframes cosBgRise{0%{background-position:50% 0%}100%{background-position:50% 100%}}
.nfx-phoenix{background:linear-gradient(90deg,#ffe066,#ff9a2e,#ff4f2f,#ff9a2e,#ffe066);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nfxSlide 2.4s linear infinite;filter:drop-shadow(0 0 5px rgba(255,120,40,.65))}
.nfx-inferno{background:linear-gradient(90deg,#fff3b0,#ff4f2f,#c04dff,#ff4f2f,#fff3b0);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nfxSlide 1.6s linear infinite,nfxInferno 1.2s ease-in-out infinite}
@keyframes nfxInferno{0%,100%{filter:drop-shadow(0 0 4px rgba(255,90,40,.7))}50%{filter:drop-shadow(0 0 10px rgba(192,77,255,.9))}}
.nfx-ember{background:linear-gradient(90deg,#ffb03c,#e0521a,#ffb03c);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nfxSlide 3s linear infinite;filter:drop-shadow(0 0 3px rgba(224,82,26,.6))}
.cos-lock.bp{color:#ffb03c}
/* ═══ 🏠 Startseite / Stall-Übersicht ═══ */
.home-wrap{max-width:920px;margin:0 auto;padding:4px 2px 20px}
.home-hero{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--border);margin-bottom:14px;
  background:linear-gradient(180deg,#2a3a5a,#141822)}
.home-hero-in{position:relative;display:flex;align-items:center;gap:16px;padding:18px 18px;
  background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.12))}
.home-av{width:96px;height:96px;flex:none;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.25);border:2px solid rgba(255,255,255,.14);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.home-av .pixav{width:82px;height:82px}
.home-id{min-width:0}
.home-greet{font-size:12px;font-weight:700;color:rgba(255,255,255,.82);text-shadow:0 1px 2px rgba(0,0,0,.5)}
.home-name{font-size:26px;font-weight:900;line-height:1.1;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.55);word-break:break-word}
.home-title{font-size:12px;font-weight:700;color:var(--sand);margin-top:2px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.home-rank{display:inline-block;margin-top:7px;font-size:12px;font-weight:800;color:#fff;
  background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:4px 11px}
.home-money{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.home-mcard{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:12px 13px;display:flex;flex-direction:column;gap:5px}
.home-mcard .hm-l{font-size:11px;font-weight:700;color:var(--muted)}
.home-mcard .hm-v{font-size:19px;font-weight:900;color:var(--text)}
.home-mcard.pos .hm-v{color:var(--olive-bright)}
.home-mcard.neg .hm-v{color:var(--brick)}
.home-chart{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:11px 13px 6px;margin-bottom:14px}
.home-chart .hc-h{font-size:11px;font-weight:800;color:var(--muted);margin-bottom:6px}
.home-spark{width:100%;height:56px;display:block}
.home-spark-empty{font-size:12px;color:var(--muted);padding:14px 0;text-align:center}
.home-sec-h{font-size:12.5px;font-weight:800;color:var(--muted);margin:14px 2px 8px}
.home-tiles-big{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:2px}
.home-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.home-tiles.pos{grid-template-columns:1fr 1fr}
.home-tile{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:13px 10px;
  display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;cursor:default;color:var(--text)}
button.home-tile{cursor:pointer;transition:.13s}
button.home-tile:hover{border-color:var(--sand);transform:translateY(-2px)}
.home-tile .ht-ic{font-size:22px;line-height:1}
.home-tile .ht-v{font-size:17px;font-weight:900}
.home-tile .ht-l{font-size:10.5px;font-weight:700;color:var(--muted)}
.home-tile.rank .ht-v{color:var(--sand)}
.home-tile.bp,.home-tile.daily{padding:15px 12px}
.home-tile.bp .ht-v,.home-tile.daily .ht-v{font-size:19px}
.home-tile.glow{border-color:var(--sand);box-shadow:0 0 0 1px rgba(231,200,107,.35),0 6px 18px rgba(231,200,107,.12)}
.ht-bar{width:100%;height:7px;background:var(--surface-2);border-radius:6px;overflow:hidden;margin:5px 0 2px}
.ht-fill{height:100%;background:linear-gradient(90deg,var(--olive-bright),var(--sand));border-radius:6px}
.home-jp-sum{font-weight:800;color:var(--sand);margin-left:6px}
.home-jps{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-jp{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:12px 13px;position:relative}
.home-jp.hjp-ultra{border-color:color-mix(in srgb,var(--tc) 55%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 25%,transparent) inset}
.home-jp.hjp-super{border-color:color-mix(in srgb,var(--tc) 40%,var(--border))}
.hjp-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px}
.hjp-name{font-size:13px;font-weight:800;color:var(--text)}
.hjp-sum{font-size:15px;font-weight:900;color:var(--sand);white-space:nowrap}
.hjp-tier-row{margin:-2px 0 7px}
.hjp-tier{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:900;letter-spacing:.02em;
  padding:2px 8px;border-radius:999px;color:var(--tc);background:color-mix(in srgb,var(--tc) 16%,transparent);
  border:1px solid color-mix(in srgb,var(--tc) 45%,transparent);text-transform:uppercase}
.hjp-tier-ultra{animation:hjpGlow 2.2s ease-in-out infinite}
@keyframes hjpGlow{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tc) 40%,transparent)}50%{box-shadow:0 0 9px 1px color-mix(in srgb,var(--tc) 55%,transparent)}}
.hjp-bar{height:9px;background:var(--surface-2);border-radius:6px;overflow:hidden}
.hjp-fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--tc,#e7c86b) 70%,#e7c86b),var(--tc,#c0563a));border-radius:6px;transition:width .5s}
.hjp-info{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:11px}
.hjp-how{color:var(--muted);font-weight:600}
.hjp-odds{color:var(--sand);font-weight:800;white-space:nowrap}
/* 🏆 Mega-Jackpot-Hero + 🔥 Hitze + 🏅 Ruhmeshalle */
.mega-hero{position:relative;overflow:hidden;margin:8px 0 10px;padding:15px 16px;border-radius:16px;
  background:linear-gradient(135deg,#3a2a0e,#5c3f12 55%,#7a5416);border:1px solid #e7c86b;
  box-shadow:0 0 0 1px rgba(231,200,107,.22) inset,0 8px 30px -12px rgba(231,200,107,.35)}
.mega-hero.hot{animation:megaPulse 1.7s ease-in-out infinite}
@keyframes megaPulse{0%,100%{box-shadow:0 0 0 1px rgba(231,200,107,.3) inset,0 8px 30px -12px rgba(231,200,107,.4)}50%{box-shadow:0 0 0 1px rgba(231,200,107,.65) inset,0 10px 42px -6px rgba(231,200,107,.8)}}
.mega-hero-head{font-size:13px;font-weight:900;letter-spacing:.03em;color:#f4e2b0;display:flex;justify-content:space-between;align-items:center;gap:8px}
.mega-heat{font-size:10px;font-weight:900;color:#ffd7a0;background:rgba(0,0,0,.3);border-radius:8px;padding:2px 7px;animation:megaBlink 1s steps(2) infinite;white-space:nowrap}
@keyframes megaBlink{50%{opacity:.35}}
.mega-hero-sum{font-size:30px;font-weight:900;color:#ffe9b0;text-shadow:0 2px 0 rgba(0,0,0,.35);margin:3px 0 2px;font-variant-numeric:tabular-nums;line-height:1.05}
.mega-hero-sum span{font-size:18px}
.mega-hero-bar{height:8px;background:rgba(0,0,0,.35);border-radius:6px;overflow:hidden;margin:7px 0}
.mega-hero-fill{height:100%;background:linear-gradient(90deg,#ffcf6a,#ff9b3d);border-radius:6px;transition:width .6s}
.mega-hero-sub{font-size:11px;color:#e9d4a0}.mega-hero-sub b{color:#fff}
.hjp-hot{display:inline-flex;align-items:center;font-size:10px;font-weight:900;color:#ffb27a;background:rgba(207,106,79,.18);border:1px solid color-mix(in srgb,#cf6a4f 45%,transparent);border-radius:9px;padding:2px 7px;margin-left:6px;animation:megaBlink 1.1s steps(2) infinite}
.hjp-full{border-color:color-mix(in srgb,#cf6a4f 45%,var(--border))}
.jp-hall{margin-top:8px;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.jp-hall-h{font-size:12px;font-weight:800;color:var(--sand-bright);margin-bottom:6px}
.jp-hall-rec{font-size:11.5px;color:var(--text);margin-bottom:6px}
.jp-hall-row{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--text-dim);padding:2px 0}
.jp-hall-row b{color:var(--sand);font-family:var(--mono)}
/* 📡 Live-Stall-Ticker */
.stall-ticker{display:flex;align-items:stretch;margin:8px 0 2px;background:rgba(0,0,0,.28);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.stk-live{flex:0 0 auto;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#fff;
  background:linear-gradient(90deg,#cf4a3a,#e0663a);padding:0 10px}
.stk-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;animation:stkBlink 1s steps(2) infinite}
@keyframes stkBlink{50%{opacity:.2}}
.stk-track{flex:1;overflow:hidden}
.stk-run{display:inline-flex;white-space:nowrap;gap:28px;padding:7px 0;animation:stkRun 36s linear infinite;will-change:transform}
.stall-ticker:hover .stk-run{animation-play-state:paused}
@keyframes stkRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.stk-item{font-size:12px;color:var(--text-dim)}
.stk-item b{color:var(--text);font-weight:700}
.stk-item i{color:var(--sand);font-style:normal;font-weight:800;font-family:var(--mono)}
.stk-item.jp i{color:#ffd27a}
.stk-item.mega{color:#ffe0a0}.stk-item.mega i{color:#ffcf6a}
/* 🐔 Startseiten-Maskottchen (läuft im Hintergrund) */
/* 🎨 Casino-Pixel-Icons (erben via 1em die jeweilige Emoji-Größe) */
.pix-ic{display:inline-block;width:1em;height:1em;image-rendering:pixelated;vertical-align:-0.12em}
/* 🔧 Wartungsmodus */
.maint-screen{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(120% 100% at 50% 0%,#2a2012,#1a140d 70%,#120d08)}
.maint-card{max-width:440px;width:100%;text-align:center;background:var(--panel,#241d15);border:1px solid var(--border);border-radius:20px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.maint-ic{font-size:52px;margin-bottom:10px;animation:maintBob 2.4s ease-in-out infinite}
@keyframes maintBob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}
.maint-h{font-size:22px;font-weight:900;color:var(--sand-bright);margin-bottom:8px}
.maint-t{font-size:14px;color:var(--text-dim);line-height:1.55}
.maint-msg{margin-top:14px;font-size:14px;color:var(--text);background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.maint-until{margin-top:12px;font-weight:800;color:var(--sand);font-family:var(--mono)}
.maint-foot{margin-top:18px;font-size:12px;color:var(--text-dim)}
body.maint-locked{overflow:hidden}
.maint-staffbar{position:fixed;top:0;left:0;right:0;z-index:8000;background:linear-gradient(90deg,#cf4a3a,#e0863a);color:#fff;font-size:12px;font-weight:800;text-align:center;padding:6px 12px}
.maint-adm-state{font-size:11px;font-weight:800;margin-left:6px}
.maint-sw{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;margin-top:4px}
.maint-adm-note{font-size:11px;color:var(--text-dim);margin-top:8px;line-height:1.5}
#adm-maint-card.on{border-color:#cf4a3a;box-shadow:0 0 0 1px rgba(207,74,58,.35) inset}
.home-qa-row{display:flex;flex-wrap:wrap;gap:9px}
.home-qa{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:11px 15px;
  font-size:13px;font-weight:800;color:var(--text);cursor:pointer;transition:.13s;flex:1 1 auto}
.home-qa:hover{border-color:var(--sand);transform:translateY(-2px);background:var(--surface)}
@media(max-width:640px){
  .home-money{grid-template-columns:1fr}
  .home-tiles{grid-template-columns:repeat(2,1fr)}
  .home-jps{grid-template-columns:1fr}
  .home-name{font-size:22px}
  .home-av{width:78px;height:78px}.home-av .pixav{width:66px;height:66px}
}
/* ═══ Täglich-Popup ═══ */
.dl-card{position:relative;z-index:1;width:min(400px,92vw);max-height:92vh;overflow-y:auto;
  background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px 18px 18px;
  box-shadow:0 20px 60px rgba(0,0,0,.5);text-align:center}
.dl-head{margin-bottom:16px}
.dl-flame{font-size:36px;line-height:1;animation:dl-flicker 2s ease-in-out infinite}
@keyframes dl-flicker{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.08) rotate(2deg)}}
.dl-streak-n{font-family:var(--mono);font-weight:900;font-size:40px;color:var(--sand-bright);line-height:1.1}
.dl-streak-l{font-size:12px;color:var(--text-dim)}
.dl-track{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px}
.dl-day{position:relative;background:rgba(0,0,0,.18);border:1px solid var(--border);border-radius:8px;
  padding:7px 2px;display:flex;flex-direction:column;gap:2px;align-items:center}
.dl-day-n{font-size:9px;color:var(--muted)}
.dl-day-r{font-size:10px;font-family:var(--mono);color:var(--text-dim);white-space:nowrap}
.dl-day.done{background:rgba(122,143,74,.2);border-color:var(--olive-bright)}
.dl-day.done .dl-day-r{color:var(--olive-bright)}
.dl-day.today{background:rgba(216,181,106,.2);border-color:var(--sand-bright);box-shadow:0 0 0 2px var(--ring)}
.dl-day.today .dl-day-r{color:var(--sand-bright);font-weight:700}
.dl-day-check{position:absolute;top:2px;right:3px;font-size:9px;color:var(--olive-bright)}
.dl-claim{width:100%;padding:13px;font-size:15px}
.dl-claimed{background:rgba(122,143,74,.14);border-radius:10px;padding:11px;font-size:13px;color:var(--olive-bright)}
.dl-sec-h{font-size:13px;font-weight:700;color:var(--text-dim);margin:18px 0 8px;text-align:left}
.dl-task{background:rgba(0,0,0,.14);border-radius:12px;padding:14px}
.dl-task-desc{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}
.dl-task-bar{height:8px;background:rgba(0,0,0,.3);border-radius:5px;overflow:hidden;margin-bottom:4px}
.dl-task-fill{height:100%;background:linear-gradient(90deg,var(--olive),var(--olive-bright));border-radius:5px;transition:width .4s}
.dl-task-prog{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:10px}
.dl-task-rew{font-size:12px;color:var(--text-dim)}

/* ═══ Sparkonto ═══ */
.sv-hero{text-align:center;padding:16px;border-radius:14px;margin-bottom:12px;
  background:linear-gradient(160deg,rgba(216,181,106,.16),rgba(216,181,106,.04))}
.sv-amt{font-family:var(--mono);font-weight:800;font-size:30px;color:var(--sand-bright);line-height:1.1}
.sv-amt span{font-size:20px}
.sv-sub{font-size:12px;color:var(--text-dim);margin-top:3px}
.sv-info{display:flex;gap:8px;margin-bottom:10px}
.sv-i{flex:1;background:rgba(0,0,0,.14);border-radius:10px;padding:9px;text-align:center}
.sv-i span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.sv-i b{font-family:var(--mono);font-size:14px;color:var(--text)}
.sv-cap{font-size:11px;color:var(--amber);background:rgba(226,161,73,.12);border-radius:8px;padding:7px 10px;margin-bottom:10px}
.sv-form{display:flex;flex-direction:column;gap:8px}
.sv-quick{display:flex;gap:6px}
.sv-btns{display:flex;gap:8px}
.sv-btns .btn{flex:1;padding:11px}
.sv-hint{font-size:11px;color:var(--muted);line-height:1.4;margin-top:10px;text-align:center}
/* ═══ Kontostand-Verlauf ═══ */
.bh-chart{width:100%;height:150px;display:block;background:rgba(0,0,0,.12);border-radius:10px}
.bh-legend{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-top:8px;flex-wrap:wrap;gap:6px}
.bh-legend b{font-family:var(--mono);color:var(--text)}
.bh-legend .up{color:var(--olive-bright);font-family:var(--mono);font-weight:700}
.bh-legend .down{color:var(--brick);font-family:var(--mono);font-weight:700}
.bh-empty{padding:20px;text-align:center;color:var(--muted);font-size:13px}

/* ═══ 🧩 Knobeln / Sudoku ═══ */
.solo-wrap{display:flex;flex-direction:column;gap:12px}
.solo-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.solo-title{font-size:20px;font-weight:800;color:var(--sand-bright)}
.solo-cap{font-size:12px;color:var(--muted)}
.solo-cap b{color:var(--sand-bright);font-family:var(--mono)}
.solo-intro{font-size:13px;color:var(--text-dim);margin-bottom:10px}
.solo-diffs{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
/* Bestzeiten */
.sb-sec{margin-bottom:12px}
.sb-h{font-size:12px;font-weight:700;color:var(--text-dim);margin-bottom:5px}
.sb-row{display:flex;align-items:center;gap:8px;padding:4px 2px;font-size:12px}
.sb-pos{width:22px;text-align:center}
.sb-n{flex:1;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-t{font-family:var(--mono);color:var(--sand-bright);font-weight:700}
.sb-empty{font-size:11px;color:var(--muted);padding:2px}
/* Spielfeld */
.sg-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.sg-diff{font-weight:700;font-size:14px;color:var(--text)}
.sg-timer{font-family:var(--mono);font-size:17px;font-weight:700;color:var(--sand-bright)}
.sg-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:1px;background:var(--border);
  border:2px solid var(--sand);border-radius:8px;overflow:hidden;aspect-ratio:1;max-width:460px;margin:0 auto 12px}
.sg-loading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;background:var(--surface)}
.sg-cell{background:var(--surface);display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:min(5vw,22px);color:var(--sand-bright);cursor:pointer;
  aspect-ratio:1;user-select:none;position:relative;transition:background .1s}
.sg-cell.given{color:var(--text);font-weight:700;background:var(--surface-2)}
.sg-cell.peer{background:rgba(216,181,106,.07)}
.sg-cell.given.peer{background:rgba(216,181,106,.12)}
.sg-cell.same{background:rgba(216,181,106,.2)}
.sg-cell.sel{background:rgba(216,181,106,.34);box-shadow:inset 0 0 0 2px var(--sand-bright)}
.sg-cell.br{border-right:2px solid var(--sand)}
.sg-cell.bb{border-bottom:2px solid var(--sand)}
.sg-notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;font-style:normal}
.sg-notes i{font-style:normal;font-size:min(2.2vw,9px);color:var(--muted);display:flex;align-items:center;justify-content:center}
/* Zahlenfeld */
.sg-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;max-width:460px;margin:0 auto 10px}
.sg-num{position:relative;aspect-ratio:.8;background:var(--surface-2);border:1px solid var(--border);
  border-radius:8px;color:var(--sand-bright);font-family:var(--mono);font-size:min(4.5vw,19px);font-weight:700;cursor:pointer;transition:.12s}
.sg-num:hover{border-color:var(--sand);transform:translateY(-1px)}
.sg-num.full{opacity:.35}
.sg-num-c{position:absolute;bottom:1px;right:3px;font-size:8px;color:var(--muted);font-weight:400}
.sg-tools{display:flex;gap:6px;max-width:460px;margin:0 auto}
.sg-tool{flex:1;padding:9px 4px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;
  color:var(--text-dim);font-size:12px;cursor:pointer;font-family:inherit;transition:.12s}
.sg-tool:hover{border-color:var(--sand)}
.sg-tool.on{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
.sg-msg{text-align:center;font-size:13px;margin-top:12px;min-height:20px}
.sg-msg.good{color:var(--olive-bright);font-weight:700;font-size:15px}
.sg-msg.bad{color:var(--brick)}
.sg-msg.info{color:var(--text-dim)}
@media (max-width:420px){.solo-diffs{grid-template-columns:1fr 1fr}}

/* ═══ 🂡 Solitär ═══ */
/* 🧩 Knobel-Spielkarten (Lobby-Look, grüner Denk-Akzent) */
.solo-games{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:6px}
@media(min-width:640px){.solo-games{grid-template-columns:repeat(3,1fr)}}
.kcard{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface-2);cursor:pointer;
  transition:transform .16s,border-color .16s;text-align:left;color:var(--text);padding:0}
.kcard:hover{transform:translateY(-3px);border-color:var(--olive)}
.kcard.active{border-color:var(--olive-bright);box-shadow:0 0 0 1px rgba(174,184,111,.4)}
.kc-prev{position:relative;height:150px;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,rgba(174,184,111,.08),transparent),var(--surface-3)}
.kc-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,19,16,.05) 40%,rgba(20,19,16,.82) 100%)}
.kc-ic{position:absolute;top:10px;left:12px;z-index:2;font-size:19px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}
.kc-title{position:absolute;left:13px;bottom:10px;z-index:2}
.kc-nm{font-size:16px;font-weight:700;letter-spacing:-.01em;text-shadow:0 1px 5px rgba(0,0,0,.7)}
.kc-tag{font-family:var(--mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}
.kc-times{display:flex;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface)}
.kt{flex:1;text-align:center;position:relative}
.kt+.kt::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:1px;background:var(--border)}
.kt-l{font-family:var(--mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kt-v{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--olive-bright);margin-top:2px}
.kt-v.none{color:var(--muted)}
.kc-solved{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;font-size:11px;color:var(--text-dim);background:var(--surface);border-top:1px solid var(--border)}
.kc-solved b{color:var(--text)}
.kc-cur{color:var(--olive-bright);font-weight:700;font-family:var(--mono);font-size:10px}
/* Karten-Vorschau-Animationen */
.kna-sud{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(9,13px);grid-auto-rows:13px;background:#20211c;border:2px solid #4a4430;border-radius:4px}
.kna-sud div{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;color:var(--text-dim);border:.5px solid rgba(255,255,255,.05)}
.kna-sud div.g{color:var(--text);font-weight:700}
.kna-sud div.br{border-right:1.5px solid rgba(255,255,255,.22)}
.kna-sud div.bb{border-bottom:1.5px solid rgba(255,255,255,.22)}
.kna-sud div.a span{color:var(--olive-bright);font-weight:700;animation:kn-pop 3.2s ease-in-out infinite}
@keyframes kn-pop{0%,42%{opacity:0;transform:scale(.4)}52%,86%{opacity:1;transform:scale(1)}96%,100%{opacity:0}}
.kna-scan{position:absolute;top:50%;left:50%;width:121px;height:16px;transform:translate(-50%,-50%);border-radius:3px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(194,204,131,.18),transparent);animation:kn-scan 3.2s ease-in-out infinite}
@keyframes kn-scan{0%{margin-top:-52px}50%{margin-top:40px}100%{margin-top:-52px}}
.kn-pc{width:28px;height:39px;border-radius:5px;background:linear-gradient(180deg,#f6f2e8,#e6e0d0);color:#1a1712;font-family:var(--mono);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.45);border:1px solid #cbc5b3;position:relative;flex:none}
.kn-pc.red{color:#c0392b}
.kn-pc.back{background:repeating-linear-gradient(45deg,#2f4d78 0 5px,#284368 5px 10px);border-color:#22375a;color:transparent}
.kn-pc.slot{background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.16);box-shadow:none;color:rgba(255,255,255,.25)}
.kna-sol{position:absolute;inset:0;background:radial-gradient(120% 100% at 50% -10%,var(--felt,#1e3226),var(--felt-2,#16241c))}
.kna-found{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:center;gap:7px}
.kna-tab{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:5px}
.kna-tab .kn-pc{margin-left:-16px}.kna-tab .kn-pc:first-child{margin-left:0}
.kna-mover{position:absolute;left:50%;bottom:18px;margin-left:-14px;z-index:3;animation:kn-move 3s ease-in-out infinite}
@keyframes kn-move{0%{transform:translate(0,0);opacity:0}10%{opacity:1}45%,60%{transform:translate(-54px,-92px)}70%{opacity:1}80%{transform:translate(-54px,-92px);opacity:0}100%{opacity:0}}
.kna-flip{position:absolute;top:14px;right:16px;animation:kn-flip 3s ease-in-out infinite}
@keyframes kn-flip{0%,30%{transform:rotateY(0)}50%,100%{transform:rotateY(180deg)}}
.kna-spi{position:absolute;inset:0;background:radial-gradient(120% 100% at 50% -10%,var(--felt,#1e3226),var(--felt-2,#16241c));display:flex;justify-content:center;gap:8px;padding-top:12px}
.kna-col{display:flex;flex-direction:column}
.kna-col .kn-pc{margin-top:-30px}.kna-col .kn-pc:first-child{margin-top:0}
.kna-run{animation:kn-clear 3.4s ease-in infinite}
.kna-run .kn-pc{box-shadow:0 0 0 1.5px var(--olive-bright),0 2px 6px rgba(0,0,0,.5)}
@keyframes kn-clear{0%,55%{transform:translateY(0);opacity:1}72%{transform:translateY(60px);opacity:1}86%,100%{transform:translateY(120px);opacity:0}}
/* Schwierigkeits-Karten */
.kn-diff{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--surface-2);transition:.15s}
.kn-diff:hover{border-color:var(--olive)}
.kn-diff.best{border-color:rgba(174,184,111,.45)}
.kn-diff-ic{width:42px;height:42px;flex:none;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:22px;background:radial-gradient(120% 120% at 30% 20%,rgba(174,184,111,.16),rgba(0,0,0,.15));border:1px solid var(--border)}
.kn-diff-main{flex:1;min-width:0}
.kn-diff-nm{font-size:15px;font-weight:700}
.kn-diff-desc{font-size:11px;color:var(--muted);margin-top:1px}
.kn-diff-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}
.kn-diff-stat{font-family:var(--mono);font-size:11px;color:var(--text-dim)}
.kn-diff-stat b{color:var(--olive-bright);font-weight:700}
.kn-diff-stat b.none{color:var(--muted)}
.kn-diff-stat.rw{color:var(--sand-bright)}
.kn-diff-go{flex:none;background:var(--olive-bright);color:#141810;border:none;border-radius:10px;padding:10px 16px;font-family:var(--sans);font-weight:800;font-size:13px;cursor:pointer;transition:.13s}
.kn-diff-go:hover{filter:brightness(1.06);transform:translateY(-1px)}
/* Bestzeiten-Chips */
.sb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}
.sb-chip{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--text-dim);background:var(--surface-3);border:1px solid var(--border);border-radius:20px;padding:6px 11px;cursor:pointer;transition:.13s}
.sb-chip:hover{color:var(--text);border-color:var(--muted)}
.sb-chip.on{color:#141810;background:var(--olive-bright);border-color:var(--olive-bright);font-weight:700}
.sb-list{display:flex;flex-direction:column}
.sb-row.me{background:rgba(174,184,111,.09);margin:0 -6px;padding-left:6px;padding-right:6px;border-radius:8px}
.sb-t{color:var(--olive-bright)}
.sb-row.gold .sb-t{color:var(--sand-bright)}
/* 🏆 Tagesprämie + Champion-Glanz (geteilt-artig; sb- Knobel, agb- Arcade) */
.sb-prize,.agb-prize{font-family:var(--mono);font-size:10.5px;color:var(--text-dim);background:linear-gradient(90deg,rgba(226,161,73,.16),rgba(226,161,73,.03));border:1px solid rgba(226,161,73,.4);border-radius:9px;padding:6px 9px;margin:6px 0 8px;line-height:1.5}
.sb-prize b,.agb-prize b{color:var(--sand-bright)}
.sb-prize span,.agb-prize span{text-transform:uppercase;letter-spacing:.06em;font-size:9px;opacity:.85}
.sb-crown,.agb-crown{display:inline-block;animation:rkCrown 1.6s ease-in-out infinite;transform-origin:center bottom}
@keyframes rkCrown{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-2px) rotate(6deg)}}
.sb-streak,.agb-streak{font-family:var(--mono);font-size:9.5px;font-weight:700;color:#e0552b;background:rgba(224,85,43,.14);border-radius:20px;padding:1px 6px;margin-left:6px}
.sb-row.champ,.agb-row.champ{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(236,202,129,.22),rgba(236,202,129,.05));border-radius:8px}
.sb-row.champ::after,.agb-row.champ::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 40%,rgba(255,247,224,.5) 50%,transparent 60%);
  background-size:250% 100%;animation:rkShine 2.6s linear infinite}
@keyframes rkShine{0%{background-position:120% 0}100%{background-position:-120% 0}}
.sb-row.champ .sb-n,.agb-row.champ .agb-u{font-weight:800;color:var(--sand-bright)}
/* 🏆/♾️ Umschalter Wochen- vs. ewige Wertung */
.rek-tabs{display:flex;gap:6px;margin:2px 0 8px}
.rek-tab{flex:1;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--text-dim);background:var(--surface-2,#1c150d);border:1px solid var(--border);border-radius:8px;padding:6px 8px;cursor:pointer;transition:.15s}
.rek-tab:hover{color:var(--text)}
.rek-tab.on{color:#1a1206;background:linear-gradient(90deg,var(--sand-bright,#e2a149),#d0912e);border-color:var(--sand-bright,#e2a149)}
.rek-reset{float:right;font-size:9.5px;font-weight:700;color:var(--sand-bright);opacity:.9}
.sb-prize.sb-eternal,.agb-prize.agb-eternal{background:linear-gradient(90deg,rgba(150,170,210,.16),rgba(150,170,210,.03));border-color:rgba(150,170,210,.4)}
.sb-eternal b,.agb-eternal b,.sb-eternal span,.agb-eternal span{color:#aebfe0}
.sol-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}
.sol-deck{display:flex;gap:6px}
.sol-founds{display:flex;gap:4px}
.sol-slot{position:relative;width:clamp(38px,11vw,54px);height:clamp(54px,15.4vw,76px);flex-shrink:0}
.sol-card{position:relative;width:100%;height:100%;border-radius:6px;background:#f4f1e8;border:1px solid #b9b3a3;
  display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1a1a1a;
  font-family:var(--mono);font-weight:700;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.4);user-select:none;overflow:hidden}
.sol-card.red{color:#c0392b}
/* Eck-Index oben links – bleibt im schmalen sichtbaren Streifen immer lesbar */
.sol-idx{position:absolute;top:2px;left:4px;font-size:clamp(10px,2.7vw,13px);font-weight:700;line-height:1;letter-spacing:-.5px}
.sol-card.tiny .sol-idx{top:1px;left:2px;font-size:clamp(8px,2.3vw,11px);letter-spacing:-1px}
.sol-card.back .sol-idx{display:none}
.sol-card.back{background:repeating-linear-gradient(45deg,#7a512e 0 5px,#5e3d22 5px 10px);border-color:#4a2f1a}
.sol-card.sel{outline:3px solid var(--sand-bright);outline-offset:-1px;box-shadow:0 0 10px var(--ring)}
.sol-r{font-size:clamp(11px,3.2vw,16px)}
.sol-s{font-size:clamp(10px,3vw,15px)}
.sol-empty{width:100%;height:100%;border-radius:6px;border:1.5px dashed var(--border);
  display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px}
.sol-empty.suit{font-size:20px}
.sol-empty.suit.red{color:#c0392b;opacity:.5}
.sol-empty.dead{opacity:.4}
.sol-wc{position:absolute;top:0;width:clamp(38px,11vw,54px);height:100%}
.sol-tab{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(2px,1vw,6px);margin-bottom:12px}
.sol-col{position:relative;min-height:180px;cursor:pointer}
.sol-tc{position:absolute;left:0;right:0;height:clamp(54px,15.4vw,76px)}
.sol-empty.col{height:clamp(54px,15.4vw,76px)}
@media (max-width:420px){.sol-r{font-size:10px}.sol-s{font-size:9px}.sol-col{min-height:150px}}

/* ═══ 🕷️ Spider-Solitär ═══ */
.spi-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.spi-done{font-size:12px;color:var(--text-dim)}
.spi-done b{color:var(--sand-bright);font-family:var(--mono)}
.spi-deal{padding:8px 14px;background:var(--sand);color:#241b13;border:none;border-radius:9px;
  font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}
.spi-deal:disabled{opacity:.4;cursor:default;background:var(--surface-2);color:var(--muted)}
.spi-tab{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin-bottom:12px}
.spi-col{position:relative;min-height:240px;cursor:pointer}
.spi-tc{position:absolute;left:0;right:0;height:clamp(34px,9vw,50px)}
.sol-card.tiny{border-radius:4px}
.sol-card.tiny .sol-r{font-size:clamp(8px,2.4vw,13px)}
.sol-card.tiny .sol-s{font-size:clamp(7px,2.1vw,11px)}
.spi-col .sol-empty.col{height:clamp(34px,9vw,50px)}
@media (max-width:520px){.spi-col{min-height:200px}}

/* ═══ 🥷 Dieb & Versicherung ═══ */
.ins-hero{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;margin-bottom:12px;border:1px solid var(--border)}
.ins-hero.safe{background:linear-gradient(160deg,rgba(122,143,74,.2),rgba(122,143,74,.05))}
.ins-hero.risk{background:linear-gradient(160deg,rgba(207,106,79,.2),rgba(207,106,79,.05))}
.ins-hero.calm{background:rgba(0,0,0,.12)}
.ins-ico{font-size:30px;line-height:1;flex-shrink:0}
.ins-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ins-txt b{font-size:14px;color:var(--text)}
.ins-txt span{font-size:11px;color:var(--text-dim);line-height:1.35}
.ins-info{display:flex;gap:8px;margin-bottom:10px}
/* 🔐 Schutz-Upgrades */
.ins-up{margin-top:12px;padding:12px;border-radius:11px;border:1px solid var(--border);background:rgba(0,0,0,.14)}
.ins-up-h{font-size:12.5px;color:var(--text-dim);margin-bottom:8px}.ins-up-h b{color:var(--sand-bright)}
.ins-segs{display:flex;gap:5px;margin-bottom:10px}
.ins-seg{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.08);border:1px solid var(--border)}
.ins-seg.on{background:linear-gradient(90deg,var(--olive),var(--sand-bright));border-color:transparent}
.ins-up-btn{width:100%;margin-top:4px}
.ins-up-max{text-align:center;font-size:12.5px;font-weight:700;color:var(--olive-bright);padding:6px}
/* 🏛️ Vermögenssteuer-Karte */
.wt-card{margin-top:14px;padding:14px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(216,181,106,.10),rgba(0,0,0,.10))}
.wt-h{font-weight:700;font-size:14px;color:var(--sand-bright);margin-bottom:4px}
.wt-sub{font-size:11px;color:var(--text-dim);line-height:1.4;margin-bottom:10px}
.wt-due{color:var(--brick)!important}
.wt-tiers{display:flex;flex-direction:column;gap:3px;margin-top:4px}
.wt-tier{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;
  padding:5px 9px;border-radius:7px;background:rgba(0,0,0,.16)}
.wt-tier span{color:var(--text-dim)}
.wt-tier b{color:var(--sand-bright)}
.wt-tier.free b{color:var(--olive-bright)}
.ins-buy{display:flex;gap:6px;margin-bottom:10px}
.ins-opt{flex:1;position:relative;padding:10px 4px;background:var(--surface-2);border:1px solid var(--border);
  border-radius:10px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:2px;align-items:center;transition:.14s}
.ins-opt:hover{border-color:var(--sand);transform:translateY(-1px)}
.io-t{font-size:12px;color:var(--text);font-weight:700}
.io-p{font-family:var(--mono);font-size:12px;color:var(--sand-bright)}
.io-s{position:absolute;top:-6px;right:-4px;background:var(--olive-bright);color:#1a1a12;font-size:9px;
  font-weight:800;padding:1px 5px;border-radius:8px}
.ins-auto{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);cursor:pointer;margin-bottom:4px}
.ins-auto input{width:16px;height:16px;accent-color:var(--sand)}
.ins-recent-h{font-size:12px;font-weight:700;color:var(--muted);margin:14px 0 6px}
.ins-rec{display:flex;align-items:center;gap:8px;padding:5px 2px;font-size:12px;border-bottom:1px solid var(--border-soft)}
.ir-n{font-weight:600;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ir-s{font-size:10px;color:var(--olive-bright)}
.ir-a{font-family:var(--mono);color:var(--brick);font-weight:700;white-space:nowrap}
/* Meldung beim Login */
.tn-card{position:relative;z-index:1;width:min(400px,92vw);background:var(--surface);border:1px solid var(--border);
  border-radius:18px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.tn-h{font-size:17px;font-weight:800;color:var(--sand-bright);text-align:center;margin-bottom:14px}
.tn-row{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;margin-bottom:8px}
.tn-row.good{background:rgba(122,143,74,.16)}
.tn-row.mid{background:rgba(226,161,73,.16)}
.tn-row.bad{background:rgba(207,106,79,.16)}
.tn-ico{font-size:26px;line-height:1;flex-shrink:0}
.tn-row b{display:block;font-size:14px;color:var(--text);margin-bottom:2px}
.tn-row span{font-size:12px;color:var(--text-dim);line-height:1.4}
.tn-btn{width:100%;margin-top:6px;padding:11px}

/* ═══ 🗿 Ruhmeshalle ═══ */
.mon-intro{font-size:12px;color:var(--text-dim);line-height:1.4;margin-bottom:8px}
.mon-total{font-size:12px;color:var(--muted);margin-bottom:10px}
.mon-total b{color:var(--sand-bright);font-family:var(--mono)}
.mon-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--border-soft)}
.mon-rk{width:22px;text-align:center;font-family:var(--mono);color:var(--muted);font-size:13px}
.mon-n{flex:1;font-weight:700;font-size:13px;color:var(--text);min-width:0}
.mon-note{display:block;font-size:11px;color:var(--text-dim);font-weight:400;font-style:italic}
.mon-a{font-family:var(--mono);font-weight:700;color:var(--sand-bright);white-space:nowrap;font-size:13px}
.mon-empty{padding:14px;text-align:center;color:var(--muted);font-size:12px}
.mon-form{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}

/* ═══ 📊 Wirtschaft ═══ */
.eco-top{text-align:center;padding:14px;border-radius:12px;margin-bottom:10px;
  background:linear-gradient(160deg,rgba(216,181,106,.16),rgba(216,181,106,.04))}
.eco-big{font-family:var(--mono);font-weight:800;font-size:28px;color:var(--sand-bright);line-height:1.1}
.eco-big span{font-size:19px}
.eco-sub{font-size:11px;color:var(--text-dim);margin-top:3px}
.eco-chart{width:100%;height:110px;display:block;background:rgba(0,0,0,.12);border-radius:10px}
.eco-chart-l{font-size:10px;color:var(--muted);text-align:center;margin:4px 0 12px}
.eco-tabs{display:flex;gap:6px;margin-bottom:10px}
.eco-tab{flex:1;padding:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);
  border-radius:9px;font-size:12px;cursor:pointer;font-family:inherit}
.eco-tab.active{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
.eco-sum{display:flex;gap:6px;margin-bottom:8px}
.eco-s{flex:1;background:rgba(0,0,0,.14);border-radius:9px;padding:8px 5px;text-align:center}
.eco-s span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.eco-s b{font-family:var(--mono);font-size:13px}
.eco-s.in b{color:var(--olive-bright)}
.eco-s.out b{color:var(--brick)}
.eco-s.net-up b{color:var(--amber)}
.eco-s.net-down b{color:var(--olive-bright)}
.eco-note{font-size:11px;color:var(--text-dim);text-align:center;margin-bottom:12px;line-height:1.4}
.eco-row{margin-bottom:7px}
.eco-rh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}
.eco-nm{font-size:12px;color:var(--text)}
.eco-v{font-family:var(--mono);font-size:12px;font-weight:700}
.eco-v.in{color:var(--olive-bright)}
.eco-v.out{color:var(--brick)}
.eco-bar{height:6px;background:rgba(0,0,0,.25);border-radius:4px;overflow:hidden}
.eco-fill{height:100%;border-radius:4px}
.eco-fill.src{background:var(--olive-bright)}
.eco-fill.sink{background:var(--brick)}
.eco-fill.game{background:var(--sand)}
.eco-fill.neu{background:var(--muted)}
.eco-wl-h{font-size:12px;font-weight:700;color:var(--muted);margin:14px 0 6px}
.eco-wl-box{display:flex;flex-direction:column;gap:4px}
.eco-wl{display:flex;justify-content:space-between;align-items:center;padding:6px 9px;border-radius:8px;font-size:12px}
.eco-wl.up{background:rgba(122,143,74,.14)}
.eco-wl.down{background:rgba(207,106,79,.14)}
.eco-wl span{font-weight:600;color:var(--text)}
.eco-wl b{font-family:var(--mono)}
.eco-wl.up b{color:var(--olive-bright)}
.eco-wl.down b{color:var(--brick)}
.eco-none{font-size:11px;color:var(--muted);padding:4px}
/* Abschnitts-Kopf & Casino-Bilanz */
.eco-sec{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 9px;
  padding-bottom:6px;border-bottom:1px solid var(--border)}
.eco-sec-t{font-size:13px;font-weight:700;color:var(--sand-bright)}
.eco-sec-v{font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--muted)}
.eco-sec-v.win{color:var(--olive-bright)} .eco-sec-v.lose{color:var(--brick)}
.eco-sec-h{font-size:10.5px;color:var(--text-dim);margin:-4px 0 9px;line-height:1.35}
.egm{margin-bottom:10px}
.egm-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px;gap:8px}
.egm-n{font-size:12.5px;color:var(--text);font-weight:600}
.egm-net{font-family:var(--mono);font-size:12.5px;font-weight:800;white-space:nowrap}
.egm-net.win{color:var(--olive-bright)} .egm-net.lose{color:var(--brick)}
.egm-track{height:7px;background:rgba(0,0,0,.22);border-radius:5px;overflow:hidden}
.egm-bar{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--olive),var(--sand-bright))}
.egm.lose .egm-bar{background:linear-gradient(90deg,#b9563f,var(--brick))}
.egm-m{font-size:10px;color:var(--muted);margin-top:3px;font-family:var(--mono);letter-spacing:-.1px}

/* ═══ Unter-Tabs (Bank) ═══ */
.sub-tabs{display:flex;gap:5px;margin-bottom:12px;flex-wrap:wrap}
.sub-tab{flex:1;min-width:78px;padding:9px 6px;border:1px solid var(--border);background:var(--surface-2);
  color:var(--text-dim);border-radius:10px;font-size:12px;cursor:pointer;font-family:inherit;
  transition:.14s;white-space:nowrap}
.sub-tab:hover{border-color:var(--sand)}
.sub-tab.active{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
/* 💰 Bank-Übersicht (Bargeld/Sparkonto/Vermögen + Aktionen, immer sichtbar) */
.bank-ov{border:1px solid rgba(216,181,106,.3);border-radius:14px;padding:13px;margin-bottom:12px;
  background:radial-gradient(130% 100% at 15% 0%,rgba(216,181,106,.12),transparent 55%),var(--surface-2)}
.bank-ov-row{display:flex;gap:8px;margin-bottom:12px}
.bank-ov-tile{flex:1;text-align:center;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:11px;padding:9px 5px}
.bov-l{font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bov-v{font-family:var(--mono);font-size:15px;font-weight:700;margin-top:3px;color:var(--text)}
.bov-v.big{color:var(--sand-bright);font-size:17px}
.bank-ov-acts{display:flex;gap:8px}
.bank-ov-acts .btn{flex:1}
/* ⚙️ Profil-Zahnrad + Einstellungs-Fenster */
.prof-gear{position:absolute;top:11px;right:11px;z-index:3;width:32px;height:32px;border-radius:9px;background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.14);color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.13s}
.prof-gear:hover{background:rgba(0,0,0,.55);border-color:var(--sand-bright)}
.set-card{position:relative;z-index:1;width:min(380px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:18px;
  padding:22px 18px 18px;box-shadow:0 20px 60px rgba(0,0,0,.55)}
.set-h{font-size:17px;font-weight:800;margin-bottom:14px}
.set-sec{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sand-bright);margin-bottom:10px}
.set-acts{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}
/* 🔒 Privatsphäre-Einstellungen */
.set-card{max-height:88vh;overflow:auto}
.priv-hint{font-size:12px;color:var(--text-dim);line-height:1.5;margin-bottom:12px}
.priv-body{display:flex;flex-direction:column;gap:8px}
.priv-row{display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:10px 12px}
.priv-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.priv-txt b{font-size:13.5px;color:var(--text)}
.priv-desc{font-size:11.5px;color:var(--text-dim);line-height:1.4}
.priv-sel{flex:none;background:var(--surface-3);border:1px solid var(--border);color:var(--text);font-size:12px;padding:7px 8px;border-radius:8px;font-family:var(--mono)}
/* Toggle-Switch aus der Checkbox */
.priv-switch{-webkit-appearance:none;appearance:none;flex:none;width:44px;height:25px;border-radius:20px;background:var(--surface-3);border:1px solid var(--border);position:relative;cursor:pointer;transition:.18s}
.priv-switch::after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:var(--text-dim);transition:.18s}
.priv-switch:checked{background:linear-gradient(135deg,var(--sand),var(--sand-bright));border-color:#a9781c}
.priv-switch:checked::after{transform:translateX(19px);background:#2a1e08}
/* ═══ Trenner in der Hauptnavigation ═══ */
.nav-sep{display:inline-block;width:1px;align-self:stretch;min-height:20px;
  background:var(--border);margin:0 4px;flex-shrink:0}
@media (max-width:560px){.nav-sep{display:none}.sub-tab{font-size:11px;min-width:70px}}

/* ═══ Disclaimer auf der Anmeldeseite ═══ */
.disclaimer{max-width:420px;margin:18px auto 0;text-align:left}
.disc-top{font-size:12px;color:var(--muted);text-align:center;letter-spacing:.02em}
.disc-more{margin-top:8px}
.disc-more summary{font-size:12px;color:var(--text-dim);cursor:pointer;text-align:center;
  padding:7px;border:1px solid var(--border);border-radius:9px;list-style:none;transition:.14s}
.disc-more summary::-webkit-details-marker{display:none}
.disc-more summary:hover{border-color:var(--sand);color:var(--sand-bright)}
.disc-more summary::after{content:' ▾'}
.disc-more[open] summary::after{content:' ▴'}
.disc-more p{font-size:11px;color:var(--text-dim);line-height:1.55;margin:10px 2px}
.disc-more p b{color:var(--text)}
.disc-help{border-top:1px solid var(--border);padding-top:10px;margin-top:12px!important;color:var(--muted)!important}
.disc-help b{color:var(--sand-bright)!important;font-family:var(--mono)}

/* ═══ ⛳ Hühner-Golf ═══ */
.golf-intro{font-size:12px;color:var(--text-dim);line-height:1.45;margin-bottom:12px}
.golf-diffs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:12px}
.golf-diff{background:var(--surface-2);border:2px solid var(--border);border-radius:12px;padding:10px 6px;
  cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;transition:.14s}
.golf-diff:hover{border-color:var(--sand);transform:translateY(-1px)}
.golf-diff.active{border-color:var(--sand-bright);background:var(--surface-3)}
.gd-ico{font-size:22px;line-height:1}
.gd-n{font-weight:700;font-size:13px;color:var(--text)}
.gd-d{font-size:9px;color:var(--muted);line-height:1.25}
.gd-r{font-family:var(--mono);font-size:11px;color:var(--sand-bright)}
.golf-item{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--border-soft)}
.gi-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.gi-l b{font-family:var(--mono);color:var(--sand-bright);font-size:13px}
.gi-h{font-size:11px;color:var(--text-dim)}
.gi-d{font-size:10px;color:var(--muted)}
.gi-p{font-size:10px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.golf-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.golf-info{font-size:12px;color:var(--text-dim);font-family:var(--mono)}
.golf-board{position:relative;margin-bottom:10px}
#golf-canvas{width:100%;height:auto;display:block;border-radius:12px;border:2px solid var(--border);
  background:#2c4a26;touch-action:none;cursor:crosshair}
.golf-turn{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.62);
  color:#fff;font-size:12px;padding:4px 12px;border-radius:20px;white-space:nowrap;pointer-events:none}
.golf-ctrl{margin-bottom:10px}
.golf-hint,.golf-wait{font-size:12px;color:var(--text-dim);text-align:center;padding:9px;
  background:rgba(0,0,0,.14);border-radius:9px}
.golf-score{margin-bottom:8px}
.gs-head{font-size:11px;color:var(--muted);margin-bottom:4px}
.gs-row{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:7px;font-size:12px}
.gs-row.me{background:rgba(216,181,106,.1)}
.gs-row.turn{box-shadow:inset 0 0 0 1px var(--sand)}
.gs-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.4);flex-shrink:0}
.gs-n{flex:1;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-s{font-family:var(--mono);color:var(--sand-bright);font-weight:700}
.golf-log{display:flex;flex-direction:column;gap:2px}
.gl-row{font-size:11px;color:var(--text-dim);padding:2px 4px}
@media (max-width:480px){.golf-diffs{grid-template-columns:1fr}.gd-d{font-size:10px}}

.golf-buyin{background:rgba(0,0,0,.14);border-radius:11px;padding:11px;margin-bottom:10px}
.golf-buyin-h{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--text-dim);margin-bottom:6px}
.golf-buyin-h b{font-family:var(--mono);color:var(--sand-bright);font-size:14px}
.golf-buyin input[type=range]{width:100%;accent-color:var(--sand)}
.golf-pot-hint{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.35}
/* ═══ 💡 Ideen ═══ */
.idea-form{display:flex;flex-direction:column;gap:8px}
.idea-ta{resize:vertical;font-family:inherit;font-size:13px;line-height:1.5}
.idea-priv{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-dim);cursor:pointer}
.idea-priv input{width:16px;height:16px;accent-color:var(--sand);flex-shrink:0;margin-top:1px}
.idea-filters{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}
.idea-f{padding:6px 11px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);
  border-radius:16px;font-size:12px;cursor:pointer;font-family:inherit}
.idea-f.active{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
#idea-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:560px){#idea-list{grid-template-columns:1fr}}
.idea-card{display:flex;flex-direction:column;gap:6px;padding:11px;background:var(--surface-2);
  border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:.14s}
.idea-card:hover{border-color:var(--sand);transform:translateY(-1px)}
.ic-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ic-votes{flex-shrink:0;display:flex;align-items:baseline;gap:5px}
.ic-score{min-width:34px;text-align:center;font-family:var(--mono);font-weight:800;
  font-size:15px;color:var(--muted);background:rgba(0,0,0,.22);border-radius:8px;padding:3px 7px}
.ic-score.pos{color:var(--olive-bright)}.ic-score.neg{color:var(--brick)}
.ic-main{flex:1;min-width:0}
.ic-title{font-weight:700;font-size:14px;color:var(--text);line-height:1.3}
.ic-meta{font-size:11px;color:var(--muted);margin-top:2px}
.ic-st{font-size:10px;font-weight:700;padding:3px 9px;border-radius:12px;white-space:nowrap;flex-shrink:0;align-self:flex-start;
  background:color-mix(in srgb,var(--sc,#d8b56a) 20%,transparent);color:var(--sc,#d8b56a);border:1px solid color-mix(in srgb,var(--sc,#d8b56a) 45%,transparent)}
.id-panel{margin-top:10px}
.id-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px}
.id-title{font-size:17px;font-weight:800;color:var(--sand-bright);line-height:1.25}
.id-meta{font-size:11px;color:var(--muted);margin-bottom:10px}
.id-body{font-size:13px;color:var(--text);line-height:1.6;margin-bottom:14px}
/* 💡 Rich-Content (gerenderte Idee + Live-Vorschau) */
.id-rich .id-pp{margin:0 0 7px;word-break:break-word}
.id-rich .id-sp{height:7px}
.id-rich .id-h{font-weight:800;color:var(--sand-bright);line-height:1.25;margin:12px 0 6px}
.id-rich .id-h1{font-size:19px} .id-rich .id-h2{font-size:16px} .id-rich .id-h3{font-size:14px;color:var(--text)}
.id-rich .id-ul,.id-rich .id-ol{margin:2px 0 9px;padding-left:22px}
.id-rich .id-ul li,.id-rich .id-ol li{margin:2px 0;line-height:1.5}
.id-rich .id-ul{list-style:none} .id-rich .id-ul li::before{content:"🐔";font-size:9px;margin-left:-18px;margin-right:8px;opacity:.8}
.id-rich .id-q{margin:6px 0 9px;padding:6px 12px;border-left:3px solid var(--sand);background:rgba(216,181,106,.09);border-radius:0 8px 8px 0;color:var(--text-dim);font-style:italic}
.id-rich .id-hr{border:none;border-top:1px solid var(--border);margin:12px 0}
.id-rich code{background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-family:var(--mono);font-size:.9em}
.id-rich a{color:var(--sand-bright);text-decoration:underline}
.id-rich b{color:var(--text)}
/* 💡 Editor */
.idea-editor .idea-form{display:flex;flex-direction:column;gap:9px}
.idea-title-in{font-weight:700;font-size:15px}
.idea-ed-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}
.idea-ed-tabs{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;overflow:hidden}
.idea-ed-tab{font-family:inherit;font-size:12px;font-weight:700;color:var(--text-dim);background:none;border:none;padding:6px 12px;cursor:pointer;transition:.14s}
.idea-ed-tab+.idea-ed-tab{border-left:1px solid var(--border)}
.idea-ed-tab.on{background:linear-gradient(135deg,var(--sand),var(--sand-bright));color:#241a08}
.idea-draft{font-size:11px;color:var(--olive-bright);font-weight:700;opacity:0;transform:translateY(-2px);transition:.2s}
.idea-draft.show{opacity:1;transform:none}
.idea-toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:5px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;transition:.15s}
.idea-toolbar.off{opacity:.35;pointer-events:none}
.itb{min-width:30px;height:30px;padding:0 7px;font-family:var(--sans);font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:7px;cursor:pointer;transition:.12s;display:inline-flex;align-items:center;justify-content:center}
.itb:hover{border-color:var(--sand);color:var(--sand-bright);transform:translateY(-1px)}
.itb:active{transform:translateY(0)}
.itb-sep{width:1px;align-self:stretch;background:var(--border);margin:2px 3px}
.idea-ta-big{min-height:180px;line-height:1.55;font-size:13.5px;resize:vertical}
.idea-prev{min-height:180px;max-height:420px;overflow:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--text);line-height:1.6}
.id-prev-empty{color:var(--muted);font-style:italic;text-align:center;padding:22px 0}
.idea-ed-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.idea-count{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}
.idea-count.warn{color:var(--brick);font-weight:700}
.idea-submit{margin-top:2px}
/* 📋 Roadmap-Board */
.idea-viewbar{display:flex;gap:6px;margin:10px 0 4px;background:rgba(0,0,0,.28);border:1px solid var(--border);border-radius:14px;padding:4px}
.idea-vtab{flex:1;border:0;background:transparent;color:var(--text-dim);font-weight:800;font-size:13px;padding:8px 10px;border-radius:11px;cursor:pointer;transition:.18s}
.idea-vtab:hover{color:var(--text)}
.idea-vtab.on{background:linear-gradient(135deg,#d8b56a,#c79a4a);color:#3a2c12;box-shadow:0 2px 10px rgba(216,181,106,.3)}
#idea-board{margin-top:8px}
.kb-hint{font-size:12px;color:var(--text-dim);margin:2px 2px 12px;line-height:1.5}
.kb-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:820px){.kb-cols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.kb-cols{grid-template-columns:1fr}}
.kb-col{background:rgba(0,0,0,.24);border:1px solid var(--border);border-radius:14px;padding:8px;min-height:80px}
.kb-open .kb-col-h{color:#d8b56a}.kb-accepted .kb-col-h{color:#6aa0d8}.kb-progress .kb-col-h{color:#b98cec}.kb-done .kb-col-h{color:#aeb86f}
.kb-col-h{font-weight:800;font-size:13px;display:flex;align-items:center;gap:6px;padding:4px 6px 10px;border-bottom:1px solid var(--border);margin-bottom:8px}
.kb-n{margin-left:auto;font-family:var(--mono);font-size:11px;background:rgba(0,0,0,.35);border-radius:10px;padding:2px 8px;color:var(--text-dim)}
.kb-cards{display:flex;flex-direction:column;gap:8px}
.kb-empty{font-size:11px;color:var(--text-dim);text-align:center;padding:14px 0;opacity:.6}
.kb-card{background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(0,0,0,.15));border:1px solid var(--border);border-radius:12px;padding:10px;cursor:pointer;transition:.16s}
.kb-card:hover{transform:translateY(-2px);border-color:rgba(216,181,106,.5);box-shadow:0 4px 14px rgba(0,0,0,.3)}
.kb-card.hi{border-left:3px solid #cf6a4f}
.kb-card-t{font-weight:700;font-size:13px;line-height:1.35;margin-bottom:6px}
.kb-sec{font-size:10px;color:#e0b050;background:rgba(224,176,80,.12);border-radius:7px;padding:3px 7px;margin-bottom:6px}
.kb-cprio{font-size:10px;margin-bottom:5px}
.kb-prog{display:flex;align-items:center;gap:6px;margin-top:6px}
.kb-prog-bar{flex:1;height:7px;background:rgba(0,0,0,.4);border-radius:6px;overflow:hidden}
.kb-prog-fill{height:100%;background:linear-gradient(90deg,#d8b56a,#c79a4a);border-radius:6px;transition:width .5s}
.kb-prog-fill.full{background:linear-gradient(90deg,#8fd6a0,#6db97f)}
.kb-prog-v{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--text-dim)}
.kb-tn{font-size:10px;color:var(--text-dim);margin-top:5px}.kb-tn.empty{opacity:.55;font-style:italic}
/* Board-Modal */
.kbm-ov{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;padding:16px}
.kbm-bg{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}
.kbm-card{position:relative;z-index:1;width:min(560px,100%);max-height:88vh;overflow:auto;background:var(--panel,#241d15);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.55)}
.kbm-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.kbm-title{font-weight:800;font-size:16px;line-height:1.3;flex:1}
.kbm-x{border:0;background:rgba(0,0,0,.3);color:var(--text-dim);width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:15px;flex-shrink:0}
.kbm-x:hover{color:var(--text);background:rgba(0,0,0,.5)}
.kbm-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.kbm-lanes{display:flex;align-items:center;gap:6px}
.kbm-mv{border:1px solid var(--border);background:rgba(0,0,0,.3);color:var(--text);width:30px;height:26px;border-radius:8px;cursor:pointer;font-size:12px}
.kbm-mv:hover:not(:disabled){background:rgba(216,181,106,.25)}.kbm-mv:disabled{opacity:.3;cursor:default}
.kbm-prio{font-size:11px;color:var(--text-dim);margin-left:auto}
.kbm-prog{background:rgba(0,0,0,.28);border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-bottom:12px}
.kbm-prog .kb-prog-bar{height:10px}
.kbm-prog-l{font-size:11px;color:var(--text-dim);margin-top:7px}.kbm-prog-l b{color:#d8b56a;font-size:13px}
.kbm-list{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}
.kt-empty{font-size:12px;color:var(--text-dim);text-align:center;padding:16px 0;opacity:.7}
.kt{display:flex;gap:9px;background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:11px;padding:9px 10px}
.kt.done{opacity:.62}
.kt-chk{flex-shrink:0;width:24px;height:24px;border-radius:7px;border:2px solid var(--border);background:transparent;color:#8fd6a0;font-weight:900;font-size:14px;cursor:pointer;line-height:1;transition:.15s}
.kt-chk.on{background:#6db97f;border-color:#6db97f;color:#153a20}
.kt-chk:disabled{cursor:default}
.kt-main{flex:1;min-width:0;text-align:left}
.kt-text{font-size:13px;font-weight:600;line-height:1.35}.kt.done .kt-text{text-decoration:line-through}
.kt-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px;font-size:10px}
.kt-prio{font-weight:700;color:var(--pc,#d8b56a);border:1px solid color-mix(in srgb,var(--pc,#d8b56a) 45%,transparent);border-radius:9px;padding:1px 7px}
.kt-w{font-family:var(--mono);color:var(--text-dim)}
.kt-note{color:#e0b050;background:rgba(224,176,80,.1);border-radius:7px;padding:1px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kt-ctrls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px}
.kt-ctrls button{border:1px solid var(--border);background:rgba(0,0,0,.28);color:var(--text-dim);border-radius:7px;padding:3px 7px;font-size:11px;cursor:pointer;line-height:1}
.kt-ctrls button:hover{color:var(--text);background:rgba(216,181,106,.2)}
.kt-ctrls .kt-c-prio{color:#d8b56a}.kt-ctrls .kt-c-del:hover{background:rgba(207,106,79,.3);color:#f2b9a8}
.kt-wv{font-family:var(--mono);font-size:11px;color:var(--text);min-width:14px;text-align:center}
.kbm-add{display:flex;gap:7px;margin-bottom:10px}.kbm-add .pay-in{flex:1}
.kbm-import{margin-bottom:10px;background:rgba(0,0,0,.18);border:1px solid var(--border);border-radius:11px;padding:4px 10px}
.kbm-import summary{cursor:pointer;font-size:12px;font-weight:700;color:#b98cec;padding:6px 0;list-style:none}
.kbm-import summary::-webkit-details-marker{display:none}
.kbm-import summary::before{content:'▸ ';color:var(--text-dim)}
.kbm-import[open] summary::before{content:'▾ '}
.kbm-import textarea.pay-in{width:100%;margin:6px 0 8px;font-family:var(--mono);font-size:11px;line-height:1.5;resize:vertical;min-height:70px}
.kbm-import-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-bottom:8px}
.kbm-import-hint{font-size:11px;color:var(--text-dim)}
.kbm-open{width:100%}
/* 🐔 Hühner-Captcha */
.cap-ov{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(6,8,6,.66);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}
.cap-ov.show{opacity:1}
.cap-card{width:min(360px,94vw);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6);overflow:hidden;transform:scale(.94);transition:transform .2s}
.cap-ov.show .cap-card{transform:scale(1)}
.cap-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:linear-gradient(135deg,#4a8f3a,#6ec24a);color:#0e1a08}
.cap-logo{font-weight:800;font-size:14px}
.cap-sub{font-size:9px;font-weight:700;letter-spacing:.12em;opacity:.75;font-family:var(--mono)}
.cap-head{padding:14px 16px 10px;font-size:15px;color:var(--text);text-align:center;line-height:1.4}
.cap-head b{color:var(--sand-bright)}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px}
.cap-tile{position:relative;aspect-ratio:1;font-size:27px;line-height:1;background:var(--surface-2);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:.1s;display:flex;align-items:center;justify-content:center;user-select:none}
.cap-tile:hover{border-color:var(--muted);transform:translateY(-1px)}
.cap-tile:active{transform:scale(.94)}
.cap-tile.sel{border-color:var(--olive-bright);background:rgba(122,143,74,.28)}
.cap-tile.sel::after{content:"✓";position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--olive-bright);color:#14200a;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.4)}
.cap-msg{min-height:18px;text-align:center;font-size:12.5px;color:var(--amber);font-weight:700;padding:9px 16px 0}
.cap-acts{display:flex;gap:8px;padding:10px 16px 4px}
.cap-acts .btn{flex:1}
.cap-foot{text-align:center;font-size:10px;color:var(--muted);padding:6px 18px 13px;line-height:1.4}
@keyframes capShake{0%,100%{transform:translateX(0)}18%{transform:translateX(-8px)}36%{transform:translateX(8px)}54%{transform:translateX(-6px)}72%{transform:translateX(5px)}88%{transform:translateX(-3px)}}
.cap-card.shake{animation:capShake .52s}
.id-vote{display:flex;align-items:center;gap:10px;justify-content:center;padding:10px 0;border-top:1px solid var(--border)}
.id-v{width:46px;height:38px;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;
  font-size:17px;cursor:pointer;transition:.14s}
.id-v:hover{border-color:var(--sand)}
.id-v.on{background:rgba(122,143,74,.25);border-color:var(--olive-bright)}
.id-v.down.on{background:rgba(207,106,79,.25);border-color:var(--brick)}
.id-score{font-family:var(--mono);font-weight:800;font-size:19px;color:var(--muted);min-width:46px;text-align:center}
.id-score.pos{color:var(--olive-bright)}.id-score.neg{color:var(--brick)}
.id-closed{text-align:center;font-size:12px;color:var(--muted);padding:10px 0;border-top:1px solid var(--border)}
.id-admin{display:flex;gap:5px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border);margin-top:4px}
.id-sbtn{padding:6px 10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);
  border-radius:8px;font-size:11px;cursor:pointer;font-family:inherit}
.id-sbtn.on{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
.id-del{padding:6px 10px;border:1px solid var(--brick);background:transparent;color:var(--brick);
  border-radius:8px;font-size:11px;cursor:pointer;font-family:inherit;margin-left:auto}
.id-c{background:rgba(0,0,0,.12);border-radius:10px;padding:9px 11px;margin-bottom:6px}
.id-c-h{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.id-c-h b{font-size:12px;color:var(--sand-bright)}
.id-c-h span{font-size:10px;color:var(--muted)}
.id-c-x{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:0 3px}
.id-c-x:hover{color:var(--brick)}
.id-c-b{font-size:12px;color:var(--text);line-height:1.5}
.id-cform{display:flex;flex-direction:column;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
/* 💡 Ideen-Tab – aufgewertet */
.idea-hero{position:relative;overflow:hidden;border-radius:14px;padding:16px 18px;margin-bottom:14px;
  background:linear-gradient(120deg,#3a2a10,#241a0b 60%,#2a2410);border:1px solid rgba(236,202,129,.5)}
.idea-hero-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.idea-spark{position:absolute;top:110%;opacity:.85;animation:evRise linear infinite;filter:drop-shadow(0 0 4px rgba(255,230,150,.5))}
.idea-hero-in{position:relative;z-index:1}
.idea-hero-t{font-size:20px;font-weight:800;color:var(--sand-bright)}
.idea-hero-sub{font-size:12px;color:var(--text-dim);margin-top:3px}
.idea-hero-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.idea-stat{font-family:var(--mono);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;background:rgba(0,0,0,.3);border:1px solid var(--border);color:var(--text-dim)}
.idea-stat.open{color:#8fd6a0;border-color:rgba(143,214,160,.4)}
.idea-stat.mng{color:#e0b050;border-color:rgba(224,176,80,.5)}
.idea-card{position:relative}
.idea-card:hover{box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
.idea-card.prio{border-color:rgba(236,202,129,.55);background:linear-gradient(90deg,rgba(236,202,129,.12),var(--surface-2))}
.ic-votes-l{font-size:8.5px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em}
.ic-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ic-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.ic-chip{font-family:var(--mono);font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ic-chip.prio{background:rgba(242,193,78,.16);color:#f2c14e;border:1px solid rgba(242,193,78,.4)}
.ic-chip.sec{background:rgba(143,107,236,.16);color:#c9b2f2;border:1px solid rgba(143,107,236,.4)}
/* Manager-Werkzeuge im Detail */
.id-mgr{margin-top:12px;padding:12px;border-radius:12px;background:linear-gradient(135deg,rgba(224,176,80,.1),rgba(143,107,236,.06));border:1px solid rgba(224,176,80,.4)}
.id-mgr-h{font-weight:800;color:#e0b050;font-size:13px;margin-bottom:8px}
.id-mgr-h span{font-weight:600;font-size:10px;color:var(--text-dim)}
.id-mgr-lbl{font-size:10.5px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:8px 0 5px}
.id-prio{display:flex;align-items:center;gap:3px}
.id-star{width:30px;height:30px;border:1px solid var(--border);background:var(--surface-2);color:#4a4033;border-radius:7px;font-size:15px;cursor:pointer;transition:.12s}
.id-star:hover{border-color:#e0b050}
.id-star.on{color:#f2c14e;border-color:#e0b050;background:rgba(242,193,78,.12)}
.id-star.clr{color:var(--brick);font-size:12px;margin-left:4px}
.id-prio-v{font-family:var(--mono);font-size:11px;color:var(--text-dim);margin-left:8px}
.id-secret{margin-top:12px;padding:11px;border-radius:10px;background:rgba(143,107,236,.1);border:1px solid rgba(143,107,236,.4)}
.id-secret-h{font-weight:800;color:#c9b2f2;font-size:12.5px;margin-bottom:8px}
.id-secret-h span{font-weight:600;font-size:9.5px;color:var(--text-dim);display:block}
.id-sec-in{margin-bottom:7px}

.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;
  padding:0 4px;margin-left:5px;border-radius:9px;background:var(--brick);color:#fff;
  font-size:10px;font-weight:800;font-family:var(--mono);vertical-align:middle}
/* ═══ Navigation: sauber umbrechen statt überlaufen ═══ */
.tabbar{flex-wrap:wrap;justify-content:center;gap:4px;padding:7px}
.tabbar button{flex:0 1 auto;min-width:0;white-space:nowrap;padding:10px 11px;
  font-size:11px;letter-spacing:.05em}
.tabbar .nav-sep{align-self:center;height:22px;min-height:0;margin:0 2px}
@media (max-width:760px){
  .tabbar button{padding:9px 9px;font-size:10px;letter-spacing:.03em}
  .tabbar{gap:3px}
}
@media (max-width:430px){
  .tabbar .nav-sep{display:none}
  .tabbar button{flex:1 1 28%;padding:9px 4px}
}
/* ═══ Kniffel-Tabelle: Zeilen besser unterscheidbar ═══ */
.kn-board tbody tr:nth-child(even){background:rgba(255,255,255,.035)}
.kn-board tbody tr:hover{background:rgba(216,181,106,.10)}
.kn-board tr.sub,.kn-board tr.total{background:rgba(0,0,0,.22)}
.kn-board td.kn-cat,.kn-board th:first-child{border-right:1px solid var(--border);padding-left:10px}
.kn-board th,.kn-board td{border-bottom:1px solid rgba(255,255,255,.06)}
.kn-board td:not(:first-child){border-left:1px solid rgba(255,255,255,.04)}
/* ═══ 🃏 Video-Poker ═══ */
.vp-wrap{display:grid;grid-template-columns:1fr 210px;gap:14px;align-items:start}
.vp-main{min-width:0}
.vp-hand{display:flex;gap:7px;justify-content:center;margin-bottom:12px}
.vp-card{position:relative;width:clamp(48px,13vw,68px);aspect-ratio:.7;border-radius:8px;background:#f4f1e8;
  border:2px solid #b9b3a3;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#1a1a1a;font-family:var(--mono);font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.4);
  cursor:pointer;transition:transform .14s,border-color .14s;user-select:none}
.vp-card:hover{transform:translateY(-3px)}
.vp-card.red{color:#c0392b}
.vp-card.back{background:repeating-linear-gradient(45deg,#7a512e 0 6px,#5e3d22 6px 12px);border-color:#4a2f1a;cursor:default}
.vp-card.held{border-color:var(--sand-bright);box-shadow:0 0 12px var(--ring);transform:translateY(-6px)}
.vp-r{font-size:clamp(15px,4vw,21px)}
.vp-s{font-size:clamp(13px,3.5vw,18px)}
.vp-tag{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);background:var(--sand);color:#241b13;
  font-size:8px;font-weight:800;padding:2px 6px;border-radius:8px;letter-spacing:.05em}
.vp-hint{text-align:center;font-size:12px;color:var(--text-dim);margin-bottom:10px;min-height:16px}
.vp-side{background:rgba(0,0,0,.18);border:1px solid var(--border);border-radius:12px;padding:11px}
.vp-side-h{font-size:12px;font-weight:700;color:var(--sand-bright);margin-bottom:7px;text-transform:uppercase;letter-spacing:.06em}
.vp-row{display:grid;grid-template-columns:1fr auto;gap:2px 6px;padding:4px 5px;border-radius:6px;margin-bottom:1px}
.vp-row.hit{background:rgba(216,181,106,.24);box-shadow:0 0 0 1px var(--sand)}
.vp-n{font-size:11px;font-weight:700;color:var(--text)}
.vp-m{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--sand-bright);grid-row:1/3;align-self:center}
.vp-d{font-size:9px;color:var(--muted);grid-column:1;line-height:1.25}
.vp-side-note{font-size:10px;color:var(--muted);margin-top:8px;line-height:1.35;border-top:1px solid var(--border);padding-top:7px}
@media (max-width:640px){.vp-wrap{grid-template-columns:1fr}.vp-side{order:2}}
/* ═══ Regel-Kästen ═══ */
.rules-box{margin-top:12px;border:1px solid var(--border);border-radius:11px;background:rgba(0,0,0,.14);overflow:hidden}
.rules-box summary{padding:9px 12px;font-size:12px;color:var(--text-dim);cursor:pointer;list-style:none;user-select:none}
.rules-box summary::-webkit-details-marker{display:none}
.rules-box summary::after{content:" ▾";color:var(--muted)}
.rules-box[open] summary{color:var(--sand-bright);border-bottom:1px solid var(--border)}
.rules-box[open] summary::after{content:" ▴"}
.rb-in{padding:10px 12px 12px}
.rb-r{margin-bottom:8px;font-size:11px;line-height:1.45}
.rb-r b{display:block;color:var(--sand-bright);font-size:11px;margin-bottom:1px}
.rb-r span{color:var(--text-dim)}
.rb-h{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 5px}
.rb-p{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.rb-p span{color:var(--text-dim)}
.rb-p b{color:var(--sand-bright);font-family:var(--mono);white-space:nowrap;text-align:right}
.rb-n{font-size:10px;color:var(--muted);margin-top:8px;line-height:1.4}
/* ═══ Fußbereich ═══ */
.site-foot{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;
  padding:16px 12px 22px;margin-top:24px;border-top:1px solid var(--border);
  font-size:11px;color:var(--muted)}
.sf-brand{font-family:var(--mono);color:var(--sand)}
.sf-sep{opacity:.5}
.sf-link{background:none;border:none;color:var(--text-dim);font-family:inherit;font-size:11px;
  cursor:pointer;padding:2px 3px;text-decoration:underline;text-underline-offset:2px}
.sf-link:hover{color:var(--sand-bright)}
.sf-note{opacity:.8}
/* ═══ Rechtstexte ═══ */
.legal-doc h2{font-size:19px;color:var(--sand-bright);margin:0 0 3px}
.legal-doc h3{font-size:13px;color:var(--sand);margin:18px 0 5px}
.legal-doc p{font-size:12px;line-height:1.65;color:var(--text-dim);margin:0 0 8px}
.legal-doc ul{margin:0 0 8px;padding-left:18px}
.legal-doc li{font-size:12px;line-height:1.6;color:var(--text-dim);margin-bottom:4px}
.legal-doc b{color:var(--text)}
.ld-date{font-size:11px;color:var(--muted);margin-bottom:12px!important}
.ld-fill{background:rgba(0,0,0,.16);border-radius:9px;padding:10px 12px;line-height:1.8!important}
.ld-note{font-size:11px;color:var(--amber);background:rgba(226,161,73,.1);border-radius:8px;padding:8px 10px}
/* ═══ Zustimmungs-Fenster ═══ */
.terms-gate{position:fixed;inset:0;z-index:5000;background:rgba(8,7,5,.93);backdrop-filter:blur(3px);
  display:flex;align-items:center;justify-content:center;padding:14px}
.tg-card{width:min(680px,96vw);max-height:94vh;display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.7)}
.tg-head{padding:18px 20px 14px;border-bottom:1px solid var(--border)}
.tg-title{font-size:19px;font-weight:800;color:var(--sand-bright);margin-bottom:5px}
.tg-sub{font-size:12px;color:var(--text-dim);line-height:1.55}
.tg-tabs{display:flex;gap:6px;padding:12px 20px 0}
.tg-tab{flex:1;padding:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);
  border-radius:10px 10px 0 0;font-size:12px;cursor:pointer;font-family:inherit}
.tg-tab.active{background:var(--sand);color:#241b13;border-color:var(--sand);font-weight:700}
.tg-body{flex:1;overflow-y:auto;padding:14px 20px;border-top:1px solid var(--border);
  -webkit-overflow-scrolling:touch;min-height:180px}
.tg-foot{padding:14px 20px 18px;border-top:1px solid var(--border);background:rgba(0,0,0,.18)}
.tg-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--text);
  line-height:1.5;cursor:pointer;margin-bottom:12px}
.tg-check input{width:19px;height:19px;accent-color:var(--sand);flex-shrink:0;margin-top:1px}
.tg-btns{display:flex;gap:8px}
.tg-btns .btn{flex:1;padding:12px}
.tg-btns .btn:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:520px){.tg-tab{font-size:11px;padding:8px 4px}.tg-btns{flex-direction:column-reverse}}
.lb-stand{font-size:10px;color:var(--muted);text-align:center;margin:-6px 0 4px}
/* ═══ Spiel des Tages ═══ */
.spot-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;border-radius:13px;
  background:linear-gradient(120deg,rgba(226,161,73,.22),rgba(216,181,106,.06));border:1px solid var(--amber)}
.sp-ico{font-size:28px;line-height:1;flex-shrink:0}
.sp-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sp-txt b{font-size:13px;color:var(--sand-bright)}
.sp-txt span{font-size:11px;color:var(--text-dim);line-height:1.4}
.sp-go{padding:8px 14px;background:var(--amber);color:#241b13;border:none;border-radius:9px;
  font-weight:700;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap}
/* ✨ Events-Seite */
.ev-hero{background:linear-gradient(120deg,rgba(226,161,73,.2),rgba(174,184,111,.08));border:1px solid var(--amber);border-radius:14px;padding:16px 18px;margin-bottom:14px}
.ev-hero-t{font-size:20px;font-weight:700;color:var(--sand-bright)}
.ev-hero-sub{font-size:12px;color:var(--text-dim);margin-top:3px}
.ev-sec-t{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin:14px 2px 8px}
.ev-list{display:flex;flex-direction:column;gap:10px}
.ev-empty{text-align:center;color:var(--muted);font-family:var(--mono);font-size:13px;padding:26px}
.ev-card{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--sand);border-radius:13px;padding:13px 15px}
.ev-card.soon{opacity:.82;border-left-color:var(--muted)}
.ev-card.payout{border-left-color:var(--sand)}.ev-card.maxstake{border-left-color:var(--olive-bright)}
.ev-card.freespins{border-left-color:var(--amber)}.ev-card.jackpot{border-left-color:#e2a149}
.ev-card-ic{font-size:30px;line-height:1;flex:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.ev-card-mid{flex:1;min-width:0}
.ev-card-title{font-size:15px;font-weight:700;color:var(--text)}
.ev-card-val{font-size:12.5px;color:var(--text-dim);margin-top:2px}.ev-card-val b{color:var(--sand-bright)}
.ev-card-time{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:5px}
.ev-budget{margin-top:6px}
.ev-budget-bar{height:5px;background:rgba(0,0,0,.28);border-radius:4px;overflow:hidden}
.ev-budget-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--olive),var(--sand-bright));transition:width .3s}
.ev-budget.empty .ev-budget-fill{background:var(--brick)}
.ev-budget-txt{font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-top:3px}
.ev-budget.empty .ev-budget-txt{color:var(--brick)}
.ev-card-right{display:flex;align-items:center;gap:8px;flex:none}
.ev-claimed{font-size:11px;color:var(--olive-bright);font-family:var(--mono)}
.ev-del{width:26px;height:26px;border-radius:7px;background:transparent;border:1px solid var(--brick);color:var(--brick);font-size:12px;cursor:pointer}
.ev-del:hover{background:var(--brick);color:#fff}
.ev-admin-box{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;overflow:hidden}
.ev-admin-box summary{padding:11px 14px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-dim)}
.ev-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 14px 14px}
.ev-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}
.ev-form-wide{grid-column:1/-1}
.ev-form input,.ev-form select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text);font-size:13px}
.ev-unit{color:var(--sand);font-size:10px}
.ev-form-btn{grid-column:1/-1;margin-top:2px}
.ev-hint-inline{font-size:10px;color:var(--muted)}
.ev-card.featured{border-left-color:#ecca81;background:linear-gradient(120deg,rgba(236,202,129,.13),var(--surface));box-shadow:0 0 0 1px rgba(236,202,129,.3)}
.ev-feat-badge{display:inline-block;margin-left:7px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.3px;
  background:linear-gradient(135deg,#e2a149,#ecca81);color:#241a11;padding:1px 7px;border-radius:20px;vertical-align:middle;white-space:nowrap}
.gm-note{font-size:11px;color:var(--muted);margin-bottom:10px;line-height:1.4}
.gm-row{margin-bottom:9px}
.gm-row.spot .gm-n{color:var(--amber)}
.gm-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}
.gm-n{font-size:12px;color:var(--text)}
.gm-p{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--sand-bright)}
.gm-bar{height:6px;background:rgba(0,0,0,.25);border-radius:4px;overflow:hidden}
.gm-fill{height:100%;background:linear-gradient(90deg,var(--olive),var(--sand));border-radius:4px}
.gm-row.spot .gm-fill{background:var(--amber)}
.gm-m{font-size:10px;color:var(--muted);margin-top:2px;font-family:var(--mono)}
/* Wette nach Annahmeschluss */
.market.locked{opacity:.72;position:relative}
.market.locked::after{content:'🔒 Annahmeschluss – keine Tipps mehr';position:absolute;top:8px;right:10px;
  background:rgba(207,106,79,.9);color:#fff;font-size:10px;font-weight:700;padding:3px 9px;border-radius:12px}
.market.locked .bet-form,.market.locked button.bet-go{opacity:.5;pointer-events:none}
.adm-lock{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 8px;margin-bottom:6px;
  background:rgba(0,0,0,.16);border-radius:8px;font-size:11px;color:var(--text-dim)}
.adm-lock label{color:var(--muted)}
.adm-lock input{width:58px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;
  background:var(--bg);color:var(--text);font-family:var(--mono);font-size:11px}
.adm-lock span{color:var(--sand-bright);font-family:var(--mono)}
/* ══ 🐎 PFERDERENNEN / RENNBAHN ══ */
#derby-view{display:flex;flex-direction:column;gap:14px;max-width:760px;margin:0 auto}
.dby-top{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-radius:16px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#2a1d10,#1c150d);border:1px solid var(--border)}
.dby-top.weekly{border-color:#f2c14e;background:linear-gradient(135deg,#3a2a10,#241a0b);box-shadow:0 0 0 1px rgba(242,193,78,.3),0 8px 30px rgba(242,193,78,.12)}
.dby-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.dby-title{font-size:20px;font-weight:800;color:var(--sand-bright)}
.dby-kind{font-family:var(--mono);font-size:11px;color:var(--text-dim)}
.dby-week-badge{font-family:var(--mono);font-size:11px;font-weight:800;color:#1a1206;background:linear-gradient(90deg,#f2c14e,#e2a149);padding:4px 10px;border-radius:20px;animation:dbyGlow 2s ease-in-out infinite}
@keyframes dbyGlow{0%,100%{box-shadow:0 0 0 0 rgba(242,193,78,.5)}50%{box-shadow:0 0 0 6px rgba(242,193,78,0)}}
.dby-potbox{background:rgba(0,0,0,.25);border:1px solid rgba(242,193,78,.35);border-radius:12px;padding:10px 12px}
.dby-pot-lab{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}
.dby-pot-val{font-size:26px;font-weight:900;color:#f2c14e;line-height:1.1;text-shadow:0 0 12px rgba(242,193,78,.4)}
.dby-pot-val span{font-size:16px}
.dby-pot-sub{font-size:9.5px;color:var(--text-dim);margin-top:2px;line-height:1.35}
.dby-cdbox{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:12px;padding:10px 12px;text-align:center}
.dby-cd-lab{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}
.dby-countdown{font-family:var(--mono);font-size:28px;font-weight:800;color:var(--text)}
.dby-countdown.hot{color:#ef6f5a;animation:dbyPulse .8s ease-in-out infinite}
@keyframes dbyPulse{0%,100%{opacity:1}50%{opacity:.55}}
.dby-cd-sub{font-size:9.5px;color:var(--text-dim);margin-top:2px}
/* Track */
.dby-track{position:relative;border-radius:14px;overflow:hidden;border:2px solid #16340f;box-shadow:inset 0 0 44px rgba(0,0,0,.4),0 6px 20px -8px rgba(0,0,0,.5)}
.dby-stands{height:15px;background:linear-gradient(180deg,#2b3552,#212a41);border-bottom:3px solid #d8d2c4;
  background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1.5px);background-size:9px 7px;background-position:0 4px}
.dby-turf{position:relative;background:repeating-linear-gradient(90deg,#3c7c30 0 42px,#357026 42px 84px)}
.dby-turf::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 0,transparent 60%,rgba(0,0,0,.28))}
.dby-lane{position:relative;display:flex;align-items:center;height:40px;border-bottom:2px solid rgba(255,255,255,.15)}
.dby-lane:last-child{border-bottom:none}
.dby-lane-no{width:20px;height:20px;flex:none;margin:0 5px;display:flex;align-items:center;justify-content:center;border-radius:5px;
  background:var(--ln,#999);color:#17110a;font-family:var(--mono);font-size:11px;font-weight:900;box-shadow:0 1px 3px rgba(0,0,0,.55);z-index:2}
.dby-rail{position:relative;flex:1;height:100%}
.dby-runner{position:absolute;left:2px;top:50%;margin-top:-19px;width:52px;height:37px;transform:translateX(0);will-change:transform;transition:transform .18s linear;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45));z-index:3}
.dby-runner .dh{display:block;width:100%;height:100%;overflow:visible}
.dby-runner.galloping .dh{animation:dhBob .27s ease-in-out infinite}
@keyframes dhBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}
.dby-runner.galloping .dh-f{animation:dhLegF .26s ease-in-out infinite}
.dby-runner.galloping .dh-b{animation:dhLegB .26s ease-in-out infinite}
@keyframes dhLegF{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes dhLegB{0%,100%{transform:translateY(-3px)}50%{transform:translateY(0)}}
.dby-runner.winner .dh{animation:dhBob .18s ease-in-out infinite}
.dby-runner.winner{animation:dbyWinner .5s ease infinite}
@keyframes dbyWinner{0%,100%{transform:translateX(var(--tx,0)) scale(1)}50%{transform:translateX(var(--tx,0)) scale(1.24)}}
.dby-finishline{position:absolute;top:15px;bottom:0;right:6px;width:12px;z-index:1;opacity:.92;
  background:repeating-conic-gradient(#fff 0 25%,#141414 0 50%) 0 0/6px 6px;box-shadow:0 0 8px rgba(0,0,0,.45)}
.dby-post{position:absolute;top:-1px;right:2px;font-size:15px;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.dby-track.photo{animation:dbyFlash .5s ease}
@keyframes dbyFlash{0%{filter:brightness(2.4)}100%{filter:brightness(1)}}
.dby-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.dby-conf{position:absolute;top:0;width:7px;height:10px;border-radius:1px;opacity:.95;animation:dbyConf 1.6s ease-out forwards}
@keyframes dbyConf{0%{transform:translate(0,-10px) rotate(0)}100%{transform:translate(var(--dx),var(--dy)) rotate(540deg);opacity:0}}
/* Wettschein */
.dby-slip{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}
.dby-slip-h,.dby-exp-h,.dby-res-h,.dby-mb-h,.dby-g-h{font-weight:800;color:var(--sand-bright);margin-bottom:8px;font-size:13px}
.dby-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.dby-type{display:flex;flex-direction:column;gap:2px;align-items:center;padding:8px 4px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2,#1c150d);color:var(--text-dim);cursor:pointer;transition:.15s}
.dby-type b{font-size:12px;color:var(--text)}.dby-type span{font-size:9px}
.dby-type.on{border-color:var(--sand-bright);background:linear-gradient(135deg,rgba(226,161,73,.22),rgba(226,161,73,.05));color:var(--text)}
.dby-type.on b{color:var(--sand-bright)}
.dby-horses{display:flex;flex-direction:column;gap:6px}
.dby-hcard{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2,#1c150d);cursor:pointer;transition:.15s;position:relative;border-left:4px solid var(--hc)}
.dby-hcard:hover{background:rgba(255,255,255,.04)}
.dby-hcard.sel{border-color:var(--hc);box-shadow:0 0 0 1px var(--hc);background:linear-gradient(90deg,color-mix(in srgb,var(--hc) 18%,transparent),transparent)}
.dby-h-ava{flex:none;display:inline-flex;align-items:center}
.dby-h-ava .dh{width:42px;height:30px;overflow:visible}
.dby-h-mid{flex:1;display:flex;flex-direction:column;min-width:0}
.dby-h-nm{font-weight:700;color:var(--text);font-size:13px}
.dby-h-form{font-size:10px;color:#f2c14e;letter-spacing:1px}
.dby-h-odd{font-family:var(--mono);font-weight:800;font-size:16px;color:var(--sand-bright);flex:none}
.dby-h-check{position:absolute;right:8px;top:6px;color:#74e0a4;font-weight:900}
.dby-stake-row{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.dby-stake-row>span{font-size:11px;color:var(--text-dim)}
.dby-stake-in{width:100px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2,#1c150d);color:var(--text);font-family:var(--mono);font-size:14px}
.dby-chips{display:flex;gap:5px;flex-wrap:wrap}
.dby-chip{font-family:var(--mono);font-size:11px;padding:5px 9px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2,#1c150d);color:var(--text-dim);cursor:pointer}
.dby-chip:hover{color:var(--text);border-color:var(--sand-bright)}
.dby-slip-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
.dby-payout{font-size:13px;color:var(--text-dim)}.dby-payout b{color:#74e0a4;font-size:16px}
.dby-oddtag{font-family:var(--mono);font-size:11px;color:var(--sand-bright);margin-left:4px}
.dby-place{padding:10px 22px;font-weight:800}
.dby-mybets{margin-top:14px;border-top:1px dashed var(--border);padding-top:10px}
.dby-mb{display:flex;align-items:center;gap:8px;font-size:11px;padding:4px 0;color:var(--text-dim)}
.dby-mb-h2{font-size:15px}.dby-mb-st{margin-left:auto;font-family:var(--mono)}.dby-mb-od{font-family:var(--mono);color:var(--sand-bright)}
.dby-mb-pot{font-family:var(--mono);color:#74e0a4;min-width:64px;text-align:right}
/* Experten-Tresen */
.dby-expert{background:linear-gradient(135deg,#241a2e,#1a1420);border:1px solid #4a3a5e;border-radius:14px;padding:14px}
.dby-exp-body p{font-size:11.5px;color:var(--text-dim);line-height:1.5;margin:0 0 10px}
.dby-exp-buy{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dby-tip-btn{border-color:#8f6bec;color:#c9b2f2}
.dby-tip-left{font-size:10px;color:var(--text-dim)}
.dby-tips{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.dby-tip{font-size:12px;background:rgba(143,107,236,.14);border:1px solid rgba(143,107,236,.4);border-radius:8px;padding:7px 10px;color:#d7c6f7;animation:dbyTipIn .4s ease}
@keyframes dbyTipIn{0%{opacity:0;transform:translateY(-4px)}100%{opacity:1}}
/* Ergebnis */
.dby-result{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}
.dby-result.weekly{border-color:#f2c14e}
.dby-res-list{display:flex;flex-direction:column;gap:4px}
.dby-res-row{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:8px;font-size:13px}
.dby-res-row.win{background:linear-gradient(90deg,rgba(242,193,78,.2),transparent)}
.dby-res-pos{width:26px;text-align:center;font-size:15px}
.dby-res-nm{font-weight:700}
.dby-res-you{margin-top:10px;padding:8px 10px;border-radius:8px;font-weight:800;text-align:center}
.dby-res-you.win{background:rgba(116,224,164,.16);color:#74e0a4}
.dby-res-pot{margin-top:8px;font-size:11px;color:#f2c14e}
.dby-res-pot.roll{color:var(--text-dim)}
/* Form & Historie */
.dby-guide{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.dby-guide,.dby-top{grid-template-columns:1fr}}
.dby-guide-col{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px}
.dby-g-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.06)}
.dby-g-row:last-child{border-bottom:none}
.dby-g-rec{font-family:var(--mono);color:var(--text-dim)}
.dby-g-win{color:var(--sand-bright);display:inline-flex;align-items:center;gap:5px}
.dby-g-name{display:inline-flex;align-items:center;gap:6px;min-width:0}
.dby-g-name>span:last-child{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Mini-Pferd in Ergebnis-/Form-Listen */
.dby-mh{display:inline-flex;align-items:center;vertical-align:middle;flex:none}
.dby-mh .dh{width:32px;height:23px;overflow:visible}
.dby-res-row .dby-mh .dh{width:36px;height:26px}
/* Tages-Event: Modus-Badge, Limit, Hinweis, Sieg-Schein-Buttons */
.dby-slip-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dby-mode{font-family:var(--mono);font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px}
.dby-mode.comm{background:linear-gradient(90deg,#74e0a4,#4fb98a);color:#0c2417}
.dby-mode.sink{background:linear-gradient(90deg,#ef8f5a,#cf5a2f);color:#2a1206}
.dby-slip-limit{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--text-dim)}
.dby-slip-limit b{color:var(--sand-bright)}
.dby-slip-note{font-size:11px;line-height:1.45;color:var(--text-dim);background:rgba(0,0,0,.18);border-radius:9px;padding:7px 9px;margin:8px 0 10px}
.dby-slip-note b{color:var(--sand-bright)}
.dby-h-odd.pot{font-size:18px}
.dby-ticket-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;width:100%}
.dby-mb-t{font-weight:700;min-width:58px}
.dby-mb-free{color:#74e0a4;font-weight:800;font-family:var(--mono);font-size:11px;margin-left:auto}
/* 🛠️ Startzeiten-Editor (Admin) */
.dby-admin{display:flex;flex-direction:column;gap:8px;background:linear-gradient(135deg,rgba(226,161,73,.12),var(--surface));
  border:1px dashed rgba(226,161,73,.5);border-radius:12px;padding:10px 12px;margin-bottom:10px}
.dby-admin-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dby-admin-h{font-weight:800;color:var(--sand-bright);font-size:12.5px;min-width:120px}
.dby-time-in{background:var(--surface-2,#1c150d);border:1px solid var(--border);border-radius:8px;padding:7px 9px;color:var(--text);font-family:var(--mono);font-size:14px}
.dby-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
@media(max-width:520px){.dby-week{grid-template-columns:repeat(4,1fr)}}
.dby-wd{display:flex;flex-direction:column;gap:7px;background:var(--surface-2,#1c150d);
  border:1px solid var(--border);border-radius:11px;padding:9px 8px;transition:.15s}
.dby-wd:has(.dby-wd-on:checked){border-color:rgba(226,161,73,.5);background:linear-gradient(150deg,rgba(226,161,73,.13),var(--surface-2,#1c150d))}
.dby-wd.today{box-shadow:0 0 0 2px rgba(236,202,129,.4)}
.dby-wd-top{display:flex;align-items:center;justify-content:space-between;gap:4px}
.dby-wd-l{font-family:var(--mono);font-weight:800;font-size:12.5px;color:var(--text-dim);display:flex;align-items:center;gap:4px}
.dby-wd:has(.dby-wd-on:checked) .dby-wd-l{color:var(--sand-bright)}
.dby-wd-now{font-family:var(--sans);font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#241a0b;background:var(--sand-bright);border-radius:20px;padding:1px 5px}
/* Toggle-Switch */
.dby-wd-on{appearance:none;-webkit-appearance:none;flex:none;width:32px;height:18px;border-radius:20px;
  background:var(--surface-3,#12100a);border:1px solid var(--border);position:relative;cursor:pointer;transition:.15s;margin:0}
.dby-wd-on::after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:.15s}
.dby-wd-on:checked{background:linear-gradient(90deg,#e2a149,#ecca81);border-color:#e2a149}
.dby-wd-on:checked::after{left:15px;background:#241a0b}
.dby-wd-t{width:100%;background:var(--surface-3,#12100a);border:1px solid var(--border);border-radius:7px;
  padding:6px 3px;color:var(--text);font-family:var(--mono);font-size:13px;text-align:center}
.dby-wd-off{text-align:center;font-family:var(--mono);font-size:10.5px;color:var(--muted);padding:6px 0}
.dby-wd:has(.dby-wd-on:not(:checked)) .dby-wd-t{display:none}
.dby-wd:has(.dby-wd-on:checked) .dby-wd-off{display:none}
.dby-mode-toggle{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}
.dby-mt{font-family:inherit;font-size:11.5px;font-weight:700;padding:7px 12px;background:var(--surface-2,#1c150d);color:var(--text-dim);border:none;cursor:pointer;transition:.15s}
.dby-mt+.dby-mt{border-left:1px solid var(--border)}
.dby-mt.on{background:linear-gradient(90deg,#e2a149,#ecca81);color:#241a0b}
.dby-admin-hint{font-size:10px;color:var(--text-dim)}
/* ══ 🦈 RAZOR SHARK ══ */
.rz-machine{position:relative;max-width:620px;margin:10px auto;border-radius:18px;padding:14px;
  background:linear-gradient(180deg,#0b3a5c 0%,#0a5878 45%,#0c7a86 100%);
  border:3px solid #0a2e44;box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 0 60px rgba(0,0,0,.35);overflow:hidden}
.rz-machine::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(120% 60% at 50% -10%,rgba(180,240,255,.25),transparent 60%);}
.rz-machine.rz-fs-active{border-color:#f2c14e;box-shadow:0 0 0 2px rgba(242,193,78,.4),0 12px 46px rgba(242,193,78,.2),inset 0 0 60px rgba(0,0,0,.4)}
.rz-machine.rz-party{animation:rzParty 1.2s ease-in-out infinite}
@keyframes rzParty{0%,100%{filter:hue-rotate(0)}50%{filter:hue-rotate(30deg) brightness(1.12)}}
.rz-reels{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;z-index:1}
.rz-reel{position:relative;height:min(58vw,340px);overflow:hidden;border-radius:10px;background:rgba(4,26,40,.55);box-shadow:inset 0 0 18px rgba(0,0,0,.5)}
.rz-reel-hot{box-shadow:inset 0 0 0 2px #f2c14e,inset 0 0 20px rgba(242,193,78,.4)}
.rz-strip{display:flex;flex-direction:column;will-change:transform}
.rz-cell{height:calc(min(58vw,340px)/4);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.05);position:relative}
.rz-sym{font-size:clamp(24px,7vw,44px);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.rz-cell.rz-algae{background:radial-gradient(circle at 50% 40%,rgba(60,200,120,.4),rgba(20,90,60,.6));box-shadow:inset 0 0 16px rgba(40,220,120,.5)}
.rz-cell.rz-algae .rz-sym{font-size:clamp(28px,8vw,52px);animation:rzSway 1.3s ease-in-out infinite}
@keyframes rzSway{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.rz-algae-shake .rz-sym{animation:rzSway .34s ease-in-out infinite}
.rz-cell.rz-flip{animation:rzFlip .42s ease}
@keyframes rzFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}100%{transform:rotateY(0)}}
.rz-cell.rz-win{background:radial-gradient(circle,rgba(242,193,78,.4),transparent 70%);box-shadow:inset 0 0 0 2px #f2c14e;animation:rzWin .6s ease}
@keyframes rzWin{0%,100%{filter:brightness(1)}50%{filter:brightness(1.5)}}
.rz-cell.rz-pop{animation:rzPop .4s cubic-bezier(.2,1.4,.4,1)}
@keyframes rzPop{0%{transform:scale(.2);opacity:0}100%{transform:scale(1);opacity:1}}
.rz-cell.rz-token{background:radial-gradient(circle at 50% 40%,rgba(255,230,150,.35),rgba(80,50,10,.5))}
.rz-cell.rz-tok-cash{box-shadow:inset 0 0 0 2px #f2c14e,inset 0 0 18px rgba(242,193,78,.5)}
.rz-cell.rz-tok-plus{box-shadow:inset 0 0 0 2px #ff6a4f,inset 0 0 18px rgba(255,106,79,.45)}
.rz-cell.rz-tok-bonus{box-shadow:inset 0 0 0 2px #b98cec,inset 0 0 18px rgba(185,140,236,.5)}
.rz-cell.rz-redrop{animation:rzRedrop .5s ease}
@keyframes rzRedrop{0%,100%{transform:scale(1)}50%{transform:scale(1.18) rotate(-6deg)}}
.rz-coin{display:flex;align-items:center;justify-content:center;width:78%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#fff0b8,#f2c14e 55%,#b8860b);box-shadow:0 2px 6px rgba(0,0,0,.4),inset 0 0 6px rgba(255,255,255,.6)}
.rz-coin-v{font-family:var(--mono);font-weight:800;font-size:clamp(11px,3.2vw,17px);color:#5a3d05}
.rz-mine{display:flex;align-items:center;justify-content:center;flex-direction:column;width:82%;aspect-ratio:1;border-radius:12px;font-family:var(--mono);font-weight:900;color:#fff}
.rz-mine.rz-plus{background:radial-gradient(circle at 40% 35%,#ff9a6a,#e0431f);font-size:clamp(16px,4.6vw,26px);box-shadow:0 2px 8px rgba(0,0,0,.5)}
.rz-mine.rz-bonus{background:radial-gradient(circle at 40% 35%,#caa0f2,#7a3fd0);font-size:clamp(9px,2.4vw,13px);gap:1px;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.rz-mine.rz-bonus b{font-size:clamp(7px,2vw,10px);letter-spacing:.5px}
/* FX-Ebene */
.rz-fx{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.rz-fx-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.rz-coinfx{position:absolute;pointer-events:none;animation:rzCoinFly 1.5s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes rzCoinFly{0%{transform:translate(0,0) rotate(0);opacity:0}12%{opacity:1}100%{transform:translate(var(--dx),calc(var(--dy) * -1 + 240px)) rotate(var(--rot));opacity:0}}
.rz-collect{font-family:var(--mono);font-weight:900;font-size:clamp(22px,6vw,40px);color:#ffe38a;text-shadow:0 3px 0 #a06a00,0 0 22px rgba(242,193,78,.7);animation:rzCollect 1.2s ease forwards}
@keyframes rzCollect{0%{transform:scale(.4);opacity:0}25%{transform:scale(1.1);opacity:1}80%{opacity:1}100%{transform:translateY(-40px) scale(1);opacity:0}}
.rz-multbadge{font-family:var(--mono);font-weight:900;font-size:clamp(26px,7vw,48px);color:#ff8a5a;text-shadow:0 0 20px rgba(255,106,79,.8);animation:rzPop .4s cubic-bezier(.2,1.4,.4,1),rzCollect 1s ease .3s forwards}
/* Wort-für-Wort-Projektion */
.rz-project{position:absolute;inset:0;pointer-events:none;z-index:7;overflow:hidden}
.rz-word{position:absolute;font-weight:900;font-size:clamp(26px,8vw,58px);color:#fff;letter-spacing:1px;
  transform:translate(-50%,-50%) rotate(var(--rot)) scale(calc(var(--sc) * .4));opacity:0;transition:transform .28s cubic-bezier(.2,1.5,.4,1),opacity .28s}
.rz-word.show{opacity:1;transform:translate(-50%,-50%) rotate(var(--rot)) scale(var(--sc))}
.rz-word.gone{opacity:0;transform:translate(-50%,-50%) rotate(var(--rot)) scale(calc(var(--sc) * 1.3))}
.rz-word-alge{color:#5cff9b;text-shadow:0 0 6px #0a3,0 2px 0 #063d22,0 0 26px rgba(60,255,120,.8);-webkit-text-stroke:1px #063d22}
.rz-word-lyric{color:#ffe38a;text-shadow:0 0 8px #b8860b,0 3px 0 #7a4a00,0 0 26px rgba(242,193,78,.8);-webkit-text-stroke:1px #5a3d05}
/* FS HUD */
.rz-fshud{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;max-width:620px;margin:6px auto -2px;
  background:linear-gradient(90deg,rgba(242,193,78,.18),rgba(242,193,78,.05));border:1px solid rgba(242,193,78,.45);border-radius:12px;padding:8px 12px;font-family:var(--mono);font-size:13px}
.rz-fshud-l{font-weight:800;color:#f2c14e}
.rz-fshud-m b,.rz-fshud-w{color:#fff;font-weight:800}
#rz-fshud-m.bump{display:inline-block;animation:rzBump .4s ease}
@keyframes rzBump{0%,100%{transform:scale(1);color:#fff}50%{transform:scale(1.5);color:#ff8a5a}}
.rz-fshud-w{color:#74e0a4}
.rz-fs-intro,.rz-fs-end{text-align:center;color:#fff}
.rz-fs-big{font-size:clamp(30px,9vw,60px);font-weight:900;color:#f2c14e;text-shadow:0 0 30px rgba(242,193,78,.8),0 4px 0 #7a4a00;animation:rzPop .5s cubic-bezier(.2,1.4,.4,1)}
.rz-fs-sub{font-family:var(--mono);color:#bfe9ff;margin-top:6px}
.rz-fs-end{font-size:clamp(20px,6vw,38px);font-weight:900;color:#74e0a4;text-shadow:0 3px 0 #0a5a30}
.rz-fx-retrig{font-family:var(--mono);font-weight:900;font-size:clamp(18px,5vw,32px);color:#caa0f2;text-shadow:0 0 20px rgba(185,140,236,.8);animation:rzPop .4s cubic-bezier(.2,1.4,.4,1)}
/* Karaoke */
.rz-karaoke{position:absolute;top:8px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:8}
.rz-kara-top{font-weight:900;font-size:clamp(15px,4vw,24px);color:#fff;background:linear-gradient(90deg,#e0431f,#f2c14e);padding:4px 14px;border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.5);animation:rzPop .5s ease}
.rz-kara-mic{font-size:34px;animation:rzMic .5s ease-in-out infinite}
@keyframes rzMic{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
.rz-kara-notes{font-size:22px;letter-spacing:6px;animation:rzNotes 1s ease-in-out infinite}
@keyframes rzNotes{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(-8px);opacity:1}}
/* BigWin + Winbar + Shake + Paytable */
.rz-bigwin{position:absolute;left:0;right:0;top:42%;text-align:center;z-index:9;font-weight:900;font-size:clamp(26px,8vw,52px);
  color:#ffe38a;text-shadow:0 4px 0 #a06a00,0 0 30px rgba(242,193,78,.9);opacity:0;pointer-events:none;transform:scale(.5)}
.rz-bigwin.show{animation:rzBig 2.4s ease forwards}
@keyframes rzBig{0%{opacity:0;transform:scale(.5)}18%{opacity:1;transform:scale(1.1)}30%{transform:scale(1)}82%{opacity:1}100%{opacity:0;transform:scale(1)}}
.rz-shake{animation:rzSh .44s ease}.rz-shake-hard{animation:rzSh .64s ease}
@keyframes rzSh{0%,100%{transform:translate(0,0)}20%{transform:translate(-7px,4px)}40%{transform:translate(6px,-5px)}60%{transform:translate(-5px,-3px)}80%{transform:translate(4px,5px)}}
.rz-winbar{max-width:620px;margin:10px auto 0;text-align:center;font-size:12.5px;color:var(--text-dim);min-height:18px}
.rz-winbar .win{color:#74e0a4;font-weight:800}.rz-winbar .lose{color:#e0715a}
.rz-paytable{max-width:620px;margin:12px auto 0;background:rgba(4,26,40,.4);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px}
.rz-pt-row{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;padding:3px 0;color:var(--text-dim)}
.rz-pt-e{font-size:20px}.rz-pt-row b{color:var(--sand-bright)}
.rz-pt-note{font-size:11px;line-height:1.5;color:var(--text-dim);margin-top:8px;border-top:1px dashed rgba(255,255,255,.1);padding-top:8px}
.rz-pt-note b{color:#5cff9b}
/* Lobby-Live-Preview */
.cla-razor{position:absolute;inset:0;display:flex;gap:3px;padding:8px;background:linear-gradient(180deg,#0a4d6e,#0c7a86);overflow:hidden}
.cla-razor .cla-reel{flex:1;overflow:hidden;opacity:.9}
.cla-alge-w{position:absolute;font-weight:900;font-size:15px;color:#5cff9b;text-shadow:0 1px 0 #063d22,0 0 8px rgba(60,255,120,.8);
  left:calc(12% + var(--i) * 24%);top:50%;animation:claAlge 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -0.45s);pointer-events:none}
@keyframes claAlge{0%,100%{transform:translateY(6px) rotate(-10deg);opacity:.5}50%{transform:translateY(-10px) rotate(10deg);opacity:1}}
.cla-bubble{position:absolute;bottom:-8px;width:8px;height:8px;border-radius:50%;background:rgba(200,240,255,.5);box-shadow:inset 0 0 4px #fff;animation:claBub 2.6s linear infinite}
@keyframes claBub{0%{transform:translateY(0);opacity:0}20%{opacity:.8}100%{transform:translateY(-120px);opacity:0}}
/* ══ ✨ EVENTS – aufgewertet ══ */
.ev-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#3a2a10,#241a0b 60%,#1c2410);border:1px solid rgba(236,202,129,.5)}
.ev-hero-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ev-spark{position:absolute;top:110%;opacity:.85;animation:evRise linear infinite;filter:drop-shadow(0 0 4px rgba(255,230,150,.5))}
@keyframes evRise{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:.9}100%{transform:translateY(-260px) rotate(160deg);opacity:0}}
.ev-hero-inner{position:relative;z-index:1}
.ev-hero-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ev-stat{font-family:var(--mono);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;background:rgba(0,0,0,.3);border:1px solid var(--border);color:var(--text-dim)}
.ev-stat.live{color:#ff6f5a;border-color:rgba(255,111,90,.4)}
.ev-stat.boost{color:#f2c14e;border-color:rgba(242,193,78,.4)}
.ev-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff5a4a;box-shadow:0 0 0 0 rgba(255,90,74,.7);animation:evLive 1.3s ease-out infinite;vertical-align:middle;margin-right:5px}
@keyframes evLive{0%{box-shadow:0 0 0 0 rgba(255,90,74,.7)}70%{box-shadow:0 0 0 7px rgba(255,90,74,0)}100%{box-shadow:0 0 0 0 rgba(255,90,74,0)}}
/* 🎬 Spotlight */
.ev-spot{position:relative;display:flex;gap:14px;border-radius:16px;padding:14px;margin-bottom:16px;overflow:hidden;
  background:linear-gradient(135deg,#2a2013,#1a140d);border:1px solid rgba(236,202,129,.45);box-shadow:0 10px 34px -8px rgba(0,0,0,.6)}
.ev-spot.jackpot{border-color:rgba(242,193,78,.6);background:linear-gradient(135deg,#3a2a10,#1c1509)}
.ev-spot.payout{border-color:rgba(226,161,73,.5)}
.ev-spot.freespins{border-color:rgba(120,200,255,.4);background:linear-gradient(135deg,#12283a,#0e1a26)}
.ev-spot.maxstake{border-color:rgba(174,184,111,.5)}
.ev-spot.featured{border-color:#ecca81;box-shadow:0 0 0 1px rgba(236,202,129,.4),0 10px 34px -8px rgba(0,0,0,.6)}
.ev-spot-glow{position:absolute;top:-40%;left:-20%;width:60%;height:180%;background:radial-gradient(circle,rgba(242,193,78,.22),transparent 70%);animation:evGlow 5s ease-in-out infinite}
@keyframes evGlow{0%,100%{transform:translateX(0)}50%{transform:translateX(220%)}}
.ev-spot-preview{position:relative;flex:none;width:132px;height:112px;border-radius:12px;overflow:hidden;background:rgba(0,0,0,.35);box-shadow:inset 0 0 20px rgba(0,0,0,.5)}
@media(max-width:520px){.ev-spot-preview{width:96px;height:92px}}
.ev-prev-frame{position:absolute;inset:0}
.ev-spot-emoji{position:absolute;right:4px;bottom:2px;font-size:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7));z-index:2}
.ev-spot-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.ev-spot-tag{display:inline-block;align-self:flex-start;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;
  padding:3px 9px;border-radius:20px;background:linear-gradient(135deg,#e2a149,#ecca81);color:#241a0b;margin-bottom:6px;animation:evTagPulse 2s ease-in-out infinite}
@keyframes evTagPulse{0%,100%{box-shadow:0 0 0 0 rgba(236,202,129,.5)}50%{box-shadow:0 0 0 5px rgba(236,202,129,0)}}
.ev-spot-title{font-size:20px;font-weight:800;color:var(--sand-bright);line-height:1.15}
.ev-spot-val{font-size:13px;color:var(--text-dim);margin-top:4px}.ev-spot-val b{color:#f2c14e;font-size:15px}
.ev-spot-foot{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.ev-spot-foot .ev-timebar{flex:1;min-width:140px}
.ev-spot-act{flex:none}
.ev-spot-claim{padding:8px 18px;font-weight:800}
/* Emblem */
.ev-emblem{position:relative;flex:none;width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.12),rgba(0,0,0,.2))}
.ev-emblem.payout{background:radial-gradient(circle at 40% 35%,rgba(226,161,73,.35),rgba(80,50,10,.2))}
.ev-emblem.jackpot{background:radial-gradient(circle at 40% 35%,rgba(242,193,78,.4),rgba(90,60,10,.25))}
.ev-emblem.freespins{background:radial-gradient(circle at 40% 35%,rgba(120,200,255,.3),rgba(10,40,60,.25))}
.ev-emblem.maxstake{background:radial-gradient(circle at 40% 35%,rgba(174,184,111,.35),rgba(50,60,20,.2))}
.ev-emblem-ic{font-size:26px;z-index:1;animation:evEmb 2.6s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
@keyframes evEmb{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
.ev-emblem i{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(255,230,150,.8);opacity:0}
.ev-emblem i:nth-child(2){left:8px;top:60%;animation:evEmbP 2.4s ease-in-out infinite}
.ev-emblem i:nth-child(3){right:9px;top:30%;animation:evEmbP 2.4s ease-in-out .8s infinite}
@keyframes evEmbP{0%{transform:translateY(6px) scale(.4);opacity:0}40%{opacity:1}100%{transform:translateY(-14px) scale(1);opacity:0}}
/* Zeitleiste + Countdown */
.ev-timebar{margin-top:7px}
.ev-prog{height:5px;border-radius:4px;background:rgba(0,0,0,.35);overflow:hidden}
.ev-prog-fill{height:100%;border-radius:4px;width:100%;background:linear-gradient(90deg,#e2a149,#ecca81);transition:width 1s linear}
.ev-card.jackpot .ev-prog-fill,.ev-spot.jackpot .ev-prog-fill{background:linear-gradient(90deg,#e2a149,#ffe08a)}
.ev-card.freespins .ev-prog-fill,.ev-spot.freespins .ev-prog-fill{background:linear-gradient(90deg,#4f9be0,#79c8ff)}
.ev-card.maxstake .ev-prog-fill{background:linear-gradient(90deg,var(--olive),var(--sand-bright))}
.ev-cd{display:inline-block;font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:4px}
.ev-cd.urgent{color:#ff6f5a;font-weight:800}
/* Karten-Feinschliff + Animationen */
.ev-card{transition:transform .15s,box-shadow .15s}
.ev-card:not(.soon):hover{transform:translateY(-2px);box-shadow:0 6px 18px -6px rgba(0,0,0,.5)}
.ev-card.featured{position:relative;overflow:hidden}
.ev-card.featured::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,247,224,.28) 50%,transparent 58%);background-size:250% 100%;animation:rkShine 3.2s linear infinite}
.ev-claim-btn{animation:evClaimP 1.6s ease-in-out infinite}
@keyframes evClaimP{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
/* Typ-Vorschau-Animationen */
.evp-rain{position:absolute;inset:0}
.evp-coin{position:absolute;top:-16%;font-size:20px;animation:evpFall 1.7s cubic-bezier(.4,.1,.7,1) infinite}
@keyframes evpFall{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translateY(120px) rotate(220deg);opacity:0}}
.evp-jp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.evp-jp-ic{font-size:46px;animation:evpJp 1.4s ease-in-out infinite;z-index:1}
@keyframes evpJp{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.evp-jp-ray{position:absolute;width:150%;height:150%;background:conic-gradient(from 0deg,rgba(242,193,78,.35),transparent 25%,rgba(242,193,78,.35) 50%,transparent 75%,rgba(242,193,78,.35));animation:evpSpin 6s linear infinite;border-radius:50%}
@keyframes evpSpin{100%{transform:rotate(360deg)}}
.evp-fs{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.evp-reel{font-size:46px;display:inline-block;animation:evpReel 1.6s ease-in-out infinite}
@keyframes evpReel{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.evp-ms{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.evp-ms-ic{font-size:44px;animation:evpJp 1.5s ease-in-out infinite}
.evp-chip{position:absolute;font-size:18px;animation:evpChip 1.8s ease-in-out infinite}
.evp-chip.c1{left:18%;bottom:14%}.evp-chip.c2{right:18%;bottom:24%;animation-delay:.6s}
@keyframes evpChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* ══ 📺 SPIELHALLE – Live-Vorschau im Automaten-Bildschirm ══ */
.arcade-cabinet .ac-screen{position:relative;overflow:hidden}
.ac-screen .aca{position:absolute;inset:0;overflow:hidden}
.arcade-cabinet:hover .ac-screen{box-shadow:inset 0 2px 10px rgba(0,0,0,.6),0 0 0 2px rgba(216,181,106,.4)}
/* 🪙 Coinpusher */
.aca-coin{position:absolute;left:22%;top:-25%;font-size:19px;animation:acaCoin 1.9s linear infinite;animation-delay:var(--d)}
@keyframes acaCoin{0%{top:-25%;left:20%;opacity:1}60%{top:52%;left:46%}100%{top:120%;left:62%;opacity:.25}}
.aca-shelf{position:absolute;left:12%;right:12%;bottom:24%;height:6px;background:linear-gradient(#d8b56a,#8a6a20);border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.5)}
/* 🐍 Snake */
.aca-snake{position:absolute;top:40%;left:0;display:flex;gap:2px;animation:acaSnake 3s ease-in-out infinite}
.aca-snake i{width:9px;height:9px;border-radius:2px;background:#5cd67a;box-shadow:0 0 4px rgba(90,220,120,.6)}
.aca-snake i:first-child{background:#9ff2b4}
@keyframes acaSnake{0%{transform:translate(6px,0)}25%{transform:translate(38px,-8px)}50%{transform:translate(70px,0)}75%{transform:translate(38px,8px)}100%{transform:translate(6px,0)}}
.aca-egg{position:absolute;right:12%;top:34%;font-size:15px;animation:acaEgg 1.4s ease-in-out infinite}
@keyframes acaEgg{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}
/* 🦊 Fuchs-Jagd */
.aca-dots{position:absolute;inset:0;background-image:radial-gradient(circle,#e8c07d 1.4px,transparent 2px);background-size:15px 15px;opacity:.45}
.aca-run{position:absolute;top:36%;font-size:20px;animation:acaRun 2.4s linear infinite}
.aca-run.fox{top:40%;animation-delay:.45s}
@keyframes acaRun{0%{left:-18%}100%{left:112%}}
/* 🥚 Eier-Stapler */
.aca-drop{position:absolute;font-size:15px;top:-22%}
.aca-drop.e1{left:32%;animation:acaFall 1.6s ease-in infinite}
.aca-drop.e2{left:56%;animation:acaFall 1.6s ease-in .8s infinite}
@keyframes acaFall{0%{top:-22%}70%{top:46%}100%{top:46%;opacity:0}}
.aca-stack{position:absolute;left:26%;bottom:16%;display:flex;gap:2px}
.aca-stack i{width:10px;height:10px;border-radius:2px;background:#e8c07d;animation:acaSquish 1.6s ease-in-out infinite}
.aca-stack i:nth-child(2){background:#cf6a4f;animation-delay:.2s}
.aca-stack i:nth-child(3){background:#74e0a4;animation-delay:.4s}
.aca-stack i:nth-child(4){background:#e2a149;animation-delay:.6s}
@keyframes acaSquish{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.82)}}
/* 🍄 Super-Huhn */
.aca-ground{position:absolute;left:0;right:0;bottom:16%;height:4px;background:#6a5030}
.aca-jump{position:absolute;left:20%;bottom:20%;font-size:20px;animation:acaJump 1.25s ease-in-out infinite}
@keyframes acaJump{0%,100%{transform:translateY(0)}44%{transform:translateY(-23px)}}
.aca-mush{position:absolute;bottom:19%;left:110%;font-size:14px;animation:acaMush 2.4s linear infinite}
@keyframes acaMush{0%{left:110%}100%{left:-16%}}
/* 🐣 Küken-Flipper */
.aca-pegg{position:absolute;left:44%;top:8%;font-size:15px;animation:acaPegg 1.5s ease-in-out infinite}
@keyframes acaPegg{0%,100%{top:6%}50%{top:52%}}
.aca-pinb .fl{position:absolute;bottom:20%;width:16px;height:5px;border-radius:3px;background:linear-gradient(90deg,#f2e3b8,#b39a63)}
.aca-pinb .fl.l{left:24%;transform-origin:left center;animation:acaFlL 1.5s ease-in-out infinite}
.aca-pinb .fl.r{right:24%;transform-origin:right center;animation:acaFlR 1.5s ease-in-out infinite}
@keyframes acaFlL{0%,38%,100%{transform:rotate(22deg)}52%,72%{transform:rotate(-16deg)}}
@keyframes acaFlR{0%,38%,100%{transform:rotate(-22deg)}52%,72%{transform:rotate(16deg)}}
/* 🧱 Block-Blast */
.aca-bb{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:54px;height:12px}
.aca-bb i{position:absolute;width:12px;height:12px;border-radius:3px;top:0;animation:acaBBpop 2.2s ease-in-out infinite}
.aca-bb i.a{left:0;background:#e8c84a}
.aca-bb i.b{left:14px;background:#cf6a4f;animation-delay:.12s}
.aca-bb i.c{left:28px;background:#7ac74f;animation-delay:.24s}
.aca-bb i.d{left:42px;background:#5a7de0;animation-delay:.36s}
@keyframes acaBBpop{0%,58%,100%{transform:translateY(0);opacity:1}70%{transform:translateY(-3px)}80%{opacity:.12}90%{opacity:1;transform:translateY(0)}}
.aca-bbline{position:absolute;left:12%;top:46%;width:76%;height:16px;transform:translateY(-50%);border-radius:4px;background:rgba(255,255,255,.9);opacity:0;animation:acaBBflash 2.2s ease-in-out infinite}
@keyframes acaBBflash{0%,74%,100%{opacity:0}80%{opacity:.85}86%{opacity:0}}
/* 🐍 Schlangengrube */
.aca-slith{position:absolute;font-size:18px}
.aca-slith.s1{left:20%;top:28%;animation:acaWig 1.4s ease-in-out infinite}
.aca-slith.s2{right:22%;top:48%;font-size:11px;animation:acaOrbit 3s linear infinite}
.aca-slith.s3{left:44%;bottom:16%;font-size:10px;animation:acaOrbit 2.2s linear infinite reverse}
@keyframes acaWig{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}
@keyframes acaOrbit{0%{transform:translate(0,0)}25%{transform:translate(9px,-6px)}50%{transform:translate(0,-11px)}75%{transform:translate(-9px,-6px)}100%{transform:translate(0,0)}}
/* ⚽ Fußball */
.aca-fb{position:absolute;bottom:18%;font-size:20px}
.aca-fb.p1{left:12%}.aca-fb.p2{right:12%}
.aca-ball{position:absolute;font-size:14px;animation:acaBall 1.4s ease-in-out infinite}
@keyframes acaBall{0%{left:22%;top:52%}50%{left:64%;top:20%}100%{left:22%;top:52%}}
/* 🎲 Rundenspiele */
.aca-die{position:absolute}
.aca-die.d1{left:26%;top:26%;font-size:22px;animation:acaDie 1.3s ease-in-out infinite}
.aca-die.d2{right:24%;top:42%;font-size:17px;animation:acaDie 1.3s ease-in-out .4s infinite}
@keyframes acaDie{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(180deg) translateY(-9px)}100%{transform:rotate(360deg) translateY(0)}}
/* ══ 🏠 Übersicht: News + einklappbare Jackpots ══ */
.home-news{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:4px}
@media(max-width:900px){.home-news{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-news{gap:6px}}
.home-news .home-news-card{padding:11px 12px}
.home-news .chat-announce-h{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-news .chat-announce-title{font-size:14px;margin:1px 0 4px;-webkit-line-clamp:2}
.home-news .chat-announce-b{-webkit-line-clamp:2;font-size:12.5px}
.home-news-neu{top:6px;right:7px;font-size:8px;padding:1px 5px}
.home-news-card{margin:0!important;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}
.home-news-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(0,0,0,.55)}
.home-news-card.unread{border-color:#ff6f5a;box-shadow:0 0 0 1px rgba(255,111,90,.4),0 0 16px rgba(255,111,90,.18)}
.home-news-card.unread:hover{box-shadow:0 0 0 1px rgba(255,111,90,.5),0 10px 24px -8px rgba(255,111,90,.28)}
.home-news-neu{position:absolute;top:8px;right:11px;background:#ff5a4a;color:#fff;font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 7px;border-radius:20px;animation:evLive 1.3s ease-out infinite;z-index:1}
/* Lange Ankündigungen auf der Übersicht kürzen (3 Zeilen) – voll lesbar im Overlay */
.home-news-card .chat-announce-b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-news-card .chat-announce-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-news-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}
.home-news-foot .chat-announce-t{position:static}
.home-news-open{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--sand-bright);opacity:.85;flex:none}
.home-news-card:hover .home-news-open{opacity:1}
/* 📖 News-Overlay (blurry Hintergrund wie Karten-Ansicht) */
.news-modal{position:relative;z-index:1;width:min(560px,92vw);max-height:86vh;overflow-y:auto;
  background:linear-gradient(135deg,rgba(226,161,73,.1),var(--surface));border:1px solid var(--sand-bright);
  border-radius:16px;padding:20px 18px;box-shadow:0 22px 64px -14px rgba(0,0,0,.75);animation:newsIn .25s ease}
@keyframes newsIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.news-modal .pv-x{position:absolute;top:10px;right:12px}
.news-modal-card{margin:0!important;border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.news-modal-card .chat-announce-title{font-size:19px}
.news-modal-card .chat-announce-b{font-size:14.5px}
.home-news-modal-t{font-family:var(--mono);font-size:11px;color:var(--text-dim);text-align:right;margin-top:12px}
.home-news-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:11px;background:#ff5a4a;color:#fff;font-family:var(--mono);font-size:11px;font-weight:800;vertical-align:middle;margin-left:6px;box-shadow:0 0 10px rgba(255,90,74,.5);animation:evLive 1.4s ease-out infinite}
.home-collapse{cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px}
.home-collapse:hover{color:var(--sand-bright)}
.home-chev{margin-left:auto;transition:transform .22s;color:var(--text-dim);font-size:13px}
.home-collapse.open .home-chev{transform:rotate(90deg)}

/* ⚙️ Config-Maske 3.49: aufklappbare Gruppen, Einheiten, Hilfe, „geändert"-Markierung, Live-Rechner */
.cfg-search{margin:12px 0 4px}
details.cfg-group{margin-top:10px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:11px;padding:0 14px}
details.cfg-group[open]{padding-bottom:10px;border-color:var(--border)}
details.cfg-group>summary.cfg-group-h{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;margin:0;padding:12px 0;border-bottom:none;user-select:none}
details.cfg-group>summary.cfg-group-h::-webkit-details-marker{display:none}
details.cfg-group>summary.cfg-group-h::before{content:'▸';color:var(--muted);transition:transform .15s;display:inline-block}
details.cfg-group[open]>summary.cfg-group-h::before{transform:rotate(90deg)}
details.cfg-group[open]>summary.cfg-group-h{border-bottom:1px solid var(--border-soft);margin-bottom:8px}
.cfg-chg-count{margin-left:auto;font-size:10px;font-weight:700;color:#241b13;background:var(--amber);border-radius:999px;padding:2px 8px}
.cfg-desc{font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--muted);margin:2px 0 8px;padding:8px 10px;border-left:3px solid var(--sand);background:rgba(216,181,106,.06);border-radius:0 7px 7px 0}
details.cfg-group .cfg-row{grid-template-columns:1fr 190px;padding:6px 6px;border-radius:8px;margin:0 -6px}
details.cfg-group .cfg-row:hover{background:rgba(255,255,255,.025)}
.cfg-row.is-chg .cfg-label>span:first-child{color:var(--sand-bright)}
.cfg-row.is-edit{box-shadow:inset 3px 0 0 var(--amber)}
.cfg-label{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}
.cfg-help,.jp-band-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;
  font-size:11px;line-height:1;color:var(--sand);border:1px solid rgba(216,181,106,.45);cursor:help;vertical-align:middle;font-style:normal}
.cfg-help:hover,.cfg-help:focus,.jp-band-help:hover,.jp-band-help:focus{background:var(--sand);color:#241b13;outline:none}
.cfg-chg{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--amber);background:rgba(226,161,73,.12);border:1px solid rgba(226,161,73,.35);border-radius:999px;padding:1px 7px;cursor:pointer}
.cfg-chg:hover{background:var(--amber);color:#241b13}
.cfg-field{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:stretch;min-width:0}
.cfg-field .cfg-input{border-radius:7px 0 0 7px;min-width:0}
.cfg-field .cfg-input:has(+.cfg-unit-empty){border-radius:7px}
.cfg-unit-empty{visibility:hidden}
.cfg-unit{display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;font-family:var(--mono);font-size:10px;color:var(--muted);white-space:nowrap;padding:8px 8px;border:1px solid var(--border);border-left:none;border-radius:0 7px 7px 0;background:var(--surface)}
.cfg-switch{position:relative;display:inline-block;width:42px;height:24px;justify-self:end}
.cfg-switch input{opacity:0;width:0;height:0;position:absolute}
.cfg-switch span{position:absolute;inset:0;background:var(--surface);border:1px solid var(--border);border-radius:999px;transition:.15s;cursor:pointer}
.cfg-switch span::after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:.15s}
.cfg-switch input:checked+span{background:rgba(174,184,111,.25);border-color:var(--olive)}
.cfg-switch input:checked+span::after{transform:translateX(18px);background:var(--olive-bright)}
.cfg-switch input:focus-visible+span{box-shadow:0 0 0 2px var(--ring)}
.cfg-calc{margin-top:10px;padding:12px;border:1px dashed rgba(216,181,106,.4);border-radius:10px;background:rgba(216,181,106,.04)}
.cfg-calc-h{font-family:var(--mono);font-weight:700;font-size:12px;color:var(--sand-bright);display:flex;gap:6px;align-items:center;margin-bottom:8px}
.cfg-calc-ctl{display:grid;grid-template-columns:1fr 190px;gap:8px;margin-bottom:8px}
.cfg-calc-facts{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:8px}
.cfg-calc-facts b{color:var(--text)}
.cfg-calc-t{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:11px}
.cfg-calc-t th{text-align:right;color:var(--muted);font-weight:600;padding:4px 6px;border-bottom:1px solid var(--border-soft)}
.cfg-calc-t td{text-align:right;padding:4px 6px;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.03)}
.cfg-calc-t th:first-child,.cfg-calc-t td:first-child{text-align:left}
.cfg-ev-ok{color:var(--olive-bright)!important;font-weight:700}
.cfg-ev-bad{color:var(--brick)!important;font-weight:700}
@media (max-width:600px){details.cfg-group .cfg-row{grid-template-columns:1fr}.cfg-switch{justify-self:start}.cfg-calc-ctl{grid-template-columns:1fr}}
/* 💬 Hilfe-Tooltip (global, data-tip) */
.kk-tip{position:fixed;z-index:20000;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s;
  background:#1d1a14;color:var(--text);border:1px solid rgba(216,181,106,.45);border-radius:9px;padding:8px 11px;
  font-family:var(--mono);font-size:11px;line-height:1.45;box-shadow:0 8px 28px rgba(0,0,0,.45);white-space:normal}
.kk-tip.on{opacity:1;transform:none}
/* ⚖️ Jackpot-Anteil im Spiel-Band */
.jp-band-share{font-size:11px;color:var(--muted);margin-top:3px}
.jp-band-share b{color:var(--text-dim)}
/* 🛡️ Anti-Cheat-Panel (Admin) */
.ac-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ac-head h3{margin:0}
.ac-state{font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px}
.ac-state.on{color:var(--olive-bright);background:rgba(174,184,111,.15)}
.ac-state.off{color:var(--brick);background:rgba(207,106,79,.12)}
.ac-clean{font-family:var(--mono);font-size:12px;color:var(--olive-bright)}
.ac-list{display:flex;flex-direction:column;gap:6px}
.ac-u{border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-2);border-left:3px solid var(--muted)}
.ac-u.ac-mid{border-left-color:var(--amber)}
.ac-u.ac-hi{border-left-color:var(--brick)}
.ac-u-top{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;flex-wrap:wrap}
.ac-score{font-family:var(--mono);font-weight:800;font-size:13px;min-width:34px;text-align:center;padding:3px 6px;border-radius:7px;background:var(--surface);color:var(--text)}
.ac-hi .ac-score{background:var(--brick);color:#fff}
.ac-mid .ac-score{background:var(--amber);color:#241b13}
.ac-name{font-weight:700;font-size:13px}
.ac-jpb{font-family:var(--mono);font-size:10px;color:var(--brick);border:1px solid rgba(207,106,79,.5);border-radius:999px;padding:0 6px;margin-left:4px}
.ac-kinds{display:flex;flex-wrap:wrap;gap:4px;flex:1}
.ac-chip{font-family:var(--mono);font-size:10px;color:var(--text-dim);background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;padding:1px 7px}
.ac-ago,.ac-caret{font-family:var(--mono);font-size:10px;color:var(--muted)}
.ac-detail{padding:4px 10px 10px;border-top:1px solid var(--border-soft)}
.ac-ev{display:grid;grid-template-columns:170px 1fr 40px 90px;gap:8px;font-family:var(--mono);font-size:11px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-dim)}
.ac-ev-d{color:var(--muted);overflow-wrap:anywhere}
.ac-ev-s{color:var(--brick);font-weight:700;text-align:right}
.ac-ev-t{color:var(--muted);text-align:right}
.ac-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
@media (max-width:600px){.ac-ev{grid-template-columns:1fr auto}.ac-ev-d{grid-column:1/-1}}

/* 🪟 Moderations-Overlay (Admin-Spielerakte + anonyme Mod-Akte) */
body.mov-lock{overflow:hidden}
body.mov-lock #toast{z-index:1200}
.mov{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:18px}
.mov-back{position:absolute;inset:0;background:rgba(8,8,6,.72);backdrop-filter:blur(5px);opacity:0;transition:opacity .18s}
.mov.on .mov-back{opacity:1}
.mov-sheet{position:relative;width:min(900px,100%);max-height:92vh;display:flex;flex-direction:column;background:var(--surface);
  border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.6);overflow:hidden;
  transform:translateY(14px) scale(.985);opacity:0;transition:transform .2s ease,opacity .18s}
.mov.on .mov-sheet{transform:none;opacity:1}
.mov-head{display:flex;align-items:center;gap:14px;padding:16px 18px 12px;background:linear-gradient(135deg,rgba(216,181,106,.10),rgba(216,181,106,.02));border-bottom:1px solid var(--border-soft)}
.mov-id{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.mov-av{width:46px;height:46px;flex:none;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;
  color:#241b13;background:linear-gradient(135deg,var(--sand-bright),var(--amber))}
.mov-av.anon{background:var(--surface-2);color:var(--muted);border:1px dashed var(--border)}
.mov-title{font-weight:800;font-size:17px;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mov-sub{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:2px}
.mov-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.mov-chip{font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text-dim)}
.mov-chip.frz{color:#8fd4ff;border-color:rgba(143,212,255,.35)}
.mov-chip.ban,.mov-chip.jpb{color:#fff;background:var(--brick);border-color:var(--brick)}
.mov-chip.stk{color:var(--brick);border-color:rgba(207,106,79,.45)}
.mov-chip.ac{color:#241b13;background:var(--amber);border-color:var(--amber)}
.mov-chip.ok{color:var(--olive-bright);border-color:rgba(174,184,111,.4)}
.mov-risk{display:flex;align-items:center;gap:6px;flex:none}
.mov-risk .cr-score{width:90px}
.mov-x{flex:none;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:15px;cursor:pointer}
.mov-x:hover{border-color:var(--sand);color:var(--sand-bright)}
.mov-tabs{display:flex;gap:4px;padding:8px 14px 0;border-bottom:1px solid var(--border-soft);overflow-x:auto;scrollbar-width:none;flex:none}
.mov-tabs::-webkit-scrollbar{display:none}
.mov-tabs:empty{display:none}
.mov-tab{flex:none;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-weight:700;font-size:12.5px;padding:9px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}
.mov-tab:hover{color:var(--text)}
.mov-tab.on{color:var(--sand-bright);border-bottom-color:var(--sand)}
.mov-tab-b{font-family:var(--mono);font-size:10px;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--surface-2);color:var(--text-dim)}
.mov-tab-b.hot{background:var(--brick);color:#fff}
.mov-body{flex:1;overflow-y:auto;padding:16px 18px;overscroll-behavior:contain}
.mov-body .mod-sec{margin-top:4px}
.mov-body .tn-row{margin-bottom:10px}
.mov-foot{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--border-soft);background:var(--surface-2)}
.mov-foot:empty{display:none}
.mov-foot-t{font-weight:700;font-size:12.5px;color:var(--text);margin-right:auto}
.mov-foot-close{margin-left:auto}
.mov-done{font-size:12px;color:var(--amber);font-weight:600;margin-right:auto}
.mov-acbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;margin-bottom:12px;border-radius:12px;cursor:pointer;
  background:linear-gradient(135deg,rgba(207,106,79,.16),rgba(207,106,79,.05));border:1px solid rgba(207,106,79,.4);font-size:12px;color:var(--text)}
.mov-acbar:hover{border-color:var(--brick)}
.mov-acbar-go{margin-left:auto;font-family:var(--mono);font-size:11px;color:#f0a090;font-weight:700}
.mov-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.mov-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.mov-kpi{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:11px;padding:9px 10px;display:flex;flex-direction:column;gap:3px}
.mov-kpi span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.mov-kpi b{font-family:var(--mono);font-size:14px;color:var(--text)}
.mov-kpi b.pos{color:var(--olive-bright)}.mov-kpi b.neg{color:#f0a090}
.mov-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mc-sub{font-size:11px;color:var(--muted);margin-bottom:8px}
/* Anti-Cheat-Panel (in beiden Akten) */
.ac-pill{display:inline-flex;align-items:center;gap:3px;font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;
  border:1px solid var(--border-soft);background:var(--surface);color:var(--text-dim);white-space:nowrap}
.ac-pill.strong{color:#fff;background:rgba(207,106,79,.85);border-color:var(--brick)}
.ac-pill.mid{color:#241b13;background:var(--amber);border-color:var(--amber)}
.ac-pill b{font-weight:800}
.acp-clean{font-size:12.5px;color:var(--olive-bright);padding:14px;text-align:center;background:var(--surface-2);border-radius:11px}
.acp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.acp-kpi{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:12px;padding:10px;text-align:center}
.acp-kpi b{display:block;font-family:var(--mono);font-size:20px;color:var(--text)}
.acp-kpi span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.acp-kpi.warm b{color:var(--amber)}
.acp-kpi.hot{border-color:var(--brick);background:rgba(207,106,79,.12)}.acp-kpi.hot b{color:#f0a090}
.acp-meter{position:relative;height:22px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-soft);overflow:hidden;margin-bottom:12px}
.acp-meter i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--amber),var(--brick))}
.acp-meter span{position:relative;display:block;text-align:center;font-family:var(--mono);font-size:10.5px;line-height:20px;color:var(--text)}
.acp-sec{font-weight:700;font-size:12.5px;color:var(--sand-bright);margin:14px 0 8px}
.acp-sec-h{font-weight:400;font-size:10px;color:var(--muted)}
.acp-kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.acp-kind{background:var(--surface-2);border:1px solid var(--border-soft);border-left:3px solid var(--muted);border-radius:11px;padding:9px 11px}
.acp-kind.strong{border-left-color:var(--brick)}.acp-kind.mid{border-left-color:var(--amber)}
.acp-kind-h{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text)}
.acp-kind-n{margin-left:auto;font-family:var(--mono);font-weight:800;font-size:12px;color:var(--sand-bright)}
.acp-kind-d{font-size:11.5px;color:var(--text-dim);line-height:1.4;margin:4px 0 6px}
.acp-kind-m{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;color:var(--muted)}
.acp-kind.strong .acp-str{color:#f0a090}.acp-kind.mid .acp-str{color:var(--amber)}
.acp-tl{position:relative;padding-left:16px;max-height:340px;overflow-y:auto}
.acp-tl::before{content:'';position:absolute;left:5px;top:4px;bottom:4px;width:2px;background:var(--border-soft)}
.acp-ev{position:relative;padding:6px 0 8px 8px}
.acp-ev-dot{position:absolute;left:-15px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--muted);border:2px solid var(--surface)}
.acp-ev.strong .acp-ev-dot{background:var(--brick)}.acp-ev.mid .acp-ev-dot{background:var(--amber)}.acp-ev.auto .acp-ev-dot{background:var(--olive)}
.acp-ev-h{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--text)}
.acp-ev-s{font-family:var(--mono);font-weight:800;font-size:11px;color:#f0a090}
.acp-ev-d{font-family:var(--mono);font-size:11px;color:var(--text-dim);margin-top:2px;overflow-wrap:anywhere}
.acp-ev-t{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:2px}
.acp-note{font-size:10.5px;color:var(--muted);line-height:1.45;margin-top:12px;padding:8px 10px;border-radius:9px;background:var(--surface-2)}
/* Mod-Zentrale: Filter, Live-Feed, AC-Badges */
.mod-tiles{grid-template-columns:repeat(6,1fr)}
.mod-tile.ac{border-color:rgba(207,106,79,.55);background:rgba(207,106,79,.1)}
.mod-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.mod-fchip{font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer}
.mod-fchip span{font-family:var(--mono);font-size:10px;color:var(--muted);margin-left:2px}
.mod-fchip.on{background:var(--sand);border-color:var(--sand);color:#241b13}.mod-fchip.on span{color:#241b13}
.mod-anom.has-ac{box-shadow:inset 0 0 0 1px rgba(207,106,79,.35)}
.mod-anom-ac{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.mod-feed{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}
.mod-feed-r{display:flex;align-items:center;gap:9px;text-align:left;width:100%;padding:8px 10px;border-radius:10px;cursor:pointer;
  background:var(--surface-2);border:1px solid var(--border-soft);border-left:3px solid var(--muted);color:var(--text);font-size:12px}
.mod-feed-r.strong{border-left-color:var(--brick)}.mod-feed-r.mid{border-left-color:var(--amber)}
.mod-feed-r:hover{border-color:var(--sand)}
.mf-ic{font-size:16px;flex:none}
.mf-main{flex:1;min-width:0;line-height:1.35}
.mf-d{display:block;font-family:var(--mono);font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mf-t{flex:none;font-family:var(--mono);font-size:10px;color:var(--muted)}
/* Admin-Moderation: Anti-Cheat-Karte */
.ac-mod-card .acm-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;border:1px solid var(--border-soft);margin-bottom:6px;background:var(--surface-2);flex-wrap:wrap}
.ac-mod-card .acm-row:hover{border-color:var(--sand)}
.ac-mod-card .acm-row.hot{border-left:3px solid var(--brick)}
.acm-main{display:flex;flex-direction:column;min-width:0;flex:1}
.acm-last{font-family:var(--mono);font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acm-kinds{display:flex;gap:4px;flex-wrap:wrap}
.acm-go{font-family:var(--mono);font-size:11px;color:var(--sand);font-weight:700}
@media (max-width:640px){
  .mov{padding:0;align-items:flex-end}
  .mov-sheet{max-height:100%;height:100%;border-radius:0;border:none}
  .mov-head{flex-wrap:wrap;padding:12px 14px 10px}
  .mov-risk{order:3;width:100%}.mov-risk .cr-score{flex:1;width:auto}
  .mov-body{padding:12px 14px}
  .mov-foot{padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
  .mov-foot .btn{flex:1}
  .mov-kpis{grid-template-columns:repeat(2,1fr)}
  .mod-tiles{grid-template-columns:repeat(3,1fr)}
  .acm-kinds{display:none}
}

/* 🎟️ Sichtbarer Jackpot-Wurf (Los-Prinzip) */
.jp-roll{position:fixed;left:50%;top:22%;transform:translate(-50%,-10px) scale(.96);z-index:1150;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.jp-roll.show{opacity:1;transform:translate(-50%,0) scale(1)}
.jp-roll-in{min-width:250px;max-width:calc(100vw - 32px);text-align:center;padding:14px 20px 12px;border-radius:16px;
  background:linear-gradient(135deg,#2a2416,#1c1a15);border:1px solid rgba(216,181,106,.55);box-shadow:0 14px 50px rgba(0,0,0,.55)}
.jp-roll-h{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--sand-bright);text-transform:uppercase}
.jp-roll-reels{display:flex;justify-content:center;gap:8px;margin:10px 0 8px}
.jp-roll-reels span{width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:26px;border-radius:10px;
  background:var(--surface-2);border:1px solid var(--border)}
.jp-roll-res{font-size:13px;color:var(--text-dim)}
.jp-roll-res b{color:#241b13}
.jp-roll-in.hit{background:linear-gradient(135deg,var(--sand-bright),var(--amber));border-color:var(--sand-bright);animation:jpRollPop .5s ease}
.jp-roll-in.hit .jp-roll-h,.jp-roll-in.hit .jp-roll-res{color:#241b13;font-weight:800}
.jp-roll-in.miss .jp-roll-res{color:var(--muted)}
@keyframes jpRollPop{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}

/* 📡 Verbindungs-Hinweis (statt Schein-Logout bei 502/Netzfehler) */
.net-banner{position:fixed;left:50%;top:10px;transform:translateX(-50%);z-index:1300;max-width:calc(100vw - 32px);
  padding:8px 14px;border-radius:999px;background:var(--surface-3);border:1px solid rgba(226,161,73,.55);color:var(--amber);
  font-family:var(--mono);font-size:12px;box-shadow:0 6px 24px rgba(0,0,0,.4)}
.slow-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:6px 0;border-bottom:1px solid var(--border-soft);font-family:var(--mono);font-size:11.5px}
.slow-t{color:var(--muted);min-width:86px}.slow-ms{color:var(--amber);font-weight:700}
.slow-parts{flex-basis:100%;color:var(--text-dim);font-size:10.5px}.slow-parts i{color:#f0a090;font-style:normal}
/* 3.56: aufklappbar + Details je Eintrag */
.slow-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;cursor:pointer;user-select:none}
.slow-head h3{margin:0}.slow-car{width:12px;color:var(--muted);font-size:12px}
.slow-sum{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--muted)}
.slow-card .slow-head+.slow-row,.slow-card .slow-head+.ac-clean{margin-top:8px}
.slow-row{cursor:pointer;border-radius:6px;padding:6px 6px;transition:background .15s}
.slow-row:hover{background:rgba(255,255,255,.04)}.slow-row.sel{background:rgba(240,180,60,.08)}
.slow-row.bg b,.slow-row.bg .slow-ms{color:var(--muted)}
.slow-u{color:var(--text-dim);font-size:10.5px}
.slow-detail{margin:2px 0 8px 10px;padding:8px 10px;border-left:2px solid var(--amber);background:rgba(0,0,0,.18);border-radius:0 8px 8px 0;font-size:11.5px}
.sd-meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--text-dim);font-family:var(--mono);font-size:10.5px;margin-bottom:6px}
.slow-bar{display:grid;grid-template-columns:minmax(90px,150px) 1fr 52px;align-items:center;gap:2px 8px;padding:3px 0}
.sb-n{font-family:var(--mono);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-track{height:7px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}
.sb-track span{display:block;height:100%;background:var(--amber);border-radius:4px}
.slow-bar.rest .sb-track span{background:#e07a6a}
.sb-ms{font-family:var(--mono);font-size:10.5px;text-align:right;color:var(--amber)}
.sb-info{grid-column:1/-1;color:var(--muted);font-size:10px;padding-left:2px}
.sd-hint{color:var(--muted);font-size:10px;margin-top:4px}
.sd-notes{margin-top:6px;color:var(--text);font-size:11px}
.slow-foot{display:flex;justify-content:flex-end;margin-top:8px}
@media (max-width:520px){.slow-sum{margin-left:20px;flex-basis:100%}.slow-bar{grid-template-columns:90px 1fr 46px}}
/* ═══════════ 🥚⚡🎪 CASINO-SHOWS (v3.59) ═══════════ */
/* gemeinsame Effekte */
.cs-coin{position:absolute;top:-30px;z-index:60;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:csCoin 2.3s cubic-bezier(.3,.1,.6,1) forwards}
@keyframes csCoin{0%{transform:translate(0,0) rotate(0);opacity:0}8%{opacity:1}100%{transform:translate(var(--dx),520px) rotate(var(--r));opacity:0}}
.cs-shake{animation:csShake .45s ease}.cs-shake-hard{animation:csShake .25s ease 3}
@keyframes csShake{0%,100%{transform:translate(0,0)}20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-4px,-1px)}80%{transform:translate(4px,1px)}}
.cs-bw{position:absolute;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,0,0,.55),rgba(0,0,0,.85));animation:csBwIn .35s ease}
.cs-bw-rays{position:absolute;width:160%;aspect-ratio:1;background:repeating-conic-gradient(from 0deg,rgba(255,210,90,.16) 0 10deg,transparent 10deg 20deg);animation:csRays 8s linear infinite;pointer-events:none}
.cs-bw-t{position:relative;font-size:clamp(34px,7vw,64px);font-weight:900;letter-spacing:.04em;background:linear-gradient(180deg,#fff6c8,#ffd24a 45%,#d48a12);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 #6a3a00) drop-shadow(0 0 22px rgba(255,190,60,.7));animation:csBwPulse 1s ease-in-out infinite}
.cs-bw-mega .cs-bw-t{background:linear-gradient(180deg,#fff,#7fe0ff 45%,#2a7ad6);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 #0a2a6a) drop-shadow(0 0 26px rgba(90,180,255,.8))}
.cs-bw-epic .cs-bw-t{background:linear-gradient(180deg,#fff,#ff9ae0 40%,#9b3dff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 #3a0a5a) drop-shadow(0 0 30px rgba(220,90,255,.85))}
.cs-bw-v{position:relative;font-size:clamp(28px,5.5vw,48px);font-weight:900;color:#fff;font-family:var(--mono);text-shadow:0 3px 14px rgba(0,0,0,.8)}
.cs-bw-x{position:relative;font-size:13px;font-weight:800;color:#ffe9a8;letter-spacing:.1em}
@keyframes csBwIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
@keyframes csBwPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes csRays{to{transform:rotate(360deg)}}
/* Chips */
.cs-chip{--cc:#2b2b2b;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,var(--cc) 0 52%,#fff 52% 56%,var(--cc) 56% 100%);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.85),inset 0 0 0 6px var(--cc),0 3px 6px rgba(0,0,0,.5);position:relative}
.cs-chip::before{content:"";position:absolute;inset:3px;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.9) 0 12deg,transparent 12deg 45deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%)}
.cs-chip b{position:relative;font-size:11px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.cs-chip.mini{width:26px;height:26px}.cs-chip.mini b{font-size:8px}
.cs-chipbar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0 6px}
.cs-chipbtn{background:none;border:none;padding:2px;border-radius:50%;cursor:pointer;transition:transform .15s}
.cs-chipbtn:hover{transform:translateY(-3px)}
.cs-chipbtn.sel{transform:translateY(-5px) scale(1.08);filter:drop-shadow(0 0 8px rgba(255,220,100,.9))}
.cs-actions{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}
.cs-total{font-size:12px;color:var(--muted);font-weight:700;margin:0 6px}.cs-total b{color:var(--sand);font-family:var(--mono);font-size:14px}

/* ═══ 🥚 GOLDENE EIER ═══ */
.ge-panel{padding:0!important;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#3a2608,#140c04 70%)!important;border-color:#8a6a1e!important}
.ge-cabinet{position:relative;padding:14px 14px 12px;margin:10px;border-radius:22px;
  background:linear-gradient(180deg,#6b4a12,#2a1a06 18%,#1a1004 82%,#5a3c0e);border:3px solid #d4a73a;
  box-shadow:inset 0 0 0 2px #3a2606,inset 0 0 40px rgba(255,190,60,.15),0 10px 40px rgba(0,0,0,.6),0 0 30px rgba(255,180,40,.15)}
.ge-bulbs{position:absolute;inset:3px;border:5px dotted #fff3b0;border-radius:19px;pointer-events:none;filter:drop-shadow(0 0 4px #ffd36a);animation:geBulbs .9s steps(1) infinite}
.ge-bulbs::after{content:"";position:absolute;inset:-5px;border:5px dotted #ffb020;border-radius:19px;opacity:0;animation:geBulbs2 .9s steps(1) infinite}
@keyframes geBulbs{50%{border-color:#a8701a;filter:none}}@keyframes geBulbs2{50%{opacity:1}}
.ge-respins[hidden],.gs-bonus[hidden]{display:none!important}
.ge-cabinet{max-width:700px;margin:10px auto!important}
.ge-marquee{position:relative;text-align:center;margin:4px 0 8px;line-height:1}
.ge-logo{display:inline-block;font-size:clamp(26px,5vw,40px);font-weight:900;letter-spacing:.06em;background:linear-gradient(180deg,#fff7d1,#ffd24a 40%,#c8840c 70%,#ffe08a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #5a3500) drop-shadow(0 0 16px rgba(255,190,60,.55))}
.ge-logo-egg{font-size:30px;margin-right:6px;display:inline-block;animation:geWobble 2.4s ease-in-out infinite;vertical-align:6px}
.ge-logo-sub{display:block;margin-top:4px;font-size:11px;font-weight:900;letter-spacing:.5em;color:#ffcf6a}
@keyframes geWobble{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.ge-jps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.ge-jp{border-radius:10px;padding:5px 4px;text-align:center;border:1px solid;line-height:1.1;background:rgba(0,0,0,.35)}
.ge-jp small{display:block;font-size:9px;font-weight:900;letter-spacing:.18em}.ge-jp b{font-family:var(--mono);font-size:14px;color:#fff}
.ge-jp.mini{border-color:#5fbf6a}.ge-jp.mini small{color:#7fe08a}
.ge-jp.minor{border-color:#5aa0e0}.ge-jp.minor small{color:#8ac8ff}
.ge-jp.major{border-color:#c07be0}.ge-jp.major small{color:#e0a8ff}
.ge-jp.grand{border-color:#ffd24a;background:linear-gradient(180deg,rgba(255,200,60,.25),rgba(0,0,0,.35));box-shadow:0 0 14px rgba(255,200,60,.35);animation:geGrandGlow 2s ease-in-out infinite}
.ge-jp.grand small{color:#ffe08a}
@keyframes geGrandGlow{0%,100%{box-shadow:0 0 10px rgba(255,200,60,.3)}50%{box-shadow:0 0 22px rgba(255,200,60,.65)}}
.ge-screen{position:relative;border-radius:14px;padding:8px;background:radial-gradient(ellipse at 50% 30%,#2a1d3a,#0c0812 75%);border:2px solid #8a6a1e;box-shadow:inset 0 0 30px rgba(0,0,0,.8)}
.ge-screen.bonus{background:radial-gradient(ellipse at 50% 40%,#5a3a08,#160e02 75%);box-shadow:inset 0 0 40px rgba(255,180,40,.25),0 0 30px rgba(255,180,40,.35);animation:geBonusGlow 1.6s ease-in-out infinite}
@keyframes geBonusGlow{0%,100%{border-color:#c99a2a}50%{border-color:#ffe08a}}
.ge-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:6px;aspect-ratio:5/3}
.ge-cell{position:relative;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,220,140,.15)}
.ge-sym{font-size:clamp(28px,6vw,52px);filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}
.ge-cell.spinning .ge-sym,.ge-cell.spinning .ge-egg{filter:blur(2px) brightness(1.1);transform:scaleY(1.18)}
.ge-cell.tease{box-shadow:inset 0 0 0 2px #ffd24a,0 0 18px rgba(255,200,60,.6);animation:geTease .3s ease-in-out infinite alternate}
@keyframes geTease{to{box-shadow:inset 0 0 0 2px #fff3b0,0 0 28px rgba(255,220,100,.9)}}
.ge-cell.land>*{animation:geLand .32s cubic-bezier(.3,1.6,.5,1)}
@keyframes geLand{0%{transform:translateY(-30%)}100%{transform:none}}
.ge-cell.egg-land{animation:geEggFlash .6s ease}
@keyframes geEggFlash{0%{box-shadow:0 0 0 0 rgba(255,220,100,.9)}100%{box-shadow:0 0 0 18px rgba(255,220,100,0)}}
.ge-cell.win{background:radial-gradient(circle,rgba(255,220,100,.35),rgba(255,180,40,.08));border-color:#ffd24a;animation:geWin .5s ease-in-out infinite alternate}
@keyframes geWin{to{box-shadow:inset 0 0 18px rgba(255,220,100,.6)}}
.ge-lines{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);pointer-events:none}
.ge-line{fill:none;stroke:#ffe066;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ffb020);stroke-dasharray:1400;stroke-dashoffset:1400;animation:geLineDraw .6s ease forwards;vector-effect:non-scaling-stroke}
@keyframes geLineDraw{to{stroke-dashoffset:0}}
/* 3D-Ei */
.ge-egg{position:relative;width:72%;height:88%;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 35% 28%,#fffbe0 0 8%,#ffe27a 22%,#f2b32a 55%,#a86a08 88%);box-shadow:inset -6px -8px 14px rgba(120,60,0,.55),inset 4px 4px 10px rgba(255,255,255,.5),0 4px 12px rgba(0,0,0,.55),0 0 16px rgba(255,200,60,.45)}
.ge-egg.blur{filter:blur(2px)}
.ge-shine{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.65) 45%,transparent 58%);background-size:250% 100%;animation:geShine 2.8s ease-in-out infinite;pointer-events:none}
@keyframes geShine{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
.ge-ev{position:relative;font-size:clamp(10px,2.4vw,17px);font-weight:900;color:#4a2600;text-shadow:0 1px 0 rgba(255,255,255,.6);font-family:var(--mono)}
.ge-eicon{position:relative;font-size:clamp(14px,3vw,24px);line-height:1;font-weight:900}
.ge-tag{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);font-size:clamp(7px,1.4vw,10px);font-weight:900;letter-spacing:.08em;padding:1px 6px;border-radius:6px;color:#fff}
.ge-egg.tag-mini .ge-tag{background:#2e9a5a}.ge-egg.tag-minor .ge-tag{background:#2a6fd6}.ge-egg.tag-major .ge-tag{background:#8a3ad6}
.ge-egg.tag-major{box-shadow:inset -6px -8px 14px rgba(120,60,0,.55),inset 4px 4px 10px rgba(255,255,255,.5),0 0 22px rgba(190,110,255,.8)}
.ge-egg.t-collect{background:radial-gradient(ellipse at 35% 28%,#ffe0d8 0 8%,#ff8a6a 25%,#d8341e 60%,#7a1006 90%)}
.ge-egg.t-collect .ge-ev{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.ge-egg.t-multi{background:radial-gradient(ellipse at 35% 28%,#f2e0ff 0 8%,#c08aff 25%,#7a3ad6 60%,#300a6a 90%)}
.ge-egg.t-multi .ge-ev{color:#fff;font-size:clamp(16px,3.5vw,26px);text-shadow:0 0 10px #d6a8ff}
.ge-egg.t-plus{background:radial-gradient(ellipse at 35% 28%,#e0ffe6 0 8%,#7fe08a 25%,#2e9a4a 60%,#0a4a1a 90%)}
.ge-egg.t-plus .ge-ev,.ge-egg.t-plus .ge-eicon{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.ge-e-chip{display:inline-block;padding:0 6px;border-radius:6px;font-weight:900;color:#fff}
.ge-e-chip.collect{background:#d8341e}.ge-e-chip.multi{background:#7a3ad6}.ge-e-chip.plus{background:#2e9a4a}
/* Bonus */
.ge-cell.empty{background:rgba(0,0,0,.45);border-color:rgba(255,200,80,.12)}
.ge-slot{width:46%;aspect-ratio:3/4;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;border:2px dashed rgba(255,210,120,.18)}
.ge-cell.respin .ge-slot{animation:geRespin .65s linear}
@keyframes geRespin{0%{transform:translateY(-60%);opacity:.2}50%{opacity:.8}100%{transform:translateY(60%);opacity:.2}}
.ge-cell.held{background:radial-gradient(circle,rgba(255,200,60,.22),rgba(0,0,0,.3));border-color:rgba(255,210,100,.45)}
.ge-cell.new .ge-egg{animation:geEggDrop .55s cubic-bezier(.3,1.7,.5,1)}
@keyframes geEggDrop{0%{transform:translateY(-120%) scale(.6);opacity:0}100%{transform:none;opacity:1}}
.ge-cell.collected .ge-egg{animation:geCollect .3s ease forwards}
@keyframes geCollect{50%{transform:scale(1.18)}100%{transform:scale(.92);filter:brightness(1.4) saturate(.7)}}
.ge-respins{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:900;letter-spacing:.25em;color:#ffe08a}
.ge-respins i{width:16px;height:16px;border-radius:50%;background:#3a2a10;border:2px solid #8a6a1e;transition:.2s}
.ge-respins i.on{background:radial-gradient(circle at 35% 35%,#fff6c0,#ffb020);border-color:#ffe08a;box-shadow:0 0 12px rgba(255,200,60,.9)}
.ge-respins.reset{animation:geReset .6s ease}
@keyframes geReset{30%{transform:scale(1.25);filter:brightness(1.6)}}
.ge-fx{position:absolute;inset:0;pointer-events:none;z-index:40}
.ge-fx>.cs-bw{pointer-events:auto}
.ge-banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(30px,6vw,56px);font-weight:900;letter-spacing:.08em;color:#fff7d1;
  text-shadow:0 0 20px #ffb020,0 0 40px #ff8a00,0 4px 0 #6a3a00;background:radial-gradient(circle,rgba(255,170,30,.35),transparent 70%);animation:geBanner 1.5s ease forwards}
@keyframes geBanner{0%{transform:scale(2.4);opacity:0}25%{transform:scale(1);opacity:1}80%{opacity:1}100%{transform:scale(.9);opacity:0}}
.ge-float{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:18px;color:#fff7d1;text-shadow:0 0 10px #ffb020,0 2px 3px #000;animation:geFloat 1.4s ease forwards;white-space:nowrap}
.ge-float.multi{color:#f2d8ff;text-shadow:0 0 14px #a65aff,0 2px 3px #000;font-size:30px}
.ge-float.plus{color:#d8ffe0;text-shadow:0 0 12px #3cd06a,0 2px 3px #000}
.ge-float.collect{color:#ffe0d8;text-shadow:0 0 14px #ff5a3a,0 2px 3px #000;font-size:24px}
@keyframes geFloat{0%{transform:translate(-50%,-30%) scale(.6);opacity:0}20%{transform:translate(-50%,-60%) scale(1.15);opacity:1}100%{transform:translate(-50%,-150%) scale(1);opacity:0}}
.ge-orb{position:absolute;width:12px;height:12px;margin:-6px;border-radius:50%;background:radial-gradient(circle,#fff,#ffd24a 50%,transparent 70%);box-shadow:0 0 14px #ffb020;animation:geOrb .8s cubic-bezier(.5,0,.5,1) forwards}
.ge-orb.plus{background:radial-gradient(circle,#fff,#5ae07a 50%,transparent 70%);box-shadow:0 0 14px #2ec05a}
.ge-orb.collect{background:radial-gradient(circle,#fff,#ff7a5a 50%,transparent 70%);box-shadow:0 0 14px #ff4a2a}
@keyframes geOrb{to{transform:translate(var(--tx),var(--ty))}}
.ge-wave{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px;border-radius:50%;border:4px solid #c08aff;box-shadow:0 0 30px #a65aff;animation:geWave .8s ease-out forwards}
@keyframes geWave{to{transform:scale(40);opacity:0}}
.ge-grand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,200,60,.5),rgba(0,0,0,.8));animation:csBwIn .4s ease}
.ge-grand b{font-size:clamp(50px,11vw,96px);font-weight:900;letter-spacing:.06em;background:linear-gradient(180deg,#fff,#ffe066 40%,#ff9a00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #ffb020);animation:csBwPulse .6s ease-in-out infinite}
.ge-grand span{font-weight:900;letter-spacing:.3em;color:#fff3c0}
.ge-winbar{margin:10px 0 8px;text-align:center;font-size:13px;font-weight:700;color:#ffe9b0;min-height:20px}
.ge-winbar b{color:#ffd24a;font-family:var(--mono);font-size:16px}
.ge-controls{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.ge-stake{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.4);border:1px solid #8a6a1e;border-radius:14px;padding:4px 6px}
.ge-sbtn{width:34px;height:34px;border-radius:10px;border:1px solid #c99a2a;background:linear-gradient(180deg,#5a3c0e,#2a1a06);color:#ffe08a;font-size:20px;font-weight:900;cursor:pointer}
.ge-stake-v{display:flex;flex-direction:column;align-items:center;line-height:1}
.ge-stake-v small{font-size:9px;font-weight:900;letter-spacing:.2em;color:#c99a2a}
.ge-stake-v input{width:92px;background:transparent;border:none;color:#fff;text-align:center;font-family:var(--mono);font-size:18px;font-weight:900;padding:2px}
.ge-spin{position:relative;width:96px;height:96px;border-radius:50%;border:4px solid #ffe08a;cursor:pointer;
  background:radial-gradient(circle at 40% 30%,#fff3b0,#ffc02a 35%,#d88a0a 70%,#7a4a00);box-shadow:0 6px 0 #5a3500,0 10px 24px rgba(0,0,0,.6),0 0 24px rgba(255,190,40,.5);transition:transform .1s}
.ge-spin span{font-weight:900;font-size:15px;color:#4a2600;letter-spacing:.06em;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.ge-spin:hover{filter:brightness(1.08)}.ge-spin:active{transform:translateY(4px);box-shadow:0 2px 0 #5a3500,0 4px 12px rgba(0,0,0,.6)}
.ge-spin.busy{filter:saturate(.5) brightness(.8);cursor:wait}
.ge-spin.busy span{animation:geBusy .9s linear infinite;display:inline-block}
@keyframes geBusy{to{transform:rotate(360deg)}}
.ge-pay{margin:4px 14px 14px;font-size:12px}
.ge-pt-row{display:grid;grid-template-columns:44px 1fr 1fr 1fr;gap:6px;align-items:center;padding:3px 0;border-bottom:1px solid rgba(255,220,140,.08)}
.ge-pt-e{font-size:22px}.ge-pt-row b{color:#ffd24a}
.ge-pt-note{margin-top:8px;line-height:1.5;color:var(--text-dim)}

/* ═══ ⚡ BLITZ-ROULETTE ═══ */
.lr-panel{position:relative;background:radial-gradient(ellipse at 50% 0%,#0f2348,#060a14 70%)!important;border-color:#2a4a8a!important;overflow:hidden}
.lr-stage{position:relative;padding:8px 0 4px;text-align:center}
.lr-sky{position:absolute;inset:-20% -10% auto;height:70%;background:radial-gradient(ellipse at 30% 30%,rgba(80,140,255,.25),transparent 60%),radial-gradient(ellipse at 75% 20%,rgba(160,120,255,.18),transparent 55%);pointer-events:none;animation:lrSky 6s ease-in-out infinite alternate}
@keyframes lrSky{to{opacity:.55;transform:translateX(3%)}}
.lr-title{position:relative;font-size:clamp(22px,4.5vw,34px);font-weight:900;letter-spacing:.12em;background:linear-gradient(180deg,#fff,#cfe4ff 40%,#ffd36a 70%,#c99a2a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(120,170,255,.6))}
.lr-title span{-webkit-text-fill-color:#ffe066;color:#ffe066;background:none;margin:0 8px;animation:lrZap 2.2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 0 8px #7ab8ff)}
@keyframes lrZap{0%,88%,100%{opacity:1;transform:none}90%{opacity:.2}92%{opacity:1;transform:scale(1.3)}94%{opacity:.3}}
.lr-wheel-wrap{position:relative;width:min(300px,78vw);aspect-ratio:1;margin:8px auto 4px}
.lr-wheel{position:absolute;inset:0;filter:drop-shadow(0 12px 24px rgba(0,0,0,.7))}
.lr-svg{width:100%;height:100%;display:block}
.lr-wn{fill:#fff;font-size:11px;font-weight:800;text-anchor:middle;dominant-baseline:middle;font-family:var(--mono)}
.lr-pocket{transition:filter .3s}
.lr-pocket.struck{filter:brightness(1.6) drop-shadow(0 0 6px #ffe066);stroke:#ffe066;stroke-width:2}
.lr-pocket.win{filter:brightness(1.9) drop-shadow(0 0 8px #fff);stroke:#fff;stroke-width:3}
.lr-ball-orbit{position:absolute;inset:4%;border-radius:50%;pointer-events:none}
.lr-ball{position:absolute;left:50%;top:1%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d8dde8 45%,#8a92a8);box-shadow:0 2px 4px rgba(0,0,0,.6)}
.lr-ball-orbit.settle .lr-ball{animation:lrBounce .9s ease-out}
@keyframes lrBounce{0%{top:1%}30%{top:6%}55%{top:2%}75%{top:5%}100%{top:5%}}
.lr-hub{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 40% 35%,#fff3b0,#d4a73a 45%,#6a4a10);box-shadow:0 0 0 3px #3a2a08,0 4px 14px rgba(0,0,0,.7)}
.lr-hub b{font-size:clamp(20px,4.5vw,30px);font-weight:900;color:#2a1a04;font-family:var(--mono)}
.lr-hub.red{background:radial-gradient(circle at 40% 35%,#ff8a8a,#c8202f 50%,#5a0a10)}.lr-hub.black{background:radial-gradient(circle at 40% 35%,#777,#222 50%,#000)}
.lr-hub.green{background:radial-gradient(circle at 40% 35%,#8affb0,#1f8a4c 50%,#063a1a)}
.lr-hub.red b,.lr-hub.black b,.lr-hub.green b{color:#fff}
.lr-hub.bolt{box-shadow:0 0 0 3px #ffe066,0 0 30px #ffe066,0 0 60px #6aa8ff}
.lr-marker{position:absolute;left:50%;top:-6px;transform:translateX(-50%);color:#ffe066;font-size:18px;text-shadow:0 0 8px #ffb020}
.lr-hist{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin:6px 0 2px;min-height:30px}
.lr-h{position:relative;min-width:28px;height:28px;padding:0 4px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;color:#fff;font-family:var(--mono)}
.lr-h.red{background:#b8202f}.lr-h.black{background:#1a1a1a;border:1px solid #444}.lr-h.green{background:#1f8a4c}
.lr-h.last{transform:scale(1.15);box-shadow:0 0 0 2px #ffe066}
.lr-h.bolt{box-shadow:0 0 0 2px #ffe066,0 0 10px #ffe066}
.lr-h small{position:absolute;top:-8px;right:-6px;font-size:8px;background:#ffe066;color:#2a1a04;border-radius:5px;padding:0 3px}
.lr-bolts{position:absolute;left:0;top:0;pointer-events:none;z-index:30;overflow:visible}
.lr-bolt{fill:none;stroke:#fff;stroke-width:3;stroke-linejoin:miter;animation:lrBolt .5s ease forwards}
.lr-bolt-glow{fill:none;stroke:#7ab8ff;stroke-width:12;opacity:.6;filter:blur(4px);animation:lrBolt .5s ease forwards}
@keyframes lrBolt{0%{opacity:0}10%{opacity:1}30%{opacity:.4}45%{opacity:1}100%{opacity:0}}
.lr-flash{position:absolute;inset:0;pointer-events:none;z-index:25;background:radial-gradient(circle,rgba(200,225,255,.6),rgba(120,170,255,.15));opacity:0}
.lr-flash.on{animation:lrFlash .45s ease}
@keyframes lrFlash{0%{opacity:0}15%{opacity:1}40%{opacity:.2}55%{opacity:.8}100%{opacity:0}}
.lr-panel.lr-storm .lr-table{filter:brightness(.55) saturate(.7)}
.lr-panel.lr-storm .lr-c.struck{filter:none}
.lr-big{position:absolute;inset:0;z-index:50;pointer-events:none;opacity:0;transition:opacity .2s}
.lr-big.show{opacity:1;pointer-events:auto}
.lr-bh{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(120,170,255,.35),rgba(0,0,0,.85));animation:csBwIn .35s ease}
.lr-bh span{font-size:60px;animation:lrZap .6s infinite}
.lr-bh b{font-size:clamp(60px,13vw,110px);font-weight:900;background:linear-gradient(180deg,#fff,#ffe066 50%,#ffb020);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #6aa8ff)}
.lr-bh small{font-weight:900;letter-spacing:.2em;color:#cfe4ff}
.lr-big .cs-bw{position:absolute}
.lr-table-wrap{overflow-x:auto;padding:6px 2px}
.lr-table{min-width:560px;max-width:760px;margin:0 auto;padding:10px;border-radius:14px;background:radial-gradient(ellipse at 50% 30%,#155a35,#0a3a20);border:3px solid #c9a24a;box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.5)}
.lr-grid{display:grid;grid-template-columns:44px repeat(12,1fr) 40px;grid-template-rows:repeat(3,42px);gap:3px}
.lr-c{position:relative;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;font-weight:900;color:#fff;font-size:14px;font-family:var(--mono);
  border:1px solid rgba(255,255,255,.35);transition:transform .1s,box-shadow .2s,filter .3s;user-select:none}
.lr-c:hover{box-shadow:inset 0 0 0 2px #ffe066}
.lr-c:active{transform:scale(.95)}
.lr-c.red{background:linear-gradient(180deg,#d8323f,#9a1622)}.lr-c.black{background:linear-gradient(180deg,#2a2a2a,#0c0c0c)}
.lr-c.zero{grid-row:1/4;background:linear-gradient(180deg,#25a55a,#126a36);border-radius:22px 6px 6px 22px}
.lr-c.col{font-size:11px;background:rgba(0,0,0,.2)}
.lr-dozens,.lr-outs{display:grid;gap:3px;margin-top:3px;margin-left:47px;margin-right:43px}
.lr-dozens{grid-template-columns:repeat(3,1fr)}.lr-outs{grid-template-columns:repeat(6,1fr)}
.lr-dozens .lr-c,.lr-outs .lr-c{height:36px;font-size:12px;background:rgba(0,0,0,.18);font-family:inherit}
.lr-dia{display:inline-block;width:18px;height:18px;transform:rotate(45deg);border:1px solid #fff}
.lr-dia.red{background:#c8202f}.lr-dia.black{background:#111}
.lr-stack{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.lr-stack .cs-chip{animation:lrChipIn .2s ease}
@keyframes lrChipIn{from{transform:translateY(-8px) scale(1.3);opacity:0}}
.lr-mult{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:900;color:#2a1a04;background:linear-gradient(180deg,#fff3b0,#ffc02a);border-radius:6px;padding:1px 4px;box-shadow:0 0 10px #ffe066;pointer-events:none;white-space:nowrap}
.lr-mult:empty{display:none}
.lr-c.struck{box-shadow:inset 0 0 0 2px #ffe066,0 0 16px #ffe066,0 0 30px #6aa8ff;z-index:2;animation:lrStruck 1.2s ease-in-out infinite alternate}
@keyframes lrStruck{to{box-shadow:inset 0 0 0 2px #fff,0 0 24px #ffe066,0 0 40px #6aa8ff}}
.lr-c.hit{box-shadow:inset 0 0 0 3px #fff,0 0 20px #fff;z-index:3}
.lr-c.lose{filter:brightness(.6)}
.lr-go{min-width:130px;background:linear-gradient(180deg,#5aa0ff,#2a5ad6)!important;border-color:#8ac0ff!important;color:#fff!important;font-weight:900!important;box-shadow:0 0 16px rgba(90,160,255,.5)}
.lr-result{margin:10px 0 2px;text-align:center;font-size:13px;color:#cfe4ff;min-height:20px}
.lr-result b{color:#ffe066;font-family:var(--mono)}
.lr-rn{display:inline-block;min-width:26px;border-radius:6px;padding:0 5px;color:#fff!important}
.lr-rn.red{background:#b8202f}.lr-rn.black{background:#111}.lr-rn.green{background:#1f8a4c}

/* ═══ 🎪 GACKER-SHOW ═══ */
.gs-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#4a1240,#14061a 70%)!important;border-color:#a0389a!important}
.gs-studio{position:relative;padding:6px 0 4px;text-align:center}
.gs-spots{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.gs-spots i{position:absolute;top:-30%;width:40%;height:140%;background:linear-gradient(180deg,rgba(255,240,200,.18),transparent 70%);transform-origin:50% 0;filter:blur(6px);animation:gsSpot 6s ease-in-out infinite alternate}
.gs-spots i:nth-child(1){left:-5%;animation-delay:0s}.gs-spots i:nth-child(2){left:25%;animation-delay:-2s;background:linear-gradient(180deg,rgba(255,120,220,.16),transparent 70%)}
.gs-spots i:nth-child(3){left:45%;animation-delay:-4s;background:linear-gradient(180deg,rgba(120,200,255,.16),transparent 70%)}.gs-spots i:nth-child(4){left:70%;animation-delay:-1s}
@keyframes gsSpot{0%{transform:rotate(-22deg)}100%{transform:rotate(22deg)}}
.gs-top{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:14px;background:linear-gradient(180deg,#2a0e2a,#120612);border:2px solid #ffd36a;box-shadow:0 0 16px rgba(255,200,80,.3);margin-bottom:6px}
.gs-top-lbl{font-size:10px;font-weight:900;letter-spacing:.2em;color:#ffd36a}
.gs-top-reel{width:58px;height:40px;border-radius:8px;background:#000;border:1px solid #6a4a20;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:#fff;overflow:hidden}
.gs-top-reel.mult{color:#ffe066;font-family:var(--mono)}
.gs-top-reel.roll span{animation:gsRoll .07s linear infinite}
@keyframes gsRoll{0%{transform:translateY(-40%);filter:blur(1px)}100%{transform:translateY(40%);filter:blur(1px)}}
.gs-top.hit{animation:gsTopHit .8s ease 2;border-color:#fff}
@keyframes gsTopHit{50%{box-shadow:0 0 30px rgba(255,220,100,.9);transform:scale(1.06)}}
.gs-top.miss{opacity:.6}
.gs-wheel-wrap{position:relative;width:min(380px,88vw);aspect-ratio:1;margin:4px auto}
.gs-wheel{position:absolute;inset:4%;filter:drop-shadow(0 14px 28px rgba(0,0,0,.7))}
.gs-svg{width:100%;height:100%;display:block}
.gs-wt{fill:#fff;font-size:12px;font-weight:900;text-anchor:middle;dominant-baseline:middle;font-family:var(--mono);paint-order:stroke;stroke:rgba(0,0,0,.45);stroke-width:2px}
.gs-wt.b{font-size:13px;stroke:none}
.gs-seg.won{filter:brightness(1.5) drop-shadow(0 0 8px #fff);stroke:#fff;stroke-width:3}
.gs-wheel-hub{position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(26px,6vw,40px);
  background:radial-gradient(circle at 40% 35%,#fff3b0,#e0a020 50%,#6a3a00);box-shadow:0 0 0 4px #2a0e2a,0 0 0 7px #ffd36a,0 6px 18px rgba(0,0,0,.7)}
.gs-flapper{position:absolute;left:50%;top:-1%;width:0;height:0;transform:translateX(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:30px solid #ffd36a;z-index:5;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6));transform-origin:50% 0}
.gs-wheel-wrap.spinning .gs-flapper{animation:gsFlap .09s ease-in-out infinite alternate}
@keyframes gsFlap{to{transform:translateX(-50%) rotate(14deg)}}
.gs-lights{position:absolute;inset:0;pointer-events:none}
.gs-lights i{position:absolute;width:8px;height:8px;margin:-4px;z-index:3;border-radius:50%;background:#fff6c0;box-shadow:0 0 8px #ffd36a;animation:gsBulb 1s steps(1) infinite}
.gs-lights i:nth-child(odd){animation-delay:.5s}
.gs-wheel-wrap.spinning .gs-lights i{animation-duration:.25s}
@keyframes gsBulb{50%{background:#7a4a10;box-shadow:none}}
.gs-hist{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin:6px 0;min-height:30px}
.gs-h{position:relative;min-width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:#fff;background:var(--c);padding:0 4px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.gs-h.last{transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 10px var(--c)}
.gs-h small{position:absolute;top:-8px;right:-6px;font-size:8px;background:#ffd36a;color:#2a0e2a;border-radius:5px;padding:0 3px}
.gs-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 10px 0}
.gs-spot{position:relative;min-height:74px;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;user-select:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 85%,#fff 15%),color-mix(in srgb,var(--c) 70%,#000 30%));border:2px solid rgba(255,255,255,.35);box-shadow:inset 0 -5px 0 rgba(0,0,0,.25),0 4px 10px rgba(0,0,0,.4);transition:transform .1s,filter .3s}
.gs-spot:hover{transform:translateY(-2px);filter:brightness(1.1)}
.gs-spot:active{transform:scale(.97)}
.gs-sp-ic{font-size:26px;font-weight:900;line-height:1;text-shadow:0 2px 3px rgba(0,0,0,.4)}
.gs-sp-n{font-size:10px;font-weight:900;letter-spacing:.06em}
.gs-sp-pay{font-size:10px;font-weight:800;opacity:.85}
.gs-sp-top{position:absolute;top:-9px;right:-6px;font-size:11px;font-weight:900;background:linear-gradient(180deg,#fff3b0,#ffc02a);color:#2a0e2a;border-radius:8px;padding:1px 6px;box-shadow:0 0 12px #ffd36a}
.gs-sp-top:empty{display:none}
.gs-sp-chip{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%)}
.gs-spot.topped{box-shadow:0 0 0 3px #ffd36a,0 0 20px #ffd36a}
.gs-spot.win{box-shadow:0 0 0 3px #fff,0 0 26px #fff;animation:gsWinSpot .5s ease 3}
@keyframes gsWinSpot{50%{transform:scale(1.06)}}
.gs-spot.lose{filter:brightness(.55)}
.gs-spot.landed{outline:3px solid #fff;outline-offset:2px}
.gs-crazy .gs-sp-ic,.gs-spot.gs-crazy{background:conic-gradient(from 0deg,#e8423a,#ffd36a,#3cba8a,#2f9bd6,#9b6dd4,#e8423a)}
.gs-go{min-width:130px;background:linear-gradient(180deg,#ff6ad0,#c0309a)!important;border-color:#ffb0e8!important;color:#fff!important;font-weight:900!important;box-shadow:0 0 18px rgba(255,90,200,.5)}
.gs-result{margin:10px 0 2px;text-align:center;font-size:13px;color:#ffd8f0;min-height:22px}
.gs-result b{color:#ffe066;font-family:var(--mono)}
.gs-land{display:inline-flex;min-width:26px;height:24px;align-items:center;justify-content:center;border-radius:6px;background:var(--c);color:#fff;font-weight:900;padding:0 5px}
.gs-big{position:absolute;inset:0;z-index:50;pointer-events:none}
.gs-big .cs-bw{pointer-events:auto}
.gs-topwin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;letter-spacing:.25em;color:#ffd36a;background:radial-gradient(circle,rgba(255,200,80,.3),rgba(0,0,0,.7));animation:csBwIn .3s ease}
.gs-topwin b{font-size:clamp(60px,13vw,100px);letter-spacing:0;background:linear-gradient(180deg,#fff,#ffe066 50%,#ff9a00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px #ffb020)}
/* Bonus-Bühne */
.gs-bonus{position:absolute;inset:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;
  background:radial-gradient(ellipse at 50% 30%,rgba(90,20,90,.97),rgba(15,5,20,.98));animation:csBwIn .35s ease}
.gsb-title{font-size:clamp(26px,6vw,44px);font-weight:900;letter-spacing:.08em;color:#fff;text-shadow:0 0 18px #ff5ad0,0 3px 0 #4a0a40}
.gsb-title.crazy{background:linear-gradient(90deg,#ff5a5a,#ffd36a,#5ae07a,#5ab0ff,#c07bff,#ff5a5a);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nfxSlide 2s linear infinite;text-shadow:none;filter:drop-shadow(0 0 12px rgba(255,255,255,.5))}
.gsb-sub{font-size:13px;color:#ffd8f0;min-height:20px}.gsb-sub b{color:#ffe066}.gsb-sub b.red{color:#ff6a6a}.gsb-sub b.blue{color:#6ab8ff}
.gs-timer{display:inline-block;min-width:26px;margin-left:6px;padding:0 6px;border-radius:8px;background:#ffd36a;color:#2a0e2a;font-weight:900;font-family:var(--mono)}
/* Münze */
.gs-coin3d{perspective:700px;width:150px;height:150px}
.gs-coin-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 2.5s cubic-bezier(.2,.7,.25,1)}
.gs-face{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border:6px solid #ffd36a;box-shadow:inset 0 0 20px rgba(0,0,0,.4),0 0 24px rgba(255,210,100,.4)}
.gs-face b{font-size:36px;font-weight:900;color:#fff;font-family:var(--mono);text-shadow:0 2px 4px rgba(0,0,0,.5)}
.gs-face.red{background:radial-gradient(circle at 40% 35%,#ff8a8a,#c8202f 60%,#5a0a10)}
.gs-face.blue{background:radial-gradient(circle at 40% 35%,#8ac8ff,#2a6fd6 60%,#0a2a6a);transform:rotateY(180deg)}
/* Pachinko */
.gs-pach{position:relative;width:min(520px,92%);height:290px;border-radius:14px;background:linear-gradient(180deg,#1a0a2a,#2a0e3a);border:2px solid #ffd36a;overflow:hidden}
.gs-pegs i{position:absolute;width:6px;height:6px;margin:-3px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#b8a0d8);box-shadow:0 0 4px rgba(255,255,255,.5)}
.gs-puck{position:absolute;left:50%;top:0;width:18px;height:18px;margin:-9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffd36a 45%,#c88a0a);box-shadow:0 0 14px #ffd36a;z-index:2}
.gs-pslots{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(16,1fr);height:36px}
.gs-pslots span{display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;color:#fff;border-left:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);font-family:var(--mono)}
.gs-pslots span.dbl{background:linear-gradient(180deg,#ffd36a,#c88a0a);color:#2a0e2a;font-size:7px}
.gs-pslots span.hit{background:#fff;color:#2a0e2a;box-shadow:0 0 18px #fff;animation:gsWinSpot .4s ease 3}
/* Eier-Jagd */
.gs-hunt{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;width:min(560px,96%)}
.gs-hunt.shuffle .gs-hegg{animation:gsShuffle .35s ease 4}
@keyframes gsShuffle{25%{transform:translate(4px,-3px) rotate(8deg)}75%{transform:translate(-4px,3px) rotate(-8deg)}}
.gs-hegg{aspect-ratio:3/4;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;border:none;cursor:crosshair;padding:0;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,2.5vw,18px);
  background:radial-gradient(ellipse at 35% 28%,#fff 0 10%,#ffe9b0 30%,#d8b06a 70%,#8a6a2a);box-shadow:inset -3px -4px 8px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.4);transition:transform .15s}
.gs-hegg:hover{transform:scale(1.15);box-shadow:0 0 0 2px #ff5ad0,0 0 14px #ff5ad0}
.gs-hegg.aim{box-shadow:0 0 0 3px #ff2a2a,0 0 18px #ff2a2a}
.gs-hegg.open{background:radial-gradient(circle,#3a1a4a,#1a0a2a);cursor:default;animation:gsCrack .35s ease}
.gs-hegg.open b{font-size:clamp(7px,1.6vw,11px);color:#ffd8f0;font-family:var(--mono)}
.gs-hegg.picked{background:radial-gradient(circle,#ffe066,#ff9a00);box-shadow:0 0 0 3px #fff,0 0 24px #ffd36a;transform:scale(1.3);z-index:2}
.gs-hegg.picked b{color:#2a0e2a;font-size:clamp(9px,2vw,14px)}
@keyframes gsCrack{0%{transform:scale(1.2) rotate(-10deg)}100%{transform:none}}
/* Crazy */
.gs-crazywrap{position:relative;width:min(300px,76vw);aspect-ratio:1}
.gs-cwheel{position:absolute;inset:0}
.gs-csvg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.6))}
.gs-ct{fill:#fff;font-size:10px;font-weight:900;text-anchor:middle;dominant-baseline:middle;font-family:var(--mono);paint-order:stroke;stroke:rgba(0,0,0,.6);stroke-width:2px}
.gs-ct.hit{fill:#ffe066;font-size:15px}
.gs-flaps i{position:absolute;left:50%;top:50%;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:24px solid;transform-origin:50% 0}
.gs-flaps .f0{border-top-color:#3cba8a;transform:translate(-50%,-50%) rotate(0deg) translateY(-160px)}
.gs-flaps .f1{border-top-color:#2f9bd6;transform:translate(-50%,-50%) rotate(120deg) translateY(-160px)}
.gs-flaps .f2{border-top-color:#ffd36a;transform:translate(-50%,-50%) rotate(240deg) translateY(-160px)}
.gs-flaps i.sel{filter:drop-shadow(0 0 10px #fff)}
.gs-flapbtns{display:flex;gap:8px}
.gs-flapbtns button{padding:9px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.5);font-weight:900;color:#fff;cursor:pointer;letter-spacing:.08em}
.gs-flapbtns .f0{background:#2e9a6a}.gs-flapbtns .f1{background:#2a7ad6}.gs-flapbtns .f2{background:#c8920a}
.gs-flapbtns button.sel{box-shadow:0 0 0 3px #fff,0 0 18px #fff;transform:scale(1.08)}
.gs-flapbtns button:disabled:not(.sel){opacity:.35}
@media(max-width:560px){.gs-board{grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 4px 0}.gs-spot{min-height:62px}.gs-sp-ic{font-size:20px}.gs-hunt{grid-template-columns:repeat(9,1fr)}.gs-flaps i{transform-origin:50% 0}
  .gs-flaps .f0{transform:translate(-50%,-50%) rotate(0deg) translateY(-40vw)}.gs-flaps .f1{transform:translate(-50%,-50%) rotate(120deg) translateY(-40vw)}.gs-flaps .f2{transform:translate(-50%,-50%) rotate(240deg) translateY(-40vw)}
  .ge-cabinet{margin:6px;padding:10px 8px}.ge-grid{gap:4px}.ge-spin{width:80px;height:80px}.ge-jp b{font-size:11px}}
@media (prefers-reduced-motion:reduce){.ge-bulbs,.gs-spots i,.lr-sky,.ge-shine,.gs-lights i{animation:none}}
/* Lobby-Vorschauen */
.cla-ge{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px 10px 26px;background:radial-gradient(ellipse at 50% 30%,#3a2608,#140c04)}
.cla-ge span{border-radius:50% 50% 46% 46%/60% 60% 40% 40%;margin:4px 14%;background:radial-gradient(ellipse at 35% 28%,#fffbe0 0 8%,#ffe27a 22%,#f2b32a 55%,#a86a08 88%);box-shadow:0 0 10px rgba(255,200,60,.5);animation:claGe 2.4s ease-in-out infinite}
.cla-ge span:nth-child(2n){animation-delay:-.8s}.cla-ge span:nth-child(3n){animation-delay:-1.6s}
@keyframes claGe{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-4px);filter:brightness(1.3)}}
.cla-lr{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#0f2348,#060a14)}
.cla-lr .w{position:absolute;left:50%;top:44%;height:76%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(#b8202f 0 9.73deg,#141414 9.73deg 19.46deg);border:3px solid #c9a24a;animation:csRays 6s linear infinite}
.cla-lr .w::after{content:"";position:absolute;inset:32%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff3b0,#d4a73a 50%,#6a4a10)}
.cla-lr .b{position:absolute;left:46%;top:-10%;width:14%;height:70%;background:linear-gradient(180deg,transparent,#fff 40%,#7ab8ff);clip-path:polygon(50% 0,70% 38%,55% 40%,80% 100%,30% 52%,48% 50%,25% 0);filter:drop-shadow(0 0 8px #7ab8ff);animation:lrZap 1.8s ease-in-out infinite;opacity:.9}
.cla-gs{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#4a1240,#14061a)}
.cla-gs .w{position:absolute;left:50%;top:48%;height:80%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:conic-gradient(#4fae66 0 30deg,#4a90d6 30deg 60deg,#e2894b 60deg 90deg,#4fae66 90deg 120deg,#2f9bd6 120deg 150deg,#4a90d6 150deg 180deg,#9b6dd4 180deg 210deg,#4fae66 210deg 240deg,#e0559a 240deg 270deg,#4a90d6 270deg 300deg,#3cba8a 300deg 330deg,#e8423a 330deg 360deg);
  border:4px solid #ffd36a;box-shadow:0 0 18px rgba(255,200,80,.4);animation:csRays 5s linear infinite}
.cla-gs .w::after{content:"🎪";position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff3b0,#e0a020 50%,#6a3a00);display:flex;align-items:center;justify-content:center;font-size:16px}
.cla-gs .f{position:absolute;left:50%;top:6%;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:14px solid #ffd36a;z-index:2}
/* ═══ 🔴 LIVE-ROULETTE-RAUM (v3.60) ═══ */
.lm-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#3a1010,#120606 70%)!important;border-color:#8a2a2a!important}
.lm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 6px}
.lm-live{font-size:11px;font-weight:900;letter-spacing:.12em;color:#fff;background:#d8202a;border-radius:6px;padding:2px 8px;animation:lmLive 1.6s ease-in-out infinite}
@keyframes lmLive{50%{box-shadow:0 0 0 4px rgba(216,32,42,.25)}}
.lm-title{font-size:clamp(18px,3.6vw,26px);font-weight:900;letter-spacing:.14em;background:linear-gradient(180deg,#fff,#ffd36a 55%,#c99a2a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lm-online{font-size:12px;color:#ffd8c8;font-weight:700}
.lm-top{display:grid;grid-template-columns:1fr minmax(220px,300px) 1fr;gap:10px;align-items:center}
.lm-dealer{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}
.lm-dealer-av{width:84px;height:84px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}
.lm-dealer-n{font-size:11px;font-weight:800;color:#ffd36a;letter-spacing:.08em}
.lm-bubble{position:relative;background:#fff;color:#2a1208;font-size:12px;font-weight:800;border-radius:12px;padding:7px 10px;max-width:170px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.lm-bubble::after{content:"";position:absolute;bottom:-7px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#fff;border-bottom:0}
.lm-bubble.pop{animation:lmPop .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes lmPop{from{transform:scale(.6);opacity:0}}
.lm-wheel-wrap{width:min(300px,70vw)}
.lm-ring{position:absolute;inset:-8px;border-radius:50%;--p:1;background:conic-gradient(#ffd36a calc(var(--p)*360deg),rgba(255,255,255,.08) 0);-webkit-mask:radial-gradient(circle,transparent 68%,#000 69%);mask:radial-gradient(circle,transparent 68%,#000 69%);transition:opacity .3s}
.lm-panel[data-phase="close"] .lm-ring,.lm-panel[data-phase="spin"] .lm-ring{background:conic-gradient(#d8202a calc(var(--p)*360deg),rgba(255,255,255,.08) 0)}
.lm-clock{position:absolute;right:-6px;top:-6px;min-width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-family:var(--mono);font-size:15px;background:#ffd36a;color:#2a1208;box-shadow:0 0 14px rgba(255,210,100,.6)}
.lm-clock:empty{display:none}
.lm-side{display:flex;flex-direction:column;gap:6px;align-items:center}
.lm-side-t{font-size:10px;font-weight:900;letter-spacing:.15em;color:#ffb0a0}
.lm-hist{justify-content:center;max-width:220px}
.lm-fair{font-size:10px;color:#d8b0a8;text-align:center;line-height:1.4}
.lm-fair code{font-family:var(--mono);color:#ffe9b0}
.lm-players{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px 0 4px;min-height:96px;padding:6px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}
.lm-pl{position:relative;display:flex;flex-direction:column;align-items:center;width:74px}
.lm-pl-av{width:52px;height:52px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}
.lm-pl-n{font-size:10.5px;font-weight:800;color:hsl(var(--h),70%,75%);max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lm-pl-b{font-size:10px;font-family:var(--mono);color:#ffd36a}
.lm-pl.me .lm-pl-av{filter:drop-shadow(0 0 8px rgba(255,210,100,.8))}
.lm-pl.hop .lm-pl-av{animation:lmHop .45s ease 4}
@keyframes lmHop{50%{transform:translateY(-12px)}}
.lm-float{position:absolute;top:-6px;left:50%;transform:translateX(-50%);font-weight:900;font-size:13px;white-space:nowrap;pointer-events:none;animation:lmFloat 2.1s ease forwards;z-index:5}
.lm-float.react{font-size:26px}
.lm-float.win{color:#7fe08a;text-shadow:0 0 10px rgba(80,220,120,.7),0 2px 3px #000;font-size:15px}
.lm-float.bet{color:#ffd36a;font-size:11px;text-shadow:0 1px 3px #000}
@keyframes lmFloat{0%{transform:translate(-50%,10px) scale(.6);opacity:0}15%{transform:translate(-50%,-6px) scale(1.1);opacity:1}100%{transform:translate(-50%,-46px);opacity:0}}
.lm-empty{font-size:12px;color:var(--muted);align-self:center}
.lm-react{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}
.lm-react button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:18px;padding:3px 7px;cursor:pointer;transition:transform .1s}
.lm-react button:hover{transform:translateY(-2px) scale(1.12)}
.lm-status{text-align:center;font-size:13px;color:#ffd8c8;margin:2px 0 6px;min-height:20px}.lm-status b{color:#7fe08a;font-family:var(--mono)}
.lm-table{background:radial-gradient(ellipse at 50% 30%,#7a1a1a,#3a0808)!important;border-color:#d4a73a!important}
.lm-panel:not([data-phase="bet"]) .lm-table .lr-c{cursor:not-allowed}
.lm-panel[data-phase="spin"] .lm-table,.lm-panel[data-phase="close"] .lm-table{filter:saturate(.75) brightness(.85)}
.lm-dots{position:absolute;bottom:2px;left:3px;display:flex;gap:2px;pointer-events:none}
.lm-dots i{width:6px;height:6px;border-radius:50%;background:hsl(var(--h),75%,60%);box-shadow:0 0 0 1px rgba(0,0,0,.5)}
.cs-chip.mine{box-shadow:inset 0 0 0 3px rgba(255,255,255,.85),inset 0 0 0 6px var(--cc),0 0 0 2px #ffd36a,0 3px 6px rgba(0,0,0,.5)}
.lr-c.drop .lr-stack .cs-chip{animation:lmChip .3s cubic-bezier(.3,1.6,.5,1)}
@keyframes lmChip{from{transform:translateY(-14px) scale(1.4);opacity:0}}
.lm-note{text-align:center;font-size:11px;color:var(--muted);margin-top:6px}
.lm-big{position:absolute;inset:0;z-index:50;pointer-events:none}.lm-big .cs-bw{pointer-events:auto}
@media(max-width:620px){.lm-top{grid-template-columns:1fr;justify-items:center}.lm-dealer{flex-direction:row}.lm-bubble{order:2}.lm-dealer-av{width:60px;height:60px}.lm-side{width:100%}}
.cla-lm{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#3a1010,#120606)}
.cla-lm .w{position:absolute;left:58%;top:46%;height:72%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(#b8202f 0 9.73deg,#141414 9.73deg 19.46deg);border:3px solid #d4a73a;animation:csRays 7s linear infinite}
.cla-lm .w::after{content:"";position:absolute;inset:32%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff3b0,#d4a73a 50%,#6a4a10)}
.cla-lm .c{position:absolute;left:4%;bottom:18%;width:44%;height:60%;display:flex;align-items:flex-end;justify-content:center;animation:claGe 2s ease-in-out infinite}
.cla-lm .c svg,.cla-lm .c canvas{width:100%;height:auto}
.cla-lm .l{position:absolute;top:8px;right:8px;font-size:9px;font-weight:900;color:#fff;background:#d8202a;border-radius:5px;padding:1px 6px}
.lm-fair-b{display:inline-block;font-size:11px;font-weight:800;border-radius:20px;padding:3px 10px;cursor:help;border:1px solid}
.lm-fair-b.wait{color:#ffd8c8;border-color:rgba(255,210,180,.3)}.lm-fair-b.ok{color:#7fe08a;border-color:rgba(127,224,138,.5);background:rgba(80,200,110,.1)}.lm-fair-b.bad{color:#ffb070;border-color:rgba(255,176,112,.5)}
/* ═══ 🐔 HÜHNER-MEGAWAYS (v3.62) ═══ */
.mgw-panel{padding:0!important;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#123a4a,#06141c 70%)!important;border-color:#2a7a8a!important}
.mgw-machine{position:relative;max-width:820px;margin:10px auto;padding:12px;border-radius:20px;background:linear-gradient(180deg,#0f2f3c,#081a22);border:3px solid #3ac8d8;box-shadow:0 0 0 2px #0a2a34,0 0 34px rgba(58,200,216,.25),0 12px 40px rgba(0,0,0,.6);transition:border-color .4s,box-shadow .4s}
.mgw-machine.fs{border-color:#ff9a2e;box-shadow:0 0 0 2px #3a1a04,0 0 40px rgba(255,150,40,.45),0 12px 40px rgba(0,0,0,.6);background:linear-gradient(180deg,#3a1c08,#160a04)}
.mgw-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.mgw-logo{font-size:clamp(18px,3.6vw,28px);font-weight:900;letter-spacing:.06em;color:#e8fbff;line-height:1}
.mgw-logo span{margin-right:6px;display:inline-block;animation:geWobble 2.2s ease-in-out infinite}
.mgw-logo b{display:block;font-size:1.25em;background:linear-gradient(90deg,#ffe066,#ff9a2e,#ff4fa0,#3ac8d8,#ffe066);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nfxSlide 6s linear infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.mgw-waysbox{display:flex;flex-direction:column;align-items:flex-end;padding:6px 14px;border-radius:12px;background:rgba(0,0,0,.4);border:1px solid #3ac8d8;line-height:1}
.mgw-waysbox small{font-size:9px;font-weight:900;letter-spacing:.2em;color:#7fe6f2}
.mgw-waysbox b{font-family:var(--mono);font-size:clamp(20px,4vw,30px);color:#fff;text-shadow:0 0 12px rgba(58,200,216,.7)}
.mgw-waysbox.max b{color:#ffe066;text-shadow:0 0 16px rgba(255,200,60,.9);animation:csBwPulse .6s ease-in-out 3}
.mgw-fshud{display:flex;justify-content:space-around;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;border-radius:12px;background:rgba(255,150,40,.12);border:1px solid rgba(255,170,60,.5);font-size:12px;font-weight:800;color:#ffe0b0}
.mgw-fshud b{font-family:var(--mono);font-size:16px;color:#fff}
.mgw-fshud[hidden]{display:none!important}
.mgw-multbox b{display:inline-block;font-size:24px!important;color:#ffe066!important;text-shadow:0 0 14px #ff9a2e}
.mgw-multbox b.bump{animation:mgwBump .55s cubic-bezier(.3,1.7,.5,1)}
@keyframes mgwBump{0%{transform:scale(2.2);filter:brightness(2)}100%{transform:none}}
.mgw-stage{position:relative;width:100%;align-self:stretch}.mgw-machine{width:calc(100% - 20px);box-sizing:border-box}
.mgw-reels{display:grid;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;height:clamp(280px,46vw,420px)}
.mgw-reel{position:relative;display:flex;flex-direction:column;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(120,220,235,.18);overflow:hidden}
.mgw-col{flex:1;display:flex;flex-direction:column;min-height:0}
.mgw-cell{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;border-bottom:1px solid rgba(255,255,255,.04)}
.mgw-cell span{font-size:calc(min(64px, (clamp(280px,46vw,420px) / var(--n)) * .62));line-height:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}
.mgw-cell.s-wild span{filter:drop-shadow(0 0 10px #ffe066)}
.mgw-cell.s-scat{background:radial-gradient(circle,rgba(255,220,100,.25),transparent 70%)}
.mgw-cell.s-scat span{animation:geWobble 1.4s ease-in-out infinite}
.mgw-reel.spinning .mgw-cell span{filter:blur(2px);transform:scaleY(1.15)}
.mgw-reel.stop{animation:mgwStop .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes mgwStop{0%{transform:translateY(-16px) scaleY(1.05)}100%{transform:none}}
.mgw-h{position:absolute;bottom:3px;right:5px;font-size:9px;font-weight:900;color:#7fe6f2;font-family:var(--mono);opacity:.75}
.mgw-cell.win{background:radial-gradient(circle,rgba(255,224,102,.45),rgba(255,180,40,.08));box-shadow:inset 0 0 0 2px #ffe066}
.mgw-cell.win span{animation:mgwWin .4s ease-in-out infinite alternate}
@keyframes mgwWin{to{transform:scale(1.18);filter:drop-shadow(0 0 10px #ffe066)}}
.mgw-cell.pop span{animation:mgwPop .3s ease-in forwards}
@keyframes mgwPop{to{transform:scale(1.8);opacity:0;filter:blur(2px) brightness(2)}}
.mgw-cell.drop span{animation:mgwDrop .42s cubic-bezier(.3,1.5,.55,1) both}
@keyframes mgwDrop{0%{transform:translateY(-140%);opacity:0}100%{transform:none;opacity:1}}
.mgw-fx{position:absolute;inset:0;pointer-events:none;z-index:40}
.mgw-fx>.cs-bw{pointer-events:auto}
.mgw-fsban{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,150,40,.4),rgba(0,0,0,.85));animation:csBwIn .4s ease}
.mgw-fsban b{font-size:clamp(70px,15vw,120px);font-weight:900;line-height:.9;background:linear-gradient(180deg,#fff,#ffe066 50%,#ff8a00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px #ff9a2e);animation:csBwPulse .7s ease-in-out infinite}
.mgw-fsban span{font-size:clamp(22px,4.5vw,36px);font-weight:900;letter-spacing:.15em;color:#fff}
.mgw-fsban small{color:#ffe0b0;font-weight:700;margin-top:6px}
.mgw-retrig{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:clamp(26px,6vw,46px);font-weight:900;color:#ffe066;text-shadow:0 0 20px #ff9a2e,0 3px 0 #5a2a00;animation:geBanner 1.3s ease forwards;white-space:nowrap}
.mgw-bar{margin:10px 0 8px;text-align:center;font-size:12.5px;font-weight:700;color:#cff4fa;min-height:22px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}
.mgw-bar b{color:#ffe066;font-family:var(--mono);font-size:15px}
.mgw-wl{background:rgba(0,0,0,.35);border:1px solid rgba(120,220,235,.3);border-radius:8px;padding:2px 7px;font-size:11px}
.mgw-xm{color:#ff9a2e!important}
.mgw-controls{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.mgw-spin{width:92px;height:92px;border-radius:50%;border:4px solid #a8f2fa;cursor:pointer;background:radial-gradient(circle at 40% 30%,#e8fdff,#3ac8d8 40%,#147a8a 75%,#063a44);box-shadow:0 6px 0 #04303a,0 10px 24px rgba(0,0,0,.6),0 0 22px rgba(58,200,216,.5)}
.mgw-spin span{font-weight:900;font-size:14px;color:#03262e;letter-spacing:.05em}
.mgw-spin:active{transform:translateY(4px);box-shadow:0 2px 0 #04303a}
.mgw-spin.busy{filter:saturate(.4) brightness(.8);cursor:wait}
.mgw-spin.busy span{animation:geBusy .9s linear infinite;display:inline-block}
.mgw-pay{margin:4px 14px 14px;font-size:12px}
.mgw-pt-row{display:grid;grid-template-columns:40px repeat(4,1fr);gap:4px;align-items:center;padding:3px 0;border-bottom:1px solid rgba(120,220,235,.08)}
.mgw-pt-e{font-size:20px}.mgw-pt-row b{color:#ffe066}
.mgw-pt-note{margin-top:8px;line-height:1.5;color:var(--text-dim)}
@media(max-width:560px){.mgw-machine{margin:6px;padding:8px}.mgw-reels{gap:3px}.mgw-spin{width:78px;height:78px}}
.cla-mgw{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:10px 8px 26px;background:radial-gradient(ellipse at 50% 20%,#123a4a,#06141c)}
.cla-mgw i{display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-style:normal;border-radius:6px;background:rgba(255,255,255,.06);font-size:12px;animation:claMgw 2.6s ease-in-out infinite}
.cla-mgw i:nth-child(2n){animation-delay:-.6s}.cla-mgw i:nth-child(3n){animation-delay:-1.3s}
@keyframes claMgw{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.82)}}
/* ═══ ⚔️ DUELLE (v3.63) ═══ */
.cab-duel{background:linear-gradient(180deg,#3a1a2a,#1d0f1c)!important;border-color:#a8455f!important;box-shadow:0 0 0 1px rgba(255,90,120,.15),0 6px 22px -8px rgba(255,70,110,.45)!important}
.aca-du{position:absolute;top:50%;font-size:26px;transform:translateY(-50%)}
.aca-du.l{left:14%;animation:acaDuL 1.6s ease-in-out infinite}.aca-du.r{right:14%;animation:acaDuR 1.6s ease-in-out infinite}
.aca-du.vs{left:50%;transform:translate(-50%,-50%);font-size:22px;animation:acaDuVs 1.6s ease-in-out infinite}
@keyframes acaDuL{0%,100%{transform:translate(0,-50%)}50%{transform:translate(10px,-50%) rotate(8deg)}}
@keyframes acaDuR{0%,100%{transform:translate(0,-50%)}50%{transform:translate(-10px,-50%) rotate(-8deg)}}
@keyframes acaDuVs{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.35);filter:drop-shadow(0 0 8px #ff5a78)}}
.du-arena .cab-name{font-weight:800;font-size:16px}
.du-hero{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;margin-bottom:12px;
  background:radial-gradient(ellipse at 0% 0%,rgba(255,90,120,.28),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(90,140,255,.22),transparent 60%),linear-gradient(180deg,#221828,#150f1b);border:1px solid #4a3050}
.du-hero-t{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 280px}
.du-hero-t b{display:block;font-size:17px;letter-spacing:.08em;color:#ffd6de}
.du-hero-t small{display:block;color:var(--text-dim);font-size:12px;line-height:1.45;margin-top:2px}
.du-sw{font-size:38px;filter:drop-shadow(0 0 12px rgba(255,90,120,.7));animation:acaDuVs 2.4s ease-in-out infinite;display:inline-block;transform:none}
.du-stats{display:flex;gap:6px;flex-wrap:wrap}
.du-st{background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:10px;padding:5px 10px;font-size:12px;color:var(--text-dim)}
.du-st b{font-family:var(--mono);font-size:15px;color:var(--text)}
.du-st.w b{color:#ffd76a}.du-st.l b{color:#ff8a8a}
.du-new{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:12px}
.du-step{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sand-bright);margin-bottom:8px}
.du-games{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.du-gcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px 10px;border-radius:13px;cursor:pointer;font-family:inherit;color:var(--text);
  background:linear-gradient(180deg,#241f31,#171325);border:2px solid #3a3350;transition:.15s}
.du-gcard:hover{border-color:#7a5a9a;transform:translateY(-2px)}
.du-gcard.on{border-color:#ff6a88;box-shadow:0 0 0 3px rgba(255,90,120,.18),0 8px 22px -10px rgba(255,90,120,.6)}
.du-gcard.on::after{content:'✓';position:absolute;top:6px;right:8px;width:20px;height:20px;border-radius:50%;background:#ff6a88;color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}
.du-gscreen{position:relative;width:100%;height:64px;border-radius:9px;overflow:hidden;background:#0d0b14}
.du-gscreen .aca{position:absolute;inset:0;overflow:hidden;transform:scale(.8);transform-origin:center}
.du-gcard b{font-size:13px}
.du-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.du-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.du-f>span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sand-bright)}
.du-f input{width:100%;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-size:15px;font-family:var(--mono)}
.du-f input:focus{outline:none;border-color:#ff6a88}
.du-chips{display:flex;gap:4px;flex-wrap:wrap}
.du-chips button{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:11.5px;color:var(--text);cursor:pointer;font-family:inherit}
.du-chips button:hover{border-color:#ff6a88;color:#ffd6de}
.du-potline{margin:12px 0 10px;font-size:12.5px;color:var(--text-dim);text-align:center;line-height:1.5}
.du-potline b{color:#ffd76a}
.du-go-btn{display:block;width:100%;padding:13px;border:0;border-radius:13px;cursor:pointer;font-family:inherit;font-weight:900;font-size:16px;letter-spacing:.05em;color:#fff;
  background:linear-gradient(90deg,#d6335a,#ff6a88,#d6335a);background-size:200% 100%;box-shadow:0 6px 0 #7a1a30,0 10px 24px -6px rgba(255,70,110,.6);animation:duShine 3s linear infinite}
.du-go-btn:active{transform:translateY(4px);box-shadow:0 2px 0 #7a1a30}
@keyframes duShine{to{background-position:-200% 0}}
.du-sec{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sand-bright);margin:14px 2px 6px;padding-bottom:5px;border-bottom:1px solid var(--border)}
.du-row,.du-res{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 11px;margin-bottom:6px;border-radius:11px;background:var(--surface);border:1px solid var(--border)}
.du-row{border-left:3px solid #ff6a88}
.du-res.mine{border-color:#6a4a7a}
.du-gtag{font-size:12px;font-weight:800;background:rgba(255,255,255,.06);border-radius:7px;padding:2px 7px;white-space:nowrap}
.du-who{flex:1 1 140px;font-size:13px;min-width:0}
.du-wait{color:var(--text-dim);font-style:italic;animation:duBlink 1.6s ease-in-out infinite}
@keyframes duBlink{50%{opacity:.4}}
.du-buy{font-family:var(--mono);font-size:12.5px;font-weight:800;color:#ffd76a;white-space:nowrap}
.du-buy.free{color:#8fd6b0}
.du-acts{display:flex;gap:6px;margin-left:auto}
.du-btn{border:0;border-radius:9px;padding:7px 12px;font-family:inherit;font-weight:800;font-size:12.5px;cursor:pointer}
.du-btn.go{background:linear-gradient(180deg,#ff6a88,#d6335a);color:#fff;box-shadow:0 3px 0 #7a1a30}
.du-btn.go:active{transform:translateY(2px);box-shadow:0 1px 0 #7a1a30}
.du-btn.ghost{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}
.du-vs{flex:1 1 180px;font-size:12.5px;min-width:0}
.du-vs b{font-family:var(--mono);font-size:14px}
.du-vs .win{font-weight:800}.du-vs .win::before{content:'👑 '}
.du-empty{font-size:12.5px;color:var(--text-dim);padding:10px 4px}
.du-cols{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}
.du-top{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--border);margin-bottom:5px;font-size:13px}
.du-top b{margin-left:auto;font-family:var(--mono);font-size:12px;color:#ffd76a}
/* Match: nebeneinander */
.ag-duo{display:flex;gap:10px;align-items:flex-start}
.ag-duo>.ag-stage{flex:1 1 auto;min-width:0}
.duel-mode .ag-hud,.duel-mode .ag-board{display:none}
.du-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;border-radius:13px;
  background:linear-gradient(90deg,rgba(90,200,120,.14),rgba(0,0,0,.25) 40%,rgba(0,0,0,.25) 60%,rgba(255,90,120,.16));border:1px solid var(--border)}
.duh-side{display:flex;align-items:center;gap:8px;min-width:0;transition:.25s}
.duh-side.opp{justify-content:flex-end}
.duh-n{font-weight:800;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.duh-side b{font-family:var(--mono);font-size:22px;color:var(--text);transition:.2s}
.duh-side.lead b{color:#ffd76a;text-shadow:0 0 10px rgba(255,200,60,.7)}
.duh-side.lead .duh-n::after{content:' 👑'}
.duh-mid{text-align:center;line-height:1.1}
.duh-time{font-family:var(--mono);font-size:22px;font-weight:900;color:#fff}
.duh-time.low{color:#ff6a6a;animation:duBlink .8s ease-in-out infinite}
.duh-pot{font-size:11px;color:#ffd76a;font-weight:800;white-space:nowrap}
.du-opp{flex:0 0 36%;max-width:320px;position:relative}
.du-opp-h{font-size:12px;font-weight:800;text-align:center;margin-bottom:5px;color:#ffb3c2}
.du-opp-h::before{content:'👁️ '}
.du-opp-box{position:relative;line-height:0;border-radius:12px;overflow:hidden;border:2px solid #a8455f;box-shadow:0 0 18px -4px rgba(255,90,120,.5)}
.du-opp-box canvas{display:block;width:100%;height:auto}
.du-opp-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;background:rgba(8,6,10,.72);
  font-size:13px;font-weight:800;line-height:1.3;color:#fff}
.du-emo{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-top:8px}
.du-emo button{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:4px 8px;font-size:16px;cursor:pointer;line-height:1}
.du-emo button:hover{border-color:#ff6a88;transform:scale(1.12)}
.du-emo-pop{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:46px;font-weight:900;color:#fff;pointer-events:none;z-index:30;
  text-shadow:0 3px 12px rgba(0,0,0,.6);animation:duEmo 1.8s ease-out forwards;line-height:1}
@keyframes duEmo{0%{transform:translate(-50%,-20%) scale(.3);opacity:0}15%{transform:translate(-50%,-50%) scale(1.25);opacity:1}70%{opacity:1}100%{transform:translate(-50%,-140%) scale(1);opacity:0}}
.du-card{min-width:min(280px,80%);line-height:1.35}
.du-opp-ov,.du-emo-pop{line-height:1.3}
.du-cd{font-size:84px;font-weight:900;line-height:1;color:#ff6a88;text-shadow:0 0 30px rgba(255,90,120,.8);animation:duCd .5s ease-out}
@keyframes duCd{from{transform:scale(1.6);opacity:.3}}
.du-endh{font-size:30px;font-weight:900;letter-spacing:.04em;margin-bottom:8px}
.du-endh.win{color:#ffd76a;text-shadow:0 0 22px rgba(255,200,60,.8);animation:csBwPulse .8s ease-in-out 3}
.du-endh.lose{color:#ff8a8a}.du-endh.draw{color:#bcd}
.du-endsc{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 10px}
.du-endsc span{display:flex;flex-direction:column;font-size:12px;color:var(--text-dim);max-width:120px;overflow:hidden;text-overflow:ellipsis}
.du-endsc b{font-family:var(--mono);font-size:28px;color:var(--text)}
.du-endsc i{font-style:normal;font-size:24px;color:var(--text-dim)}
.du-endm{font-weight:900;font-size:18px;margin-bottom:8px}
.du-endm.win{color:#8fe36b}.du-endm.lose{color:#ff8a8a}
.du-verified{font-size:11px!important;color:#8fd6b0!important}
.duel-pop{top:132px}
.du-pop .mpi-ic{animation:acaDuVs 1.4s ease-in-out infinite;display:inline-block}
.pv-duel{display:block;width:calc(100% - 28px);margin:10px 14px 14px}
@media(max-width:640px){
  .du-form{grid-template-columns:1fr}
  .du-cols{grid-template-columns:1fr}
  .ag-duo{gap:6px}
  .du-opp{flex-basis:33%}
  .duh-side b{font-size:18px}.duh-time{font-size:18px}
  .du-gscreen{height:52px}
}
.arcade-cabinet.cab-duel .ac-screen{background:radial-gradient(circle at 50% 40%,#5a2a3a,#160a10);position:relative}
/* ═══ ⚔️ Duelle 3.64: Spielerauswahl + sichtbare Einladungen ═══ */
.du-form{grid-template-columns:1fr!important}
.du-buyrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.du-buyrow input{flex:0 0 160px;width:160px}
.du-on-n{font-size:10.5px;font-weight:800;letter-spacing:0;text-transform:none;color:#7fe0a0;margin-left:6px}
.du-opp-top{display:flex;gap:8px;align-items:center}
.du-any{flex:0 0 auto;border:2px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:11px;padding:8px 12px;font-family:inherit;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap}
.du-any.on{border-color:#ff6a88;background:rgba(255,90,120,.14);color:#ffd6de}
.du-opp-top input{flex:1;min-width:0;font-family:inherit!important;font-size:13.5px!important}
.du-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:7px;max-height:262px;overflow-y:auto;padding:2px 2px 4px;margin-top:2px;scrollbar-width:thin}
.du-pc{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 6px 8px;border-radius:13px;cursor:pointer;font-family:inherit;color:var(--text);
  background:linear-gradient(180deg,#221d2c,#17131f);border:2px solid #342d44;transition:.14s;min-width:0}
.du-pc:hover{border-color:#7a5a9a;transform:translateY(-2px)}
.du-pc.online{border-color:#2f5a40}
.du-pc.on{border-color:#ff6a88;background:linear-gradient(180deg,#3a1a2a,#21121c);box-shadow:0 0 0 3px rgba(255,90,120,.2),0 8px 20px -8px rgba(255,90,120,.6)}
.du-pc.on::after{content:'⚔️';position:absolute;top:4px;right:6px;font-size:14px}
.du-pc-av{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.du-pc-dot{position:absolute;right:0;bottom:2px;width:11px;height:11px;border-radius:50%;background:#3ddc6a;border:2px solid #17131f;box-shadow:0 0 8px #3ddc6a;animation:duBlink 2s ease-in-out infinite}
.du-pc-n{font-size:12.5px;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.du-pc-s{font-size:10.5px;color:var(--text-dim)}
.du-pc.online .du-pc-s{color:#7fe0a0;font-weight:800}
.du-pc-h{font-size:10.5px;font-family:var(--mono);color:#ffd76a;background:rgba(0,0,0,.3);border-radius:6px;padding:1px 6px}
.du-go-btn.sent{animation:duSent .6s ease}
@keyframes duSent{30%{transform:scale(.96);filter:brightness(1.4)}}
.du-go-btn:disabled{opacity:.6;cursor:wait}
.du-sec.inc{color:#ff9ab0;display:flex;align-items:center;gap:8px}
.du-sec.inc b{background:#ff3a64;color:#fff;border-radius:999px;padding:0 8px;font-size:11px;animation:duBlink 1.2s ease-in-out infinite}
.du-inv{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;margin-bottom:8px;border-radius:15px;position:relative;overflow:hidden;
  background:radial-gradient(ellipse at 0% 50%,rgba(255,90,120,.3),transparent 60%),linear-gradient(180deg,#2c1624,#1a0f18);border:2px solid #ff6a88;box-shadow:0 0 24px -6px rgba(255,90,120,.6);animation:duInvIn .5s cubic-bezier(.3,1.5,.5,1)}
.du-inv::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);background-size:250% 100%;animation:duShine 2.6s linear infinite;pointer-events:none}
@keyframes duInvIn{from{transform:scale(.92);opacity:0}}
.du-inv-av{flex:0 0 auto;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.35);border:2px solid #ff6a88}
.du-inv-main{flex:1 1 200px;min-width:0}
.du-inv-t{font-size:15px;font-weight:900}
.du-inv-s{font-size:12.5px;color:#ffd6de;margin-top:3px}
.du-inv-s b{color:#ffd76a}
.du-inv-acts{display:flex;gap:6px;margin-left:auto;position:relative}
.du-btn.big{padding:10px 16px;font-size:14px}
.du-btn.sm{padding:4px 9px;font-size:11px;margin-left:auto}
.du-btn.pulse{animation:duPulse 1.4s ease-in-out infinite}
@keyframes duPulse{50%{box-shadow:0 3px 0 #7a1a30,0 0 0 6px rgba(255,90,120,.25)}}
.du-row.ready{border-left-color:#3ddc6a;background:linear-gradient(90deg,rgba(61,220,106,.1),var(--surface) 50%)}
.du-seen{font-size:11px;color:var(--text-dim);background:rgba(255,255,255,.06);border-radius:6px;padding:1px 6px;margin-left:4px}
.du-seen.on{color:#7fe0a0;background:rgba(61,220,106,.12)}
/* globales Einladungs-Popup */
.duel-pop{top:70px;width:min(430px,94vw);z-index:400}
.du-ipop{position:relative;padding:12px 14px 13px;border-radius:18px;overflow:hidden;color:#fff;
  background:radial-gradient(ellipse at 15% 0%,rgba(255,90,120,.45),transparent 60%),linear-gradient(180deg,#2e1526,#170b14);border:2px solid #ff6a88;
  box-shadow:0 0 0 4px rgba(255,90,120,.15),0 18px 50px rgba(0,0,0,.6),0 0 40px -6px rgba(255,90,120,.7);animation:duPopIn .55s cubic-bezier(.3,1.6,.5,1),duPopShake .5s .55s ease}
.du-ipop.ready{border-color:#3ddc6a;background:radial-gradient(ellipse at 15% 0%,rgba(61,220,106,.35),transparent 60%),linear-gradient(180deg,#14261a,#0b150e);box-shadow:0 0 0 4px rgba(61,220,106,.15),0 18px 50px rgba(0,0,0,.6),0 0 40px -6px rgba(61,220,106,.7)}
@keyframes duPopIn{from{transform:translateY(-40px) scale(.85);opacity:0}}
@keyframes duPopShake{20%,60%{transform:rotate(-1.5deg)}40%,80%{transform:rotate(1.5deg)}}
.du-ipop-h{font-size:12px;font-weight:900;letter-spacing:.18em;color:#ffb3c2;margin-bottom:8px}
.du-ipop.ready .du-ipop-h{color:#9ff0b5}
.du-ipop-b{display:flex;align-items:center;gap:12px}
.du-ipop-av{flex:0 0 auto;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.25)}
.du-ipop-t{font-size:14.5px;line-height:1.35;min-width:0}
.du-ipop-t span{display:block;font-size:12px;color:#ffd6de;margin-top:3px}
.du-ipop-a{display:flex;gap:6px;justify-content:flex-end;margin-top:11px;flex-wrap:wrap}
.tab-duel-badge{display:inline-block;min-width:16px;height:16px;line-height:16px;margin-left:5px;padding:0 4px;border-radius:999px;background:#ff3a64;color:#fff;font-size:10px;font-weight:900;text-align:center;vertical-align:middle;animation:duBlink 1.2s ease-in-out infinite}
.tab-duel-badge[hidden]{display:none}
@media(max-width:640px){.du-picker{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));max-height:230px}.du-buyrow input{flex-basis:100%;width:100%}.du-inv-acts{width:100%;justify-content:flex-end}}
/* ═══ 📊 Chat-Umfragen (v3.65) ═══ */
.chat-poll-btn{margin-left:4px!important}
.chat-poll{position:relative;margin:8px 4px}
.chat-poll-t{position:absolute;right:12px;top:10px;font-size:10px;color:var(--text-dim)}
.chat-polls{max-height:40%;overflow-y:auto;border-bottom:1px solid #6a4ab0;background:linear-gradient(180deg,rgba(120,90,220,.16),rgba(120,90,220,.04));padding:6px 6px 2px}
.chat-polls .cpl{margin-bottom:6px}
.cpl{position:relative;padding:11px 12px 10px;border-radius:14px;background:linear-gradient(160deg,#241c3a,#161226);border:1px solid #6a4ab0;box-shadow:0 6px 18px -10px rgba(120,90,220,.6)}
.cpl.closed{border-color:#4a4a5a;background:linear-gradient(160deg,#1d1b26,#141219)}
.cpl.compact{padding:8px 10px 7px;border-radius:12px}
.cpl-h{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#b9a2ff}
.cpl.closed .cpl-h{color:#a8a8c0}
.cpl-ic{font-size:14px;letter-spacing:0}
.cpl-sug{margin-left:auto;margin-right:46px;background:rgba(255,255,255,.07);border:1px solid rgba(185,162,255,.35);color:#e0d6ff;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:800;letter-spacing:0;text-transform:none;cursor:pointer;font-family:inherit}
.chat-polls .cpl-sug,.cpl-idea .cpl-sug{margin-right:0}
.cpl-q{font-size:14.5px;font-weight:800;line-height:1.3;margin:5px 0 7px;color:#fff;word-break:break-word}
.cpl.compact .cpl-q{font-size:13px;margin:3px 0 6px}
.cpl-tags{display:flex;flex-wrap:wrap;gap:4px;margin:-2px 0 7px}
.cpl-tags span{font-size:10.5px;color:#d6cbff;background:rgba(185,162,255,.12);border-radius:6px;padding:1px 6px}
.cpl-opts{display:flex;flex-direction:column;gap:5px}
.cpl-opt{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;text-align:left;padding:8px 10px;border-radius:10px;overflow:hidden;cursor:pointer;font-family:inherit;color:var(--text);
  background:rgba(255,255,255,.05);border:1.5px solid rgba(185,162,255,.25);transition:.14s}
.cpl.compact .cpl-opt{padding:6px 9px}
.cpl-opt:hover:not(.done){border-color:#b9a2ff;background:rgba(185,162,255,.1)}
.cpl-opt.sel{border-color:#b9a2ff;box-shadow:inset 0 0 0 1px #b9a2ff}
.cpl-opt.done{cursor:default}
.cpl-opt.win{border-color:#ffd76a;box-shadow:0 0 14px -4px rgba(255,215,106,.7)}
.cpl-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(150,110,255,.38),rgba(150,110,255,.18));transition:width .6s cubic-bezier(.3,1,.4,1);z-index:0}
.cpl-opt.win .cpl-bar{background:linear-gradient(90deg,rgba(255,200,60,.38),rgba(255,200,60,.16))}
.cpl-opt>span:not(.cpl-bar){position:relative;z-index:1}
.cpl-mark{flex:none;font-size:14px;color:#b9a2ff;width:16px;text-align:center}
.cpl-txt{flex:1;min-width:0;font-size:13px;font-weight:700;line-height:1.3;word-break:break-word}
.cpl-names{display:block;font-size:10.5px;font-weight:600;color:var(--text-dim);margin-top:2px}
.cpl-pct{flex:none;font-family:var(--mono);font-size:13px;font-weight:900;color:#fff;text-align:right;line-height:1.1}
.cpl-pct small{display:block;font-size:9.5px;font-weight:600;color:var(--text-dim)}
.cpl-hidden{margin-top:7px;font-size:11.5px;color:#d6cbff;text-align:center}
.cpl-foot{margin-top:7px;font-size:11px;color:var(--text-dim);line-height:1.4}
.cpl-ok{color:#8fe3a8;font-weight:800}.cpl-peek{color:#ffcf6a}
.cpl-tools{display:flex;gap:6px;justify-content:flex-end;margin-top:7px}
.cpl-tools button{background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:3px 9px;font-size:11px;cursor:pointer;font-family:inherit}
.cpl-tools button:hover{border-color:#b9a2ff}
/* Formular + Archiv */
.cpl-f-sug{margin:2px 0 6px;padding:7px 10px;border-radius:9px;background:rgba(226,161,73,.12);border:1px solid rgba(226,161,73,.35);font-size:12px}
.cpl-f-opt{display:flex;align-items:center;gap:6px;margin-bottom:5px}
.cpl-f-opt span{flex:none;width:20px;height:20px;border-radius:50%;background:rgba(185,162,255,.18);color:#d6cbff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.cpl-f-opt input{flex:1;min-width:0;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:8px 10px;color:var(--text);font-family:inherit;font-size:13.5px}
.cpl-f-opt input:focus{outline:none;border-color:#b9a2ff}
.cpl-f-opt button{flex:none;background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;padding:4px}
.cpl-add{align-self:flex-start;background:none;border:1px dashed rgba(185,162,255,.5);color:#d6cbff;border-radius:9px;padding:6px 12px;font-family:inherit;font-size:12.5px;cursor:pointer;margin-bottom:6px}
.cpl-add[hidden]{display:none}
.cpl-f-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cpl-f-row .ann-lbl{display:flex;flex-direction:column;gap:5px}
.cpl-sel{width:100%;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:8px 10px;color:var(--text);font-family:inherit;font-size:13.5px}
.cpl-a-stats{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 10px}
.cpl-a-stats span{flex:1 1 90px;text-align:center;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:7px 6px;font-size:11.5px;color:var(--text-dim)}
.cpl-a-stats b{display:block;font-family:var(--mono);font-size:17px;color:var(--text)}
.cpl-a-item{margin-bottom:10px}
.cpl-a-meta{font-size:11px;color:var(--text-dim);margin:0 2px 4px}
.cpl-a-nav{display:flex;justify-content:space-between;margin-top:4px}
/* Ideen-Box */
.cpl-idea{margin:12px 0 4px;padding:10px;border-radius:13px;background:rgba(120,90,220,.08);border:1px solid rgba(120,90,220,.35)}
.cpl-idea-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-weight:800;font-size:13px;margin-bottom:8px;color:#d6cbff}
.cpl-idea .cpl{margin-bottom:6px}
/* Popup „Neue Umfrage" (über dem Chat-Knopf) */
.poll-pop{position:fixed;right:18px;bottom:86px;z-index:1099;width:min(290px,calc(100vw - 36px))}
.poll-pop[hidden]{display:none}
.cpl-pop{position:relative;padding:12px 14px;border-radius:16px;color:#fff;background:linear-gradient(160deg,#2c2150,#171228);border:2px solid #9a7cff;
  box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 26px -6px rgba(150,110,255,.8);animation:duPopIn .5s cubic-bezier(.3,1.6,.5,1)}
.cpl-pop::after{content:'';position:absolute;right:22px;bottom:-9px;width:16px;height:16px;background:#171228;border-right:2px solid #9a7cff;border-bottom:2px solid #9a7cff;transform:rotate(45deg)}
.cpl-pop-x{position:absolute;top:6px;right:8px;background:none;border:none;color:#bdb0e8;font-size:13px;cursor:pointer}
.cpl-pop-h{font-size:10.5px;font-weight:900;letter-spacing:.15em;color:#b9a2ff;text-transform:uppercase}
.cpl-pop-q{font-size:14px;font-weight:800;margin:4px 18px 4px 0;line-height:1.3}
.cpl-pop-r{font-size:11.5px;color:#ffd76a;font-weight:800}
.cpl-pop-go{margin-top:8px;width:100%;border:0;border-radius:10px;padding:8px;font-family:inherit;font-weight:900;font-size:13px;color:#fff;cursor:pointer;background:linear-gradient(180deg,#9a7cff,#6a4ad0);box-shadow:0 3px 0 #3a2a80}
@media(max-width:480px){.poll-pop{right:14px;bottom:80px}}
/* 📊 angeheftete Umfragen einklappbar */
.cpl.compact .cpl-h{cursor:pointer;user-select:none}
.cpl-mini{margin-left:auto;font-size:10px;letter-spacing:0;text-transform:none;font-weight:700;color:#cfc2ff;white-space:nowrap}
.cpl-chev{font-size:12px;color:#cfc2ff;letter-spacing:0;width:12px;text-align:center}
.cpl.compact .cpl-sug{margin-left:6px}
.cpl.coll .cpl-opts,.cpl.coll .cpl-foot,.cpl.coll .cpl-hidden,.cpl.coll .cpl-tags{display:none}
.cpl.coll .cpl-q{margin:3px 0 0;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpl-txt{text-align:left}
/* ═══ 🐔💼 Gockel Lindhuhn (v3.68) ═══ */
.lh-open{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:8px 12px;border-radius:13px;cursor:pointer;font-family:inherit;color:var(--text);text-align:left;
  background:linear-gradient(135deg,#1d2742,#2a1530);border:1px solid #c2186b;box-shadow:0 0 18px -8px rgba(194,24,107,.8);transition:.15s}
.lh-open:hover{transform:translateY(-1px);box-shadow:0 0 22px -6px rgba(194,24,107,.9)}
.lh-open b{display:block;font-size:13.5px}.lh-open small{display:block;font-size:11px;color:#d9b8cc}
.lh-open-av{flex:none;width:42px;height:42px;border-radius:10px;background:#c9d2e0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.wt-lind{margin-top:8px;padding:7px 10px;border-radius:9px;font-size:12px;font-weight:700}
.wt-lind.good{background:rgba(60,200,120,.12);border:1px solid rgba(60,200,120,.4);color:#9ff0b5}
.wt-lind.bad{background:rgba(255,70,70,.12);border:1px solid rgba(255,70,70,.45);color:#ffb0b0}
.lh-card{position:relative;z-index:1;width:min(560px,96vw);max-height:94vh;overflow-y:auto;border-radius:20px;padding:14px 14px 16px;
  background:linear-gradient(180deg,#1b1f2e,#12141d);border:2px solid #c2186b;box-shadow:0 0 0 4px rgba(194,24,107,.15),0 24px 60px rgba(0,0,0,.6);color:var(--text)}
.lh-head{display:flex;align-items:center;gap:10px;margin:0 36px 10px 2px}
.lh-eagle{font-size:28px}.lh-head b{display:block;font-size:14.5px;letter-spacing:.02em}.lh-head small{display:block;font-size:11.5px;color:#c9b3c2}
.lh-office{position:relative;height:230px;border-radius:14px;overflow:hidden;
  background:repeating-linear-gradient(90deg,#6d4a30 0 38px,#5f3f28 38px 40px);border:2px solid #3a2416}
.lh-office.raid{animation:lhRaid .35s steps(2) infinite}
@keyframes lhRaid{0%{box-shadow:inset 0 0 0 999px rgba(255,40,40,.35)}100%{box-shadow:inset 0 0 0 999px rgba(40,90,255,.35)}}
.lh-window{position:absolute;left:14px;top:18px;width:84px;height:92px;border-radius:4px;border:5px solid #3a2416;
  background:linear-gradient(180deg,#8fc7ee,#d4ecf9 70%,#9ec98a 70%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.3)}
.lh-window::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:#3a2416}
.lh-poster{position:absolute;right:16px;top:16px;padding:7px 9px;background:#ffde3a;color:#1d2742;font-weight:900;font-size:10px;line-height:1.15;letter-spacing:.06em;transform:rotate(3deg);box-shadow:0 3px 8px rgba(0,0,0,.4);border:2px solid #1d2742}
.lh-boss{position:absolute;left:38%;bottom:44px;transform:translateX(-50%);width:150px;height:150px;line-height:0;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}
.lh-svg{display:block}
.lh-bubble{position:absolute;right:10px;top:70px;max-width:38%;padding:8px 10px;border-radius:12px;background:#fff;color:#1d1d1d;font-size:12px;font-weight:700;line-height:1.3;box-shadow:0 4px 12px rgba(0,0,0,.4);z-index:4}
.lh-bubble:empty{display:none}
.lh-bubble::before{content:"";position:absolute;left:-7px;bottom:12px;border:7px solid transparent;border-right-color:#fff;border-left:0}
.lh-bubble.pop{animation:lhPop .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes lhPop{from{transform:scale(.6);opacity:0}}
.lh-desk{position:absolute;left:0;right:0;bottom:0;height:52px;background:linear-gradient(180deg,#8a5a34,#5e3a1e);border-top:4px solid #a86f42;box-shadow:0 -4px 10px rgba(0,0,0,.35)}
.lh-plate{position:absolute;left:50%;top:10px;transform:translateX(-50%);padding:3px 10px;background:linear-gradient(180deg,#f2d27a,#c9a24a);color:#3a2416;font-size:9.5px;font-weight:900;letter-spacing:.12em;border-radius:3px;white-space:nowrap;box-shadow:0 2px 0 #7a5a20}
.lh-stack{position:absolute;left:14px;top:8px;font-size:18px;transform:rotate(-8deg)}
.lh-key{position:absolute;right:56px;top:12px;font-size:16px}.lh-cup{position:absolute;right:18px;top:6px;font-size:20px}
.lh-env{position:absolute;right:-40px;bottom:14px;font-size:30px;opacity:0;z-index:5;pointer-events:none}
.lh-env.go{animation:lhEnv 1.2s cubic-bezier(.4,.1,.3,1) forwards}
@keyframes lhEnv{0%{right:-40px;opacity:1;transform:rotate(-10deg)}70%{right:44%;opacity:1;transform:rotate(8deg)}100%{right:46%;bottom:40px;opacity:0;transform:scale(.5)}}
.lh-fx{position:absolute;inset:0;pointer-events:none;z-index:6}
.lh-stamp{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-12deg);padding:6px 16px;border:4px solid;border-radius:8px;font-weight:900;font-size:clamp(20px,5vw,30px);letter-spacing:.08em;background:rgba(0,0,0,.25);white-space:nowrap;animation:lhStamp .4s cubic-bezier(.3,1.8,.5,1)}
.lh-stamp.ok{color:#5dff9a;border-color:#5dff9a;text-shadow:0 0 12px rgba(93,255,154,.7)}
.lh-stamp.fail{color:#ffd76a;border-color:#ffd76a}
.lh-stamp.raid{color:#fff;border-color:#ff4a4a;background:rgba(200,0,0,.55);font-size:clamp(18px,4.5vw,26px)}
@keyframes lhStamp{from{transform:translate(-50%,-50%) rotate(-12deg) scale(2.4);opacity:0}}
.lh-chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 4px}
.lh-chip{font-size:11.5px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.lh-chip.warn{border-color:#ff9a3a;color:#ffc58a}
.lh-status{margin:8px 0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--border);font-size:13px;line-height:1.45}
.lh-status.good{border-color:rgba(60,200,120,.5);background:rgba(60,200,120,.1)}
.lh-status.bad{border-color:rgba(255,70,70,.5);background:rgba(255,70,70,.1)}
.lh-sec{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#e7a3c6;margin:12px 2px 6px}
.lh-deals{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.lh-deal{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:9px 6px;border-radius:13px;cursor:pointer;font-family:inherit;color:var(--text);
  background:linear-gradient(180deg,#232a40,#171b2a);border:2px solid #2f3756;transition:.14s}
.lh-deal:hover{border-color:#7a5aa0}
.lh-deal.on{border-color:#c2186b;box-shadow:0 0 0 3px rgba(194,24,107,.2)}
.lh-deal-e{font-size:24px}.lh-deal b{font-size:12.5px}.lh-deal small{font-size:10.5px;color:var(--text-dim);line-height:1.3}
.lh-deal-v{font-size:10.5px;color:#9ff0b5}.lh-deal-p{font-size:10.5px;color:#ffd76a}
.lh-bribe input[type=range]{width:100%;accent-color:#c2186b}
.lh-brow{display:flex;align-items:center;gap:8px;margin:6px 0 8px}
.lh-brow input{width:140px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:7px 10px;color:var(--text);font-family:var(--mono);font-size:15px}
.lh-brow span{font-size:12px;color:var(--text-dim)}
.lh-gauge{position:relative;height:24px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.lh-gauge-f{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8a2a2a,#d24a4a);transition:width .25s}
.lh-gauge-f.mid{background:linear-gradient(90deg,#8a6a1a,#e0b23a)}.lh-gauge-f.hi{background:linear-gradient(90deg,#1a7a4a,#3ddc6a)}
.lh-gauge span{position:relative;display:block;text-align:center;line-height:22px;font-size:12px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.lh-hint{margin-top:6px;font-size:11.5px;color:var(--text-dim);line-height:1.45}.lh-hint b{color:var(--text)}
.lh-go{display:block;width:100%;margin-top:10px;padding:12px;border:0;border-radius:13px;cursor:pointer;font-family:inherit;font-size:15px;color:#fff;
  background:linear-gradient(180deg,#d42a7e,#9a1258);box-shadow:0 5px 0 #5e0a35,0 10px 22px -8px rgba(194,24,107,.8)}
.lh-go:active{transform:translateY(3px);box-shadow:0 2px 0 #5e0a35}
.lh-go:disabled{filter:saturate(.4);cursor:wait}
.lh-fine{margin-top:8px;font-size:10.5px;color:var(--text-dim);line-height:1.45;text-align:center}
.lh-elite{margin-top:10px;padding:7px 10px;border-radius:10px;background:rgba(194,24,107,.12);border:1px solid rgba(194,24,107,.4);font-size:12px}
.lh-recs{display:flex;flex-direction:column;gap:4px}
.lh-rec{display:flex;align-items:center;gap:6px;font-size:12px;padding:5px 9px;border-radius:8px;background:rgba(255,255,255,.04)}
.lh-rec span{margin-left:auto;font-size:11px;color:var(--text-dim)}
@media(max-width:520px){.lh-office{height:210px}.lh-boss{width:124px;height:124px}.lh-boss .lh-svg{width:124px;height:124px}.lh-bubble{max-width:48%;top:58px;font-size:11px}.lh-window{width:62px;height:72px}.lh-deals{gap:5px}.lh-deal small{display:none}}
/* ═══ 🔇 Chat-Moderation (v3.69) ═══ */
.chat-modebar{padding:7px 12px;font-size:12px;line-height:1.4;border-bottom:1px solid;text-align:center}
.chat-modebar[hidden]{display:none}
.chat-modebar.readonly{background:rgba(255,190,60,.14);border-color:rgba(255,190,60,.5);color:#ffd88a}
.chat-modebar.off{background:rgba(255,70,70,.14);border-color:rgba(255,70,70,.5);color:#ffb3b3}
.cmb-mod{display:block;font-size:10.5px;opacity:.8}
.chat-offnote{line-height:1.6}
#chat-input:disabled{opacity:.6;cursor:not-allowed}
.chat-send:disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed}
.chat-mod-btn{margin-left:4px!important}
.cmod-card{width:min(500px,94vw)}
.cmod-who{margin:2px 0 4px;font-size:14px}
.cmod-quote{margin:4px 0 6px;padding:8px 10px;border-left:3px solid #ff6a6a;border-radius:6px;background:rgba(255,80,80,.08);font-size:12.5px;line-height:1.45;word-break:break-word}
.cmod-quote small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ff9a9a;margin-bottom:3px}
.cmod-quote.sm{margin:4px 0 0;font-size:11.5px;padding:5px 8px}
.cmod-reasons,.cmod-durs,.cmod-modes{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.cmod-reasons button,.cmod-durs button,.cmod-modes button{background:var(--surface-2);border:1.5px solid var(--border);color:var(--text);border-radius:999px;padding:5px 11px;font-family:inherit;font-size:12px;cursor:pointer}
.cmod-reasons button.on{border-color:#ff6a6a;background:rgba(255,80,80,.16);color:#ffd0d0}
.cmod-durs button.on{border-color:#ffb03c;background:rgba(255,176,60,.16);color:#ffe2b0}
.cmod-modes button{flex:1 1 30%;padding:9px 6px;font-weight:800;border-radius:11px}
.cmod-modes button.on.on{border-color:#3ddc6a;background:rgba(61,220,106,.14)}
.cmod-modes button.on.readonly{border-color:#ffb03c;background:rgba(255,176,60,.16)}
.cmod-modes button.on.off{border-color:#ff6a6a;background:rgba(255,80,80,.16)}
.cmod-modeopts{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.cmod-modeopts[hidden]{display:none}
.cmod-modenow{font-size:12px;color:var(--text-dim);margin:2px 0 6px}
.cmod-modego{align-self:flex-start}
.cmod-sec{display:flex;align-items:center;gap:8px;margin:14px 0 6px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--sand-bright)}
.cmod-sec b{background:#ff3a64;color:#fff;border-radius:999px;padding:0 7px;font-size:10.5px}
.cmod-sec .btn{margin-left:auto;text-transform:none;letter-spacing:0}
.cmod-row{padding:8px 10px;margin-bottom:6px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}
.cmod-row.lifted{opacity:.55}
.cmod-row-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}
.cmod-row-h span{font-size:11.5px;color:#ffb3b3}
.cmod-row-h small{margin-left:auto;font-size:11px;color:var(--text-dim)}
.cmod-row-b{margin-top:4px;font-size:12px;color:var(--text-dim)}
.cmod-row-f{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:10.5px;color:var(--text-dim)}
.cmod-row-f button{margin-left:auto;background:rgba(61,220,106,.14);border:1px solid rgba(61,220,106,.5);color:#9ff0b5;border-radius:8px;padding:3px 10px;font-family:inherit;font-size:11px;cursor:pointer}
/* 🐣 Hühner-2048: Automaten-Vorschau */
.aca-g48{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(2,22px);gap:4px;padding:5px;border-radius:8px;background:#4a3b2a}
.aca-g48 i{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;background:#f3ead2;animation:acaG48 2.4s ease-in-out infinite}
.aca-g48 .t2{background:#f0dcae;animation-delay:-.6s}.aca-g48 .t3{background:#f2b679;animation-delay:-1.2s}.aca-g48 .t4{background:#edc22e;animation-delay:-1.8s}
@keyframes acaG48{0%,70%,100%{transform:none}80%{transform:scale(1.25)}}
.cfg-sel{min-width:170px;cursor:pointer}
.kk-tip{white-space:pre-line}
/* 🖼️ Braille-Bilder in Ankündigungen: kein Umbruch, Schrift passt sich der Breite an */
.chat-announce-b,.cp-body{container-type:inline-size}
.ann-art{display:block;white-space:pre;overflow:hidden;margin:4px 0 6px;line-height:1.02;letter-spacing:0;word-break:normal;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2","DejaVu Sans","Apple Symbols",monospace;font-size:min(12px,calc(100cqw / var(--cols,41) * 1.22))}
/* 👀 Casino-Aufsicht & Pfändung (v3.72) */
.skim-bar{display:flex;flex-direction:column;gap:6px;margin:0 0 10px}
.skim-bar[hidden]{display:none}
.skim-row{padding:9px 12px;border-radius:12px;font-size:12.5px;line-height:1.45;border:1px solid}
.skim-row b{font-family:inherit}
.skim-row.hot{background:linear-gradient(90deg,rgba(255,70,70,.16),rgba(255,140,40,.1));border-color:rgba(255,90,70,.55);color:#ffd2c8;animation:skimPulse 2.4s ease-in-out infinite}
.skim-row.warn{background:rgba(255,190,60,.1);border-color:rgba(255,190,60,.45);color:#ffe2a8}
.skim-row.debt{background:rgba(90,140,255,.1);border-color:rgba(90,140,255,.45);color:#cfdcff}
.skim-reset{font-size:11px;opacity:.8;white-space:nowrap}
@keyframes skimPulse{50%{box-shadow:0 0 16px -4px rgba(255,90,70,.6)}}
.skim-meter{position:relative;height:8px;margin-top:7px;border-radius:999px;background:rgba(255,255,255,.1);overflow:visible}
.skim-meter i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#ffb03c,#ff3a3a)}
.skim-meter.warn i{background:linear-gradient(90deg,#7ac74f,#ffcf4a)}
.skim-meter span{position:absolute;top:10px;font-size:10px;opacity:.75}
.skim-meter span:first-of-type{left:0}.skim-meter span:last-of-type{right:0}
.skim-row.hot .skim-meter{margin-bottom:10px}
/* 📈 Private Spielstatistik (v3.73) */
.pst-load{padding:18px;text-align:center;color:var(--text-dim);animation:duBlink 1.4s ease-in-out infinite}
.pst-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}
.pst-tile{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);min-width:0}
.pst-tile span{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pst-tile b{font-family:var(--mono);font-size:16px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pst-tile small{font-size:10.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pst-tile.pos b,.pst-net.pos{color:#7fe0a0}.pst-tile.neg b,.pst-net.neg{color:#ff8a8a}
.pst-ctl{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:8px}
.pst-chips{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:11.5px;color:var(--text-dim)}
.pst-chips button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:3px 10px;font-family:inherit;font-size:11.5px;cursor:pointer}
.pst-chips button.on{border-color:var(--sand-bright);background:rgba(226,161,73,.16);color:var(--sand-bright)}
.pst-list{display:flex;flex-direction:column;gap:6px}
.pst-card{padding:9px 11px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}
.pst-head{display:flex;align-items:center;gap:8px}
.pst-ic{font-size:18px}.pst-head b{font-size:13.5px}
.pst-net{margin-left:auto;font-family:var(--mono);font-size:14px;font-weight:800;white-space:nowrap}
.pst-stats{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:5px;font-size:11.5px;color:var(--text-dim)}
.pst-stats b{color:var(--text);font-family:var(--mono)}
.pst-stats .jp{color:#ffd76a}.pst-stats .jp b{color:#ffd76a}.pst-stats .dim{opacity:.75}
.pst-rtp{position:relative;height:14px;margin-top:6px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.pst-rtp i{position:absolute;left:0;top:0;bottom:0}
.pst-rtp i.neg{background:linear-gradient(90deg,rgba(255,120,120,.35),rgba(255,120,120,.55))}
.pst-rtp i.pos{background:linear-gradient(90deg,rgba(90,220,130,.35),rgba(90,220,130,.6))}
.pst-rtp em{position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(255,255,255,.35)}
.pst-rtp span{position:relative;display:block;text-align:center;font-size:10px;line-height:14px;font-weight:800;color:var(--text)}
.pst-foot{margin-top:10px;font-size:11px;color:var(--text-dim);line-height:1.5}
@media(max-width:560px){.pst-tiles{grid-template-columns:repeat(2,1fr)}}
/* 🐔 Hühner-Check (v3.74) */
.acc-ov{z-index:5000}
.acc-cv{width:100%;height:100%;display:block;pointer-events:none}
.acc-ov .cap-tile{padding:2px}
/* 🧠 Lernende Erkennung (v3.74) */
.acl-card{margin-top:12px}
.acl-run{margin-left:auto}
.acl-stat{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--text-dim);margin:4px 0 10px}
.acl-stat b{color:var(--text)}.acl-learn{color:#9fe0a8}
.acl-list{display:flex;flex-direction:column;gap:6px}
.acl-f{padding:8px 10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);border-left:3px solid #ffb03c}
.acl-f.learn{border-left-color:#7fc7b0}.acl-f.bot{border-left-color:#ff5a5a;opacity:.85}.acl-f.ok{border-left-color:#5ac878;opacity:.7}
.acl-f-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.acl-sc{font-family:var(--mono);font-weight:900;font-size:14px;background:rgba(255,176,60,.18);color:#ffcf8a;border-radius:6px;padding:1px 7px}
.acl-day,.acl-st{font-size:11px;color:var(--text-dim)}.acl-st{margin-left:auto}
.acl-why{margin:5px 0 0 18px;padding:0;font-size:12px;color:var(--text-dim);line-height:1.5}
.acl-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.acl-w{margin-top:10px;font-size:12px}.acl-w summary{cursor:pointer;color:var(--text-dim)}
.acl-wr{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:3px 0;border-bottom:1px solid var(--border)}
.acl-wr b{font-family:var(--mono);font-size:11.5px;color:var(--text-dim)}
/* ⏸️ Spielpausen-Hinweis + 🕵️ Radar-Entscheidung (3.75) */
.pz-pop{top:auto;bottom:18px;z-index:390}
.pz-card{border-color:#6fb3e0}
@media (max-width:640px){.pz-pop{bottom:76px}.pz-card{flex-wrap:wrap}.pz-card .mpi-acts{width:100%;justify-content:flex-end}}
.cr-rv{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;background:rgba(220,80,60,.16);color:#ef8a76;border:1px solid rgba(220,80,60,.35);vertical-align:middle}
/* 🤖 Chickenmon Gen 3 „Mecha-Hühner" (3.76) – limitiert, Seriennummern, Veredeln */
.cm-genbars{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.cm-bar.g3 i{background:linear-gradient(90deg,#5d6b7c,#7fe0ff)}
.cm-card.g3 .cm-frame{border-color:rgba(127,224,255,.35);background:linear-gradient(160deg,rgba(40,52,66,.9),rgba(16,20,28,.95));box-shadow:inset 0 0 0 1px rgba(127,224,255,.12),inset 0 0 14px rgba(127,224,255,.08)}
.cm-card.g3 .cm-gen{color:#bff3ff;background:rgba(20,40,60,.75)}
.cm-ser{color:#7fe0ff!important;font-weight:700;letter-spacing:.03em;text-shadow:0 0 6px rgba(127,224,255,.45)}
.cm-mini.g3{background:linear-gradient(150deg,#3a4656,#1b222c)!important;box-shadow:0 0 0 1px rgba(127,224,255,.4),0 0 12px rgba(127,224,255,.2)}
.cm-g3box{grid-column:1/-1;background:linear-gradient(150deg,rgba(40,52,66,.55),var(--surface-2));border:1px solid rgba(127,224,255,.35);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}
.cm-g3-top{display:flex;gap:12px;align-items:center}
.cm-g3-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cm-g3-st{background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:9px;padding:7px 9px;display:flex;flex-direction:column;gap:1px;min-width:0}
.cm-g3-st span{font-family:var(--mono);font-size:10px;color:var(--text-dim)}
.cm-g3-st b{font-family:var(--mono);font-size:16px;color:#bff3ff}
.cm-g3-st small{font-size:10px;color:var(--muted)}
.cm-g3-supply,.cm-zoom-ser{display:flex;flex-direction:column;gap:5px}
.cm-g3-sup-t,.cm-g3-sup-f{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--text-dim)}
.cm-g3-sup-t b{color:var(--text)}
.cm-g3-bar{position:relative;height:8px;border-radius:99px;background:rgba(0,0,0,.35);overflow:hidden}
.cm-g3-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px}
.cm-g3-bar i.rel{background:rgba(127,224,255,.22)}
.cm-g3-bar i.pr{background:linear-gradient(90deg,#5d6b7c,#7fe0ff)}
.cm-g3-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cm-g3-why{font-size:11.5px;color:#ef8a76}.cm-g3-why.ok{color:var(--muted)}
.cm-slot-cap{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:9px;color:#7fe0ff}
.cm-slot.leer.gone{opacity:.55}.cm-slot.leer.gone .cm-slot-cap{color:#ef8a76}
.cm-zoom-ser{width:min(300px,86vw)}
.cm-zoom-mine{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:11.5px;color:var(--text-dim)}
.cm-sertag{font-family:var(--mono);font-size:11px;color:#7fe0ff;background:rgba(127,224,255,.1);border:1px solid rgba(127,224,255,.3);border-radius:6px;padding:1px 6px}
.cm-sertag.f{color:#ffe08a;border-color:rgba(255,224,138,.4);background:rgba(255,224,138,.1)}
.cm-forge{width:min(320px,88vw);display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 11px}
.cm-forge div{display:flex;flex-direction:column;gap:2px;min-width:0}
.cm-forge span{font-size:11px;color:var(--text-dim);line-height:1.4}
@media (max-width:560px){.cm-g3-stats{grid-template-columns:1fr 1fr}.cm-g3-st b{font-size:14px}}
/* 🤖 Auto-Chatmod (3.78) */
.amod-state{font-size:10px;font-weight:700;padding:1px 7px;border-radius:99px;margin-left:6px}.amod-state.on{background:rgba(120,200,120,.16);color:#8fd88f}.amod-state.off{background:rgba(255,255,255,.08);color:var(--muted)}
.amod-sum{font-size:12px;color:var(--text-dim);display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.amod-sum b{color:var(--text)}.amod-sum small{color:var(--muted);font-size:10.5px}
.amod-log{display:flex;flex-direction:column;gap:5px;max-height:230px;overflow:auto;margin-bottom:8px}
.amod-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:5px 8px}
.amod-row small{margin-left:auto;color:var(--muted);font-size:10px}.amod-row .cmod-quote{width:100%}
.amod-act{font-family:var(--mono);font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px;background:rgba(255,255,255,.07)}
.amod-act.mute{background:rgba(220,80,60,.18);color:#ef8a76}.amod-act.block{background:rgba(232,176,74,.16);color:#e8b04a}.amod-act.censor{color:var(--text-dim)}
.amod-k{font-size:11px;color:var(--muted)}
.amod-words{margin:4px 0 10px;font-size:12px}.amod-words summary{cursor:pointer;color:var(--sand-bright);font-weight:700;margin-bottom:6px}
.amod-words label{display:block;font-size:11px;color:var(--text-dim);margin:8px 0 3px}
.amod-ta{width:100%;box-sizing:border-box;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-family:var(--mono);font-size:11.5px;resize:vertical}
.amod-help{font-size:11px;color:var(--muted);line-height:1.45}.amod-help code{font-size:10.5px}
.amod-words .btn{margin-top:8px}
/* 🏷️ HGA – Hühner-Grading-Anstalt (3.79): Acryl-Case + Etikett, Zoom, Enthüllung */
.hga-slab{font-size:5.6px;padding:.9em .9em 1.1em;border-radius:1.6em;background:linear-gradient(160deg,rgba(235,240,248,.32),rgba(150,160,175,.14) 45%,rgba(235,240,248,.26));border:1px solid rgba(235,240,248,.45);box-shadow:inset 0 0 0 .5em rgba(255,255,255,.06),0 4px 14px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:.9em;position:relative}
.hga-slab::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 42%,transparent 54%)}
.hga-slab.big{font-size:10.5px;width:310px;box-sizing:border-box}
.hga-slab.big .cm-card.big{width:100%;box-shadow:none}
.hga-lbl{background:#fbfbf7;border:.35em solid #d8332a;border-radius:.5em;padding:.5em .8em .35em;display:grid;grid-template-columns:1fr auto;gap:0 .8em;color:#1a1a1a;font-family:Arial,Helvetica,sans-serif;line-height:1.25}
.hga-l{display:flex;flex-direction:column;min-width:0}.hga-l span,.hga-l b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.25em}.hga-l b{font-weight:800}
.hga-r{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.hga-r span{font-size:1.2em;font-weight:700}.hga-r b{font-size:2.3em;line-height:1;font-weight:900}
.hga-bar{grid-column:1/-1;display:flex;align-items:center;gap:.8em;margin-top:.3em}
.hga-bar i{flex:0 0 38%;height:1.6em;background:repeating-linear-gradient(90deg,#111 0 .25em,transparent .25em .45em,#111 .45em .6em,transparent .6em .95em)}
.hga-bar em{font-style:normal;font-weight:900;font-size:1.2em;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#2c5ea8,#1b3f78);padding:.1em .6em;border-radius:.3em}
.hga-bar span{margin-left:auto;font-weight:700;font-size:1.25em}
.hga-win{border-radius:1em;padding:.5em;background:rgba(10,12,16,.35);box-shadow:inset 0 0 0 .3em rgba(255,255,255,.08)}
.hga-win .cm-card{box-shadow:none}
.hga-slab.gold .hga-lbl{background:linear-gradient(135deg,#1b1712,#2c241a);border-color:#e8b04a;color:#f5dc9a}
.hga-slab.gold .hga-bar i{background:repeating-linear-gradient(90deg,#e8b04a 0 .25em,transparent .25em .45em,#e8b04a .45em .6em,transparent .6em .95em)}
.hga-slab.gold{box-shadow:0 0 0 1px rgba(232,176,74,.6),0 0 22px rgba(232,176,74,.35),0 4px 14px rgba(0,0,0,.5)}
.dk-mini.slab{outline:2px solid rgba(235,240,248,.6);outline-offset:-1px;position:relative}.dk-mini.slab.gold{outline-color:#e8b04a}
.dk-hga{position:absolute;top:1px;right:1px;background:#d8332a;color:#fff;font-family:Arial,sans-serif;font-weight:900;font-size:9px;line-height:1;padding:2px 3px;border-radius:3px}
.dk-mini.slab.gold .dk-hga{background:#e8b04a;color:#1b1712}
.hga-box{width:min(340px,90vw);background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:9px 11px;display:flex;flex-direction:column;gap:8px}
.hga-box-h{display:flex;justify-content:space-between;gap:8px;font-size:12px}.hga-box-h span{color:var(--muted);font-family:var(--mono);font-size:11px}
.hga-chips{display:flex;flex-wrap:wrap;gap:5px;max-height:96px;overflow:auto}
.hga-chip{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-dim);border-radius:7px;padding:3px 7px;font-size:11px;cursor:pointer;font-family:var(--mono)}
.hga-chip.g{color:#fff;border-color:rgba(216,51,42,.6);background:rgba(216,51,42,.14)}.hga-chip.gold{border-color:#e8b04a;background:rgba(232,176,74,.16);color:#f5dc9a}
.hga-chip.on{outline:2px solid var(--sand-bright)}
.hga-more{font-size:11px;color:var(--muted);align-self:center}
.hga-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.hga-act span{flex:1 1 100%}.hga-act small{opacity:.75}
.hga-pop{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:var(--muted)}.hga-pop b{color:var(--text)}
.hga-hint{font-size:10.5px;color:var(--muted)}
.hga-queue{display:flex;align-items:center;gap:12px;border-color:rgba(216,51,42,.45)}.hga-q-ic{font-size:24px}.hga-queue>div{flex:1;display:flex;flex-direction:column;font-size:12px;color:var(--text-dim)}.hga-queue>div b{color:var(--text)}
.hga-top{display:flex;flex-direction:column;gap:4px}.hga-top-r{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 6px;border-radius:7px;background:var(--surface-2)}.hga-top-r b{margin-left:auto;font-family:var(--mono)}.hga-top-n{width:26px;text-align:center}
.hga-rev{gap:12px}.hga-rev-t{font-family:var(--mono);font-size:13px;letter-spacing:.1em;color:var(--sand-bright)}
.hga-rev-card{animation:hgaDrop .9s cubic-bezier(.2,.9,.3,1.25)}
@keyframes hgaDrop{0%{transform:translateY(-90vh) rotate(-8deg);opacity:0}70%{transform:translateY(12px) rotate(1deg);opacity:1}100%{transform:none}}
.hga-rev-g{display:flex;align-items:baseline;gap:10px;animation:hgaStamp .5s .85s both}.hga-rev-g span{font-family:Arial,sans-serif;font-weight:800;font-size:18px;color:#fff}.hga-rev-g b{font-family:Arial,sans-serif;font-weight:900;font-size:46px;color:#ff6a5c}
.hga-rev.hi .hga-rev-g b{color:#7fe08a}.hga-rev.gold .hga-rev-g b,.hga-rev.gold .hga-rev-g span{color:#f5c542;text-shadow:0 0 18px rgba(245,197,66,.6)}
@keyframes hgaStamp{0%{transform:scale(2.4);opacity:0}100%{transform:none;opacity:1}}
.hga-rev-m{font-size:13px;color:var(--text-dim);text-align:center;animation:hgaStamp .4s 1.2s both}
/* 📈 Börse: Öffnungszeiten + Stop-Loss/Take-Profit (3.80) */
.stock-mkt{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:9px 13px;border-radius:11px;margin-bottom:12px;font-size:12.5px;border:1px solid var(--border);background:var(--surface-2)}
.stock-mkt b{font-size:13px}.stock-mkt span{color:var(--text-dim)}.stock-mkt small{flex-basis:100%;color:var(--muted);font-size:11px}
.stock-mkt .sm-dot{width:9px;height:9px;border-radius:50%;flex:none}
.stock-mkt.open{border-color:rgba(123,208,138,.45)}.stock-mkt.open .sm-dot{background:#7bd08a;box-shadow:0 0 0 0 rgba(123,208,138,.6);animation:smPulse 1.8s infinite}
.stock-mkt.shut{border-color:rgba(220,80,60,.45);background:rgba(220,80,60,.07)}.stock-mkt.shut .sm-dot{background:#ef8a76}
@keyframes smPulse{70%{box-shadow:0 0 0 7px rgba(123,208,138,0)}100%{box-shadow:0 0 0 0 rgba(123,208,138,0)}}
.sd-sltp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 10px}
.sd-sltp label{display:block;font-size:11.5px;color:var(--text-dim);margin-bottom:3px}.sd-sltp label small{color:var(--muted);font-size:10px}
.sd-sltp input{width:100%;box-sizing:border-box}
.sd-q{display:flex;gap:4px;margin-top:4px}.sd-q button{flex:1;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:7px;padding:3px 0;font-size:11px;cursor:pointer;font-family:var(--mono)}
.sd-q button:hover{color:var(--text);border-color:var(--muted)}
.pf-sl{color:#ef8a76}.pf-tp{color:#7bd08a}.pf-why{color:var(--muted);font-size:10.5px}
.pf-sltp{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}
.pf-sltp label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-dim)}.pf-sltp input{width:110px}
.pf-sltp small{flex-basis:100%;font-size:10.5px;color:var(--muted)}
@media (max-width:520px){.sd-sltp{grid-template-columns:1fr}}
/* 🛒 Coinshop 3.80: Fortschritts-Kopf, Reiter, Stufenleisten, Balken */
.shop-sum{display:flex;align-items:center;gap:14px;padding:12px 14px;margin-bottom:12px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(226,161,73,.10),rgba(90,155,212,.06))}
.shop-ring{--p:0;width:74px;height:74px;flex:none;border-radius:50%;background:conic-gradient(var(--sand-bright) calc(var(--p)*1%),rgba(255,255,255,.08) 0);display:grid;place-items:center}
.shop-ring>div{width:58px;height:58px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.shop-ring b{font-family:var(--mono);font-size:16px;color:var(--sand-bright)}.shop-ring span{font-size:9px;color:var(--muted)}
.shop-sum-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.shop-sum-t{font-family:var(--mono);font-weight:800;font-size:13px;color:var(--text)}
.shop-sum-chips,.shop-sum-act{display:flex;flex-wrap:wrap;gap:5px}
.shop-sum-chips span,.shop-sum-act span{font-size:11px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:2px 9px}
.shop-sum-chips b{color:var(--sand-bright)}.shop-sum-act span.on{color:var(--olive-bright);border-color:rgba(143,170,85,.5);background:rgba(143,170,85,.12)}
.shop-sum-daily{flex:none;display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:8px 12px;color:var(--text-dim);cursor:default;font-family:var(--mono)}
.shop-sum-daily span{font-size:22px}.shop-sum-daily b{font-size:11px}.shop-sum-daily small{font-size:10px;color:var(--muted)}
.shop-sum-daily.ready{cursor:pointer;border-color:var(--olive-bright);color:var(--text);animation:shopPulse 1.6s ease-in-out infinite}
@keyframes shopPulse{50%{box-shadow:0 0 0 5px rgba(143,170,85,.18)}}
.shop-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.shop-tabs button{flex:none;white-space:nowrap;line-height:1.2;min-height:0;height:auto;width:auto;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:99px;padding:5px 12px;font-size:12px;cursor:pointer;font-family:var(--mono)}
.shop-st{white-space:nowrap}
.shop-tabs button.on{background:var(--sand);border-color:var(--sand);color:#1d1707;font-weight:700}
.shop-pips{display:flex;gap:3px;margin:-3px 0 9px}.shop-pips i{flex:1;height:7px;border-radius:3px;background:rgba(255,255,255,.08)}
.shop-pips i.on{background:linear-gradient(90deg,#5a9bd4,#6fc3d8)}.shop-pips i.next{background:rgba(111,195,216,.25);box-shadow:inset 0 0 0 1px rgba(111,195,216,.55)}
.cat-boost .shop-pips i.on{background:linear-gradient(90deg,#e2a149,#ecca81)}.cat-boost .shop-pips i.next{background:rgba(236,202,129,.2);box-shadow:inset 0 0 0 1px rgba(236,202,129,.5)}
.shop-bar{position:relative;height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;margin:2px 0 8px}
.shop-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#5a9bd4,#6fc3d8);transition:width .4s}
.shop-bar.time i{background:linear-gradient(90deg,#e2a149,#ecca81)}.shop-bar.budget i{background:linear-gradient(90deg,#7ac74f,#c2cc83)}.shop-bar.ready i{background:linear-gradient(90deg,#7ac74f,#a6e07a)}
.shop-bar.mile i{background:linear-gradient(90deg,#b06ad0,#ecca81)}
.shop-bar.budget,.shop-bar.mile{height:15px}.shop-bar span{position:relative;display:block;text-align:center;font-family:var(--mono);font-size:9.5px;line-height:15px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.shop-live{background:rgba(143,170,85,.10);border:1px solid rgba(143,170,85,.35);border-radius:9px;padding:6px 8px 2px;margin-bottom:8px;font-size:11px;color:var(--olive-bright)}
.shop-live.armed{padding:6px 8px}.shop-live-h{margin-bottom:5px;font-family:var(--mono)}
.shop-up{margin-top:9px;padding-top:8px;border-top:1px dashed var(--border)}.shop-up-h{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--text-dim);margin-bottom:6px}
.shop-next{font-size:11px;color:var(--sand-bright);margin:-3px 0 9px}.shop-note{font-size:10.5px;color:var(--muted);margin:-3px 0 9px}
.shop-buy small{display:block;font-size:10px;font-weight:400;opacity:.8}
.shop-buy.glow{border-color:var(--olive-bright);color:var(--olive-bright)}
.shop-item.can{border-color:rgba(236,202,129,.45)}.shop-item.is-active{box-shadow:0 0 0 1px rgba(143,170,85,.5),0 0 18px rgba(143,170,85,.12)}
.shop-item.maxed{opacity:.85}.shop-item.maxed::after{content:'MAX';position:absolute;top:9px;right:10px;font-family:var(--mono);font-size:9px;font-weight:800;color:#1d1707;background:var(--olive-bright);border-radius:5px;padding:1px 5px}
.shop-item.flash{animation:shopBought .7s ease}
@keyframes shopBought{0%{box-shadow:0 0 0 0 rgba(236,202,129,.8)}100%{box-shadow:0 0 0 14px rgba(236,202,129,0)}}
@media (max-width:560px){.shop-sum{flex-wrap:wrap}.shop-sum-m{flex-basis:calc(100% - 90px)}.shop-sum-daily{flex-direction:row;gap:8px;width:100%;justify-content:center}}
.pf-pos-r .btn:disabled,.sd-open-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}
/* 📈 Börse – neue Optik (3.81) */
.stk-hero{position:relative;overflow:hidden;border-radius:18px;padding:16px 16px 0;border:1px solid var(--border);background:linear-gradient(150deg,#1e2a22,#191512 60%,#231a12)}
.stk-hero-glow{position:absolute;inset:-40% -10% auto auto;width:70%;height:160%;background:radial-gradient(closest-side,rgba(123,208,138,.16),transparent);pointer-events:none}
.stk-hero-top{position:relative;display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}
.stk-title{font-size:22px;font-weight:800;color:var(--sand-bright);letter-spacing:.01em}.stk-sub{font-size:12px;color:var(--muted);margin-top:2px}
.stk-hero .stock-mkt{position:relative;margin-bottom:10px;background:rgba(0,0,0,.25)}
.stk-kpis{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.stk-kpi{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:8px 11px;display:flex;flex-direction:column;gap:1px;min-width:0}
.stk-kpi span{font-size:10.5px;color:var(--muted)}.stk-kpi b{font-family:var(--mono);font-size:17px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stk-kpi small{font-family:var(--mono);font-size:10.5px}.stk-kpi.up b,.stk-kpi.up small{color:var(--olive-bright)}.stk-kpi.down b,.stk-kpi.down small{color:var(--brick)}
.stk-tape{position:relative;margin:0 -16px;border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.3);overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.stk-tape-in{display:inline-block;padding:7px 0;animation:stkTape 40s linear infinite}.stk-tape:hover .stk-tape-in{animation-play-state:paused}
@keyframes stkTape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.stk-tk{display:inline-block;margin:0 16px;font-family:var(--mono);font-size:12px;color:var(--text-dim);cursor:pointer}.stk-tk b{color:var(--text)}
.stk-tk i{font-style:normal}.stk-tk i.up{color:var(--olive-bright)}.stk-tk i.down{color:var(--brick)}
.stk-logo{--h:40;display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;font-family:var(--mono);font-weight:800;font-size:12px;letter-spacing:-.02em;color:hsl(var(--h),70%,88%);background:linear-gradient(145deg,hsl(var(--h),45%,34%),hsl(var(--h),50%,20%));box-shadow:inset 0 0 0 1px hsla(var(--h),60%,70%,.35)}
.sd-name .stk-logo{width:30px;height:30px;margin-right:8px;vertical-align:middle}
.stock-board{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.stk-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:14px;padding:11px 12px 10px;cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex;flex-direction:column;gap:6px;min-width:0}
.stk-card:hover{transform:translateY(-2px);border-color:var(--sand);box-shadow:0 10px 24px rgba(0,0,0,.35)}.stk-card.sel{border-color:var(--sand-bright);box-shadow:0 0 0 1px var(--sand-bright)}
.stk-card-h{display:flex;align-items:center;gap:9px;min-width:0}.stk-card-id{display:flex;flex-direction:column;min-width:0;flex:1}
.stk-card-id b{font-family:var(--mono);font-size:14px;color:var(--text)}.stk-card-id span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stk-held{font-size:10.5px;font-family:var(--mono);color:var(--sand-bright);background:rgba(236,202,129,.12);border:1px solid rgba(236,202,129,.35);border-radius:99px;padding:1px 7px;flex:none}
.stk-card-spark{height:46px}.stk-card-spark .spark{width:100%;height:46px;display:block}
.stk-card-f{display:flex;justify-content:space-between;align-items:center;gap:6px}.stk-card-f b{font-family:var(--mono);font-size:17px}
.stk-pill{font-family:var(--mono);font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px}.stk-pill.up{background:rgba(122,143,74,.2);color:var(--olive-bright)}.stk-pill.down{background:rgba(176,74,58,.2);color:var(--brick)}
.stk-sector{font-size:10px;color:var(--muted);opacity:.8}
.stk-ph-sub{font-size:11px;font-weight:400;color:var(--muted)}
.stk-alloc{margin:-2px 0 10px}.stk-alloc-bar{display:flex;height:9px;border-radius:99px;overflow:hidden;gap:2px}
.stk-alloc-bar i{display:block;background:hsl(var(--h),50%,48%)}.stk-alloc-l{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:5px;font-family:var(--mono);font-size:10.5px;color:var(--text-dim)}
.stk-alloc-l i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;background:hsl(var(--h),50%,48%)}
.stk-empty{display:flex;flex-direction:column;align-items:center;gap:3px;padding:18px;color:var(--muted);font-size:12.5px;text-align:center}.stk-empty span{font-size:28px}.stk-empty b{color:var(--text-dim)}
.pfg{border:1px solid var(--border);border-radius:13px;background:rgba(0,0,0,.12);margin-bottom:8px;overflow:hidden}
.pfg-h{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}.pfg-h:hover{background:rgba(255,255,255,.03)}
.pfg-id{display:flex;flex-direction:column;min-width:0;flex:1}.pfg-id b{font-family:var(--mono);font-size:14px}.pfg-id span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfg-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:10.5px;color:var(--muted);font-family:var(--mono)}
.pfg-pnl{display:flex;flex-direction:column;align-items:flex-end;min-width:86px}.pfg-pnl b{font-family:var(--mono);font-size:16px}.pfg-pnl small{font-size:10px;color:var(--muted)}
.pfg-pnl.up b{color:var(--olive-bright)}.pfg-pnl.down b{color:var(--brick)}
.pfg-caret{color:var(--muted);transition:transform .15s}.pfg.open .pfg-caret{transform:rotate(180deg)}
.pfg-body{border-top:1px solid var(--border);padding:6px 10px 8px;display:flex;flex-direction:column;gap:6px}
.pfg-foot{display:flex;justify-content:flex-end}
.pf-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:'a c' 'b c' 'r r' 'd d';gap:4px 10px;padding:8px 9px;border-radius:10px;background:rgba(0,0,0,.18)}
.pf-row-a{grid-area:a;display:flex;align-items:center;gap:6px}.pf-row-m{font-family:var(--mono);font-size:11px;color:var(--muted)}
.pf-row-b{grid-area:b;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-family:var(--mono);font-size:11px;color:var(--text-dim)}
.pf-row-c{grid-area:c;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.pf-row-c b{font-family:var(--mono);font-size:15px}.pf-row-c small{font-family:var(--mono);font-size:10.5px}
.pf-row-c .up{color:var(--olive-bright)}.pf-row-c .down{color:var(--brick)}
.pf-row-d{grid-area:d;display:flex;justify-content:flex-end;gap:6px}
.pf-row .pf-sltp{grid-column:1/-1}
.pf-chip{font-size:10px;padding:1px 6px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid var(--border)}
.pf-chip.sl{color:#ef8a76;border-color:rgba(239,138,118,.4)}.pf-chip.tp{color:#7bd08a;border-color:rgba(123,208,138,.4)}.pf-chip.liq{color:var(--muted)}
.pf-risk{grid-area:r;position:relative;height:7px;border-radius:99px;margin:3px 0 2px}
.pf-risk.long{background:linear-gradient(90deg,rgba(176,74,58,.75),rgba(176,74,58,.25) 45%,rgba(122,143,74,.3) 55%,rgba(122,143,74,.8))}
.pf-risk.short{background:linear-gradient(90deg,rgba(122,143,74,.8),rgba(122,143,74,.3) 45%,rgba(176,74,58,.25) 55%,rgba(176,74,58,.75))}
.pf-risk i{position:absolute;top:-3px;bottom:-3px;width:2px;transform:translateX(-1px);border-radius:2px}
.pf-r-entry{background:rgba(255,255,255,.55)}.pf-r-sl{background:#ef8a76}
.pf-r-now{width:11px!important;height:11px;top:-2px!important;bottom:auto!important;transform:translateX(-5px)!important;border-radius:50%!important;background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.5),0 0 8px rgba(255,255,255,.5)}
.pf-hist{margin-top:8px;border:1px solid var(--border);border-radius:12px;background:rgba(0,0,0,.1)}
.pf-hist summary{cursor:pointer;padding:9px 12px;font-size:12.5px;color:var(--text-dim);list-style:none}.pf-hist summary::-webkit-details-marker{display:none}
.pf-hist summary span{font-family:var(--mono);font-size:10.5px;background:var(--surface-2);border-radius:99px;padding:1px 7px;margin-left:4px}
.pf-hist-l{display:flex;flex-direction:column;gap:4px;padding:0 10px 10px}
.pf-hist-r{display:flex;align-items:center;gap:9px;font-size:12px;padding:5px 6px;border-radius:9px;background:rgba(0,0,0,.14)}.pf-hist-r .stk-logo{width:26px;height:26px;font-size:10px;border-radius:8px}
.pf-hist-t{font-family:var(--mono);color:var(--text-dim)}.pf-hist-t b{color:var(--text)}.pf-hist-w{flex:1;font-size:11px;color:var(--muted)}
.pf-hist-p{font-family:var(--mono)}.pf-hist-p.up{color:var(--olive-bright)}.pf-hist-p.down{color:var(--brick)}
@media (max-width:640px){.stk-kpis{grid-template-columns:1fr 1fr}.pfg-meta{display:none}.stock-board{grid-template-columns:1fr 1fr}.stk-card-f b{font-size:15px}}
.stock-portfolio>#stock-pf-open,.stock-portfolio>#stock-pf-closed{padding:0 12px}.stock-portfolio>#stock-pf-closed{padding-bottom:12px}.stock-portfolio>#stock-pf-open{padding-top:10px}
.stk-alloc{padding:10px 12px 0;margin:0}.stk-alloc:empty{display:none}
.stock-board{padding:12px}
.chat-announce-del{position:absolute;top:8px;right:54px;background:none;border:none;cursor:pointer;font-size:13px;opacity:.55;padding:2px 4px}.chat-announce-del:hover{opacity:1}
/* 🗑️ Bestzeiten löschen (3.83) */
.rk-del-list{display:flex;flex-direction:column;gap:6px}
.rk-del-r{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}
.rk-del-l{font-size:13px;color:var(--text)}.rk-del-v{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--mono);min-width:70px}
.rk-del-v small{font-size:9.5px;color:var(--muted)}.rk-del-v b{font-size:13px}.rk-del-a{display:flex;gap:5px;justify-content:flex-end}
.rk-del-x{background:none;border:none;cursor:pointer;opacity:.45;font-size:12px;padding:0 0 0 6px}.rk-del-x:hover{opacity:1}
@media (max-width:560px){.rk-del-r{grid-template-columns:1fr 1fr}.rk-del-l{grid-column:1/-1}.rk-del-a{grid-column:1/-1}}
/* 🗳️ /votemute (3.85) */
.vm-card{position:relative;margin:0 0 8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(220,80,60,.45);background:linear-gradient(135deg,rgba(220,80,60,.12),rgba(0,0,0,.15));display:flex;flex-direction:column;gap:6px}
.vm-card.done{border-color:var(--border);opacity:.9}.vm-card.done.pass{border-color:rgba(220,80,60,.5)}.vm-card.done.fail{border-color:rgba(123,208,138,.45)}
.vm-h{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-right:22px}.vm-h b{font-size:13.5px}
.vm-left{font-family:var(--mono);font-size:12px;color:#ef8a76;font-weight:700}
.vm-r{font-size:12px;color:var(--text-dim)}
.vm-bar{position:relative;height:18px;border-radius:99px;background:rgba(123,208,138,.18);overflow:hidden}.vm-bar i{position:absolute;inset:0 auto 0 0;background:rgba(220,80,60,.55);transition:width .3s}
.vm-bar span{position:relative;display:block;text-align:center;font-family:var(--mono);font-size:11px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.vm-need{font-size:11px;color:var(--muted)}.vm-need b{color:var(--text-dim)}
.vm-btns{display:flex;gap:6px;flex-wrap:wrap}.vm-note{font-size:11.5px;color:var(--text-dim)}.vm-res{font-size:12.5px;font-weight:700}
.vm-cancel{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;opacity:.6;font-size:13px}.vm-cancel:hover{opacity:1}
/* ⌨️ Chat-Befehle + 🗳️ System-Zeilen (3.86) */
.chat-cmdhint{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:7px 11px;margin:0 0 4px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.chat-cmdhint b{color:var(--sand-bright)}.cmd-ic{font-size:14px}
.cmd-arg{color:var(--muted)}.cmd-arg.opt{opacity:.75}.cmd-arg.on{color:#1d1707;background:var(--sand-bright);border-radius:5px;padding:0 4px;font-weight:700}
.cmd-d{flex-basis:100%;font-family:var(--sans,inherit);font-size:11px;color:var(--muted)}
.chat-ment-row.cmd{flex-wrap:wrap}.chat-ment-row.cmd b{color:var(--sand-bright);font-family:var(--mono)}.chat-ment-row.cmd .cmd-arg{font-family:var(--mono);font-size:11.5px}
.chat-ment-row.on{background:rgba(236,202,129,.14);outline:1px solid rgba(236,202,129,.45)}
.chat-sys{position:relative;display:flex;align-items:flex-start;gap:8px;margin:6px 4px;padding:7px 11px;border-radius:11px;font-size:12.5px;line-height:1.4;color:var(--text-dim);background:rgba(255,255,255,.04);border:1px solid var(--border)}
.chat-sys-ic{font-size:15px;line-height:1.2}.chat-sys-b{flex:1;min-width:0}.chat-sys-b b{color:var(--text)}
.chat-sys-t{font-family:var(--mono);font-size:10px;color:var(--muted);align-self:flex-end}
.chat-sys-del{position:absolute;top:4px;right:6px;background:none;border:none;cursor:pointer;opacity:0;font-size:11px}.chat-sys:hover .chat-sys-del{opacity:.6}
.chat-sys.vm-start{border-color:rgba(232,176,74,.45);background:rgba(232,176,74,.08)}
.chat-sys.vm-pass{border-color:rgba(220,80,60,.5);background:rgba(220,80,60,.09)}
.chat-sys.vm-fail{border-color:rgba(123,208,138,.45);background:rgba(123,208,138,.08)}
.chat-sys.vm-cancel{opacity:.8}
.pk-lvl{color:var(--sand-bright);font-weight:700}.lob-opt-l small{font-size:10px;color:var(--muted);font-weight:400}
/* 🌃 Neon-Gockel: Tokio Nights (3.88) */
.neo-machine{position:relative;overflow:hidden;border-radius:18px;padding:14px;background:radial-gradient(120% 80% at 50% 0%,#2a0f3d,#0d0a1a 60%,#05040b);border:1px solid rgba(255,64,200,.45);box-shadow:0 0 0 1px rgba(0,229,255,.15) inset,0 0 30px rgba(255,64,200,.18)}
.neo-machine.super{border-color:#00e5ff;box-shadow:0 0 0 1px rgba(0,229,255,.4) inset,0 0 40px rgba(0,229,255,.35)}
.neo-rain{position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:repeating-linear-gradient(105deg,transparent 0 14px,rgba(140,200,255,.18) 14px 15px,transparent 15px 34px);animation:neoRain 1.1s linear infinite}
@keyframes neoRain{from{background-position:0 0}to{background-position:-40px 160px}}
.neo-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.neo-logo{font-family:var(--mono);font-weight:900;font-size:17px;letter-spacing:.08em;color:#ff4fd8;text-shadow:0 0 6px #ff4fd8,0 0 18px rgba(255,79,216,.6);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.neo-logo b{color:#5ff3ff;text-shadow:0 0 6px #00e5ff,0 0 16px rgba(0,229,255,.6);animation:neoFlicker 4s infinite}.neo-logo span{font-size:22px;filter:drop-shadow(0 0 6px #ffb347)}
@keyframes neoFlicker{0%,19%,21%,62%,64%,100%{opacity:1}20%,63%{opacity:.35}}
.neo-ways{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--mono);color:#5ff3ff}.neo-ways small{font-size:9px;letter-spacing:.12em;opacity:.8}.neo-ways b{font-size:18px;text-shadow:0 0 8px rgba(0,229,255,.7)}
.neo-chain{position:relative;display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:8px}
.neo-chain span{min-width:26px;height:26px;display:grid;place-items:center;border-radius:8px;font-family:var(--mono);font-weight:800;font-size:12px;color:rgba(255,255,255,.35);border:1px solid rgba(255,79,216,.3);background:rgba(0,0,0,.3)}
.neo-chain span.on{color:#fff;background:rgba(255,79,216,.35);border-color:#ff4fd8;box-shadow:0 0 10px rgba(255,79,216,.6)}
.neo-chain span.sup{padding:0 8px;letter-spacing:.08em}.neo-chain span.sup.on{background:rgba(0,229,255,.3);border-color:#00e5ff;box-shadow:0 0 14px rgba(0,229,255,.8);animation:neoPulse .8s ease-in-out infinite}
.neo-mult{font-family:var(--mono);font-size:18px;color:#ffe66d;text-shadow:0 0 10px rgba(255,230,109,.9);margin-left:4px}
@keyframes neoPulse{50%{transform:scale(1.08)}}
.neo-stage{position:relative}
.neo-reels{--rows:3;overflow:hidden;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;width:100%;max-width:440px;margin:0 auto;box-sizing:border-box;border-radius:14px;background:rgba(5,4,14,.75);border:1px solid rgba(0,229,255,.25);transition:all .3s}
.neo-reel{display:grid;grid-template-rows:repeat(var(--rows),1fr);gap:6px}
.neo-cell{aspect-ratio:1/1;width:100%;display:grid;place-items:center;border-radius:10px;background:linear-gradient(160deg,rgba(60,20,90,.55),rgba(10,8,25,.9));border:1px solid rgba(255,79,216,.18);font-size:clamp(20px,5.2vw,34px);transition:transform .35s,box-shadow .2s,border-color .2s}
.neo-cell.s-smog{background:rgba(10,8,25,.6);border-color:rgba(255,255,255,.05)}.neo-cell.s-smog span{opacity:.15;filter:grayscale(1)}.neo-cell.s-wild{background:linear-gradient(160deg,rgba(255,79,216,.45),rgba(0,229,255,.35));border-color:#fff}
.neo-cell.s-rooster{border-color:rgba(255,179,71,.6)}
.neo-cell.land{animation:neoLand .28s ease-out}@keyframes neoLand{from{transform:translateY(-12px);opacity:.3}to{transform:none;opacity:1}}
.neo-reels.spinning .neo-cell:not(.held) span{filter:blur(1.5px);opacity:.8}
.neo-cell.held{border-color:#00e5ff;box-shadow:0 0 12px rgba(0,229,255,.55) inset,0 0 10px rgba(0,229,255,.35)}
.neo-cell.win{border-color:#ff4fd8;box-shadow:0 0 16px rgba(255,79,216,.85),0 0 4px #fff inset;animation:neoWin .5s ease-in-out infinite alternate}
@keyframes neoWin{to{transform:scale(1.06)}}
.neo-cell.shift{transform:translateX(calc(-100% - 6px));opacity:.85;animation:none}
.neo-fx{position:absolute;inset:0;pointer-events:none}
.neo-superban{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(5,4,14,.7);animation:cmIn .3s}
.neo-superban b{font-family:var(--mono);font-size:44px;color:#5ff3ff;text-shadow:0 0 12px #00e5ff,0 0 30px rgba(0,229,255,.8);letter-spacing:.1em}
.neo-superban span{font-family:var(--mono);font-size:22px;color:#ff4fd8;text-shadow:0 0 10px #ff4fd8;letter-spacing:.3em}.neo-superban small{color:#fff;margin-top:6px;font-size:12px}
.neo-bar{position:relative;margin:10px 0;min-height:22px;text-align:center;font-family:var(--mono);font-size:12.5px;color:rgba(255,255,255,.8)}
.neo-bar b{color:#ffe66d}.neo-wl{display:inline-block;margin:0 6px;color:#5ff3ff}.neo-xm{color:#ffe66d}.neo-supertxt{color:#5ff3ff!important;text-shadow:0 0 8px #00e5ff}
.neo-spin{min-width:130px;padding:12px 22px;border-radius:14px;border:none;cursor:pointer;font-family:var(--mono);font-weight:900;letter-spacing:.12em;color:#1a0420;background:linear-gradient(135deg,#ff4fd8,#5ff3ff);box-shadow:0 0 18px rgba(255,79,216,.55)}
.neo-spin:disabled,.neo-spin.busy{opacity:.55;cursor:default;filter:grayscale(.3)}
.neo-machine .slot-auto label{color:rgba(255,255,255,.75)}
.neo-pay{margin-top:12px}.neo-pt-row{display:grid;grid-template-columns:30px 1fr repeat(3,auto);gap:6px 12px;align-items:center;padding:4px 6px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12px}
.neo-pt-e{font-size:20px}.neo-pt-n{color:var(--text-dim);font-family:var(--sans,inherit)}.neo-pt-note{font-size:11.5px;color:var(--text-dim);line-height:1.5;margin-top:8px}
.cla-neo{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#3a1050,#0b0717);overflow:hidden}
.cla-neo b{font-size:30px;filter:drop-shadow(0 0 8px #ffb347)}.cla-neo span{font-family:var(--mono);font-weight:900;letter-spacing:.2em;color:#ff4fd8;text-shadow:0 0 8px #ff4fd8;animation:neoFlicker 3s infinite}
.cla-neo em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.35em;color:#5ff3ff;text-shadow:0 0 6px #00e5ff}
.cla-neo i{position:absolute;bottom:0;width:18%;background:linear-gradient(#1b1030,#2b1450);border-top:2px solid rgba(0,229,255,.5)}.cla-neo i:nth-child(1){left:6%;height:42%}.cla-neo i:nth-child(2){left:70%;height:56%;border-color:rgba(255,79,216,.6)}.cla-neo i:nth-child(3){left:84%;height:34%}
@media (max-width:520px){.neo-reels{gap:4px;padding:6px}.neo-reel{gap:4px}.neo-logo{font-size:14px}}
.sd-break{stroke:rgba(236,202,129,.35);stroke-width:1;stroke-dasharray:3 4}
/* 🕵️ Verdachts-Eingang (3.89) */
.sus-dash{cursor:default;display:block}
.sus-dash.ok{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px}
.sus-dash.ok:hover{border-color:var(--ring)}
.sus-dash-ic{font-size:22px}
.sus-dash-t{display:flex;flex-direction:column;gap:2px;flex:1}
.sus-dash-t span{font-size:12px;color:var(--olive-bright)}
.sus-dash-go{font-family:var(--mono);font-size:11px;color:var(--muted)}
.sus-dash.hard{border-color:rgba(207,106,79,.55);background:linear-gradient(160deg,rgba(207,106,79,.12),var(--surface) 60%)}
.sus-dash-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.sus-dash-h b{font-size:15px;margin-right:4px}
.sus-dash-h .btn{margin-left:auto}
.sus-k{font-family:var(--mono);font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surface-3);color:var(--text-dim)}
.sus-k.hard{background:rgba(207,106,79,.2);color:#ffb39f}
.sus-k.review{background:rgba(226,161,73,.18);color:var(--amber)}
.sus-dash-row{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;cursor:pointer;flex-wrap:wrap}
.sus-dash-row:hover{background:var(--surface-2)}
.sus-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);flex:none}
.sus-dash-row.hard .sus-dot{background:var(--brick);box-shadow:0 0 0 3px rgba(207,106,79,.25)}
.sus-dash-chips,.sus-wchips,.sus-chips{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}
.sus-chip{font-family:var(--mono);font-size:10px;color:var(--text-dim);background:var(--surface-3);border:1px solid var(--border-soft);border-radius:999px;padding:2px 8px;white-space:nowrap}
.sus-chip.hard{color:#ffd2c6;background:rgba(207,106,79,.22);border-color:rgba(207,106,79,.5)}
.sus-sc{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--sand-bright);min-width:24px;text-align:right}
.sus-head{padding:14px 16px}
.sus-head-t{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sus-head-t h3{margin:0;flex:1}
.sus-age{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.sus-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sus-kpi{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font:inherit;text-align:left;transition:border-color .15s,transform .15s}
.sus-kpi:hover{transform:translateY(-1px);border-color:var(--ring)}
.sus-kpi b{font-family:var(--mono);font-size:22px;line-height:1}
.sus-kpi span{font-size:11.5px;color:var(--text-dim)}
.sus-kpi.hard b{color:#ff9f86}.sus-kpi.review b{color:var(--amber)}.sus-kpi.watch b{color:var(--text-dim)}.sus-kpi.muted b{color:var(--muted)}
.sus-kpi.on{border-color:var(--sand);box-shadow:0 0 0 2px var(--ring)}
.sus-clean{display:flex;align-items:center;gap:12px}
.sus-clean>span{font-size:26px}
.sus-clean div div{font-size:12.5px;color:var(--text-dim);margin-top:2px}
.sus-group{margin-bottom:14px}
.sus-gt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700;font-size:13.5px;margin:4px 2px 8px}
.sus-gt span{font-weight:400;font-size:11.5px;color:var(--muted)}
.sus-gt .btn{margin-left:auto}
.sus-gt.hard{color:#ffb39f}.sus-gt.review{color:var(--amber)}.sus-gt.watch,.sus-gt.muted{color:var(--text-dim)}
.sus-fold{cursor:pointer;padding:9px 12px;border:1px dashed var(--border);border-radius:12px;margin:0}
.sus-fold:hover{border-color:var(--ring)}
.sus-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--amber);border-radius:14px;margin-bottom:8px;overflow:hidden}
.sus-card.hard{border-left-color:var(--brick);background:linear-gradient(100deg,rgba(207,106,79,.09),var(--surface) 45%)}
.sus-card.watch{border-left-color:var(--muted)}
.sus-card-h{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer}
.sus-card-h:hover{background:rgba(255,255,255,.02)}
.sus-ring{--p:0;flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--amber) calc(var(--p)*1%),var(--surface-3) 0)}
.sus-ring.hard{background:conic-gradient(var(--brick) calc(var(--p)*1%),var(--surface-3) 0)}
.sus-ring.watch{background:conic-gradient(var(--muted) calc(var(--p)*1%),var(--surface-3) 0)}
.sus-ring b{width:32px;height:32px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-family:var(--mono);font-size:12px}
.sus-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.sus-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:700}
.sus-lead{display:flex;flex-wrap:wrap;gap:4px}
.sus-none{font-size:11px;color:var(--muted)}
.sus-b{font-family:var(--mono);font-size:9.5px;font-weight:700;padding:1px 7px;border-radius:999px;border:1px solid var(--border-soft);color:var(--text-dim)}
.sus-b.bot,.sus-b.jp{background:var(--brick);border-color:var(--brick);color:#fff}
.sus-b.frz{color:#8fd4ff;border-color:rgba(143,212,255,.35)}
.sus-b.was{color:var(--amber);border-color:rgba(226,161,73,.4)}
.sus-ago{font-family:var(--mono);font-size:10.5px;color:var(--muted);white-space:nowrap}
.sus-okq{padding:6px 9px}
.sus-caret{color:var(--muted);width:12px}
.sus-body{padding:4px 14px 12px 66px;display:flex;flex-direction:column;gap:10px}
.sus-sec-t{font-size:11.5px;font-weight:700;color:var(--text-dim);margin-bottom:5px}
.sus-sub{font-weight:400;color:var(--muted);font-size:11px}
.sus-ev{display:grid;grid-template-columns:minmax(150px,auto) 1fr auto;gap:10px;align-items:baseline;padding:5px 9px;border-radius:8px;background:var(--surface-2);margin-bottom:3px;font-size:12px}
.sus-ev.hard{background:rgba(207,106,79,.12)}
.sus-ev-d{font-family:var(--mono);font-size:10.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.sus-ev-t{font-family:var(--mono);font-size:10px;color:var(--muted);white-space:nowrap}
.sus-why{margin:0;padding-left:16px;font-size:12px;color:var(--text-dim);display:flex;flex-direction:column;gap:2px}
.sus-acts{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px;border-top:1px solid var(--border-soft);padding-top:10px}
.sus-wlist{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.sus-wrow{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--border-soft);flex-wrap:wrap}
.sus-wrow .btn{padding:5px 8px}
.sus-learn{padding:12px 16px}
.sus-learn summary{cursor:pointer;font-weight:700;font-size:13.5px}
.sus-learn[open] summary{margin-bottom:10px}
.sus-learn-w{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 14px;margin:10px 0}
.sus-legend{margin-top:4px}
@media (max-width:640px){
  .sus-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sus-body{padding-left:14px}
  .sus-ev{grid-template-columns:1fr auto}
  .sus-ev-d{grid-column:1/-1;order:3}
  .sus-ago{display:none}
}
/* 🧾 Steuerschuld-Chip (3.90) */
.taxdebt-chip{display:flex;align-items:center;gap:4px;background:rgba(207,106,79,.16);border:1px solid rgba(207,106,79,.5);border-radius:20px;padding:6px 11px;font-family:var(--mono);font-weight:700;font-size:12px;color:#ffb39f;cursor:help}
.taxdebt-chip[hidden]{display:none}
.sd-prev-note.bad{color:#ffb39f}
/* 🏰 Stall-Imperium (3.91) */
#imp-root{--imp-tile:#f4ecd6;--imp-tile2:#eadfc2;--imp-ink:#2a2216;--imp-felt:#1f4a2c;--imp-gold:#ecca81}
.imp-hero{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin-bottom:14px;padding:14px 18px;border-radius:18px;
  background:linear-gradient(120deg,rgba(236,202,129,.16),rgba(31,74,44,.35) 55%,rgba(20,19,16,.4));border:1px solid rgba(236,202,129,.35);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.imp-logo{display:flex;align-items:center;gap:10px}
.imp-logo span{font-size:30px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}
.imp-logo b{font-family:var(--mono);font-size:22px;letter-spacing:.08em;background:linear-gradient(180deg,#fff3c9,#ecca81 45%,#b8862e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.imp-h-sub{font-size:12.5px;color:var(--text-dim);margin-top:2px}
.imp-h-sub b{font-family:var(--mono);color:var(--sand-bright)}
.imp-h-ev{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);max-width:320px}
.imp-ev-ic{font-size:26px;animation:impBob 2.6s ease-in-out infinite}
.imp-h-ev b{display:block;font-size:13px}.imp-h-ev span{font-size:11.5px;color:var(--text-dim)}
.imp-h-pot{text-align:right;padding:8px 14px;border-radius:14px;background:linear-gradient(160deg,rgba(236,202,129,.25),rgba(236,202,129,.06));border:1px solid rgba(236,202,129,.45)}
.imp-h-pot span{display:block;font-size:11px;color:var(--text-dim)}
.imp-h-pot b{font-family:var(--mono);font-size:20px;color:var(--imp-gold)}
@keyframes impBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}

.imp-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.imp-board-wrap{padding:10px;border-radius:20px;background:linear-gradient(145deg,#6b4a26,#3e2914 60%,#5c3d1d);box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18);max-width:820px;width:100%;margin:0 auto}
.imp-board{position:relative;display:grid;aspect-ratio:1;grid-template-columns:1.55fr repeat(9,1fr) 1.55fr;grid-template-rows:1.55fr repeat(9,1fr) 1.55fr;gap:2px;
  background:#2c2012;border-radius:12px;overflow:hidden;border:2px solid #c9a35a}
.imp-t{position:relative;background:linear-gradient(180deg,var(--imp-tile),var(--imp-tile2));color:var(--imp-ink);cursor:pointer;display:flex;overflow:hidden;
  transition:filter .15s,transform .15s;box-shadow:inset 0 0 0 2px var(--oc,transparent)}
.imp-t:hover{filter:brightness(1.08);z-index:2}
.imp-t.mine{box-shadow:inset 0 0 0 3px var(--oc),0 0 10px var(--oc)}
.imp-t.pend{animation:impPend 1s ease-in-out infinite}
@keyframes impPend{50%{filter:brightness(1.25) saturate(1.3)}}
.imp-band{position:absolute;background:var(--gc);box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.imp-bottom .imp-band{left:0;right:0;top:0;height:22%}
.imp-top .imp-band{left:0;right:0;bottom:0;height:22%}
.imp-left .imp-band{top:0;bottom:0;right:0;width:15%}
.imp-right .imp-band{top:0;bottom:0;left:0;width:15%}
.imp-t-in{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px;text-align:center;min-width:0}
.imp-bottom .imp-t-in{padding-top:24%}.imp-top .imp-t-in{padding-bottom:24%}
.imp-left .imp-t-in,.imp-right .imp-t-in{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:5px;row-gap:0;text-align:left;justify-items:start}
.imp-left .imp-t-in{padding:2px 17% 2px 4px}.imp-right .imp-t-in{padding:2px 4px 2px 17%}
.imp-left .imp-t-ic,.imp-right .imp-t-ic{grid-row:1/3;align-self:center}
.imp-left .imp-t-nm,.imp-right .imp-t-nm{-webkit-line-clamp:1;display:block;white-space:nowrap;text-overflow:ellipsis;max-width:100%}
.imp-t-ic{font-size:clamp(10px,1.6vw,17px);line-height:1}
.imp-t-nm{font-size:clamp(6px,.72vw,9.5px);font-weight:700;line-height:1.05;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.imp-t-pr{font-family:var(--mono);font-size:clamp(6px,.68vw,9px);color:#7a5a20;font-weight:700}

.imp-t-own{position:absolute;display:flex;align-items:center;gap:2px;pointer-events:none}
.imp-bottom .imp-t-own,.imp-top .imp-t-own{left:2px;right:2px;justify-content:center}
.imp-bottom .imp-t-own{top:1px}.imp-top .imp-t-own{bottom:1px}
.imp-left .imp-t-own{right:1px;top:2px;bottom:2px;flex-direction:column;justify-content:center}
.imp-right .imp-t-own{left:1px;top:2px;bottom:2px;flex-direction:column;justify-content:center}
.imp-ow-av{display:inline-flex;border-radius:50%;background:var(--oc);padding:1px;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.imp-ow-av svg,.imp-ow-av span{width:14px!important;height:14px!important;font-size:10px!important}
.imp-houses{display:flex;gap:1px}
.imp-left .imp-houses,.imp-right .imp-houses{flex-direction:column}
.imp-houses i{width:6px;height:6px;border-radius:1px;background:#2fa24f;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.imp-castle{font-size:12px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.imp-t.k-corner,.imp-t[class*="imp-c"]{background:radial-gradient(circle at 50% 40%,#fff6dc,#e9d9ac)}
.imp-corner .imp-t-in{flex-direction:column}
.imp-corner .imp-t-ic{font-size:clamp(16px,2.8vw,32px)}
.imp-corner .imp-t-nm{font-size:clamp(7px,.85vw,11px);text-transform:uppercase;letter-spacing:.04em}
.imp-c0{background:radial-gradient(circle at 50% 40%,#fff4c8,#f0c95c)!important}
.imp-c30{background:radial-gradient(circle at 50% 40%,#ffd9cf,#e8836a)!important}
.imp-t.k-card .imp-t-ic{animation:impBob 3s ease-in-out infinite}
.imp-t.k-tax{background:linear-gradient(180deg,#f1e2d8,#e2cbbb)}
.imp-t.k-silo{background:linear-gradient(180deg,#efe8cf,#dcd3ad)}

.imp-center{grid-area:2/2/11/11;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.4vw,14px);
  background:radial-gradient(circle at 50% 42%,#2f6b3f,var(--imp-felt) 62%,#143320);overflow:hidden}
.imp-center::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 12px);pointer-events:none}
.imp-c-logo{position:absolute;top:8%;font-family:var(--mono);font-weight:700;text-align:center;line-height:.95;font-size:clamp(14px,3.6vw,40px);letter-spacing:.12em;
  color:rgba(236,202,129,.16);transform:rotate(-8deg);user-select:none}
.imp-c-logo small{display:block;font-size:.32em;letter-spacing:.2em;margin-top:6px}
.imp-dice{display:flex;gap:clamp(12px,3vw,28px);z-index:1;perspective:600px}
.imp-die-sc{width:clamp(36px,6.4vw,64px);height:clamp(36px,6.4vw,64px)}
.imp-die-sc.toss{animation:impToss 1s cubic-bezier(.2,.8,.3,1)}
@keyframes impToss{0%{transform:translateY(0)}30%{transform:translateY(-38%) scale(1.12)}60%{transform:translateY(4%)}80%{transform:translateY(-6%)}100%{transform:translateY(0)}}
.imp-die{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.8,.25,1)}
.imp-face{position:absolute;inset:0;border-radius:18%;background:linear-gradient(145deg,#fffdf6,#e9e1cc);box-shadow:inset 0 0 0 2px rgba(0,0,0,.08),inset -3px -4px 8px rgba(0,0,0,.12);
  display:grid;place-items:center;backface-visibility:hidden;--h:calc(clamp(36px,6.4vw,64px)/2)}
.imp-face.f1{transform:translateZ(var(--h))}.imp-face.f6{transform:rotateY(180deg) translateZ(var(--h))}
.imp-face.f2{transform:rotateY(90deg) translateZ(var(--h))}.imp-face.f5{transform:rotateY(-90deg) translateZ(var(--h))}
.imp-face.f3{transform:rotateX(90deg) translateZ(var(--h))}.imp-face.f4{transform:rotateX(-90deg) translateZ(var(--h))}
.imp-pips{display:grid;grid-template-columns:repeat(3,1fr);gap:12%;width:70%;height:70%}
.imp-pips i{border-radius:50%;opacity:0}.imp-pips i.on{opacity:1;background:radial-gradient(circle at 35% 35%,#d94141,#7a1414)}
.imp-c-ctl{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}
.imp-roll{font:inherit;font-weight:800;font-size:clamp(12px,1.6vw,17px);letter-spacing:.03em;color:#2a1d07;cursor:pointer;border:none;border-radius:999px;padding:clamp(7px,1.2vw,12px) clamp(18px,3vw,34px);
  background:linear-gradient(180deg,#ffe9a8,#ecca81 45%,#c9952f);box-shadow:0 6px 0 #8a6219,0 10px 24px rgba(0,0,0,.45),inset 0 1px 0 #fff6d6;transition:transform .1s,box-shadow .1s}
.imp-roll:hover:not(:disabled){transform:translateY(-1px)}
.imp-roll:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 #8a6219,0 4px 12px rgba(0,0,0,.4)}
.imp-roll:disabled{filter:grayscale(.7) brightness(.7);cursor:default}
.imp-eggs{display:flex;gap:4px}
.imp-eggs i{width:clamp(8px,1.1vw,12px);height:clamp(11px,1.45vw,16px);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:rgba(255,255,255,.14)}
.imp-eggs i.on{background:linear-gradient(160deg,#fffbe9,#f2d58a);box-shadow:0 0 8px rgba(255,230,150,.6)}
.imp-next{font-family:var(--mono);font-size:clamp(8px,.9vw,11px);color:rgba(255,255,255,.65)}
.imp-bail{margin-top:2px}
.imp-msgs{display:flex;flex-direction:column;gap:3px;align-items:center;z-index:1;max-width:86%}
.imp-msg{font-size:clamp(9px,1vw,12px);background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px 10px;display:flex;gap:6px;align-items:center;animation:impIn .3s ease}
.imp-msg.good{color:#bff0c4}.imp-msg.bad{color:#ffc0b0}.imp-msg.card{color:#ffe9a8}
@keyframes impIn{from{opacity:0;transform:translateY(6px)}}
.imp-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;padding:12px 22px;border-radius:16px;font-weight:800;font-size:clamp(13px,2vw,22px);text-align:center;max-width:80%;
  background:rgba(20,15,8,.88);border:2px solid var(--imp-gold);color:var(--imp-gold);box-shadow:0 12px 40px rgba(0,0,0,.6);animation:impFlash 2.4s ease forwards;pointer-events:none}
.imp-flash.card{border-color:#fff3c9;color:#fff3c9;font-size:clamp(11px,1.5vw,16px)}
@keyframes impFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%)}}

.imp-tokens{position:absolute;inset:0;pointer-events:none;z-index:4}
.imp-tok{position:absolute;transform:translate(-50%,-62%);transition:left .17s ease,top .17s ease;border-radius:50%;padding:2px;background:var(--uc);
  box-shadow:0 3px 6px rgba(0,0,0,.5),0 0 0 2px rgba(255,255,255,.75);display:flex;line-height:0}
.imp-tok.me{z-index:2;box-shadow:0 3px 8px rgba(0,0,0,.55),0 0 0 2px #fff,0 0 14px 3px rgba(255,230,140,.85)}
.imp-tok.me::after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);border:5px solid transparent;border-top-color:#fff}
.imp-tok.hop{animation:impHop .19s ease}
.imp-tok.warp{animation:impWarp .5s ease}
.imp-tok.lazy{filter:grayscale(.8) opacity(.75)}
.imp-tok.jail{outline:2px dashed #e8836a;outline-offset:2px}
@keyframes impHop{50%{transform:translate(-50%,-95%) scale(1.12)}}
@keyframes impWarp{0%{opacity:1}40%{opacity:0;transform:translate(-50%,-62%) scale(.3)}60%{opacity:0;transform:translate(-50%,-62%) scale(.3)}100%{opacity:1}}

.imp-side{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;position:sticky;top:12px}
.imp-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}
.imp-tabs button{font:inherit;font-size:12px;font-weight:700;color:var(--text-dim);background:none;border:none;padding:11px 4px;cursor:pointer;position:relative;border-bottom:2px solid transparent}
.imp-tabs button.on{color:var(--sand-bright);border-bottom-color:var(--sand);background:rgba(236,202,129,.06)}
.imp-tab-n{position:absolute;top:5px;right:6px;background:var(--brick);color:#fff;font-size:9.5px;border-radius:999px;padding:0 5px;line-height:15px}
.imp-pane{padding:14px;max-height:620px;overflow:auto}
.imp-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.imp-stats div{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:12px;padding:8px 10px}
.imp-stats span{display:block;font-size:10.5px;color:var(--muted)}
.imp-stats b{font-family:var(--mono);font-size:15px}
.imp-stats b.up{color:var(--olive-bright)}.imp-stats b.down{color:#ff9f86}
.imp-note{font-size:12px;padding:8px 10px;border-radius:10px;margin-bottom:10px;background:var(--surface-2)}
.imp-note.good{color:var(--olive-bright);border:1px solid rgba(174,184,111,.35)}
.imp-empty{font-size:13px;color:var(--text-dim);text-align:center;padding:18px 8px}
.imp-grp{border:1px solid var(--border-soft);border-left:4px solid var(--gc);border-radius:12px;margin-bottom:8px;overflow:hidden}
.imp-grp-h{display:flex;align-items:center;gap:8px;padding:7px 10px;background:linear-gradient(90deg,color-mix(in srgb,var(--gc) 22%,transparent),transparent)}
.imp-grp-h i{width:10px;height:10px;border-radius:3px;background:var(--gc)}
.imp-grp-h b{font-size:12.5px;flex:1}.imp-grp-h span{font-size:11px;color:var(--text-dim)}
.imp-grp-r{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:6px 10px;font-size:12px;cursor:pointer;border-top:1px solid var(--border-soft)}
.imp-grp-r:hover{background:var(--surface-2)}
.imp-grp-r b{font-family:var(--mono);font-size:11.5px;color:var(--sand-bright)}
.imp-grp-hs{font-size:11px}
.imp-sec-t{font-weight:700;font-size:12.5px;margin:12px 0 6px}
.imp-sec-s{font-size:11px;color:var(--muted);margin:8px 0 4px}
.imp-tr{border:1px solid var(--border-soft);border-radius:12px;padding:9px 10px;margin-bottom:7px;font-size:12px;background:var(--surface-2)}
.imp-tr.in{border-color:rgba(236,202,129,.5);box-shadow:0 0 0 1px rgba(236,202,129,.15)}
.imp-tr-l{margin-bottom:3px}
.imp-tr-a{display:flex;gap:6px;margin-top:6px}
.imp-tr-form{display:flex;flex-direction:column;gap:6px}
.imp-tr-form select,.imp-tr-form input{font:inherit;font-size:13px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);min-width:0}
.imp-tr-coins{display:grid;grid-template-columns:1fr 110px;gap:6px}
.imp-fchips{display:flex;flex-wrap:wrap;gap:4px}
.imp-fchip{font:inherit;font-size:11px;padding:4px 9px;border-radius:999px;cursor:pointer;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border-soft);border-left:4px solid var(--gc)}
.imp-fchip.on{color:#1d160a;background:var(--sand-bright);border-color:var(--sand)}
.imp-muted{font-size:11px;color:var(--muted);margin-top:4px}
.imp-rank{display:flex;flex-direction:column;gap:5px}
.imp-rk{display:grid;grid-template-columns:26px 34px 1fr auto;gap:8px;align-items:center;padding:7px 9px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft)}
.imp-rk.me{border-color:var(--sand)}
.imp-rk.top1{background:linear-gradient(90deg,rgba(236,202,129,.2),var(--surface-2))}
.imp-rk-n{text-align:center;font-weight:800;font-size:13px}
.imp-rk-av{display:flex;border-radius:50%;padding:2px;background:var(--uc);width:fit-content}
.imp-rk-u{min-width:0;font-size:13px;font-weight:700}
.imp-rk-u small{display:block;font-weight:400;font-size:10.5px;color:var(--muted)}
.imp-rk-v{font-family:var(--mono);font-size:13px;color:var(--sand-bright)}
.imp-hall{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;padding:7px 10px;border-radius:10px;background:var(--surface-2);margin-bottom:5px}
.imp-hall b{width:100%;font-size:11px;color:var(--muted)}
.imp-feed{display:flex;flex-direction:column;gap:2px}
.imp-fd{display:grid;grid-template-columns:22px 1fr auto;gap:6px;align-items:start;font-size:12px;padding:6px 4px;border-bottom:1px solid var(--border-soft)}
.imp-fd b{font-family:var(--mono);color:var(--sand-bright)}
.imp-fd small{font-size:10px;color:var(--muted);white-space:nowrap}

.imp-modal{position:fixed;inset:0;z-index:80;background:rgba(8,6,3,.62);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}
.imp-modal[hidden]{display:none}
.imp-deed{position:relative;width:min(340px,100%);background:#fbf5e4;color:var(--imp-ink);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:impDeed .28s cubic-bezier(.2,.9,.3,1.2)}
.imp-deed.sale{box-shadow:0 0 0 3px var(--imp-gold),0 24px 60px rgba(0,0,0,.6)}
@keyframes impDeed{from{opacity:0;transform:translateY(16px) rotate(-2deg) scale(.94)}}
.imp-deed-h{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--gc);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.imp-deed-h.plain{background:linear-gradient(135deg,#3b2a14,#6b4a26)}
.imp-deed-ic{font-size:30px}
.imp-deed-h small{display:block;font-size:10.5px;opacity:.9;text-transform:uppercase;letter-spacing:.08em}
.imp-deed-h b{font-size:17px}
.imp-deed-h>div{flex:1}
.imp-deed-pr{font-family:var(--mono);font-weight:800;font-size:15px;background:rgba(0,0,0,.25);padding:4px 9px;border-radius:9px}
.imp-sale-tag{text-align:center;font-weight:900;letter-spacing:.2em;font-size:12px;padding:5px;background:repeating-linear-gradient(45deg,#ecca81 0 10px,#f5dc9e 10px 20px);color:#5a3c0c}
.imp-deed-own{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;border-bottom:1px dashed rgba(0,0,0,.15)}
.imp-deed-own.free{color:#2f7d3e;font-weight:700}
.imp-deed-own .imp-deed-h{all:unset;margin-left:auto;font-size:13px}
.imp-deed-rows{padding:10px 16px}
.imp-dr{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}
.imp-dr b{font-family:var(--mono)}
.imp-dr.cur{font-weight:800;background:rgba(236,202,129,.35);margin:0 -8px;padding:3px 8px;border-radius:6px}
.imp-dr.sub{font-size:11.5px;color:#6b5a3a;border-top:1px solid rgba(0,0,0,.08);margin-top:3px;padding-top:5px}
.imp-deed-txt{padding:14px 16px;font-size:13.5px}
.imp-deed-acts{display:flex;flex-direction:column;gap:7px;padding:4px 16px 16px}
.imp-deed-acts .btn-ghost{color:#3b2a14;background:rgba(59,42,20,.07);border:1px solid rgba(59,42,20,.25)}
.imp-deed-acts .btn-ghost:hover{background:rgba(59,42,20,.14)}
.imp-buy{font:inherit;font-weight:800;font-size:15px;padding:12px;border:none;border-radius:12px;cursor:pointer;color:#2a1d07;background:linear-gradient(180deg,#ffe9a8,#ecca81 50%,#c9952f);box-shadow:0 4px 0 #8a6219}
.imp-buy:disabled{filter:grayscale(.8);cursor:default}
.imp-deed-warn{font-size:12px;color:#b2412a;text-align:center}
.imp-deed-hint{font-size:12px;color:#6b5a3a;text-align:center}
.imp-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:rgba(0,0,0,.25);color:#fff;cursor:pointer;font-size:13px}

@media (max-width:1100px){ .imp-wrap{grid-template-columns:1fr} .imp-side{position:static} }
@media (max-width:700px){
  .imp-hero{grid-template-columns:1fr 1fr;padding:12px}
  .imp-h-l{grid-column:1/-1}
  .imp-h-ev{max-width:none}
  .imp-logo b{font-size:17px}
  .imp-board-wrap{padding:5px;border-radius:14px}
  .imp-t-nm,.imp-t-pr,.imp-left .imp-t-nm,.imp-right .imp-t-nm{display:none}
  .imp-left .imp-t-in,.imp-right .imp-t-in{display:flex;justify-content:center}
  .imp-t-ic{font-size:12px}
  .imp-t-own .imp-ow-av{display:none}
  .imp-t-own{gap:1px}
  .imp-houses i{width:4px;height:4px}
  .imp-castle{font-size:9px}
  .imp-c-logo{display:none}
  .imp-tok svg,.imp-tok span{width:18px!important;height:18px!important}
  .imp-msg:not(:nth-last-child(-n+2)){display:none}
  .imp-pane{max-height:none}
}
/* 🏰 Imperium 3.91 · Optik-Upgrade: 3D-Tisch, Karten, Effekte */
.imp-closed{display:flex;flex-direction:column;align-items:center;gap:6px;padding:60px 20px;text-align:center;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
.imp-closed span{font-size:46px}.imp-closed small{color:var(--text-dim)}
.imp-hero{grid-template-columns:1fr auto auto auto}
.imp-3d-btn{font:inherit;font-weight:800;font-size:13px;padding:10px 14px;border-radius:14px;cursor:pointer;color:var(--text-dim);background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12)}
.imp-3d-btn.on{color:#2a1d07;background:linear-gradient(180deg,#ffe9a8,#ecca81);border-color:#ecca81;box-shadow:0 0 14px rgba(236,202,129,.45)}
/* Rahmen: goldene Nieten + Glanz */
.imp-stage{position:relative}
.imp-board-wrap{position:relative;background:linear-gradient(145deg,#7a5530,#3e2914 45%,#6b4824 70%,#3a2612);
  box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,220,150,.25),inset 0 2px 0 rgba(255,255,255,.2),inset 0 -3px 8px rgba(0,0,0,.4)}
.imp-rivet{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d0,#d4a542 55%,#7a5512);box-shadow:0 1px 2px rgba(0,0,0,.6);z-index:2}
.imp-rivet.r1{top:3px;left:3px}.imp-rivet.r2{top:3px;right:3px}.imp-rivet.r3{bottom:3px;left:3px}.imp-rivet.r4{bottom:3px;right:3px}
.imp-board{border:2px solid #d9b469;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}
/* Kacheln */
.imp-t{transition:transform .18s,filter .15s,box-shadow .18s}
.imp-t:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px var(--oc,transparent),0 6px 14px rgba(0,0,0,.35)}
.imp-t.owned::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--oc) 22%,transparent),transparent 60%);pointer-events:none}
.imp-t.landed{animation:impLand 1.3s ease}
@keyframes impLand{0%{box-shadow:inset 0 0 0 2px var(--oc,transparent),0 0 0 0 rgba(255,230,140,.9)}35%{box-shadow:inset 0 0 0 3px #ffe69a,0 0 24px 8px rgba(255,230,140,.75)}100%{box-shadow:inset 0 0 0 2px var(--oc,transparent),0 0 0 0 rgba(255,230,140,0)}}
.imp-hs{width:8px!important;height:8px!important;border-radius:0!important;background:linear-gradient(180deg,#58d27a,#1f8a43)!important;clip-path:polygon(50% 0,100% 45%,100% 100%,0 100%,0 45%);box-shadow:none!important;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5))}
.imp-castle{font-size:14px;animation:impCastle 2.4s ease-in-out infinite}
@keyframes impCastle{50%{filter:drop-shadow(0 0 5px rgba(255,215,120,.95))}}
/* Mitte: Spotlight, Logo, Federn */
.imp-spot{position:absolute;inset:-20%;background:radial-gradient(circle at 50% 50%,rgba(255,240,190,.16),transparent 45%);animation:impSpot 9s ease-in-out infinite;pointer-events:none}
@keyframes impSpot{0%,100%{transform:translate(-6%,-4%)}50%{transform:translate(6%,5%)}}
.imp-c-logo{color:transparent;top:7%;display:flex;flex-direction:column;align-items:center;transform:rotate(-6deg)}
.imp-c-logo span{background:linear-gradient(180deg,rgba(255,243,201,.42),rgba(236,202,129,.26) 50%,rgba(184,134,46,.18));-webkit-background-clip:text;background-clip:text;
  text-shadow:0 2px 0 rgba(0,0,0,.18);letter-spacing:.14em}
.imp-c-logo small{color:rgba(236,202,129,.3)}
.imp-feather{position:absolute;font-size:clamp(10px,1.4vw,16px);opacity:.22;pointer-events:none;animation:impFeather 14s linear infinite}
.imp-feather.f1{left:14%;animation-delay:0s}.imp-feather.f2{left:58%;animation-delay:-5s;animation-duration:17s}.imp-feather.f3{left:82%;animation-delay:-9s;animation-duration:12s}
@keyframes impFeather{0%{top:-8%;transform:rotate(0) translateX(0)}50%{transform:rotate(160deg) translateX(18px)}100%{top:108%;transform:rotate(320deg) translateX(-10px)}}
.imp-die-sc{filter:drop-shadow(0 10px 8px rgba(0,0,0,.45))}
/* Effekte */
.imp-fx{position:absolute;inset:0;pointer-events:none;z-index:6}
.imp-float{position:absolute;transform:translate(-50%,-50%);font-family:var(--mono);font-weight:900;font-size:clamp(12px,1.6vw,19px);white-space:nowrap;
  padding:3px 9px;border-radius:999px;animation:impFloat 1.9s ease-out forwards;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.imp-float.gain{color:#fff3c9;background:rgba(47,125,62,.85);box-shadow:0 0 16px rgba(120,230,140,.5)}
.imp-float.loss{color:#fff;background:rgba(178,52,34,.88);box-shadow:0 0 16px rgba(255,110,80,.5)}
@keyframes impFloat{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-80%) scale(1.15)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-230%) scale(1)}}
.imp-coin{position:absolute;font-style:normal;font-size:13px;transform:translate(-50%,-50%);animation:impCoin 1.1s cubic-bezier(.2,.7,.4,1) forwards}
@keyframes impCoin{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}60%{opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(200deg)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 30px)) scale(.8) rotate(360deg)}}
/* Ereigniskarte zum Umdrehen */
.imp-card3d{position:absolute;inset:0;display:grid;place-items:center;z-index:7;perspective:900px;background:rgba(10,20,12,.35);cursor:pointer;animation:impIn .2s ease}
.imp-card3d.out{opacity:0;transition:opacity .3s}
.imp-card-in{position:relative;width:min(62%,250px);aspect-ratio:1.55;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.3,.5,1);transform:rotateY(180deg) translateY(30%) scale(.7)}
.imp-card3d.flip .imp-card-in{transform:rotateY(0) translateY(0) scale(1)}
.imp-card-b,.imp-card-f{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.55)}
.imp-card-b{transform:rotateY(180deg);color:#fff}
.imp-card-b span{font-size:clamp(26px,4vw,44px)}.imp-card-b b{letter-spacing:.2em;font-size:clamp(10px,1.2vw,14px)}
.egg .imp-card-b{background:repeating-linear-gradient(45deg,#f2c94c 0 10px,#e7b93a 10px 20px);color:#5a3c0c}
.hof .imp-card-b{background:repeating-linear-gradient(45deg,#d94141 0 10px,#c23737 10px 20px)}
.imp-card-f{background:#fffaf0;color:#2a2216;text-align:center;border:3px solid #f2c94c}
.hof .imp-card-f{border-color:#d94141}
.imp-card-f small{font-weight:800;letter-spacing:.1em;font-size:clamp(9px,1vw,12px);color:#8a6219}
.hof .imp-card-f small{color:#b23a2a}
.imp-card-f p{font-size:clamp(11px,1.35vw,15px);font-weight:700;line-height:1.25}
/* Abzeichen */
.imp-trophy{margin-left:4px}
/* 🎥 3D-Spieltisch: Brett gekippt, Figuren stehen aufrecht */
.imp-tok{--tb:translate(-50%,-62%);transform:var(--tb)}
@keyframes impHop{50%{transform:var(--tb) translateY(-38%) scale(1.12)}}
@keyframes impWarp{0%{opacity:1;transform:var(--tb)}40%{opacity:0;transform:var(--tb) scale(.3)}60%{opacity:0;transform:var(--tb) scale(.3)}100%{opacity:1;transform:var(--tb)}}
.imp-3d .imp-stage{perspective:1700px;perspective-origin:50% -10%}
.imp-3d .imp-board-wrap{transform:rotateX(26deg) scale(.96);transform-origin:50% 55%;transform-style:preserve-3d;box-shadow:0 60px 60px -20px rgba(0,0,0,.65),0 0 0 1px rgba(255,220,150,.25),inset 0 2px 0 rgba(255,255,255,.2)}
.imp-3d .imp-board{transform-style:preserve-3d;overflow:visible}
.imp-3d .imp-tokens,.imp-3d .imp-fx{transform-style:preserve-3d}
.imp-3d .imp-tok{--tb:translate(-50%,-96%) rotateX(-26deg);transform-origin:50% 100%}
.imp-3d .imp-tok::before{content:"";position:absolute;left:50%;bottom:-3px;width:80%;height:6px;transform:translateX(-50%) rotateX(26deg);border-radius:50%;background:rgba(0,0,0,.45);filter:blur(2px);z-index:-1}
.imp-3d .imp-tok.me::after{display:none}
.imp-3d .imp-float{transform-origin:50% 100%}
.imp-3d .imp-t,.imp-3d .imp-center{transform:translateZ(1px)}   /* nicht koplanar mit dem Brett → kein Z-Flackern */
.imp-3d .imp-tokens{transform:translateZ(3px)}.imp-3d .imp-fx{transform:translateZ(4px)}
.imp-3d .imp-t:hover{transform:translateZ(7px)}
@media (max-width:700px){
  .imp-hero{grid-template-columns:1fr auto}
  .imp-3d-btn{padding:8px 10px}
  .imp-3d .imp-board-wrap{transform:rotateX(18deg) scale(.97)}
  .imp-3d .imp-tok{--tb:translate(-50%,-96%) rotateX(-18deg)}
  .imp-rivet{width:6px;height:6px}
}
.imp-soon{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 22px;border-radius:16px;background:rgba(0,0,0,.35);border:1px solid rgba(236,202,129,.45);box-shadow:0 0 30px rgba(236,202,129,.18)}
.imp-soon small{font-size:clamp(9px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:rgba(236,202,129,.8)}
.imp-soon b{font-family:var(--mono);font-size:clamp(18px,3vw,34px);color:#fff3c9;text-shadow:0 0 18px rgba(236,202,129,.6)}
.imp-soon span{font-size:clamp(9px,1vw,12px);color:rgba(255,255,255,.7)}
/* 📢 Ankündigungs-Popup beim Einloggen (3.92) */
.annpop{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .25s}
.annpop.in{opacity:1}
.annpop-bg{position:absolute;inset:0;background:rgba(8,6,3,.7);backdrop-filter:blur(4px)}
.annpop-card{position:relative;width:min(560px,100%);max-height:88vh;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid rgba(236,202,129,.45);box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 40px rgba(236,202,129,.12);transform:translateY(14px) scale(.97);transition:transform .3s cubic-bezier(.2,.9,.3,1.2)}
.annpop.in .annpop-card{transform:none}
.annpop-h{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(120deg,rgba(236,202,129,.22),rgba(236,202,129,.04));border-bottom:1px solid var(--border)}
.annpop-ic{font-size:30px;animation:impBob 2.4s ease-in-out infinite}
.annpop-h b{display:block;font-size:17px}.annpop-h small{color:var(--text-dim);font-size:12px}
.annpop-h>div{flex:1}
.annpop-h .pv-x{position:static}
.annpop-list{overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:14px}
.annpop-item{padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border-soft)}
.annpop-t{font-weight:800;font-size:16px;color:var(--sand-bright);margin-bottom:2px}
.annpop-meta{font-size:11px;color:var(--muted);margin-bottom:8px}
.annpop-b{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.annpop-f{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}
.imp-eggs i.used{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);position:relative}
.imp-eggs i.used::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-size:8px;color:rgba(255,255,255,.45)}
.imp-eggs i.bonus.on{background:linear-gradient(160deg,#e9fff0,#7fd99a);box-shadow:0 0 8px rgba(120,230,150,.6)}
/* 📌 3.93: angepinnte Ankündigungen als schmale Leiste + Aufklapp-Karte + Karussell */
.chat-pinned{display:block!important;position:relative;z-index:6;padding:0!important;gap:0!important;background:linear-gradient(90deg,rgba(236,202,129,.14),rgba(236,202,129,.04))!important;border-bottom:1px solid rgba(236,202,129,.35)}
.chat-pinned[hidden]{display:none!important}
.cp-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;min-height:36px}
.cp-bar:hover{background:rgba(236,202,129,.08)}
.cp-ic{font-size:13px;flex:none}
.cp-label{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--sand-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-new{flex:none;font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.08em;padding:2px 6px;border-radius:999px;background:var(--sand-bright);color:#2a1c06;animation:cpPulse 1.6s ease-in-out infinite}
@keyframes cpPulse{50%{box-shadow:0 0 0 4px rgba(236,202,129,.25)}}
.chat-pinned.fresh{box-shadow:inset 0 0 0 1px rgba(236,202,129,.55),0 0 16px rgba(236,202,129,.18)}
.cp-nav{flex:none;display:flex;align-items:center;gap:2px;font-family:var(--mono);font-size:10.5px;color:var(--text-dim)}
.cp-nav button{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:var(--surface-3);color:var(--sand-bright);cursor:pointer;font-size:14px;line-height:1;padding:0}
.cp-nav button:hover{border-color:var(--sand)}
.cp-caret{flex:none;color:var(--text-dim);font-size:11px}
.cp-dots{display:flex;justify-content:center;gap:4px;padding:0 0 5px;margin-top:-3px}
.cp-dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.18)}.cp-dots i.on{background:var(--sand-bright);width:12px;border-radius:3px}
.cp-backdrop{position:fixed;inset:0;z-index:4}
.cp-pop{position:absolute;left:8px;right:8px;top:calc(100% + 4px);z-index:5;max-height:min(390px,calc(100vh - 250px));overflow-y:auto;padding:14px 14px 10px;border-radius:14px;
  background:var(--surface);border:1px solid var(--sand-bright);box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 24px rgba(236,202,129,.12);animation:cpDrop .22s cubic-bezier(.2,.9,.3,1.15)}
@keyframes cpDrop{from{opacity:0;transform:translateY(-8px) scale(.98)}}
.cp-pop-t{font-weight:800;font-size:15px;color:var(--sand-bright);margin-bottom:2px}
.cp-pop-meta{font-size:10.5px;color:var(--muted);margin-bottom:8px}
.cp-pop-b{font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.cp-pop-f{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-soft);position:sticky;bottom:-10px;background:var(--surface)}
.cp-pop-f .cp-unpin{color:#ff9f86}
/* lange Ankündigungen im Verlauf eingeklappt */
.chat-announce-b.clamp{max-height:9.2em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
.chat-announce-more{display:block;margin:6px 0 2px;font:inherit;font-size:12px;font-weight:800;color:var(--sand-bright);background:rgba(236,202,129,.12);border:1px solid rgba(236,202,129,.4);border-radius:999px;padding:4px 12px;cursor:pointer}
.chat-announce-more:hover{background:rgba(236,202,129,.22)}
/* 🌗 Tag-/Nacht-Himmel (3.94) – reine Hintergrund-Ebene, nimmt keine Klicks an */
#sky-layer{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
#sky-layer[hidden]{display:none}
.sky-tint{position:absolute;inset:0;transition:background 4s ease,opacity 4s ease;opacity:0}
.sky-stars,.sky-flies,.sky-clouds{position:absolute;inset:0;transition:opacity 4s ease;opacity:0}
.sky-star{position:absolute;border-radius:50%;background:#fff6dc;box-shadow:0 0 4px rgba(255,246,220,.8);animation:skyTwinkle 3s ease-in-out infinite}
@keyframes skyTwinkle{0%,100%{opacity:.25}50%{opacity:1}}
.sky-shoot{position:absolute;top:12%;left:70%;width:110px;height:1.5px;background:linear-gradient(90deg,transparent,#fff6dc);opacity:0;transform:rotate(-18deg)}
body[data-sky="night"] .sky-shoot{animation:skyShoot 19s linear infinite}
@keyframes skyShoot{0%,92%{opacity:0;transform:translate(0,0) rotate(-18deg)}93%{opacity:.9}97%{opacity:0;transform:translate(-260px,90px) rotate(-18deg)}100%{opacity:0}}
.sky-fly{position:absolute;width:4px;height:4px;border-radius:50%;background:#e9ff8a;box-shadow:0 0 8px 3px rgba(220,255,120,.55);animation:skyFly 12s ease-in-out infinite}
@keyframes skyFly{0%{transform:translate(0,0);opacity:0}15%{opacity:.9}35%{transform:translate(40px,-30px);opacity:.3}55%{transform:translate(-20px,-60px);opacity:1}80%{transform:translate(30px,-20px);opacity:.4}100%{transform:translate(0,0);opacity:0}}
.sky-cloud{position:absolute;left:-220px;width:180px;height:46px;border-radius:40px;background:rgba(255,250,235,.06);filter:blur(6px);animation:skyCloud 160s linear infinite}
.sky-cloud::before,.sky-cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}
.sky-cloud::before{width:80px;height:70px;left:30px;top:-32px}.sky-cloud::after{width:60px;height:52px;left:92px;top:-20px}
@keyframes skyCloud{to{left:110%}}
.sky-orb{position:absolute;width:0;height:0;transition:left 60s linear,top 60s linear}
.sky-sun,.sky-moon{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border-radius:50%;transition:opacity 4s ease}
.sky-sun{background:radial-gradient(circle,rgba(255,236,170,.55),rgba(255,210,120,.18) 45%,transparent 70%);opacity:.9}
.sky-moon{background:radial-gradient(circle at 40% 40%,rgba(250,246,230,.5),rgba(220,226,255,.14) 40%,transparent 66%);opacity:0}
.sky-orb.moon .sky-sun{opacity:0}.sky-orb.moon .sky-moon{opacity:1}
body[data-sky="night"] .sky-tint{opacity:1;background:linear-gradient(180deg,rgba(30,40,95,.30),rgba(20,24,60,.14) 45%,transparent 80%)}
body[data-sky="night"] .sky-stars,body[data-sky="night"] .sky-flies{opacity:1}
body[data-sky="dusk"] .sky-tint{opacity:1;background:linear-gradient(180deg,rgba(120,60,140,.22),rgba(220,110,70,.14) 40%,transparent 78%)}
body[data-sky="dusk"] .sky-stars{opacity:.35}
body[data-sky="dawn"] .sky-tint{opacity:1;background:linear-gradient(180deg,rgba(230,140,120,.18),rgba(255,200,120,.12) 40%,transparent 78%)}
body[data-sky="day"] .sky-tint{opacity:1;background:linear-gradient(180deg,rgba(255,226,160,.08),transparent 55%)}
body[data-sky="day"] .sky-clouds,body[data-sky="dawn"] .sky-clouds{opacity:1}
@media (prefers-reduced-motion:reduce){.sky-star,.sky-fly,.sky-cloud,.sky-shoot{animation:none!important}}
.deco-sky{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:14px;background:linear-gradient(120deg,rgba(60,70,140,.22),rgba(236,202,129,.10));border:1px solid var(--border)}
.deco-sky-ic{font-size:26px}.deco-sky>div{flex:1}.deco-sky b{display:block}.deco-sky small{font-size:12px;color:var(--text-dim)}

/* 🐔 Lebendiger Hof (3.94) */
.hof-live-n{font-size:11px;font-weight:600;color:var(--muted);margin-left:6px}
.hof-live{position:relative;height:150px;border-radius:16px;overflow:hidden;margin-bottom:16px;border:1px solid var(--border);
  background:linear-gradient(180deg,#7fb6d9 0%,#a9d3e6 48%,#cfe7d7 62%);transition:filter 3s}
.hof-sky{position:absolute;inset:0 0 40% 0;background:radial-gradient(circle at 82% 30%,rgba(255,240,180,.9) 0 18px,rgba(255,230,150,.25) 30px,transparent 70px)}
.hof-hills{position:absolute;left:-5%;right:-5%;bottom:30%;height:38%;background:radial-gradient(ellipse at 20% 100%,#7fae5a 0 45%,transparent 46%),radial-gradient(ellipse at 70% 100%,#6d9e4c 0 50%,transparent 51%)}
.hof-fence{position:absolute;left:0;right:0;bottom:34%;height:18px;background:repeating-linear-gradient(90deg,transparent 0 16px,#8a6238 16px 21px),linear-gradient(180deg,transparent 4px,#9c7144 4px 7px,transparent 7px 11px,#9c7144 11px 14px,transparent 14px);opacity:.85}
.hof-ground{position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(180deg,#78b04f,#5c9238);box-shadow:inset 0 3px 0 rgba(255,255,255,.18)}
.hof-ground::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,236,150,.85) 1.2px,transparent 1.6px) 0 0/22px 14px;opacity:.5}
.hof-walkers{position:absolute;inset:0}
.hof-w{position:absolute;transform:translateX(-50%);transition-property:left;transition-timing-function:linear;cursor:pointer;display:flex;flex-direction:column;align-items:center}
.hof-w-in{line-height:0;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35));transform-origin:50% 100%}
.hof-w.left .hof-w-in{transform:scaleX(-1)}
.hof-w.walk .hof-w-in{animation:hofWalk .32s ease-in-out infinite}
.hof-w.left.walk .hof-w-in{animation-name:hofWalkL}
@keyframes hofWalk{50%{transform:translateY(-3px) rotate(-3deg)}}
@keyframes hofWalkL{0%,100%{transform:scaleX(-1)}50%{transform:scaleX(-1) translateY(-3px) rotate(-3deg)}}
.hof-w.peck .hof-w-in{animation:hofPeck .55s ease}
.hof-w.left.peck .hof-w-in{animation-name:hofPeckL}
@keyframes hofPeck{40%{transform:rotate(18deg) translateY(2px)}}
@keyframes hofPeckL{0%,100%{transform:scaleX(-1)}40%{transform:scaleX(-1) rotate(18deg) translateY(2px)}}
.hof-w.pop{animation:hofPop .5s cubic-bezier(.2,1.4,.4,1)}
@keyframes hofPop{from{opacity:0;transform:translateX(-50%) scale(.3)}}
.hof-w.bye{opacity:0;transition:opacity .5s}
.hof-tag{font-size:10px;font-weight:700;color:#fff;background:rgba(20,15,8,.6);border-radius:999px;padding:1px 7px;margin-top:-2px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}
.hof-w:hover .hof-tag,.hof-w.me .hof-tag{opacity:1}
.hof-w.me .hof-tag{background:rgba(236,202,129,.9);color:#2a1c06}
.hof-zz{position:absolute;top:-8px;right:-10px;font-size:13px;opacity:0;pointer-events:none}
.hof-empty{position:absolute;left:0;right:0;top:12px;text-align:center;font-size:12px;color:rgba(30,40,20,.7);font-weight:700}
.hof-live.night{filter:brightness(.55) saturate(.8) hue-rotate(-12deg)}
.hof-live.night .hof-sky{background:radial-gradient(circle at 82% 30%,rgba(245,245,230,.9) 0 12px,rgba(220,226,255,.2) 22px,transparent 50px)}
.hof-live.night .hof-zz{opacity:1;animation:hofZz 2.4s ease-in-out infinite}
.hof-live.night .hof-w-in{transform:rotate(-8deg) translateY(4px)}
@keyframes hofZz{0%{transform:translate(0,0);opacity:0}30%{opacity:1}100%{transform:translate(8px,-14px);opacity:0}}
@media (max-width:600px){.hof-live{height:130px}}
/* 🔔 Benachrichtigungs-Zentrale (3.94) */
.notif-btn{position:relative;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:12px;width:38px;height:36px;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}
.notif-btn[hidden]{display:none}
.notif-btn:hover{border-color:var(--sand)}
.notif-btn.ring{animation:notifRing .9s ease}
@keyframes notifRing{10%,30%,50%{transform:rotate(14deg)}20%,40%{transform:rotate(-14deg)}60%{transform:rotate(0)}}
.notif-n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brick);color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg)}
.notif-n[hidden]{display:none}
.notif-pop{position:fixed;top:64px;right:14px;z-index:1250;width:min(380px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 90px));display:flex;flex-direction:column;
  background:var(--surface);border:1px solid rgba(236,202,129,.4);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.55);overflow:hidden;animation:notifIn .2s ease}
.notif-pop[hidden]{display:none}
@keyframes notifIn{from{opacity:0;transform:translateY(-8px)}}
.notif-h{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);background:linear-gradient(120deg,rgba(236,202,129,.14),transparent)}
.notif-h b{flex:1;font-size:14px}
.notif-clear{font:inherit;font-size:11px;color:var(--text-dim);background:none;border:1px solid var(--border);border-radius:999px;padding:3px 10px;cursor:pointer}
.notif-clear:hover{color:var(--brick);border-color:var(--brick)}
.notif-list{overflow-y:auto;padding:4px 0 8px}
.notif-sec{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 14px 4px}
.notif-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:8px 14px;font-size:13px;line-height:1.35;border-left:3px solid transparent}
.notif-row[onclick]{cursor:pointer}.notif-row[onclick]:hover{background:var(--surface-2)}
.notif-row.new{border-left-color:var(--sand-bright);background:rgba(236,202,129,.06)}
.notif-ic{font-size:18px;text-align:center}
.notif-t small{display:block;font-size:10.5px;color:var(--muted);margin-top:1px}
.notif-go{color:var(--muted);font-size:16px}
.notif-empty{padding:28px 16px;text-align:center;color:var(--text-dim);font-size:14px}
.notif-empty small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
@media (max-width:600px){.notif-pop{top:58px;right:12px}}
/* 🐔 Hühner-Flappy (3.94): Automaten-Vorschau + Flatter-Knopf */
.aca-fp{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#6fb3dd,#cfe9e6 80%,#78b04f 80%)}
.aca-fp i{position:absolute;width:12px;background:linear-gradient(90deg,#8a5a2b,#c48a4c,#7a4c22);animation:acaFpMove 2.4s linear infinite}
.aca-fp i.p1{left:100%;top:0;height:30%}.aca-fp i.p2{left:100%;bottom:20%;height:28%;animation-delay:0s}.aca-fp i.p3{left:100%;top:0;height:18%;animation-delay:-1.2s}
@keyframes acaFpMove{to{left:-15%}}
.aca-fp i.ck{width:auto;background:none;left:24%;top:40%;font-style:normal;font-size:18px;animation:acaFpBob .6s ease-in-out infinite}
@keyframes acaFpBob{50%{transform:translateY(-8px) rotate(-12deg)}}
.fp-pad button{min-width:200px;font-size:16px;font-weight:800;padding:14px 22px}
/* 🎱🎲🥚 Neue Rundenspiele (3.94) */
.rg-view{display:flex;flex-direction:column;gap:12px}
.rg-wait{padding:22px;text-align:center;color:var(--text-dim);background:var(--surface-2);border:1px dashed var(--border);border-radius:14px}
.rg-log{max-height:150px;overflow:auto;font-size:12px;color:var(--text-dim);background:var(--surface-2);border-radius:12px;padding:8px 12px}
.rg-log-l{padding:2px 0;border-bottom:1px solid var(--border-soft)}.rg-log-l:first-child{color:var(--text);font-weight:600}
.rg-players{display:flex;flex-wrap:wrap;gap:6px}
.rg-pc{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-soft);font-size:12.5px}
.rg-pc.me{border-color:var(--sand)}
.rg-pn small{display:block;font-size:10.5px;color:var(--muted)}
/* Lobby-Vorschauen */
.mpa-bingo{background:radial-gradient(circle at 50% 30%,#3b2a5a,#1d1430)}
.mpa-bg-ball{position:absolute;top:18%;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#222;background:radial-gradient(circle at 35% 30%,#fff,#ffd36b 60%,#e09a2a);animation:mpaBgRoll 3s ease-in-out infinite}
.mpa-bg-ball.b1{left:12%}.mpa-bg-ball.b2{left:40%;animation-delay:-1s;background:radial-gradient(circle at 35% 30%,#fff,#7ec8e3 60%,#3b7bdb)}.mpa-bg-ball.b3{left:68%;animation-delay:-2s;background:radial-gradient(circle at 35% 30%,#fff,#f59ac6 60%,#e05aa0)}
@keyframes mpaBgRoll{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(180deg)}}
.mpa-bg-card{position:absolute;right:12%;bottom:12%;display:grid;grid-template-columns:repeat(3,10px);gap:2px;padding:4px;background:#fff7e0;border-radius:4px;transform:rotate(-6deg)}
.mpa-bg-card i{width:10px;height:10px;background:#eadfc2;border-radius:2px}.mpa-bg-card i.on{background:#e8a13a}
.mpa-liar{background:radial-gradient(circle at 50% 60%,#2f6b3f,#163a22)}
.mpa-lz-cup{position:absolute;left:14%;top:22%;font-size:30px;animation:mpaLzCup 2.6s ease-in-out infinite;transform-origin:50% 100%}
@keyframes mpaLzCup{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(-30deg) translateY(-6px)}85%{transform:rotate(10deg)}}
.mpa-lz-d{position:absolute;bottom:18%;font-size:20px;color:#fff;animation:mpaBgRoll 2.6s ease-in-out infinite}.mpa-lz-d.d1{left:44%}.mpa-lz-d.d2{left:58%;animation-delay:-.6s}.mpa-lz-d.d3{left:72%;font-size:16px;animation-delay:-1.2s}
.mpa-lz-say{position:absolute;right:8%;top:14%;font-size:11px;font-weight:800;background:#fff;color:#222;border-radius:10px;padding:2px 7px;animation:mpaLzSay 2.6s ease-in-out infinite}
@keyframes mpaLzSay{0%,40%{opacity:0;transform:scale(.6)}55%,90%{opacity:1;transform:scale(1)}100%{opacity:0}}
.mpa-hide{background:linear-gradient(180deg,#8cbf63,#5c9238)}
.mpa-hd-grid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(3,16px);gap:3px}
.mpa-hd-grid i{width:16px;height:16px;border-radius:3px;background:rgba(255,255,255,.25)}
.mpa-hd-grid i.e{background:#fff7e0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cellipse cx='8' cy='9' rx='4.5' ry='5.5' fill='%23f6efd8' stroke='%23c9a35a'/%3E%3C/svg%3E") center/100% no-repeat}
.mpa-hd-grid i.m{background:rgba(120,80,30,.45)}
.mpa-hd-glass{position:absolute;font-size:24px;animation:mpaHdSearch 3.2s ease-in-out infinite}
@keyframes mpaHdSearch{0%{left:20%;top:20%}33%{left:60%;top:40%}66%{left:35%;top:55%}100%{left:20%;top:20%}}
/* 🎱 Bingo */
.bg-top{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:stretch}
.bg-machine{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;background:radial-gradient(circle at 20% 40%,#3b2a5a,#1d1430);border:1px solid rgba(155,89,208,.5)}
.bg-info{display:flex;flex-direction:column;gap:3px;min-width:0}.bg-info b{font-size:15px}.bg-info>span{font-size:12px;color:var(--text-dim);font-family:var(--mono)}
.bg-ball{--bc:#e8a13a;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:800;font-size:12px;color:#1d1430;line-height:1;
  background:radial-gradient(circle at 35% 28%,#fff 0 18%,color-mix(in srgb,var(--bc) 55%,#fff) 40%,var(--bc) 75%);box-shadow:inset 0 -3px 5px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.35)}
.bg-ball small{font-size:7px;opacity:.75;margin-bottom:-2px}
.bg-ball.big{width:78px;height:78px;font-size:30px}.bg-ball.big small{font-size:13px}
.bg-ball.mini{width:26px;height:26px;font-size:10px}.bg-ball.mini small{font-size:6px}
.bg-ball.empty{background:rgba(255,255,255,.08);color:var(--muted);box-shadow:none}
.bg-cur.roll .bg-ball{animation:bgRoll .8s cubic-bezier(.2,1.3,.4,1)}
@keyframes bgRoll{0%{transform:translateX(-90px) rotate(-360deg) scale(.6);opacity:0}100%{transform:none;opacity:1}}
.bg-recent{display:flex;gap:4px;margin-top:4px}
.bg-prizes{display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:170px}
.bg-prize{display:flex;flex-direction:column;padding:8px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}
.bg-prize span{font-size:11px;color:var(--muted)}.bg-prize b{font-size:13px;font-family:var(--mono);color:var(--sand-bright)}
.bg-prize.won{border-color:rgba(174,184,111,.5);background:rgba(174,184,111,.1)}
.bg-main{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.bg-card{padding:10px;border-radius:16px;background:linear-gradient(160deg,#fff8e4,#f1e3bd);box-shadow:0 10px 26px rgba(0,0,0,.35);width:min(330px,100%)}
.bg-head,.bg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.bg-head b{text-align:center;font-size:20px;font-weight:900;color:var(--bc);text-shadow:0 1px 0 rgba(0,0,0,.15);padding-bottom:4px}
.bg-cell{position:relative;aspect-ratio:1;border-radius:10px;background:#fff;display:grid;place-items:center;font-weight:800;font-size:clamp(14px,3.6vw,19px);color:#3a2a10;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
.bg-cell.free{background:#ffe9a8;font-size:22px}
.bg-cell.hit span{opacity:.4}
.bg-stamp{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:clamp(20px,5vw,28px);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.bg-cell.new .bg-stamp{animation:bgStamp .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes bgStamp{from{transform:scale(2.2) rotate(-20deg);opacity:0}}
.bg-claims{display:flex;flex-direction:column;gap:10px}
.bg-claim{font:inherit;font-weight:900;font-size:20px;letter-spacing:.06em;padding:16px;border-radius:16px;border:none;cursor:pointer;color:#2a1d07;background:linear-gradient(180deg,#f3e3b6,#d8bf7f);box-shadow:0 5px 0 #8a6a2a}
.bg-claim.full{background:linear-gradient(180deg,#ffe9a8,#ecca81 45%,#c9952f)}
.bg-claim:disabled{filter:grayscale(.8) brightness(.6);cursor:default;box-shadow:0 3px 0 #555}
.bg-claim.ready{animation:bgReady .7s ease-in-out infinite}
@keyframes bgReady{50%{transform:scale(1.05);box-shadow:0 5px 0 #8a6a2a,0 0 26px rgba(255,220,120,.8)}}
.bg-tip{font-size:12px;color:var(--text-dim)}
@media (max-width:640px){.bg-top,.bg-main{grid-template-columns:1fr}.bg-prizes{flex-direction:row}.bg-prize{flex:1}.bg-card{margin:0 auto}}
/* 🎲 Lügen-Würfel */
.lz-table{display:flex;flex-direction:column;gap:10px}
.lz-felt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:18px;background:radial-gradient(circle at 50% 40%,#2f6b3f,#1a3e25 70%);border:3px solid #6b4824;box-shadow:inset 0 0 30px rgba(0,0,0,.4)}
.lz-bid{display:flex;align-items:center;gap:10px}.lz-bid small{display:block;width:100%;text-align:center;font-size:11px;color:rgba(255,255,255,.7)}
.lz-bid{flex-wrap:wrap;justify-content:center}.lz-bid b{font-size:34px;font-family:var(--mono);color:#fff3c9}
.lz-total{font-size:11.5px;color:rgba(255,255,255,.65)}
.lz-seats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.lz-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border-soft);min-width:84px}
.lz-seat.cur{border-color:var(--sand);box-shadow:0 0 14px rgba(236,202,129,.35)}.lz-seat.me{background:rgba(236,202,129,.08)}
.lz-seat.out{opacity:.45;filter:grayscale(1)}
.lz-nm{font-size:12px;font-weight:700}.lz-cups{font-size:11px;letter-spacing:-2px}
.lz-turn{position:absolute;top:-8px;font-size:9px;font-weight:800;background:var(--sand-bright);color:#2a1d07;border-radius:999px;padding:1px 7px}
.lz-die{display:inline-grid;grid-template-columns:repeat(3,1fr);gap:8%;width:30px;height:30px;padding:5px;border-radius:7px;background:linear-gradient(145deg,#fffdf6,#e9e1cc);box-shadow:inset 0 -2px 0 rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.3);vertical-align:middle}
.lz-die i{border-radius:50%}.lz-die i.on{background:#2a2216}
.lz-die.joker{display:inline-grid;place-items:center;grid-template-columns:1fr;font-size:18px;background:linear-gradient(145deg,#fff3c9,#ecca81)}
.lz-die.big{width:46px;height:46px;padding:8px;border-radius:10px}.lz-die.joker.big{font-size:26px}
.lz-die.match{box-shadow:0 0 0 3px #7fd99a,0 0 12px rgba(127,217,154,.7)}.lz-die.dim{opacity:.35}
.lz-reveal{padding:12px 14px;border-radius:16px;background:var(--surface-2);border:2px solid var(--sand);animation:impIn .3s ease}
.lz-reveal.lie{border-color:var(--brick)}.lz-rv-h{font-weight:800;margin-bottom:8px}
.lz-rv-row{display:flex;align-items:center;gap:10px;padding:3px 0;font-size:12.5px}.lz-rv-row>span:first-child{min-width:90px;font-weight:700}
.lz-rv-dice{display:flex;flex-wrap:wrap;gap:4px}.lz-rv-dice .lz-die{width:24px;height:24px;padding:4px}
.lz-rv-v{margin-top:8px;font-size:13px}
.lz-mine{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border-radius:16px;background:linear-gradient(160deg,rgba(236,202,129,.14),rgba(236,202,129,.03));border:1px solid rgba(236,202,129,.4)}
.lz-mine.out{color:var(--text-dim);font-size:13px}.lz-mine-t{font-size:12px;font-weight:700}.lz-mine-t small{font-weight:400;color:var(--muted)}
.lz-mine-d{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.lz-ctl{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--sand)}
.lz-ctl-t{font-weight:800}.lz-pick{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
.lz-faces{display:flex;gap:6px}.lz-face{background:none;border:2px solid transparent;border-radius:12px;padding:3px;cursor:pointer}
.lz-face.on{border-color:var(--sand-bright);background:rgba(236,202,129,.15)}.lz-face.bad{opacity:.35}
.lz-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.lz-wait{text-align:center;color:var(--text-dim)}
/* 🥚 Eier verstecken */
.hd-board{--n:8;display:grid;grid-template-columns:18px repeat(var(--n),1fr);gap:3px;padding:8px;border-radius:14px;background:linear-gradient(180deg,#78b04f,#5c9238);width:min(380px,100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.3)}
.hd-board.small{width:min(300px,100%)}
.hd-lbl{display:grid;place-items:center;font-size:10px;font-weight:800;color:rgba(255,255,255,.75)}
.hd-c{aspect-ratio:1;border-radius:6px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:clamp(12px,3.4vw,18px);transition:transform .12s,background .12s}
.hd-c.click{cursor:pointer}.hd-c.click:hover{background:rgba(255,255,255,.35);transform:scale(1.08)}
.hd-c.nest{background:#d9b469;box-shadow:inset 0 0 0 2px rgba(120,80,30,.5)}
.hd-c.miss{background:rgba(120,80,30,.35)}.hd-c.hit{background:#fff3c9}
.hd-c.sunk{background:#ecca81;box-shadow:inset 0 0 0 2px #8a6219}
.hd-c.boom{animation:hdBoom .7s ease}
@keyframes hdBoom{0%{transform:scale(1.6);box-shadow:0 0 0 6px rgba(255,240,180,.8)}100%{transform:none}}
.hd-boards{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-start}
.hd-side{display:flex;flex-direction:column;gap:6px;align-items:center}
.hd-side-h{font-weight:800;font-size:13px}.hd-side-h span{font-weight:600;color:var(--muted);font-size:11.5px;margin-left:6px}
.hd-turn{text-align:center;font-weight:800;padding:10px;border-radius:12px;background:var(--surface-2)}
.hd-turn.me{background:linear-gradient(90deg,rgba(236,202,129,.25),rgba(236,202,129,.08));border:1px solid var(--sand);animation:bgReady 1.4s ease-in-out infinite}
.hd-place-h{font-size:13px;color:var(--text-dim);text-align:center}
.hd-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.hd-pal{display:flex;flex-wrap:wrap;gap:5px}
.hd-nest{font-size:11px;padding:5px 8px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;letter-spacing:-2px}
.hd-nest.on{border-color:var(--sand-bright);box-shadow:0 0 0 2px var(--ring)}.hd-nest.done{opacity:.35}
.hd-go{align-self:center}.hd-ready{text-align:center;font-weight:700;color:var(--olive-bright)}
.rg-view .hd-board{margin:0 auto}
/* 📊 Spieler-Statistik (Founder, 3.97) */
.fstats{padding:16px 18px}
.fs-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.fs-head h3{flex:1;margin:0}
.fs-age{font-size:11px;color:var(--muted);font-family:var(--mono)}
.fs-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:14px}
.fs-kpi{padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft)}
.fs-kpi span{display:block;font-size:11px;color:var(--muted)}.fs-kpi b{font-family:var(--mono);font-size:19px;color:var(--sand-bright)}
.fs-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:14px}
.fs-chart{padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft)}
.fs-ch-t{font-size:12px;font-weight:700;margin-bottom:8px}.fs-ch-t small{font-weight:400;color:var(--muted)}
.fs-bars{display:flex;align-items:flex-end;gap:2px;height:90px}
.fs-bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}
.fs-bar i{width:100%;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--olive-bright),rgba(174,184,111,.4))}
.fs-bars.gold .fs-bar i{background:linear-gradient(180deg,var(--sand-bright),rgba(236,202,129,.35))}
.fs-bars.blue .fs-bar i{background:linear-gradient(180deg,#7ec8ff,rgba(126,200,255,.35))}
.fs-bars.green .fs-bar i{background:linear-gradient(180deg,#7fd99a,rgba(127,217,154,.35))}
.fs-bar span{font-size:9px;color:var(--muted);height:12px;line-height:12px}
.fs-bar:hover i{filter:brightness(1.3)}
.fs-bars.mini{height:70px}
.fs-games{padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft);margin-bottom:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 14px}
.fs-games .fs-ch-t{grid-column:1/-1}
.fs-g{display:grid;grid-template-columns:20px 1fr;font-size:12.5px}.fs-g span{color:var(--muted)}.fs-g small{grid-column:2;font-size:10.5px;color:var(--muted)}
.fs-tbl-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.fs-tbl-h .fs-ch-t{flex:1;margin:0}
.fs-tbl-h input{font:inherit;font-size:13px;padding:7px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);min-width:180px}
.fs-tbl-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border-soft);max-height:520px;overflow-y:auto}
.fs-tbl{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}
.fs-tbl th{position:sticky;top:0;z-index:1;background:var(--surface-3);text-align:right;padding:8px 10px;font-size:11px;color:var(--text-dim);cursor:pointer;user-select:none}
.fs-tbl th:first-child,.fs-tbl td:first-child{text-align:left}
.fs-tbl th.on{color:var(--sand-bright)}
.fs-tbl td{padding:6px 10px;text-align:right;border-top:1px solid var(--border-soft);font-family:var(--mono);font-size:11.5px}
.fs-tbl tr{cursor:pointer}.fs-tbl tbody tr:hover{background:rgba(236,202,129,.05)}
.fs-tbl tr.idle td{opacity:.45}.fs-tbl tr.open{background:rgba(236,202,129,.08)}
.fs-tbl td.fs-u{display:flex;align-items:center;gap:6px;font-family:var(--sans)}.fs-tbl td.fs-u b{font-size:12.5px}
.fs-tbl td.pos{color:var(--olive-bright)}.fs-tbl td.neg{color:#ff9f86}
.fs-tbl td.fs-fav{font-family:var(--sans);text-align:left}
.fs-tbl tr.fs-det td{background:var(--surface-2);cursor:default}
.fs-det-h{font-family:var(--sans);font-size:11.5px;font-weight:700;text-align:left;margin-bottom:4px}
.fs-det-box{position:sticky;left:10px;width:min(560px,82vw)}
.fs-ctl{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-family:var(--sans);text-align:left}
.fs-ctl-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--border-soft);white-space:normal;font-size:12px}
.fs-ctl-l{font-weight:700;min-width:170px}.fs-ctl-r .btn{margin-left:auto}
/* 🧘 Gesund spielen (3.99) */
.wb-chip{display:flex;align-items:center;gap:4px;border-radius:20px;padding:6px 11px;font-family:var(--mono);font-weight:700;font-size:12px;cursor:help;white-space:nowrap}
.wb-chip[hidden]{display:none}
.wb-chip.tired{background:rgba(126,200,255,.14);border:1px solid rgba(126,200,255,.45);color:#9fd6ff}
.wb-chip.pause{background:rgba(155,89,208,.18);border:1px solid rgba(155,89,208,.5);color:#d3b5f0}
.wb-modal{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,6,3,.72);backdrop-filter:blur(4px)}
.wb-modal[hidden]{display:none}
.wb-card{width:min(440px,100%);padding:22px 22px 18px;border-radius:20px;text-align:center;background:var(--surface);border:1px solid rgba(236,202,129,.45);box-shadow:0 30px 70px rgba(0,0,0,.6);animation:impDeed .3s cubic-bezier(.2,.9,.3,1.2)}
.wb-card.night{background:linear-gradient(180deg,#1d2140,var(--surface) 70%);border-color:rgba(155,170,255,.4)}
.wb-ic{font-size:42px;line-height:1;margin-bottom:6px}
.wb-card h3{margin:0 0 4px;font-size:19px}
.wb-sub{font-size:13px;color:var(--text-dim);margin:0 0 14px}
.wb-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;text-align:left}
.wb-grid div{padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft)}
.wb-grid span{display:block;font-size:11px;color:var(--muted)}.wb-grid b{font-family:var(--mono);font-size:16px}
.wb-grid b small{font-size:10.5px;color:var(--muted);font-weight:400}
.wb-grid .pos b{color:var(--olive-bright)}.wb-grid .neg b{color:#ff9f86}
.wb-note{font-size:12px;color:#9fd6ff;margin:0 0 12px}
.wb-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.fs-tbl tr.heavy td:first-child{box-shadow:inset 3px 0 0 var(--brick)}
.fs-heavy{margin-left:4px;font-size:12px}
.fs-btns{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}

/* ═══════════ 🎉 GEWINN-KARTEN (4.00) ═══════════ */
.bw-pop{position:fixed;left:16px;bottom:18px;z-index:1250;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 32px);animation:bwPopIn .45s cubic-bezier(.2,.9,.3,1.3)}
.bw-pop[hidden]{display:none}
@keyframes bwPopIn{0%{transform:translateY(30px) scale(.8);opacity:0}100%{transform:none;opacity:1}}
.bw-pop-in{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;cursor:pointer;background:linear-gradient(135deg,#3a2a0c,#7a5a1c);border:1px solid #ffd76a;box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 22px rgba(255,215,106,.35)}
.bw-pop.t3 .bw-pop-in{background:linear-gradient(135deg,#2b1740,#6a35a0);border-color:#e3b6ff;box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 22px rgba(200,140,255,.4)}
.bw-pop.t4 .bw-pop-in{background:linear-gradient(135deg,#102040,#2d6cdf);border-color:#9ff3ff;box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 26px rgba(120,230,255,.5)}
.bw-pop-ic{font-size:30px;animation:bwWiggle 1.2s ease-in-out infinite}
@keyframes bwWiggle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg) scale(1.08)}}
.bw-pop-tx b{display:block;color:#fff;font-size:15px}.bw-pop-tx small{color:rgba(255,255,255,.75);font-size:12px}
.bw-pop-go{margin-left:6px;padding:5px 10px;border-radius:10px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
.bw-pop-x{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer}
.bw-modal{position:fixed;inset:0;z-index:1350;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,6,3,.78);backdrop-filter:blur(5px);overflow-y:auto}
.bw-modal[hidden]{display:none}
.bw-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(380px,100%);animation:impDeed .35s cubic-bezier(.2,.9,.3,1.2)}
.bw-card{position:relative;overflow:hidden;width:100%;padding:18px 18px 16px;border-radius:24px;text-align:center;color:#fff;
  background:linear-gradient(160deg,#3b3322,#8a6d34 55%,#3b3322);border:2px solid #ecca81;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.bw-card.t2{background:linear-gradient(160deg,#3a2a0c,#b8811c 55%,#3a2a0c);border-color:#ffd76a}
.bw-card.t3{background:linear-gradient(160deg,#2b1740,#7a3fb0 55%,#2b1740);border-color:#e3b6ff}
.bw-card.t4{background:linear-gradient(160deg,#14213a,#2d6cdf 50%,#14213a);border-color:#9ff3ff}
.bw-rays{position:absolute;left:50%;top:38%;width:900px;height:900px;margin:-450px 0 0 -450px;opacity:.12;pointer-events:none;
  background:repeating-conic-gradient(#fff 0 6deg,transparent 6deg 20deg);animation:bwSpin 24s linear infinite}
@keyframes bwSpin{to{transform:rotate(360deg)}}
.bw-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);background-size:250% 100%;animation:bwShine 3.2s ease-in-out infinite}
@keyframes bwShine{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
.bw-card>*:not(.bw-rays):not(.bw-shine){position:relative}
.bw-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}
.bw-game{font-weight:700}.bw-date{color:rgba(255,255,255,.65);font-size:11.5px}
.bw-av{width:112px;height:112px;margin:14px auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28);border:3px solid rgba(255,255,255,.55);overflow:hidden}
.bw-name{font-size:19px;font-weight:700}
.bw-tag{margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.18em;color:#ffe9a8}
.bw-card.t3 .bw-tag{color:#efd2ff}.bw-card.t4 .bw-tag{color:#c9f8ff}
.bw-mult{font-size:64px;font-weight:800;line-height:1.05;text-shadow:0 4px 0 rgba(0,0,0,.3),0 0 24px rgba(255,255,255,.35);animation:bwPulse 1.6s ease-in-out infinite}
@keyframes bwPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.bw-win{font-family:var(--mono);font-size:26px;font-weight:700;color:#ffe9a8}.bw-win span{font-size:20px}
.bw-stake{font-size:12px;color:rgba(255,255,255,.7);margin-top:2px}
.bw-brand{margin-top:12px;font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.08em}
.bw-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.bw-done{padding:8px 12px;color:var(--olive-bright);font-weight:600}
.bw-more{width:100%;text-align:center}.bw-more-h{font-size:11.5px;color:var(--muted);margin-bottom:6px}
.bw-more-l{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.bw-chip{padding:4px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:12px;cursor:pointer}
.bw-chip.on{border-color:var(--sand-bright);box-shadow:0 0 0 1px var(--sand-bright)}
.bw-chip.t3{border-color:rgba(227,182,255,.5)}.bw-chip.t4{border-color:rgba(159,243,255,.6)}
/* 💬 Chat-Karten */
.chat-cardwrap{position:relative;margin:8px 0}
.ccard{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}
.ccard.bw{background:linear-gradient(120deg,rgba(138,109,52,.35),rgba(28,26,21,.9));border-color:rgba(236,202,129,.55)}
.ccard.bw.t2{background:linear-gradient(120deg,rgba(184,129,28,.4),rgba(28,26,21,.9));border-color:#ffd76a}
.ccard.bw.t3{background:linear-gradient(120deg,rgba(122,63,176,.45),rgba(28,26,21,.9));border-color:#e3b6ff}
.ccard.bw.t4{background:linear-gradient(120deg,rgba(45,108,223,.45),rgba(28,26,21,.9));border-color:#9ff3ff;box-shadow:0 0 16px rgba(120,230,255,.25)}
.ccard-av{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.25);overflow:hidden}
.ccard-main{flex:1;min-width:0}
.ccard-h{font-size:13px}.ccard-h .ccard-lbl{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--sand-bright);margin-left:4px;text-transform:uppercase}
.ccard-g{font-size:12px;color:var(--text-dim);margin-top:2px}
.ccard-r{text-align:right}.ccard-mult{font-size:24px;font-weight:800;color:#fff;line-height:1}.ccard-win{font-family:var(--mono);font-size:12.5px;color:var(--sand-bright)}
.ccard-grid{font-size:12px;line-height:1.05;letter-spacing:-1px}
.ccard-t{position:absolute;right:10px;bottom:-14px;font-size:10px;color:var(--muted)}
.ccard-tools{position:absolute;top:-10px;right:8px;display:none;gap:2px}
.chat-cardwrap:hover .ccard-tools{display:flex}
/* ═══════════ 📝 HOF-WÖRTLE ═══════════ */
.wd-box{margin:0 0 16px;padding:14px;border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(174,184,111,.08),transparent 60%),var(--surface);border:1px solid var(--border)}
.wd-box[hidden]{display:none}
.wd-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.wd-title{font-size:18px;font-weight:700}.wd-title span{font-family:var(--mono);font-size:13px;color:var(--muted)}
.wd-hint{font-size:12px;color:var(--text-dim);cursor:help}
.wd-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:16px;align-items:start}
@media(max-width:760px){.wd-body{grid-template-columns:1fr}}
.wd-play{display:flex;flex-direction:column;align-items:center;gap:10px}
.wd-grid{display:grid;gap:6px}
.wd-row{display:grid;grid-template-columns:repeat(5,52px);gap:6px}
@media(max-width:420px){.wd-row{grid-template-columns:repeat(5,44px)}.wd-c{height:44px!important;font-size:21px!important}}
.wd-c{height:52px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:2px solid var(--border);background:var(--surface-2);font-size:24px;font-weight:700;color:var(--text);text-transform:uppercase}
.wd-c.typed{border-color:var(--muted);animation:wdPop .12s ease-out}
@keyframes wdPop{50%{transform:scale(1.1)}}
.wd-c.s0{background:#3a3a36;border-color:#3a3a36;color:#d8d4c8}
.wd-c.s1{background:#c9a227;border-color:#c9a227;color:#fff}
.wd-c.s2{background:#5e9c3a;border-color:#5e9c3a;color:#fff}
.wd-row.reveal .wd-c{animation:wdFlip .5s ease both;animation-delay:calc(var(--i)*.14s)}
@keyframes wdFlip{0%{transform:rotateX(0);background:var(--surface-2);border-color:var(--muted);color:var(--text)}49%{transform:rotateX(90deg);background:var(--surface-2);border-color:var(--muted);color:var(--text)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
.wd-row.shake{animation:wdShake .4s}
@keyframes wdShake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.wd-status{font-size:13.5px;text-align:center;color:var(--text-dim)}.wd-status b{color:var(--text)}
.wd-sub{margin-top:3px;font-size:12px;color:var(--muted)}
.wd-share{display:flex;gap:8px}.wd-shared{color:var(--olive-bright);font-size:13px;padding:5px 0}
.wd-kb{display:flex;flex-direction:column;gap:6px;width:100%;max-width:520px}
.wd-kb>div{display:flex;justify-content:center;gap:4px}
.wd-k{flex:1;max-width:42px;height:46px;border-radius:8px;border:none;background:#4a473d;color:#f3efe2;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--sans);touch-action:manipulation}
.wd-k.big{max-width:70px;flex:1.6;font-size:12px}
.wd-k.s0{background:#2a2925;color:#77735f}.wd-k.s1{background:#c9a227;color:#fff}.wd-k.s2{background:#5e9c3a;color:#fff}
.wd-k:active{transform:scale(.94)}
.wd-side{display:flex;flex-direction:column;gap:12px}
.wd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}
.wd-kpis div{padding:7px 4px;border-radius:10px;background:var(--surface-2)}.wd-kpis b{display:block;font-family:var(--mono);font-size:16px;color:var(--sand-bright)}.wd-kpis span{font-size:10.5px;color:var(--muted)}
.wd-dist{margin-top:8px;display:flex;flex-direction:column;gap:3px}
.wd-dist div{display:flex;align-items:center;gap:6px;font-size:11.5px}.wd-dist span{width:10px;color:var(--muted)}
.wd-dist i{display:block;padding:1px 6px;border-radius:4px;background:#4a473d;color:#fff;font-style:normal;text-align:right;font-size:11px;min-width:18px}
.wd-dist i.me{background:#5e9c3a}
.wd-board .rek-tabs{margin-bottom:6px}
.wd-br{display:grid;grid-template-columns:26px 1fr auto;gap:6px;align-items:center;padding:5px 6px;border-radius:8px;font-size:13px}
.wd-br:nth-child(odd){background:rgba(255,255,255,.025)}.wd-br.me{background:rgba(216,181,106,.12)}
.wd-br .u{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wd-br .v{font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.wd-empty,.wd-played{font-size:12px;color:var(--muted);padding:6px}
/* ═══════════ 🐓 CROSSY CHICKEN ═══════════ */
.cr-pad{display:flex;align-items:center;justify-content:center;gap:10px}
.cr-pad .cr-ud{display:flex;flex-direction:column;gap:8px}
.cr-pad button{width:64px;height:54px;font-size:24px}
.aca-cr{position:absolute;inset:0;background:#7cbc51;overflow:hidden}
.aca-cr .rd{position:absolute;left:0;right:0;height:26%;background:#54575e}
.aca-cr .rd.r1{top:20%}.aca-cr .rd.r2{top:54%}
.aca-cr .car{position:absolute;font-style:normal;font-size:20px;animation:acaCar 2.6s linear infinite}
.aca-cr .c1{top:22%;animation-duration:2.2s}.aca-cr .c2{top:56%;animation-direction:reverse;animation-duration:3s}
@keyframes acaCar{0%{left:-25%}100%{left:110%}}
.aca-cr .ck{position:absolute;left:46%;font-style:normal;font-size:22px;animation:acaHop 2.8s steps(1) infinite}
@keyframes acaHop{0%{bottom:2%}25%{bottom:30%}50%{bottom:47%}75%{bottom:80%}100%{bottom:2%}}
/* ═══════════ 🧰 WERKZEUGE (Admin) ═══════════ */
.tl-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.tl-nav button{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer;font-family:var(--sans);font-size:13px}
.tl-nav button.on{background:var(--sand);color:#1b170e;border-color:var(--sand);font-weight:700}
.tl-pane[hidden]{display:none}
.tl-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.tl-head h3{margin:0}
.tl-age{font-size:12px;color:var(--muted);margin-right:auto}
.tl-alarms{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.tl-alarm{display:flex;gap:8px;align-items:center;padding:9px 12px;border-radius:11px;font-size:13px;background:rgba(226,161,73,.12);border:1px solid rgba(226,161,73,.4)}
.tl-alarm.l3{background:rgba(207,106,79,.16);border-color:rgba(207,106,79,.6);font-weight:600}
.tl-alarm.ok{background:rgba(174,184,111,.1);border-color:rgba(174,184,111,.35);color:var(--olive-bright)}
.tl-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:14px}
.tl-kpi{padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft)}
.tl-kpi span{display:block;font-size:11px;color:var(--muted)}.tl-kpi b{display:block;font-family:var(--mono);font-size:18px;color:var(--sand-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-kpi small{font-size:11px;color:var(--text-dim)}
.tl-kpi.neg b{color:#ef8f78}.tl-kpi.pos b{color:var(--olive-bright)}.tl-kpi.up b{color:#ecca81}
.tl-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
@media(max-width:760px){.tl-charts{grid-template-columns:1fr}}
.tl-chart{padding:10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft)}
.tl-ch-t{font-size:12px;color:var(--text-dim);margin-bottom:6px;font-weight:600}
.tl-bars{display:flex;align-items:stretch;height:92px;gap:2px}
.tl-bar{flex:1;position:relative;border-radius:2px}
.tl-bar:hover{background:rgba(255,255,255,.05)}
.tl-bar i{position:absolute;left:0;right:0;bottom:0;border-radius:2px 2px 0 0;background:var(--sand)}
.tl-bars.neg{background:linear-gradient(transparent calc(50% - .5px),var(--border) calc(50% - .5px),var(--border) calc(50% + .5px),transparent calc(50% + .5px))}
.tl-bars.neg .tl-bar i{bottom:50%;background:var(--olive)}
.tl-bars.neg .tl-bar.n i{bottom:auto;top:50%;border-radius:0 0 2px 2px;background:var(--brick)}
.tl-bars.green .tl-bar i{background:var(--olive)}.tl-bars.red .tl-bar i{background:var(--brick)}.tl-bars.blue .tl-bar i{background:#6f9ad0}.tl-bars.gold .tl-bar i{background:var(--sand)}
.tl-sec{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 8px;font-weight:700;font-size:14px}
.tl-sec small{font-weight:400;font-size:11.5px;color:var(--muted)}.tl-sec .btn{margin-left:auto}
.tl-tbl-wrap{overflow-x:auto;border:1px solid var(--border-soft);border-radius:12px}
.tl-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.tl-tbl th{padding:7px 8px;text-align:right;font-weight:600;font-size:11px;color:var(--muted);background:var(--surface-2);white-space:nowrap}
.tl-tbl td{padding:6px 8px;text-align:right;border-top:1px solid var(--border-soft);font-family:var(--mono);white-space:nowrap}
.tl-tbl th:first-child,.tl-tbl td.nm{text-align:left;font-family:var(--sans)}
.tl-tbl td.mono{font-family:var(--mono)}
.tl-tbl tr.hot td{background:rgba(226,161,73,.08)}
.tl-tbl .neg{color:#ef8f78}.tl-tbl .pos{color:var(--olive-bright)}.tl-tbl .mut,.mut{color:var(--muted);font-size:12px}
.tl-tbl.sm{font-size:12px}
.tl-rtp.ok{color:var(--olive-bright)}.tl-rtp.warn{color:#ecb460}.tl-rtp.bad{color:#ff7a5c;font-weight:700}
.tl-soll{padding:2px 7px;border-radius:7px;border:1px dashed var(--border);background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:12px;cursor:pointer}
.tl-soll.set{border-style:solid;border-color:var(--sand);color:var(--sand-bright)}
.tl-spark{width:80px;height:22px;display:block;margin-left:auto}
.tl-spark line{stroke:var(--border);stroke-width:1}.tl-spark polyline{fill:none;stroke:var(--sand);stroke-width:1.5}
.tl-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:760px){.tl-two{grid-template-columns:1fr}}
.tl-half{min-width:0;overflow-x:auto}
.tl-meter{display:block;width:90px;height:7px;border-radius:4px;background:var(--surface-3);overflow:hidden}.tl-meter i{display:block;height:100%;background:var(--sand)}
.tl-errs{display:flex;flex-direction:column;gap:5px}
.tl-err{border-radius:10px;background:var(--surface-2);border:1px solid var(--border-soft);font-size:12.5px}
.tl-err.fatal{border-color:rgba(207,106,79,.6)}
.tl-err summary{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;cursor:pointer}
.tl-err .k{white-space:nowrap;font-weight:600}.tl-err .m{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim)}
.tl-err .n{font-family:var(--mono)}.tl-err .t{font-size:11px;color:var(--muted);white-space:nowrap}
.tl-err-d{padding:0 10px 9px;font-size:11.5px;color:var(--muted);word-break:break-all}
.tl-ok{padding:8px 0;color:var(--olive-bright);font-size:13px}
.tl-slow{display:flex;flex-direction:column;gap:3px}
.tl-sl{display:grid;grid-template-columns:70px 120px 60px 1fr;gap:8px;padding:5px 8px;border-radius:8px;font-size:12px;background:var(--surface-2)}
.tl-sl .t{color:var(--muted)}.tl-sl .ms{font-family:var(--mono);text-align:right}.tl-sl .ms.neg{color:#ef8f78}.tl-sl .p{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-sl i{font-style:normal;font-size:10px;color:var(--muted)}
@media(max-width:600px){.tl-sl{grid-template-columns:1fr auto}.tl-sl .p,.tl-sl .t{grid-column:1/-1}}
.tl-x{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer}
.tl-sform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:14px}
@media(max-width:820px){.tl-sform{grid-template-columns:1fr}}
.tl-sf-main{display:flex;flex-direction:column;gap:8px}
.tl-sf-main input[type=text],.tl-sf-main textarea,.tl-mform input[type=text],.tl-mform textarea{width:100%;padding:9px 11px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--sans);font-size:13.5px}
.tl-sf-main textarea{resize:vertical;min-height:120px}
.tl-sf-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px}
.tl-sf-row input[type=datetime-local],.tl-mform input[type=number],.tl-mform select{padding:6px 9px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--sans)}
.chk{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.tl-sf-side{padding:10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft);min-width:0}
.tl-tpl{display:flex;gap:4px;margin-bottom:4px}.tl-tpl-use{flex:1;text-align:left;padding:6px 9px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:12.5px}
.tl-prev{max-height:260px;overflow:auto}.tl-prev .chat-announce{margin:0}
.tl-slist{display:flex;flex-direction:column;gap:6px}
.tl-si{display:grid;grid-template-columns:140px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border-soft)}
.tl-si .w b{display:block;font-size:12.5px}.tl-si .w small{font-size:11px;color:var(--muted)}
.tl-si .tt{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-si .m{min-width:0}
.tl-si .b{display:flex;gap:4px}
.tl-slist.hist .tl-si{opacity:.6}
@media(max-width:600px){.tl-si{grid-template-columns:1fr}}
.tl-mk{display:flex;gap:6px;margin-bottom:10px}
.tl-mk button{padding:8px 14px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer;font-family:var(--sans)}
.tl-mk button.on{border-color:var(--sand);color:var(--sand-bright);background:rgba(216,181,106,.1);font-weight:700}
.tl-mform{display:flex;flex-direction:column;gap:8px;font-size:13px}
.tl-mform label{display:flex;align-items:center;gap:6px;white-space:nowrap}.tl-mform label select,.tl-mform label input[type=number]{flex:0 1 240px;min-width:0}.tl-mform label[hidden],.tl-mform textarea[hidden]{display:none}
.tl-mprev{margin-top:12px;padding:12px;border-radius:12px;background:rgba(216,181,106,.07);border:1px solid rgba(216,181,106,.35)}
.tl-mp-h{font-size:13.5px;margin-bottom:8px}
.tl-mp-names{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;max-height:160px;overflow:auto}
.tl-mp-names span{padding:2px 8px;border-radius:999px;background:var(--surface-3);font-size:11.5px}
.tl-mlog{display:flex;flex-direction:column;gap:5px}
.tl-ml{border-radius:10px;background:var(--surface-2);border:1px solid var(--border-soft);font-size:12.5px}
.tl-ml summary{display:flex;flex-wrap:wrap;gap:10px;padding:8px 10px;cursor:pointer}
.tl-ml .t{color:var(--muted)}.tl-ml .g{color:var(--text-dim)}.tl-ml .b{margin-left:auto;color:var(--muted)}
.tl-ml-n{padding:0 10px 6px;color:var(--text-dim);font-style:italic}.tl-ml .tl-mp-names{padding:0 10px}

/* ═══════════ 📦 VERSIEGELTE PACKS (4.01) ═══════════ */
.cm-shop-b{display:flex;flex-direction:column;align-items:stretch;gap:5px;flex-shrink:0}
.cm-sealbtn{font-size:11.5px;padding:4px 8px;white-space:nowrap}
.cm-g3-buy .cm-shop-b{flex-direction:row;align-items:center}
.sl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sl-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);text-align:center}
.sl-pack{position:relative;overflow:hidden;width:96px;height:132px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:linear-gradient(150deg,var(--sand) 0%,var(--brick) 45%,var(--amber) 100%);box-shadow:0 6px 16px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.18)}
.sl-pack::before,.sl-pack::after{content:'';position:absolute;left:0;right:0;height:9px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.28) 0 4px,rgba(255,255,255,.12) 4px 8px)}
.sl-pack::before{top:0}.sl-pack::after{bottom:0}
.sl-pack.p-gold{background:linear-gradient(150deg,#e8b04a,#a8741a 50%,#f0d68a)}
.sl-pack.p-mythos{background:linear-gradient(150deg,#e0552b,#7d5fa8 35%,#3d8fc4 70%,#e8c33a)}
.sl-pack.p-wildei{background:linear-gradient(150deg,#6fae55,#2f6b3a 55%,#a9d36a)}
.sl-pack.p-urviech{background:linear-gradient(150deg,#d2462b,#5a1d14 50%,#f08a2d)}
.sl-pack.g3{background:linear-gradient(150deg,#3a4656,#1b222c);box-shadow:0 0 0 1px rgba(127,224,255,.5),0 0 16px rgba(127,224,255,.25),0 6px 16px rgba(0,0,0,.45)}
.sl-pack.big{width:150px;height:206px}
.sl-emo{font-size:38px;position:relative;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.sl-pack.big .sl-emo{font-size:60px}
.sl-brand{position:relative;font-size:8.5px;font-weight:800;letter-spacing:.14em;color:rgba(255,255,255,.9)}
.sl-seal{position:relative;font-size:7.5px;font-weight:700;letter-spacing:.08em;padding:2px 6px;border-radius:999px;background:rgba(0,0,0,.35);color:#ffe9a8}
.sl-boxno{position:absolute;top:12px;right:6px;font-family:var(--mono);font-size:9px;font-weight:700;color:#bff3ff;background:rgba(0,0,0,.45);padding:1px 5px;border-radius:5px}
.sl-slab{display:flex;flex-direction:column;align-items:center;gap:6px;padding:7px 7px 9px;border-radius:12px;position:relative;
  background:linear-gradient(160deg,rgba(235,240,248,.32),rgba(150,160,175,.14) 45%,rgba(235,240,248,.26));border:1px solid rgba(235,240,248,.45);box-shadow:inset 0 0 0 3px rgba(255,255,255,.06),0 4px 14px rgba(0,0,0,.5)}
.sl-slab::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 42%,transparent 54%)}
.sl-slab.gold{border-color:#ffd76a;box-shadow:0 0 18px rgba(255,215,106,.45),inset 0 0 0 3px rgba(255,215,106,.15)}
.sl-label{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;padding:3px 6px;border-radius:5px;background:#fbfbf7;border:2px solid #d8332a;color:#1a1a1a;font-family:Arial,Helvetica,sans-serif}
.sl-hga{font-size:9px;font-weight:900;color:#fff;background:linear-gradient(135deg,#2c5ea8,#1b3f78);padding:1px 4px;border-radius:3px}
.sl-label b{grid-row:span 2;font-size:20px;font-weight:900;line-height:1;order:3}
.sl-word{font-size:9px;font-weight:700;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-label small{grid-column:1/3;font-size:8px;color:#555;text-align:left}
.sl-name{font-weight:700;font-size:13.5px}
.sl-sub{font-size:11.5px;color:var(--text-dim)}
.sl-price{font-family:var(--mono);font-size:17px;font-weight:700;color:var(--sand-bright)}
.sl-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:2px}
.sl-wait{font-size:11.5px;color:var(--muted);padding:4px 0}
.sl-sec{margin:16px 0 8px;font-weight:700;font-size:14px}
.sl-sell{display:flex;flex-direction:column;gap:10px}
.sl-si{display:flex;gap:14px;align-items:center;padding:10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}
.sl-sm{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.sl-sm span{font-size:12px;color:var(--text-dim)}
.sl-reveal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 26px;border-radius:20px;background:var(--surface);border:1px solid rgba(236,202,129,.45);box-shadow:0 30px 70px rgba(0,0,0,.6);animation:impDeed .4s cubic-bezier(.2,.9,.3,1.3)}
.sl-reveal.gold{border-color:#ffd76a;box-shadow:0 0 50px rgba(255,215,106,.35),0 30px 70px rgba(0,0,0,.6)}
.sl-rv-t{font-weight:700;color:var(--text-dim)}
.sl-rv-g{font-size:22px;font-weight:800;color:var(--sand-bright)}
.sl-reveal .sl-label b{font-size:30px}.sl-reveal .sl-word{font-size:12px}

.imp-tr-w{margin:4px 0 2px;padding:5px 8px;border-radius:8px;font-size:12px;background:rgba(207,106,79,.14);border:1px solid rgba(207,106,79,.45);color:#f2a08c}