:root{--bk-red:#8f1717;--bk-red2:#4d0808;--bk-green:#165f34;--bk-green2:#0b321d;--bk-gold:#d7b45b;--bk-cream:#fff3cf;--bk-ink:#120d0d}
#bkOpenBtn{position:fixed;bottom:50px;right:580px;z-index:10040;height:31px;padding:0 15px 0 12px;border-radius:18px;border:1px solid #f5e8ba;background:linear-gradient(180deg,#237848,#0d3f25);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 5px 14px #0009,0 0 0 1px #ffffff12 inset;text-shadow:0 1px 2px #000;display:flex;align-items:center;gap:7px}#bkOpenBtn:hover{filter:brightness(1.14);transform:translateY(-1px)}
.bkIcon{width:22px;height:22px;object-fit:contain;vertical-align:middle;flex:0 0 auto}.bkIcon.sm{width:18px;height:18px}.bkIcon.lg{width:42px;height:42px}.bkTitleIcon{width:34px;height:34px}
#bkOverlay{display:none;position:fixed;inset:0;z-index:10080;background:rgba(3,6,4,.78);backdrop-filter:blur(4px);align-items:center;justify-content:center;font-family:Arial,sans-serif;padding:16px}#bkOverlay.open{display:flex;animation:bkFade .18s ease-out}
#bkPanel{width:min(810px,95vw);max-height:90vh;overflow:auto;background:radial-gradient(circle at 50% -10%,rgba(216,180,91,.12),transparent 34%),linear-gradient(155deg,#121a15,#230909 61%,#0a2d1a);border:1px solid #e6d291;border-radius:22px;color:#fff;box-shadow:0 22px 80px #000,0 0 28px #b99a4838 inset;padding:18px;position:relative}#bkPanel:before{content:"";position:absolute;inset:5px;border:1px solid #ffffff10;border-radius:17px;pointer-events:none}
#bkPanel h2{margin:0 50px 12px 0;color:#fff3c7;font-family:Georgia,serif;letter-spacing:.3px;display:flex;align-items:center;gap:10px;font-size:29px;text-shadow:0 2px 12px #000}.bkClose{position:absolute;right:12px;top:10px;border:0;background:transparent;padding:0;cursor:pointer;line-height:0}.bkClose img{width:30px;height:30px;opacity:.86}.bkClose:hover img{opacity:1;transform:scale(1.05)}
.bkHero{background:linear-gradient(135deg,rgba(143,23,23,.36),rgba(22,95,52,.28));border:1px solid #d7b45b66;border-radius:16px;padding:12px 14px;margin-bottom:12px;box-shadow:0 7px 20px #0006}.bkHero p{margin:3px 0;color:#eadfca}.bkTop{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.bkChip{background:linear-gradient(#ffffff15,#ffffff08);border:1px solid #ffffff24;border-radius:999px;padding:6px 10px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0004}.bkChip b{color:#ffe59d}
.bkCard{background:linear-gradient(180deg,rgba(0,0,0,.50),rgba(0,0,0,.36));border:1px solid #ffffff1f;border-radius:15px;padding:14px;margin:10px 0;box-shadow:0 7px 20px #0004}.bkCard h3{margin:0 0 9px;color:#ffe08a;display:flex;align-items:center;gap:8px;font-size:18px}.bkCard p{line-height:1.45}.bkCard ul{padding-left:20px}.bkCard li{margin:5px 0}
.bkBtn{border:1px solid #f1dfaa;background:linear-gradient(#9d1c1c,#5b0909);color:#fff;border-radius:10px;padding:9px 13px;cursor:pointer;font-weight:800;margin:4px 3px;box-shadow:0 4px 10px #0006;transition:.15s}.bkBtn:hover{filter:brightness(1.1);transform:translateY(-1px)}.bkBtn.green{background:linear-gradient(#2d8d50,#13532e)}.bkBtn.gold{background:linear-gradient(#c89325,#76500a);color:#fff9df}.bkBtn:disabled{opacity:.4;cursor:not-allowed;transform:none}.bkInput{width:100%;padding:10px 11px;border-radius:10px;border:1px solid #8b8067;background:#0b0d0c;color:#fff;box-shadow:0 2px 8px #0005 inset;margin:4px 0 7px}.bkInput:focus{outline:none;border-color:#e4c96e;box-shadow:0 0 0 2px #e4c96e25}
.bkGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:650px){.bkGrid{grid-template-columns:1fr}#bkOpenBtn{right:20px;bottom:82px}}
.bkSecret{border:1px solid #e5c659;background:linear-gradient(135deg,#4a0a0a,#1a2918);box-shadow:0 0 0 1px #e5c65922 inset,0 8px 24px #0007}.bkSecret h3{color:#fff0a8}.bkGood{color:#8affaf}.bkBad{color:#ff9b9b;background:#5d151566;border:1px solid #ff7b7b44;padding:8px 10px;border-radius:9px}.bkRank{width:100%;border-collapse:collapse}.bkRank td,.bkRank th{padding:7px;border-bottom:1px solid #ffffff16;text-align:left}.bkRank th{color:#edd58c}.bkRank tr:nth-child(even) td{background:#ffffff05}.bkSmall{font-size:12px;color:#cfc7bb;margin-top:5px}
#bkNotice{display:none;position:fixed;inset:0;z-index:10120;background:#000a;backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:18px}#bkNotice.open{display:flex;animation:bkFade .16s ease-out}.bkNoticeBox{width:min(430px,92vw);background:linear-gradient(160deg,#182019,#2b0d0d 70%,#0b301c);border:1px solid #e3ca79;border-radius:20px;box-shadow:0 24px 70px #000;padding:22px;text-align:center;color:#fff;position:relative;animation:bkPop .2s ease-out}.bkNoticeBox .bkNoticeIcon{width:58px;height:58px;margin:0 auto 8px;display:block}.bkNoticeBox h3{margin:4px 0 9px;color:#ffe6a0;font-size:22px}.bkNoticeBox p{margin:0 0 14px;line-height:1.45;color:#f3ead9}.bkNoticeBox.success{border-color:#74d490}.bkNoticeBox.warning{border-color:#e7bd56}.bkNoticeBox.info{border-color:#74aee2}
@keyframes bkFade{from{opacity:0}to{opacity:1}}@keyframes bkPop{from{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}

/* ===== GEMEINSCHAFTS-AUFGABENKARTEN ===== */
.bkTaskCard{position:relative;overflow:hidden;margin:14px 0;padding:20px;border-radius:19px;border:1px solid #f0cf70;background:radial-gradient(circle at 85% 10%,rgba(255,222,125,.14),transparent 28%),linear-gradient(145deg,rgba(77,8,8,.96),rgba(17,57,33,.94));box-shadow:0 12px 32px #0008,0 0 0 1px #fff1 inset}.bkTaskCard:before,.bkTaskCard:after{content:"✦";position:absolute;color:#e7c564;opacity:.45;font-size:56px;line-height:1}.bkTaskCard:before{right:14px;top:12px}.bkTaskCard:after{left:12px;bottom:5px;font-size:34px}.bkTaskTop{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.bkTaskBadge{display:inline-block;padding:6px 11px;border-radius:999px;background:linear-gradient(#d4a72b,#8b5c09);border:1px solid #ffe7a1;color:#fff7d5;font-weight:900;font-size:12px;letter-spacing:.35px;text-transform:uppercase;box-shadow:0 3px 10px #0006}.bkTaskPlayers{font-size:12px;color:#e6dcc6;background:#0005;border:1px solid #ffffff1d;border-radius:999px;padding:6px 9px}.bkTaskCard h3{position:relative;z-index:1;margin:7px 0 13px!important;color:#fff4ca!important;font-family:Georgia,serif;font-size:23px!important;line-height:1.35;text-shadow:0 2px 10px #000}.bkTaskRule{position:relative;z-index:1;background:#0004;border:1px solid #ffffff1b;border-radius:10px;padding:9px 11px;margin:9px 0 12px;color:#efe5cf;font-size:13px}.bkTaskAnswer{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.bkTaskAnswer .bkInput{margin:0}.bkTaskAnswer .bkBtn{margin:0;white-space:nowrap}.bkTaskLocked{position:relative;z-index:1;padding:11px 12px;border-radius:10px;background:#5b3d0f88;border:1px solid #d2a44166;color:#ffe6a3;font-weight:bold}.bkTaskImage{position:relative;z-index:1;display:block;width:min(310px,75%);max-height:260px;object-fit:contain;margin:4px auto 12px;border-radius:14px;border:1px solid #d9bd6b88;box-shadow:0 7px 20px #0007}.bkTaskCard.waiting{border-style:dashed;text-align:center}.bkTaskCard.waiting h3{font-size:19px!important}@media(max-width:620px){.bkTaskAnswer{grid-template-columns:1fr}.bkTaskAnswer .bkBtn{width:100%}.bkTaskCard{padding:16px}.bkTaskCard h3{font-size:20px!important}}

/* ===== Öffentliche Gemeinschafts-Aufgabenkarte im Chat – nur nach Baumklau-Login ===== */
#bkPublicTask{display:none;position:fixed;left:36%;top:16%;transform:translateX(-50%);z-index:100060;width:min(520px,86vw);pointer-events:none;font-family:Arial,sans-serif}
#bkPublicTask.open{display:block;animation:bkPublicIn .38s ease-out}
#bkPublicTask .bkPublicTaskBox{position:relative;pointer-events:auto;padding:18px 20px 16px;border:2px solid #d7b35d;border-radius:18px;background:linear-gradient(155deg,rgba(22,57,36,.98),rgba(85,11,20,.98) 68%,rgba(27,20,10,.98));box-shadow:0 0 0 3px rgba(255,246,201,.10),0 14px 44px rgba(0,0,0,.72),0 0 28px rgba(226,181,79,.22);color:#fff;overflow:hidden}
#bkPublicTask .bkPublicTaskBox:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(255,230,143,.14),transparent 28%),radial-gradient(circle at 86% 18%,rgba(255,90,90,.10),transparent 25%);pointer-events:none}
.bkPublicTaskHead{display:flex;align-items:center;gap:12px;position:relative;margin-bottom:10px}
.bkPublicTaskHead img{width:44px;height:44px;filter:drop-shadow(0 0 8px rgba(255,220,120,.35))}
.bkPublicTaskHead div{display:flex;flex-direction:column;gap:2px}.bkPublicTaskHead span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#f1cf73}.bkPublicTaskHead b{font-size:17px;color:#fff4cc}
.bkPublicTaskQuestion{position:relative;font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:1.22;text-align:center;padding:15px 10px;margin:7px 0 11px;border-top:1px solid rgba(240,204,111,.35);border-bottom:1px solid rgba(240,204,111,.35);text-shadow:0 2px 4px #000}
.bkPublicTaskRule{position:relative;text-align:center;font-size:13px;color:#f7e6b4;margin:8px 0 13px}
.bkPublicOnly{position:relative;text-align:center;font-size:11px;color:#c8c8c8;margin-top:8px}.bkPublicTaskAnswer{position:relative;width:100%}
.bkPublicTaskClose{position:absolute;right:9px;top:7px;z-index:2;width:29px;height:29px;border:0;border-radius:50%;background:rgba(0,0,0,.34);color:#fff;font-size:22px;line-height:26px;cursor:pointer}.bkPublicTaskClose:hover{background:#8e1c25}
.bkPublicTaskImage{position:relative;display:block;max-width:150px;max-height:190px;object-fit:contain;margin:4px auto 8px;border-radius:10px;box-shadow:0 5px 18px rgba(0,0,0,.42)}
@keyframes bkPublicIn{from{opacity:0;transform:translate(-50%,-22px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:760px){#bkPublicTask{left:50%;top:10%;width:92vw}.bkPublicTaskQuestion{font-size:20px}}

/* ===== Gemeinschaftsaufgaben: 4er-Auswahl / Mehrheitsabstimmung ===== */
.bkChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.bkChoices.compact{gap:8px;margin:12px 0}
.bkChoiceBtn{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border-radius:12px;border:1px solid #8d6d28;background:linear-gradient(180deg,#173825,#0d2418);color:#fff;font-weight:700;text-align:left;cursor:pointer;box-shadow:0 4px 14px #0005;transition:.15s transform,.15s border-color,.15s filter}
.bkChoiceBtn:hover:not(:disabled){transform:translateY(-1px);border-color:#f3cf6a;filter:brightness(1.12)}
.bkChoiceBtn:disabled{cursor:default;opacity:.55}
.bkChoiceBtn.chosen{opacity:1;border-color:#ffd86d;box-shadow:0 0 0 2px rgba(255,216,109,.18),0 5px 18px #0007;background:linear-gradient(180deg,#5c4713,#2d230b)}
.bkChoiceLetter{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#b88b22;color:#111;font-weight:900;border:2px solid #ffe28c;box-shadow:inset 0 0 0 1px #6a4b06}
.bkPublicTaskBox .bkChoices{grid-template-columns:1fr 1fr}
.bkPublicTaskBox .bkChoiceBtn{min-height:48px;font-size:14px}
@media(max-width:620px){.bkChoices,.bkPublicTaskBox .bkChoices{grid-template-columns:1fr}}


/* ===== RTC Weihnachtspuzzle ===== */
.bkPuzzleCard{border-color:#b88a2e;background:linear-gradient(145deg,rgba(61,18,18,.75),rgba(14,55,31,.72))}.bkPuzzleStatus{display:inline-block;padding:8px 12px;border:1px solid #d7b45b77;border-radius:10px;background:#0005;color:#ffe39a;margin:2px 0 5px}
#bkPuzzleBackdrop{display:none;position:fixed;inset:0;z-index:2147482500;background:rgba(0,0,0,.82);align-items:center;justify-content:center;padding:2vh 2vw}#bkPuzzleBackdrop.open{display:flex}
#bkPuzzlePopup{width:80vw;height:80vh;max-width:1700px;max-height:1050px;min-width:320px;min-height:260px;background:#000;border:2px solid #7b5a18;border-radius:16px;overflow:hidden;box-shadow:0 25px 90px #000;display:flex;flex-direction:column;color:#fff;font-family:Arial,sans-serif}
#bkPuzzlePopupHead{height:54px;flex:0 0 54px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#160b0b;border-bottom:1px solid #6f531e}#bkPuzzlePopupHead b{font-size:18px;color:#ffe7ad}#bkPuzzlePopupProgress{margin-left:auto;font-weight:800}#bkPuzzlePopupClose{width:38px;height:38px;border:0;border-radius:9px;background:#8e241c;color:#fff;font-size:24px;cursor:pointer}
#bkPuzzleStage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}#bkPuzzleWrap{position:relative;width:min(100%,calc((80vh - 54px) * 16 / 9));aspect-ratio:16/9;max-height:100%;background:#000;overflow:hidden}#bkPuzzleWrap>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;z-index:1}#bkPuzzleGrid{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:0;pointer-events:none}.bkPuzzleMask{background:#000;border:0;margin:0;padding:0;opacity:1}.bkPuzzleMask.bought{background:#b71c1c;opacity:1}.bkPuzzleMask.revealed{opacity:0}
@media(max-width:800px){#bkPuzzlePopup{width:94vw;height:84vh}#bkPuzzlePopupHead b{font-size:14px}#bkPuzzlePopupProgress{font-size:12px}}