/* Emmagotchi extracted stylesheet V26.331 */

/* --- inline-style --- */
:root{
  --bg1:#fff1dc; --bg2:#e2b978; --ink:#412513; --muted:#886548; --line:rgba(88,50,20,.16);
  --cream:#fffaf1; --cream2:#fff3de; --wood:#5a3418; --gold:#ebb14e; --green:#78b563; --pink:#da748b;
  --shadow:0 16px 44px rgba(72,40,14,.15); --soft:0 8px 20px rgba(72,40,14,.12);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.88),transparent 24%),radial-gradient(circle at 85% 100%,rgba(123,67,19,.15),transparent 40%),linear-gradient(135deg,var(--bg1),var(--bg2));}
body{padding:12px;padding-bottom:92px}
button,input{font:inherit} img{max-width:100%;display:block} button{cursor:pointer}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.app{width:min(1440px,100%);margin:0 auto;background:rgba(255,250,242,.78);border:1px solid rgba(255,255,255,.55);border-radius:28px;box-shadow:0 18px 54px rgba(58,31,12,.14);overflow:hidden}

/* Header, Konto, Hauptreiter und Aktionsleiste: eine gemeinsame Basis. */
.hero,
.hero *,
.navDock,
.navDock *,
.actionsWrap,
.actionsGrid,
.actionsGrid *{box-sizing:border-box}

.hero{position:relative;z-index:8;overflow:visible}
.heroImage{position:relative;z-index:1;display:block;width:100%;max-width:100%;object-fit:cover;background:#24170d;filter:saturate(1.04) contrast(1.02)}
.heroTitleBlock{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;color:#fff5d5;text-align:center;filter:drop-shadow(0 5px 6px rgba(45,22,8,.44))}
.heroTitleBlock::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.04) 48%,rgba(90,50,18,.12));pointer-events:none}
.heroTitleBlock h1{display:grid;justify-items:center;width:100%;margin:0;color:#fff9dd;font-weight:900;letter-spacing:0;line-height:.78;text-shadow:0 3px 0 rgba(112,61,18,.58),0 7px 16px rgba(28,13,4,.68),0 0 18px rgba(255,237,156,.45);filter:drop-shadow(0 2px 0 rgba(255,249,218,.16))}
.heroLogoEmma{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:1000;line-height:.78;white-space:nowrap}
.heroLogoGotchi{display:block;margin-left:0;font-family:"Segoe Script","Lucida Handwriting","Brush Script MT",cursive;font-weight:700;line-height:.82;letter-spacing:0;color:#d99a25;white-space:nowrap;text-shadow:0 1px 0 rgba(255,244,186,.95),0 3px 7px rgba(72,42,8,.45);transform:rotate(-1deg)}
.heroSub{align-self:stretch;max-width:100%;color:#fff7da;font-family:Georgia,"Times New Roman",serif;font-weight:1000;line-height:1.05;text-align:center;white-space:nowrap;text-shadow:0 3px 3px rgba(75,40,7,.82),0 8px 22px rgba(41,22,7,.42)}
.heroSub span{display:block;width:100%;overflow:hidden;text-align:center;white-space:nowrap}

.loginPanel{z-index:5;min-width:0;margin:0;border:1px solid rgba(255,255,255,.72);background:linear-gradient(180deg,rgba(255,252,244,.50),rgba(222,205,160,.34)),rgba(255,255,255,.16);box-shadow:0 10px 24px rgba(45,29,12,.22),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(10px) saturate(1.08)}
.loginPanel::before,.loginPanel::after{display:none;content:none}
.loginMain,.loginSide{min-width:0}
.loginPanelTitle{display:none}
.loginAccount{position:relative;align-items:center;min-width:0;border:1px solid rgba(255,255,255,.58);background:rgba(255,250,240,.72);box-shadow:0 8px 18px rgba(80,45,16,.08),inset 0 1px 0 rgba(255,255,255,.70);backdrop-filter:blur(12px) saturate(1.14)}
.accountBadge{display:grid;flex:0 0 auto;place-items:center;overflow:hidden;color:#fff;font-weight:1000;background:linear-gradient(180deg,#f8bc45,#df8e1e);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 5px 10px rgba(89,48,15,.16)}
.accountBadge img{width:100%;height:100%;object-fit:cover}
.accountMeta{min-width:0}
.accountMeta strong,.accountMeta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.accountMeta strong{color:#4a2a14;font-weight:1000}
.accountMeta small{margin-top:2px;color:#855b34;font-weight:1000}
.loginFields{min-width:0;gap:10px}
.loginFields input{width:100%;min-width:0;min-height:40px;padding:8px 12px;border:1px solid rgba(255,255,255,.58);border-radius:16px;color:#3f2412;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,244,229,.44));box-shadow:0 8px 18px rgba(80,45,16,.08),inset 0 1px 0 rgba(255,255,255,.70);backdrop-filter:blur(12px) saturate(1.14);font-size:14px;font-weight:900}
.loginActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.loginActions > button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:35px;padding:7px 12px;border:1px solid rgba(255,255,255,.72);border-radius:13px;color:#513019;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(247,229,198,.72));box-shadow:0 5px 12px rgba(67,38,14,.09),inset 0 1px 0 rgba(255,255,255,.88);font-size:12px;font-weight:900;line-height:1.1;text-align:center;white-space:normal;touch-action:manipulation}
.loginActions > button:hover,.loginActions > button:focus-visible{filter:saturate(1.04) brightness(1.02);transform:translateY(-1px)}
.loginPanel.guest #topRegisterBtn{border-color:rgba(66,125,55,.34);color:#24431e;background:linear-gradient(180deg,#d7f2bc,#82c66d);box-shadow:0 6px 13px rgba(52,105,43,.18),inset 0 1px 0 rgba(255,255,255,.82)}
.loginPanel.guest #topLoginBtn{border-color:rgba(169,91,22,.30);color:#fffaf0;background:linear-gradient(180deg,#f8bd59,#df841e);box-shadow:0 6px 13px rgba(126,67,18,.20),inset 0 1px 0 rgba(255,255,255,.56);text-shadow:0 1px 1px rgba(91,47,13,.28)}
.loginPanel.guest #topRegisterBtn:active,.loginPanel.guest #topLoginBtn:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(74,42,15,.18)}
.profileAdminBtnV26397{margin-left:auto;min-width:0;min-height:28px;padding:5px 9px;border:1px solid rgba(125,82,37,.22);border-radius:999px;color:#684024;background:rgba(255,249,237,.74);box-shadow:0 4px 10px rgba(66,38,16,.08);font-size:11px;font-weight:1000}
.loginSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin:0;padding:0;gap:8px;align-content:start}
.loginQuickBtnV26225{display:flex;align-items:center;justify-content:center;min-width:0;min-height:39px;padding:6px 5px;border:1px solid rgba(255,255,255,.74);border-radius:13px;color:#4c2d18;box-shadow:0 6px 12px rgba(70,39,12,.12),inset 0 1px 0 rgba(255,255,255,.88);font-size:11px;font-weight:950;line-height:1.08;text-align:center;white-space:normal;overflow-wrap:anywhere}
.loginQuickBtnV26225.is-gallery{background:linear-gradient(180deg,rgba(255,230,156,.96),rgba(226,165,61,.88))}
.loginQuickBtnV26225.is-auctions{background:linear-gradient(180deg,rgba(199,239,255,.96),rgba(89,178,218,.86));color:#203a47}
.loginQuickBtnV26225.is-profile{background:linear-gradient(180deg,rgba(218,247,204,.96),rgba(119,196,99,.86));color:#28421d}
.loginQuickBtnV26225:hover,.loginQuickBtnV26225:focus-visible{transform:translateY(-1px);filter:saturate(1.06) brightness(1.025)}
.loginTile{display:flex;flex-direction:column;justify-content:space-between;min-width:0;border:1px solid rgba(255,255,255,.58);background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,244,229,.44));box-shadow:0 8px 18px rgba(80,45,16,.08),inset 0 1px 0 rgba(255,255,255,.70);backdrop-filter:blur(12px) saturate(1.14)}
.loginTileTop{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0}
.loginTileValue,.loginTileBig,.loginChronicleText{overflow:hidden;text-overflow:ellipsis}
.loginTileLabel{display:block;overflow:visible;color:#8a5e34;font-weight:1000;line-height:1.08;text-overflow:clip;white-space:normal}
.loginTileValue{justify-self:end}.loginTileValue,.loginTileBig{display:block;color:#432511;font-weight:1000;white-space:nowrap}
.loginTile .track{height:5px;margin-top:4px}
.loginChronicleTile{grid-column:1 / -1}
.loginChronicleText{color:#5d3a20;font-weight:900;line-height:1.15}
.loginPanel.loggedIn .loginFields,.loginPanel.loggedIn #topLoginBtn,.loginPanel.loggedIn #topRegisterBtn,.loginPanel.guest #topRulesBtn,.loginPanel.guest #logoutBtn{display:none}
.loginPanel.guest #topLoginBtn,.loginPanel.guest #topRegisterBtn,.loginPanel.loggedIn #logoutBtn{display:flex}
.loginPanel.loggedIn .loginActions{grid-template-columns:1fr}
.loginPanel.loggedIn #logoutBtn{width:100%}
.loginPanel #topRulesBtn{display:none}
.loginMobileToggleV26251{display:none;touch-action:manipulation}

.profilePanel{width:min(1040px,100%);margin:0 auto;padding:22px 24px 30px;color:#4a2c18}
.profileHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.profileHeader h3{margin:0;font-size:21px;line-height:1.05}
.profileClose,.profileTransferTitle button{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.76);border-radius:50%;color:#65452b;background:rgba(255,252,246,.72);box-shadow:0 6px 14px rgba(67,38,16,.12),inset 0 1px 0 rgba(255,255,255,.9);font-size:22px;font-weight:500;line-height:1}
.profileClose:hover,.profileClose:focus-visible,.profileTransferTitle button:hover,.profileTransferTitle button:focus-visible{transform:translateY(-1px);background:rgba(255,255,255,.94)}
.profileHero{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(330px,.85fr);align-items:center;gap:14px;padding:13px 14px;border:1px solid rgba(255,255,255,.76);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(218,243,235,.48));box-shadow:0 10px 24px rgba(55,30,12,.09),inset 0 1px 0 rgba(255,255,255,.76);backdrop-filter:blur(12px) saturate(1.08)}
.profileAvatar{display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border-radius:19px;color:#fff;background:linear-gradient(180deg,#f8bc45,#df8e1e);box-shadow:inset 0 2px 0 rgba(255,255,255,.44),0 8px 16px rgba(98,55,17,.16);font-size:28px;font-weight:1000}
.profileAvatar img{width:100%;height:100%;object-fit:cover}
.memberInitial.hasAvatarV26242{overflow:hidden}.memberInitial.hasAvatarV26242 img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profileName{margin:0 0 2px;font-size:23px;font-weight:1000}
.profilePills{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.profilePills span{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border:1px solid rgba(142,91,36,.12);border-radius:999px;color:#684525;background:rgba(255,255,255,.66);font-size:10px;font-weight:950}
.profileActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.profileButton{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:39px;min-height:39px;padding:6px 9px;border:1px solid rgba(255,255,255,.78);border-radius:13px;color:#4b2c17;box-shadow:0 6px 12px rgba(72,41,14,.11),inset 0 1px 0 rgba(255,255,255,.86);font-size:11px;font-weight:950;line-height:1.08;text-align:center;white-space:normal}
.profileButton.is-gallery{background:linear-gradient(180deg,#ffe69d,#e5aa42)}.profileButton.is-auctions{color:#203a47;background:linear-gradient(180deg,#ccefff,#65bde3)}.profileButton.is-profile{color:#56351e;background:linear-gradient(180deg,#f7e5c4,#dfbb7d)}.profileButton.is-coins{color:#28421d;background:linear-gradient(180deg,#daf5ca,#81cf70)}
.profileButton:hover,.profileButton:focus-visible{transform:translateY(-1px);filter:saturate(1.06) brightness(1.025)}
.profileMetrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:9px 0}
.profileMetric{min-width:0;min-height:56px;padding:8px 9px;border:1px solid rgba(255,255,255,.68);border-radius:14px;background:rgba(255,252,246,.64);box-shadow:0 7px 15px rgba(65,36,13,.06),inset 0 1px 0 rgba(255,255,255,.7)}
.profileMetric span{display:block;margin-bottom:4px;overflow:hidden;color:#896747;font-size:9px;font-weight:950;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.profileMetric b{display:block;color:#3e2413;font-size:17px;line-height:1}.profileMetric small{display:block;margin-top:5px;color:#846141;font-size:9px;font-weight:900}
.profileLayout{display:grid;grid-template-columns:1.2fr .8fr;gap:9px;margin-top:9px}
.profileSection{min-width:0;padding:11px;border:1px solid rgba(255,255,255,.7);border-radius:17px;background:rgba(255,249,239,.58);box-shadow:0 8px 20px rgba(65,36,13,.06);backdrop-filter:blur(9px)}
.profileSection h4{margin:0 0 7px;font-size:14px}.profileSectionIntro{margin:-3px 0 8px}
.profileWorks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profileWorkCard{min-width:0;padding:6px;border:1px solid rgba(178,128,54,.14);border-radius:13px;overflow:hidden;background:rgba(255,252,246,.8)}.profileWorkImage{height:108px;overflow:hidden;border-radius:10px;background:#fff7e6}.profileWorkImage>*{width:100%;height:100%}.profileWorkImage img{width:100%;height:100%;object-fit:cover}.profileWorkCard strong{display:block;margin-top:6px;overflow:hidden;font-size:11px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.profileFinance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.profileFinance .profileMetric{min-height:52px}
.profileMedia{margin-top:9px}.profileFormRows{display:grid;gap:7px}.profileUploadRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px}.profileUploadRow input[type=text],.profileTransferGrid input,.profileTransferGrid select{width:100%;height:38px;min-width:0;padding:7px 9px;border:1px solid rgba(166,112,45,.2);border-radius:12px;color:#4a2c18;background:rgba(255,252,246,.9);font-size:12px;font-weight:850}
.profileTransfer{margin:9px 0;padding:10px;border:1px solid rgba(255,255,255,.76);border-radius:16px;background:linear-gradient(135deg,rgba(242,255,235,.82),rgba(217,244,205,.68));box-shadow:0 8px 18px rgba(54,97,38,.1)}.profileTransfer[hidden]{display:none}.profileTransferTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.profileTransferTitle button{width:28px;height:28px;font-size:18px}.profileTransferGrid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(100px,.45fr) 130px;align-items:end;gap:8px}.profileTransferGrid label span{display:block;margin:0 0 4px;color:#6c5037;font-size:10px;font-weight:950}

@media(max-width:850px){
  .profilePanel{padding:15px 13px 26px}.profileHero{grid-template-columns:auto minmax(0,1fr)}.profileActions{grid-column:1/-1}.profileMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.profileLayout{grid-template-columns:1fr}
}
@media(max-width:560px){
  .profilePanel{padding:11px 9px 100px}.profileHeader h3{font-size:19px}.profileHero{gap:9px;padding:9px;border-radius:16px}.profileAvatar{width:52px;height:52px;border-radius:16px;font-size:23px}.profileName{font-size:19px}.profileActions{grid-template-columns:1fr}.profileButton{height:38px;min-height:38px;font-size:11px}.profileMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profileWorks{grid-template-columns:repeat(3,minmax(0,1fr))}.profileWorkImage{height:84px}.profileWorkCard .drawerSub{display:none}.profileUploadRow,.profileTransferGrid{grid-template-columns:1fr}.profileTransferGrid .profileButton{margin-top:2px}
}

.navDock{z-index:32;white-space:nowrap}
.navBtn{--tabSolid:#f2b447;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:0;margin:0;border:1px solid rgba(255,255,255,.72);color:#3f230d;font-weight:1000;text-align:center;white-space:nowrap;touch-action:manipulation}
.navBtn:nth-child(1){--tabSolid:#f5b73a;--tabTop:#ffe58c;--tabBottom:#f2ab32;--navIcon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 10h16v10H4zM6 4h12v6H6zM9 4v16M15 4v16' fill='none' stroke='black' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.navBtn:nth-child(2){--tabSolid:#ef9c60;--tabTop:#ffd9ac;--tabBottom:#ee9456;--navIcon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11l9-7 9 7M5 10v10h14V10M9 20v-6h6v6' fill='none' stroke='black' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.navBtn:nth-child(3){--tabSolid:#66bde3;--tabTop:#aee9ff;--tabBottom:#5fb4df;--navIcon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 8h10a4 4 0 014 4v2a4 4 0 01-4 4H7a4 4 0 01-4-4v-2a4 4 0 014-4zM8 12v4M6 14h4M16 13h.01M18 15h.01' fill='none' stroke='black' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.navBtn:nth-child(4){--tabSolid:#87d67b;--tabTop:#d5ffc0;--tabBottom:#7bcf72;--navIcon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11l3 3L22 4M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11' fill='none' stroke='black' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.navBtn:nth-child(5){--tabSolid:#e984bd;--tabTop:#ffd0e7;--tabBottom:#e879b7;--navIcon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3v3M16 3v3M4 8h16M6 5h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V7a2 2 0 012-2zM8 12h4M8 16h8' fill='none' stroke='black' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.navBtn:nth-child(6){--tabSolid:#d9a952;--tabTop:#f7df9a;--tabBottom:#d5a14b;--navIcon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4l6 6M13 5l-8 8 6 6 8-8M3 21h10' fill='none' stroke='black' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.navBtn:nth-child(7){--tabSolid:#9f8bea;--tabTop:#d8c7ff;--tabBottom:#9a84e5;--navIcon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v14H4zM8 15l3-3 2 2 3-4 4 5M8 9h.01' fill='none' stroke='black' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.navBtn:nth-child(8){--tabSolid:#68d2bb;--tabTop:#bff6e6;--tabBottom:#63cdb5;--navIcon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 21v-2a4 4 0 00-8 0v2M12 11a4 4 0 100-8 4 4 0 000 8M20 21v-2a3 3 0 00-2-2.8M18 4a3 3 0 010 6' fill='none' stroke='black' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.navBtn:nth-child(9){--tabSolid:#df9666;--tabTop:#ffe0bf;--tabBottom:#d98c5e;--navIcon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6 6 1-4.5 4.5L17.5 21 12 17.5 6.5 21l1-7.5L3 9l6-1z' fill='none' stroke='black' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

.actionsWrap{margin:0;padding:8px 10px;border:1px solid rgba(178,113,36,.20);border-radius:18px;background:linear-gradient(180deg,rgba(255,250,240,.94),rgba(255,238,204,.90));box-shadow:0 8px 20px rgba(70,39,14,.10);overflow:hidden}
.actionsHead{display:none}
.actionsGrid{display:grid;grid-template-columns:repeat(7,minmax(96px,1fr));gap:8px;align-items:stretch;width:100%;min-width:0}
.actionsGrid .actionButton{--action-a:#f0b64a;--action-b:#d68124;--action-ink:#fffaf1;position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 44px;align-items:center;gap:7px;width:100%;min-width:0;height:60px;min-height:60px;padding:6px 8px;border:0;border-radius:15px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 42%),linear-gradient(135deg,var(--action-a),var(--action-b));color:var(--action-ink);box-shadow:inset 0 0 0 1px rgba(110,59,18,.14),0 7px 14px rgba(69,39,13,.13);text-align:left;touch-action:manipulation}
.actionsGrid .actionButton::before{content:"";position:absolute;right:-20px;bottom:-36px;width:92px;height:92px;border-radius:50%;background:rgba(255,255,255,.16);pointer-events:none}
.actionsGrid .actionButton[data-action="feed"]{--action-a:#f3b646;--action-b:#c56f21}.actionsGrid .actionButton[data-action="pet"]{--action-a:#eea966;--action-b:#c86a45}.actionsGrid .actionButton[data-action="play"]{--action-a:#5eb9e8;--action-b:#347bc1}.actionsGrid .actionButton[data-action="clean"]{--action-a:#63c7dc;--action-b:#2d8fb2}.actionsGrid .actionButton[data-action="garden"]{--action-a:#82c85d;--action-b:#3d9456}.actionsGrid .actionButton[data-action="window"]{--action-a:#58b9d7;--action-b:#2f7faf}.actionsGrid .actionButton[data-action="treat"]{--action-a:#e5a34b;--action-b:#a96326}
.actionsGrid .actionButton:not(.disabled):hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(110,59,18,.12),0 10px 18px rgba(69,39,13,.17)}
.actionsGrid .actionIcon{position:relative;z-index:2;grid-column:1;width:45px;height:45px;min-width:45px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.98),rgba(255,246,226,.92) 62%,rgba(232,190,126,.82));border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 11px rgba(83,46,15,.2);overflow:visible}
.actionsGrid .actionIcon img{width:56px;height:56px;max-width:none;object-fit:contain;display:block;filter:drop-shadow(0 3px 3px rgba(82,44,13,.27));transform:translateY(-2px)}
.actionsGrid .actionLabel{position:static;z-index:2;grid-column:2;width:100%;min-width:0;margin:0;color:var(--action-ink);font-size:14px;line-height:1.06;font-weight:1000;text-align:left;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-shadow:0 2px 2px rgba(58,31,10,.42),0 0 7px rgba(93,52,18,.22)}
.actionsGrid .actionFooter{position:static;z-index:4;grid-column:3;width:40px;height:40px;min-width:40px;display:grid;place-items:center;margin:0;pointer-events:none}
.actionsGrid .actionTitle,.actionsGrid .actionBadge{display:none}
.actionsGrid .cdRing{position:static;width:38px;height:38px;min-width:38px;margin:0;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#73b765 var(--cooldown-deg,360deg),rgba(255,255,255,.58) 0),radial-gradient(circle at 35% 30%,#fff7db,#efb95a);box-shadow:0 5px 12px rgba(55,32,12,.25),inset 0 1px 0 rgba(255,255,255,.86)}
.actionsGrid .cdRing.cooling{background:conic-gradient(#e29b33 var(--cooldown-deg,0deg),rgba(255,255,255,.62) 0),radial-gradient(circle at 35% 30%,#fff8e4,#e7c082)}
.actionsGrid .cdInner{width:29px;height:29px;min-width:29px;display:grid;place-items:center;border-radius:50%;background:rgba(255,250,241,.97);color:#553114;font-size:9px;font-weight:1000;line-height:1;text-align:center;padding:0;box-shadow:inset 0 0 0 1px rgba(123,73,27,.14)}
.actionsGrid .actionStockBadge{position:absolute;z-index:6;pointer-events:none;display:inline-grid;place-items:center;font-weight:1000;line-height:1;box-shadow:0 4px 9px rgba(54,30,10,.20),inset 0 1px 0 rgba(255,255,255,.46)}
.actionsGrid .actionStockBadge.is-count{top:0;left:30px;min-width:35px;height:24px;padding:0 8px;border-radius:999px;color:#fffdf5;font-size:12px;background:linear-gradient(180deg,#79ba64,#3f8d45);border:1px solid rgba(24,86,34,.24)}
.actionsGrid .actionStockBadge.is-empty{left:-24px;top:10px;width:112px;height:23px;transform:rotate(-34deg);border-radius:6px;color:#fff8f2;font-size:9px;text-transform:uppercase;background:linear-gradient(180deg,#f36558,#b92222);border:1px solid rgba(125,14,14,.28);text-shadow:0 1px 1px rgba(80,9,7,.32)}
.actionsGrid .actionButton.disabled{opacity:1;cursor:not-allowed;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 42%),linear-gradient(135deg,#d8d1c7,#9d9488);box-shadow:inset 0 0 0 1px rgba(100,84,67,.13),0 4px 10px rgba(69,39,13,.08)}
.actionsGrid .actionButton.disabled .actionLabel{opacity:.72;text-shadow:none}.actionsGrid .actionButton.disabled .actionIcon{opacity:.72;filter:grayscale(.18)}.actionsGrid .actionButton.disabled .actionIcon img{filter:grayscale(.35);opacity:.82}

.main > .statusPanel{position:relative;left:auto;top:auto;width:calc(100% - 26px);max-width:none;margin:10px auto 0;box-sizing:border-box}
.main{padding:0 12px 14px}
.roomCard{background:rgba(255,250,242,.95);border:1px solid var(--line);border-top:0;border-radius:28px;padding:0 12px 12px;box-shadow:var(--shadow)}
.roomScene{position:relative;height:clamp(430px,52vw,670px);border-radius:24px;overflow:hidden;background:#d9b078 url('../assets/emmagotchi_room_main_v2516.png') center/cover no-repeat}
.statusPanel{position:absolute;left:10px;top:10px;z-index:20;width:min(210px,28vw);background:rgba(255,250,242,.88);backdrop-filter:blur(6px);border:1px solid rgba(173,116,44,.18);border-radius:0;padding:8px;box-shadow:0 6px 14px rgba(72,40,14,.08)}

@media (min-width:821px){
  .hero{padding:12px 12px 0}
  .heroImage{height:clamp(310px,28vw,410px);border-radius:26px;object-position:center center;box-shadow:0 18px 42px rgba(58,31,12,.18)}
  .heroTitleBlock{left:clamp(14px,2.4vw,34px);top:50%;width:clamp(270px,34vw,430px);max-width:44vw;min-height:clamp(164px,15vw,226px);padding:clamp(10px,1.35vw,17px) clamp(16px,2.2vw,26px);gap:clamp(4px,.7vw,8px);border:1px solid rgba(255,255,255,.38);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,248,.42),rgba(96,82,67,.28));box-shadow:0 24px 48px rgba(38,18,5,.28),inset 0 1px 0 rgba(255,255,255,.48);backdrop-filter:blur(13px) saturate(1.08);transform:translateY(-50%)}
  .heroTitleBlock h1{font-size:clamp(42px,5vw,78px)}.heroLogoEmma{font-size:clamp(56px,5.9vw,104px)}.heroLogoGotchi{margin-top:clamp(-4px,-.25vw,-1px);font-size:clamp(21px,2.2vw,34px)}.heroSub{display:block;margin:clamp(4px,.7vw,9px) auto 0}.heroSub span{font-size:clamp(25px,2.05vw,36px);letter-spacing:.012em}
  .loginPanel{position:absolute;top:20px;right:clamp(14px,1.45vw,22px);display:grid;grid-template-columns:1fr;grid-auto-rows:auto;align-content:start;width:clamp(292px,20.5vw,342px);max-width:390px;height:auto;padding:10px;gap:8px;border-radius:24px;overflow:hidden}
  .loginMain,.loginSide{display:contents}.loginAccount{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;min-height:52px;padding:7px 9px;border-radius:20px;overflow:hidden}.accountBadge{width:42px;min-width:42px;height:42px;border-radius:14px;font-size:18px}.accountMeta strong{font-size:18px;line-height:1.03}.accountMeta small{font-size:12px;line-height:1.05}.loginPanel.loggedIn .loginAccount{grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:1fr auto;min-height:90px;padding:7px 9px 7px 11px;column-gap:10px;row-gap:3px;text-align:left}.loginPanel.loggedIn .accountMeta{grid-column:1;grid-row:1;align-self:center;text-align:left}.loginPanel.loggedIn .accountBadge{grid-column:2;grid-row:1/-1;align-self:center;justify-self:end;width:76px;min-width:76px;height:76px;border-radius:18px}.loginPanel.loggedIn .profileAdminBtnV26397{grid-column:1;grid-row:2;justify-self:start;margin-left:0}.loginFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.loginSummary{grid-template-rows:repeat(2,minmax(44px,1fr)) minmax(62px,auto);min-height:168px;gap:8px}.loginQuickBtnV26225{min-height:36px;padding:5px 7px;border-radius:12px;font-size:11px}.loginTile{min-height:44px;padding:8px;border-radius:16px}.loginTileLabel{font-size:9px;line-height:1.05}.loginTileValue{font-size:14px;line-height:1}.loginTileBig{font-size:16px;line-height:1}
  .navDock{position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:end;justify-content:center;width:calc(100% - 84px);max-width:100%;height:68px;min-height:68px;margin:2px auto 0;padding:0 22px;gap:9px;overflow:visible;isolation:isolate}.navDock::before{content:"";position:absolute;left:10px;right:10px;bottom:0;z-index:0;height:24px;border:2px solid rgba(255,255,255,.82);border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(180deg,rgba(255,252,245,.98),rgba(246,218,173,.96) 72%,rgba(223,163,82,.92));box-shadow:0 -7px 13px rgba(90,49,15,.12),0 9px 14px rgba(80,43,14,.14),inset 0 2px 0 rgba(255,255,255,.90);pointer-events:none}
  .navBtn{height:52px;min-height:52px;max-width:136px;padding:0 14px;gap:8px;border:2px solid rgba(255,255,255,.86);border-bottom:1px solid rgba(116,66,22,.16);border-radius:18px 18px 6px 6px;overflow:hidden;color:#3e250f;background-color:var(--tabSolid);background-image:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.12) 38%,rgba(94,45,10,.11) 100%);box-shadow:0 -8px 12px rgba(60,31,9,.20),0 7px 11px rgba(82,45,15,.16),inset 0 2px 0 rgba(255,255,255,.36),inset 0 -8px 13px rgba(64,29,7,.13);font-size:12px;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.48);transform:translateY(-8px);transform-origin:bottom center;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.navBtn::after{content:"";order:-1;flex:0 0 23px;width:23px;height:23px;background:#fff;-webkit-mask:var(--navIcon) center/contain no-repeat;mask:var(--navIcon) center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(55,28,8,.48))}.navBtn:hover,.navBtn:focus-visible,.navBtn.active{filter:saturate(1.08) brightness(1.025);transform:translateY(-12px)}
  .actionsGrid{grid-template-columns:repeat(7,minmax(96px,1fr))}.main .roomCard{border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -5px 12px rgba(77,40,12,.08),0 18px 30px rgba(79,43,15,.13),inset 0 1px 0 rgba(255,255,255,.82)}
}

@media (max-width:820px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-y:auto}
  body{padding:0 0 10px;background:#f4dfbd}
  .app{width:100%;max-width:100%;margin:0;padding:0 8px 12px;border-radius:0;border-left:0;border-right:0;overflow:visible}
  .hero{display:grid;grid-template-columns:1fr;width:100%;max-width:100%;margin:0;padding:6px 0 0;gap:6px}
  .heroImage{height:clamp(142px,39vw,178px);min-height:clamp(142px,39vw,178px);max-height:178px;margin:0;border-radius:18px;object-position:center 44%;box-shadow:0 10px 22px rgba(62,35,14,.14)}
  .heroTitleBlock{left:18px;right:auto;top:74px;width:min(190px,52vw);max-width:52vw;min-height:0;height:auto;padding:7px 10px;gap:2px;border:1px solid rgba(255,255,255,.72);border-radius:16px;overflow:hidden;background:rgba(255,248,232,.76);box-shadow:0 10px 20px rgba(72,41,18,.16),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(10px);transform:none}.heroTitleBlock h1{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;font-size:clamp(25px,8.2vw,36px);line-height:.82;letter-spacing:-.03em;white-space:nowrap}.heroLogoEmma{font-size:clamp(34px,11.4vw,46px);line-height:.82}.heroLogoGotchi{margin-top:-2px;font-size:clamp(21px,5.9vw,27px);line-height:.78}.heroSub{display:none}
  .loginPanel{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;width:100%;max-width:100%;min-width:0;height:auto;min-height:0;margin:0;padding:8px;gap:8px;border-radius:16px;overflow:visible;background:rgba(255,249,237,.88);box-shadow:0 8px 18px rgba(61,34,13,.10),inset 0 1px 0 rgba(255,255,255,.74);backdrop-filter:blur(9px) saturate(1.04)}
  .loginMain{display:block;grid-column:1;width:100%}.loginSide,.loginFields,.loginSummary,.loginActions,.loginPanelTitle{display:none}.loginAccount{display:flex;width:100%;min-height:54px;height:54px;padding:6px 8px;gap:8px;border-radius:15px;overflow:hidden}.accountBadge{width:42px;min-width:42px;height:42px;border-radius:14px;font-size:18px}.accountMeta strong{font-size:clamp(18px,5vw,24px);line-height:1}.accountMeta small{font-size:clamp(11px,3vw,13px);line-height:1.05}.loginMobileToggleV26251{position:relative;z-index:3;display:flex;grid-column:2;align-items:center;justify-content:center;width:96px;min-width:96px;max-width:96px;height:54px;min-height:54px;margin:0;padding:0 8px;border:1px solid rgba(165,103,34,.22);border-radius:16px;color:#5c3518;background:linear-gradient(180deg,#fff7e4,#efc16a);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 5px 10px rgba(83,44,14,.14);font-size:12.5px;font-weight:1000;line-height:1.05;text-align:center;white-space:normal}.loginMobileToggleV26251::after{content:attr(data-stable-label-v26441);display:block;max-width:100%;font-size:12.5px;line-height:1.05;white-space:normal}
  .loginPanel.mobileOpenV26251{grid-template-columns:1fr;max-height:none}.loginPanel.mobileOpenV26251 .loginMain{display:block;width:100%;padding-right:104px}.loginPanel.mobileOpenV26251 .loginMobileToggleV26251{position:absolute;top:8px;right:8px;width:88px;min-width:88px;max-width:88px;height:42px;min-height:42px}.loginPanel.mobileOpenV26251 .loginSide{display:grid;grid-template-rows:auto 1fr;width:100%;gap:8px}.loginPanel.mobileOpenV26251 .loginFields,.loginPanel.mobileOpenV26251 .loginActions,.loginPanel.mobileOpenV26251 .loginSummary{display:grid;width:100%;min-width:0}.loginPanel.mobileOpenV26251.guest .loginFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.loginPanel.mobileOpenV26251 .loginActions{grid-template-columns:repeat(2,minmax(0,1fr))}.loginPanel.mobileOpenV26251.loggedIn .loginFields,.loginPanel.mobileOpenV26251.loggedIn #topLoginBtn,.loginPanel.mobileOpenV26251.loggedIn #topRegisterBtn{display:none}.loginPanel.mobileOpenV26251.loggedIn #topRulesBtn,.loginPanel.mobileOpenV26251.loggedIn #logoutBtn{display:flex;width:100%}.loginPanel.mobileOpenV26251 .loginActions > button{min-height:38px;padding:8px 10px;border-radius:12px;font-size:13px}.loginSummary{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,66px);min-height:214px;gap:8px}.loginQuickBtnV26225{min-height:48px;padding:7px 8px;border-radius:15px;font-size:12px}.loginTile{min-height:60px;padding:8px;border-radius:14px}.loginTileLabel{font-size:9px;line-height:1.08}.loginTileValue{font-size:14px;line-height:1}.loginTileBig{font-size:16px;line-height:1}
  .navDock{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:38px;align-items:stretch;width:100%;max-width:100%;min-height:168px;height:auto;margin:6px 0;padding:6px;gap:6px;border:0;border-radius:14px;overflow:visible;background:linear-gradient(180deg,rgba(255,247,231,.95),rgba(228,161,65,.90));box-shadow:none;transform:none}.navDock::before,.navDock::after{display:none;content:none}.navBtn{width:100%;height:38px;min-height:38px;max-height:48px;padding:0 5px;border-radius:11px;overflow:hidden;color:#3f230d;background:linear-gradient(180deg,var(--tabTop),var(--tabBottom));box-shadow:inset 0 2px 0 rgba(255,255,255,.75),0 5px 10px rgba(82,43,13,.12);font-size:11.5px;line-height:1;text-overflow:ellipsis;transform:none}.navBtn::before,.navBtn::after{display:none;content:none}.navBtn:hover,.navBtn:focus-visible,.navBtn.active{filter:saturate(1.06) brightness(1.02);transform:translateY(-1px)}
  .main{width:100%;max-width:100%;margin:0;padding:0}.roomCard{width:100%;max-width:100%;margin:0;padding:0 6px 6px;border-top:0;border-radius:18px;overflow:visible;touch-action:pan-y;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}.roomScene{width:100%;max-width:100%;height:clamp(360px,112vw,500px);min-height:clamp(360px,112vw,500px);max-height:500px;border-radius:14px;background-position:center center;touch-action:pan-y;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}.roomScene .catRigCanvas,.roomScene .roomShade,.roomScene .thought,.roomScene .visitorThought,.roomScene .visitorBubble,.roomScene .catShadow,.roomScene .visitorShadow{pointer-events:none}.roomScene .catRigHitbox,.roomScene .catActor,.roomScene .visitorActor,.roomScene .roomUpgrade,.roomScene .catMess{touch-action:manipulation;-webkit-tap-highlight-color:rgba(194,119,39,.18)}.actionsWrap{width:100%;max-width:100%;margin:0;padding:8px;border-radius:17px;overflow:hidden}.actionsGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;overflow:visible}.actionsGrid .actionButton{height:60px;min-height:60px;grid-template-columns:48px minmax(0,1fr) 41px;gap:7px;padding:6px 7px;border-radius:15px}.actionsGrid .actionIcon{width:43px;height:43px;min-width:43px}.actionsGrid .actionIcon img{width:54px;height:54px}.actionsGrid .actionLabel{font-size:13.5px;line-height:1.05}.actionsGrid .actionFooter{width:39px;height:39px;min-width:39px}.actionsGrid .cdRing{width:37px;height:37px;min-width:37px}.actionsGrid .cdInner{width:28px;height:28px;font-size:8.8px}.main > .statusPanel{width:100%;margin:10px 0 0}
}
body.gamePerfModeV26439 .roomScene .catActor,body.gamePerfModeV26439 .roomScene .visitorActor,body.gamePerfModeV26439 .roomScene .kerstinSitterActorV26422,body.gamePerfModeV26439 .roomScene .thought,body.gamePerfModeV26439 .roomScene .visitorThought,
body.gamePerfModeV26440 .roomScene .catActor,body.gamePerfModeV26440 .roomScene .visitorActor,body.gamePerfModeV26440 .roomScene .kerstinSitterActorV26422,body.gamePerfModeV26440 .roomScene .thought,body.gamePerfModeV26440 .roomScene .visitorThought,
body.gamePerfModeV26441 .roomScene .catActor,body.gamePerfModeV26441 .roomScene .visitorActor,body.gamePerfModeV26441 .roomScene .kerstinSitterActorV26422,body.gamePerfModeV26441 .roomScene .thought,body.gamePerfModeV26441 .roomScene .visitorThought{animation-play-state:paused}
body.gamePerfModeV26439 .roomScene .catRigCanvas,body.gamePerfModeV26440 .roomScene .catRigCanvas,body.gamePerfModeV26441 .roomScene .catRigCanvas{opacity:.18}
.invMini{background:rgba(255,248,236,.96);border:1px solid rgba(186,126,47,.14);border-radius:14px;padding:7px 8px;display:grid;grid-template-columns:26px 1fr;gap:6px;align-items:center;box-shadow:0 4px 10px rgba(72,40,14,.04);min-height:42px}
.invIcon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f6d58b,#e8a946);font-size:15px}
.invMini span{display:block;font-size:10px;color:var(--muted);font-weight:1000;line-height:1}
.invMini b{display:block;font-size:15px;line-height:1.05}
.logoutBtn,.plainBtn,.solidBtn{border:0;border-radius:14px;padding:7px 10px;font-weight:1000;font-size:15px;line-height:1.15;min-height:34px}
.logoutBtn,.plainBtn{background:#fff8ec;color:var(--ink);border:1px solid rgba(198,126,42,.25)}
.solidBtn{background:linear-gradient(180deg,#ea8a7d,#c55852);color:#fff}
.roomShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,11,4,.05),rgba(22,11,4,.02) 30%,rgba(22,11,4,.08));pointer-events:none}
.statusPanel h3{margin:0;font-size:18px}.statusPanel small{display:block;color:var(--muted);font-weight:1000;margin-bottom:6px;font-size:11px}.statusTop{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;margin-bottom:8px}.statusPic{width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid #f3d18a;box-shadow:0 4px 10px rgba(80,42,16,.12)}.statusPic img{width:100%;height:100%;object-fit:cover}.statusMeta b{display:block;font-size:16px;line-height:1.05}
.bars{display:grid;gap:6px}.statusSwitch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.statusTab{display:grid;grid-template-columns:28px 1fr;gap:6px;align-items:center;padding:5px 7px;border-radius:13px;background:#fff8ed;border:1px solid rgba(186,126,47,.14);cursor:pointer}.statusTab.active{background:linear-gradient(180deg,#f6d58b,#efbf64);border-color:#d8a24d}.statusTab img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #f3d18a}.statusTab span{font-size:11px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barRow{display:grid;grid-template-columns:54px 1fr 34px;gap:6px;align-items:center;font-size:11px;font-weight:1000;color:var(--muted)}
.track{height:8px;border-radius:999px;background:#e9deca;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}
.track>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#e1b24a,#d78a3f)}
.track.green>span{background:linear-gradient(90deg,#78b867,#5c9b61)}
.track.pink>span{background:linear-gradient(90deg,#e48a97,#cf667a)}
.catHeads{display:none}
.headCard{position:relative;background:rgba(255,248,236,.93);backdrop-filter:blur(6px);border:1px solid rgba(173,116,44,.18);border-radius:18px;padding:8px;text-align:center;box-shadow:0 8px 18px rgba(72,40,14,.10);cursor:pointer;transition:.18s transform,.18s box-shadow,.18s border-color}
.headCard.active{transform:translateY(-1px) scale(1.01);border-color:#d49a49;box-shadow:0 10px 26px rgba(82,45,17,.18)}.headCard.active:after{content:"Aktiv";position:absolute;right:10px;top:10px;padding:4px 8px;border-radius:999px;background:#c98036;color:#fff;font-size:10px;font-weight:1000}
.headPic{width:58px;height:58px;border-radius:50%;margin:0 auto 6px;overflow:hidden;border:2px solid #f5d38f;box-shadow:0 4px 10px rgba(80,42,16,.12)}
.headName{font-size:14px;font-weight:1000}
.headMood{font-size:10px;color:var(--muted);font-weight:900;margin-top:2px;line-height:1.2}
.catActor{position:absolute;z-index:10;width:200px;height:160px;cursor:pointer;user-select:none;filter:drop-shadow(0 16px 16px rgba(48,24,8,.25));will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.catActor.w1{animation-name:catRoam1;animation-duration:26s}.catActor.w2{animation-name:catRoam2;animation-duration:34s}.catActor.sit,.catActor.cleaning,.catActor.at-window{animation:none!important}.catActor.sleep{animation:none!important}.catActor.sleep .thought{display:none!important}
.catActor[data-index="0"]{left:16%;bottom:16%}
.catActor[data-index="1"]{left:46%;bottom:14%}
.catActor.at-window[data-index="0"]{left:48%;bottom:42%;transform:scale(.82)}
.catActor.at-window[data-index="1"]{left:58%;bottom:42%;transform:scale(.82)}
.catShadow{position:absolute;left:25px;bottom:9px;width:118px;height:24px;border-radius:50%;background:rgba(55,25,9,.22);filter:blur(8px)}
.catBody{position:absolute;left:25px;bottom:25px;width:102px;height:58px;border-radius:60px 60px 40px 40px;background:linear-gradient(145deg,#b9b9b9,#6f6f6f);box-shadow:inset -12px -9px 18px rgba(0,0,0,.13), inset 8px 6px 12px rgba(255,255,255,.14)}
.catBelly{position:absolute;left:41px;bottom:31px;width:44px;height:31px;border-radius:50%;background:rgba(255,255,255,.12)}
.catHead{position:absolute;left:84px;bottom:55px;width:72px;height:67px;border-radius:48% 48% 52% 52%;background:linear-gradient(145deg,#c0c0c0,#757575);box-shadow:inset -8px -7px 14px rgba(0,0,0,.13), inset 7px 6px 10px rgba(255,255,255,.15)}
.catHead:before,.catHead:after{content:"";position:absolute;bottom:12px;width:23px;height:16px;border-radius:50%;background:rgba(255,255,255,.23)}
.catHead:before{left:13px}.catHead:after{right:13px}
.ear{position:absolute;top:-11px;width:24px;height:27px;background:linear-gradient(145deg,#9f9f9f,#6b6b6b);clip-path:polygon(50% 0,3% 100%,97% 100%)}
.ear.left{left:6px}.ear.right{right:6px}.ear:after{content:"";position:absolute;left:6px;top:8px;width:12px;height:11px;background:#d9aaaa;clip-path:polygon(50% 0,0 100%,100% 100%);opacity:.75}
.eye{position:absolute;top:24px;width:16px;height:18px;border-radius:50%;background:radial-gradient(circle at 66% 28%,#fff 0 11%,transparent 12%),radial-gradient(circle at 46% 56%,#1e1204 0 34%,transparent 35%),radial-gradient(circle,#ffd053 0 62%,#99550d 63% 100%);box-shadow:0 0 0 2px rgba(55,31,12,.2),0 1px 4px rgba(0,0,0,.18);transform-origin:center 56%;animation:blink 5.6s infinite}
.eye.left{left:17px;animation-delay:-.2s}.eye.right{right:14px;animation-delay:-.1s}.nose{position:absolute;left:31px;top:43px;width:10px;height:8px;border-radius:55% 55% 75% 75%;background:#473026}.mouth{position:absolute;left:22px;top:49px;width:28px;height:12px;border-bottom:3px solid #5a3927;border-radius:0 0 16px 16px;transform-origin:center top;animation:meow 4.8s ease-in-out infinite}.whiskers{position:absolute;left:8px;right:8px;top:46px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.7),transparent 43%,transparent 57%,rgba(255,255,255,.7))}
.tail{position:absolute;left:3px;bottom:60px;width:61px;height:22px;border-radius:18px 30px 30px 18px;background:linear-gradient(145deg,#9b9b9b,#666);transform-origin:right center;transform:rotate(-18deg);animation:tail 2.8s ease-in-out infinite alternate}
.paw{position:absolute;bottom:17px;width:18px;height:22px;border-radius:12px;background:#7a7a7a;box-shadow:inset -3px -2px 5px rgba(0,0,0,.16)}
.paw.p1{left:47px}.paw.p2{left:70px}.paw.p3{left:93px}.catActor.sit .catBody{height:53px}.catActor.sit .paw.p3{display:none}.catActor.sleep .eye{height:4px;border-radius:999px;background:#3f2714;box-shadow:none;top:32px;animation:none}.catActor.sleep .mouth{border-bottom-width:2px;top:50px}.catActor.cleaning .paw.p2{animation:wave 1.5s infinite}
.thought{position:absolute;left:80px;bottom:126px;min-width:88px;max-width:130px;padding:8px 10px;border-radius:18px;background:rgba(255,248,237,.95);border:1px solid rgba(166,111,43,.24);font-weight:1000;font-size:13px;text-align:center;box-shadow:var(--soft)}
.thought:after{content:"";position:absolute;left:18px;bottom:-8px;width:14px;height:14px;background:inherit;border-right:1px solid rgba(166,111,43,.24);border-bottom:1px solid rgba(166,111,43,.24);transform:rotate(45deg)}.visitorActor{position:absolute;z-index:9;width:132px;height:142px;pointer-events:none;filter:drop-shadow(0 12px 16px rgba(48,24,8,.18));animation:visitorRoam1 18s ease-in-out infinite}.visitorActor.v1{left:24%;bottom:9%;animation-delay:-.4s}.visitorActor.v2{left:60%;bottom:8%;animation-name:visitorRoam2;animation-delay:-2.1s}.visitorShadow{position:absolute;left:20px;bottom:0;width:86px;height:16px;border-radius:50%;background:rgba(55,25,9,.18);filter:blur(6px)}.visitorPod{position:absolute;left:10px;bottom:12px;width:112px;height:112px;border-radius:30px;background:linear-gradient(180deg,#fff9ef,#f4dfb5);border:1px solid rgba(174,117,45,.18);box-shadow:0 8px 18px rgba(72,40,14,.10)}.visitorPod:after{content:'Zu Besuch';position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:11px;font-weight:1000;color:#7b5a3e;white-space:nowrap}.visitorPhoto{position:absolute;left:27px;top:9px;width:58px;height:58px;border-radius:50%;overflow:hidden;border:2px solid #f3d18a;background:#fff}.visitorPhoto img{width:100%;height:100%;object-fit:cover}.visitorName{position:absolute;left:8px;right:8px;top:72px;font-size:12px;font-weight:1000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5b3618}.visitorBubble{position:absolute;left:68px;bottom:104px;padding:6px 9px;border-radius:14px;background:rgba(255,248,237,.96);border:1px solid rgba(166,111,43,.18);font-size:10px;font-weight:1000;color:#7b5a3e;white-space:nowrap}.visitorBubble:after{content:'';position:absolute;left:10px;bottom:-6px;width:10px;height:10px;background:inherit;border-right:1px solid rgba(166,111,43,.18);border-bottom:1px solid rgba(166,111,43,.18);transform:rotate(45deg)}@keyframes catRoam1{0%,100%{transform:translate(0,0)}14%{transform:translate(15vw,-1vw)}29%{transform:translate(34vw,-4vw)}45%{transform:translate(46vw,-1vw)}61%{transform:translate(28vw,3vw)}78%{transform:translate(7vw,1vw)}}@keyframes catRoam2{0%,100%{transform:translate(0,0)}18%{transform:translate(-10vw,2vw)}35%{transform:translate(-25vw,-2vw)}52%{transform:translate(-36vw,1vw)}70%{transform:translate(-18vw,3vw)}86%{transform:translate(4vw,0)}}@keyframes visitorRoam1{0%,100%{transform:translateX(0) translateY(0)}22%{transform:translateX(36px) translateY(-4px)}44%{transform:translateX(72px) translateY(-1px)}70%{transform:translateX(20px) translateY(3px)}}@keyframes visitorRoam2{0%,100%{transform:translateX(0) translateY(0)}22%{transform:translateX(-30px) translateY(-4px)}44%{transform:translateX(-66px) translateY(0)}70%{transform:translateX(-18px) translateY(2px)}}@keyframes blink{0%,45%,47%,100%{transform:scaleY(1)}46%{transform:scaleY(.08)}}@keyframes meow{0%,18%,100%{transform:scaleY(1);opacity:1}20%{transform:scaleY(.55)}24%{transform:scaleY(1.45)}30%{transform:scaleY(.8)}34%{transform:scaleY(1.2)}42%{transform:scaleY(1)}}
.roomTooltip{display:none!important}
.roomTooltip.show{display:none!important}
.roomTooltip h4{margin:0 0 3px}.roomTooltip small{color:var(--muted);font-weight:900}
.drawer{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);width:min(920px,calc(100% - 18px));max-height:min(70vh,760px);overflow:auto;background:rgba(255,250,242,.98);border:1px solid rgba(186,126,47,.22);border-radius:28px;padding:14px;box-shadow:0 18px 50px rgba(60,31,12,.18);z-index:69;display:none}
.drawer.open{display:block}
.drawerHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.drawerHead h3{margin:0}.drawerSub{color:var(--muted);font-weight:900;font-size:13px;margin-top:4px}
.cardGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.panelCard{background:#fff9ef;border:1px solid rgba(186,126,47,.18);border-radius:22px;padding:14px;box-shadow:var(--soft)}
.buyItem{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px dashed rgba(165,108,42,.18)}.buyItem:last-child{border-bottom:0}
.buyItem strong{display:block}.buyItem small{color:var(--muted);font-weight:900}
.miniBtn{border:0;border-radius:14px;padding:10px 12px;font-weight:1000;background:linear-gradient(180deg,#f2c26e,#dc983a);color:#fff;min-width:92px}
.list{display:grid;gap:10px}.rowCard{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-radius:16px;background:#fff9ef;border:1px solid rgba(186,126,47,.14)}
.formGrid{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;margin-bottom:12px}.formGrid input{width:100%;min-height:44px;padding:10px 12px;border-radius:14px;border:1px solid rgba(173,116,44,.2);background:#fff}
.galleryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.photoCard{background:#fff9ef;border:1px solid rgba(186,126,47,.18);border-radius:18px;padding:10px}.photoCard img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;margin-bottom:8px}
.uploadLine{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.uploadLine input[type="text"],.uploadLine input[type="file"]{min-height:44px;padding:10px 12px;border-radius:14px;border:1px solid rgba(173,116,44,.2);background:#fff}
.toast{position:fixed;left:50%;top:18px;transform:translateX(-50%);padding:11px 14px;border-radius:16px;background:rgba(63,37,20,.96);color:#fff;font-weight:1000;box-shadow:var(--soft);z-index:120;display:none}
.toast.show{display:block}
.actionHover{position:fixed;left:0;top:0;transform:translate(14px,14px);padding:9px 11px;border-radius:13px;background:rgba(61,34,14,.96);color:#fff;font-size:13px;font-weight:1000;box-shadow:0 12px 24px rgba(36,19,8,.25);z-index:140;display:none;pointer-events:none;white-space:nowrap}
.rulesOverlay{position:fixed;inset:0;background:rgba(43,23,8,.45);display:none;place-items:center;padding:14px;z-index:121}.rulesOverlay.open{display:grid}
.rulesModal{width:min(760px,100%);max-height:min(84vh,780px);overflow:auto;border-radius:28px;padding:18px;background:linear-gradient(180deg,#fffdf8,#fff5e6);border:1px solid rgba(186,126,47,.2);box-shadow:0 24px 70px rgba(40,20,7,.28)}
.rulesModal ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 0;padding:0;list-style:none;color:var(--muted);font-weight:900;line-height:1.4}.rulesModal li{margin:0;background:#fff9ef;border:1px solid rgba(186,126,47,.14);border-radius:16px;padding:12px 14px}.rulesLead{color:var(--muted);font-weight:900;font-size:13px;margin-top:4px}
@keyframes blink{0%,45%,48%,100%{transform:scaleY(1)}46%,47%{transform:scaleY(.12)}}
@keyframes tail{from{transform:rotate(-20deg)}to{transform:rotate(8deg)}}
@keyframes wave{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-8deg)}}
@media(max-width:1100px){.cardGrid,.galleryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.catActor[data-index="0"]{left:12%}.catActor[data-index="1"]{left:42%}}
@media(max-width:820px){body{padding:8px;padding-bottom:92px}.app{border-radius:20px}.main{padding:0 8px 12px}.roomScene{height:500px}.statusPanel{left:8px;top:8px;width:154px}.catActor{width:150px;height:122px}.catActor[data-index="0"]{left:18%;bottom:18%}.catActor[data-index="1"]{left:48%;bottom:16%}.catActor.at-window[data-index="0"]{left:45%;bottom:40%;transform:scale(.72)}.catActor.at-window[data-index="1"]{left:56%;bottom:40%;transform:scale(.72)}.visitorActor{width:114px;height:124px}.visitorActor.v1{left:18%}.visitorActor.v2{left:58%}.drawer{bottom:96px;width:calc(100% - 16px)}.formGrid{grid-template-columns:1fr 1fr}.galleryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rulesModal ul{grid-template-columns:1fr}}
@media(max-width:560px){.statusPanel{width:132px;padding:7px}.roomScene{height:420px}.cardGrid,.galleryGrid{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr}.catActor{width:112px;height:92px}.catActor[data-index="0"]{left:20%;bottom:16%}.catActor[data-index="1"]{left:48%;bottom:14%}.catActor.at-window[data-index="0"]{left:43%;bottom:38%;transform:scale(.62)}.catActor.at-window[data-index="1"]{left:55%;bottom:38%;transform:scale(.62)}.catBody{left:18px;width:68px;height:39px}.catHead{left:56px;bottom:40px;width:50px;height:46px}.catHead:before,.catHead:after{bottom:10px;width:17px;height:12px}.eye{top:17px;width:11px;height:13px}.eye.left{left:12px}.eye.right{right:10px}.nose{left:20px;top:31px}.mouth{left:16px;top:36px;width:18px;height:8px}.thought{left:38px;bottom:76px;min-width:56px;max-width:76px;font-size:10px;padding:4px 6px}.visitorActor{width:92px;height:102px}.visitorPod{width:82px;height:84px;left:5px}.visitorPhoto{width:42px;height:42px;left:20px}.visitorName{top:54px;font-size:10px}.visitorBubble{left:44px;bottom:74px;max-width:54px;overflow:hidden;text-overflow:ellipsis}.statusTop{grid-template-columns:36px 1fr;gap:6px}.statusPic{width:36px;height:36px}.statusMeta b{font-size:12px}.barRow{grid-template-columns:40px 1fr 24px;font-size:9px}}
.drawer,.drawerHeader,.drawerBody,.drawerFooter,.shopCard,.taskItem,.visitItem,.galleryCard,.playerCard,.adminCard,.plainBox,.statusTab,.roomScene,.toast,.actionHover{border-radius:18px!important}.plainBtn,.solidBtn,.logoutBtn{border-radius:14px!important}.statusPanel{border-radius:18px!important}
.logoutBtn,.plainBtn,.solidBtn{min-height:34px!important;padding:6px 10px!important;font-size:14px!important;line-height:1.1!important;border-radius:13px!important}
.rulesModal{width:min(860px,100%)!important;border-radius:26px!important;background:linear-gradient(180deg,#fffdf8,#fff6e8)!important}
.rulesModal ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:16px!important}
.rulesModal li{border-radius:18px!important;padding:14px 15px!important;background:#fffaf0!important}
.rulesLead{font-size:14px!important}
.drawer,.roomCard,.roomScene,.statusPanel,.catTabs button,.plainBtn,.solidBtn,.logoutBtn,.toast,.actionHover{border-radius:18px!important}
@media(max-width:640px){.rulesModal ul{grid-template-columns:1fr!important}}
.logoutBtn,.plainBtn,.solidBtn{min-height:38px!important;padding:8px 12px!important;font-size:15px!important;border-radius:14px!important}
.logoutBtn,.plainBtn,.solidBtn{
  min-height:36px!important;
  padding:8px 10px!important;
  border-radius:13px!important;
  font-size:14px!important;
}

/* V25.56 - neuer kompakter Header */
.shell{width:min(1520px,100% - 28px)!important}
.plainBtn,.solidBtn,.logoutBtn{
  min-height:32px!important;
  padding:6px 8px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:1000!important;
}
@media(max-width:480px){
  .shell{width:min(100% - 10px,1520px)!important}
  .plainBtn,.solidBtn,.logoutBtn{min-height:30px!important;font-size:12px!important}
}
.plainBtn,.solidBtn,.logoutBtn{
  min-height:32px!important;
  padding:6px 8px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
.plainBtn,.solidBtn,.logoutBtn{
  min-height:30px!important;
  padding:5px 7px!important;
  border-radius:11px!important;
  font-size:12px!important;
}
.plainBtn,.solidBtn,.logoutBtn{
  min-height:30px!important;
  padding:5px 7px!important;
  border-radius:11px!important;
  font-size:12px!important;
}
.plainBtn,.solidBtn,.logoutBtn{
  min-height:36px!important;padding:8px 8px!important;border-radius:14px!important;
  font-size:13px!important;font-weight:1000!important;
}
.plainBtn,.solidBtn,.logoutBtn{
  min-height:40px!important;padding:8px 10px!important;border-radius:14px!important;
  font-size:13px!important;font-weight:1000!important;
}
.plainBtn,.solidBtn,.logoutBtn{min-height:40px!important;padding:8px 10px!important;border-radius:14px!important;font-size:13px!important;font-weight:1000!important}
@media (max-width:1100px){
  .plainBtn,.solidBtn,.logoutBtn{font-size:12px!important}
}
.plainBtn,.solidBtn,.logoutBtn{min-height:36px!important;padding:7px 8px!important;border-radius:13px!important;font-size:12px!important;font-weight:1000!important}
.plainBtn,.solidBtn,.logoutBtn{border-radius:14px !important;min-height:42px !important;padding:8px 12px !important;font-size:15px !important;font-weight:900 !important;line-height:1.1 !important;box-shadow:0 3px 8px rgba(73,41,12,.08) !important;}
.plainBtn,.logoutBtn{background:rgba(255,248,232,.96) !important;color:#4a2c18 !important;border:1px solid rgba(188,142,84,.28) !important;}
.solidBtn{background:linear-gradient(180deg,#e78676,#cf5d54) !important;color:#fff !important;border:1px solid rgba(173,79,68,.35) !important;}
.track{margin-top:4px !important;height:7px !important;border-radius:999px !important;background:#eadfc9 !important;overflow:hidden !important;}
.track>span{display:block !important;height:100% !important;border-radius:999px !important;background:linear-gradient(90deg,#cb9a39,#d6a33e) !important;}
.track.pink>span{background:linear-gradient(90deg,#e1758f,#d96081) !important;}
.track.green>span{background:linear-gradient(90deg,#78ba66,#5e9b58) !important;}
@media(max-width:560px){.plainBtn,.solidBtn,.logoutBtn{min-height:38px !important;font-size:14px !important;padding:7px 10px !important;}}
.plainBtn,.solidBtn,.logoutBtn{min-height:38px!important;height:38px!important;padding:7px 10px!important;border-radius:14px!important;font-size:13px!important;font-weight:1000!important;line-height:1.1!important}
@media(max-width:640px){.plainBtn,.solidBtn,.logoutBtn{font-size:12px!important}}
.plainBtn,.solidBtn,.logoutBtn{min-height:38px!important;height:38px!important;padding:7px 10px!important;border-radius:14px!important;font-size:13px!important;font-weight:1000!important;line-height:1.1!important}
@media(max-width:640px){.plainBtn,.solidBtn,.logoutBtn{font-size:12px!important}}

.plainBtn,
.solidBtn,
.logoutBtn{
  min-height:36px!important;
  height:36px!important;
  padding:6px 8px!important;
  border-radius:14px!important;
  font-size:12px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

.plainBtn,
.solidBtn,
.logoutBtn{
  width:100% !important;
  min-height:40px !important;
  height:40px !important;
  padding:7px 8px !important;
  border-radius:14px !important;
  font-size:13px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

@media (max-width:1200px){
  .plainBtn,.solidBtn,.logoutBtn{min-height:36px !important;height:36px !important;font-size:12px !important;}
}
.plainBtn,.solidBtn,.logoutBtn{
  min-height:38px!important;
  height:38px!important;
  padding:6px 10px!important;
  border-radius:14px!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1.05!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.plainBtn,.solidBtn,.logoutBtn{
  min-height: 34px !important;
  height: 34px !important;
  padding: 5px 8px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
}

/* Linke Katzenwertebox im Zimmer: gleiche Abstände */
.statusPanel{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:10px!important;
}

.statusSwitch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0!important;
}

.statusTab{
  min-height:42px!important;
  padding:6px 8px!important;
  gap:6px!important;
}

.statusTop{
  display:grid!important;
  grid-template-columns:52px 1fr!important;
  gap:8px!important;
  align-items:center!important;
  margin:0!important;
}

.bars{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
}

.barRow{
  display:grid!important;
  grid-template-columns:54px 1fr 34px!important;
  gap:7px!important;
  align-items:center!important;
}

@media(max-width:560px){
  .statusPanel{
    gap:7px!important;
    padding:8px!important;
  }

  .statusSwitch{gap:6px!important}

  .statusTop{
    grid-template-columns:38px 1fr!important;
    gap:7px!important;
  }

  .barRow{
    grid-template-columns:42px 1fr 28px!important;
    gap:6px!important;
  }
}
.plainBtn,.solidBtn,.logoutBtn{min-height:42px!important}

/* Navigationsträger direkt an das Zimmerbild anschließen */
.main{padding-top:0!important}

/* Linke Katzenwertebox: gleiche Boxabstände */
.statusPanel{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:10px!important;
}
.statusSwitch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0 0 8px 0!important;
}
.statusTab{
  min-height:42px!important;
  padding:6px 8px!important;
  gap:6px!important;
}
.statusTop{
  display:grid!important;
  grid-template-columns:48px 1fr!important;
  gap:8px!important;
  align-items:center!important;
  margin:0!important;
}
.bars{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
}
.barRow{
  display:grid!important;
  grid-template-columns:54px 1fr 34px!important;
  gap:8px!important;
  align-items:center!important;
}

@media(max-width:820px){
  .main{padding-top:0!important}
}
@media(max-width:560px){
  .statusPanel{gap:7px!important;padding:8px!important}
  .statusSwitch{gap:7px!important;margin-bottom:7px!important}
  .statusTop{grid-template-columns:38px 1fr!important;gap:7px!important}
  .bars{gap:7px!important}
  .barRow{grid-template-columns:42px 1fr 26px!important;gap:7px!important}
}
.statusPanel{
  gap:8px !important;
}
.statusSwitch{
  gap:8px !important;
  margin:0 0 8px 0 !important;
}
.statusTab{
  padding:6px 8px !important;
}
.bars{
  gap:8px !important;
}
.barRow{
  gap:8px !important;
}
.toast{
  top:24px;
  padding:16px 24px !important;
  min-width:260px;
  max-width:min(92vw, 520px);
  text-align:center;
  font-size:20px !important;
  line-height:1.15;
  font-weight:1000;
  border-radius:18px !important;
  background:rgba(63,37,20,.96);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
  z-index:160;
}
@media(max-width:560px){
  .toast{font-size:17px !important;min-width:220px;padding:14px 18px !important;}
}

/* Katzenstatus-Box im Zimmer: gleichmäßige Abstände */
.statusPanel{padding:10px!important;}
.statusSwitch{gap:8px!important;margin-bottom:10px!important;}
.statusTop{gap:8px!important;margin-bottom:10px!important;}
.bars{gap:8px!important;}
.barRow{gap:8px!important;}

@media (max-width:640px){
  .statusPanel{padding:9px!important;}
  .statusSwitch,.statusTop,.bars,.barRow{gap:7px!important;}
}

/* --- v2588_exact_login_gap_fix --- */
/* V25.90 - exakter Abstands-Fix nur für Login-Bereich + Katzenbox */
:root{--lp-gap:10px;}

/* Gleiche Abstände auch links in der Katzenbox */
.statusPanel,.statusPanel *{box-sizing:border-box!important;}
.statusPanel{padding:10px!important;}
.statusSwitch{gap:8px!important;margin:0 0 10px!important;}
.statusTop{gap:8px!important;margin:0 0 10px!important;}
.bars{gap:8px!important;}
.barRow{gap:8px!important;margin:0!important;}

@media (max-width:640px){
  :root{--lp-gap:8px;}
}

/* Katzenstatus links: gleiche Innenabstände */
.statusPanel,.statusPanel *{box-sizing:border-box!important;}
.statusPanel{padding:10px!important;}
.statusSwitch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 10px!important;}
.statusTop{display:grid!important;grid-template-columns:52px 1fr!important;gap:8px!important;margin:0 0 10px!important;align-items:center!important;}
.bars{display:grid!important;gap:8px!important;}
.barRow{display:grid!important;grid-template-columns:54px 1fr 34px!important;gap:8px!important;align-items:center!important;margin:0!important;}

@media (max-width:640px){
  .statusPanel{padding:8px!important;}
  .statusSwitch,.bars{gap:7px!important;}
  .statusTop{gap:7px!important;margin-bottom:8px!important;}
  .barRow{gap:7px!important;grid-template-columns:42px 1fr 26px!important;}
}

/* Katzenbox links: ebenfalls gleichmäßige Innenabstände */
.statusPanel,
.statusPanel *{
  box-sizing:border-box!important;
}

.statusPanel{
  padding:10px!important;
}

.statusSwitch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0 0 10px 0!important;
}

.statusTop{
  display:grid!important;
  grid-template-columns:48px 1fr!important;
  gap:8px!important;
  margin:0 0 10px 0!important;
  align-items:center!important;
}

.bars{
  display:grid!important;
  gap:8px!important;
}

.barRow{
  display:grid!important;
  grid-template-columns:54px 1fr 34px!important;
  gap:8px!important;
  align-items:center!important;
  margin:0!important;
}

@media(max-width:640px){

  .statusPanel{
    padding:8px!important;
  }

  .statusSwitch,
  .statusTop,
  .bars,
  .barRow{
    gap:7px!important;
  }

  .barRow{
    grid-template-columns:42px 1fr 26px!important;
  }
}

/* --- v2596_status_names_only --- */
/* V25.96 - Statusbox auf Handy lesbarer: Auswahl nur mit Namen, ohne Katzenköpfe. */
.statusPanel .statusTab{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  text-align:center!important;
  min-height:34px!important;
  padding:7px 8px!important;
}

.statusPanel .statusTab img{
  display:none!important;
}

.statusPanel .statusTab span{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.05!important;
}

.statusPanel .statusTop{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:2px!important;
  margin:0 0 10px!important;
}

.statusPanel .statusPic{
  display:none!important;
}

.statusPanel .statusMeta b{
  font-size:17px!important;
  line-height:1.05!important;
}

.statusPanel .statusMeta small{
  margin:3px 0 0!important;
}

@media(max-width:560px){
  .statusPanel .statusTab{
    min-height:32px!important;
    padding:7px 5px!important;
  }

  .statusPanel .statusTab span{
    font-size:11px!important;
  }

  .statusPanel .statusMeta b{
    font-size:15px!important;
  }
}

/* --- v2594_cat_selection_marker --- */
/* V25.94 - Auswahlbalken unter Emma/Merlin ohne Positions-Reset. */
.catSelectBar{
  position:absolute;
  left:34px;
  bottom:-2px;
  width:96px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#f7d66f,#e49b35);
  box-shadow:0 3px 10px rgba(73,38,12,.26), inset 0 1px 0 rgba(255,255,255,.5);
  opacity:0;
  transform:scaleX(.42);
  transform-origin:center;
  transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
  z-index:2;
}

.catSelectBar:after{
  content:"";
  position:absolute;
  left:50%;
  top:-5px;
  width:10px;
  height:10px;
  border-radius:3px;
  background:#f3bd4f;
  transform:translateX(-50%) rotate(45deg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}

.catActor.selected .catSelectBar{
  opacity:1;
  transform:scaleX(1);
}

.catActor.selected .catShadow{
  background:rgba(74,39,12,.30)!important;
}

.catActor.cleaning.w1{
  animation-name:catMerlinRoam!important;
  animation-duration:44s!important;
  animation-iteration-count:infinite!important;
  animation-timing-function:cubic-bezier(.42,0,.28,1)!important;
}

.catActor.cleaning.w2{
  animation-name:catEmmaRoam!important;
  animation-duration:58s!important;
  animation-iteration-count:infinite!important;
  animation-timing-function:cubic-bezier(.42,0,.28,1)!important;
}

@media(max-width:820px){
  .catSelectBar{
    left:26px;
    bottom:-1px;
    width:76px;
    height:7px;
  }
}

@media(max-width:560px){
  .catSelectBar{
    left:18px;
    bottom:-1px;
    width:58px;
    height:6px;
  }
}

/* --- v2591_natural_cats --- */
/* V25.91 - Emma und Merlin/Wichtel wirken ruhiger, katzentypischer und weniger mechanisch. */
.catActor{
  transform-origin:50% 100%!important;
  animation-timing-function:cubic-bezier(.42,0,.28,1)!important;
}

.catActor.merlin.w1{
  animation-name:catMerlinRoam!important;
  animation-duration:44s!important;
}

.catActor.emma.w2{
  animation-name:catEmmaRoam!important;
  animation-duration:58s!important;
}

.catActor .catBody{
  background:linear-gradient(145deg,#a8b1ba,#5e6a74 76%)!important;
  animation:catBreath 5.8s ease-in-out infinite;
}

.catActor.merlin .catBody{
  background:linear-gradient(145deg,#99a4ae,#53606b 78%)!important;
  animation-duration:4.9s;
}

.catActor.emma .catBody{
  background:linear-gradient(145deg,#b3bcc4,#66727d 78%)!important;
  animation-duration:6.8s;
}

.catActor .catHead{
  background:linear-gradient(145deg,#b1bac2,#66727c 78%)!important;
  animation:catHeadLook 10s ease-in-out infinite;
}

.catActor.merlin .catHead{
  background:linear-gradient(145deg,#a2adb6,#596672 78%)!important;
  animation-name:catMerlinHeadLook;
  animation-duration:8.2s;
}

.catActor.emma .catHead{
  background:linear-gradient(145deg,#bcc4cb,#6b7680 78%)!important;
  animation-name:catEmmaHeadLook;
  animation-duration:12s;
}

.catActor .ear{
  background:linear-gradient(145deg,#8f9aa5,#53606b)!important;
}

.catActor .ear.left{
  animation:catEarTwitch 13s ease-in-out infinite;
}

.catActor .ear.right{
  animation:catEarTwitch 16s ease-in-out infinite;
  animation-delay:-5s;
}

.catActor .tail{
  background:linear-gradient(145deg,#87939e,#4f5a64)!important;
  animation:catTailNatural 4.8s ease-in-out infinite alternate!important;
}

.catActor.emma .tail{
  animation-duration:6.2s!important;
}

.catActor.merlin .paw.p1,
.catActor.merlin .paw.p3{
  animation:catTinyStep 3.4s ease-in-out infinite;
}

.catActor.merlin .paw.p2{
  animation:catTinyStep 3.4s ease-in-out infinite;
  animation-delay:-1.4s;
}

.catActor.emma .paw{
  background:#64707a!important;
}

.catActor.sleep .catBody{
  animation:catSleepBreath 5.5s ease-in-out infinite!important;
}

.catActor.sleep .tail{
  animation:catSleepTail 7s ease-in-out infinite alternate!important;
}

.catActor.cleaning .catHead{
  animation:catCleanHead 1.7s ease-in-out infinite!important;
}

.catActor.at-window .catHead,
.catActor.sit .catHead{
  animation:catSitLook 11s ease-in-out infinite!important;
}

.thought{
  line-height:1.16!important;
  max-width:154px!important;
  animation:thoughtSoftIn .28s ease-out both;
}

@keyframes catMerlinRoam{
  0%,7%,100%{transform:translate(0,0) rotate(0deg)}
  14%{transform:translate(8vw,-.5vw) rotate(-.5deg)}
  21%,29%{transform:translate(17vw,-1.4vw) rotate(.4deg)}
  36%{transform:translate(27vw,.2vw) rotate(-.6deg)}
  45%,52%{transform:translate(35vw,-2.2vw) rotate(.5deg)}
  61%{transform:translate(24vw,1.8vw) rotate(0deg)}
  71%,78%{transform:translate(10vw,1vw) rotate(-.4deg)}
  88%{transform:translate(4vw,-.3vw) rotate(.2deg)}
}

@keyframes catEmmaRoam{
  0%,10%,100%{transform:translate(0,0) rotate(0deg)}
  18%{transform:translate(-6vw,.8vw) rotate(.3deg)}
  29%,38%{transform:translate(-14vw,-.6vw) rotate(-.3deg)}
  49%{transform:translate(-24vw,1.2vw) rotate(.2deg)}
  59%,68%{transform:translate(-31vw,-.4vw) rotate(-.2deg)}
  79%{transform:translate(-18vw,1.4vw) rotate(.3deg)}
  90%{transform:translate(-6vw,.4vw) rotate(0deg)}
}

@keyframes catBreath{
  0%,100%{transform:translateY(0) scaleY(1)}
  50%{transform:translateY(1px) scaleY(1.025)}
}

@keyframes catSleepBreath{
  0%,100%{transform:translateY(0) scaleY(.98)}
  50%{transform:translateY(2px) scaleY(1.035)}
}

@keyframes catHeadLook{
  0%,100%{transform:translate(0,0) rotate(0deg)}
  35%{transform:translate(-2px,1px) rotate(-2deg)}
  64%{transform:translate(2px,0) rotate(2deg)}
}

@keyframes catMerlinHeadLook{
  0%,100%{transform:translate(0,0) rotate(0deg)}
  20%{transform:translate(3px,-1px) rotate(3deg)}
  38%{transform:translate(-1px,1px) rotate(-1deg)}
  62%{transform:translate(2px,0) rotate(2deg)}
  78%{transform:translate(-3px,1px) rotate(-3deg)}
}

@keyframes catEmmaHeadLook{
  0%,100%{transform:translate(0,0) rotate(0deg)}
  28%{transform:translate(-1px,1px) rotate(-1.5deg)}
  58%{transform:translate(2px,0) rotate(1.5deg)}
}

@keyframes catSitLook{
  0%,100%{transform:translate(0,0) rotate(0deg)}
  42%{transform:translate(2px,-1px) rotate(2deg)}
  70%{transform:translate(-2px,1px) rotate(-2deg)}
}

@keyframes catCleanHead{
  0%,100%{transform:rotate(0deg)}
  50%{transform:rotate(-7deg) translateY(2px)}
}

@keyframes catEarTwitch{
  0%,88%,100%{transform:rotate(0deg)}
  90%{transform:rotate(-7deg)}
  93%{transform:rotate(5deg)}
  96%{transform:rotate(0deg)}
}

@keyframes catTailNatural{
  0%{transform:rotate(-18deg)}
  35%{transform:rotate(-6deg) translateY(1px)}
  70%{transform:rotate(8deg)}
  100%{transform:rotate(2deg)}
}

@keyframes catSleepTail{
  0%{transform:rotate(-16deg)}
  100%{transform:rotate(-8deg)}
}

@keyframes catTinyStep{
  0%,64%,100%{transform:translateY(0)}
  72%{transform:translateY(-2px)}
  80%{transform:translateY(0)}
}

@keyframes thoughtSoftIn{
  from{opacity:0;transform:translateY(4px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* --- v2595_cat_life_moments --- */
/* V25.95 - getrennte Mini-Verhalten für Emma und Merlin ohne Positions-Neuaufbau. */
.catActor.act-run .catBody{
  animation:catRunBody .38s ease-in-out infinite!important;
}

.catActor.act-run .catHead{
  animation:catRunHead .46s ease-in-out infinite!important;
}

.catActor.act-run .tail{
  animation:catRunTail .34s ease-in-out infinite alternate!important;
}

.catActor.act-run .paw{
  animation:catRunPaws .28s ease-in-out infinite!important;
}

.catActor.act-run .paw.p2{
  animation-delay:-.14s!important;
}

.catActor.act-run .paw.p3{
  animation-delay:-.07s!important;
}

.catActor.act-hop .catBody,
.catActor.act-hop .catHead,
.catActor.act-hop .tail{
  animation:catHop .92s ease-in-out infinite!important;
}

.catActor.act-hop .catShadow{
  animation:catHopShadow .92s ease-in-out infinite!important;
}

.catActor.act-nap{
  animation-play-state:paused!important;
}

.catActor.act-nap .eye{
  height:4px!important;
  top:32px!important;
  border-radius:999px!important;
  background:#3f2714!important;
  box-shadow:none!important;
  animation:none!important;
}

.catActor.act-nap .catBody{
  animation:catSleepBreath 4.8s ease-in-out infinite!important;
}

.catActor.act-stretch .catBody{
  animation:catStretchBody 3.2s ease-in-out infinite!important;
}

.catActor.act-stretch .catHead{
  animation:catStretchHead 3.2s ease-in-out infinite!important;
}

.catActor.act-stretch .tail{
  animation:catStretchTail 3.2s ease-in-out infinite!important;
}

.catActor.act-groom .paw.p2{
  animation:catGroomPaw 1.05s ease-in-out infinite!important;
}

.catActor.act-groom .catHead{
  animation:catGroomHead 1.7s ease-in-out infinite!important;
}

.catActor.act-grumble .mouth{
  animation:catGrumbleMouth .55s ease-in-out infinite!important;
}

.catActor.act-grumble .tail{
  animation:catAnnoyedTail .42s ease-in-out infinite alternate!important;
}

.catActor.act-listen .ear.left,
.catActor.act-listen .ear.right{
  animation:catAlertEar .7s ease-in-out infinite!important;
}

.catActor.act-listen .catHead{
  animation:catListenHead 2.8s ease-in-out infinite!important;
}

.catActor.act-pounce .catBody,
.catActor.act-pounce .catHead{
  animation:catPounceReady 1.25s ease-in-out infinite!important;
}

.catActor.act-knead .paw.p1,
.catActor.act-knead .paw.p2{
  animation:catKnead .75s ease-in-out infinite!important;
}

.catActor.act-knead .paw.p2{
  animation-delay:-.36s!important;
}

.catActor.act-nap .thought{
  display:none!important;
}

.catActor.act-nap .catSelectBar{
  opacity:.82;
}

@keyframes catRunBody{
  0%,100%{transform:translateY(0) skewX(0deg)}
  50%{transform:translateY(-2px) skewX(-3deg)}
}

@keyframes catRunHead{
  0%,100%{transform:translate(0,0) rotate(0deg)}
  50%{transform:translate(3px,-1px) rotate(2deg)}
}

@keyframes catRunTail{
  from{transform:rotate(-4deg) translateY(0)}
  to{transform:rotate(18deg) translateY(-1px)}
}

@keyframes catRunPaws{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}

@keyframes catHop{
  0%,100%{transform:translateY(0)}
  42%{transform:translateY(-13px)}
  62%{transform:translateY(-2px)}
}

@keyframes catHopShadow{
  0%,100%{transform:scaleX(1);opacity:1}
  42%{transform:scaleX(.72);opacity:.62}
  62%{transform:scaleX(.92);opacity:.88}
}

@keyframes catStretchBody{
  0%,100%{transform:scaleX(1) translateY(0)}
  35%,70%{transform:scaleX(1.14) translateY(4px)}
}

@keyframes catStretchHead{
  0%,100%{transform:translate(0,0) rotate(0deg)}
  35%,70%{transform:translate(8px,7px) rotate(5deg)}
}

@keyframes catStretchTail{
  0%,100%{transform:rotate(-16deg)}
  35%,70%{transform:rotate(24deg) translateY(-4px)}
}

@keyframes catGroomPaw{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-14px) rotate(-16deg)}
}

@keyframes catGroomHead{
  0%,100%{transform:rotate(0deg)}
  45%{transform:rotate(-8deg) translateY(2px)}
}

@keyframes catGrumbleMouth{
  0%,100%{transform:scaleY(.8)}
  50%{transform:scaleY(1.65)}
}

@keyframes catAnnoyedTail{
  from{transform:rotate(-24deg)}
  to{transform:rotate(22deg)}
}

@keyframes catAlertEar{
  0%,100%{transform:rotate(0deg)}
  40%{transform:rotate(-11deg)}
  70%{transform:rotate(8deg)}
}

@keyframes catListenHead{
  0%,100%{transform:translate(0,0) rotate(0deg)}
  42%{transform:translate(2px,-1px) rotate(4deg)}
  72%{transform:translate(-2px,0) rotate(-3deg)}
}

@keyframes catPounceReady{
  0%,100%{transform:translateY(0) scaleX(1)}
  45%,70%{transform:translateY(6px) scaleX(1.08)}
}

@keyframes catKnead{
  0%,100%{transform:translateY(0) scaleY(1)}
  50%{transform:translateY(5px) scaleY(.82)}
}

/* --- v2597_plush_bkh_cats --- */
/* V25.97 - Plueschigere BKH-Blue Katzen mit runderen Koerpern und schoeneren Schwaenzen. */
.catActor{
  --fur-hi:#bcc6ce;
  --fur-mid:#7c8893;
  --fur-low:#53616c;
  --fur-dark:#3d4852;
  --fur-soft:rgba(238,244,248,.42);
  --cheek:rgba(224,232,237,.58);
  filter:drop-shadow(0 17px 18px rgba(42,24,11,.26))!important;
}

.catActor.merlin{
  --fur-hi:#aebac3;
  --fur-mid:#71808c;
  --fur-low:#4c5b67;
  --fur-dark:#36434d;
  --fur-soft:rgba(232,239,243,.34);
  --cheek:rgba(214,224,230,.52);
}

.catActor.emma{
  --fur-hi:#c5cdd3;
  --fur-mid:#818c96;
  --fur-low:#5a6670;
  --fur-dark:#444f58;
  --fur-soft:rgba(247,250,252,.43);
  --cheek:rgba(233,239,243,.60);
}

.catActor .catShadow{
  left:22px!important;
  bottom:7px!important;
  width:132px!important;
  height:27px!important;
  background:rgba(39,25,14,.25)!important;
  filter:blur(9px)!important;
}

.catActor .catBody{
  left:28px!important;
  bottom:25px!important;
  width:110px!important;
  height:62px!important;
  border-radius:72px 70px 46px 48px / 47px 48px 36px 36px!important;
  background:
    radial-gradient(circle at 28% 20%,var(--fur-soft) 0 21%,transparent 42%),
    radial-gradient(circle at 78% 72%,rgba(36,45,52,.20) 0 28%,transparent 58%),
    linear-gradient(145deg,var(--fur-hi) 0%,var(--fur-mid) 47%,var(--fur-low) 100%)!important;
  box-shadow:
    inset -13px -10px 17px rgba(22,29,34,.20),
    inset 9px 7px 13px rgba(255,255,255,.22),
    0 2px 0 rgba(255,255,255,.10)!important;
}

.catActor.merlin .catBody{
  width:104px!important;
  height:58px!important;
  border-radius:68px 68px 44px 45px / 44px 45px 34px 34px!important;
}

.catActor.emma .catBody{
  width:114px!important;
  height:64px!important;
}

.catActor .catBody:before{
  content:"";
  position:absolute;
  right:4px;
  bottom:7px;
  width:45px;
  height:42px;
  border-radius:50%;
  background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.18),rgba(255,255,255,0) 62%);
  opacity:.74;
  pointer-events:none;
}

.catActor .catBody:after{
  content:"";
  position:absolute;
  left:17px;
  top:10px;
  width:62px;
  height:15px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0));
  transform:rotate(-4deg);
  pointer-events:none;
}

.catActor .catBelly{
  left:45px!important;
  bottom:30px!important;
  width:47px!important;
  height:34px!important;
  border-radius:52% 48% 50% 48%!important;
  background:radial-gradient(circle at 40% 28%,rgba(255,255,255,.23),rgba(255,255,255,.06) 70%)!important;
}

.catActor .catHead{
  left:86px!important;
  bottom:57px!important;
  width:78px!important;
  height:70px!important;
  border-radius:49% 49% 55% 55% / 46% 46% 59% 59%!important;
  background:
    radial-gradient(circle at 28% 22%,var(--fur-soft) 0 20%,transparent 48%),
    linear-gradient(145deg,var(--fur-hi) 0%,var(--fur-mid) 47%,var(--fur-low) 100%)!important;
  box-shadow:
    inset -9px -8px 15px rgba(18,26,32,.19),
    inset 8px 7px 12px rgba(255,255,255,.22)!important;
}

.catActor.merlin .catHead{
  left:84px!important;
  bottom:55px!important;
  width:74px!important;
  height:67px!important;
}

.catActor.emma .catHead{
  width:80px!important;
  height:72px!important;
}

.catActor .catHead:before,
.catActor .catHead:after{
  bottom:11px!important;
  width:28px!important;
  height:20px!important;
  border-radius:50% 50% 46% 46%!important;
  background:
    radial-gradient(circle at 48% 38%,rgba(255,255,255,.24),transparent 58%),
    var(--cheek)!important;
}

.catActor .catHead:before{left:10px!important;}
.catActor .catHead:after{right:10px!important;}

.catActor .ear{
  top:-10px!important;
  width:24px!important;
  height:25px!important;
  border-radius:68% 68% 24% 24%!important;
  clip-path:polygon(50% 0,9% 100%,91% 100%)!important;
  background:linear-gradient(145deg,var(--fur-mid),var(--fur-dark))!important;
  box-shadow:inset 3px 2px 5px rgba(255,255,255,.16);
}

.catActor .ear.left{left:8px!important;}
.catActor .ear.right{right:8px!important;}

.catActor .ear:after{
  left:6px!important;
  top:8px!important;
  width:12px!important;
  height:11px!important;
  border-radius:50% 50% 12% 12%!important;
  background:#c79a9e!important;
  opacity:.62!important;
}

.catActor .eye{
  top:25px!important;
  width:15px!important;
  height:18px!important;
  background:
    radial-gradient(circle at 67% 26%,#fff 0 10%,transparent 11%),
    radial-gradient(ellipse at 49% 58%,#1d1308 0 26%,transparent 28%),
    radial-gradient(circle,#f0c35d 0 58%,#8e561d 60% 100%)!important;
  box-shadow:0 0 0 2px rgba(44,29,17,.20),0 1px 4px rgba(0,0,0,.16)!important;
}

.catActor .eye.left{left:19px!important;}
.catActor .eye.right{right:16px!important;}

.catActor .nose{
  left:34px!important;
  top:43px!important;
  width:10px!important;
  height:8px!important;
  border-radius:58% 58% 76% 76%!important;
  background:#57413a!important;
  box-shadow:0 1px 0 rgba(255,255,255,.16)!important;
}

.catActor .nose:after{
  content:"";
  position:absolute;
  left:4px;
  top:7px;
  width:2px;
  height:7px;
  border-radius:999px;
  background:rgba(79,55,45,.70);
}

.catActor .mouth{
  left:24px!important;
  top:50px!important;
  width:30px!important;
  height:13px!important;
  border-bottom:0!important;
  border-radius:0!important;
}

.catActor .mouth:before,
.catActor .mouth:after{
  content:"";
  position:absolute;
  top:-1px;
  width:13px;
  height:10px;
  border-bottom:2px solid rgba(82,55,42,.86);
  border-radius:0 0 14px 14px;
}

.catActor .mouth:before{
  left:4px;
  transform:rotate(9deg);
}

.catActor .mouth:after{
  right:4px;
  transform:rotate(-9deg);
}

.catActor .whiskers{
  left:3px!important;
  right:3px!important;
  top:47px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.72),transparent 43%,transparent 57%,rgba(255,255,255,.72))!important;
  opacity:.88!important;
}

.catActor .whiskers:before,
.catActor .whiskers:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:inherit;
  transform-origin:center;
}

.catActor .whiskers:before{top:-5px;transform:rotate(-7deg);}
.catActor .whiskers:after{top:5px;transform:rotate(7deg);}

.catActor .paw{
  bottom:16px!important;
  width:20px!important;
  height:23px!important;
  border-radius:13px 13px 10px 10px!important;
  background:linear-gradient(180deg,var(--fur-mid),var(--fur-low))!important;
  box-shadow:inset -3px -2px 5px rgba(0,0,0,.18),inset 2px 1px 3px rgba(255,255,255,.16)!important;
}

.catActor .paw:after{
  content:"";
  position:absolute;
  left:5px;
  bottom:3px;
  width:10px;
  height:4px;
  border-top:1px solid rgba(45,35,28,.28);
  border-radius:50%;
}

.catActor .paw.p1{left:48px!important;}
.catActor .paw.p2{left:72px!important;}
.catActor .paw.p3{left:96px!important;}

.catActor .tail{
  left:-1px!important;
  bottom:36px!important;
  width:86px!important;
  height:72px!important;
  border-radius:50%!important;
  background:transparent!important;
  border:14px solid var(--fur-mid)!important;
  border-right-color:transparent!important;
  border-top-color:var(--fur-hi)!important;
  border-bottom-color:var(--fur-low)!important;
  box-shadow:
    inset 3px 2px 0 rgba(255,255,255,.18),
    0 4px 7px rgba(24,18,13,.18)!important;
  transform-origin:80% 78%!important;
  transform:rotate(-22deg);
  animation:catTailPlush 5.2s ease-in-out infinite alternate!important;
  z-index:0;
}

.catActor .tail:before{
  content:"";
  position:absolute;
  left:-18px;
  top:-6px;
  width:30px;
  height:28px;
  border-radius:50%;
  background:
    radial-gradient(circle at 36% 28%,var(--fur-soft),transparent 47%),
    linear-gradient(145deg,var(--fur-hi),var(--fur-low));
  box-shadow:inset -4px -4px 7px rgba(23,30,35,.16);
}

.catActor .tail:after{
  content:"";
  position:absolute;
  left:9px;
  bottom:1px;
  width:44px;
  height:11px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.20),rgba(255,255,255,0));
  transform:rotate(16deg);
  opacity:.75;
}

.catActor.emma .tail{
  width:90px!important;
  height:75px!important;
  border-width:15px!important;
  bottom:34px!important;
  animation-name:catTailEmmaPlush!important;
  animation-duration:7.4s!important;
}

.catActor.merlin .tail{
  width:80px!important;
  height:68px!important;
  border-width:13px!important;
  bottom:38px!important;
  animation-name:catTailMerlinPlush!important;
  animation-duration:4.4s!important;
}

.catActor.act-hop .tail{
  animation:catHopTailPlush .92s ease-in-out infinite!important;
}

.catActor.act-stretch .tail{
  animation:catStretchTailPlush 3.2s ease-in-out infinite!important;
}

@keyframes catTailPlush{
  0%{transform:rotate(-25deg) translateY(1px)}
  42%{transform:rotate(-15deg) translateY(0)}
  76%{transform:rotate(-8deg) translateY(-1px)}
  100%{transform:rotate(-13deg) translateY(1px)}
}

@keyframes catTailEmmaPlush{
  0%{transform:rotate(-27deg) translateY(2px)}
  46%{transform:rotate(-19deg) translateY(0)}
  78%{transform:rotate(-12deg) translateY(-1px)}
  100%{transform:rotate(-17deg) translateY(1px)}
}

@keyframes catTailMerlinPlush{
  0%{transform:rotate(-23deg) translateY(0)}
  35%{transform:rotate(-9deg) translateY(-2px)}
  70%{transform:rotate(1deg) translateY(-2px)}
  100%{transform:rotate(-7deg) translateY(0)}
}

@keyframes catSleepTail{
  0%{transform:rotate(-25deg) translateY(2px)}
  100%{transform:rotate(-18deg) translateY(4px)}
}

@keyframes catRunTail{
  from{transform:rotate(-3deg) translateY(-1px)}
  to{transform:rotate(23deg) translateY(-4px)}
}

@keyframes catAnnoyedTail{
  from{transform:rotate(-31deg) translateY(0)}
  to{transform:rotate(16deg) translateY(-2px)}
}

@keyframes catHopTailPlush{
  0%,100%{transform:rotate(-22deg) translateY(0)}
  42%{transform:rotate(-10deg) translateY(-12px)}
  62%{transform:rotate(-17deg) translateY(-2px)}
}

@keyframes catStretchTailPlush{
  0%,100%{transform:rotate(-25deg) translateY(0)}
  35%,70%{transform:rotate(13deg) translateY(-6px)}
}

@media(max-width:820px){
  .catActor .catShadow{
    left:18px!important;
    bottom:5px!important;
    width:98px!important;
    height:21px!important;
  }

  .catActor .catBody{
    left:21px!important;
    bottom:19px!important;
    width:84px!important;
    height:49px!important;
  }

  .catActor.merlin .catBody{width:80px!important;height:46px!important;}
  .catActor.emma .catBody{width:87px!important;height:50px!important;}

  .catActor .catBelly{
    left:34px!important;
    bottom:23px!important;
    width:36px!important;
    height:26px!important;
  }

  .catActor .catHead{
    left:68px!important;
    bottom:44px!important;
    width:61px!important;
    height:56px!important;
  }

  .catActor.merlin .catHead{
    left:67px!important;
    bottom:43px!important;
    width:58px!important;
    height:53px!important;
  }

  .catActor.emma .catHead{width:62px!important;height:57px!important;}

  .catActor .tail{
    left:-3px!important;
    bottom:28px!important;
    width:64px!important;
    height:55px!important;
    border-width:11px!important;
  }

  .catActor.emma .tail{
    width:68px!important;
    height:57px!important;
    border-width:12px!important;
    bottom:27px!important;
  }

  .catActor.merlin .tail{
    width:60px!important;
    height:52px!important;
    border-width:10px!important;
    bottom:30px!important;
  }

  .catActor .tail:before{
    left:-14px;
    top:-5px;
    width:24px;
    height:22px;
  }

  .catActor .paw{
    bottom:11px!important;
    width:16px!important;
    height:19px!important;
  }

  .catActor .paw.p1{left:38px!important;}
  .catActor .paw.p2{left:57px!important;}
  .catActor .paw.p3{left:76px!important;}
}

@media(max-width:560px){
  .catActor .catShadow{
    left:13px!important;
    bottom:4px!important;
    width:76px!important;
    height:16px!important;
  }

  .catActor .catBody{
    left:16px!important;
    bottom:14px!important;
    width:69px!important;
    height:40px!important;
  }

  .catActor.merlin .catBody{width:66px!important;height:38px!important;}
  .catActor.emma .catBody{width:72px!important;height:41px!important;}

  .catActor .catBelly{
    left:27px!important;
    bottom:18px!important;
    width:30px!important;
    height:21px!important;
  }

  .catActor .catHead{
    left:56px!important;
    bottom:39px!important;
    width:50px!important;
    height:47px!important;
  }

  .catActor.merlin .catHead{
    left:55px!important;
    bottom:38px!important;
    width:48px!important;
    height:45px!important;
  }

  .catActor.emma .catHead{width:51px!important;height:48px!important;}

  .catActor .catHead:before,
  .catActor .catHead:after{
    bottom:9px!important;
    width:18px!important;
    height:13px!important;
  }

  .catActor .catHead:before{left:8px!important;}
  .catActor .catHead:after{right:8px!important;}

  .catActor .ear{
    top:-7px!important;
    width:16px!important;
    height:18px!important;
  }

  .catActor .ear.left{left:6px!important;}
  .catActor .ear.right{right:6px!important;}
  .catActor .ear:after{left:4px!important;top:6px!important;width:8px!important;height:8px!important;}

  .catActor .eye{
    top:17px!important;
    width:10px!important;
    height:12px!important;
  }

  .catActor .eye.left{left:12px!important;}
  .catActor .eye.right{right:11px!important;}

  .catActor .nose{
    left:21px!important;
    top:30px!important;
    width:8px!important;
    height:6px!important;
  }

  .catActor .mouth{
    left:14px!important;
    top:35px!important;
    width:22px!important;
    height:10px!important;
  }

  .catActor .mouth:before,
  .catActor .mouth:after{
    width:10px;
    height:8px;
    border-bottom-width:2px;
  }

  .catActor .whiskers{
    top:33px!important;
    left:2px!important;
    right:2px!important;
  }

  .catActor .tail{
    left:-5px!important;
    bottom:21px!important;
    width:50px!important;
    height:43px!important;
    border-width:9px!important;
  }

  .catActor.emma .tail{
    width:53px!important;
    height:45px!important;
    border-width:9px!important;
    bottom:20px!important;
  }

  .catActor.merlin .tail{
    width:47px!important;
    height:41px!important;
    border-width:8px!important;
    bottom:22px!important;
  }

  .catActor .tail:before{
    left:-11px;
    top:-4px;
    width:19px;
    height:18px;
  }

  .catActor .tail:after{
    left:5px;
    width:28px;
    height:8px;
  }

  .catActor .paw{
    bottom:8px!important;
    width:13px!important;
    height:16px!important;
  }

  .catActor .paw.p1{left:31px!important;}
  .catActor .paw.p2{left:47px!important;}
  .catActor .paw.p3{left:63px!important;}
}

/* --- v2598_bkh_tail_ears_refine --- */
/* V25.98 - Keine Kugel am Schwanz, kleinere runde BKH-Ohren. */
.catActor .catHead{
  border-radius:52% 52% 59% 59% / 45% 45% 62% 62%!important;
}

.catActor .ear{
  top:-7px!important;
  width:21px!important;
  height:20px!important;
  clip-path:none!important;
  border-radius:56% 56% 40% 40% / 65% 65% 35% 35%!important;
  background:
    radial-gradient(circle at 42% 24%,rgba(255,255,255,.18),transparent 42%),
    linear-gradient(145deg,var(--fur-mid),var(--fur-dark))!important;
  box-shadow:inset 3px 2px 5px rgba(255,255,255,.15),inset -3px -3px 5px rgba(30,38,44,.16)!important;
  transform-origin:50% 92%!important;
}

.catActor .ear.left{
  left:10px!important;
  transform:rotate(-12deg);
  animation:catBkhEarTwitchLeft 13s ease-in-out infinite!important;
}

.catActor .ear.right{
  right:10px!important;
  transform:rotate(12deg);
  animation:catBkhEarTwitchRight 16s ease-in-out infinite!important;
  animation-delay:-5s!important;
}

.catActor .ear:after{
  left:5px!important;
  top:7px!important;
  width:11px!important;
  height:9px!important;
  clip-path:none!important;
  border-radius:55% 55% 36% 36%!important;
  background:rgba(197,151,154,.66)!important;
}

.catActor.act-listen .ear.left{
  animation:catBkhEarAlertLeft .72s ease-in-out infinite!important;
}

.catActor.act-listen .ear.right{
  animation:catBkhEarAlertRight .72s ease-in-out infinite!important;
}

.catActor .tail{
  left:2px!important;
  bottom:39px!important;
  width:84px!important;
  height:60px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform-origin:82% 76%!important;
  animation:catBkhTailSoft 5.4s ease-in-out infinite alternate!important;
}

.catActor .tail:before{
  content:none!important;
  display:none!important;
}

.catActor .tail:after{
  content:"" !important;
  position:absolute!important;
  left:0!important;
  top:8px!important;
  right:auto!important;
  bottom:auto!important;
  width:73px!important;
  height:44px!important;
  border:0!important;
  border-top:13px solid var(--fur-mid)!important;
  border-left:15px solid var(--fur-low)!important;
  border-bottom:10px solid var(--fur-dark)!important;
  border-radius:76% 0 0 76% / 70% 0 0 70%!important;
  background:transparent!important;
  box-shadow:-2px 4px 5px rgba(25,18,13,.17)!important;
  opacity:1!important;
  transform:rotate(-10deg)!important;
}

.catActor.emma .tail{
  width:88px!important;
  height:62px!important;
  bottom:38px!important;
  animation:catBkhTailEmma 7.2s ease-in-out infinite alternate!important;
}

.catActor.emma .tail:after{
  width:76px!important;
  height:46px!important;
  border-top-width:14px!important;
  border-left-width:16px!important;
  border-bottom-width:11px!important;
}

.catActor.merlin .tail{
  width:79px!important;
  height:58px!important;
  bottom:40px!important;
  animation:catBkhTailMerlin 4.6s ease-in-out infinite alternate!important;
}

.catActor.merlin .tail:after{
  width:68px!important;
  height:41px!important;
  border-top-width:12px!important;
  border-left-width:14px!important;
  border-bottom-width:9px!important;
}

.catActor.sleep .tail,
.catActor.act-nap .tail{
  animation:catBkhTailSleep 7s ease-in-out infinite alternate!important;
}

.catActor.act-run .tail{
  animation:catBkhTailRun .34s ease-in-out infinite alternate!important;
}

.catActor.act-hop .tail{
  animation:catBkhTailHop .92s ease-in-out infinite!important;
}

.catActor.act-stretch .tail{
  animation:catBkhTailStretch 3.2s ease-in-out infinite!important;
}

.catActor.act-grumble .tail{
  animation:catBkhTailAnnoyed .42s ease-in-out infinite alternate!important;
}

@keyframes catBkhEarTwitchLeft{
  0%,88%,100%{transform:rotate(-12deg)}
  90%{transform:rotate(-22deg)}
  93%{transform:rotate(-4deg)}
  96%{transform:rotate(-12deg)}
}

@keyframes catBkhEarTwitchRight{
  0%,88%,100%{transform:rotate(12deg)}
  90%{transform:rotate(22deg)}
  93%{transform:rotate(4deg)}
  96%{transform:rotate(12deg)}
}

@keyframes catBkhEarAlertLeft{
  0%,100%{transform:rotate(-12deg)}
  45%{transform:rotate(-25deg)}
  72%{transform:rotate(-3deg)}
}

@keyframes catBkhEarAlertRight{
  0%,100%{transform:rotate(12deg)}
  45%{transform:rotate(25deg)}
  72%{transform:rotate(3deg)}
}

@keyframes catBkhTailSoft{
  0%{transform:rotate(-21deg) translateY(1px)}
  42%{transform:rotate(-14deg) translateY(0)}
  76%{transform:rotate(-8deg) translateY(-1px)}
  100%{transform:rotate(-13deg) translateY(1px)}
}

@keyframes catBkhTailEmma{
  0%{transform:rotate(-23deg) translateY(2px)}
  48%{transform:rotate(-17deg) translateY(0)}
  82%{transform:rotate(-11deg) translateY(-1px)}
  100%{transform:rotate(-16deg) translateY(1px)}
}

@keyframes catBkhTailMerlin{
  0%{transform:rotate(-20deg) translateY(0)}
  38%{transform:rotate(-8deg) translateY(-2px)}
  74%{transform:rotate(-2deg) translateY(-2px)}
  100%{transform:rotate(-8deg) translateY(0)}
}

@keyframes catBkhTailSleep{
  0%{transform:rotate(-22deg) translateY(2px)}
  100%{transform:rotate(-17deg) translateY(4px)}
}

@keyframes catBkhTailRun{
  from{transform:rotate(-3deg) translateY(-1px)}
  to{transform:rotate(19deg) translateY(-4px)}
}

@keyframes catBkhTailHop{
  0%,100%{transform:rotate(-20deg) translateY(0)}
  42%{transform:rotate(-9deg) translateY(-12px)}
  62%{transform:rotate(-15deg) translateY(-2px)}
}

@keyframes catBkhTailStretch{
  0%,100%{transform:rotate(-22deg) translateY(0)}
  35%,70%{transform:rotate(9deg) translateY(-6px)}
}

@keyframes catBkhTailAnnoyed{
  from{transform:rotate(-29deg) translateY(0)}
  to{transform:rotate(12deg) translateY(-2px)}
}

@media(max-width:820px){
  .catActor .ear{
    top:-6px!important;
    width:17px!important;
    height:16px!important;
  }

  .catActor .ear.left{left:8px!important;}
  .catActor .ear.right{right:8px!important;}

  .catActor .ear:after{
    left:4px!important;
    top:6px!important;
    width:9px!important;
    height:7px!important;
  }

  .catActor .tail{
    left:0!important;
    bottom:30px!important;
    width:64px!important;
    height:48px!important;
  }

  .catActor .tail:after{
    width:56px!important;
    height:35px!important;
    border-top-width:10px!important;
    border-left-width:12px!important;
    border-bottom-width:8px!important;
  }

  .catActor.emma .tail{
    width:67px!important;
    height:50px!important;
    bottom:29px!important;
  }

  .catActor.emma .tail:after{
    width:59px!important;
    height:37px!important;
    border-top-width:11px!important;
    border-left-width:13px!important;
    border-bottom-width:9px!important;
  }

  .catActor.merlin .tail{
    width:60px!important;
    height:46px!important;
    bottom:31px!important;
  }

  .catActor.merlin .tail:after{
    width:52px!important;
    height:33px!important;
    border-top-width:10px!important;
    border-left-width:11px!important;
    border-bottom-width:8px!important;
  }
}

@media(max-width:560px){
  .catActor .ear{
    top:-5px!important;
    width:14px!important;
    height:13px!important;
  }

  .catActor .ear.left{left:7px!important;}
  .catActor .ear.right{right:7px!important;}

  .catActor .ear:after{
    left:3px!important;
    top:5px!important;
    width:8px!important;
    height:6px!important;
  }

  .catActor .tail{
    left:-2px!important;
    bottom:23px!important;
    width:51px!important;
    height:39px!important;
  }

  .catActor .tail:after{
    width:44px!important;
    height:28px!important;
    border-top-width:8px!important;
    border-left-width:10px!important;
    border-bottom-width:7px!important;
  }

  .catActor.emma .tail{
    width:53px!important;
    height:40px!important;
    bottom:22px!important;
  }

  .catActor.emma .tail:after{
    width:46px!important;
    height:29px!important;
    border-top-width:9px!important;
    border-left-width:10px!important;
    border-bottom-width:7px!important;
  }

  .catActor.merlin .tail{
    width:48px!important;
    height:37px!important;
    bottom:24px!important;
  }

  .catActor.merlin .tail:after{
    width:42px!important;
    height:27px!important;
    border-top-width:8px!important;
    border-left-width:9px!important;
    border-bottom-width:6px!important;
  }
}

/* --- v2600_living_room --- */
/* V26.00/V26.08 - lebendigeres Zimmer, groessere Besucher, sichtbare Ausbauten und Katzen-Richtungswechsel. */
.catSprite{
  position:absolute;
  inset:0;
  transform-origin:50% 100%;
  transition:transform .42s ease;
}

.catActor.face-left .catSprite{
  transform:scaleX(-1);
}

.catActor.face-right .catSprite{
  transform:scaleX(1);
}

.catActor.face-left .thought{
  transform:none!important;
}

.roomUpgrade{
  position:absolute;
  z-index:5;
  pointer-events:none;
  filter:drop-shadow(0 12px 14px rgba(54,31,14,.16));
}

.roomUpgrade.playRug{
  left:35%;
  bottom:8%;
  width:260px;
  height:92px;
  border-radius:50%;
  background:radial-gradient(circle at 40% 34%,rgba(255,255,255,.28),transparent 40%),linear-gradient(135deg,#8ca77f,#557c6b);
  opacity:.82;
  z-index:2;
}

.roomUpgrade.scratchTree{
  right:8%;
  bottom:17%;
  width:122px;
  height:205px;
  z-index:4;
}

.roomUpgrade.scratchTree:before{
  content:"";
  position:absolute;
  left:49px;
  bottom:18px;
  width:26px;
  height:132px;
  border-radius:18px;
  background:repeating-linear-gradient(180deg,#b99156 0 9px,#9a7244 10px 18px);
  box-shadow:inset -4px 0 8px rgba(79,48,21,.18);
}

.roomUpgrade.scratchTree:after{
  content:"";
  position:absolute;
  left:12px;
  bottom:0;
  width:96px;
  height:28px;
  border-radius:50%;
  background:#8b6338;
  box-shadow:0 -82px 0 13px #d6b16e,36px -139px 0 10px #caa15e;
}

.roomUpgrade.cozyBed{
  left:11%;
  bottom:8%;
  width:178px;
  height:80px;
  border-radius:46px 46px 35px 35px;
  background:linear-gradient(180deg,#f4d7a5,#d79b63);
  box-shadow:inset 0 10px 0 rgba(255,255,255,.26),inset 0 -10px 16px rgba(119,70,30,.16);
}

.roomUpgrade.cozyBed:after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  top:18px;
  height:34px;
  border-radius:999px;
  background:rgba(255,246,225,.72);
}

.roomUpgrade.toyBox{
  left:62%;
  bottom:9%;
  width:130px;
  height:80px;
  border-radius:12px;
  background:linear-gradient(180deg,#d9974c,#9b5a2f);
  box-shadow:inset 0 8px 0 rgba(255,224,170,.25);
}

.roomUpgrade.toyBox:before{
  content:"";
  position:absolute;
  left:18px;
  top:-22px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#6b91c8;
  box-shadow:46px 4px 0 #d86a7b,78px -2px 0 #e8c35a;
}

.roomUpgrade.windowCushion{
  left:44%;
  top:18%;
  width:160px;
  height:42px;
  border-radius:999px;
  background:linear-gradient(180deg,#fff2ce,#d8a95f);
  box-shadow:inset 0 5px 0 rgba(255,255,255,.34),0 8px 15px rgba(65,38,16,.13);
}

.roomUpgrade.fountain{
  right:25%;
  bottom:10%;
  width:106px;
  height:90px;
  border-radius:50% 50% 36% 36%;
  background:linear-gradient(180deg,#c7dae6,#6d97aa);
}

.roomUpgrade.fountain:before{
  content:"";
  position:absolute;
  left:36px;
  top:-32px;
  width:33px;
  height:58px;
  border-radius:50%;
  border-left:8px solid rgba(178,224,238,.85);
  border-right:8px solid rgba(178,224,238,.55);
}

.roomUpgrade.fountain:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  height:18px;
  border-radius:50%;
  background:rgba(219,247,255,.72);
}

.visitorActor{
  width:178px!important;
  height:206px!important;
  z-index:8!important;
  animation-duration:38s!important;
  animation-timing-function:cubic-bezier(.45,0,.28,1)!important;
}

.visitorActor.v1{left:5%!important;bottom:8%!important;animation-name:visitorRoomPath1!important;}
.visitorActor.v2{left:70%!important;bottom:11%!important;animation-name:visitorRoomPath2!important;animation-delay:-7s!important;}
.visitorActor.v3{left:23%!important;bottom:28%!important;animation-name:visitorRoomPath3!important;animation-delay:-13s!important;}
.visitorActor.v4{left:58%!important;bottom:29%!important;animation-name:visitorRoomPath4!important;animation-delay:-19s!important;}
.visitorActor.v5{left:12%!important;bottom:45%!important;animation-name:visitorRoomPath5!important;animation-delay:-25s!important;}
.visitorActor.v6{left:75%!important;bottom:43%!important;animation-name:visitorRoomPath6!important;animation-delay:-31s!important;}

.visitorPod{
  width:146px!important;
  height:156px!important;
  left:12px!important;
  bottom:18px!important;
  border-radius:22px!important;
}

.visitorPhoto{
  left:24px!important;
  top:11px!important;
  width:98px!important;
  height:98px!important;
  border-width:3px!important;
}

.visitorName{
  top:116px!important;
  font-size:14px!important;
}

.visitorPod:after{
  bottom:9px!important;
  font-size:11px!important;
}

.visitorBubble{
  left:88px!important;
  bottom:174px!important;
  font-size:11px!important;
  max-width:92px;
  overflow:hidden;
  text-overflow:ellipsis;
}

@keyframes catMerlinRoam{
  0%,8%,100%{transform:translate(0,0) rotate(0deg)}
  16%{transform:translate(18vw,-3vw) rotate(-.5deg)}
  28%{transform:translate(46vw,-8vw) rotate(.4deg)}
  40%{transform:translate(57vw,3vw) rotate(-.4deg)}
  55%{transform:translate(34vw,8vw) rotate(.3deg)}
  70%{transform:translate(9vw,5vw) rotate(-.4deg)}
  84%{transform:translate(24vw,-2vw) rotate(.2deg)}
}

@keyframes catEmmaRoam{
  0%,10%,100%{transform:translate(0,0) rotate(0deg)}
  18%{transform:translate(-13vw,3vw) rotate(.2deg)}
  34%{transform:translate(-37vw,-4vw) rotate(-.3deg)}
  50%{transform:translate(-47vw,5vw) rotate(.3deg)}
  66%{transform:translate(-22vw,9vw) rotate(-.2deg)}
  82%{transform:translate(-6vw,-2vw) rotate(.2deg)}
}

@keyframes visitorRoomPath1{
  0%,100%{transform:translate(0,0)}
  22%{transform:translate(42vw,-5vw)}
  44%{transform:translate(63vw,12vw)}
  66%{transform:translate(28vw,22vw)}
  82%{transform:translate(8vw,7vw)}
}

@keyframes visitorRoomPath2{
  0%,100%{transform:translate(0,0)}
  22%{transform:translate(-38vw,11vw)}
  44%{transform:translate(-61vw,-4vw)}
  66%{transform:translate(-30vw,24vw)}
  82%{transform:translate(-8vw,4vw)}
}

@keyframes visitorRoomPath3{
  0%,100%{transform:translate(0,0)}
  25%{transform:translate(48vw,6vw)}
  52%{transform:translate(28vw,25vw)}
  78%{transform:translate(-12vw,14vw)}
}

@keyframes visitorRoomPath4{
  0%,100%{transform:translate(0,0)}
  24%{transform:translate(-45vw,4vw)}
  49%{transform:translate(-20vw,25vw)}
  74%{transform:translate(14vw,10vw)}
}

@keyframes visitorRoomPath5{
  0%,100%{transform:translate(0,0)}
  30%{transform:translate(56vw,2vw)}
  60%{transform:translate(33vw,28vw)}
  84%{transform:translate(4vw,19vw)}
}

@keyframes visitorRoomPath6{
  0%,100%{transform:translate(0,0)}
  28%{transform:translate(-54vw,5vw)}
  58%{transform:translate(-30vw,26vw)}
  84%{transform:translate(-6vw,15vw)}
}

@media(max-width:820px){
  .visitorActor{width:132px!important;height:156px!important;}
  .visitorPod{width:110px!important;height:118px!important;}
  .visitorPhoto{left:20px!important;top:9px!important;width:70px!important;height:70px!important;}
  .visitorName{top:84px!important;font-size:11px!important;}
  .visitorBubble{left:58px!important;bottom:126px!important;font-size:10px!important;max-width:70px;}
  .roomUpgrade.playRug{width:190px;height:68px;left:28%;bottom:8%;}
  .roomUpgrade.scratchTree{right:4%;bottom:18%;transform:scale(.72);transform-origin:right bottom;}
  .roomUpgrade.cozyBed{left:6%;bottom:8%;transform:scale(.76);transform-origin:left bottom;}
  .roomUpgrade.toyBox{left:58%;bottom:8%;transform:scale(.72);transform-origin:left bottom;}
  .roomUpgrade.windowCushion{left:42%;top:22%;transform:scale(.72);transform-origin:left top;}
  .roomUpgrade.fountain{right:20%;bottom:9%;transform:scale(.72);transform-origin:right bottom;}
}

@media(max-width:560px){
  .visitorActor{width:104px!important;height:126px!important;}
  .visitorPod{width:86px!important;height:94px!important;left:6px!important;}
  .visitorPhoto{left:16px!important;width:54px!important;height:54px!important;}
  .visitorName{top:67px!important;font-size:10px!important;}
  .visitorBubble{left:42px!important;bottom:99px!important;max-width:58px;}
  .roomUpgrade.playRug{width:142px;height:52px;left:31%;bottom:8%;}
  .roomUpgrade.scratchTree{transform:scale(.52);}
  .roomUpgrade.cozyBed{transform:scale(.55);}
  .roomUpgrade.toyBox{transform:scale(.55);}
  .roomUpgrade.windowCushion{transform:scale(.55);top:24%;}
  .roomUpgrade.fountain{transform:scale(.54);}
}

/* --- v2608_comfort_admin_mobile --- */
/* V26.08 - kompakte Bedienung, Adminwerkzeuge, Galerie-Zoom und verschiebbare Zimmerausstattung. */
button:disabled,
.miniBtn:disabled,
.plainBtn:disabled,
.solidBtn:disabled{
  filter:grayscale(.9) opacity(.48)!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}

.closeX{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:linear-gradient(180deg,#f2776b,#c8362f)!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:0 8px 16px rgba(122,37,24,.24)!important;
}

.roomUpgrade{
  pointer-events:auto!important;
  cursor:grab!important;
  touch-action:none;
  transform-origin:center center!important;
}
.roomUpgrade.dragging{
  cursor:grabbing!important;
  z-index:18!important;
  filter:drop-shadow(0 18px 22px rgba(54,31,14,.28));
}
.moveHandle{
  position:absolute;
  right:-8px;
  top:-8px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:linear-gradient(180deg,#fff7e8,#e2b45d);
  border:2px solid rgba(115,67,25,.22);
  box-shadow:0 5px 10px rgba(71,39,12,.14);
}
.moveHandle:before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:50%;
  background:#8a6235;
}

.visitorActor{
  pointer-events:auto!important;
  cursor:pointer!important;
}
.visitorActor:hover .visitorPod{
  box-shadow:0 12px 24px rgba(72,40,14,.20)!important;
}

.photoCard img{
  cursor:zoom-in;
}
.photoLightbox{
  position:fixed;
  inset:0;
  z-index:160;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(40,23,10,.72);
}
.photoLightbox.open{display:flex}
.photoLightbox figure{
  position:relative;
  margin:0;
  max-width:min(900px,94vw);
  max-height:86vh;
  display:grid;
  gap:10px;
}
.photoLightbox img{
  max-width:100%;
  max-height:78vh;
  object-fit:contain;
  border-radius:18px;
  background:#fff7ea;
  box-shadow:0 22px 70px rgba(0,0,0,.35);
}
.photoLightbox figcaption{
  color:#fff8ec;
  text-align:center;
  font-weight:1000;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}
.lightboxClose{
  position:absolute;
  right:18px;
  top:18px;
  z-index:2;
}

.taskSections{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.taskSections section{
  background:#fff9ef;
  border:1px solid rgba(186,126,47,.18);
  border-radius:18px;
  padding:14px;
}
.taskSections h4{
  margin:0 0 10px;
  font-size:16px;
}
.taskGrid{
  display:grid;
  gap:8px;
  margin-bottom:12px;
}
.taskCard{
  border:1px solid rgba(186,126,47,.14);
  border-radius:14px;
  padding:10px;
  background:rgba(255,252,246,.76);
}
.taskCard.done{
  background:linear-gradient(180deg,#f5ffe9,#ebf7db);
  border-color:rgba(87,142,63,.26);
}
.taskCard .barRow{
  grid-template-columns:1fr 34px;
  margin-top:7px;
}
.taskCard .barRow>span:first-child{display:none}

.adminPanel{
  display:grid;
  gap:12px;
}
.adminStats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.adminStats>div{
  min-height:62px;
  padding:10px 12px;
  border:1px solid rgba(154,101,40,.18);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(250,229,191,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 7px 16px rgba(73,40,13,.08);
}
.adminStats span,
.adminMetrics small,
.adminGuestFacts small{
  display:block;
  color:#8a6543;
  font-size:10px;
  font-weight:900;
  line-height:1.15;
}
.adminStats b{
  display:block;
  margin-top:3px;
  color:#4b2b18;
  font-size:21px;
  line-height:1;
}
.adminGuestRow{
  display:grid;
  grid-template-columns:minmax(230px,.9fr) minmax(320px,1.35fr) auto;
  gap:12px;
  align-items:center;
  padding:11px 12px;
  border:1px solid rgba(109,148,70,.28);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(247,255,237,.9),rgba(225,242,199,.7));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 9px 20px rgba(57,83,34,.09);
}
.adminGuestRow.missing{
  grid-template-columns:1fr;
  color:#9d3d36;
}
.adminGuestIdentity,
.adminIdentity{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.adminGuestIdentity strong,
.adminIdentity strong{
  display:block;
  overflow:hidden;
  color:#4b2b18;
  font-size:15px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.adminGuestIdentity small{
  display:block;
  margin-top:3px;
  color:#6d7652;
  font-size:10px;
  font-weight:800;
  line-height:1.25;
}
.adminAvatar{
  display:grid;
  flex:0 0 38px;
  width:38px;
  height:38px;
  place-items:center;
  border:2px solid rgba(255,255,255,.86);
  border-radius:13px;
  background:linear-gradient(145deg,#f6c35c,#cc7920);
  color:#fff;
  font-size:16px;
  font-weight:1000;
  box-shadow:0 6px 13px rgba(82,43,13,.17);
}
.adminAvatar.admin{background:linear-gradient(145deg,#ef8582,#c44745)}
.adminAvatar.guest{background:linear-gradient(145deg,#a8c77d,#61904e)}
.adminGuestFacts,
.adminMetrics{
  display:grid;
  gap:6px;
}
.adminGuestFacts{grid-template-columns:repeat(3,minmax(0,1fr))}
.adminMetrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.adminGuestFacts>span,
.adminMetrics>span{
  min-width:0;
  padding:7px 8px;
  border:1px solid rgba(143,96,42,.12);
  border-radius:11px;
  background:rgba(255,255,255,.58);
}
.adminGuestFacts b,
.adminMetrics b{
  display:block;
  overflow:hidden;
  margin-top:2px;
  color:#4b2b18;
  font-size:12px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.adminListHead{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  padding:2px 2px 0;
}
.adminListHead>div>strong{
  display:block;
  color:#4b2b18;
  font-size:16px;
}
.adminListHead>div>span{
  color:#8a6543;
  font-size:10px;
  font-weight:900;
}
.adminSearch{
  display:grid;
  gap:3px;
  width:min(250px,42%);
}
.adminSearch span{
  color:#8a6543;
  font-size:10px;
  font-weight:900;
}
.adminSearch input{
  width:100%;
  min-height:36px;
  padding:7px 11px;
  border:1px solid rgba(144,94,37,.2);
  border-radius:12px;
  outline:none;
  background:rgba(255,255,255,.76);
  color:#4b2b18;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  box-shadow:inset 0 1px 2px rgba(64,34,12,.06);
}
.adminSearch input:focus{
  border-color:rgba(211,140,45,.58);
  box-shadow:0 0 0 3px rgba(238,170,66,.16);
}
.adminGrid{
  display:grid;
  gap:8px;
}
.adminUser{
  overflow:hidden;
  border:1px solid rgba(153,101,43,.18);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(249,232,204,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 19px rgba(68,38,15,.08);
}
.adminUser[hidden]{display:none}
.adminUserMain{
  display:grid;
  grid-template-columns:minmax(155px,.8fr) minmax(310px,1.45fr) minmax(260px,1fr);
  gap:10px;
  align-items:center;
  padding:10px;
}
.rolePill{
  display:inline-flex;
  margin-top:4px;
  padding:3px 7px;
  border-radius:999px;
  background:#efe4d2;
  color:#6e4a29;
  font-size:9px;
  font-weight:1000;
}
.rolePill.admin{background:#f8d4d1;color:#9d3732}
.rolePill.guest{background:#dfe8d7;color:#4f7244}
.adminQuickActions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}
.adminMoreActions{
  display:grid;
  grid-template-columns:auto repeat(5,minmax(92px,1fr));
  gap:6px;
  align-items:center;
  padding:8px 10px 10px;
  border-top:1px solid rgba(144,94,37,.12);
  background:rgba(255,248,237,.48);
}
.adminMoreActions[hidden],
.adminInspector[hidden]{display:none}
.adminMoreActions>span{
  padding-right:4px;
  color:#8a6543;
  font-size:10px;
  font-weight:1000;
}
.adminButton{
  position:relative;
  width:auto;
  min-width:0;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(139,91,36,.2);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(244,220,180,.88));
  color:#52331d;
  font-family:inherit;
  font-size:11px;
  font-weight:1000;
  line-height:1.15;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 5px 11px rgba(72,39,13,.09);
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
}
.adminButton:hover,
.adminButton:focus-visible{
  filter:saturate(1.08) brightness(1.02);
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 15px rgba(72,39,13,.14);
}
.adminButton:active,
.adminButton.active{
  transform:translateY(1px);
  box-shadow:inset 0 2px 4px rgba(74,39,12,.16),0 2px 5px rgba(72,39,13,.08);
}
.adminButton:disabled{
  cursor:wait;
  filter:grayscale(.18);
  opacity:.66;
}
.adminButtonPrimary{background:linear-gradient(180deg,#ffd16a,#e89b29);color:#513014}
.adminButtonCoin{background:linear-gradient(180deg,#bce18c,#79b85c);color:#28461f}
.adminButtonWarn{background:linear-gradient(180deg,#ffd68e,#eea447);color:#603713}
.adminButtonDanger{background:linear-gradient(180deg,#f29b92,#d65b56);color:#fff}
.adminGuestReset{min-width:142px}
.adminInspector{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid rgba(93,137,170,.24);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(245,252,255,.9),rgba(219,238,246,.7));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 22px rgba(38,72,91,.09);
}
.adminInspectorHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.adminInspectorHead strong{
  display:block;
  color:#3f2a1b;
  font-size:15px;
}
.adminInspectorHead small{
  display:block;
  margin-top:3px;
  color:#74604e;
  font-size:10px;
  font-weight:800;
}
.adminInspectorLoading,
.adminEmpty{
  padding:14px;
  border-radius:13px;
  background:rgba(255,255,255,.58);
  color:#765a42;
  font-size:12px;
  font-weight:900;
  text-align:center;
}
.adminCatGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.adminCatCard{
  padding:10px;
  border:1px solid rgba(95,128,149,.15);
  border-radius:13px;
  background:rgba(255,255,255,.58);
}
.adminCatCard .bars{margin-top:8px}

@media(max-width:900px){
  .taskSections{grid-template-columns:1fr}
  .adminStats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adminGuestRow{grid-template-columns:1fr auto}
  .adminGuestFacts{grid-column:1/-1;grid-row:2}
  .adminUserMain{grid-template-columns:minmax(150px,.8fr) minmax(290px,1.4fr)}
  .adminQuickActions{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
  .adminMoreActions{grid-template-columns:repeat(3,minmax(0,1fr))}
  .adminMoreActions>span{grid-column:1/-1}
  .drawer{bottom:74px!important;max-height:74vh!important}
}
@media(max-width:560px){
  body{padding-bottom:82px!important}
  .drawer{width:calc(100% - 10px)!important;bottom:62px!important;padding:10px!important;border-radius:18px!important}
  .closeX{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;font-size:28px!important}
  .adminStats{grid-template-columns:1fr 1fr}
  .adminGuestRow{grid-template-columns:1fr;padding:10px}
  .adminGuestFacts{grid-column:auto;grid-row:auto;grid-template-columns:1fr 1fr}
  .adminGuestFacts>span:last-child{grid-column:1/-1}
  .adminGuestReset{width:100%;min-height:42px}
  .adminListHead{align-items:stretch;flex-direction:column}
  .adminSearch{width:100%}
  .adminUserMain{grid-template-columns:1fr;padding:9px}
  .adminMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .adminQuickActions{grid-column:auto;grid-template-columns:1fr 1fr}
  .adminMoreActions{grid-template-columns:1fr 1fr;padding:8px 9px 9px}
  .adminButton{min-height:42px;font-size:11px}
  .adminCatGrid{grid-template-columns:1fr}
  .adminInspectorHead{align-items:stretch;flex-direction:column}
  .photoLightbox{padding:10px}
}

/* --- v2608_gallery_visitors_nav --- */
/* V26.08 - Besuchstiere freigestellt, Galerie kompakter, Dock ruhiger. */
.visitorActor{
  width:142px!important;
  height:178px!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  filter:drop-shadow(0 12px 14px rgba(48,24,8,.20))!important;
}
.visitorPod{
  left:17px!important;
  bottom:30px!important;
  width:108px!important;
  height:118px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.visitorPod:after{display:none!important}
.visitorPhoto{
  left:50%!important;
  top:10px!important;
  width:92px!important;
  height:92px!important;
  border-radius:50%!important;
  border:4px solid rgba(255,238,197,.96)!important;
  background:#fffaf0!important;
  box-shadow:0 10px 18px rgba(60,34,13,.22)!important;
}
.visitorName{
  left:-4px!important;
  right:-4px!important;
  top:108px!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:rgba(255,248,236,.94)!important;
  border:1px solid rgba(166,111,43,.16)!important;
  box-shadow:0 5px 10px rgba(60,34,13,.08)!important;
  font-size:12px!important;
}
.visitorBubble{
  left:50%!important;
  bottom:150px!important;
  transform:translateX(-50%)!important;
  max-width:118px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  text-align:center!important;
  font-size:10px!important;
}
.visitorBubble:after{
  left:50%!important;
  transform:translateX(-50%) rotate(45deg)!important;
}
.visitorShadow{
  left:24px!important;
  bottom:24px!important;
  width:88px!important;
  height:16px!important;
}
.visitorActor:hover .visitorPod{
  box-shadow:none!important;
}

.galleryGrid{
  gap:10px!important;
}
.photoCard{
  border-radius:16px!important;
  padding:9px!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
.photoCard img{
  border-radius:14px!important;
  margin-bottom:7px!important;
}
.photoCard strong{
  font-size:14px!important;
  line-height:1.15!important;
}
.photoCard .drawerSub{
  font-size:12px!important;
}
.photoActions{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(70px,1fr))!important;
  gap:7px!important;
  margin-top:auto!important;
  padding-top:9px!important;
}
.photoActions .miniBtn,
.photoActions .plainBtn{
  width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  padding:7px 8px!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
.galleryUploadPanel{
  margin-top:16px!important;
  border-style:dashed!important;
}
.uploadLine{
  display:grid!important;
  grid-template-columns:minmax(140px,1fr) minmax(170px,1fr) auto auto!important;
  gap:8px!important;
}
.uploadLine input[type="text"],
.uploadLine input[type="file"]{
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  font-size:13px!important;
}

@media(max-width:820px){
  .visitorActor{width:112px!important;height:142px!important;}
  .visitorPod{left:10px!important;bottom:22px!important;width:92px!important;height:102px!important;}
  .visitorPhoto{width:70px!important;height:70px!important;top:8px!important;border-width:3px!important;}
  .visitorName{top:84px!important;font-size:10px!important;}
  .visitorBubble{bottom:120px!important;max-width:92px!important;font-size:9px!important;}
  .visitorShadow{left:18px!important;bottom:18px!important;width:72px!important;}
  .uploadLine{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:560px){
  .visitorActor{width:92px!important;height:120px!important;}
  .visitorPod{left:6px!important;bottom:18px!important;width:80px!important;height:88px!important;}
  .visitorPhoto{width:58px!important;height:58px!important;}
  .visitorName{top:70px!important;font-size:9px!important;}
  .visitorBubble{bottom:100px!important;max-width:78px!important;}
  .uploadLine{grid-template-columns:1fr!important;}
  .photoActions{grid-template-columns:1fr!important;}
}

/* --- v2608_mobile_layout --- */
/* V26.08 - Handy- und Tablet-Optimierung fuer Header, Konto, Raum, Moebel und Bedienleisten. */
@media(max-width:860px){
  html,body{
    overflow-x:hidden!important;
  }
  body{
    padding:6px!important;
    padding-bottom:76px!important;
  }
  .app{
    width:100%!important;
    border-radius:18px!important;
  }
  .main{
    padding:0 7px 10px!important;
  }
  .roomCard{
    padding:7px!important;
    border-radius:18px!important;
  }
  .roomScene{
    height:min(112vw,500px)!important;
    min-height:380px!important;
    border-radius:16px!important;
    background-position:center center!important;
  }
  .statusPanel{
    left:7px!important;
    top:7px!important;
    width:min(168px,45vw)!important;
    padding:7px!important;
    border-radius:14px!important;
  }
  .statusPanel .statusTab{
    grid-template-columns:1fr!important;
    padding:6px 7px!important;
  }
  .statusPanel .statusTab img{
    display:none!important;
  }
  .statusPanel .statusTop{
    grid-template-columns:36px 1fr!important;
    gap:7px!important;
    margin-bottom:7px!important;
  }
  .statusPanel .statusPic{
    width:36px!important;
    height:36px!important;
  }
  .statusMeta b{
    font-size:13px!important;
  }
  .statusPanel small{
    font-size:10px!important;
  }
  .statusPanel .barRow{
    grid-template-columns:42px 1fr 26px!important;
    gap:5px!important;
    font-size:9px!important;
  }
  .drawer{
    width:calc(100% - 10px)!important;
    bottom:58px!important;
    max-height:72vh!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  .drawerHead{
    align-items:flex-start!important;
    gap:8px!important;
  }
  .drawerHead h3{
    font-size:18px!important;
  }
  .drawerSub{
    font-size:12px!important;
  }
  .cardGrid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .galleryGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:520px){
  body{
    padding:5px!important;
    padding-bottom:72px!important;
  }
  .roomScene{
    height:min(110vw,430px)!important;
    min-height:340px!important;
  }
  .statusPanel{
    width:136px!important;
    padding:6px!important;
  }
  .statusPanel .statusSwitch{
    gap:5px!important;
    margin-bottom:6px!important;
  }
  .statusPanel .statusTab{
    padding:5px!important;
  }
  .statusPanel .statusTab span{
    font-size:10px!important;
  }
  .statusPanel .statusPic{
    display:none!important;
  }
  .statusPanel .statusTop{
    grid-template-columns:1fr!important;
    margin-bottom:6px!important;
  }
  .bars{
    gap:4px!important;
  }
  .statusPanel .barRow{
    grid-template-columns:34px 1fr 22px!important;
    font-size:8px!important;
  }
  .track{
    height:6px!important;
  }
  .galleryGrid{
    grid-template-columns:1fr!important;
  }
}
.actionHover{
  display:none!important;
}

/* --- v2608_paint_by_numbers --- */
/* V26.08 - fotonaher Malen-nach-Zahlen-Modus fuer Galerie-Bilder. */
.paintModal{
  position:fixed;
  inset:0;
  z-index:190;
  display:none;
  padding:14px;
  background:rgba(42,24,10,.74);
  backdrop-filter:blur(6px);
}
.paintModal.open{
  display:grid;
  place-items:center;
}
.paintShell{
  width:min(1180px,100%);
  height:min(92vh,820px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:10px;
  padding:12px;
  border-radius:22px;
  background:linear-gradient(180deg,#fff9ef,#f2dfbd);
  border:1px solid rgba(182,119,43,.22);
  box-shadow:0 24px 80px rgba(28,14,4,.34);
}
.paintTop{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
}
.paintTitle{
  min-width:0;
}
.paintTitle h3{
  margin:0;
  font-size:21px;
  line-height:1.05;
}
.paintTitle small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-weight:1000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.paintControls{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}
.paintModeBtn,
.paintToolBtn{
  border:0;
  border-radius:14px;
  min-height:36px;
  padding:7px 10px;
  font-weight:1000;
  color:#5b3618;
  background:linear-gradient(180deg,#fff9ef,#e9d2a8);
  box-shadow:inset 0 0 0 1px rgba(161,105,38,.18),0 4px 10px rgba(72,40,14,.08);
}
.paintModeBtn.active{
  background:linear-gradient(180deg,#f2c66f,#dd963d);
  color:#fff;
}
.paintBody{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,300px);
  gap:10px;
}
.paintBoard{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:8px;
}
.paintProgress{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:8px 10px;
  border-radius:16px;
  background:rgba(255,250,242,.78);
  border:1px solid rgba(174,117,45,.14);
}
.paintProgress .track{
  height:12px;
  margin:0;
}
.paintPercent{
  min-width:58px;
  text-align:right;
  font-weight:1000;
  color:#67421f;
}
.paintCanvasWrap{
  min-height:0;
  overflow:auto;
  border-radius:18px;
  background:linear-gradient(135deg,#e9d0a9,#fff7e8);
  border:1px solid rgba(174,117,45,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
  touch-action:pan-x pan-y;
}
.paintCanvasPad{
  min-width:100%;
  min-height:100%;
  display:grid;
  place-items:center;
  padding:18px;
}
#paintCanvas{
  display:block;
  max-width:none;
  border-radius:12px;
  background:#fffaf0;
  box-shadow:0 10px 24px rgba(72,40,14,.18);
  cursor:pointer;
  touch-action:none;
}
.paintPalettePanel{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:8px;
}
.paintSelected{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:9px;
  align-items:center;
  padding:8px;
  border-radius:16px;
  background:rgba(255,250,242,.82);
  border:1px solid rgba(174,117,45,.16);
}
.paintSelectedSwatch{
  width:46px;
  height:46px;
  border-radius:13px;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.74),0 6px 12px rgba(72,40,14,.13);
}
.paintSelected strong{
  display:block;
  font-size:15px;
  line-height:1.05;
}
.paintSelected small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-weight:1000;
}
.paintPalette{
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-content:start;
  gap:7px;
  padding:2px 2px 8px;
}
.paintColorBtn{
  position:relative;
  min-width:0;
  min-height:43px;
  border:0;
  border-radius:13px;
  padding:5px;
  display:grid;
  grid-template-columns:24px 1fr;
  gap:5px;
  align-items:center;
  background:#fff7e9;
  color:#5b3618;
  font-size:11px;
  font-weight:1000;
  box-shadow:inset 0 0 0 1px rgba(154,96,34,.16),0 3px 8px rgba(72,40,14,.07);
}
.paintColorBtn.active{
  outline:3px solid rgba(224,151,54,.50);
  background:#fff1d2;
}
.paintColorBtn.done{
  filter:grayscale(.18) opacity(.58);
}
.paintColorSwatch{
  width:24px;
  height:24px;
  border-radius:8px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.70),0 2px 5px rgba(72,40,14,.10);
}
.paintColorBtn span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.paintFooter{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.paintStatus{
  min-height:20px;
  color:#6f4c2b;
  font-size:13px;
  font-weight:1000;
}
.paintReward{
  display:flex;
  gap:7px;
  align-items:center;
  justify-content:flex-end;
  color:#6f4c2b;
  font-size:13px;
  font-weight:1000;
}
.paintLoading{
  position:absolute;
  inset:0;
  display:none;
  place-items:center;
  z-index:2;
  color:#fff9ed;
  font-size:20px;
  font-weight:1000;
  background:rgba(42,24,10,.45);
}
.paintModal.loading .paintLoading{
  display:grid;
}
@media(max-width:860px){
  .paintModal{
    padding:6px;
  }
  .paintShell{
    height:calc(100vh - 12px);
    border-radius:18px;
    padding:8px;
    gap:8px;
  }
  .paintTop{
    grid-template-columns:1fr;
  }
  .paintControls{
    justify-content:flex-start;
  }
  .paintBody{
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) 168px;
  }
  .paintPalette{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .paintFooter{
    grid-template-columns:1fr;
  }
  .paintReward{
    justify-content:flex-start;
  }
}
@media(max-width:520px){
  .paintTitle h3{
    font-size:17px;
  }
  .paintModeBtn,
  .paintToolBtn{
    min-height:32px;
    padding:6px 8px;
    font-size:12px;
  }
  .paintBody{
    grid-template-rows:minmax(0,1fr) 148px;
  }
  .paintCanvasPad{
    padding:10px;
  }
  .paintPalette{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }
  .paintColorBtn{
    min-height:38px;
    grid-template-columns:20px 1fr;
    font-size:10px;
  }
  .paintColorSwatch{
    width:20px;
    height:20px;
  }
}

/* --- v2632_paint_big_canvas_powerups --- */
/* V26.32 - Malen grossflaechiger, Palette unten, bessere Zahlen und kaufbare Malfaehigkeiten. */
.paintModal.open{
  padding:8px!important;
}
.paintShell{
  width:min(1520px,calc(100vw - 16px))!important;
  height:calc(100dvh - 16px)!important;
  max-height:none!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:8px!important;
  padding:10px!important;
}
.paintBody{
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:8px!important;
}
.paintBoard{
  min-height:0!important;
}
.paintCanvasWrap{
  background:#fff!important;
  border-color:rgba(128,91,49,.14)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.8),0 12px 26px rgba(55,31,10,.09)!important;
}
.paintCanvasPad{
  background:#fff!important;
  padding:12px!important;
}
#paintCanvas{
  background:#fff!important;
  box-shadow:0 8px 22px rgba(47,26,8,.14)!important;
  image-rendering:pixelated!important;
  image-rendering:crisp-edges!important;
}
.paintPalettePanel{
  min-height:118px!important;
  max-height:174px!important;
  display:grid!important;
  grid-template-columns:minmax(190px,250px) minmax(210px,300px) minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  align-items:stretch!important;
  gap:8px!important;
  overflow:hidden!important;
}
.paintSelected,
.paintPowerups{
  background:rgba(255,252,247,.94)!important;
  border:1px solid rgba(174,117,45,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)!important;
}
.paintPowerups{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:8px;
  border-radius:16px;
}
.paintPowerBtn{
  min-width:0;
  border:0;
  border-radius:13px;
  padding:7px;
  display:grid;
  gap:3px;
  align-content:center;
  color:#fffaf0;
  background:linear-gradient(180deg,#d89438,#9c5422);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20),0 5px 11px rgba(72,40,14,.10);
  font-size:11px;
  font-weight:1000;
  line-height:1.08;
}
.paintPowerBtn small{
  font-size:9.5px;
  font-weight:1000;
  opacity:.92;
}
.paintPowerBtn.armed{
  background:linear-gradient(180deg,#78b764,#438341);
}
.paintPowerBtn.active{
  background:linear-gradient(180deg,#e9c24d,#cc7833);
}
.paintPowerBtn:disabled{
  color:#8c7c67;
  background:linear-gradient(180deg,#e6ded1,#c9bba7);
  box-shadow:inset 0 0 0 1px rgba(120,91,58,.10);
}
.paintPalette{
  grid-auto-flow:row!important;
  grid-template-columns:repeat(3,minmax(92px,1fr))!important;
  grid-template-rows:none!important;
  grid-auto-columns:auto!important;
  grid-auto-rows:minmax(42px,auto)!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  align-content:stretch!important;
  padding:1px 4px 8px!important;
}
.paintColorBtn.done{
  filter:grayscale(.78) opacity(.55)!important;
  background:#ece7dd!important;
  color:#776d60!important;
}
.paintColorBtn.done:after{
  content:"?";
  position:absolute;
  inset:5px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#fff;
  background:rgba(58,151,64,.88);
  font-size:24px;
  line-height:1;
  text-shadow:0 1px 1px rgba(0,0,0,.20);
}
.paintColorBtn.done .paintColorSwatch,
.paintColorBtn.done span:last-child{
  opacity:.22;
}
.paintFooter{
  min-height:24px!important;
}
@media(max-width:860px){
  .paintModal.open{
    padding:4px!important;
  }
  .paintShell{
    width:calc(100vw - 8px)!important;
    height:calc(100dvh - 8px)!important;
    padding:7px!important;
    border-radius:14px!important;
  }
  .paintTop{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .paintTitle h3{
    font-size:18px!important;
  }
  .paintTitle small{
    font-size:11px!important;
  }
  .paintPalettePanel{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(76px,96px)!important;
    max-height:204px!important;
  }
  .paintSelected{
    grid-template-columns:34px minmax(0,1fr)!important;
    padding:6px!important;
  }
  .paintSelectedSwatch{
    width:34px!important;
    height:34px!important;
  }
  .paintPowerups{
    grid-template-columns:1fr 1fr;
    padding:6px!important;
  }
  .paintPalette{
    grid-template-columns:repeat(3,minmax(76px,1fr))!important;
    grid-auto-rows:38px!important;
  }
}
@media(max-width:520px){
  .paintTitle{
    display:none!important;
  }
  .paintControls{
    justify-content:center!important;
  }
  .paintPalettePanel{
    max-height:188px!important;
    grid-template-rows:auto auto minmax(66px,82px)!important;
  }
  .paintPowerBtn{
    min-height:42px;
    font-size:10px;
  }
  .paintPowerBtn small{
    font-size:8.5px;
  }
  .paintPalette{
    grid-template-columns:repeat(3,minmax(64px,1fr))!important;
    grid-auto-rows:34px!important;
  }
}

/* --- v2617_paint_zoom_fullscreen --- */
/* V26.17 - stabiler Auto-Fit, PC-Mausrad-Zoom, Vollbild und runder Malcursor. */
:root{
  --paintBrushCursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='10' fill='%23fff1bf' fill-opacity='.35' stroke='%23342114' stroke-width='3'/%3E%3Ccircle cx='15' cy='15' r='5' fill='none' stroke='%23ffffff' stroke-width='2' stroke-opacity='.9'/%3E%3C/svg%3E") 15 15, pointer;
}
.paintCanvasWrap{
  touch-action:none!important;
  overscroll-behavior:contain;
  cursor:zoom-in;
}
.paintCanvasPad{
  justify-content:center!important;
  align-content:center!important;
}
.paintCanvasWrap.painting{
  cursor:var(--paintBrushCursor)!important;
}
.paintCanvasWrap.zooming{
  cursor:zoom-in;
}
#paintCanvas{
  cursor:var(--paintBrushCursor)!important;
}
.paintCanvasWrap.painting #paintCanvas{
  cursor:var(--paintBrushCursor)!important;
}
.paintModal.fullscreen{
  padding:0!important;
  background:rgba(35,20,8,.96)!important;
}
.paintModal.fullscreen .paintShell{
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  border-radius:0!important;
  border:0!important;
}
.paintModal.fullscreen .paintCanvasWrap{
  border-radius:14px!important;
}
.paintToolBtn.paintWideBtn{
  min-width:42px;
}
@media(max-width:520px){
  .paintControls{
    gap:5px!important;
  }
  .paintModeBtn,
  .paintToolBtn{
    min-width:34px!important;
  }
  .paintToolBtn.paintWideBtn{
    min-width:42px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
}

/* --- v2609_room_sync_mobile --- */
/* V26.09 - Zimmermoebel bleiben geraeteuebergreifend sichtbar und nutzen gespeicherte Positionen. */
.roomUpgrade{
  right:auto!important;
  bottom:auto!important;
  --roomItemScale:1;
  transform:scale(var(--roomItemScale))!important;
  transform-origin:center center!important;
}
.roomUpgrade.playRug,
.roomUpgrade.scratchTree,
.roomUpgrade.cozyBed,
.roomUpgrade.toyBox,
.roomUpgrade.windowCushion,
.roomUpgrade.fountain{
  right:auto!important;
  bottom:auto!important;
}
@media(max-width:820px){
  .roomUpgrade{--roomItemScale:.74}
  .roomUpgrade.playRug{--roomItemScale:.82}
  .roomUpgrade.windowCushion{--roomItemScale:.70}
}
@media(max-width:560px){
  .roomUpgrade{--roomItemScale:.56}
  .roomUpgrade.playRug{--roomItemScale:.62}
  .roomUpgrade.windowCushion{--roomItemScale:.54}
  .moveHandle{
    width:30px!important;
    height:30px!important;
    right:-12px!important;
    top:-12px!important;
  }
}

/* --- v2617_fixed_close_buttons --- */
/* V26.17 - Schließen-X bleibt fest, Fensterscroll bleibt erhalten. */
.drawer{
  position:fixed!important;
  overflow:hidden!important;
  padding:0!important;
}
.rulesModal{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
}
.drawerScroll,
.rulesScroll{
  overflow:auto!important;
  scrollbar-gutter:stable;
}
.drawerScroll{
  max-height:inherit!important;
  padding:14px!important;
}
.rulesScroll{
  max-height:min(84vh,780px)!important;
  padding:18px!important;
}
.drawer>.windowCornerClose,
.rulesModal>.windowCornerClose,
.paintShell>.windowCornerClose{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:45!important;
  margin:0!important;
}
.drawerScroll>.drawerHead,
.rulesScroll>.drawerHead,
.paintTop{
  padding-right:58px!important;
}
.drawerScroll>.drawerHead .closeX,
.rulesScroll>.drawerHead .closeX{
  display:none!important;
}
.paintShell{
  position:relative!important;
}
.paintControls>.closeX{
  display:none!important;
}
@media(max-width:640px){
  .drawerScroll{padding:10px!important}
  .rulesScroll{padding:14px!important}
  .drawer>.windowCornerClose,
  .rulesModal>.windowCornerClose,
  .paintShell>.windowCornerClose{
    top:8px!important;
    right:8px!important;
  }
}
.loginWallet{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.loginMetric{
  min-width:0;
  min-height:52px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:8px 9px;
  border-radius:15px;
  background:rgba(255,250,241,.92);
  border:1px solid rgba(185,132,59,.16);
  box-shadow:0 3px 8px rgba(82,46,17,.04);
}
.loginMetricIcon{
  width:32px;
  height:32px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:12px;
  font-weight:1000;
  background:linear-gradient(180deg,#efc266,#be741f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38);
}
.loginMetric.xp .loginMetricIcon{
  background:linear-gradient(180deg,#78bfe8,#437dbc);
}
.loginMetric span:not(.loginMetricIcon){
  display:block;
  font-size:9px;
  line-height:1;
  color:#8a5e34;
  font-weight:1000;
}
.loginMetric b{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
  line-height:1;
  color:#452713;
  font-weight:1000;
}
.loginBars{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.loginStat{
  min-width:0;
  min-height:48px;
  padding:7px 9px;
  border-radius:14px;
  background:rgba(255,250,241,.92);
  border:1px solid rgba(185,132,59,.14);
  box-shadow:0 3px 8px rgba(82,46,17,.04);
}
.loginStatHead{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:6px;
}
.loginStatHead span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  line-height:1;
  color:#8a5e34;
  font-weight:1000;
}
.loginStatHead b{
  font-size:13px;
  line-height:1;
  color:#452713;
  font-weight:1000;
}
.loginStat .track{
  height:6px!important;
  margin-top:6px!important;
  background:#e7dcc9!important;
}
.loginStat.blue .track>span{
  background:linear-gradient(90deg,#77bee2,#4b8ebc)!important;
}

@media(max-width:1240px){
  .loginMetric{min-height:48px}
  .loginStat{min-height:46px}
}
@media(max-width:640px){
  .loginWallet,
  .loginBars{
    gap:7px;
  }
  .loginMetric{
    min-height:48px;
    grid-template-columns:30px minmax(0,1fr);
    gap:7px;
    padding:7px;
  }
  .loginMetricIcon{
    width:29px;
    height:29px;
    border-radius:11px;
    font-size:10px;
  }
  .loginMetric b{
    font-size:14px;
  }
  .loginStat{
    min-height:46px;
    padding:7px;
  }
}
@media(max-width:430px){
  .loginWallet,
  .loginBars{
    grid-template-columns:1fr 1fr;
  }
  .loginStatHead span{
    font-size:8px;
  }
  .loginStatHead b{
    font-size:12px;
  }
}
.loginWallet,
.loginBars{
  gap:9px!important;
}
.loginMetric{
  min-height:56px!important;
  background:#fffaf2!important;
  border-color:rgba(185,132,59,.18)!important;
}
.loginMetric b{
  font-size:17px!important;
}
.loginMetric span:not(.loginMetricIcon),
.loginStatHead span{
  font-size:10px!important;
}
.loginStat{
  min-height:52px!important;
  background:#fffaf2!important;
  border-color:rgba(185,132,59,.16)!important;
}
.loginStatHead b{
  font-size:14px!important;
}
@media(max-width:640px){
  .loginMetric{
    min-height:52px!important;
  }
  .loginMetric b{
    font-size:15px!important;
  }
  .loginStat{
    min-height:50px!important;
  }
}
@media(max-width:430px){
  .loginWallet,
  .loginBars{
    grid-template-columns:1fr 1fr!important;
  }
}
.loginWallet,
.loginBars,
.loginMetric,
.loginMetricIcon{
  display:contents!important;
}
.loginNote{
  grid-column:1/-1;
  min-height:30px;
  display:flex;
  align-items:center;
  padding:7px 10px;
  border-radius:16px;
  color:#714b28;
  font-size:11px;
  line-height:1.2;
  font-weight:1000;
  background:rgba(255,250,242,.86);
  border:1px solid rgba(185,132,59,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
  overflow:hidden;
}
.loginNote span{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:980px){
  .loginNote{
    grid-column:1/-1;
  }
}
@media(max-width:640px){
  .loginNote{
    min-height:36px;
    padding:8px 10px;
    font-size:11px;
  }
}

/* --- v2621_glass_polish --- */
/* V26.21 - Glasoptik, besser lesbare Spielinfo und staerkerer Titel-Schatten. */
.app{
  background:linear-gradient(180deg,rgba(255,252,246,.58),rgba(255,244,228,.44))!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 22px 64px rgba(58,31,12,.18)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
}

.loginNote{
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,244,229,.44))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 8px 18px rgba(80,45,16,.08),inset 0 1px 0 rgba(255,255,255,.70)!important;
  backdrop-filter:blur(12px) saturate(1.14)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.14)!important;
}
.loginNote{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
  min-height:44px!important;
  padding:8px 10px!important;
  color:#654020!important;
  line-height:1.18!important;
}
.loginNote b{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 7px;
  border-radius:999px;
  color:#fff7e8;
  background:linear-gradient(180deg,#c88934,#9c5b21);
  font-size:9px;
  line-height:1;
  font-weight:1000;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32);
}
.loginNote span{
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  text-overflow:clip!important;
}
.roomCard,
.statusPanel,
.drawer,
.rulesModal,
.paintShell{
  background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,244,229,.38))!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 18px 42px rgba(58,31,12,.14),inset 0 1px 0 rgba(255,255,255,.55)!important;
  backdrop-filter:blur(16px) saturate(1.16)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.16)!important;
}
.roomCard{border-top:0!important}
.panelCard,
.rowCard,
.taskCard,
.photoCard,
.guestNotice,
.galleryUploadPanel,
.paintProgress,
.paintSelected,
.visitorPod{
  background:linear-gradient(180deg,rgba(255,255,255,.60),rgba(255,246,233,.44))!important;
  border-color:rgba(255,255,255,.46)!important;
  box-shadow:0 10px 22px rgba(58,31,12,.08),inset 0 1px 0 rgba(255,255,255,.55)!important;
  backdrop-filter:blur(10px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.1)!important;
}
.roomScene{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),0 14px 32px rgba(58,31,12,.12)!important;
}
@media(max-width:640px){
  .loginNote{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .loginNote b{
    width:max-content;
  }
}

/* --- v2623_cat_names_paint_and_finds --- */
/* V26.23 - gläserne Katzennamen, verdecktes Malbild und suchbare Fundstücke. */
.catSelectBar{
  display:none!important;
}
.catNameBadge{
  position:absolute;
  left:50%;
  bottom:-10px;
  z-index:6;
  min-width:76px;
  max-width:122px;
  transform:translateX(-50%);
  padding:5px 11px 6px;
  border-radius:999px;
  color:#56351c;
  font-size:12px;
  line-height:1;
  font-weight:1000;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
  opacity:.74;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,232,191,.34));
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 8px 18px rgba(65,35,14,.12),inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(12px) saturate(1.18);
  -webkit-backdrop-filter:blur(12px) saturate(1.18);
}
.catActor.selected .catNameBadge{
  opacity:1;
  color:#3e220f;
  background:linear-gradient(180deg,rgba(255,251,235,.88),rgba(241,188,87,.64));
  border-color:rgba(255,247,211,.76);
  box-shadow:0 10px 24px rgba(107,58,20,.20),0 0 0 2px rgba(234,176,76,.22),inset 0 1px 0 rgba(255,255,255,.82);
}
.catActor.selected .catShadow{
  background:rgba(74,39,12,.25)!important;
}
.roomInfoHint{
  position:absolute;
  left:50%;
  top:46%;
  z-index:28;
  width:min(430px,calc(100% - 190px));
  min-height:54px;
  transform:translate(-50%,-50%);
  display:none;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:11px 14px;
  border-radius:20px;
  color:#553118;
  font-weight:1000;
  font-size:13px;
  line-height:1.24;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,234,197,.42));
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 18px 36px rgba(54,31,14,.16),inset 0 1px 0 rgba(255,255,255,.68);
  backdrop-filter:blur(16px) saturate(1.18);
  -webkit-backdrop-filter:blur(16px) saturate(1.18);
  pointer-events:none;
}
.roomInfoHint.show{
  display:grid;
}
.roomInfoHint:before{
  content:"";
  width:34px;
  height:34px;
  border-radius:13px;
  background:radial-gradient(circle at 34% 28%,#fff8ca 0 16%,transparent 17%),linear-gradient(145deg,#f4c561,#a76a27);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 7px 14px rgba(96,54,19,.16);
}
.hiddenFind{
  position:absolute;
  z-index:27;
  width:54px;
  height:54px;
  border:0;
  padding:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.82),rgba(255,226,156,.28) 45%,rgba(138,82,28,.12));
  box-shadow:0 11px 18px rgba(53,30,13,.18),0 0 0 1px rgba(255,255,255,.55),inset 0 1px 0 rgba(255,255,255,.64);
  cursor:pointer;
  transform:translate(-50%,-50%);
  animation:hiddenFindGlow 2.6s ease-in-out infinite;
  touch-action:manipulation;
}
.hiddenFind img{
  width:39px;
  height:39px;
  object-fit:contain;
  filter:drop-shadow(0 3px 4px rgba(55,31,12,.22));
  pointer-events:none;
}
.hiddenFind:after{
  content:"";
  position:absolute;
  right:5px;
  top:5px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#ffe08a;
  box-shadow:0 0 12px rgba(255,214,91,.86);
}
.hiddenFind:hover,
.hiddenFind:focus-visible{
  outline:none;
  transform:translate(-50%,-50%) scale(1.08);
}
@keyframes hiddenFindGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(255,214,91,0));}
  50%{filter:drop-shadow(0 0 10px rgba(255,214,91,.68));}
}
.paintCanvasWrap{
  background:linear-gradient(135deg,#f8efe1,#ead9c2)!important;
}
#paintCanvas{
  box-shadow:0 10px 24px rgba(57,34,15,.18),0 0 0 1px rgba(96,61,28,.18)!important;
}
@media(max-width:820px){
  .roomInfoHint{
    top:52%;
    width:calc(100% - 26px);
    max-width:390px;
    font-size:12px;
  }
  .catNameBadge{
    min-width:62px;
    max-width:96px;
    bottom:-8px;
    padding:5px 9px;
    font-size:11px;
  }
  .hiddenFind{
    width:48px;
    height:48px;
  }
  .hiddenFind img{
    width:35px;
    height:35px;
  }
}
@media(max-width:560px){
  .roomInfoHint{
    top:58%;
    grid-template-columns:28px minmax(0,1fr);
    min-height:48px;
    padding:9px 10px;
    border-radius:17px;
    font-size:11px;
  }
  .roomInfoHint:before{
    width:28px;
    height:28px;
    border-radius:11px;
  }
  .catNameBadge{
    min-width:52px;
    max-width:84px;
    bottom:-8px;
    padding:4px 8px;
    font-size:10px;
  }
  .hiddenFind{
    width:42px;
    height:42px;
  }
  .hiddenFind img{
    width:31px;
    height:31px;
  }
}

/* --- v2625_mobile_fit_nav --- */
/* V26.25 - Handy-Layout ohne Herauszoomen: keine Ueberbreite, kompaktes Dock. */
html,
body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body{
  min-width:0!important;
}
.app,
.main,
.roomCard,
.drawer,
.rulesModal,
.paintShell{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
@media(max-width:860px){
  body{
    padding-left:max(6px,env(safe-area-inset-left))!important;
    padding-right:max(6px,env(safe-area-inset-right))!important;
    padding-bottom:104px!important;
  }
  .app{
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
  }

  .main{
    width:100%!important;
    max-width:100%!important;
  }

  .roomScene,
  .roomCard{
    width:100%!important;
    max-width:100%!important;
  }

  .formGrid input,
  .uploadLine input{
    font-size:16px!important;
  }
  .drawer{
    left:max(6px,env(safe-area-inset-left))!important;
    right:max(6px,env(safe-area-inset-right))!important;
    bottom:calc(max(6px,env(safe-area-inset-bottom)) + 86px)!important;
    width:auto!important;
    transform:none!important;
    max-height:calc(100dvh - 124px)!important;
  }
}
@media(max-width:560px){
  body{
    padding:5px!important;
    padding-bottom:106px!important;
  }
  .main{
    padding:0 5px 8px!important;
  }
  .roomCard{
    padding:6px!important;
    border-radius:16px!important;
  }
  .drawer{
    left:5px!important;
    right:5px!important;
    bottom:82px!important;
    width:auto!important;
    max-height:calc(100dvh - 108px)!important;
  }
}
@media(max-width:360px){
  body{
    padding-bottom:138px!important;
  }
  .drawer{
    bottom:116px!important;
    max-height:calc(100dvh - 142px)!important;
  }
}

/* --- v2627_games_solitaire --- */
/* V26.27 - Spielezentrale und Katzensolitaer. */
.gamesHubGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.gameHubCard{
  position:relative;
  min-height:168px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:10px;
  padding:14px;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,237,205,.46));
  border:1px solid rgba(255,255,255,.54);
  box-shadow:0 14px 28px rgba(58,31,12,.10),inset 0 1px 0 rgba(255,255,255,.62);
}
.gameHubCard:before{
  content:"";
  position:absolute;
  right:-28px;
  bottom:-38px;
  width:116px;
  height:116px;
  border-radius:50%;
  background:rgba(223,150,61,.16);
  pointer-events:none;
}
.gameHubIcon{
  width:44px;
  height:44px;
  border-radius:15px;
  display:grid;
  place-items:center;
  font-weight:1000;
  color:#fff8e8;
  background:linear-gradient(145deg,#d89438,#8b4c1f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 16px rgba(92,51,18,.14);
}
.gameHubCard strong{
  display:block;
  font-size:17px;
  line-height:1.08;
}
.gameHubCard .drawerSub{
  min-height:40px;
}
.solitaireModal{
  position:fixed;
  inset:0;
  z-index:194;
  display:none;
  place-items:center;
  padding:14px;
  background:rgba(42,24,10,.62);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.solitaireModal.open{
  display:grid;
}
.solitaireShell{
  --s-gap:8px;
  --s-offset:30px;
  width:min(1160px,100%);
  max-height:min(92dvh,860px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:10px;
  padding:12px;
  border-radius:24px;
  color:#432817;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,238,209,.58));
  border:1px solid rgba(255,255,255,.56);
  box-shadow:0 24px 78px rgba(31,16,5,.30),inset 0 1px 0 rgba(255,255,255,.68);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
}
.solitaireTop{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
}
.solitaireTitle h3{
  margin:0;
  line-height:1.05;
}
.solitaireTitle small{
  display:block;
  margin-top:3px;
  color:#775234;
  font-weight:900;
}
.solitaireControls{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px;
}
.solitaireBtn{
  border:0;
  min-height:36px;
  padding:7px 10px;
  border-radius:14px;
  font-weight:1000;
  color:#56351c;
  background:linear-gradient(180deg,#fff9ed,#e9d0a4);
  box-shadow:inset 0 0 0 1px rgba(153,95,36,.16),0 5px 11px rgba(72,40,14,.08);
}
.solitaireBtn.primary{
  color:#fffaf1;
  background:linear-gradient(180deg,#e3a548,#b76b27);
}
.solitaireTable{
  min-height:0;
  overflow:auto;
  padding:2px;
}
.solitaireBoard{
  min-width:0;
  display:grid;
  gap:10px;
}
.solitaireStacks,
.solitaireTableau{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:var(--s-gap);
}
.solitaireStacks{
  align-items:start;
}
.sStackGroup{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-column:4 / span 4;
  gap:var(--s-gap);
}
.sSlot,
.sPile{
  position:relative;
  min-width:0;
}
.sSlot{
  aspect-ratio:5/7;
  border-radius:12px;
  border:2px dashed rgba(116,72,31,.26);
  background:rgba(255,249,238,.42);
  display:grid;
  place-items:center;
  color:#8d6948;
  font-size:11px;
  font-weight:1000;
  text-align:center;
}
.sPile{
  min-height:360px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,244,225,.10));
}
.sCard{
  position:absolute;
  left:0;
  top:calc(var(--i,0) * var(--s-offset));
  width:100%;
  aspect-ratio:5/7;
  border:0;
  border-radius:12px;
  padding:6px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  color:#332015;
  background:linear-gradient(160deg,#fffdfa,#f1dfc4);
  box-shadow:0 6px 14px rgba(48,26,9,.18),inset 0 0 0 1px rgba(90,50,20,.14);
  font-weight:1000;
  overflow:hidden;
}
.sCard.red{
  color:#a93445;
}
.sCard.down{
  color:#fff4d4;
  background:
    radial-gradient(circle at 25% 20%,rgba(255,255,255,.24),transparent 18%),
    linear-gradient(145deg,#7e8891,#4e5a63);
  box-shadow:0 6px 14px rgba(48,26,9,.18),inset 0 0 0 2px rgba(255,255,255,.14);
}
.sCard.down:before{
  content:"Emma";
  align-self:start;
  justify-self:start;
  font-size:10px;
}
.sCard.down:after{
  content:"Wichtel";
  align-self:end;
  justify-self:end;
  font-size:10px;
}
.sCard.selected{
  outline:3px solid #efbd55;
  box-shadow:0 0 0 4px rgba(255,248,216,.70),0 10px 20px rgba(129,76,22,.24);
  transform:translateY(-2px);
}
.sCard.hint{
  outline:3px solid #79b96d;
}
.sCorner{
  display:flex;
  justify-content:space-between;
  gap:3px;
  font-size:12px;
  line-height:1;
}
.sCenter{
  display:grid;
  place-items:center;
  font-size:clamp(17px,2.5vw,34px);
  line-height:1;
}
.sCard.stockCard,
.sCard.wasteCard,
.sCard.foundationCard{
  position:relative;
  top:auto;
}
.sEmptyAction{
  width:100%;
  height:100%;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#8d6948;
  font-size:11px;
  font-weight:1000;
}
.solitaireStatus{
  min-height:36px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:9px 11px;
  border-radius:16px;
  background:rgba(255,250,241,.62);
  border:1px solid rgba(255,255,255,.54);
  color:#6b482d;
  font-size:13px;
  font-weight:900;
}
.solitaireWin{
  color:#855119;
  font-weight:1000;
}
@media(max-width:820px){
  .gamesHubGrid{
    grid-template-columns:1fr 1fr;
  }
  .solitaireShell{
    --s-gap:5px;
    --s-offset:24px;
    padding:9px;
    border-radius:18px;
  }
  .solitaireTop{
    grid-template-columns:1fr;
  }
  .solitaireControls{
    justify-content:flex-start;
  }
  .sPile{
    min-height:300px;
  }
  .sCard{
    border-radius:9px;
    padding:4px;
  }
  .sCorner{
    font-size:9px;
  }
}
@media(max-width:560px){
  .gamesHubGrid{
    grid-template-columns:1fr;
  }
  .gameHubCard{
    min-height:138px;
  }
  .solitaireModal{
    padding:5px;
  }
  .solitaireShell{
    --s-offset:21px;
    max-height:calc(100dvh - 10px);
    gap:7px;
  }
  .solitaireBtn{
    min-height:32px;
    padding:6px 8px;
    font-size:12px;
  }
  .solitaireTable{
    padding-bottom:4px;
  }
  .sPile{
    min-height:258px;
  }
  .sSlot{
    border-radius:9px;
    font-size:9px;
  }
  .sCenter{
    font-size:16px;
  }
  .solitaireStatus{
    grid-template-columns:1fr;
    font-size:12px;
  }
}

/* --- v2627_solitaire_images_touch_guard --- */
/* V26.27 - Bildkarten fuer Solitaer und Schutz gegen langes Kopieren auf Touchgeraeten. */
.app,
.rulesOverlay,
.drawer,
.roomScene,
.paintModal,
.photoLightbox,
.solitaireModal,
.toast,
.actionHover{
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;
}
.app,
.rulesOverlay,
.drawer,
.roomScene,
.paintModal,
.photoLightbox,
.solitaireModal,
.catActor,
.visitorActor,
.sCard,
.gameHubCard{
  -webkit-user-select:none;
  user-select:none;
}
input,
textarea,
select,
option,
[contenteditable="true"],
.allowTextSelect{
  -webkit-user-select:text!important;
  user-select:text!important;
  -webkit-touch-callout:default!important;
}
img,
button,
.sCard,
.gameHubCard,
.catActor,
.visitorActor{
  -webkit-user-drag:none;
  user-drag:none;
}
button,
.sCard,
.gameHubCard,
.paintCanvasWrap{
  touch-action:manipulation;
}
.gameHubIcon{
  position:relative;
  isolation:isolate;
}
.gameHubIcon.solitaireGameIcon{
  overflow:hidden;
  color:transparent;
  background:linear-gradient(145deg,#f8d987,#b36f2d);
}
.gameHubIcon.solitaireGameIcon:before{
  content:"";
  position:absolute;
  inset:5px;
  background:url('../assets/solitaire_hub_cat_v2627.svg') center/contain no-repeat;
  filter:drop-shadow(0 4px 5px rgba(74,43,14,.20));
}
.gameHubCard.solitaireHub:before{
  background:rgba(135,149,157,.18);
}
.sCard{
  cursor:pointer;
  background:
    radial-gradient(circle at 24% 15%,rgba(255,255,255,.95),rgba(255,255,255,0) 35%),
    linear-gradient(160deg,#fffdfa,#f1dfc4);
}
.sCard.down{
  color:#fff4d4;
  background:
    linear-gradient(160deg,rgba(255,255,255,.20),rgba(0,0,0,.08)),
    url('../assets/solitaire_cardback_cat_v2627.svg') center/cover no-repeat;
  box-shadow:0 7px 15px rgba(48,26,9,.20),inset 0 0 0 1px rgba(255,255,255,.20);
}
.sCard.down:before,
.sCard.down:after{
  content:none!important;
  display:none!important;
}
.sCorner{
  align-items:center;
  min-height:16px;
}
.sSuitIcon{
  display:inline-block;
  width:21px;
  height:21px;
  flex:0 0 auto;
  background-image:var(--suit-img);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter:drop-shadow(0 2px 2px rgba(65,37,17,.18));
}
.sCornerIcon{
  width:16px;
  height:16px;
}
.sCenterIcon{
  width:min(58%,54px);
  height:auto;
  aspect-ratio:1;
}
.sCard.red .sSuitIcon{
  filter:drop-shadow(0 2px 2px rgba(117,31,49,.20));
}
.sEmptyAction{
  display:grid;
  place-items:center;
  gap:4px;
}
.sFoundationEmpty{
  grid-template-rows:1fr auto;
  padding:6px 3px;
}
.sEmptySuit{
  width:42%;
  max-width:42px;
  height:auto;
  aspect-ratio:1;
  opacity:.78;
}
@media(max-width:820px){
  .sCornerIcon{
    width:13px;
    height:13px;
  }
  .sCenterIcon{
    width:min(64%,40px);
  }
  .sEmptySuit{
    width:48%;
  }
}
@media(max-width:560px){
  .gameHubIcon.solitaireGameIcon:before{
    inset:4px;
  }
  .sCorner{
    min-height:12px;
  }
  .sCornerIcon{
    width:11px;
    height:11px;
  }
  .sCenterIcon{
    width:min(68%,31px);
  }
  .sFoundationEmpty span:last-child{
    font-size:8px;
  }
}

/* --- v2628_solitaire_room_polish --- */
/* V26.28 - groessere Solitaer-Kartengrafiken, Drag-Spiel, Vollbild und echte Zimmer-PNGs. */
.roomUpgrade{
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  filter:drop-shadow(0 17px 13px rgba(54,31,14,.22))!important;
}
.roomUpgrade:before,
.roomUpgrade:after{
  content:none!important;
  display:none!important;
}
.roomUpgrade .roomAsset{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
.roomUpgrade .moveHandle{
  display:none!important;
}
.roomUpgrade.scratchTree{
  width:132px!important;
  height:163px!important;
  z-index:4!important;
}
.roomUpgrade.cozyBed{
  width:168px!important;
  height:138px!important;
  z-index:4!important;
}
.roomUpgrade.toyBox{
  width:154px!important;
  height:118px!important;
  z-index:4!important;
}
.roomUpgrade.windowCushion{
  width:156px!important;
  height:163px!important;
  z-index:3!important;
}
.roomUpgrade.fountain{
  width:112px!important;
  height:108px!important;
  z-index:4!important;
}
.roomUpgrade.playRug{
  width:210px!important;
  height:123px!important;
  opacity:.95!important;
  z-index:2!important;
}
.hiddenFind{
  width:31px!important;
  height:31px!important;
  opacity:.56!important;
  transform:translate(-50%,-50%) rotate(var(--hide-rot,0deg)) scale(var(--hide-scale,.78))!important;
  filter:drop-shadow(0 3px 3px rgba(58,35,17,.24)) saturate(.82) contrast(.92)!important;
  mix-blend-mode:multiply;
}
.hiddenFind:after{
  display:none!important;
}
.hiddenFind img{
  width:100%!important;
  height:100%!important;
}
.hiddenFind:hover,
.hiddenFind:focus-visible{
  opacity:1!important;
  transform:translate(-50%,-50%) rotate(var(--hide-rot,0deg)) scale(1)!important;
  mix-blend-mode:normal;
}
.solitaireModal.fit .solitaireShell{
  --s-gap:clamp(4px,.72vw,8px);
  --s-offset:clamp(18px,2.1vw,30px);
}
.solitaireModal.fullscreen{
  padding:0!important;
  background:rgba(31,17,7,.95)!important;
}
.solitaireModal.fullscreen .solitaireShell{
  width:100vw!important;
  height:100dvh!important;
  max-height:none!important;
  border-radius:0!important;
  border:0!important;
}
.solitaireModal.fullscreen .solitaireTable{
  min-height:0;
}
.solitaireShell{
  position:relative;
}
.solitaireShell>.windowCornerClose{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:70!important;
}
.solitaireShell>.solitaireTop{
  padding-right:58px;
}
.solitaireBtn.active{
  color:#fffaf1!important;
  background:linear-gradient(180deg,#87b56f,#4f8a51)!important;
}
.solitaireTime{
  display:inline-grid;
  place-items:center;
  min-width:72px;
  min-height:30px;
  padding:4px 10px;
  border-radius:999px;
  color:#fffaf1;
  background:linear-gradient(180deg,#d69b3e,#9c5d21);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 10px rgba(75,42,13,.10);
  font-weight:1000;
}
.solitaireTime.warn{
  background:linear-gradient(180deg,#e4775c,#a73529);
  animation:solitairePulse .9s ease-in-out infinite;
}
@keyframes solitairePulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.04)}
}
.sCard.faceCard{
  --face-tint:rgba(216,151,66,.14);
  background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.84),rgba(255,255,255,0) 48%),
    linear-gradient(160deg,#fffdfa,#f1dfc4)!important;
}
.sCard.faceCard:before{
  content:"";
  position:absolute;
  inset:9% 7%;
  border-radius:10px;
  background:
    radial-gradient(circle at 50% 44%,var(--face-tint),rgba(255,255,255,0) 70%),
    var(--suit-img) center/82% auto no-repeat;
  opacity:.34;
  pointer-events:none;
}
.sCard.faceCard:after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:9px;
  border:1px solid rgba(147,91,35,.13);
  pointer-events:none;
}
.sCard.faceCard.suit-yarn,
.sCard.faceCard.suit-bell{
  --face-tint:rgba(211,81,103,.13);
}
.sCard.faceCard.suit-fish{
  --face-tint:rgba(90,135,153,.15);
}
.sCard.faceCard > span{
  position:relative;
  z-index:2;
}
.sCard.faceCard .sCenterIcon{
  width:min(82%,82px)!important;
  opacity:.98;
}
.sPile.dragOver,
.sSlot.dragOver{
  outline:3px solid rgba(121,185,109,.75);
  outline-offset:2px;
  background:rgba(236,255,224,.38)!important;
}
.solitaireDragGhost{
  position:fixed;
  z-index:9999;
  width:78px;
  aspect-ratio:5/7;
  pointer-events:none;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 18px 18px rgba(36,20,8,.30));
}
.solitaireDragGhost .sCard{
  position:relative!important;
  width:100%!important;
  top:auto!important;
}
.solitaireDragCount{
  position:absolute;
  right:-8px;
  bottom:-8px;
  min-width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fffaf1;
  background:#8b5a2c;
  font-size:12px;
  font-weight:1000;
  box-shadow:0 6px 12px rgba(55,30,10,.2);
}
.solitaireRulesPanel{
  position:absolute;
  inset:12px;
  z-index:60;
  display:none;
  place-items:center;
  border-radius:22px;
  background:rgba(42,24,10,.42);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.solitaireRulesPanel.open{
  display:grid;
}
.solitaireRulesCard{
  width:min(620px,100%);
  max-height:calc(100dvh - 52px);
  overflow:auto;
  padding:18px;
  border-radius:22px;
  color:#432817;
  background:linear-gradient(180deg,#fffdf8,#fff1da);
  box-shadow:0 20px 52px rgba(31,16,5,.30);
}
.solitaireRulesCard ul{
  margin:12px 0 0;
  padding-left:19px;
  color:#6a482e;
  font-weight:900;
  line-height:1.38;
}
.solitaireRulesCard li+li{
  margin-top:7px;
}
@media(max-width:820px){
  .roomUpgrade.scratchTree{width:108px!important;height:133px!important;}
  .roomUpgrade.cozyBed{width:132px!important;height:108px!important;}
  .roomUpgrade.toyBox{width:124px!important;height:95px!important;}
  .roomUpgrade.windowCushion{width:118px!important;height:123px!important;}
  .roomUpgrade.fountain{width:92px!important;height:89px!important;}
  .roomUpgrade.playRug{width:160px!important;height:94px!important;}
}
@media(max-width:560px){
  .hiddenFind{
    width:24px!important;
    height:24px!important;
    opacity:.50!important;
  }
  .roomUpgrade.scratchTree{width:84px!important;height:104px!important;}
  .roomUpgrade.cozyBed{width:98px!important;height:80px!important;}
  .roomUpgrade.toyBox{width:92px!important;height:71px!important;}
  .roomUpgrade.windowCushion{width:84px!important;height:88px!important;}
  .roomUpgrade.fountain{width:70px!important;height:68px!important;}
  .roomUpgrade.playRug{width:118px!important;height:69px!important;}
  .solitaireDragGhost{
    width:60px;
  }
  .sCard.faceCard .sCenterIcon{
    width:min(88%,38px)!important;
  }
  .solitaireTime{
    min-width:58px;
    min-height:27px;
    font-size:12px;
  }
}

/* --- v2631_solitaire_fullscreen_cards_hints --- */
/* V26.31 - stabiler Solitaer-Vollbildmodus, bessere Karten, Drop-Hilfen und dezente Tipps. */
.solitaireModal.open.fit{
  place-items:center!important;
  padding:8px!important;
}
.solitaireModal.fit .solitaireShell{
  justify-self:center!important;
  align-self:center!important;
  width:min(1360px,calc(100vw - 16px))!important;
  height:calc(100dvh - 16px)!important;
  max-height:none!important;
  margin:0 auto!important;
  gap:6px!important;
  padding:8px!important;
}
.solitaireModal.fullscreen{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:rgba(31,17,7,.92)!important;
}
.solitaireModal.fullscreen .solitaireShell{
  width:100vw!important;
  height:100dvh!important;
  border-radius:0!important;
}
html.popupLocked,
body.popupLocked{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.popupLocked{
  position:fixed!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  top:var(--popup-lock-top,0px)!important;
  padding-right:calc(var(--popup-body-pad-right, 0px) + var(--popup-scrollbar-width, 0px))!important;
}
.solitaireModal.fit .solitaireTop{
  grid-template-columns:minmax(150px,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
}
.solitaireModal.fit .solitaireTitle h3{
  font-size:clamp(18px,2.1vw,24px)!important;
}
.solitaireModal.fit .solitaireTitle small{
  margin-top:2px!important;
  font-size:12px!important;
  line-height:1.15!important;
}
.solitaireModal.fit .solitaireControls{
  gap:4px!important;
  align-items:center!important;
}
.solitaireModal.fit .solitaireBtn{
  min-height:30px!important;
  padding:5px 7px!important;
  border-radius:11px!important;
  font-size:11px!important;
  line-height:1!important;
}
.solitaireModal.fit .closeX{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  font-size:26px!important;
}
.solitaireModal.fit .solitaireShell>.windowCornerClose{
  top:6px!important;
  right:6px!important;
}
.solitaireModal.fit .solitaireShell>.solitaireTop{
  padding-right:44px!important;
}
.solitaireModal.fit .solitaireTable{
  overflow:hidden!important;
  padding:0!important;
  min-height:0!important;
}
.solitaireModal.fit .solitaireBoard{
  transform-origin:top left;
  will-change:transform;
}
.solitaireModal.fit .solitaireStatus{
  min-height:30px!important;
  padding:6px 9px!important;
  border-radius:13px!important;
  font-size:12px!important;
}
.solitaireTipToast{
  position:absolute;
  left:50%;
  top:74px;
  z-index:75;
  max-width:min(540px,calc(100% - 28px));
  padding:9px 13px;
  border-radius:999px;
  color:#60411f;
  background:rgba(255,251,241,.92);
  border:1px solid rgba(255,255,255,.74);
  box-shadow:0 12px 28px rgba(48,27,9,.18);
  font-size:12px;
  font-weight:1000;
  text-align:center;
  opacity:0;
  transform:translate(-50%,-8px);
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.solitaireTipToast.show{
  opacity:1;
  transform:translate(-50%,0);
}
.sCard.faceCard{
  border:1px solid rgba(102,62,25,.20)!important;
  padding:7px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,246,230,.72) 45%,rgba(236,205,158,.82)),
    linear-gradient(180deg,#fffdfa,#f1dfc4)!important;
  box-shadow:0 8px 16px rgba(48,26,9,.18),inset 0 0 0 3px rgba(255,255,255,.62),inset 0 0 0 5px rgba(142,88,35,.10)!important;
}
.sCard.faceCard:before{
  inset:12% 10%!important;
  opacity:.22!important;
  background:
    radial-gradient(circle at 50% 43%,var(--face-tint),rgba(255,255,255,0) 72%),
    var(--suit-img) center/76% auto no-repeat!important;
}
.sCorner{
  min-height:auto!important;
  display:grid!important;
  grid-template-columns:auto!important;
  justify-items:center!important;
  gap:1px!important;
  font-size:clamp(13px,1.45vw,22px)!important;
  line-height:.92!important;
  letter-spacing:0!important;
}
.sCorner.top{
  justify-self:start;
  align-self:start;
}
.sCorner.bottom{
  justify-self:end;
  align-self:end;
  transform:rotate(180deg);
}
.sRank{
  min-width:1.1em;
  padding:1px 2px;
  border-radius:5px;
  color:#2f2116;
  background:rgba(255,255,255,.72);
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.sCard.red .sRank{
  color:#a93445;
}
.sCornerIcon{
  width:clamp(13px,1.5vw,20px)!important;
  height:clamp(13px,1.5vw,20px)!important;
}
.sCenterIcon{
  width:min(70%,90px)!important;
  filter:drop-shadow(0 6px 9px rgba(65,37,17,.14))!important;
}
.sCard.down{
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 9px 17px rgba(48,26,9,.24),inset 0 0 0 3px rgba(255,255,255,.20),inset 0 0 0 6px rgba(58,77,84,.32)!important;
}
.sPile.canDrop,
.sSlot.canDrop{
  outline:3px solid rgba(88,174,89,.82)!important;
  outline-offset:2px;
  background:rgba(226,255,220,.45)!important;
}
.sPile.cantDrop,
.sSlot.cantDrop{
  outline:3px solid rgba(203,73,64,.64)!important;
  outline-offset:2px;
  background:rgba(255,226,221,.34)!important;
}
.sPile.dragOver.canDrop,
.sSlot.dragOver.canDrop{
  box-shadow:0 0 0 5px rgba(117,203,102,.23),inset 0 0 0 2px rgba(255,255,255,.60)!important;
}
.sPile.dragOver.cantDrop,
.sSlot.dragOver.cantDrop{
  box-shadow:0 0 0 5px rgba(211,75,67,.20),inset 0 0 0 2px rgba(255,255,255,.46)!important;
}
.solitaireModal.fit .solitaireTime{
  min-width:58px!important;
  min-height:24px!important;
  padding:2px 7px!important;
}
@media(max-width:820px){
  .solitaireModal.open.fit{
    padding:3px!important;
  }
  .solitaireModal.fit .solitaireShell{
    height:calc(100dvh - 6px)!important;
    padding:6px!important;
    gap:5px!important;
    border-radius:14px!important;
  }
  .solitaireModal.fit .solitaireTop{
    grid-template-columns:1fr!important;
  }
  .solitaireModal.fit .solitaireTitle{
    min-height:0;
  }
  .solitaireModal.fit .solitaireTitle h3{
    font-size:17px!important;
  }
  .solitaireModal.fit .solitaireTitle small{
    font-size:11px!important;
  }
  .solitaireModal.fit .solitaireControls{
    padding-right:42px;
  }
}
@media(max-width:560px){
  .solitaireModal.fit .solitaireShell{
    padding:5px!important;
    gap:4px!important;
    border-radius:12px!important;
  }
  .solitaireModal.fit .solitaireTitle h3{
    display:none;
  }
  .solitaireModal.fit .solitaireTitle small{
    font-size:10.5px!important;
    white-space:normal;
  }
  .solitaireModal.fit .solitaireControls{
    gap:3px!important;
  }
  .solitaireModal.fit .solitaireBtn{
    min-height:27px!important;
    padding:4px 5px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }
  .solitaireModal.fit .closeX{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    font-size:23px!important;
  }
  .solitaireModal.fit .solitaireShell>.windowCornerClose{
    top:5px!important;
    right:5px!important;
  }
  .solitaireModal.fit .solitaireShell>.solitaireTop{
    padding-right:38px!important;
  }
  .solitaireModal.fit .solitaireControls{
    padding-right:37px;
  }
  .solitaireModal.fit .solitaireStatus{
    min-height:26px!important;
    padding:5px 7px!important;
    font-size:10.5px!important;
  }
  .solitaireTipToast{
    top:88px;
    max-width:calc(100% - 18px);
    border-radius:14px;
    font-size:10.5px;
    padding:7px 10px;
  }
  .sCard.faceCard{
    padding:4px!important;
  }
  .sCorner{
    font-size:10px!important;
  }
  .sCornerIcon{
    width:11px!important;
    height:11px!important;
  }
}

/* --- v2632_paint_final_layout --- */
/* V26.32 final - die Malflaeche gewinnt gegen aeltere Spaetregeln. */
.paintShell{
  width:min(1520px,calc(100vw - 16px))!important;
  height:calc(100dvh - 16px)!important;
  max-height:none!important;
}
.paintBody{
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(0,1fr) auto!important;
}
.paintCanvasWrap,
.paintCanvasPad,
#paintCanvas{
  background:#fff!important;
  image-rendering:pixelated!important;
  image-rendering:crisp-edges!important;
}
.paintPalettePanel{
  min-height:118px!important;
  max-height:174px!important;
  display:grid!important;
  grid-template-columns:minmax(190px,250px) minmax(210px,300px) minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  gap:8px!important;
  overflow:hidden!important;
}
.paintPalette{
  grid-auto-flow:row!important;
  grid-template-columns:repeat(3,minmax(92px,1fr))!important;
  grid-template-rows:none!important;
  grid-auto-columns:auto!important;
  grid-auto-rows:minmax(42px,auto)!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
}
@media(max-width:860px){
  .paintPalettePanel{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(76px,96px)!important;
    max-height:204px!important;
  }
  .paintPalette{
    grid-template-columns:repeat(3,minmax(76px,1fr))!important;
    grid-auto-rows:38px!important;
  }
}
@media(max-width:520px){
  .paintPalettePanel{
    max-height:188px!important;
    grid-template-rows:auto auto minmax(66px,82px)!important;
  }
  .paintPalette{
    grid-template-columns:repeat(3,minmax(64px,1fr))!important;
    grid-auto-rows:34px!important;
  }
}

/* --- v2634_paint_zoom_quality_fix --- */
/* V26.34 - Zoom wieder stufenlos; Bilddarstellung wieder weich/sauber, Palette bleibt 3-spaltig. */
#paintCanvas{
  image-rendering:auto!important;
}
.paintPalette{
  grid-auto-flow:row!important;
  grid-template-columns:repeat(3,minmax(92px,1fr))!important;
  grid-template-rows:none!important;
  grid-auto-rows:minmax(42px,auto)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
@media(max-width:860px){
  .paintPalette{
    grid-template-columns:repeat(3,minmax(76px,1fr))!important;
    grid-auto-rows:38px!important;
  }
}
@media(max-width:520px){
  .paintPalette{
    grid-template-columns:repeat(3,minmax(64px,1fr))!important;
    grid-auto-rows:34px!important;
  }
}

/* --- v2647_solitaire_solvable_stuck_calm_drag --- */
/* V26.47 - Solitär: lösbare Deals, Sackgassen-Hinweis und ruhige Drop-Markierungen. */
.sCard.down{
  --suit-img:none!important;
}
.sCard.down .sCorner,
.sCard.down .sCenter,
.sCard.down .sSuitIcon,
.sCard.down .sRank{
  display:none!important;
}
.sSuitIcon{
  background-image:none!important;
  background-color:#2c2521;
  -webkit-mask:var(--suit-img) center/contain no-repeat;
  mask:var(--suit-img) center/contain no-repeat;
  filter:drop-shadow(0 2px 2px rgba(40,24,14,.20))!important;
}
.sSuitIcon.suitColorRed{
  background-color:#c73e58;
  filter:drop-shadow(0 2px 2px rgba(117,31,49,.24))!important;
}
.sSuitIcon.suitColorBlack{
  background-color:#262322;
}
.sEmptyAction .sSuitIcon{
  background-color:#262322;
}
.sEmptyAction .sSuitIcon.suitColorRed{
  background-color:#c73e58;
}
.sCard.faceCard.covered:before{
  opacity:0!important;
  background:none!important;
}
.sCard.faceCard.covered .sCenter{
  display:none!important;
}
.sCard.faceCard.covered .sSuitIcon{
  display:none!important;
}
.sCard.faceCard.covered .sCorner.bottom{
  display:none!important;
}
.sCard.recycleStock{
  display:grid;
  place-items:center;
}
.sCard.recycleStock .recycleLabel{
  display:grid!important;
  place-items:center;
  min-width:58px;
  min-height:28px;
  padding:4px 8px;
  border-radius:999px;
  color:#fffaf1;
  background:rgba(86,53,28,.72);
  font-size:11px;
  font-weight:1000;
  box-shadow:0 5px 10px rgba(42,23,8,.18);
}
.solitaireBtn.magic{
  color:#fffaf1;
  background:linear-gradient(180deg,#f0c05f,#9360b4);
}
.solitaireBtn.magic[disabled]{
  color:#8b735e!important;
  background:linear-gradient(180deg,#eee1cf,#d7c2a6)!important;
  opacity:.62;
  cursor:not-allowed;
}
.solitaireTable{
  position:relative;
}
.sPile.canDrop,
.sSlot.canDrop,
.sPile.cantDrop,
.sSlot.cantDrop,
.sPile.dragOver,
.sSlot.dragOver{
  outline:0!important;
  outline-offset:0!important;
}
.sPile.canDrop,
.sSlot.canDrop{
  background:rgba(226,255,220,.36)!important;
  box-shadow:inset 0 0 0 3px rgba(88,174,89,.72),0 0 0 1px rgba(255,255,255,.35)!important;
}
.sPile.cantDrop,
.sSlot.cantDrop{
  background:rgba(255,226,221,.28)!important;
  box-shadow:inset 0 0 0 3px rgba(203,73,64,.58),0 0 0 1px rgba(255,255,255,.25)!important;
}
.sPile.dragOver.canDrop,
.sSlot.dragOver.canDrop{
  box-shadow:inset 0 0 0 4px rgba(88,174,89,.88),0 0 18px rgba(117,203,102,.24)!important;
}
.sPile.dragOver.cantDrop,
.sSlot.dragOver.cantDrop{
  box-shadow:inset 0 0 0 4px rgba(203,73,64,.72),0 0 18px rgba(211,75,67,.20)!important;
}
.solitaireStuckBanner{
  position:absolute;
  left:50%;
  top:50%;
  z-index:70;
  width:min(760px,calc(100% - 28px));
  transform:translate(-50%,-50%);
  border:2px solid rgba(255,245,232,.72);
  border-radius:18px;
  padding:16px;
  color:#fffaf1;
  text-align:center;
  background:linear-gradient(180deg,#e6483d,#a6201d);
  box-shadow:0 18px 38px rgba(74,18,10,.34),inset 0 1px 0 rgba(255,255,255,.28);
}
.solitaireStuckBanner strong{
  display:block;
  font-size:clamp(19px,2vw,27px);
  line-height:1.05;
  margin-bottom:6px;
  text-shadow:0 2px 5px rgba(70,12,8,.34);
}
.solitaireStuckBanner p{
  margin:0 auto 12px;
  max-width:660px;
  font-weight:800;
  line-height:1.35;
}
.solitaireStuckActions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.solitaireStuckActions button{
  min-height:38px;
  border:0;
  border-radius:999px;
  padding:9px 16px;
  color:#5b2d13;
  font-weight:1000;
  background:linear-gradient(180deg,#fff8e9,#f0c16a);
  box-shadow:0 8px 15px rgba(72,20,8,.20),inset 0 1px 0 rgba(255,255,255,.8);
  cursor:pointer;
}
.solitaireStuckActions button.danger{
  color:#fffaf1;
  background:linear-gradient(180deg,#81483a,#4f241e);
}
@media(max-width:620px){
  .solitaireStuckBanner{
    padding:13px 10px;
    border-radius:14px;
  }
  .solitaireStuckBanner p{
    font-size:12px;
  }
  .solitaireStuckActions button{
    min-height:34px;
    padding:8px 12px;
    font-size:12px;
  }
}
body.findModeActive{
  padding:0!important;
  overflow:hidden!important;
}

body.findModeActive .actionsWrap,
body.findModeActive .drawer{
  display:none!important;
}
body.findModeActive .app{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#20150d!important;
}
body.findModeActive .main,
body.findModeActive .roomCard{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#20150d!important;
}
body.findModeActive .roomScene{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  border-radius:0!important;
}
body.findModeActive .statusPanel,
body.findModeActive .roomInfoHint{
  display:none!important;
}
.findModeHud{
  position:absolute;
  left:50%;
  top:max(10px,env(safe-area-inset-top));
  z-index:120;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  max-width:calc(100% - 22px);
  min-height:44px;
  padding:7px 12px;
  border-radius:999px;
  color:#4a2a13;
  background:rgba(255,248,234,.92);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 12px 28px rgba(36,18,7,.28),inset 0 1px 0 rgba(255,255,255,.74);
  backdrop-filter:blur(12px) saturate(1.18);
  -webkit-backdrop-filter:blur(12px) saturate(1.18);
  pointer-events:none;
}
.findModeHud strong,
.findModeHud b{
  font-weight:1000;
  white-space:nowrap;
}
.findModeHud b{
  min-width:54px;
  padding:7px 10px;
  border-radius:999px;
  color:#fffaf1;
  text-align:center;
  background:linear-gradient(180deg,#e28737,#a95d21);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32);
}
.findModeHud span,
.findModeHud small{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-weight:900;
}
.findModeHud small{
  color:#755133;
}
body:not(.findModeActive) .findModeHud{
  display:none!important;
}
body.findModeActive .hiddenFind{
  z-index:110!important;
}
@media(max-width:640px){
  .findModeHud{
    top:max(7px,env(safe-area-inset-top));
    gap:6px;
    min-height:38px;
    padding:6px 8px;
    border-radius:18px;
    font-size:11px;
  }
  .findModeHud small{
    display:none;
  }
  .findModeHud b{
    min-width:46px;
    padding:6px 8px;
  }
}

/* --- v2651_glass_toasts --- */
/* V26.51 - Hinweise als warme Glas-Karten statt dunklem Block. */
.toast{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:max-content!important;
  max-width:min(560px,calc(100vw - 28px))!important;
  min-width:min(320px,calc(100vw - 28px))!important;
  min-height:54px!important;
  padding:12px 18px 12px 16px!important;
  border-radius:22px!important;
  color:#4a2a13!important;
  text-align:center!important;
  font-size:clamp(14px,1.25vw,18px)!important;
  line-height:1.2!important;
  font-weight:1000!important;
  letter-spacing:0!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,235,198,.48)),
    rgba(255,248,235,.58)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 18px 42px rgba(42,22,8,.25),inset 0 1px 0 rgba(255,255,255,.84),inset 0 0 0 1px rgba(128,75,25,.08)!important;
  backdrop-filter:blur(18px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.22)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.48)!important;
}
.toast:before{
  content:"";
  flex:0 0 auto;
  width:30px;
  height:30px;
  border-radius:12px;
  background:
    radial-gradient(circle at 34% 28%,#fff8d5 0 18%,transparent 19%),
    linear-gradient(145deg,#f4c66d,#b8792e);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 8px 16px rgba(72,39,13,.18);
}
.toast.show{
  display:flex!important;
  animation:glassToastIn .22s ease-out both;
}
@keyframes glassToastIn{
  from{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.98);}
  to{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}
}
@media(max-width:640px){
  .toast{
    max-width:calc(100vw - 18px)!important;
    min-width:0!important;
    width:calc(100vw - 24px)!important;
    min-height:48px!important;
    padding:10px 12px!important;
    border-radius:18px!important;
    font-size:13px!important;
  }
  .toast:before{
    width:24px;
    height:24px;
    border-radius:9px;
  }
}

/* --- v2652_visitors_gallery_rankings --- */
/* V26.52 - Besuchstiere als lebendige Rundbilder und Spieler als Katzenclub-Ranking. */
.visitorActor{
  width:176px!important;
  height:218px!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  z-index:13!important;
  animation-duration:34s!important;
  animation-timing-function:cubic-bezier(.43,0,.27,1)!important;
  will-change:transform;
}
.visitorActor.v2,.visitorActor.v5{animation-duration:38s!important}
.visitorActor.v3,.visitorActor.v6{animation-duration:41s!important}
.visitorPod{
  left:50%!important;
  bottom:28px!important;
  width:132px!important;
  height:150px!important;
  transform:translateX(-50%)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.visitorPod:after{display:none!important}
.visitorPhoto{
  left:50%!important;
  top:18px!important;
  width:116px!important;
  height:116px!important;
  transform:translate(-50%,-50%);
  border-radius:50%!important;
  overflow:hidden!important;
  border:4px solid rgba(255,245,217,.98)!important;
  background:rgba(255,250,240,.78)!important;
  box-shadow:0 16px 28px rgba(52,28,10,.24),inset 0 0 0 1px rgba(148,91,35,.12)!important;
  animation:visitorRoundIdle 4.8s ease-in-out infinite;
}
.visitorPhoto img{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.visitorName{
  left:50%!important;
  right:auto!important;
  top:138px!important;
  width:max-content!important;
  max-width:132px!important;
  transform:translateX(-50%)!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  color:#513018!important;
  background:rgba(255,248,236,.88)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:0 8px 16px rgba(54,31,13,.12),inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.visitorBubble{
  left:50%!important;
  bottom:178px!important;
  max-width:142px!important;
  transform:translateX(-50%)!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  color:#fff7e8!important;
  background:rgba(76,42,18,.72)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 10px 20px rgba(38,19,7,.20)!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.visitorThought{
  position:absolute;
  left:50%;
  bottom:202px;
  transform:translateX(-50%);
  z-index:3;
  max-width:164px;
  padding:7px 10px;
  border-radius:16px;
  color:#563319;
  background:rgba(255,250,239,.92);
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 12px 24px rgba(55,30,12,.16),inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:11px;
  font-weight:1000;
  line-height:1.12;
  text-align:center;
  pointer-events:none;
  opacity:.96;
}
.visitorThought:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;
  width:12px;
  height:12px;
  transform:translateX(-50%) rotate(45deg);
  background:inherit;
  border-right:1px solid rgba(255,255,255,.58);
  border-bottom:1px solid rgba(255,255,255,.58);
}
.visitorActor:hover .visitorPhoto{
  animation:visitorRoundHop .55s ease-in-out 1;
}
.visitorShadow{
  left:50%!important;
  bottom:26px!important;
  width:108px!important;
  height:22px!important;
  transform:translateX(-50%)!important;
  background:rgba(45,24,9,.24)!important;
}
@keyframes visitorRoundIdle{
  0%,58%,100%{transform:translate(-50%,-50%) scale(1);}
  64%{transform:translate(-50%,calc(-50% - 6px)) scale(1.02);}
  70%{transform:translate(-50%,-50%) scale(1);}
}
@keyframes visitorRoundHop{
  0%,100%{transform:translate(-50%,-50%) scale(1);}
  45%{transform:translate(-50%,calc(-50% - 10px)) scale(1.05);}
}
@keyframes visitorRoomPath1{0%,11%,100%{transform:translate(0,0)}22%,30%{transform:translate(39vw,-4vw)}43%,50%{transform:translate(61vw,12vw)}63%,70%{transform:translate(31vw,23vw)}84%,91%{transform:translate(9vw,7vw)}}
@keyframes visitorRoomPath2{0%,13%,100%{transform:translate(0,0)}23%,31%{transform:translate(-35vw,10vw)}45%,52%{transform:translate(-59vw,-3vw)}65%,72%{transform:translate(-31vw,23vw)}86%,92%{transform:translate(-8vw,4vw)}}
@keyframes visitorRoomPath3{0%,14%,100%{transform:translate(0,0)}27%,36%{transform:translate(46vw,6vw)}54%,63%{transform:translate(27vw,24vw)}80%,88%{transform:translate(-11vw,13vw)}}
@keyframes visitorRoomPath4{0%,12%,100%{transform:translate(0,0)}25%,34%{transform:translate(-43vw,4vw)}51%,60%{transform:translate(-19vw,24vw)}76%,86%{transform:translate(14vw,10vw)}}
@keyframes visitorRoomPath5{0%,15%,100%{transform:translate(0,0)}31%,40%{transform:translate(54vw,2vw)}62%,70%{transform:translate(32vw,27vw)}84%,92%{transform:translate(5vw,18vw)}}
@keyframes visitorRoomPath6{0%,13%,100%{transform:translate(0,0)}29%,38%{transform:translate(-52vw,5vw)}59%,68%{transform:translate(-29vw,25vw)}84%,92%{transform:translate(-6vw,15vw)}}
.publicGalleryLead{
  display:grid;
  gap:4px;
  margin:0 0 12px;
}
.publicGalleryLead strong,
.rankingHero strong{
  font-size:18px;
}
.rankingHero{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:12px;
  align-items:stretch;
  margin-bottom:12px;
}
.rankingHero>div,
.rankingCard{
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,238,204,.54));
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 12px 26px rgba(66,38,15,.12),inset 0 1px 0 rgba(255,255,255,.72);
  padding:13px;
}
.rankingGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.rankingCard{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.rankMedal{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#fffaf1;
  font-size:20px;
  font-weight:1000;
  background:linear-gradient(145deg,#e9b35b,#9c6024);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 8px 18px rgba(65,36,13,.16);
}
.rankingName{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.rankingName strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rankTitle{
  display:inline-flex;
  max-width:100%;
  padding:3px 8px;
  border-radius:999px;
  color:#68411f;
  background:rgba(255,247,232,.82);
  border:1px solid rgba(164,99,34,.13);
  font-size:10px;
  font-weight:1000;
}
.rankStats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  margin-top:8px;
}
.rankStats span{
  min-width:0;
  padding:6px 5px;
  border-radius:11px;
  background:rgba(255,250,241,.74);
  text-align:center;
  color:#6a4b32;
  font-size:10px;
  font-weight:1000;
}
.memberGate{
  padding:18px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,238,204,.54));
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 12px 26px rgba(66,38,15,.12);
}
@media(max-width:820px){
  .visitorActor{width:136px!important;height:178px!important;}
  .visitorPhoto{width:88px!important;height:88px!important;top:22px!important;}
  .visitorName{top:118px!important;max-width:104px!important;font-size:10px!important;}
  .visitorBubble{bottom:144px!important;max-width:108px!important;font-size:9px!important;}
  .visitorThought{bottom:166px;max-width:126px;font-size:9px;padding:6px 8px;}
  .rankingHero,.rankingGrid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .visitorActor{width:112px!important;height:148px!important;}
  .visitorPhoto{width:72px!important;height:72px!important;top:24px!important;border-width:3px!important;}
  .visitorName{top:100px!important;max-width:88px!important;font-size:9px!important;padding:3px 7px!important;}
  .visitorBubble{bottom:123px!important;max-width:92px!important;}
  .visitorThought{bottom:143px;max-width:102px;font-size:8px;}
  .rankStats{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* --- v2653_rules_help_guide --- */
/* V26.53 - ausfuehrliches, uebersichtliches Hilfe- und Angebotsfenster. */
.rulesModal{
  width:min(980px,calc(100vw - 24px))!important;
  max-height:min(88vh,820px)!important;
  padding:18px!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,237,205,.54)),rgba(255,248,237,.72)!important;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:0 26px 74px rgba(35,18,7,.32),inset 0 1px 0 rgba(255,255,255,.76)!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
}
.rulesModal .drawerHead{
  align-items:flex-start!important;
  padding-right:52px!important;
}
.rulesLead{
  max-width:680px!important;
  color:#7d5638!important;
  font-size:14px!important;
  line-height:1.35!important;
}
.rulesIntro{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:14px;
  margin:14px 0;
}
.rulesHeroCard,
.rulesQuickCard,
.rulesCard,
.rulesFuture{
  border-radius:22px;
  background:rgba(255,250,240,.78);
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 12px 28px rgba(60,34,13,.12),inset 0 1px 0 rgba(255,255,255,.70);
  padding:15px;
}
.rulesHeroCard{
  background:linear-gradient(145deg,rgba(255,248,228,.90),rgba(245,198,122,.50));
}
.rulesHeroCard h4,
.rulesQuickCard h4,
.rulesCard h4,
.rulesFuture h4{
  margin:0 0 8px;
  font-size:16px;
  color:#553018;
}
.rulesHeroCard p,
.rulesQuickCard p,
.rulesCard p,
.rulesFuture p{
  margin:0;
  color:#735236;
  font-weight:850;
  line-height:1.45;
}
.rulesPills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.rulesPills span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  color:#5b3618;
  background:rgba(255,249,237,.74);
  border:1px solid rgba(160,96,36,.14);
  font-size:12px;
  font-weight:1000;
}
.rulesModal ul.rulesGuide{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:12px 0 0!important;
  padding:0!important;
  list-style:none!important;
}
.rulesGuide li{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:11px;
  align-items:flex-start;
  min-height:132px;
  margin:0!important;
  padding:14px!important;
  border-radius:20px!important;
  background:rgba(255,250,240,.82)!important;
  border:1px solid rgba(255,255,255,.64)!important;
  box-shadow:0 10px 24px rgba(61,35,14,.10),inset 0 1px 0 rgba(255,255,255,.68)!important;
}
.rulesIcon{
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#fffaf1;
  font-size:18px;
  font-weight:1000;
  background:linear-gradient(145deg,#e8b65d,#9b6428);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 8px 16px rgba(71,40,14,.16);
}
.rulesGuide strong{
  display:block;
  margin:0 0 5px;
  color:#543018;
  font-size:15px;
  line-height:1.1;
}
.rulesGuide span{
  display:block;
  color:#77563a;
  font-weight:850;
  line-height:1.38;
}
.rulesFuture{
  margin-top:12px;
  background:linear-gradient(145deg,rgba(255,250,240,.88),rgba(218,236,255,.46));
}
@media(max-width:820px){
  .rulesIntro,
  .rulesModal ul.rulesGuide{
    grid-template-columns:1fr!important;
  }
  .rulesGuide li{
    min-height:0;
  }
}
@media(max-width:560px){
  .rulesModal{
    width:calc(100vw - 12px)!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  .rulesGuide li{
    grid-template-columns:36px minmax(0,1fr);
    padding:12px!important;
  }
  .rulesIcon{
    width:36px;
    height:36px;
    border-radius:13px;
    font-size:15px;
  }
  .rulesGuide strong{
    font-size:14px;
  }
  .rulesGuide span,
  .rulesHeroCard p,
  .rulesQuickCard p,
  .rulesFuture p{
    font-size:12px;
  }
}

/* --- v2654_paw_imprint --- */
/* V26.54 - schmales Pfoten-Impressum am Seitenende. */
.pawImprint{
  margin:10px 12px 16px;
  padding:10px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,238,205,.5));
  box-shadow:0 10px 24px rgba(62,36,15,.1),inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter:blur(14px) saturate(1.12);
  color:#5a3418;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:7px 12px;
  text-align:center;
  font-size:12px;
  font-weight:900;
  line-height:1.25;
}
.pawImprint strong{
  font-size:13px;
  font-weight:1000;
  color:#3f230f;
  text-shadow:0 1px 0 rgba(255,255,255,.75);
}
.pawImprint .pawDot:before{
  content:"";
  width:7px;
  height:7px;
  display:inline-block;
  margin:0 8px 1px 0;
  border-radius:50%;
  background:linear-gradient(145deg,#d99b3c,#9b5b19);
  box-shadow:-5px -3px 0 -2px rgba(155,91,25,.85),5px -3px 0 -2px rgba(155,91,25,.85),0 -7px 0 -3px rgba(155,91,25,.75);
  vertical-align:middle;
}
.pawImprint a{
  color:#7a3e12;
  text-decoration:none;
  padding:5px 10px;
  min-height:30px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(207,151,63,.34);
  box-shadow:0 4px 12px rgba(88,45,11,.09);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
.pawImprint a:hover{
  background:#fff6df;
  color:#3f230f;
}
body.findModeActive .pawImprint{
  display:none!important;
}
@media(max-width:640px){
  .pawImprint{
    margin:8px;
    padding:10px 9px;
    display:grid;
    gap:6px;
    font-size:11px;
    border-radius:16px;
  }
  .pawImprint strong{
    font-size:12px;
  }
  .pawImprint a{
    justify-self:center;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .pawImprint .pawDot:before{
    margin-right:6px;
  }
}

/* --- v2655_room_focus_mode --- */
/* V26.55 - Zimmer-Fokus mit Vollbildansicht und kompakter Aktionsleiste. */
.roomFocusBtn{
  position:absolute;
  top:12px;
  right:12px;
  z-index:48;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,235,196,.62));
  color:#5a3418;
  box-shadow:0 10px 22px rgba(48,27,12,.18),inset 0 1px 0 rgba(255,255,255,.86);
  backdrop-filter:blur(12px) saturate(1.15);
  font-size:24px;
  font-weight:1000;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  touch-action:manipulation;
}
.roomFocusBtn:hover,
.roomFocusBtn.active{
  background:linear-gradient(145deg,#fff7df,#f0bd58);
  transform:translateY(-1px);
}
.roomFocusBtn span{
  display:block;
  transform:translateY(-1px);
}
body.roomFocusMode{
  padding:0!important;
  overflow:hidden!important;
  background:#1f1309!important;
}

body.roomFocusMode .drawer,
body.roomFocusMode .pawImprint{
  display:none!important;
}
body.roomFocusMode .app{
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:#1f1309!important;
}
body.roomFocusMode .main{
  width:100vw!important;
  height:100dvh!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  overflow:hidden!important;
}
body.roomFocusMode .roomCard{
  width:100vw!important;
  height:100dvh!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#1f1309!important;
}
body.roomFocusMode .roomScene{
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  border-radius:0!important;
  background-size:cover!important;
  background-position:center center!important;
}
body.roomFocusMode .statusPanel{
  top:12px!important;
  left:12px!important;
  max-width:min(220px,calc(100vw - 92px))!important;
  transform:scale(.92);
  transform-origin:top left;
  background:rgba(255,250,242,.82)!important;
  backdrop-filter:blur(12px) saturate(1.1)!important;
}
body.roomFocusMode .actionsWrap{
  position:fixed!important;
  left:50%!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
  z-index:92!important;
  width:min(1120px,calc(100vw - 18px))!important;
  margin:0!important;
  padding:7px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(145deg,rgba(255,250,242,.76),rgba(255,232,190,.58))!important;
  box-shadow:0 16px 34px rgba(39,22,10,.26),inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(16px) saturate(1.14)!important;
  transform:translateX(-50%)!important;
}
body.roomFocusMode .actionsGrid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:7px!important;
}
body.roomFocusMode .actionsGrid .actionButton{
  min-height:66px!important;
  padding:7px 8px!important;
  border-radius:16px!important;
}
body.roomFocusMode .actionsGrid .actionIcon{
  width:38px!important;
  height:38px!important;
}
body.roomFocusMode .actionsGrid .actionLabel{
  font-size:15px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
body.roomFocusMode .actionsGrid .actionBadge{
  display:none!important;
}
body.roomFocusMode .actionsGrid .actionFooter{
  display:none!important;
}
@media(max-width:760px){
  .roomFocusBtn{
    top:9px;
    right:9px;
    width:40px;
    height:40px;
    border-radius:14px;
    font-size:22px;
  }
  body.roomFocusMode .statusPanel{
    top:9px!important;
    left:9px!important;
    transform:scale(.78);
  }
  body.roomFocusMode .actionsWrap{
    width:calc(100vw - 12px)!important;
    padding:6px!important;
    border-radius:18px!important;
  }
  body.roomFocusMode .actionsGrid{
    display:flex!important;
    gap:6px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.roomFocusMode .actionsGrid::-webkit-scrollbar{
    display:none;
  }
  body.roomFocusMode .actionsGrid .actionButton{
    flex:0 0 92px!important;
    min-height:60px!important;
    padding:6px!important;
  }
  body.roomFocusMode .actionsGrid .actionIcon{
    width:32px!important;
    height:32px!important;
  }
  body.roomFocusMode .actionsGrid .actionLabel{
    font-size:12px!important;
  }
}

/* --- v2663_canvas_cats --- */
/* V26.63 - stabilere Denkblasen, lange Katzennickerchen und bessere HTML5-Skelettanimationen. */
.catRigCanvas{
  position:absolute;
  inset:0;
  z-index:11;
  width:100%;
  height:100%;
  pointer-events:none;
  display:none;
}
body.catCanvasActive .catRigCanvas{
  display:block;
}
body.catCanvasActive .catActor{
  opacity:0!important;
  pointer-events:none!important;
}
.catRigHitbox{
  position:absolute;
  z-index:23;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  touch-action:manipulation;
  transform:translate(-50%,-50%);
}
.catRigHitbox:focus-visible{
  outline:3px solid rgba(255,201,84,.9);
  outline-offset:5px;
  border-radius:24px;
}
body.findModeActive .catRigCanvas,
body.findModeActive .catRigHitbox{
  display:none!important;
}
.catNameBadge{
  display:none!important;
}
.thought{
  bottom:158px!important;
}
@media(max-width:560px){
  .thought{
    bottom:104px!important;
  }
}
.loginNote{
  min-width:0!important;
}

/* --- v2665_solitaire_random_win --- */
/* V26.65 - Solitaer wieder zufaellig gemischt und Sieg bekommt gruene Glueckwunschbox. */
.solitaireWinBanner{
  position:absolute;
  left:50%;
  top:50%;
  z-index:72;
  width:min(720px,calc(100% - 28px));
  transform:translate(-50%,-50%);
  border:2px solid rgba(246,255,236,.78);
  border-radius:18px;
  padding:16px;
  color:#fffdf4;
  text-align:center;
  background:linear-gradient(180deg,#62b95d,#2f7d3b);
  box-shadow:0 18px 38px rgba(18,74,24,.28),inset 0 1px 0 rgba(255,255,255,.32);
}
.solitaireWinBanner strong{
  display:block;
  font-size:clamp(20px,2vw,29px);
  line-height:1.05;
  margin-bottom:6px;
  text-shadow:0 2px 5px rgba(11,58,18,.32);
}
.solitaireWinBanner p{
  margin:0 auto 12px;
  max-width:620px;
  font-weight:900;
  line-height:1.35;
}
@media(max-width:620px){
  .solitaireWinBanner{
    padding:13px 10px;
    border-radius:14px;
  }
  .solitaireWinBanner p{
    font-size:12px;
  }
}

/* --- v2666_solitaire_table_controls --- */
/* V26.66 - groessere Solitaer-Buttons, Neustart und gezeichneter Holztisch. */
.solitaireModal.fit .solitaireShell{
  padding:clamp(10px,1.25vw,18px)!important;
  gap:clamp(8px,1vw,14px)!important;
  background:linear-gradient(145deg,rgba(255,252,245,.88),rgba(241,216,179,.64))!important;
}
.solitaireModal.fit .solitaireTop{
  gap:12px!important;
  align-items:center!important;
}
.solitaireModal.fit .solitaireControls{
  gap:8px!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.solitaireModal.fit .solitaireBtn{
  min-height:42px!important;
  min-width:48px!important;
  padding:9px 14px!important;
  border-radius:16px!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:0!important;
  color:#543118!important;
  background:linear-gradient(180deg,#fff6e8,#e4bb76)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 8px 16px rgba(69,36,12,.16),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 0 rgba(116,70,25,.12)!important;
  touch-action:manipulation;
}
.solitaireModal.fit .solitaireBtn:hover{
  transform:translateY(-1px);
  filter:saturate(1.08);
}
.solitaireModal.fit .solitaireBtn.active{
  color:#fffaf0!important;
  background:linear-gradient(180deg,#84bd65,#4f984b)!important;
  box-shadow:0 9px 18px rgba(35,94,40,.24),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.solitaireModal.fit .solitaireBtn.primary{
  color:#fffaf1!important;
  background:linear-gradient(180deg,#efb54b,#bb6d25)!important;
}
.solitaireModal.fit .solitaireBtn.restart{
  color:#fffaf1!important;
  background:linear-gradient(180deg,#6fbad7,#326e97)!important;
}
.solitaireModal.fit .solitaireBtn.magic{
  color:#fffaf1!important;
  background:linear-gradient(180deg,#e7bd63,#9561b2)!important;
}
.solitaireModal.fit .solitaireBtn[disabled]{
  transform:none!important;
  opacity:.6!important;
}
.solitaireModal.fit .closeX{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  font-size:31px!important;
  box-shadow:0 12px 22px rgba(120,35,24,.24)!important;
}
.solitaireModal.fit .solitaireShell>.solitaireTop{
  padding-right:56px!important;
}
.solitaireModal.fit .solitaireShell>.windowCornerClose{
  top:10px!important;
  right:10px!important;
}
.solitaireModal.fit .solitaireTable{
  position:relative!important;
  overflow:auto!important;
  padding:clamp(20px,2.6vw,42px)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,228,173,.24),rgba(68,31,12,.18) 72%),
    url('../assets/solitaire_wood_table_v2666.svg') center/cover no-repeat!important;
  box-shadow:inset 0 0 0 2px rgba(255,239,207,.30),inset 0 18px 48px rgba(255,228,164,.12),inset 0 -28px 58px rgba(43,18,7,.24)!important;
}
.solitaireModal.fit .solitaireTable:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.08),rgba(20,8,3,.22));
  mix-blend-mode:soft-light;
}
.solitaireModal.fit .solitaireBoard{
  position:relative;
  z-index:1;
  margin-inline:auto!important;
  padding:clamp(8px,1vw,16px)!important;
  border-radius:24px;
  background:rgba(255,238,205,.10);
  box-shadow:0 18px 38px rgba(37,15,5,.18);
}
@media(max-width:760px){
  .solitaireModal.fit .solitaireControls{
    gap:7px!important;
  }
  .solitaireModal.fit .solitaireBtn{
    min-height:40px!important;
    min-width:44px!important;
    padding:8px 11px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }
  .solitaireModal.fit .solitaireTable{
    padding:18px!important;
    border-radius:18px!important;
  }
}
@media(max-width:560px){
  .solitaireModal.fit .solitaireShell{
    padding:8px!important;
    gap:7px!important;
  }
  .solitaireModal.fit .solitaireControls{
    gap:6px!important;
    padding-right:48px!important;
  }
  .solitaireModal.fit .solitaireBtn{
    min-height:38px!important;
    min-width:42px!important;
    padding:8px 9px!important;
    border-radius:13px!important;
    font-size:11.5px!important;
  }
  .solitaireModal.fit .closeX{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    font-size:28px!important;
  }
  .solitaireModal.fit .solitaireShell>.solitaireTop{
    padding-right:46px!important;
  }
  .solitaireModal.fit .solitaireTable{
    padding:14px!important;
    border-radius:16px!important;
  }
}

/* --- v2667_paint_colorbook --- */
/* V26.67 - Ausmalbilder ohne Nummern, mit ruhigem Farbraster und warmem Spieltisch. */
.paintShell{
  background:
    linear-gradient(135deg,rgba(255,248,236,.92),rgba(214,193,166,.78)),
    url('../assets/solitaire_wood_table_v2666.svg') center/cover no-repeat!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:0 18px 48px rgba(41,24,12,.28),inset 0 0 0 1px rgba(118,79,38,.18)!important;
}
.paintTop{
  padding:12px 14px 8px!important;
}
.paintTitle h3{
  color:#5c3820!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72)!important;
}
.paintBody{
  gap:10px!important;
}
.paintBoard{
  min-height:0!important;
}
.paintProgress,
.paintSelected,
.paintPowerups,
.paintPalettePanel,
.paintFooter{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,244,224,.66))!important;
  border:1px solid rgba(255,255,255,.66)!important;
  box-shadow:0 8px 20px rgba(54,35,18,.12),inset 0 0 0 1px rgba(132,93,49,.12)!important;
  backdrop-filter:blur(10px)!important;
}
.paintCanvasWrap{
  background:
    linear-gradient(180deg,rgba(255,250,240,.20),rgba(120,76,38,.10)),
    url('../assets/solitaire_wood_table_v2666.svg') center/cover no-repeat!important;
  border:1px solid rgba(255,255,255,.70)!important;
  border-radius:22px!important;
  box-shadow:inset 0 0 0 1px rgba(88,56,26,.18),0 12px 28px rgba(38,24,13,.20)!important;
}
.paintCanvasPad{
  padding:clamp(18px,2.4vw,36px)!important;
  background:transparent!important;
}
#paintCanvas{
  background:#fffdf7!important;
  border-radius:15px!important;
  box-shadow:0 14px 26px rgba(42,27,13,.18),0 0 0 1px rgba(120,86,48,.16)!important;
  image-rendering:auto!important;
}
.paintSelected{
  border-radius:18px!important;
}
.paintSelected strong{
  font-size:15px!important;
}
.paintSelected small{
  color:#7b5632!important;
}
.paintPalettePanel{
  padding:8px!important;
  border-radius:18px!important;
}
.paintPalette{
  grid-template-columns:repeat(3,minmax(76px,1fr))!important;
  grid-auto-rows:minmax(42px,auto)!important;
  gap:8px!important;
  padding:2px 3px 8px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
.paintColorBtn{
  min-height:44px!important;
  border-radius:15px!important;
  padding:7px 8px!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  background:linear-gradient(180deg,#fffaf0,#f6dfba)!important;
  color:#57351d!important;
  box-shadow:0 5px 12px rgba(54,35,18,.10),inset 0 0 0 1px rgba(138,93,43,.18),inset 0 1px 0 rgba(255,255,255,.80)!important;
}
.paintColorBtn.active{
  outline:0!important;
  background:linear-gradient(180deg,#fff7df,#f0bd67)!important;
  box-shadow:0 0 0 3px rgba(92,168,92,.40),0 7px 16px rgba(54,35,18,.16),inset 0 0 0 1px rgba(134,83,30,.22)!important;
}
.paintColorSwatch{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
}
.paintColorBtn span:last-child{
  font-size:16px!important;
  text-align:center!important;
  letter-spacing:0!important;
}
.paintColorBtn.done{
  opacity:.82!important;
  filter:none!important;
  background:linear-gradient(180deg,#eff8e9,#d7edc8)!important;
}
.paintColorBtn.done:after{
  content:"\2713"!important;
  position:absolute!important;
  inset:3px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(98,176,94,.96),rgba(54,135,59,.96))!important;
  color:white!important;
  font-size:28px!important;
  font-weight:1000!important;
  text-shadow:0 2px 3px rgba(30,80,30,.24)!important;
}
.paintColorBtn.done .paintColorSwatch,
.paintColorBtn.done span:last-child{
  opacity:.22!important;
}
.paintPowerBtn{
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,250,241,.88),rgba(237,217,186,.72))!important;
}
@media(max-width:860px){
  .paintShell{
    width:calc(100vw - 8px)!important;
    height:calc(100dvh - 8px)!important;
  }
  .paintTop{
    padding:8px!important;
  }
  .paintBody{
    gap:8px!important;
  }
  .paintCanvasPad{
    padding:16px!important;
  }
  .paintPalettePanel{
    max-height:208px!important;
    grid-template-rows:auto auto minmax(82px,104px)!important;
  }
  .paintPalette{
    grid-template-columns:repeat(3,minmax(68px,1fr))!important;
    grid-auto-rows:38px!important;
    gap:7px!important;
  }
  .paintColorBtn{
    min-height:38px!important;
    padding:5px 6px!important;
    grid-template-columns:24px minmax(0,1fr)!important;
  }
  .paintColorSwatch{
    width:24px!important;
    height:24px!important;
  }
  .paintColorBtn span:last-child{
    font-size:14px!important;
  }
}
@media(max-width:520px){
  .paintTitle h3{
    font-size:18px!important;
  }
  .paintCanvasPad{
    padding:12px!important;
  }
  .paintPalettePanel{
    max-height:190px!important;
    grid-template-rows:auto auto minmax(70px,88px)!important;
  }
  .paintPalette{
    grid-template-columns:repeat(3,minmax(58px,1fr))!important;
    grid-auto-rows:34px!important;
    gap:6px!important;
  }
  .paintColorBtn{
    min-height:34px!important;
    grid-template-columns:20px minmax(0,1fr)!important;
  }
  .paintColorSwatch{
    width:20px!important;
    height:20px!important;
  }
  .paintColorBtn span:last-child{
    font-size:13px!important;
  }
}

/* --- v2668_paint_mobile_tools --- */
/* V26.68 - groessere Malwerkzeuge, bessere Feldhilfe und mobile Ein-Finger-Navigation. */
.paintShell>.windowCornerClose{
  top:14px!important;
  right:16px!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  font-size:32px!important;
  box-shadow:0 10px 20px rgba(122,37,24,.30),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.paintTop{
  align-items:center!important;
  padding:14px 78px 10px 14px!important;
}
.paintControls{
  display:grid!important;
  grid-template-columns:repeat(6,54px)!important;
  justify-content:end!important;
  align-items:center!important;
  gap:8px!important;
}
.paintModeBtn,
.paintToolBtn{
  width:54px!important;
  min-width:54px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 8px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  font-size:14px!important;
  line-height:1!important;
  text-align:center!important;
}
.paintModeBtn.active,
.paintToolBtn:active{
  transform:translateY(1px);
}
.paintShell [data-tip]{
  position:relative;
}
@media(hover:hover) and (pointer:fine){
  .paintShell [data-tip]:hover:after{
    content:attr(data-tip);
    position:absolute;
    z-index:120;
    right:0;
    bottom:calc(100% + 9px);
    max-width:250px;
    width:max-content;
    padding:8px 10px;
    border-radius:12px;
    background:rgba(69,43,24,.94);
    color:#fff8ec;
    font-size:12px;
    font-weight:900;
    line-height:1.25;
    text-align:left;
    box-shadow:0 8px 18px rgba(44,25,12,.24);
    pointer-events:none;
    white-space:normal;
  }
}
.paintCanvasWrap{
  cursor:grab!important;
  touch-action:none!important;
}
.paintCanvasWrap.painting{
  cursor:crosshair!important;
}
.paintCanvasWrap.panning{
  cursor:grabbing!important;
}
.paintPowerups{
  gap:9px!important;
}
.paintPowerBtn{
  min-height:58px!important;
  padding:9px 10px!important;
  border-radius:17px!important;
  color:#fffdf5!important;
  background:linear-gradient(180deg,#76b96c,#3f8b46)!important;
  box-shadow:0 8px 15px rgba(49,84,39,.18),inset 0 0 0 1px rgba(255,255,255,.24),inset 0 1px 0 rgba(255,255,255,.26)!important;
}
.paintPowerBtn+ .paintPowerBtn{
  background:linear-gradient(180deg,#f0ae48,#bd642e)!important;
  box-shadow:0 8px 15px rgba(126,65,23,.18),inset 0 0 0 1px rgba(255,255,255,.24),inset 0 1px 0 rgba(255,255,255,.26)!important;
}
.paintPowerBtn span{
  font-size:13px!important;
}
.paintPowerBtn small{
  font-size:10.5px!important;
}
.paintPowerBtn.disabled,
.paintPowerBtn:disabled{
  color:#7a6b58!important;
  background:linear-gradient(180deg,#eee4d4,#cbbda7)!important;
  box-shadow:inset 0 0 0 1px rgba(120,91,58,.12)!important;
}
.paintPowerBtn.armed{
  background:linear-gradient(180deg,#83cf72,#3e9a4c)!important;
  box-shadow:0 0 0 3px rgba(87,173,87,.32),0 8px 15px rgba(49,84,39,.20)!important;
}
.paintPowerBtn.active{
  background:linear-gradient(180deg,#ffd86a,#d98b2f)!important;
  box-shadow:0 0 0 3px rgba(255,211,92,.35),0 8px 15px rgba(126,65,23,.20)!important;
}
.paintColorBtn{
  min-height:46px!important;
}
.paintColorBtn.active{
  box-shadow:0 0 0 3px rgba(74,159,82,.50),0 8px 18px rgba(54,35,18,.18),inset 0 0 0 1px rgba(134,83,30,.22)!important;
}
@media(max-width:860px){
  .paintShell>.windowCornerClose{
    top:10px!important;
    right:10px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }
  .paintTop{
    padding:10px 68px 8px 10px!important;
    gap:8px!important;
  }
  .paintControls{
    grid-template-columns:repeat(3,52px)!important;
    gap:7px!important;
  }
  .paintModeBtn,
  .paintToolBtn{
    width:52px!important;
    min-width:52px!important;
    height:42px!important;
    min-height:42px!important;
    font-size:13px!important;
  }
  .paintPowerBtn{
    min-height:52px!important;
    padding:8px!important;
  }
}
@media(max-width:520px){
  .paintTop{
    grid-template-columns:1fr!important;
    padding-right:64px!important;
  }
  .paintControls{
    justify-content:start!important;
    grid-template-columns:repeat(3,50px)!important;
  }
  .paintModeBtn,
  .paintToolBtn{
    width:50px!important;
    min-width:50px!important;
    height:40px!important;
    min-height:40px!important;
    font-size:12px!important;
  }
}

/* --- v2669_paint_clarity_upload --- */
/* V26.69 - klare Ausmalfelder, sichtbare Tooltips und Upload direkt im Malfenster. */
.paintControls{
  grid-template-columns:repeat(7,54px)!important;
}
.paintUploadBtn{
  background:linear-gradient(180deg,#d8f0ff,#69addc)!important;
  color:#24445c!important;
}
.paintFloatingTip{
  position:fixed;
  z-index:100000;
  max-width:min(280px,calc(100vw - 24px));
  padding:9px 11px;
  border-radius:12px;
  background:rgba(67,42,23,.96);
  color:#fff9ef;
  font-size:12px;
  font-weight:900;
  line-height:1.28;
  box-shadow:0 12px 26px rgba(36,20,9,.28);
  pointer-events:none;
  opacity:0;
  transform:translateY(3px);
  transition:opacity .12s ease,transform .12s ease;
}
.paintFloatingTip.show{
  opacity:1;
  transform:translateY(0);
}
@media(hover:hover) and (pointer:fine){
  .paintShell [data-tip]:hover:after{
    display:none!important;
    content:none!important;
  }
}
.paintColorCount{
  font-size:16px!important;
  text-align:center!important;
}
.paintUploadOverlay{
  position:fixed;
  inset:0;
  z-index:99980;
  display:none;
  place-items:center;
  padding:18px;
  background:rgba(28,18,10,.34);
  backdrop-filter:blur(7px);
}
.paintUploadOverlay.open{
  display:grid;
}
.paintUploadBox{
  width:min(520px,calc(100vw - 28px));
  border-radius:22px;
  padding:18px;
  background:linear-gradient(180deg,rgba(255,250,240,.96),rgba(237,216,185,.92));
  border:1px solid rgba(255,255,255,.70);
  box-shadow:0 22px 58px rgba(39,22,10,.34),inset 0 0 0 1px rgba(132,93,49,.13);
}
.paintUploadBox h3{
  margin:0;
  color:#5c3820;
}
.paintUploadGrid{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.paintUploadGrid input{
  width:100%;
  min-height:46px;
  border-radius:15px;
  border:1px solid rgba(166,104,39,.22);
  background:rgba(255,255,255,.94);
  padding:10px 12px;
  font-weight:900;
  color:#4d311f;
}
.paintUploadActions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.paintUploadActions button{
  min-height:46px;
  border-radius:15px;
}
@media(max-width:860px){
  .paintControls{
    grid-template-columns:repeat(4,52px)!important;
  }
}
@media(max-width:520px){
  .paintControls{
    grid-template-columns:repeat(4,50px)!important;
  }
  .paintUploadActions{
    grid-template-columns:1fr;
  }
}

/* --- v2670_paint_palette_powerups_gallery --- */
/* V26.70 - fertige Farben unten, Powerup-Ringe, Galerieauswahl und fotonahes Ausmalen. */
.paintControls{
  grid-template-columns:repeat(7,82px)!important;
  gap:9px!important;
}
.paintModeBtn,
.paintToolBtn{
  width:82px!important;
  min-width:82px!important;
  height:46px!important;
  min-height:46px!important;
  font-size:13px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
}
.paintUploadBtn{
  background:linear-gradient(180deg,#e4f5ff,#75b9e4)!important;
}
.paintPowerBtn{
  position:relative!important;
  padding:12px 54px 22px 11px!important;
  min-height:72px!important;
  overflow:hidden!important;
}
.paintPowerBtn.noCoins{
  box-shadow:0 0 0 3px rgba(211,64,54,.28),0 8px 15px rgba(126,65,23,.18),inset 0 0 0 1px rgba(255,255,255,.24)!important;
}
.paintPowerBanner{
  position:absolute;
  left:8px;
  right:8px;
  bottom:6px;
  padding:4px 6px;
  border-radius:10px;
  background:linear-gradient(180deg,#ff756d,#c83a34);
  color:white;
  font-size:9px;
  font-weight:1000;
  line-height:1;
  box-shadow:0 3px 8px rgba(116,32,25,.22);
  white-space:nowrap;
  text-align:center;
}
.paintPowerCooldown{
  --cooldown-deg:360deg;
  position:absolute;
  right:8px;
  top:8px;
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    conic-gradient(#73b765 var(--cooldown-deg),rgba(255,255,255,.58) 0),
    radial-gradient(circle at 35% 30%,#fff7db,#efb95a);
  box-shadow:0 3px 8px rgba(62,35,13,.20),inset 0 0 0 1px rgba(97,54,18,.20);
}
.paintPowerCooldown.cooling{
  background:
    conic-gradient(#e29b33 var(--cooldown-deg),rgba(255,255,255,.62) 0),
    radial-gradient(circle at 35% 30%,#fff8e4,#e7c082);
}
.paintPowerCooldown.active{
  background:
    conic-gradient(#63b7ec var(--cooldown-deg),rgba(255,255,255,.62) 0),
    radial-gradient(circle at 35% 30%,#f3fbff,#8bd2ff);
}
.paintPowerCooldown span{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,250,241,.98);
  color:#553114;
  font-size:8.5px;
  font-weight:1000;
  line-height:1;
}
.paintPowerBtn > span:not(.paintPowerBanner):not(.paintPowerCooldown){
  text-align:left!important;
}
.paintPowerBtn > small{
  text-align:left!important;
}
.paintColorBtn.done{
  order:20!important;
}
.paintColorBtn.active:not(.done){
  order:-1!important;
}
.paintUploadBox{
  width:min(860px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 30px);
  overflow:auto;
}
.paintUploadGrid{
  grid-template-columns:1fr minmax(210px,.7fr)!important;
  align-items:center;
}
.paintUploadChooser{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(139,92,43,.16);
}
.paintUploadTabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0;
}
.paintUploadTabs button{
  min-height:38px;
  border-radius:13px;
}
.paintUploadGallery{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  max-height:340px;
  overflow:auto;
  padding:2px 2px 8px;
}
.paintPickCard{
  border:0;
  border-radius:15px;
  padding:8px;
  background:rgba(255,249,238,.88);
  box-shadow:inset 0 0 0 1px rgba(145,96,43,.16),0 5px 13px rgba(60,38,19,.10);
  color:#51331d;
  text-align:left;
  font-weight:900;
}
.paintPickCard img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:11px;
  display:block;
  margin-bottom:7px;
}
.paintPickCard small{
  display:block;
  margin-top:2px;
  color:#7a5a3c;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:980px){
  .paintControls{
    grid-template-columns:repeat(4,76px)!important;
  }
  .paintModeBtn,
  .paintToolBtn{
    width:76px!important;
    min-width:76px!important;
  }
  .paintUploadGallery{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .paintControls{
    grid-template-columns:repeat(3,70px)!important;
  }
  .paintModeBtn,
  .paintToolBtn{
    width:70px!important;
    min-width:70px!important;
    font-size:12px!important;
  }
  .paintUploadGrid{
    grid-template-columns:1fr!important;
  }
  .paintUploadGallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .paintPowerBtn{
    min-height:66px!important;
    padding-bottom:22px!important;
  }
}

html{
  scrollbar-gutter:stable;
}
.prettyFileWrap{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:46px;
  width:100%;
  padding:6px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,252,245,.96),rgba(255,244,226,.90));
  border:1px solid rgba(166,104,39,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.50),0 6px 14px rgba(72,40,14,.08);
}
.prettyFileInput{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
}
.prettyFileBtn{
  display:grid;
  place-items:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:12px;
  background:linear-gradient(180deg,#f7c76e,#df9736);
  color:#fff;
  font-size:13px;
  font-weight:1000;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 5px 12px rgba(134,75,24,.22),inset 0 1px 0 rgba(255,255,255,.34);
}
.prettyFileBtn:hover{
  filter:brightness(1.04);
}
.prettyFileName{
  min-width:0;
  color:#563820;
  font-size:12px;
  font-weight:1000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.uploadLine .prettyFileWrap{
  flex:1 1 260px;
}
@media(max-width:560px){
  .prettyFileWrap{
    grid-template-columns:1fr;
  }
  .prettyFileBtn{
    width:100%;
  }
  .prettyFileName{
    text-align:center;
  }
}

/* V26.74 - ruhige Popups, mehr Spielflaeche auf Mobilgeraeten und Suchspiel. */
html{
  scrollbar-gutter:stable both-edges;
  overflow-y:scroll;
}
html.popupLocked{
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior:none!important;
}
body.popupLocked{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:auto!important;
  padding-right:var(--popup-body-pad-right,0px)!important;
  overflow:visible!important;
  overscroll-behavior:none!important;
}
.roomFocusBtn{
  display:none!important;
}
body.roomSearchMode{
  padding:0!important;
  overflow:hidden!important;
  background:#20150d!important;
}

body.roomSearchMode .actionsWrap,
body.roomSearchMode .drawer,
body.roomSearchMode .pawImprint{
  display:none!important;
}
body.roomSearchMode .app,
body.roomSearchMode .main,
body.roomSearchMode .roomCard{
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#20150d!important;
  overflow:hidden!important;
}
body.roomSearchMode .roomScene{
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  border-radius:0!important;
  background-size:cover!important;
  background-position:center center!important;
}
body.roomSearchMode .statusPanel,
body.roomSearchMode .roomInfoHint,
body.roomSearchMode .hiddenFind,
body.roomSearchMode .findModeHud{
  display:none!important;
}
.roomSearchHud{
  position:absolute;
  left:50%;
  top:max(10px,env(safe-area-inset-top));
  z-index:140;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:auto minmax(120px,1fr) auto auto;
  align-items:center;
  gap:9px;
  width:min(720px,calc(100% - 18px));
  min-height:50px;
  padding:8px 10px;
  border-radius:20px;
  color:#4a2a13;
  background:linear-gradient(180deg,rgba(255,250,240,.94),rgba(241,217,183,.86));
  border:1px solid rgba(255,255,255,.70);
  box-shadow:0 14px 32px rgba(36,18,7,.30),inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(14px) saturate(1.15);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
}
.roomSearchHud strong,
.roomSearchHud b{
  font-weight:1000;
  white-space:nowrap;
}
.roomSearchHud span{
  min-width:0;
  font-size:12px;
  font-weight:900;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#765235;
}
.roomSearchHud b{
  min-width:58px;
  padding:8px 10px;
  border-radius:999px;
  color:#fffaf1;
  text-align:center;
  background:linear-gradient(180deg,#e28737,#a95d21);
}
.roomSearchHud button{
  border:0;
  width:36px;
  height:36px;
  border-radius:50%;
  color:#fff;
  font-size:24px;
  font-weight:1000;
  line-height:1;
  background:linear-gradient(180deg,#ff746b,#ce3d38);
  box-shadow:0 7px 15px rgba(105,32,23,.22);
}
.roomSearchItem{
  position:absolute;
  z-index:130;
  width:42px;
  height:42px;
  border:0;
  padding:0;
  display:grid;
  place-items:center;
  background:transparent;
  cursor:pointer;
  touch-action:manipulation;
  transform:translate(-50%,-50%) rotate(var(--search-rot,0deg)) scale(var(--search-scale,1));
}
.roomSearchItem svg{
  width:var(--search-size,24px);
  height:var(--search-size,24px);
  display:block;
  overflow:visible;
  filter:drop-shadow(0 1px 0 rgba(255,247,218,.38)) drop-shadow(0 4px 6px rgba(29,16,7,.30));
  opacity:.82;
}
.roomSearchItem:hover svg,
.roomSearchItem:focus-visible svg{
  transform:scale(1.16);
  filter:drop-shadow(0 0 8px rgba(255,230,140,.85)) drop-shadow(0 4px 5px rgba(29,16,7,.28));
}
.roomSearchItem.found{
  animation:roomSearchPop .24s ease-out forwards;
  pointer-events:none;
}
@keyframes roomSearchPop{
  to{opacity:0;transform:translate(-50%,-50%) scale(1.8) rotate(var(--search-rot,0deg))}
}
@media(max-width:860px), (max-height:620px){
  .paintModal.open,
  .solitaireModal.open.fit{
    padding:0!important;
    place-items:stretch!important;
  }
  .paintShell,
  .solitaireModal.fit .solitaireShell{
    width:100vw!important;
    height:100dvh!important;
    max-height:none!important;
    border-radius:0!important;
    padding:8px!important;
    gap:6px!important;
  }
  .paintTop,
  .solitaireModal.fit .solitaireTop{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
    padding-right:48px!important;
  }
  .paintTitle h3,
  .solitaireModal.fit .solitaireTitle h3{
    font-size:17px!important;
  }
  .paintTitle small,
  .solitaireModal.fit .solitaireTitle small{
    font-size:11px!important;
  }
  .paintControls,
  .solitaireModal.fit .solitaireControls{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    justify-content:stretch!important;
    padding-right:0!important;
  }
  .paintModeBtn,
  .paintToolBtn,
  .solitaireModal.fit .solitaireBtn{
    width:auto!important;
    min-width:0!important;
    min-height:34px!important;
    height:34px!important;
    padding:6px 7px!important;
    border-radius:12px!important;
    font-size:11px!important;
  }
  .paintBody{
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  .paintCanvasPad{
    padding:8px!important;
  }
  .paintPalettePanel{
    max-height:30dvh!important;
    overflow:auto!important;
  }
  .paintFooter{
    display:none!important;
  }
  .solitaireModal.fit .solitaireTable{
    padding:8px!important;
    border-radius:14px!important;
  }
  .solitaireModal.fit .solitaireStatus{
    min-height:26px!important;
    font-size:11px!important;
  }
}
@media(max-width:860px) and (orientation:landscape), (max-height:560px) and (orientation:landscape){
  .paintTop,
  .solitaireModal.fit .solitaireTop{
    grid-template-columns:minmax(130px,1fr) auto!important;
    align-items:start!important;
  }
  .paintControls,
  .solitaireModal.fit .solitaireControls{
    grid-template-columns:repeat(4,58px)!important;
  }
  .paintBody{
    grid-template-columns:minmax(0,1fr) minmax(170px,230px)!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  .paintPalettePanel{
    max-height:none!important;
  }
  .paintTitle small,
  .solitaireModal.fit .solitaireTitle small{
    display:none!important;
  }
}
@media(max-width:640px){
  .roomSearchHud{
    grid-template-columns:1fr auto auto;
    gap:6px;
    top:max(7px,env(safe-area-inset-top));
    min-height:44px;
    padding:6px 7px;
    border-radius:16px;
  }
  .roomSearchHud strong{
    display:none;
  }
  .roomSearchHud span{
    font-size:11px;
  }
  .roomSearchHud b{
    min-width:50px;
    padding:7px 8px;
  }
  .roomSearchItem{
    width:46px;
    height:46px;
  }
}

/* V26.75 - mobile Spielansichten, Header/Login-Fix, Suchspiel-Finale und Münzenbadge. */
.coinBadge{
  position:absolute;
  right:max(12px,env(safe-area-inset-right));
  top:max(12px,env(safe-area-inset-top));
  z-index:118;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:7px 12px 7px 8px;
  border-radius:999px;
  color:#4b2a10;
  background:linear-gradient(180deg,rgba(255,249,226,.96),rgba(232,171,64,.92));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 12px 26px rgba(60,31,9,.22),inset 0 1px 0 rgba(255,255,255,.86);
  font-size:15px;
  font-weight:1000;
  pointer-events:none;
}
.coinBadgeIcon{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff8d8;
  background:radial-gradient(circle at 35% 28%,#fff2a8 0 18%,#f5c64e 19% 55%,#b87022 56% 100%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.32),0 4px 10px rgba(94,50,13,.20);
  font-size:17px;
  text-shadow:0 1px 1px rgba(83,43,8,.35);
}
body.roomSearchMode .coinBadge,
body.findModeActive .coinBadge{
  display:none!important;
}
.gameMenuToggle{
  background:linear-gradient(180deg,#ffe6a5,#d89132)!important;
  color:#fff!important;
}
.paintControls.collapsed .paintModeBtn:not(.gameMenuToggle),
.paintControls.collapsed .paintToolBtn:not(.gameMenuToggle):not(.paintWideBtn),
.solitaireControls.collapsed .solitaireBtn:not(.gameMenuToggle):not(.restart):not(.magic){
  display:none!important;
}
.roomSearchRewardOverlay{
  position:fixed;
  inset:0;
  z-index:220;
  display:grid;
  place-items:center;
  padding:18px;
  background:radial-gradient(circle at 50% 40%,rgba(255,225,123,.26),rgba(42,22,8,.72));
  backdrop-filter:blur(7px) saturate(1.15);
}
.roomSearchRewardCard{
  position:relative;
  width:min(520px,calc(100vw - 28px));
  overflow:hidden;
  border-radius:28px;
  padding:24px 20px 18px;
  color:#4a2710;
  text-align:center;
  background:linear-gradient(180deg,#fffdf4,#f6d99f);
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 28px 80px rgba(34,17,5,.38),inset 0 1px 0 rgba(255,255,255,.92);
}
.roomSearchRewardCard:before{
  content:"";
  position:absolute;
  inset:-30%;
  background:conic-gradient(from 0deg,rgba(255,200,64,.0),rgba(255,200,64,.35),rgba(255,86,84,.28),rgba(121,203,97,.25),rgba(107,183,231,.27),rgba(255,200,64,.0));
  animation:rewardSpin 5s linear infinite;
  opacity:.55;
}
.roomSearchRewardCard>*{
  position:relative;
  z-index:1;
}
.roomSearchRewardCard h3{
  margin:0;
  font-size:clamp(28px,6vw,46px);
  line-height:.94;
  color:#8f4b12;
  text-shadow:0 2px 0 #fff6d7,0 7px 16px rgba(104,52,10,.28);
}
.roomSearchRewardCard p{
  margin:10px auto;
  max-width:34em;
  font-weight:950;
}
.roomSearchRewardStats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:14px 0;
}
.roomSearchRewardStats div{
  min-height:64px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(255,250,238,.78);
  box-shadow:inset 0 0 0 1px rgba(149,91,28,.14);
  font-weight:1000;
}
.roomSearchRewardStats span{
  display:block;
  font-size:11px;
  color:#895f39;
}
.roomSearchRewardActions{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}
.roomSearchRewardActions button{
  border:0;
  min-height:42px;
  padding:10px 16px;
  border-radius:15px;
  color:#fff;
  font-weight:1000;
  background:linear-gradient(180deg,#f1b347,#bb6b24);
  box-shadow:0 8px 18px rgba(98,50,12,.20);
}
.rewardSpark{
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:hsl(var(--hue),88%,62%);
  transform:rotate(var(--ang)) translateY(-190px);
  animation:rewardSpark 1.25s ease-out infinite;
  animation-delay:var(--delay);
}
@keyframes rewardSpin{to{transform:rotate(360deg)}}
@keyframes rewardSpark{
  0%{opacity:0;transform:rotate(var(--ang)) translateY(-20px) scale(.3)}
  28%{opacity:1}
  100%{opacity:0;transform:rotate(var(--ang)) translateY(-230px) scale(1.2)}
}
.roomSearchItem.found svg{
  animation:foundBurst .34s ease-out forwards;
}
@keyframes foundBurst{
  55%{transform:scale(2.1) rotate(14deg);opacity:1;filter:drop-shadow(0 0 18px rgba(255,227,91,.95))}
  100%{transform:scale(.15) rotate(90deg);opacity:0}
}
@media(max-width:900px){
  .drawer{
    font-size:13px!important;
  }
  .drawer h3{
    font-size:18px!important;
  }
  .drawerSub{
    font-size:12px!important;
  }
  .gamesHubGrid,
  .gameHubGrid{
    grid-template-columns:1fr!important;
  }
  .gameHubCard{
    grid-template-columns:42px minmax(0,1fr) minmax(86px,auto)!important;
    gap:9px!important;
    padding:10px!important;
  }
  .gameHubCard strong{
    font-size:15px!important;
  }
  .gameHubCard .miniBtn,
  .gameHubCard .plainBtn,
  .photoActions button{
    min-height:40px!important;
    padding:8px 10px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
}
@media(max-width:900px) and (orientation:landscape), (max-height:560px) and (orientation:landscape){
  .paintModal.open,
  .solitaireModal.open.fit{
    padding:0!important;
    place-items:stretch!important;
  }
  .paintShell,
  .solitaireModal.fit .solitaireShell{
    width:100vw!important;
    height:100dvh!important;
    max-height:none!important;
    border-radius:0!important;
    padding:6px!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  .paintTop,
  .solitaireModal.fit .solitaireTop{
    grid-template-columns:minmax(112px,1fr) auto!important;
    gap:6px!important;
    padding-right:48px!important;
  }
  .paintControls,
  .solitaireModal.fit .solitaireControls{
    align-self:start!important;
    max-width:min(58vw,560px)!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }
  .paintControls:not(.collapsed) .paintModeBtn,
  .paintControls:not(.collapsed) .paintToolBtn,
  .solitaireModal.fit .solitaireControls:not(.collapsed) .solitaireBtn{
    min-height:32px!important;
    height:32px!important;
    min-width:46px!important;
    width:auto!important;
    padding:5px 8px!important;
    font-size:10.5px!important;
    border-radius:11px!important;
  }
  .paintTitle h3,
  .solitaireModal.fit .solitaireTitle h3{
    font-size:16px!important;
  }
  .paintTitle small,
  .solitaireModal.fit .solitaireTitle small{
    display:none!important;
  }
  .paintBody{
    grid-template-columns:minmax(0,1fr) minmax(145px,210px)!important;
    gap:6px!important;
  }
  .paintPalettePanel{
    max-height:none!important;
  }
  .paintCanvasPad{
    padding:5px!important;
  }
  .solitaireModal.fit .solitaireTable{
    padding:5px!important;
    border-radius:10px!important;
  }
  .solitaireModal.fit .solitaireStatus{
    min-height:22px!important;
    padding:4px 8px!important;
  }
}
@media(max-width:560px){
  .coinBadge{
    min-height:38px;
    padding:5px 9px 5px 6px;
    font-size:13px;
  }
  .coinBadgeIcon{
    width:26px;
    height:26px;
    font-size:15px;
  }
  .gameHubCard{
    grid-template-columns:38px minmax(0,1fr)!important;
  }
  .gameHubCard button{
    grid-column:1 / -1;
    width:100%!important;
  }
  .roomSearchRewardStats{
    grid-template-columns:1fr!important;
  }
}

/* V26.76 - echter Spiele-Fokus im Querformat, Galerie-Status und ruhigere Besucher. */
.photoCard{
  position:relative;
  overflow:hidden;
}
.photoCard.paintLocked img{
  filter:grayscale(1) contrast(1.08) brightness(.96);
}
.photoCard.paintFinished img{
  filter:none;
}
.photoCard .paintArtistBadge{
  position:absolute;
  left:16px;
  right:16px;
  top:16px;
  min-height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:5px 8px;
  border-radius:999px;
  color:#fff7e9;
  font-size:11px;
  font-weight:1000;
  text-align:center;
  background:linear-gradient(180deg,rgba(103,55,22,.76),rgba(56,29,12,.78));
  box-shadow:0 8px 18px rgba(42,22,8,.20),inset 0 1px 0 rgba(255,255,255,.30);
  pointer-events:none;
}
.photoCard.paintLocked .paintArtistBadge{
  background:linear-gradient(180deg,rgba(64,54,46,.72),rgba(25,20,18,.76));
}
.recordColumns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.recordColumns h4{
  margin:0 0 7px;
  color:#6b3d1b;
}
.recordRow{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:6px 8px;
  align-items:center;
  margin-top:6px;
  padding:8px 10px;
  border-radius:14px;
  background:rgba(255,250,238,.72);
  box-shadow:inset 0 0 0 1px rgba(148,91,28,.11);
}
.recordRow b{
  grid-row:span 2;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  color:#fff7e8;
  background:linear-gradient(180deg,#e7a941,#a96724);
}
.recordRow span,
.recordRow small{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.recordRow span{
  font-weight:1000;
}
.recordRow small{
  font-weight:900;
  color:#855f3f;
}
.visitorThought{
  opacity:0;
  transform:translateY(4px) scale(.96);
  transition:opacity .28s ease,transform .28s ease;
}
.visitorThought.show{
  opacity:1;
  transform:translateY(0) scale(1);
}
@media(max-width:900px) and (orientation:landscape), (max-height:560px) and (orientation:landscape){
  .paintModal.gameCompact .paintTop,
  .solitaireModal.gameCompact .solitaireTop{
    position:absolute!important;
    top:max(8px,env(safe-area-inset-top))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    z-index:70!important;
    display:block!important;
    padding:0!important;
    pointer-events:none;
  }
  .paintModal.gameCompact .paintControls,
  .solitaireModal.gameCompact .solitaireControls{
    pointer-events:auto;
    max-width:none!important;
    display:flex!important;
    justify-content:flex-end!important;
  }
  .paintModal.gameCompact .paintTitle,
  .solitaireModal.gameCompact .solitaireTitle{
    display:none!important;
  }
  .paintModal.gameCompact .paintShell,
  .solitaireModal.gameCompact .solitaireShell{
    position:relative!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    padding:4px!important;
  }
  .paintModal.gameCompact .paintBody{
    grid-row:1!important;
    grid-template-columns:minmax(0,1fr) minmax(118px,152px)!important;
    gap:4px!important;
  }
  .paintModal.gameCompact .paintFooter,
  .solitaireModal.gameCompact .solitaireStatus{
    grid-row:2!important;
    min-height:22px!important;
    padding:3px 7px!important;
    font-size:10px!important;
  }
  .solitaireModal.gameCompact .solitaireTable{
    grid-row:1!important;
    height:100%!important;
    min-height:0!important;
    padding:4px!important;
  }
  .paintControls.collapsed .paintModeBtn,
  .paintControls.collapsed .paintToolBtn:not(.gameMenuToggle),
  .solitaireControls.collapsed .solitaireBtn:not(.gameMenuToggle){
    display:none!important;
  }
  .paintControls.collapsed .gameMenuToggle,
  .solitaireControls.collapsed .gameMenuToggle{
    min-width:52px!important;
    height:34px!important;
    border-radius:999px!important;
    font-size:11px!important;
    box-shadow:0 8px 18px rgba(62,32,10,.24)!important;
  }
  .paintModal.gameCompact.menuCollapsed .paintBody{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .paintModal.gameCompact.menuCollapsed .paintPalettePanel{
    display:none!important;
  }
  .paintModal.gameCompact.menuCollapsed .paintBoard{
    min-width:0!important;
  }
  .paintModal.gameCompact.menuCollapsed .paintCanvasWrap,
  .solitaireModal.gameCompact.menuCollapsed .solitaireTable{
    box-shadow:0 0 0 1px rgba(255,255,255,.38),0 8px 22px rgba(62,32,10,.16)!important;
  }
}

/* V26.77 - reine Spielbildschirme mit Wimpelmenue, sichtbaren Spielinfos und ruhiger Bedienung. */
.paintModal.gameFocus.open,
.solitaireModal.gameFocus.open{
  padding:0!important;
  place-items:stretch!important;
  background:rgba(31,20,12,.78)!important;
}
.paintModal.gameFocus .paintShell,
.solitaireModal.gameFocus .solitaireShell{
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  padding:clamp(4px,1.2vw,12px)!important;
  gap:clamp(4px,.9vw,8px)!important;
  overflow:hidden!important;
}
.paintModal.gameFocus .paintTitle,
.solitaireModal.gameFocus .solitaireTitle{
  display:none!important;
}
.paintModal.gameFocus .paintTop,
.solitaireModal.gameFocus .solitaireTop{
  position:absolute!important;
  top:max(7px,env(safe-area-inset-top))!important;
  right:max(7px,env(safe-area-inset-right))!important;
  left:auto!important;
  z-index:190!important;
  display:block!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.paintModal.gameFocus .paintControls,
.solitaireModal.gameFocus .solitaireControls{
  pointer-events:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:7px!important;
  max-width:min(92vw,780px)!important;
  padding:8px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,251,238,.95),rgba(235,207,169,.90))!important;
  box-shadow:0 18px 34px rgba(47,25,10,.24),inset 0 1px 0 rgba(255,255,255,.75)!important;
  transform-origin:top right!important;
  transition:opacity .22s ease,transform .22s ease,max-height .28s ease,padding .22s ease!important;
}
.paintModal.gameFocus .paintControls.collapsed,
.solitaireModal.gameFocus .solitaireControls.collapsed{
  width:auto!important;
  max-height:42px!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.paintModal.gameFocus .paintControls.collapsed > :not(.gameMenuToggle),
.solitaireModal.gameFocus .solitaireControls.collapsed > :not(.gameMenuToggle){
  display:none!important;
}
.paintModal.gameFocus .gameMenuToggle,
.solitaireModal.gameFocus .gameMenuToggle{
  position:relative!important;
  min-width:58px!important;
  height:36px!important;
  padding:0 12px!important;
  border-radius:12px 12px 16px 16px!important;
  color:#fff8df!important;
  font-size:12px!important;
  font-weight:1000!important;
  background:linear-gradient(180deg,#ffd75f,#c77722)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.42),0 0 18px rgba(255,207,84,.72),0 9px 20px rgba(63,32,8,.24)!important;
  animation:gamePennantGlow 2.2s ease-in-out infinite!important;
}
.paintModal.gameFocus .gameMenuToggle:after,
.solitaireModal.gameFocus .gameMenuToggle:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-9px;
  width:18px;
  height:18px;
  transform:translateX(-50%) rotate(45deg);
  border-radius:0 0 5px 0;
  background:linear-gradient(135deg,#c77722,#ffd75f);
  box-shadow:4px 4px 10px rgba(63,32,8,.16);
  z-index:-1;
}
@keyframes gamePennantGlow{
  0%,100%{filter:saturate(1);transform:translateY(0)}
  50%{filter:saturate(1.18) brightness(1.05);transform:translateY(1px)}
}
.paintModal.gameFocus.menuCollapsed .paintBody{
  grid-template-columns:minmax(0,1fr)!important;
}
.paintModal.gameFocus.menuCollapsed .paintPalettePanel{
  display:none!important;
}
.paintModal.gameFocus .paintCanvasWrap{
  scroll-behavior:smooth;
}
.paintModal.gameFocus #paintCanvas{
  transition:width .11s ease-out,height .11s ease-out;
}
.paintModal.gameFocus .paintFooter,
.solitaireModal.gameFocus .solitaireStatus{
  min-height:26px!important;
  padding:4px 9px!important;
  font-size:11px!important;
  border-radius:14px!important;
}
.focusGameHud{
  position:absolute;
  z-index:185;
  left:max(8px,env(safe-area-inset-left));
  top:max(8px,env(safe-area-inset-top));
  max-width:min(72vw,560px);
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  padding:7px 9px;
  border-radius:18px;
  color:#4b2910;
  font-weight:1000;
  font-size:12px;
  background:linear-gradient(180deg,rgba(255,251,239,.88),rgba(239,212,176,.76));
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 12px 26px rgba(45,23,8,.22),inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(12px) saturate(1.1);
  -webkit-backdrop-filter:blur(12px) saturate(1.1);
  pointer-events:none;
}
.focusGameHud .hudChip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:25px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,250,236,.72);
  box-shadow:inset 0 0 0 1px rgba(133,80,32,.10);
  white-space:nowrap;
}
.focusGameHud .hudSwatch{
  width:18px;
  height:18px;
  border-radius:6px;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 1px 4px rgba(45,23,8,.16);
}
.roomSearchHud{
  grid-template-columns:auto minmax(110px,1fr) auto auto;
  align-items:start;
}
.roomSearchHud .searchTodo{
  grid-column:1 / -1;
  display:flex;
  gap:5px;
  overflow-x:auto;
  padding:2px 2px 1px;
  scrollbar-width:thin;
}
.roomSearchHud .searchNeedle{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:26px;
  max-width:150px;
  padding:3px 8px 3px 4px;
  border-radius:999px;
  background:rgba(255,250,238,.82);
  box-shadow:inset 0 0 0 1px rgba(128,80,35,.12);
  font-size:11px;
  font-weight:1000;
}
.roomSearchHud .searchNeedle.found{
  opacity:.46;
  text-decoration:line-through;
}
.roomSearchHud .searchNeedleIcon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
}
.roomSearchHud .searchNeedleIcon svg{
  width:21px;
  height:21px;
  filter:drop-shadow(0 2px 2px rgba(40,22,9,.18));
}
.catMess{
  position:absolute;
  z-index:42;
  width:54px;
  height:34px;
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  transform:translate(-50%,-50%) rotate(var(--mess-rot,0deg));
  filter:drop-shadow(0 8px 8px rgba(38,20,8,.22));
}
.catMess svg{
  width:100%;
  height:100%;
  display:block;
}
.catActor.annoyed .eye{
  height:5px!important;
  border-radius:999px!important;
}
.catActor.annoyed .mouth{
  transform:rotate(180deg);
}
.catActor.annoyed .tail{
  animation:tailWhip .55s ease-in-out infinite!important;
}
@keyframes tailWhip{
  0%,100%{transform:rotate(-8deg)}
  50%{transform:rotate(18deg)}
}
@media(max-width:760px){
  .focusGameHud{
    max-width:calc(100vw - 82px);
    font-size:10px;
    gap:4px;
    padding:5px 7px;
  }
  .focusGameHud .hudChip{
    min-height:22px;
    padding:3px 6px;
  }
  .roomSearchHud{
    width:calc(100% - 12px);
    min-height:58px;
    border-radius:16px;
    padding:7px;
    gap:5px;
  }
  .roomSearchHud strong{font-size:12px;}
  .roomSearchHud span{font-size:10px;}
  .roomSearchHud b{min-width:50px;padding:7px 8px;font-size:12px;}
}

/* V26.78 - kompaktere Suchlisten, reine Spielflaechen und sauberere Gewinnanzeigen. */
.roomSearchHud .searchTodo{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;
  gap:5px!important;
  overflow:visible!important;
  max-height:none!important;
  width:100%!important;
  padding:3px 0 0!important;
}
.roomSearchHud .searchNeedle{
  min-width:0!important;
  max-width:none!important;
  justify-content:flex-start;
  opacity:1;
  transition:opacity .18s ease,filter .18s ease,background .18s ease;
}
.roomSearchHud .searchNeedle em{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-style:normal;
}
.roomSearchHud .searchNeedle.found{
  opacity:.50;
  filter:grayscale(1);
  text-decoration:none!important;
  background:rgba(222,218,207,.72)!important;
}
.roomSearchHud .searchNeedle.found:after{
  content:"?";
  margin-left:auto;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(180deg,#78bd66,#3e8e43);
  box-shadow:0 3px 8px rgba(43,86,38,.24);
}
.roomSearchRewardCard{
  padding:30px 24px 22px!important;
}
.roomSearchRewardCard h3{
  margin-bottom:12px!important;
}
.roomSearchRewardStats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:18px 0 14px!important;
}
.roomSearchRewardStats span,
.roomSearchRewardStats div{
  min-height:72px;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:2px;
  padding:8px;
  border-radius:18px;
  background:rgba(255,250,238,.82);
  box-shadow:inset 0 0 0 1px rgba(149,91,28,.14);
  font-weight:1000;
}
.roomSearchRewardStats b{
  display:block;
  font-size:18px;
}
.roomSearchRewardStats small{
  display:block;
  color:#8b613b;
  font-size:11px;
}
.roomSearchRecord{
  margin:14px auto 16px!important;
  padding:8px 12px;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  background:rgba(255,250,236,.72);
  box-shadow:inset 0 0 0 1px rgba(139,82,30,.10);
  font-weight:950;
}
.roomSearchRewardActions{
  margin-top:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:center!important;
}
.roomSearchRewardActions button{
  width:min(320px,100%)!important;
  min-height:48px!important;
  margin:0!important;
}
.roomSearchRewardActions .plainBtn{
  color:#6c4124!important;
  background:linear-gradient(180deg,#fffdf7,#f3e2c5)!important;
}
.paintModal.gameFocus .paintProgress,
.paintModal.gameFocus .paintFooter,
.solitaireModal.gameFocus .solitaireStatus{
  display:none!important;
}
.paintModal.gameFocus .paintControls.collapsed,
.solitaireModal.gameFocus .solitaireControls.collapsed{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
}
.paintModal.gameFocus .paintControls.collapsed > :not(.gameMenuToggle):not(.closeX),
.solitaireModal.gameFocus .solitaireControls.collapsed > :not(.gameMenuToggle):not(.closeX){
  display:none!important;
}
.paintModal.gameFocus .paintControls.collapsed .closeX,
.solitaireModal.gameFocus .solitaireControls.collapsed .closeX{
  display:grid!important;
  position:static!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  transform:none!important;
  flex:0 0 42px!important;
  z-index:2!important;
}
.paintModal.gameFocus .paintControls.collapsed .gameMenuToggle,
.solitaireModal.gameFocus .solitaireControls.collapsed .gameMenuToggle{
  flex:0 0 auto!important;
  z-index:1!important;
}
.paintModal.gameFocus .paintBody{
  grid-template-rows:minmax(0,1fr)!important;
}
.paintModal.gameFocus .paintBoard,
.solitaireModal.gameFocus .solitaireTable{
  min-height:0!important;
}
.focusGameHud{
  pointer-events:auto!important;
}
.focusGameHud .focusAction{
  border:0;
  min-height:28px;
  padding:5px 9px;
  border-radius:999px;
  color:#fff7e8;
  font-size:11px;
  font-weight:1000;
  background:linear-gradient(180deg,#efb349,#a96322);
  box-shadow:0 5px 12px rgba(64,32,8,.18);
}
.focusGameHud .focusAction[disabled]{
  opacity:.45;
  filter:grayscale(1);
}
.stockCountBubble{
  position:absolute;
  right:8px;
  top:8px;
  z-index:4;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff7dc;
  font-size:15px;
  font-weight:1000;
  background:linear-gradient(180deg,#eeb64b,#9d5b21);
  box-shadow:0 5px 12px rgba(57,29,10,.22),inset 0 1px 0 rgba(255,255,255,.35);
}
@media(max-width:760px){
  .roomSearchHud .searchTodo{
    grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important;
  }
  .roomSearchHud .searchNeedle{
    padding:3px 6px 3px 3px;
    font-size:9px;
  }
  .roomSearchRewardStats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .paintModal.gameFocus .paintShell,
  .solitaireModal.gameFocus .solitaireShell{
    padding:3px!important;
  }
}

/* V26.78b - Spielmodus ohne Seitenruck, freies Spielfeld und stabiler Handy-Header. */
html.gamePopupLocked,
body.gamePopupLocked{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.gamePopupLocked{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:var(--popup-lock-top,0px)!important;
  width:100%!important;
  padding-right:calc(var(--popup-body-pad-right,0px) + var(--popup-scrollbar-width,0px))!important;
}
.paintModal.gameFocus .paintControls.collapsed,
.solitaireModal.gameFocus .solitaireControls.collapsed{
  gap:12px!important;
  align-items:center!important;
}
.paintModal.gameFocus .paintControls.collapsed .gameMenuToggle,
.solitaireModal.gameFocus .solitaireControls.collapsed .gameMenuToggle{
  order:1!important;
}
.paintModal.gameFocus .paintControls.collapsed .closeX,
.solitaireModal.gameFocus .solitaireControls.collapsed .closeX{
  order:2!important;
  box-shadow:0 8px 18px rgba(105,32,23,.24)!important;
}

/* V26.79 - Malspiel-Menue mittig, X frei und fluessigere Malflaeche. */
.paintModal.gameFocus .paintTop{
  left:0!important;
  right:0!important;
  width:100%!important;
  height:58px!important;
  pointer-events:none!important;
}
.paintModal.gameFocus .paintControls.collapsed{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:58px!important;
  display:block!important;
  padding:0!important;
  pointer-events:none!important;
}
.paintModal.gameFocus .paintControls.collapsed .gameMenuToggle{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  transform:translateX(-50%)!important;
  animation:none!important;
  pointer-events:auto!important;
  z-index:3!important;
}
.paintModal.gameFocus .paintControls.collapsed .closeX{
  position:absolute!important;
  right:max(9px,env(safe-area-inset-right))!important;
  top:0!important;
  width:44px!important;
  height:44px!important;
  pointer-events:auto!important;
  z-index:4!important;
}
.paintModal.gameFocus .paintControls:not(.collapsed){
  margin:0 auto!important;
  justify-content:center!important;
  transform-origin:top center!important;
}
.paintModal.gameFocus .paintCanvasWrap{
  scroll-behavior:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  contain:layout paint;
}
.paintModal.gameFocus .paintCanvasPad{
  contain:layout paint;
  will-change:scroll-position;
}
.paintModal.gameFocus #paintCanvas{
  transition:none!important;
  will-change:width,height;
}
.paintModal.gameFocus .focusGameHud{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(max-width:760px){
  .paintModal.gameFocus .paintTop{
    height:52px!important;
  }
  .paintModal.gameFocus .paintControls.collapsed{
    height:52px!important;
  }
  .paintModal.gameFocus .paintControls.collapsed .gameMenuToggle{
    min-width:74px!important;
    height:40px!important;
    font-size:12px!important;
  }
  .paintModal.gameFocus .paintControls.collapsed .closeX{
    width:40px!important;
    height:40px!important;
  }
}

/* V26.80 - kein Solitaer-Sprung, sichtbare Malflaeche und kompaktere Suche. */
.solitaireModal.gameFocus .solitaireTable,
.solitaireModal.fit .solitaireTable{
  overflow:hidden!important;
  min-height:0!important;
}
.solitaireModal.gameFocus .solitaireBoard,
.solitaireModal.fit .solitaireBoard{
  max-width:none!important;
  max-height:none!important;
  transition:none!important;
}
.paintModal.gameFocus .paintBoard{
  overflow:hidden!important;
}
.paintModal.gameFocus .paintCanvasWrap{
  contain:layout paint!important;
  display:block!important;
  background:linear-gradient(135deg,#e9d0a9,#fff7e8)!important;
}
.paintModal.gameFocus .paintCanvasPad{
  contain:layout paint!important;
  display:grid!important;
  place-items:center!important;
  min-width:100%!important;
  min-height:100%!important;
}
.paintModal.gameFocus #paintCanvas{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.roomSearchHud{
  width:min(680px,calc(100% - 18px))!important;
  min-height:0!important;
  padding:6px 8px!important;
  gap:5px!important;
  border-radius:16px!important;
  backdrop-filter:blur(9px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.05)!important;
}
.roomSearchHud strong{
  font-size:14px!important;
}
.roomSearchHud span{
  font-size:11px!important;
}
.roomSearchHud b{
  min-width:50px!important;
  padding:6px 9px!important;
}
.roomSearchHud button{
  width:32px!important;
  height:32px!important;
  font-size:21px!important;
}
.roomSearchHud .searchTodo{
  grid-template-columns:repeat(auto-fit,minmax(84px,1fr))!important;
  gap:4px!important;
}
.roomSearchHud .searchNeedle{
  min-height:23px!important;
  padding:2px 6px 2px 3px!important;
  gap:4px!important;
  font-size:9.5px!important;
}
.roomSearchHud .searchNeedleIcon{
  width:18px!important;
  height:18px!important;
}
.roomSearchHud .searchNeedleIcon svg{
  width:17px!important;
  height:17px!important;
}
@media(max-width:760px){
  .roomSearchHud{
    width:calc(100% - 10px)!important;
    top:max(5px,env(safe-area-inset-top))!important;
    padding:5px!important;
  }
  .roomSearchHud .searchTodo{
    grid-template-columns:repeat(auto-fit,minmax(72px,1fr))!important;
  }
  .roomSearchHud .searchNeedle{
    font-size:8.5px!important;
  }
}

/* V26.81 - besser lesbare Katzenuebersicht im Spielbildschirm. */
.statusPanel{
  width:clamp(230px,19vw,280px)!important;
  left:14px!important;
  top:14px!important;
  padding:12px!important;
  color:#3d2412!important;
  background:linear-gradient(180deg,rgba(255,250,238,.97),rgba(239,213,177,.94))!important;
  border:1px solid rgba(255,255,255,.76)!important;
  border-radius:22px!important;
  box-shadow:0 18px 38px rgba(43,22,8,.26),inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:blur(8px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.05)!important;
}
.statusSwitch{
  gap:8px!important;
  margin:0 0 12px!important;
}
.statusTab{
  min-height:38px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  color:#4b2c16!important;
  background:rgba(255,252,245,.96)!important;
  border:1px solid rgba(141,83,28,.16)!important;
  box-shadow:0 5px 12px rgba(64,32,10,.10),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.statusTab.active{
  color:#3c220e!important;
  background:linear-gradient(180deg,#ffd96f,#e9a64a)!important;
  border-color:rgba(155,91,28,.32)!important;
  box-shadow:0 8px 18px rgba(122,69,21,.20),inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.statusTab img{
  display:none!important;
}
.statusTab span{
  display:block!important;
  max-width:100%!important;
  font-size:13px!important;
  line-height:1.05!important;
  color:inherit!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.statusTop{
  display:block!important;
  margin:0 0 12px!important;
}
.statusPic{
  display:none!important;
}
.statusMeta b{
  display:block!important;
  font-size:22px!important;
  line-height:1.05!important;
  color:#3a2110!important;
  letter-spacing:0!important;
  text-shadow:0 1px 0 rgba(255,255,255,.58)!important;
}
.statusMeta small{
  display:block!important;
  margin-top:4px!important;
  color:#775034!important;
  font-size:13px!important;
  font-weight:1000!important;
}
.statusPanel .bars{
  gap:8px!important;
}
.statusPanel .barRow{
  grid-template-columns:62px minmax(0,1fr) 42px!important;
  gap:9px!important;
  font-size:12px!important;
  color:#745037!important;
}
.statusPanel .barRow>span:first-child{
  font-weight:1000!important;
}
.statusPanel .barRow b{
  color:#4a2a14!important;
  font-size:12px!important;
  text-align:right!important;
}
.statusPanel .track{
  height:9px!important;
  background:rgba(111,74,38,.16)!important;
  box-shadow:inset 0 1px 2px rgba(72,40,14,.16)!important;
}
.statusPanel .track>span{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32)!important;
}
@media(max-width:760px){
  .statusPanel{
    width:min(236px,calc(100% - 20px))!important;
    left:10px!important;
    top:10px!important;
    padding:10px!important;
  }
  .statusTab{
    min-height:34px!important;
    padding:6px 8px!important;
  }
  .statusTab span{
    font-size:12px!important;
  }
  .statusMeta b{
    font-size:20px!important;
  }
  .statusMeta small{
    font-size:12px!important;
  }
  .statusPanel .barRow{
    grid-template-columns:56px minmax(0,1fr) 36px!important;
    gap:7px!important;
    font-size:11px!important;
  }
}

/* V26.82 - stabilere Spiel-Flaechen, kleines Such-HUD, Galerie-Hover und Mitglieder-Ranking. */
.solitaireModal.gameFocus.open{
  overflow:hidden!important;
}
.solitaireModal.gameFocus .solitaireShell{
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  grid-template-rows:minmax(0,1fr)!important;
  padding:clamp(4px,.8vw,10px)!important;
  overflow:hidden!important;
}
.solitaireModal.gameFocus .solitaireTop{
  left:0!important;
  right:0!important;
  top:max(7px,env(safe-area-inset-top))!important;
  width:100%!important;
  height:56px!important;
  display:block!important;
  pointer-events:none!important;
  transform:none!important;
}
.solitaireModal.gameFocus .solitaireControls.collapsed{
  position:relative!important;
  width:100%!important;
  height:56px!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  pointer-events:none!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.solitaireModal.gameFocus .solitaireControls.collapsed > :not(.gameMenuToggle):not(.closeX){
  display:none!important;
}
.solitaireModal.gameFocus .solitaireControls.collapsed .gameMenuToggle{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  transform:translateX(-50%)!important;
  pointer-events:auto!important;
  z-index:3!important;
}
.solitaireModal.gameFocus .solitaireControls.collapsed .closeX{
  position:absolute!important;
  right:max(8px,env(safe-area-inset-right))!important;
  top:0!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  pointer-events:auto!important;
  z-index:4!important;
}
.solitaireModal.gameFocus .solitaireControls:not(.collapsed){
  margin:0 auto!important;
  justify-content:center!important;
  transform-origin:top center!important;
}
.solitaireModal.gameFocus .solitaireTable{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:clamp(8px,1.2vw,18px)!important;
}
.solitaireModal.gameFocus .solitaireBoard,
.solitaireModal.fit .solitaireBoard{
  transition:none!important;
  will-change:transform!important;
}
.roomSearchHud{
  position:fixed!important;
  left:50%!important;
  top:max(8px,env(safe-area-inset-top))!important;
  width:auto!important;
  min-width:min(280px,calc(100vw - 16px))!important;
  max-width:calc(100vw - 16px)!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  z-index:210!important;
  transform:translateX(-50%)!important;
  pointer-events:auto!important;
}
.roomSearchHud strong{
  font-size:12px!important;
}
.roomSearchHud span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  font-size:12px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.roomSearchHud span b{
  min-width:auto!important;
  padding:0!important;
  color:#3d2410!important;
  background:transparent!important;
  font-size:18px!important;
}
.roomSearchHud em{
  padding:5px 8px!important;
  border-radius:999px!important;
  font-style:normal!important;
  font-weight:1000!important;
  color:#6d4727!important;
  background:rgba(255,249,235,.76)!important;
}
.roomSearchHud > b{
  min-width:58px!important;
  padding:7px 10px!important;
  font-size:14px!important;
}
.roomSearchHud button{
  width:34px!important;
  height:34px!important;
  font-size:22px!important;
  flex:0 0 auto!important;
}
.roomSearchHud .searchTodo,
.roomSearchHud .searchNeedle{
  display:none!important;
}
.roomSearchItem{
  width:36px!important;
  height:36px!important;
  touch-action:none!important;
}
.roomSearchItem svg{
  width:var(--search-size,18px)!important;
  height:var(--search-size,18px)!important;
  opacity:.68!important;
  filter:saturate(.86) drop-shadow(0 2px 3px rgba(24,13,5,.25))!important;
}
.roomSearchItem:hover svg,
.roomSearchItem:focus-visible svg{
  opacity:1!important;
  transform:scale(1.22)!important;
  filter:drop-shadow(0 0 7px rgba(255,220,112,.80)) drop-shadow(0 3px 5px rgba(24,13,5,.28))!important;
}
.coinBadge{
  min-height:52px!important;
  gap:10px!important;
  padding:8px 15px 8px 9px!important;
  font-size:18px!important;
  z-index:180!important;
}
.coinBadgeIcon{
  width:36px!important;
  height:36px!important;
  font-size:20px!important;
}
.rankingGrid{
  gap:12px!important;
}
.rankingCard{
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
}
.rankMedal{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#fff8e8!important;
  font-size:20px!important;
  font-weight:1000!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 18px rgba(72,39,13,.18)!important;
}
.rankMedal.gold{background:radial-gradient(circle at 35% 25%,#fff1a8,#d7942e 58%,#9d5d14)!important;}
.rankMedal.silver{background:radial-gradient(circle at 35% 25%,#ffffff,#bfc8cd 58%,#7f8a90)!important;}
.rankMedal.bronze{background:radial-gradient(circle at 35% 25%,#ffd8a8,#c37a38 58%,#7b421f)!important;}
.rankMedal.basic{background:linear-gradient(180deg,#d9aa61,#ab6a27)!important;}
.memberInitial{
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff8e8;
  font-size:19px;
  font-weight:1000;
  background:linear-gradient(180deg,#e8ba61,#b96f25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 15px rgba(86,47,15,.16);
}
.playersDrawerIntro{
  margin:0 0 12px;
  padding:10px 12px;
  border-radius:18px;
  color:#694427;
  background:rgba(255,250,240,.72);
  border:1px solid rgba(255,255,255,.55);
  font-weight:900;
}
.playersHead h3{margin-bottom:3px;font-size:25px}
.playersOverview{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:7px 12px;border-radius:999px;background:rgba(255,249,237,.76);color:#704825;font-weight:900}
.playersOverview strong{font-size:18px;color:#4e2f18}
.playerDirectoryCard{gap:12px;padding:12px!important}
.playerRankVisual{display:flex;align-items:center;justify-content:center;gap:7px}
.playerRankVisual .rankMedal{width:42px!important;height:42px!important;font-size:16px!important}
.playerRankVisual .memberInitial{width:48px;height:48px;flex:0 0 auto}
.playerDirectoryMain{min-width:0}
.playerDirectoryLead{margin-top:4px;color:#765335;font-size:12px;font-weight:850}
.playerDirectoryLead b{color:#4e3019;font-size:14px}
.playerPrivacyBadge{display:inline-flex;margin-left:auto;padding:3px 7px;border-radius:999px;background:rgba(89,145,73,.13);color:#4f813f;font-size:9px;font-weight:1000;white-space:nowrap}
.playerDirectoryCard .rankStats{margin-top:7px}
.playerDirectoryCard .rankStats span{display:grid;gap:1px;padding:5px 4px;font-size:9px}
.playerDirectoryCard .rankStats span b{font-size:12px;color:#4e3019}
.playerDirectoryActions{display:flex;align-items:stretch;gap:7px;margin-top:8px}
.playerDirectoryActions button{flex:1 1 0;min-width:0;width:0;height:48px;min-height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:6px 8px;border:1px solid;border-radius:12px;font-family:inherit;font-size:11px;font-weight:1000;line-height:1.12;text-align:center;white-space:normal;cursor:pointer}
.playerDirectoryActions .playerProfileButton{border-color:rgba(255,242,211,.76);background:linear-gradient(180deg,#e8a96d,#c97b45);box-shadow:0 7px 14px rgba(128,73,35,.2),inset 0 1px 0 rgba(255,255,255,.55);color:#fff}
.playerDirectoryActions .playerGalleryButton{border-color:rgba(221,255,247,.78);background:linear-gradient(180deg,#72cdb9,#42aa96);box-shadow:0 7px 14px rgba(43,126,109,.18),inset 0 1px 0 rgba(255,255,255,.55);color:#fff}
.playerDirectoryActions .playerCoinsButton{border-color:rgba(255,238,184,.82);background:linear-gradient(180deg,#f3c766,#dc9637);box-shadow:0 7px 14px rgba(146,91,31,.19),inset 0 1px 0 rgba(255,255,255,.55);color:#fff}
.playerDirectoryActions .playerSettingsButton{border-color:rgba(255,228,238,.82);background:linear-gradient(180deg,#e99fb8,#c96f91);box-shadow:0 7px 14px rgba(137,67,95,.18),inset 0 1px 0 rgba(255,255,255,.55);color:#fff}
.playerDirectoryActions .playerLoginButton{border-color:rgba(235,230,255,.82);background:linear-gradient(180deg,#a99be8,#7e6bc9);box-shadow:0 7px 14px rgba(83,68,151,.18),inset 0 1px 0 rgba(255,255,255,.55);color:#fff}
.playerProfileButton,.playerProfileBack{border:1px solid rgba(255,242,211,.82);border-radius:12px;color:#fff;font-family:inherit;font-weight:1000;cursor:pointer}
.playerProfileButton{min-height:38px;padding:7px 11px;background:linear-gradient(180deg,#f3c766,#dc9637);box-shadow:0 7px 14px rgba(146,91,31,.2),inset 0 1px 0 rgba(255,255,255,.58)}
.playerProfileBack{min-height:40px;padding:7px 13px;background:linear-gradient(180deg,#e8a96d,#c97b45);box-shadow:0 7px 14px rgba(128,73,35,.2),inset 0 1px 0 rgba(255,255,255,.58)}
.playerProfileHead{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.playerProfileHead h3{margin:0;font-size:25px}
.publicPlayerHero{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.68);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(242,217,181,.62));box-shadow:0 12px 25px rgba(64,37,15,.12)}
.publicPlayerAvatar{width:104px;height:104px;display:grid;place-items:center;overflow:hidden;border:4px solid rgba(255,255,255,.86);border-radius:28px;background:#f4dfbd;box-shadow:0 10px 20px rgba(65,37,14,.17)}
.publicPlayerAvatar img{width:100%;height:100%;object-fit:cover}
.publicPlayerAvatar .accountAvatarFallbackV26242{font-size:34px}
.publicPlayerHero h4{margin:5px 0 3px;font-size:23px;color:#4e2e17}
.publicPlayerHero p{margin:0;color:#795536;font-size:14px;font-weight:900}
.publicPlayerPrivacy{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(82,146,66,.14);color:#4b7f3d;font-size:10px;font-weight:1000}
.publicPlayerHeroActions{display:grid;gap:8px;min-width:150px}
.publicPlayerHeroActions button{min-height:40px}
.publicPlayerStats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0}
.publicPlayerStats div{display:grid;gap:4px;min-width:0;padding:11px 8px;border-radius:15px;background:rgba(255,250,241,.76);border:1px solid rgba(148,94,39,.13);text-align:center}
.publicPlayerStats span{font-size:10px;font-weight:900;color:#8a6849;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.publicPlayerStats b{font-size:17px;color:#4e3019}
.publicPlayerWorks{padding:14px;border-radius:20px;background:rgba(255,248,235,.58);border:1px solid rgba(255,255,255,.62)}
.publicPlayerSectionTitle{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.publicPlayerSectionTitle h4{margin:0;font-size:19px;color:#4e2e17}.publicPlayerSectionTitle span{font-size:11px;font-weight:900;color:#896344}
.publicPlayerWorkGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.publicPlayerWorkGrid>button{min-width:0;padding:7px;border:1px solid rgba(146,91,35,.15);border-radius:15px;background:rgba(255,255,255,.76);box-shadow:0 7px 15px rgba(64,36,14,.1);color:#5d391e;font-family:inherit;font-weight:1000;cursor:pointer}
.publicPlayerWorkGrid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;margin-bottom:6px}
.profilePrivacyChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.profilePrivacyChoices button{display:grid;gap:4px;min-height:74px;padding:12px;border:1px solid rgba(143,89,34,.16);border-radius:16px;background:rgba(255,250,241,.76);color:#65401f;font-family:inherit;text-align:left;cursor:pointer}
.profilePrivacyChoices button strong{font-size:15px}.profilePrivacyChoices button span{font-size:11px;font-weight:800;line-height:1.3;opacity:.75}
.profilePrivacyChoices button.active{border-color:rgba(80,139,63,.4);background:linear-gradient(145deg,#eef9e8,#cfe8c1);box-shadow:0 8px 17px rgba(60,109,45,.14);color:#3d7132}
@media(max-width:760px){
  .rankingGrid{grid-template-columns:1fr}
  .rankingCard{grid-template-columns:76px minmax(0,1fr)!important}
  .playerRankVisual{display:grid;gap:5px}.playerRankVisual .rankMedal{width:38px!important;height:38px!important;margin:auto}.playerRankVisual .memberInitial{width:46px;height:46px}
  .playerDirectoryActions{gap:6px}.playerDirectoryActions button{height:46px;min-height:46px;padding-inline:5px;font-size:10px}
  .publicPlayerHero{grid-template-columns:82px minmax(0,1fr);padding:12px;gap:11px}.publicPlayerAvatar{width:76px;height:76px;border-radius:20px}.publicPlayerHeroActions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}
  .publicPlayerStats{grid-template-columns:repeat(3,minmax(0,1fr))}.publicPlayerWorkGrid{grid-template-columns:1fr 1fr}.profilePrivacyChoices{grid-template-columns:1fr}
}
.galleryHoverPreview{
  position:fixed;
  left:0;
  top:0;
  z-index:500;
  width:min(360px,42vw);
  pointer-events:none;
  opacity:0;
  transform:translate3d(-999px,-999px,0) scale(.96);
  transition:opacity .11s ease,transform .11s ease;
}
.galleryHoverPreview.show{
  opacity:1;
}
.galleryHoverPreview img{
  width:100%;
  max-height:min(420px,60vh);
  object-fit:contain;
  display:block;
  border-radius:18px;
  background:#fff8ed;
  box-shadow:0 22px 48px rgba(39,20,7,.28),0 0 0 1px rgba(255,255,255,.78);
}
.galleryHoverPreview span{
  display:block;
  margin-top:6px;
  padding:7px 10px;
  border-radius:999px;
  color:#4a2a13;
  background:rgba(255,250,239,.94);
  box-shadow:0 8px 18px rgba(39,20,7,.16);
  font-weight:1000;
  text-align:center;
}
@media(max-width:760px){
  .roomSearchHud{
    min-width:auto!important;
    max-width:calc(100vw - 12px)!important;
    gap:5px!important;
    padding:5px 6px!important;
  }
  .roomSearchHud strong{display:none!important;}
  .roomSearchHud span{font-size:11px!important;}
  .roomSearchHud span b{font-size:17px!important;}
  .roomSearchHud em{padding:4px 7px!important;}
  .coinBadge{
    min-height:46px!important;
    padding:7px 12px 7px 8px!important;
    font-size:16px!important;
  }
  .coinBadgeIcon{
    width:32px!important;
    height:32px!important;
  }
  .galleryHoverPreview{display:none!important;}
}
.statusPanel{
  width:clamp(196px,15vw,232px)!important;
  padding:10px!important;
}
.statusSwitch{
  gap:6px!important;
  margin-bottom:9px!important;
}
.statusTab{
  min-height:34px!important;
  padding:6px 9px!important;
}
.statusTab span{
  font-size:12px!important;
}
.statusMeta b{
  font-size:18px!important;
}
.statusMeta small{
  font-size:11px!important;
}
.statusPanel .bars{
  gap:5px!important;
}
.statusPanel .barRow{
  grid-template-columns:50px minmax(0,1fr) 32px!important;
  gap:6px!important;
  font-size:10.5px!important;
}
.statusPanel .barRow b{
  font-size:10.5px!important;
}
.statusPanel .track{
  height:7px!important;
}
body.roomSearchMode{
  height:100dvh!important;
}
body.roomSearchMode .roomScene{
  background:
    radial-gradient(circle at 50% 36%,rgba(255,226,166,.28),rgba(79,35,12,.22) 70%),
    url('../assets/solitaire_wood_table_v2666.svg') center/cover no-repeat!important;
}
body.roomSearchMode .roomScene:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 38%,rgba(255,244,210,.10),rgba(42,18,7,.22));
  z-index:1;
}
body.roomSearchMode .roomScene .catActor,
body.roomSearchMode .roomScene .catRigCanvas,
body.roomSearchMode .roomScene .catRigHitbox,
body.roomSearchMode .roomScene .visitorActor,
body.roomSearchMode .roomScene .roomUpgrade,
body.roomSearchMode .roomScene .catMess{
  display:none!important;
}
body.roomSearchMode .roomSearchItem{
  z-index:3!important;
}
.roomSearchHud{
  position:fixed!important;
  top:max(10px,env(safe-area-inset-top))!important;
  left:50%!important;
  z-index:600!important;
  min-width:min(320px,calc(100vw - 18px))!important;
  box-shadow:0 16px 34px rgba(35,15,5,.30),inset 0 1px 0 rgba(255,255,255,.84)!important;
}
.roomSearchHud:before{
  content:"";
  width:22px;
  height:22px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#fff0a4,#d58c2c 62%,#8a4b17);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
  flex:0 0 auto;
}
.roomSearchHud strong{
  display:inline!important;
}
.solitaireModal.gameFocus .solitaireTable{
  padding:clamp(10px,1.4vw,22px)!important;
  display:block!important;
}
.solitaireModal.gameFocus .solitaireBoard,
.solitaireModal.fit .solitaireBoard{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
.solitaireModal.gameFocus .sPile{
  background:rgba(255,248,230,.16)!important;
}
@media(max-width:760px){
  .statusPanel{
    width:min(188px,calc(100% - 20px))!important;
    padding:7px!important;
    border-radius:18px!important;
  }
  .statusPanel .statusTop,
  .statusPanel .bars{
    display:none!important;
  }
  .statusSwitch{
    margin:0!important;
    gap:5px!important;
  }
  .statusTab{
    min-height:32px!important;
    padding:6px 8px!important;
  }
  .statusTab span{
    font-size:11.5px!important;
  }
  .roomSearchHud{
    top:max(8px,env(safe-area-inset-top))!important;
    min-width:min(286px,calc(100vw - 14px))!important;
  }
  .solitaireModal.gameFocus .solitaireTable{
    padding:8px!important;
  }
}
body.roomSearchMode .roomScene{
  background:#d8ad77 url('../assets/emmagotchi_room_main_v2516.png') center/cover no-repeat!important;
}
body.roomSearchMode .roomScene:before{
  background:linear-gradient(180deg,rgba(255,243,215,.10),rgba(82,39,12,.16))!important;
  z-index:1!important;
}
body.roomSearchMode .roomScene .roomUpgrade{
  display:block!important;
  z-index:2!important;
}
body.roomSearchMode .roomSearchItem{
  z-index:5!important;
}
.solitaireModal.gameFocus .solitaireShell{
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  padding:clamp(4px,.65vw,10px)!important;
}
.solitaireModal.gameFocus .solitaireTable{
  width:100%!important;
  height:100%!important;
  padding:clamp(4px,.75vw,12px)!important;
  overflow:hidden!important;
}
.solitaireModal.gameFocus .solitaireBoard,
.solitaireModal.fit .solitaireBoard{
  transform-origin:top left!important;
}
.statusPanel{
  width:clamp(174px,13vw,206px)!important;
  padding:8px!important;
}
.statusPanel .statusTab{
  min-height:32px!important;
}
.statusPanel .statusTab img{
  display:none!important;
}
.statusPanel .statusTab span{
  font-size:12px!important;
}
.statusPanel .statusTop{
  grid-template-columns:1fr!important;
  margin-bottom:6px!important;
}
.statusPanel .statusPic{
  display:none!important;
}
.statusPanel .statusMeta b{
  font-size:15px!important;
}
.statusPanel .statusMeta small{
  font-size:10.5px!important;
  margin:0!important;
}
.statusPanel .barRow{
  grid-template-columns:45px minmax(0,1fr) 29px!important;
  gap:5px!important;
  font-size:10px!important;
}
.statusPanel .track{
  height:6px!important;
}
body.roomSearchMode,
body.roomSearchMode.gamePopupLocked{
  width:100vw!important;
  height:100svh!important;
  min-height:100svh!important;
  overflow:hidden!important;
  background:#21150d url('../assets/emmagotchi_room_main_v2516.png') center/cover no-repeat!important;
}
body.roomSearchMode.gamePopupLocked{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:0!important;
  padding-right:0!important;
}
body.roomSearchMode .app,
body.roomSearchMode .main,
body.roomSearchMode .roomCard{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  min-height:100svh!important;
  background:transparent!important;
  overflow:hidden!important;
}
body.roomSearchMode .roomScene{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  min-height:100svh!important;
  background:#d8ad77 url('../assets/emmagotchi_room_main_v2516.png') center/cover no-repeat!important;
  overflow:hidden!important;
}
body.roomSearchMode .roomScene:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(255,244,218,.06),rgba(77,37,13,.12))!important;
  pointer-events:none!important;
}
body.roomSearchMode .roomScene .roomUpgrade{
  display:block!important;
}
.roomSearchHud,
.paintModal.gameFocus .paintTop,
.solitaireModal.gameFocus .solitaireTop{
  position:fixed!important;
  transform:translateZ(0)!important;
  will-change:transform!important;
}
.paintModal.gameFocus .paintTop,
.solitaireModal.gameFocus .solitaireTop{
  left:0!important;
  right:0!important;
  top:max(7px,env(safe-area-inset-top))!important;
  width:100vw!important;
  pointer-events:none!important;
  z-index:600!important;
}
.roomSearchHud{
  transform:translateX(-50%) translateZ(0)!important;
}
.paintModal.gameFocus .paintControls.collapsed .gameMenuToggle,
.solitaireModal.gameFocus .solitaireControls.collapsed .gameMenuToggle{
  left:50%!important;
  top:0!important;
  transform:translateX(-50%)!important;
}
.solitaireModal.gameFocus.open,
.paintModal.gameFocus.open{
  overflow:hidden!important;
}
.solitaireModal.gameFocus .solitaireShell{
  display:block!important;
  width:100vw!important;
  height:100svh!important;
  min-height:100svh!important;
}
.solitaireModal.gameFocus .solitaireTable{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  padding:clamp(8px,.9vw,16px)!important;
  overflow:hidden!important;
}
.solitaireModal.gameFocus .solitaireBoard,
.solitaireModal.fit .solitaireBoard{
  transform-origin:top left!important;
  transition:none!important;
}
@media(max-width:760px){
  .statusPanel{
    display:block!important;
    width:min(178px,48vw)!important;
    left:8px!important;
    top:8px!important;
    padding:7px!important;
    border-radius:18px!important;
    background:rgba(255,250,240,.88)!important;
    backdrop-filter:blur(9px)!important;
    -webkit-backdrop-filter:blur(9px)!important;
  }
  .statusPanel .statusTop,
  .statusPanel .bars{
    display:grid!important;
  }
  .statusPanel .statusSwitch{
    margin:0 0 6px!important;
    gap:5px!important;
  }
  .statusPanel .statusTab{
    min-height:28px!important;
    padding:5px 7px!important;
  }
  .statusPanel .statusTab span{
    font-size:10.5px!important;
  }
  .statusPanel .statusMeta b{
    font-size:13px!important;
  }
  .statusPanel .barRow{
    grid-template-columns:42px minmax(0,1fr) 28px!important;
    gap:4px!important;
    font-size:9px!important;
  }
  .statusPanel .barRow b{
    font-size:9px!important;
  }
  .statusPanel .track{
    height:6px!important;
  }
  body.roomSearchMode .roomScene{
    background-position:center center!important;
  }
  .roomSearchHud{
    max-width:calc(100vw - 12px)!important;
    min-width:auto!important;
  }
}
@media(max-width:760px) and (orientation:landscape){
  .statusPanel{
    width:170px!important;
    transform:scale(.92)!important;
    transform-origin:top left!important;
  }
}
.paintModal.gameFocus .paintTop,
.solitaireModal.gameFocus .solitaireTop{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:max(8px,env(safe-area-inset-top))!important;
  width:100vw!important;
  height:56px!important;
  pointer-events:none!important;
  z-index:720!important;
}
.paintModal.gameFocus .paintControls.collapsed,
.solitaireModal.gameFocus .solitaireControls.collapsed{
  position:relative!important;
  width:100vw!important;
  height:56px!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  pointer-events:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
.paintModal.gameFocus .paintControls.collapsed .gameMenuToggle,
.solitaireModal.gameFocus .solitaireControls.collapsed .gameMenuToggle{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  transform:translateX(-50%)!important;
  pointer-events:auto!important;
  z-index:2!important;
}
.paintModal.gameFocus .paintControls.collapsed .closeX,
.solitaireModal.gameFocus .solitaireControls.collapsed .closeX{
  position:absolute!important;
  right:max(10px,env(safe-area-inset-right))!important;
  top:0!important;
  display:grid!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  pointer-events:auto!important;
  z-index:3!important;
}
.paintModal.gameFocus .paintControls:not(.collapsed),
.solitaireModal.gameFocus .solitaireControls:not(.collapsed){
  position:fixed!important;
  left:50%!important;
  top:max(8px,env(safe-area-inset-top))!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  max-width:min(96vw,880px)!important;
  justify-content:center!important;
  z-index:730!important;
}
.focusGameHud,
.roomSearchHud{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%) translateZ(0)!important;
  z-index:710!important;
  width:max-content!important;
  max-width:calc(100vw - 18px)!important;
  justify-content:center!important;
  pointer-events:auto!important;
}
.focusGameHud{
  padding:8px 10px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,251,241,.94),rgba(232,198,153,.88))!important;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:0 14px 30px rgba(41,21,8,.28),inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(12px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.12)!important;
}
.roomSearchHud{
  min-width:min(360px,calc(100vw - 18px))!important;
  flex-wrap:nowrap!important;
}
body.roomSearchMode,
body.roomSearchMode.gamePopupLocked{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:auto!important;
  height:auto!important;
  min-width:100vw!important;
  min-height:100svh!important;
  padding:0!important;
  padding-right:0!important;
  overflow:auto!important;
  overscroll-behavior:auto!important;
  touch-action:pan-x pan-y pinch-zoom!important;
}
body.roomSearchMode .app,
body.roomSearchMode .main,
body.roomSearchMode .roomCard{
  position:relative!important;
  inset:auto!important;
  width:max(100vw,1280px)!important;
  height:max(100svh,820px)!important;
  min-width:max(100vw,1280px)!important;
  min-height:max(100svh,820px)!important;
  overflow:visible!important;
  background:transparent!important;
}
body.roomSearchMode .roomScene{
  position:relative!important;
  inset:auto!important;
  width:max(100vw,1280px)!important;
  height:max(100svh,820px)!important;
  min-width:max(100vw,1280px)!important;
  min-height:max(100svh,820px)!important;
  overflow:visible!important;
  background:#d8ad77 url('../assets/emmagotchi_room_main_v2516.png') center/cover no-repeat!important;
  touch-action:pan-x pan-y pinch-zoom!important;
}
body.roomSearchMode .roomSearchItem{
  touch-action:manipulation!important;
}
.solitaireModal.gameFocus .solitaireTable{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  padding:70px 18px 92px!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y pinch-zoom!important;
}
.solitaireModal.gameFocus .solitaireBoard{
  margin-inline:auto!important;
}
@media(max-width:760px){
  .focusGameHud,
  .roomSearchHud{
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    max-width:calc(100vw - 10px)!important;
  }
  .focusGameHud .hudChip{
    font-size:10px!important;
    padding:6px 8px!important;
  }
  .focusGameHud .focusAction{
    min-height:28px!important;
    font-size:10px!important;
    padding:5px 8px!important;
  }
  .roomSearchHud{
    min-height:38px!important;
    padding:5px 7px!important;
    gap:5px!important;
  }
  .roomSearchHud strong{
    display:none!important;
  }
  .roomSearchHud span{
    font-size:10px!important;
  }
  .roomSearchHud span b{
    font-size:15px!important;
  }
  .roomSearchHud > b{
    min-width:52px!important;
    padding:6px 7px!important;
    font-size:12px!important;
  }
  body.roomSearchMode .app,
  body.roomSearchMode .main,
  body.roomSearchMode .roomCard,
  body.roomSearchMode .roomScene{
    width:1180px!important;
    min-width:1180px!important;
    height:780px!important;
    min-height:780px!important;
  }
  .solitaireModal.gameFocus .solitaireTable{
    padding:62px 10px 82px!important;
  }
}

/* V26.87 - Katzensolitaer nutzt die Breite und weicht dem offenen Menue aus. */
.solitaireModal.gameFocus.open{
  display:block!important;
  padding:0!important;
  background:#6f3d19!important;
}
.solitaireModal.gameFocus .solitaireShell{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  min-height:100svh!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:url('../assets/solitaire_wood_table_v2666.svg') center/cover no-repeat!important;
  overflow:hidden!important;
}
.solitaireModal.gameFocus .solitaireTable{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  padding:var(--sol-top-pad,64px) clamp(10px,1.1vw,18px) var(--sol-bottom-pad,78px)!important;
  overflow:auto!important;
  scroll-behavior:auto!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y pinch-zoom!important;
}
.solitaireModal.gameFocus .solitaireBoard{
  margin-left:auto!important;
  margin-right:auto!important;
}
.solitaireModal.gameFocus .solitaireControls:not(.collapsed){
  max-width:min(92vw,900px)!important;
  max-height:min(34svh,190px)!important;
  overflow:auto!important;
  pointer-events:auto!important;
}
.solitaireModal.gameFocus .solitaireControls.collapsed{
  height:54px!important;
}
.solitaireModal.gameFocus .solitaireControls.collapsed .gameMenuToggle{
  top:4px!important;
}
.solitaireModal.gameFocus .solitaireControls.collapsed .closeX{
  top:4px!important;
}
.solitaireModal.gameFocus .focusGameHud{
  bottom:max(10px,env(safe-area-inset-bottom))!important;
}
@media(max-width:760px){
  .solitaireModal.gameFocus .solitaireTable{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .solitaireModal.gameFocus .solitaireControls:not(.collapsed){
    max-width:calc(100vw - 12px)!important;
    max-height:min(42svh,210px)!important;
  }
}

/* V26.88 - Solitaer ohne Transform-Crop: volle Breite, kein Horizontalversatz. */
.solitaireModal.gameFocus .solitaireTable{
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
.solitaireModal.gameFocus .solitaireBoard{
  width:min(100%,1680px)!important;
  max-width:1680px!important;
  height:auto!important;
  margin:0 auto!important;
  transform:none!important;
}
.solitaireModal.gameFocus .solitaireStacks,
.solitaireModal.gameFocus .solitaireTableau{
  gap:clamp(6px,.62vw,12px)!important;
}
.solitaireModal.gameFocus .sPile{
  min-height:clamp(420px,62svh,760px)!important;
}
@media(max-width:760px){
  .solitaireModal.gameFocus .solitaireBoard{
    width:100%!important;
    max-width:none!important;
  }
  .solitaireModal.gameFocus .sPile{
    min-height:clamp(340px,68svh,640px)!important;
  }
}

/* V26.89 - Katzensolitaer: echte Kartenanpassung statt Vollbild-Zoom. */
.solitaireModal.gameFocus.open{
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
  place-items:stretch!important;
}
.solitaireModal.gameFocus .solitaireShell{
  --sol-card-w:154px;
  --sol-card-h:calc(var(--sol-card-w) * 1.4);
  --s-gap:clamp(5px,calc(var(--sol-card-w) * .065),12px);
  --s-offset:clamp(16px,calc(var(--sol-card-w) * .235),34px);
  --sol-pile-depth:10;
  position:fixed!important;
  inset:0!important;
  width:100dvw!important;
  height:100dvh!important;
  min-width:100dvw!important;
  min-height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:url('../assets/solitaire_wood_table_v2666.svg') center/cover no-repeat!important;
}
.solitaireModal.gameFocus .solitaireTable{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  padding:var(--sol-top-pad,64px) max(10px,env(safe-area-inset-left)) var(--sol-bottom-pad,72px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  display:block!important;
  scroll-behavior:auto!important;
  touch-action:pan-y pinch-zoom!important;
}
.solitaireModal.gameFocus .solitaireBoard{
  position:relative!important;
  z-index:1!important;
  width:calc((var(--sol-card-w) * 7) + (var(--s-gap) * 6))!important;
  max-width:none!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  gap:var(--s-gap)!important;
  transform:none!important;
  transform-origin:top center!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  transition:none!important;
  will-change:auto!important;
}
.solitaireModal.gameFocus .solitaireStacks,
.solitaireModal.gameFocus .solitaireTableau{
  display:grid!important;
  grid-template-columns:repeat(7,var(--sol-card-w))!important;
  gap:var(--s-gap)!important;
  width:calc((var(--sol-card-w) * 7) + (var(--s-gap) * 6))!important;
}
.solitaireModal.gameFocus .sStackGroup{
  grid-template-columns:repeat(4,var(--sol-card-w))!important;
  gap:var(--s-gap)!important;
}
.solitaireModal.gameFocus .sSlot,
.solitaireModal.gameFocus .sPile{
  width:var(--sol-card-w)!important;
  min-width:var(--sol-card-w)!important;
  max-width:var(--sol-card-w)!important;
}
.solitaireModal.gameFocus .sSlot{
  height:var(--sol-card-h)!important;
  aspect-ratio:auto!important;
}
.solitaireModal.gameFocus .sPile{
  min-height:max(calc(var(--sol-card-h) + (var(--s-offset) * var(--sol-pile-depth))),calc(100dvh - var(--sol-top-pad,64px) - var(--sol-bottom-pad,72px) - var(--sol-card-h) - var(--s-gap) - 10px))!important;
}
.solitaireModal.gameFocus .sCard{
  height:var(--sol-card-h)!important;
  aspect-ratio:auto!important;
}
.solitaireModal.gameFocus .sCard.stockCard,
.solitaireModal.gameFocus .sCard.wasteCard,
.solitaireModal.gameFocus .sCard.foundationCard{
  width:100%!important;
  height:100%!important;
}
.solitaireModal.gameFocus .solitaireTop{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:max(8px,env(safe-area-inset-top))!important;
  width:100dvw!important;
  height:56px!important;
  pointer-events:none!important;
  z-index:740!important;
}
.solitaireModal.gameFocus .solitaireControls.collapsed{
  position:relative!important;
  width:100dvw!important;
  height:56px!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  display:block!important;
  pointer-events:none!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.solitaireModal.gameFocus .solitaireControls.collapsed > :not(.gameMenuToggle):not(.closeX){
  display:none!important;
}
.solitaireModal.gameFocus .solitaireControls.collapsed .gameMenuToggle{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  transform:translateX(-50%)!important;
  pointer-events:auto!important;
}
.solitaireModal.gameFocus .solitaireControls.collapsed .closeX{
  position:absolute!important;
  right:max(10px,env(safe-area-inset-right))!important;
  top:0!important;
  pointer-events:auto!important;
}
.solitaireModal.gameFocus .solitaireControls:not(.collapsed){
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:max(8px,env(safe-area-inset-top))!important;
  transform:translateX(-50%)!important;
  max-width:min(94dvw,920px)!important;
  max-height:min(34dvh,190px)!important;
  overflow:auto!important;
  justify-content:center!important;
  pointer-events:auto!important;
  z-index:750!important;
}
.solitaireModal.gameFocus .focusGameHud{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%) translateZ(0)!important;
  z-index:730!important;
}

/* V26.91 - Solitaer mobil: groessere Karten, weniger Glas-Spalten, ruhiges Scrollen. */
.solitaireModal.gameFocus .sPile{
  background:transparent!important;
  box-shadow:none!important;
}
.solitaireModal.gameFocus .solitaireTable{
  box-shadow:none!important;
  overscroll-behavior:contain!important;
}
@media(max-width:760px), (hover:none) and (pointer:coarse){
  .solitaireModal.gameFocus .solitaireShell{
    --sol-card-w:60px;
    --s-gap:clamp(4px,calc(var(--sol-card-w) * .055),8px);
    --s-offset:clamp(15px,calc(var(--sol-card-w) * .225),25px);
  }
  .solitaireModal.gameFocus .solitaireTable{
    padding:var(--sol-top-pad,58px) max(6px,env(safe-area-inset-left)) var(--sol-bottom-pad,62px) max(6px,env(safe-area-inset-left))!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    touch-action:pan-x pan-y pinch-zoom!important;
  }
  .solitaireModal.gameFocus .solitaireTable::-webkit-scrollbar{
    display:none!important;
  }
  .solitaireModal.gameFocus .solitaireBoard{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .solitaireModal.gameFocus .sSlot{
    border-width:1px!important;
    background:rgba(255,246,226,.30)!important;
  }
  .solitaireModal.gameFocus .sPile{
    min-height:max(calc(var(--sol-card-h) + (var(--s-offset) * var(--sol-pile-depth))),calc(100dvh - var(--sol-top-pad,58px) - var(--sol-bottom-pad,62px) - var(--sol-card-h) - 8px))!important;
  }
  .solitaireModal.gameFocus .sCard.faceCard{
    padding:4px!important;
    border-radius:10px!important;
  }
  .solitaireModal.gameFocus .sCard.down{
    border-radius:10px!important;
  }
  .solitaireModal.gameFocus .sCorner{
    font-size:clamp(12px,4.2vw,18px)!important;
  }
  .solitaireModal.gameFocus .sCornerIcon{
    width:clamp(10px,3.1vw,15px)!important;
    height:clamp(10px,3.1vw,15px)!important;
  }
  .solitaireModal.gameFocus .sCenterIcon{
    width:min(74%,62px)!important;
  }
  .solitaireModal.gameFocus .stockCountBubble{
    right:4px!important;
    top:4px!important;
    width:28px!important;
    height:28px!important;
    font-size:13px!important;
  }
  .solitaireModal.gameFocus .focusGameHud{
    max-width:calc(100dvw - 12px)!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
    padding:5px 7px!important;
  }
}
@media(max-width:760px) and (orientation:portrait){
  .solitaireModal.gameFocus .solitaireControls:not(.collapsed){
    max-width:calc(100dvw - 12px)!important;
    max-height:min(38dvh,220px)!important;
  }
  .solitaireModal.gameFocus .solitaireBtn{
    min-height:34px!important;
    padding:6px 9px!important;
    font-size:11px!important;
  }
  .solitaireModal.gameFocus .closeX{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
}
@media(max-width:900px) and (orientation:landscape), (max-height:560px) and (orientation:landscape){
  .solitaireModal.gameFocus .solitaireTable{
    padding:var(--sol-top-pad,54px) max(8px,env(safe-area-inset-left)) var(--sol-bottom-pad,54px)!important;
  }
  .solitaireModal.gameFocus .solitaireControls:not(.collapsed){
    max-height:min(34dvh,150px)!important;
  }
}
.drawer,
.rulesModal,
.photoLightbox figure,
.paintShell,
.solitaireShell{
  position:relative!important;
}
.windowCornerClose,
.drawer>.windowCornerClose,
.rulesModal>.windowCornerClose,
.paintShell .windowCornerClose,
.solitaireShell .windowCornerClose{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  left:auto!important;
  z-index:999!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.58)!important;
  background:linear-gradient(180deg,rgba(239,86,76,.94),rgba(201,48,42,.90))!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:1000!important;
  box-shadow:0 10px 22px rgba(86,28,20,.28)!important;
  opacity:.92!important;
}
.windowCornerClose:hover{
  opacity:1!important;
  transform:translateY(-1px)!important;
}
.drawerScroll,.rulesScroll{
  padding-top:10px!important;
}
.tasksOverview{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 14px;
}
.taskRewardBox{
  border-radius:20px;
  padding:14px;
  background:linear-gradient(180deg,rgba(255,252,246,.96),rgba(246,226,192,.90));
  border:1px solid rgba(203,148,69,.24);
  box-shadow:0 12px 22px rgba(84,47,15,.10);
  display:grid;
  gap:10px;
}
.taskRewardBox strong{
  font-size:18px;
  color:#5a3218;
}
.taskRewardBox .taskRewardState{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  font-weight:1000;
  background:rgba(255,255,255,.72);
  color:#835325;
}
.taskRewardBox .taskRewardHint{
  min-height:34px;
  padding:8px 10px;
  border-radius:14px;
  background:rgba(102,62,26,.08);
  color:#70451f;
  font-size:12px;
  font-weight:850;
  line-height:1.25;
}
.taskRewardBox.ready{
  background:linear-gradient(180deg,rgba(240,255,229,.96),rgba(191,231,164,.92));
  border-color:rgba(87,154,75,.36);
}
.taskRewardBox.claimed{
  opacity:.72;
}

/* V26.134 - Aufgaben zeigen klar, wann die naechste Belohnung wiederkommt. */
.taskRewardBox.ready .taskRewardHint{
  background:rgba(59,128,62,.13);
  color:#356b28;
}
.taskRewardBox.claimed .taskRewardHint{
  background:rgba(255,255,255,.62);
  color:#76512a;
}
.taskGrid.v2692{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
}
.chronicleList{
  display:grid;
  gap:10px;
}
.chronicleEntry{
  display:grid;
  grid-template-columns:minmax(172px,auto) minmax(0,1fr);
  gap:16px;
  align-items:center;
  min-height:68px;
  padding:12px 16px;
  border:1px solid rgba(154,101,43,.15);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(249,232,204,.54));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 5px 12px rgba(68,38,15,.06);
}
.chronicleMeta{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
}
.chronicleMeta time,
.chronicleNew{
  display:inline-grid;
  align-items:center;
  min-height:36px;
  padding:7px 11px;
  border-radius:12px;
  font-size:12px;
  font-weight:1000;
  line-height:1.15;
  white-space:nowrap;
}
.chronicleMeta time{
  min-width:132px;
  gap:2px;
  background:rgba(200,132,43,.14);
  color:#80501e;
}
.chronicleMeta time span{font-size:11px;opacity:.78}
.chronicleMeta time strong{font-size:14px;color:#5e3717}
.chronicleNew{
  min-height:30px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(91,153,70,.16);
  color:#4b833b;
}
.chronicleEntry p{
  margin:0;
  color:#624127;
  font-size:16px;
  font-weight:850;
  line-height:1.42;
  overflow-wrap:anywhere;
}
.chronicleDayTabs{
  display:flex;
  gap:8px;
  margin:4px 0 14px;
  padding:5px;
  overflow-x:auto;
  scrollbar-width:thin;
}
.chronicleDayTabs button{
  flex:0 0 auto;
  min-width:112px;
  min-height:54px;
  display:grid;
  place-content:center;
  gap:3px;
  padding:8px 14px;
  border:1px solid rgba(139,87,32,.2);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,252,245,.92),rgba(241,219,180,.78));
  box-shadow:0 6px 14px rgba(70,39,14,.1),inset 0 1px 0 #fff;
  color:#68401f;
  font-family:inherit;
  cursor:pointer;
}
.chronicleDayTabs button strong{font-size:14px;line-height:1.1}
.chronicleDayTabs button span{font-size:11px;font-weight:900;opacity:.72}
.chronicleDayTabs button.active{
  border-color:rgba(84,139,61,.38);
  background:linear-gradient(180deg,#eef9e8,#cce7bc);
  box-shadow:0 7px 16px rgba(64,113,47,.18),inset 0 1px 0 #fff;
  color:#386c2d;
}
.chronicleMore{
  margin-top:8px;
}
.chronicleMore summary{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border:1px solid rgba(150,98,39,.17);
  border-radius:12px;
  background:rgba(255,247,232,.68);
  color:#76502c;
  font-size:11px;
  font-weight:1000;
  cursor:pointer;
  list-style:none;
}
.chronicleMore summary::-webkit-details-marker{display:none}
.chronicleMore[open] summary{margin-bottom:6px}
.chronicleEmpty{
  display:grid;
  gap:6px;
  padding:28px 18px;
  border-radius:14px;
  background:rgba(255,249,239,.7);
  color:#76502c;
  font-size:15px;
  font-weight:900;
  text-align:center;
}
.chronicleEmpty strong{font-size:18px;color:#5c371c}
.chronicleEmpty span{font-size:14px}
@media(max-width:560px){
  .chronicleEntry{
    grid-template-columns:1fr;
    gap:9px;
    min-height:0;
    padding:12px;
  }
  .chronicleEntry p{font-size:15px;line-height:1.4}
  .chronicleMeta time{min-width:0}
  .chronicleDayTabs{margin-bottom:10px;padding-inline:0}
  .chronicleDayTabs button{min-width:104px;min-height:50px}
}
.roomWear{
  margin-top:10px;
}
.roomWearTop{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#7d5634;
  font-size:12px;
  font-weight:1000;
}
.roomWear .track{
  margin-top:5px;
}
.roomUpgrade .wearBadge{
  position:absolute;
  right:-8px;
  bottom:-8px;
  z-index:5;
  min-width:38px;
  padding:5px 7px;
  border-radius:999px;
  background:rgba(255,248,231,.94);
  border:1px solid rgba(166,106,32,.25);
  box-shadow:0 7px 14px rgba(71,42,11,.16);
  color:#6a3f1a;
  font-size:11px;
  font-weight:1000;
  text-align:center;
}
.roomUpgrade.worn .wearBadge{
  background:linear-gradient(180deg,#ffe6df,#f2a29a);
  color:#74291f;
}
.gardenWeatherBadge{
  position:absolute;
  left:8px;
  top:8px;
  z-index:7;
  min-width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:18px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 8px 16px rgba(44,29,12,.18);
}
@keyframes gardenRainV2692{to{background-position:0 24px;}}
@keyframes gardenFlashV2692{0%,80%,100%{opacity:.22}8%,14%{opacity:1}}
.catMess{
  filter:drop-shadow(0 8px 8px rgba(72,46,17,.22))!important;
}
.statusPanel{
  backdrop-filter:blur(12px)!important;
  background:rgba(255,246,228,.82)!important;
}
@media(max-width:640px){
  .statusPanel{
    width:min(238px,calc(100% - 20px))!important;
    left:10px!important;
    top:10px!important;
    padding:9px!important;
  }
  .statusPanel .statusTop{
    display:none!important;
  }
  .statusPanel .bars{
    display:grid!important;
    gap:5px!important;
  }
  .statusPanel .barRow{
    grid-template-columns:48px 1fr 30px!important;
    font-size:10px!important;
  }
  .tasksOverview{
    grid-template-columns:1fr;
  }
  .windowCornerClose,
  .drawer>.windowCornerClose,
  .rulesModal>.windowCornerClose{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    font-size:27px!important;
  }
}
:root{
  --emma-nav-dock-height:64px;
}
.drawer{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(var(--emma-nav-dock-height) + 14px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;
  width:min(960px,calc(100vw - 18px))!important;
  max-height:calc(100dvh - var(--emma-nav-dock-height) - 44px - env(safe-area-inset-bottom,0px))!important;
  overflow:hidden!important;
  z-index:91!important;
  padding:14px!important;
  border-radius:24px!important;
}
.drawer.open{
  display:block!important;
}
.drawerScroll{
  max-height:inherit!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding-top:8px!important;
}
.drawer>.windowCornerClose{
  top:9px!important;
  right:9px!important;
}
@media(max-width:980px){
  .drawer{
    bottom:calc(var(--emma-nav-dock-height) + 10px + env(safe-area-inset-bottom,0px))!important;
    width:calc(100vw - 14px)!important;
    max-height:calc(100dvh - var(--emma-nav-dock-height) - 32px - env(safe-area-inset-bottom,0px))!important;
    border-radius:20px!important;
    padding:12px!important;
  }
}
@media(max-width:640px){
  .drawer{
    bottom:calc(var(--emma-nav-dock-height) + 8px + env(safe-area-inset-bottom,0px))!important;
    width:calc(100vw - 10px)!important;
    max-height:calc(100dvh - var(--emma-nav-dock-height) - 24px - env(safe-area-inset-bottom,0px))!important;
    padding:10px!important;
  }
}
body.popupLocked::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:88;
  pointer-events:none;
  background:radial-gradient(circle at 50% 18%,rgba(255,232,164,.16),rgba(56,32,12,.32));
  backdrop-filter:blur(7px) saturate(.96);
  -webkit-backdrop-filter:blur(7px) saturate(.96);
}
body.popupLocked .app{
  filter:saturate(.92);
}
.drawer{
  z-index:96!important;
}
.loginNote{
  display:none!important;
}

/* V26.97 - Suchspiel und kleines Menue bleiben klar, Header/Login mobil ruhiger. */
body.popupLocked::before{
  z-index:80!important;
}
.drawer{
  z-index:126!important;
}
body.roomSearchMode.popupLocked::before{
  display:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.roomSearchMode.popupLocked .app,
body.roomSearchMode.popupLocked .main,
body.roomSearchMode.popupLocked .roomCard,
body.roomSearchMode.popupLocked .roomScene{
  filter:none!important;
}
body.roomSearchMode .roomScene{
  opacity:1!important;
  filter:none!important;
}

/* V26.97 - Wetterzeile, Chronik im Login und mobile Header-Box sicher im Bild. */
.gardenWeatherText{
  display:block!important;
  margin-top:2px!important;
  font-size:clamp(9px,.82vw,11px)!important;
  line-height:1.05!important;
  font-weight:1000!important;
  color:rgba(255,250,231,.92)!important;
  text-shadow:0 1px 2px rgba(64,34,8,.40)!important;
  white-space:nowrap!important;
}

/* V26.105 - Katzenwerte unter dem Zimmer, Moebelzustand ruhiger. */
.roomCard{
  display:grid!important;
  gap:12px!important;
}
.roomScene{
  isolation:isolate!important;
}
.statusPanel{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  z-index:2!important;
  width:100%!important;
  max-width:none!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:minmax(168px,220px) 1fr!important;
  gap:12px!important;
  align-items:stretch!important;
  background:linear-gradient(180deg,rgba(255,250,240,.95),rgba(255,239,204,.9))!important;
  border:1px solid rgba(173,116,44,.22)!important;
  box-shadow:0 10px 20px rgba(72,40,14,.10)!important;
  backdrop-filter:blur(10px)!important;
}
.statusPanel .statusSwitch{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  align-content:start!important;
}
.statusPanel .statusTab{
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 8px!important;
}
.statusPanel .statusTab img{
  width:34px!important;
  height:34px!important;
}
.statusPanel .statusTop{
  display:none!important;
}
.statusPanel .bars{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(86px,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
}
.statusPanel .barRow{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-rows:auto 8px!important;
  column-gap:8px!important;
  row-gap:6px!important;
  align-items:center!important;
  padding:8px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.5)!important;
  border:1px solid rgba(173,116,44,.12)!important;
  font-size:11px!important;
}
.statusPanel .barRow>span:first-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.statusPanel .barRow b{
  font-size:11px!important;
  color:#80512c!important;
}
.statusPanel .track{
  grid-column:1 / -1!important;
  height:8px!important;
  min-width:0!important;
}
.roomUpgrade .wearBadge{
  right:3px!important;
  bottom:3px!important;
  width:12px!important;
  height:12px!important;
  min-width:0!important;
  padding:0!important;
  border-radius:999px!important;
  background:#74b66a!important;
  border:2px solid rgba(255,250,238,.94)!important;
  box-shadow:0 4px 8px rgba(71,42,11,.18)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
.roomUpgrade.used .wearBadge{
  background:#e2b24f!important;
}
.roomUpgrade.worn .wearBadge{
  background:#db7369!important;
}
@media(max-width:980px){
  .statusPanel{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .statusPanel .statusSwitch{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .statusPanel .bars{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  .statusPanel{
    left:auto!important;
    top:auto!important;
    width:100%!important;
    padding:10px!important;
  }
  .statusPanel .bars{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .statusPanel .barRow{
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto 8px!important;
    padding:7px!important;
    font-size:10px!important;
  }
}
@media(max-width:390px){
  .statusPanel .bars{
    grid-template-columns:1fr!important;
  }
}

/* V26.106 - Statusleiste flacher und kompakter. */
.roomCard{
  gap:10px!important;
}
.statusPanel{
  padding:8px 10px!important;
  gap:8px!important;
  grid-template-columns:minmax(136px,170px) 1fr!important;
  align-items:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.statusPanel .statusSwitch{
  gap:5px!important;
}
.statusPanel .statusTab{
  min-height:34px!important;
  min-width:0!important;
  grid-template-columns:28px 1fr!important;
  gap:6px!important;
  padding:4px 7px!important;
}
.statusPanel .statusTab img{
  width:28px!important;
  height:28px!important;
}
.statusPanel .statusTab span{
  font-size:10px!important;
}
.statusPanel .bars{
  grid-template-columns:repeat(5,minmax(70px,1fr))!important;
  gap:6px!important;
  min-width:0!important;
}
.statusPanel .barRow{
  box-sizing:border-box!important;
  overflow:hidden!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 6px!important;
  gap:4px!important;
  padding:6px 7px!important;
  min-height:38px!important;
}
.statusPanel .barRow>span:first-child{
  display:flex!important;
  justify-content:space-between!important;
  align-items:baseline!important;
  gap:6px!important;
  font-size:10px!important;
  line-height:1!important;
}
.statusPanel .barRow b{
  display:none!important;
}
.statusPanel .barValue{
  flex:0 0 auto!important;
  color:#80512c!important;
  font-size:10px!important;
  font-weight:1000!important;
}
.statusPanel .track{
  height:6px!important;
}
@media(max-width:980px){
  .statusPanel{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .statusPanel .statusSwitch{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .statusPanel .bars{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  .roomCard{
    gap:10px!important;
  }
  .statusPanel{
    padding:8px!important;
    max-width:100%!important;
    width:100%!important;
    justify-self:stretch!important;
  }
  .statusPanel .bars{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* V26.107 - Wertebox wieder auf volle Spielkartenbreite. */
.statusPanel{
  width:100%!important;
  justify-self:stretch!important;
}
@media(max-width:390px){
  .statusPanel .bars{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:820px){
  body{
    padding-bottom:calc(var(--emma-nav-dock-height,96px) + 20px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* V26.111 - Suchspiel: verschieben ja, zoomen nein, nur ein Zimmerbild. */
html.roomSearchModeRoot,
html:has(body.roomSearchMode),
body.roomSearchMode,
body.roomSearchMode.gamePopupLocked{
  width:max(100vw,1180px)!important;
  min-width:max(100vw,1180px)!important;
  height:max(100svh,920px)!important;
  min-height:max(100svh,920px)!important;
  overflow:auto!important;
  overscroll-behavior:none!important;
  touch-action:pan-x pan-y!important;
  background-color:#20150d!important;
  background-image:none!important;
}
html.roomSearchModeRoot body.roomSearchMode,
html.roomSearchModeRoot body.roomSearchMode.gamePopupLocked{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:max(100vw,1180px)!important;
  min-width:max(100vw,1180px)!important;
  height:max(100svh,920px)!important;
  min-height:max(100svh,920px)!important;
  overflow:auto!important;
  background:#20150d!important;
  background-image:none!important;
}
body.roomSearchMode.gamePopupLocked::before,
body.roomSearchMode.popupLocked::before{
  display:none!important;
  content:none!important;
}
body.roomSearchMode .app,
body.roomSearchMode .main,
body.roomSearchMode .roomCard{
  position:relative!important;
  inset:auto!important;
  width:max(100vw,1180px)!important;
  min-width:max(100vw,1180px)!important;
  height:max(100svh,920px)!important;
  min-height:max(100svh,920px)!important;
  overflow:visible!important;
  background:#20150d!important;
  background-image:none!important;
}
body.roomSearchMode .roomScene{
  position:relative!important;
  inset:auto!important;
  width:max(100vw,1180px)!important;
  min-width:max(100vw,1180px)!important;
  height:max(100svh,920px)!important;
  min-height:max(100svh,920px)!important;
  overflow:visible!important;
  background-color:#d8ad77!important;
  background-image:url('../assets/emmagotchi_room_main_v2516.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  touch-action:pan-x pan-y!important;
}
body.roomSearchMode .roomScene:before{
  background:linear-gradient(180deg,rgba(255,244,218,.05),rgba(77,37,13,.10))!important;
}
body.roomSearchMode .roomShade,
body.roomSearchMode .catRigCanvas,
body.roomSearchMode .catRigHitbox,
body.roomSearchMode .catActor,
body.roomSearchMode .visitorActor,
body.roomSearchMode .catMess{
  display:none!important;
}
body.roomSearchMode .roomSearchItem{
  touch-action:manipulation!important;
}

/* V26.112 - Suchspiel scrollt ohne Rueckspringen, Chronik volle Loginbreite. */
html.roomSearchModeRoot,
html.roomSearchModeRoot body.roomSearchMode{
  scroll-behavior:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  scroll-snap-type:none!important;
}
html.roomSearchModeRoot .app,
html.roomSearchModeRoot .main,
html.roomSearchModeRoot .roomCard,
html.roomSearchModeRoot .roomScene{
  scroll-snap-align:none!important;
  scroll-snap-stop:normal!important;
}

/* V26.112 - Suchspiel bekommt eine eigene stabile Wischflaeche. */
html.roomSearchModeRoot,
html.roomSearchModeRoot body.roomSearchMode,
html.roomSearchModeRoot body.roomSearchMode.gamePopupLocked{
  width:100vw!important;
  min-width:100vw!important;
  height:100svh!important;
  min-height:100svh!important;
  overflow:hidden!important;
  background:#20150d!important;
  background-image:none!important;
}
html.roomSearchModeRoot{
  overflow:hidden!important;
}
html.roomSearchModeRoot body.roomSearchMode{
  overflow:hidden!important;
}
html.roomSearchModeRoot body.roomSearchMode .app,
html.roomSearchModeRoot body.roomSearchMode .main{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  min-width:100vw!important;
  height:100svh!important;
  min-height:100svh!important;
  overflow:hidden!important;
  background:#20150d!important;
  background-image:none!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomCard{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  min-width:100vw!important;
  height:100svh!important;
  min-height:100svh!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-x pan-y!important;
  background:#20150d!important;
  background-image:none!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomScene{
  position:relative!important;
  inset:auto!important;
  width:1180px!important;
  min-width:1180px!important;
  height:920px!important;
  min-height:920px!important;
  overflow:visible!important;
  background-color:#d8ad77!important;
  background-image:url('../assets/emmagotchi_room_main_v2516.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  touch-action:pan-x pan-y!important;
}

/* V26.113 - Suchbild responsiv, Dock schlanker. */
:root{
  --emma-search-w:min(860px,max(100vw,78svh));
  --emma-search-h:min(920px,max(100svh,calc(var(--emma-search-w) * .82)));
}
@media(orientation:landscape){
  :root{
    --emma-search-w:min(1120px,max(100vw,calc(100svh * 1.35)));
    --emma-search-h:min(780px,max(100svh,calc(var(--emma-search-w) * .72)));
  }
}
html.roomSearchModeRoot body.roomSearchMode .roomScene{
  width:var(--emma-search-w)!important;
  min-width:var(--emma-search-w)!important;
  height:var(--emma-search-h)!important;
  min-height:var(--emma-search-h)!important;
  background-size:100% 100%!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomCard{
  scrollbar-width:none!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomCard::-webkit-scrollbar{
  display:none!important;
}
@media(max-width:820px){
  body{
    padding-bottom:calc(var(--emma-nav-dock-height,72px) + 10px + env(safe-area-inset-bottom,0px))!important;
  }
}
.visitorActor{
  filter:none!important;
}
.visitorShadow{
  display:none!important;
}
.visitorPod,
.visitorPhoto{
  box-shadow:none!important;
}
.visitorBubble,
.visitorName{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:118px!important;
  min-height:20px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.visitorBubble{
  bottom:154px!important;
  color:#fff7df!important;
  background:rgba(105,63,24,.78)!important;
  border:1px solid rgba(255,229,160,.42)!important;
}
.visitorBubble:after{
  display:none!important;
}
.visitorName{
  top:134px!important;
  color:#593417!important;
  background:rgba(255,244,217,.92)!important;
  border:1px solid rgba(202,145,49,.32)!important;
}
@media(max-width:760px){
  .visitorBubble{
    bottom:124px!important;
    max-width:96px!important;
    font-size:9px!important;
    padding:3px 8px!important;
  }
  .visitorName{
    top:82px!important;
    max-width:92px!important;
    font-size:9px!important;
    padding:3px 8px!important;
  }
}
@media(max-width:560px){
  .visitorBubble{
    top:-8px!important;
    bottom:auto!important;
    max-width:80px!important;
  }
  .visitorName{
    top:auto!important;
    bottom:28px!important;
    max-width:78px!important;
  }
}

/* V26.115 - Besuchstier nur rundes Bild, Suchspiel unverzerrt im Vollbild. */
:root{
  --emma-room-ratio:1.7778958555;
}
html.roomSearchModeRoot body.roomSearchMode .roomCard{
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomScene{
  width:calc(100svh * var(--emma-room-ratio))!important;
  min-width:calc(100svh * var(--emma-room-ratio))!important;
  height:100svh!important;
  min-height:100svh!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media(orientation:landscape){
  html.roomSearchModeRoot body.roomSearchMode .roomScene{
    width:100vw!important;
    min-width:100vw!important;
    height:calc(100vw / var(--emma-room-ratio))!important;
    min-height:calc(100vw / var(--emma-room-ratio))!important;
  }
}
html.roomSearchModeRoot body.roomSearchMode .roomSearchItem{
  transform:translate(-50%,-50%) rotate(var(--search-rot,0deg)) scale(var(--search-scale,1))!important;
}
.visitorPod{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.visitorPod:before,
.visitorPod:after{
  display:none!important;
  content:none!important;
}
.visitorPhoto{
  box-shadow:none!important;
  background:transparent!important;
}
.visitorPhoto img{
  border-radius:50%!important;
}
.visitorBubble,
.visitorName{
  box-shadow:none!important;
}

/* V26.116 - Suchspiel zeigt am Handy das ganze Zimmerbild. */
html.roomSearchModeRoot body.roomSearchMode .roomCard{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:0!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomScene{
  --emma-search-fit-w:min(100vw,calc(100svh * var(--emma-room-ratio)));
  width:var(--emma-search-fit-w)!important;
  min-width:var(--emma-search-fit-w)!important;
  height:calc(var(--emma-search-fit-w) / var(--emma-room-ratio))!important;
  min-height:calc(var(--emma-search-fit-w) / var(--emma-room-ratio))!important;
  max-width:100vw!important;
  max-height:100svh!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomSearchItem{
  width:34px!important;
  height:34px!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomSearchItem svg{
  width:max(15px,calc(var(--search-size,24px) * .72))!important;
  height:max(15px,calc(var(--search-size,24px) * .72))!important;
}
@media(orientation:landscape){
  html.roomSearchModeRoot body.roomSearchMode .roomScene{
    --emma-search-fit-w:min(100vw,calc(100svh * var(--emma-room-ratio)));
  }
}

/* V26.117 - Suchspiel wieder als unverzerrtes Vollhoehen-Panorama. */
html.roomSearchModeRoot body.roomSearchMode .roomCard{
  display:block!important;
  place-items:normal!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
  scrollbar-width:none!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomCard::-webkit-scrollbar{
  display:none!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomScene{
  width:calc(100svh * var(--emma-room-ratio))!important;
  min-width:calc(100svh * var(--emma-room-ratio))!important;
  max-width:none!important;
  height:100svh!important;
  min-height:100svh!important;
  max-height:none!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media(orientation:landscape){
  html.roomSearchModeRoot body.roomSearchMode .roomScene{
    width:100vw!important;
    min-width:100vw!important;
    height:max(100svh,calc(100vw / var(--emma-room-ratio)))!important;
    min-height:max(100svh,calc(100vw / var(--emma-room-ratio)))!important;
  }
}
html.roomSearchModeRoot body.roomSearchMode .roomSearchItem{
  width:42px!important;
  height:42px!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomSearchItem svg{
  width:var(--search-size,24px)!important;
  height:var(--search-size,24px)!important;
}

/* V26.118 - Katzenwerte besser ablesbar. */
.statusPanel .barRow{
  min-height:42px!important;
  padding:7px 8px!important;
  background:rgba(255,252,244,.68)!important;
  border-color:rgba(146,91,31,.18)!important;
}
.statusPanel .barRow>span:first-child{
  font-size:11px!important;
  color:#5f3a1c!important;
}
.statusPanel .barValue{
  padding-left:6px!important;
  color:#5b3518!important;
  font-size:11px!important;
}
.statusPanel .track{
  height:9px!important;
  background:linear-gradient(180deg,#c8b28b,#aa8e61)!important;
  border:1px solid rgba(94,55,18,.28)!important;
  box-shadow:
    inset 0 1px 2px rgba(55,31,9,.26),
    0 1px 0 rgba(255,255,255,.62)!important;
}
.statusPanel .track>span{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 0 0 1px rgba(255,255,255,.18)!important;
}
.statusPanel .track.pink{
  background:linear-gradient(180deg,#c7a0a6,#9d737a)!important;
}
.statusPanel .track.green{
  background:linear-gradient(180deg,#9caf83,#778c60)!important;
}
@media(max-width:640px){
  .statusPanel .barRow{
    min-height:40px!important;
  }
  .statusPanel .track{
    height:8px!important;
  }
}

/* V26.119 - kleine Hinweise fuer Aktionsbuttons. */
.actionHover{
  display:none!important;
  max-width:min(190px,calc(100vw - 24px))!important;
  padding:7px 9px!important;
  border-radius:12px!important;
  background:rgba(60,35,15,.94)!important;
  color:#fff7e8!important;
  font-size:11px!important;
  line-height:1.18!important;
  font-weight:900!important;
  white-space:normal!important;
  box-shadow:0 12px 24px rgba(43,23,8,.24)!important;
  border:1px solid rgba(255,221,156,.28)!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .12s ease!important;
}
.actionHover.show{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
.actionHover strong{
  display:block!important;
  font-size:11px!important;
}
.actionHover span{
  display:block!important;
  margin-top:2px!important;
  color:#f6dca9!important;
  font-size:10px!important;
}
@media(max-width:640px){
  .actionHover{
    max-width:min(160px,calc(100vw - 18px))!important;
    padding:6px 8px!important;
    font-size:10px!important;
  }
  .actionHover strong{
    font-size:10px!important;
  }
  .actionHover span{
    font-size:9px!important;
  }
}

/* V26.120 - beide Katzenwerte direkt untereinander sichtbar. */
.statusPanel{
  grid-template-columns:1fr!important;
  align-items:stretch!important;
}
.statusPanel .statusSwitch,
.statusPanel .statusTop{
  display:none!important;
}
.statusCats{
  display:grid!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
}
.statusCat{
  display:grid!important;
  grid-template-columns:minmax(120px,156px) 1fr!important;
  gap:8px!important;
  align-items:stretch!important;
  min-width:0!important;
  padding:8px!important;
  border:1px solid rgba(146,91,31,.17)!important;
  border-radius:16px!important;
  background:rgba(255,252,244,.56)!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.statusCat.active{
  background:linear-gradient(180deg,rgba(255,239,186,.9),rgba(245,194,91,.64))!important;
  border-color:rgba(199,140,35,.42)!important;
}
.statusCatHead{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  min-width:0!important;
}
.statusCatHead img{
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:2px solid rgba(243,209,138,.95)!important;
}
.statusCatHead b,
.statusCatHead small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.statusCatHead b{
  color:#4f2d13!important;
  font-size:13px!important;
  line-height:1.05!important;
}
.statusCatHead small{
  margin-top:2px!important;
  color:#7d5730!important;
  font-size:9px!important;
  font-weight:1000!important;
}
.statusCat .bars{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
}
.statusCat .barRow{
  min-height:36px!important;
  padding:6px 7px!important;
}
@media(max-width:760px){
  .statusCat{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .statusCat .bars{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:480px){
  .statusCats{
    gap:7px!important;
  }
  .statusCat{
    padding:7px!important;
  }
  .statusCatHead{
    grid-template-columns:28px minmax(0,1fr)!important;
  }
  .statusCatHead img{
    width:28px!important;
    height:28px!important;
  }
  .statusCat .bars{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* V26.121 - Wertebalken erklaeren sich per Mini-Popup. */
.statusCat .barRow{
  cursor:help!important;
}

/* V26.122 - Suchspiel am Handy wieder komplett im Vollbild sichtbar. */
:root{
  --emma-room-ratio:1.7768331562;
  --emma-room-inverse:.5627990239;
}
@media(max-width:820px) and (orientation:portrait){
  html.roomSearchModeRoot,
  html.roomSearchModeRoot body.roomSearchMode{
    width:100vw!important;
    min-width:100vw!important;
    height:100svh!important;
    min-height:100svh!important;
    overflow:hidden!important;
    background:#20150d!important;
  }
  html.roomSearchModeRoot body.roomSearchMode .app,
  html.roomSearchModeRoot body.roomSearchMode .main,
  html.roomSearchModeRoot body.roomSearchMode .roomCard{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    min-width:100vw!important;
    height:100svh!important;
    min-height:100svh!important;
    overflow:hidden!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    background:#20150d!important;
  }
  html.roomSearchModeRoot body.roomSearchMode .roomScene{
    --emma-search-fit-w:min(100vw,calc(100svh * var(--emma-room-ratio)));
    width:var(--emma-search-fit-w)!important;
    min-width:var(--emma-search-fit-w)!important;
    height:calc(var(--emma-search-fit-w) * var(--emma-room-inverse))!important;
    min-height:calc(var(--emma-search-fit-w) * var(--emma-room-inverse))!important;
    max-width:100vw!important;
    max-height:100svh!important;
    overflow:visible!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    touch-action:manipulation!important;
  }
  html.roomSearchModeRoot body.roomSearchMode .roomSearchItem{
    width:46px!important;
    height:46px!important;
  }
  html.roomSearchModeRoot body.roomSearchMode .roomSearchItem svg{
    width:max(22px,calc(var(--search-size,24px) * .9))!important;
    height:max(22px,calc(var(--search-size,24px) * .9))!important;
  }
}

/* V26.123 - Handy-Suchspiel als echtes Vollhoehen-Panorama. */
@media(max-width:820px) and (orientation:portrait){
  html.roomSearchModeRoot,
  html.roomSearchModeRoot body.roomSearchMode{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    min-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    background:#20150d!important;
    overscroll-behavior:none!important;
    touch-action:pan-x!important;
  }
  html.roomSearchModeRoot body.roomSearchMode .app,
  html.roomSearchModeRoot body.roomSearchMode .main{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    min-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    background:#20150d!important;
  }
  html.roomSearchModeRoot body.roomSearchMode .roomCard{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    min-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    background:#20150d!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-x!important;
    scrollbar-width:none!important;
  }
  html.roomSearchModeRoot body.roomSearchMode .roomCard::-webkit-scrollbar{
    display:none!important;
  }
  html.roomSearchModeRoot body.roomSearchMode .roomScene{
    position:relative!important;
    inset:auto!important;
    width:calc(100dvh * var(--emma-room-ratio))!important;
    min-width:calc(100dvh * var(--emma-room-ratio))!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
    background-color:#d8ad77!important;
    background-image:url('../assets/emmagotchi_room_main_v2516.png')!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    transform:none!important;
    touch-action:pan-x!important;
  }
}

/* V26.124 - Suchspiel-Icons groesser, aber nach Objektgroesse gestaffelt. */
.roomSearchItem svg{
  filter:drop-shadow(0 1px 0 rgba(255,247,218,.38)) drop-shadow(0 4px 6px rgba(29,16,7,.30))!important;
  opacity:.82!important;
}

/* V26.125 - Suchobjekte dezenter und Suchspiel-Belohnung taeglich begrenzt. */
.roomSearchItem svg{
  opacity:.78!important;
  filter:drop-shadow(0 1px 0 rgba(255,247,218,.30)) drop-shadow(0 4px 6px rgba(29,16,7,.28))!important;
}

/* V26.126 - Moebel lassen sich per Schloss gegen Verschieben sichern. */
.roomUpgrade{
  touch-action:none!important;
}
.roomUpgrade.locked{
  cursor:default!important;
  touch-action:auto!important;
  filter:drop-shadow(0 13px 12px rgba(54,31,14,.18))!important;
}
.roomLockBtn{
  position:absolute!important;
  right:6px!important;
  top:6px!important;
  z-index:8!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,245,218,.42)!important;
  border-radius:999px!important;
  background:rgba(67,39,18,.56)!important;
  color:#fff7df!important;
  box-shadow:0 5px 11px rgba(36,18,6,.22)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  font-size:15px!important;
  line-height:1!important;
  opacity:.64!important;
  transform:scale(.9)!important;
  transition:opacity .14s ease,transform .14s ease,background .14s ease!important;
  touch-action:manipulation!important;
}
.roomUpgrade:hover .roomLockBtn,
.roomUpgrade:focus-within .roomLockBtn,
.roomLockBtn:focus-visible,
.roomLockBtn.is-locked{
  opacity:1!important;
  transform:scale(1)!important;
}
.roomLockBtn.is-locked{
  background:rgba(204,139,36,.84)!important;
  color:#fff8e4!important;
}
@media(max-width:820px), (hover:none) and (pointer:coarse){
  .roomLockBtn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    right:4px!important;
    top:4px!important;
    opacity:.9!important;
    font-size:16px!important;
  }
}

/* V26.127 - Schloss sitzt direkt auf dem Moebel, ohne extra Rahmen. */
.roomUpgrade.locked .roomAsset{
  outline:0!important;
  box-shadow:none!important;
}
.roomLockBtn{
  right:6px!important;
  top:6px!important;
}

/* V26.128 - Moebel-Diagnose mit Reparatur und Ersatzkauf. */
.roomInspectOverlay{
  position:fixed!important;
  inset:0!important;
  z-index:225000!important;
  display:grid!important;
  place-items:center!important;
  padding:14px!important;
  padding-bottom:calc(var(--emma-nav-visible-height,72px) + 22px + env(safe-area-inset-bottom,0px))!important;
  background:rgba(36,20,8,.34)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.roomInspectCard{
  width:min(520px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - var(--emma-nav-visible-height,72px) - 46px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  overflow:auto!important;
  border-radius:22px!important;
  padding:16px!important;
  color:#4d2b12!important;
  background:linear-gradient(180deg,rgba(255,252,244,.97),rgba(255,239,207,.95))!important;
  border:1px solid rgba(190,128,42,.22)!important;
  box-shadow:0 22px 60px rgba(42,22,8,.28)!important;
}
.roomInspectHead{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.roomInspectHead h3{
  margin:0!important;
  font-size:21px!important;
  line-height:1.05!important;
}
.roomInspectClose{
  width:34px!important;
  height:34px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(95,55,20,.12)!important;
  color:#5b3516!important;
  font-size:20px!important;
  font-weight:1000!important;
}
.roomInspectGrid{
  display:grid!important;
  gap:10px!important;
}
.roomInspectNote,
.roomInspectGuess{
  padding:10px 12px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(174,112,36,.14)!important;
  font-weight:900!important;
  line-height:1.32!important;
}
.roomInspectGuess{
  background:rgba(255,246,220,.72)!important;
}
.roomInspectActions{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}
@media(max-width:480px){
  .roomInspectActions{
    grid-template-columns:1fr!important;
  }
}

/* V26.136 - Schloss-Funktion ins Moebel-Popup verlegt. */
.roomLockBtn{
  display:none!important;
}
.roomInspectLockState{
  padding:10px 12px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,239,202,.62))!important;
  border:1px solid rgba(174,112,36,.16)!important;
  display:grid!important;
  gap:3px!important;
}
.roomInspectLockState strong{
  color:#5b3516!important;
  font-size:14px!important;
}
.roomInspectLockState span{
  color:#795029!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.25!important;
}

/* V26.137 - Tablet: Solitaer fuellt besser, Malspiel reagiert direkter auf Touch. */
@media (hover:none) and (pointer:coarse) and (min-width:761px){
  .solitaireModal.gameFocus .solitaireShell{
    --sol-card-w:clamp(82px,calc((100dvw - 96px) / 7),132px)!important;
    --s-gap:clamp(5px,calc(var(--sol-card-w) * .06),10px)!important;
    --s-offset:clamp(18px,calc(var(--sol-card-w) * .22),31px)!important;
  }
  .solitaireModal.gameFocus .solitaireTable{
    padding:var(--sol-top-pad,58px) max(12px,env(safe-area-inset-left)) var(--sol-bottom-pad,64px) max(12px,env(safe-area-inset-right))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .solitaireModal.gameFocus .solitaireBoard{
    margin-inline:auto!important;
  }
  .solitaireModal.gameFocus .focusGameHud{
    max-width:min(760px,calc(100dvw - 24px))!important;
  }
}
@media (hover:none) and (pointer:coarse) and (min-width:761px) and (orientation:landscape){
  .solitaireModal.gameFocus .solitaireShell{
    --sol-card-w:clamp(70px,calc((100dvw - 118px) / 7),118px)!important;
  }
  .solitaireModal.gameFocus .solitaireTable{
    padding-top:var(--sol-top-pad,52px)!important;
    padding-bottom:var(--sol-bottom-pad,54px)!important;
  }
}
.paintModal.gameFocus .paintCanvasWrap,
.paintModal.gameFocus .paintCanvasPad,
.paintModal.gameFocus #paintCanvas{
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
/* V26.140 - Ausmalbild weich skalieren, nicht als Pixelgrafik erzwingen. */
#paintCanvas{
  image-rendering:auto!important;
}

/* V26.138 - Shop uebersichtlicher mit Münzenstand und sichtbarer Kaufbestaetigung. */
.shopWallet{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 14px!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,250,238,.96),rgba(245,218,174,.92))!important;
  border:1px solid rgba(194,134,47,.24)!important;
  box-shadow:0 12px 24px rgba(76,42,14,.10)!important;
}
.shopWallet strong{
  display:block!important;
  color:#5b3516!important;
  font-size:17px!important;
}
.shopWallet span{
  color:#7a5228!important;
  font-size:12px!important;
  font-weight:900!important;
}
.shopWalletCoins{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:112px!important;
  min-height:42px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ffe69b,#e9a938)!important;
  color:#4d2a10!important;
  font-size:18px!important;
  font-weight:1000!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 16px rgba(116,67,18,.14)!important;
}
.shopGrid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:12px!important;
}
.shopCard{
  position:relative!important;
  display:grid!important;
  gap:10px!important;
  padding:14px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(255,252,246,.98),rgba(247,226,190,.94))!important;
  border:1px solid rgba(194,134,47,.18)!important;
  box-shadow:0 12px 24px rgba(76,42,14,.09)!important;
}
.shopCard.canBuy{
  border-color:rgba(213,157,62,.34)!important;
}
.shopCard.justBought{
  border-color:rgba(85,154,72,.34)!important;
}
.shopCardHead{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  align-items:flex-start!important;
}
.shopCardHead strong{
  color:#4f2e14!important;
  font-size:17px!important;
  line-height:1.1!important;
}
.shopStock{
  white-space:nowrap!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  color:#7b4f22!important;
  font-size:12px!important;
  font-weight:1000!important;
}
.shopDesc{
  color:#74502b!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.28!important;
  min-height:32px!important;
}
.shopBuyLine{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
}
.shopCost strong{
  color:#5a3418!important;
  font-size:16px!important;
}
.shopCost small{
  display:block!important;
  color:#8a6133!important;
  font-size:11px!important;
  font-weight:900!important;
}
.shopActions{
  position:relative!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.shopBoughtNote{
  display:none!important;
  position:absolute!important;
  right:0!important;
  bottom:calc(100% + 7px)!important;
  z-index:2!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff9dc,#f2ca61)!important;
  color:#4f2d12!important;
  font-size:12px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  box-shadow:0 10px 20px rgba(83,48,16,.18),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
/* V26.143 - Kaufbestaetigung steckt sichtbar in der Shopkarte und schiebt kein Layout. */
.shopCard.justBought .shopBoughtNote{
  display:block!important;
  animation:shopFloatBoughtV26143 1.35s ease-out forwards!important;
}
@keyframes shopFloatBoughtV26143{
  0%{opacity:0;transform:translateY(8px) scale(.94)}
  12%{opacity:1;transform:translateY(0) scale(1)}
  100%{opacity:0;transform:translateY(-34px) scale(.98)}
}
@keyframes shopBuyPulse{
  0%{box-shadow:0 0 0 rgba(86,154,72,0)}
  45%{box-shadow:0 14px 30px rgba(86,154,72,.16)}
  100%{transform:scale(1);box-shadow:0 12px 24px rgba(76,42,14,.09)}
}
@media(max-width:520px){
  .shopWallet{
    grid-template-columns:1fr!important;
  }
  .shopWalletCoins{
    width:100%!important;
  }
  .shopBuyLine{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .shopActions{
    justify-content:stretch!important;
  }
  .shopActions button{
    flex:1 1 120px!important;
  }
}

/* V26.129 - schoeneres kleines Hover-Kaertchen fuer Moebel. */
.actionHover strong + span + span{
  margin-top:4px!important;
  color:#fff1c7!important;
  font-size:9px!important;
}
.roomUpgrade:focus-visible{
  outline:2px solid rgba(226,166,63,.48)!important;
  outline-offset:5px!important;
}

/* V26.130 - aktive Spielangel und Blick zum Mauszeiger. */
body.toyWandActive .roomScene,
body.toyWandActive .catRigCanvas,
body.toyWandActive .catRigHitbox{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M7 7l21 24' stroke='%236b3e17' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M27 30c6 0 8 4 5 8' fill='none' stroke='%23f3d489' stroke-width='2' stroke-linecap='round'/%3E%3Cellipse cx='33' cy='34' rx='5' ry='7' fill='%23d95470'/%3E%3Ccircle cx='29' cy='29' r='3' fill='%23ffd75e'/%3E%3C/svg%3E") 7 7, crosshair!important;
}
body.toyWandActive .roomScene{
  box-shadow:inset 0 0 0 2px rgba(240,188,82,.28)!important;
}

/* V26.131 - Haltbarkeitspunkte weg, Schloss dezenter am Moebel. */
.roomUpgrade .wearBadge{
  display:none!important;
  content:none!important;
}
.roomLockBtn{
  right:3px!important;
  top:3px!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  border-color:rgba(255,245,218,.24)!important;
  background:rgba(55,32,15,.34)!important;
  box-shadow:0 4px 9px rgba(36,18,6,.14)!important;
  opacity:.42!important;
  transform:scale(.86)!important;
}
.roomLockBtn.is-locked{
  background:rgba(204,139,36,.58)!important;
}
.roomUpgrade:hover .roomLockBtn,
.roomUpgrade:focus-within .roomLockBtn,
.roomLockBtn:focus-visible,
.roomLockBtn.is-locked{
  opacity:.78!important;
}
@media(max-width:820px), (hover:none) and (pointer:coarse){
  .roomLockBtn{
    right:3px!important;
    top:3px!important;
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    opacity:.68!important;
  }
  .roomLockBtn.is-locked{
    opacity:.84!important;
  }
}

/* V26.132 - Katzen zeigen Freude beim Antippen. */
.catActor.joy{
  animation:none!important;
  transform:translateY(-3px) scale(1.035)!important;
  filter:drop-shadow(0 16px 18px rgba(82,38,20,.28)) drop-shadow(0 0 12px rgba(255,190,96,.28))!important;
}
.catActor.joy .thought{
  display:block!important;
}
.catActor.joy:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:82%;
  width:13px;
  height:13px;
  border-radius:9px 9px 1px 9px;
  background:rgba(226,82,121,.78);
  transform:translateX(-50%) rotate(45deg);
  box-shadow:18px -12px 0 -2px rgba(255,184,82,.72),-18px -8px 0 -3px rgba(255,238,179,.76);
  animation:catJoyFloat 1.35s ease-in-out infinite;
  pointer-events:none;
}
@keyframes catJoyFloat{
  0%,100%{opacity:.58;transform:translate(-50%,2px) rotate(45deg) scale(.88)}
  50%{opacity:.92;transform:translate(-50%,-7px) rotate(45deg) scale(1.05)}
}

/* V26.133 - groessere aufsteigende Herzen, Schlaf bleibt Schlaf. */
.catActor.joy:after{
  width:17px!important;
  height:17px!important;
  bottom:88%!important;
  box-shadow:23px -17px 0 -2px rgba(255,184,82,.74),-23px -12px 0 -3px rgba(255,238,179,.78)!important;
  animation:catJoyFloatUp 1.75s ease-out infinite!important;
}
.catActor.sleep.joy,
.catActor.act-nap.joy{
  transform:none!important;
}
.catActor.sleep.joy .eye,
.catActor.act-nap.joy .eye{
  height:10px!important;
  border-radius:999px!important;
  background:#f2b842!important;
  box-shadow:inset 0 -4px 0 rgba(42,36,31,.72)!important;
}
@keyframes catJoyFloatUp{
  0%{opacity:.2;transform:translate(-50%,8px) rotate(45deg) scale(.74)}
  18%{opacity:.9;transform:translate(-50%,0) rotate(45deg) scale(1)}
  100%{opacity:0;transform:translate(-50%,-42px) rotate(45deg) scale(1.24)}
}

/* --- v26145_art_auction --- */
.artMarketLead{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.artMarketLead>div{
  border:1px solid rgba(111,76,38,.16);
  background:linear-gradient(135deg,rgba(255,250,239,.94),rgba(238,249,245,.9));
  padding:11px 12px;
  border-radius:16px;
  box-shadow:0 8px 20px rgba(82,56,28,.08);
}
.artMarketLead span{
  display:block;
  color:#7e6045;
  font-size:12px;
  font-weight:800;
}
.artMarketLead b{
  display:block;
  margin-top:2px;
  color:#3c2b20;
  font-size:20px;
}
.artGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:12px;
}
.artCard{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(104,72,38,.18);
  background:rgba(255,252,246,.94);
  border-radius:16px;
  padding:10px;
  box-shadow:0 10px 24px rgba(74,47,23,.08);
}
.artCard.auction{
  border-color:rgba(33,121,118,.32);
  background:linear-gradient(160deg,rgba(255,252,246,.96),rgba(233,249,248,.94));
}
.artCard.sold{
  border-color:rgba(167,79,103,.26);
  background:linear-gradient(160deg,rgba(255,252,246,.96),rgba(255,239,244,.94));
}
.artThumb{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:12px;
  background:#f1e7d8;
  border:1px solid rgba(72,46,22,.12);
}
.artThumbPlaceholder{
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:4/3;
  border-radius:12px;
  background:linear-gradient(135deg,#f4e8d7,#e8f4f1);
  color:#73543c;
  font-weight:900;
}
.artCard strong{
  display:block;
  margin-top:9px;
  color:#342114;
}
.artMetaLine{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}
.artPill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-radius:999px;
  background:#fff3cf;
  color:#6b4b1f;
  font-size:12px;
  font-weight:900;
}
.artPill.rare{background:#e8f4f1;color:#23615d}
.artPill.sale{background:#ffe7ee;color:#8d3455}
.artPill.gold{background:#ffe1a8;color:#694315}
.artAuctionBox{
  margin-top:9px;
  padding:9px;
  border-radius:12px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(71,50,31,.1);
}
.artBidRows{
  display:grid;
  gap:4px;
  margin-top:7px;
}
.artBidRow{
  display:flex;
  justify-content:space-between;
  gap:8px;
  font-size:12px;
  color:#5d4734;
}
.artActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.artActions button{
  min-height:34px;
}
@media(max-width:720px){
  .artMarketLead{grid-template-columns:1fr}
  .artGrid{grid-template-columns:1fr}
  .artCard{padding:9px}
}

/* --- v26146_auction_house --- */
.auctionHouse{
  position:relative;
  overflow:hidden;
  min-height:72vh;
  margin:-8px;
  padding:16px;
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,248,235,.94) 0 56%,rgba(176,122,68,.34) 56% 100%),
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.7),transparent 28%),
    linear-gradient(135deg,#f5dfc1,#d9eee9);
  border:1px solid rgba(85,55,26,.16);
}
.auctionHouse:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(90deg,rgba(105,70,35,.08) 0 2px,transparent 2px 88px),
    linear-gradient(180deg,transparent 0 56%,rgba(85,50,22,.12) 56.2%,transparent 57%);
  pointer-events:none;
}
.auctionHouseHead{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  padding:2px 46px 12px 0;
}
.auctionHouseHead h3{
  margin:0;
  color:#312014;
  font-size:clamp(22px,3vw,34px);
}
.auctionWallet{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(82,54,27,.14);
  color:#49301e;
  font-weight:900;
}
.auctionStats{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}
.auctionStats>div{
  border-radius:16px;
  padding:10px 12px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(83,58,34,.13);
  box-shadow:0 10px 22px rgba(76,48,22,.08);
}
.auctionStats span{
  display:block;
  font-size:12px;
  color:#755c46;
  font-weight:800;
}
.auctionStats b{
  display:block;
  color:#332115;
  font-size:20px;
}
.auctionGalleryWall{
  position:relative;
  z-index:2;
  min-height:360px;
  border-radius:20px;
  padding:20px 16px 96px;
  background:
    linear-gradient(180deg,rgba(255,253,247,.48),rgba(255,248,231,.18)),
    radial-gradient(circle at 50% 0,rgba(255,255,255,.9),transparent 34%);
  border:1px solid rgba(98,65,31,.13);
  box-shadow:inset 0 -74px 0 rgba(118,72,35,.22);
}
.auctionSectionTitle{
  position:relative;
  z-index:3;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin:18px 0 10px;
}
.auctionSectionTitle h4{
  margin:0;
  color:#342114;
  font-size:18px;
}
.framedArtGrid{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:16px;
}
.framedArt{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:12px;
  border-radius:10px;
  background:linear-gradient(145deg,#8d5b2e,#f4d99a 18%,#7a4c24 38%,#d0a264 72%,#5d371b);
  box-shadow:0 14px 28px rgba(54,31,15,.22), inset 0 0 0 4px rgba(255,240,187,.42);
}
.framedArtInner{
  padding:8px;
  border-radius:6px;
  background:#fffaf0;
  box-shadow:inset 0 0 0 1px rgba(63,40,18,.16);
}
.framedArtInner img,
.framedArtPlaceholder{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:4px;
  background:linear-gradient(135deg,#f4eadb,#dff0ec);
}
.framedArtPlaceholder{
  display:grid;
  place-items:center;
  color:#6d513b;
  font-weight:900;
}
.framedPlaque{
  padding:8px 9px;
  border-radius:8px;
  background:rgba(255,250,238,.94);
  border:1px solid rgba(83,55,27,.14);
}
.framedPlaque strong{
  display:block;
  color:#2d1e14;
}
.artistPraise{
  margin-top:4px;
  color:#5f4938;
  font-size:12px;
  line-height:1.35;
}
.auctionPills{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
}
.auctionPill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-radius:999px;
  background:#fff1c7;
  color:#684718;
  font-size:12px;
  font-weight:900;
}
.auctionPill.blue{background:#e6f5f2;color:#235c58}
.auctionPill.pink{background:#ffe7ef;color:#8a3153}
.auctionCardActions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.auctionCardActions button{
  min-height:36px;
}
.auctionVisitors{
  position:absolute;
  left:0;
  right:0;
  bottom:18px;
  height:76px;
  overflow:hidden;
  pointer-events:none;
  z-index:2;
}
.auctionVisitor{
  position:absolute;
  bottom:4px;
  width:30px;
  height:56px;
  left:-60px;
  animation:auctionWalkV26146 18s linear infinite;
}
.auctionVisitor:nth-child(2){animation-duration:23s;animation-delay:-7s;bottom:0;transform:scale(.92)}
.auctionVisitor:nth-child(3){animation-duration:20s;animation-delay:-13s;bottom:7px;transform:scale(1.06)}
.auctionVisitor:before{
  content:"";
  position:absolute;
  left:8px;
  top:0;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#6b4a31;
  box-shadow:0 15px 0 8px #326d69;
}
.auctionVisitor:after{
  content:"";
  position:absolute;
  left:10px;
  bottom:0;
  width:4px;
  height:26px;
  background:#3d2c22;
  box-shadow:10px 0 0 #3d2c22;
  animation:auctionLegsV26146 .7s ease-in-out infinite alternate;
}
@keyframes auctionWalkV26146{
  from{left:-70px}
  to{left:calc(100% + 70px)}
}
@keyframes auctionLegsV26146{
  from{transform:skewX(-8deg)}
  to{transform:skewX(8deg)}
}
.auctionMarketGrid{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px;
}
.auctionMarketCard{
  border-radius:16px;
  padding:11px;
  background:rgba(255,252,246,.88);
  border:1px solid rgba(73,50,29,.14);
  box-shadow:0 12px 26px rgba(64,38,17,.1);
}
@media(max-width:760px){
  .auctionHouse{margin:-10px;padding:12px;min-height:76vh}
  .auctionHouseHead{display:block;padding-right:42px}
  .auctionWallet{margin-top:8px}
  .auctionStats{grid-template-columns:1fr}
  .auctionGalleryWall{padding:14px 10px 86px}
  .framedArtGrid,.auctionMarketGrid{grid-template-columns:1fr}
}

/* --- v26147_auction_scroll_visitors --- */
.auctionHouse{
  min-height:min(860px, calc(100vh - 92px));
}
.drawer.open .drawerScroll .auctionHouse{
  margin:0;
}
.auctionVisitors{
  height:86px;
  bottom:14px;
}
.auctionVisitor{
  left:14%;
  bottom:8px;
  width:32px;
  height:58px;
  animation:auctionStrollV26147 34s ease-in-out infinite;
  transform-origin:50% 100%;
}
.auctionVisitor:nth-child(2){
  left:58%;
  bottom:2px;
  animation:auctionBrowseV26147 39s ease-in-out infinite;
  animation-delay:-11s;
  transform:scale(.94);
}
.auctionVisitor:nth-child(n+3){
  display:none;
}
.auctionVisitor:before{
  background:#745137;
  box-shadow:0 15px 0 8px #527977, -7px 24px 0 -2px #527977, 7px 24px 0 -2px #527977;
}
.auctionVisitor:after{
  animation:auctionIdleLegsV26147 1.4s ease-in-out infinite alternate;
}
@keyframes auctionStrollV26147{
  0%,12%{transform:translateX(0) scale(1)}
  24%,36%{transform:translateX(46px) scale(1)}
  48%,58%{transform:translateX(46px) scaleX(-1)}
  72%,84%{transform:translateX(-22px) scaleX(-1)}
  100%{transform:translateX(0) scale(1)}
}
@keyframes auctionBrowseV26147{
  0%,18%{transform:translateX(0) scale(.94)}
  32%,48%{transform:translateX(-54px) scale(.94)}
  60%,72%{transform:translateX(-54px) scaleX(-1) scale(.94)}
  88%,100%{transform:translateX(18px) scaleX(-1) scale(.94)}
}
@keyframes auctionIdleLegsV26147{
  from{transform:skewX(-3deg)}
  to{transform:skewX(3deg)}
}

/* --- v26148_auction_live_market --- */
.auctionHouse.liveQuiet{
  overflow:hidden;
}
.auctionLiveNote{
  position:relative;
  z-index:2;
  margin:-4px 0 12px;
  color:#6b5140;
  font-size:13px;
}
.auctionMarketCard.compact{
  display:grid;
  grid-template-columns:minmax(98px,138px) 1fr;
  gap:12px;
  align-items:start;
}
.auctionMarketFrame{
  padding:7px;
  border-radius:9px;
  background:linear-gradient(145deg,#68401f,#efcf89 22%,#7b4a21 48%,#f7dda3 78%,#5b3519);
  box-shadow:0 10px 18px rgba(48,28,12,.2), inset 0 0 0 3px rgba(255,243,197,.34);
  transform:perspective(760px) rotateY(-4deg) rotateX(1deg);
}
.auctionMarketCard.compact:nth-child(even) .auctionMarketFrame{
  transform:perspective(760px) rotateY(4deg) rotateX(1deg);
}
.auctionMarketFrame .framedArtInner{
  padding:5px;
}
.auctionMarketInfo{
  min-width:0;
}
.auctionBenefit{
  margin-top:8px;
  padding:8px;
  border-radius:10px;
  background:rgba(232,245,242,.82);
  color:#285b56;
  font-size:12px;
  line-height:1.35;
}
.auctionBenefit strong{
  display:block;
  color:#224944;
}
.auctionBidPanel{
  margin-top:9px;
  padding:8px;
  border-radius:10px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(71,50,31,.1);
}
.auctionBidPanel .auctionBidTop{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#3a281c;
  font-weight:900;
}
.auctionBidPanel small{
  display:block;
  margin-top:3px;
  color:#765d49;
}
.auctionSoldVault{
  position:relative;
  z-index:3;
  margin-top:16px;
  border-radius:16px;
  background:rgba(255,252,246,.68);
  border:1px solid rgba(73,50,29,.14);
}
.auctionSoldVault summary{
  cursor:pointer;
  padding:12px 14px;
  color:#3a281d;
  font-weight:900;
}
.auctionSoldVault .framedArtGrid{
  padding:0 12px 12px;
}
.auctionSoldVault:not([open]) .framedArtGrid{
  display:none;
}
.auctionEmpty{
  padding:12px;
}
@media(max-width:760px){
  .auctionMarketCard.compact{
    grid-template-columns:1fr;
  }
  .auctionMarketFrame,
  .auctionMarketCard.compact:nth-child(even) .auctionMarketFrame{
    transform:none;
    max-width:220px;
    justify-self:center;
    width:72%;
  }
  .auctionCardActions button{
    flex:1 1 130px;
  }
}

/* --- v26149_auction_crowd --- */
.auctionMarketCard.compact{
  grid-template-columns:minmax(158px,210px) 1fr;
}
.auctionMarketStage{
  position:relative;
  min-height:218px;
  padding:0 0 62px;
  align-self:start;
}
.auctionMarketStage .auctionMarketFrame{
  position:relative;
  z-index:2;
  max-width:178px;
  margin:0 auto;
}
.auctionMarketStage.highInterest .auctionMarketFrame{
  box-shadow:0 13px 23px rgba(48,28,12,.24), inset 0 0 0 3px rgba(255,243,197,.42), 0 0 0 5px rgba(255,238,185,.32);
}
.auctionCrowdV26149{
  position:absolute;
  left:-8px;
  right:-8px;
  bottom:2px;
  height:78px;
  z-index:4;
  pointer-events:none;
  overflow:visible;
}
.auctionPersonV26149{
  --skin:#f0bf8f;
  --cloth:#5b8f99;
  --accent:#553522;
  --scale:.96;
  position:absolute;
  left:var(--x);
  bottom:0;
  width:24px;
  height:56px;
  transform-origin:50% 100%;
  animation:auctionVisitorDriftV26149 calc(var(--speed)*1s) ease-in-out infinite;
  animation-delay:var(--delay);
  filter:drop-shadow(0 5px 4px rgba(43,26,12,.18));
}
.auctionPersonV26149.bidder{
  z-index:7;
  animation:auctionBidderStandV26149 5.2s ease-in-out infinite;
  animation-delay:var(--delay);
}
.auctionPersonHead{
  position:absolute;
  left:5px;
  top:0;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--skin);
  box-shadow:inset -2px -1px 0 rgba(90,45,22,.12);
}
.auctionPersonHead:before{
  content:"";
  position:absolute;
  inset:-3px -2px 6px;
  border-radius:10px 10px 7px 7px;
  background:var(--accent);
  z-index:-1;
}
.auctionPersonV26149.woman .auctionPersonHead:before{
  inset:-4px -3px 3px;
  border-radius:12px 12px 9px 9px;
}
.auctionPersonBody{
  position:absolute;
  left:4px;
  top:17px;
  width:16px;
  height:22px;
  background:var(--cloth);
  border-radius:6px 6px 5px 5px;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.22);
}
.auctionPersonV26149.woman .auctionPersonBody{
  left:2px;
  width:20px;
  height:24px;
  border-radius:8px 8px 3px 3px;
  clip-path:polygon(50% 0,100% 100%,0 100%);
}
.auctionPersonLegs{
  position:absolute;
  left:6px;
  bottom:0;
  width:4px;
  height:19px;
  background:#403026;
  border-radius:3px;
  box-shadow:8px 0 0 #403026;
  transform-origin:50% 0;
  animation:auctionLegStepV26149 .8s ease-in-out infinite alternate;
}
.auctionPersonV26149.woman .auctionPersonLegs{
  height:15px;
  left:7px;
}
.auctionPersonV26149.bidder .auctionPersonBody{
  outline:2px solid rgba(255,238,183,.82);
}
.auctionPersonV26149 em{
  position:absolute;
  left:50%;
  bottom:48px;
  max-width:112px;
  padding:4px 7px;
  border-radius:10px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(104,71,36,.18);
  color:#4b3525;
  font-style:normal;
  font-size:10px;
  line-height:1.15;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:0;
  transform:translateX(-50%) translateY(4px) scale(.92);
  box-shadow:0 6px 12px rgba(48,29,14,.12);
  animation:auctionBubbleTalkV26149 9s ease-in-out infinite;
  animation-delay:calc(var(--delay) * -1);
}
.auctionPersonV26149 em:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:8px;
  height:8px;
  background:inherit;
  border-right:1px solid rgba(104,71,36,.14);
  border-bottom:1px solid rgba(104,71,36,.14);
  transform:translateX(-50%) rotate(45deg);
}
.auctionPersonV26149.bidder em{
  opacity:1;
  background:#fff7d8;
  border-color:rgba(186,126,38,.42);
  color:#6a3f13;
  animation:auctionBidBubbleV26149 4.8s ease-in-out infinite;
}
@keyframes auctionVisitorDriftV26149{
  0%{opacity:0;transform:translateX(-48px) scale(var(--scale))}
  14%{opacity:1}
  36%{transform:translateX(-10px) scale(var(--scale))}
  54%{transform:translateX(-10px) scale(var(--scale))}
  82%{opacity:1}
  100%{opacity:0;transform:translateX(44px) scale(var(--scale))}
}
@keyframes auctionBidderStandV26149{
  0%,100%{transform:translateY(0) scale(var(--scale))}
  45%{transform:translateY(-3px) scale(calc(var(--scale) + .04))}
}
@keyframes auctionLegStepV26149{
  from{transform:skewX(-8deg)}
  to{transform:skewX(8deg)}
}
@keyframes auctionBubbleTalkV26149{
  0%,28%,100%{opacity:0;transform:translateX(-50%) translateY(5px) scale(.9)}
  38%,62%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
}
@keyframes auctionBidBubbleV26149{
  0%,100%{opacity:.88;transform:translateX(-50%) translateY(1px) scale(.96)}
  45%{opacity:1;transform:translateX(-50%) translateY(-4px) scale(1.04)}
}
@media(max-width:760px){
  .auctionMarketCard.compact{
    grid-template-columns:1fr;
  }
  .auctionMarketStage{
    min-height:252px;
    padding-bottom:70px;
  }
  .auctionMarketStage .auctionMarketFrame,
  .auctionMarketFrame,
  .auctionMarketCard.compact:nth-child(even) .auctionMarketFrame{
    max-width:248px;
    width:78%;
    justify-self:center;
    transform:none;
  }
  .auctionCrowdV26149{
    left:4%;
    right:4%;
    bottom:4px;
  }
  .auctionPersonV26149:nth-child(n+6){
    display:none;
  }
  .auctionPersonV26149:not(.bidder) em{
    display:none;
  }
}

/* --- v26150_auction_exhibition_room --- */
.auctionSectionTitle.auctionRoomTitle{
  align-items:center;
}
.auctionExhibitRoomV26150{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px 16px;
  min-height:520px;
  margin-top:8px;
  padding:34px 24px 96px;
  border-radius:20px;
  border:1px solid rgba(91,61,35,.16);
  background:
    linear-gradient(180deg,rgba(250,241,223,.96) 0 58%,rgba(168,116,66,.24) 58.2% 100%),
    repeating-linear-gradient(90deg,rgba(102,72,42,.09) 0 2px,transparent 2px 96px),
    repeating-linear-gradient(0deg,transparent 0 86px,rgba(117,83,50,.08) 86px 88px),
    radial-gradient(circle at 50% 0,rgba(255,255,255,.8),transparent 42%);
  box-shadow:inset 0 -80px 0 rgba(117,72,36,.2), inset 0 -84px 0 rgba(255,255,255,.12), 0 16px 30px rgba(63,39,20,.12);
  overflow:hidden;
}
.auctionExhibitRoomV26150:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:128px;
  background:
    linear-gradient(160deg,rgba(104,63,32,.18),transparent 42%),
    repeating-linear-gradient(90deg,rgba(92,56,28,.14) 0 1px,transparent 1px 74px),
    linear-gradient(180deg,rgba(195,145,91,.34),rgba(129,76,37,.42));
  clip-path:polygon(0 28%,100% 0,100% 100%,0 100%);
  pointer-events:none;
}
.auctionExhibitRoomV26150:after{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  top:20px;
  height:8px;
  border-radius:999px;
  background:rgba(100,67,39,.2);
  box-shadow:0 124px 0 rgba(100,67,39,.1),0 252px 0 rgba(100,67,39,.08);
  pointer-events:none;
}
.auctionRoomEmptyV26150{
  position:relative;
  z-index:2;
  grid-column:1/-1;
  align-self:start;
  max-width:520px;
  padding:16px;
  border-radius:14px;
  background:rgba(255,252,246,.86);
  border:1px solid rgba(94,65,38,.14);
  color:#5f4938;
  font-weight:800;
}
.auctionExhibitLotV26150{
  position:relative;
  z-index:2;
  min-height:342px;
  padding:0 8px 132px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.auctionExhibitLotV26150.lowInterest{
  padding-bottom:104px;
}
.auctionExhibitLotV26150 .auctionMarketFrame{
  position:relative;
  width:min(100%,188px);
  margin:0 auto;
  transform:perspective(900px) rotateY(-2deg);
  z-index:4;
}
.auctionExhibitLotV26150:nth-child(even) .auctionMarketFrame{
  transform:perspective(900px) rotateY(2deg);
}
.auctionExhibitLotV26150 .framedArtInner img,
.auctionExhibitLotV26150 .framedArtPlaceholder{
  aspect-ratio:4/3;
  object-fit:cover;
}
.auctionExhibitLotV26150.highInterest .auctionMarketFrame{
  width:min(100%,204px);
  box-shadow:0 16px 26px rgba(58,34,16,.28), inset 0 0 0 3px rgba(255,243,197,.42), 0 0 0 6px rgba(255,235,174,.26);
}
.auctionExhibitPlaqueV26150{
  width:min(100%,218px);
  margin-top:10px;
  padding:8px 9px;
  border-radius:8px;
  background:rgba(255,252,244,.92);
  border:1px solid rgba(98,66,37,.16);
  box-shadow:0 8px 14px rgba(54,33,17,.08);
  color:#4d3828;
}
.auctionExhibitPlaqueV26150 strong{
  display:block;
  color:#2e2117;
  font-size:14px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.auctionPlaqueMetaV26150,
.auctionPlaqueBidV26150{
  margin-top:4px;
  font-size:11px;
  line-height:1.25;
  color:#725844;
}
.auctionPlaqueBidV26150 b{
  color:#7c4b10;
}
.auctionMiniPillsV26150{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:6px;
}
.auctionMiniPillsV26150 span{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:2px 6px;
  border-radius:999px;
  background:#fff0c8;
  color:#6b4718;
  font-size:10px;
  font-weight:900;
}
.auctionMiniPillsV26150 span:first-child{
  background:#e4f4f0;
  color:#245b55;
}
.auctionExhibitActionsV26150{
  width:min(100%,218px);
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  margin-top:8px;
}
.auctionExhibitActionsV26150 button{
  min-height:34px;
  padding:6px 8px;
  font-size:12px;
}
.auctionInterestCrowdV26150{
  position:absolute;
  left:8px;
  right:8px;
  bottom:40px;
  height:88px;
  z-index:5;
  pointer-events:none;
}
.auctionInterestCrowdV26150.empty{
  display:none;
}
.auctionInterestCrowdV26150 .auctionPersonV26149{
  bottom:0;
}
.auctionInterestCrowdV26150 .auctionPersonV26149.visitor{
  animation:auctionVisitorFocusV26150 calc(var(--speed)*1s) ease-in-out infinite;
  animation-delay:var(--delay);
}
.auctionInterestCrowdV26150 .auctionPersonV26149.bidder{
  animation:auctionBidderStandV26149 5.2s ease-in-out infinite;
  animation-delay:var(--delay);
}
.auctionInterestCrowdV26150 .auctionPersonV26149:not(.bidder) em{
  animation-duration:11s;
}
.auctionExhibitLotV26150.lowInterest .auctionInterestCrowdV26150 .auctionPersonV26149:not(.bidder){
  display:none;
}
@keyframes auctionVisitorFocusV26150{
  0%{opacity:0;transform:translateX(-34px) scale(var(--scale))}
  16%{opacity:1}
  36%,62%{opacity:1;transform:translateX(0) scale(var(--scale))}
  78%{opacity:1;transform:translateX(12px) scaleX(-1) scale(var(--scale))}
  100%{opacity:0;transform:translateX(42px) scaleX(-1) scale(var(--scale))}
}
@media(max-width:760px){
  .auctionExhibitRoomV26150{
    grid-template-columns:1fr;
    gap:20px;
    min-height:0;
    padding:24px 12px 80px;
  }
  .auctionExhibitLotV26150{
    min-height:330px;
    padding-bottom:126px;
  }
  .auctionExhibitLotV26150 .auctionMarketFrame,
  .auctionExhibitLotV26150:nth-child(even) .auctionMarketFrame{
    width:min(82vw,248px);
    transform:none;
  }
  .auctionExhibitPlaqueV26150,
  .auctionExhibitActionsV26150{
    width:min(82vw,260px);
  }
  .auctionInterestCrowdV26150{
    left:12%;
    right:12%;
    bottom:40px;
  }
  .auctionInterestCrowdV26150 .auctionPersonV26149:nth-child(n+4){
    display:none;
  }
  .auctionInterestCrowdV26150 .auctionPersonV26149:not(.bidder) em{
    display:none;
  }
}

/* --- v26151_auction_room_header --- */
/* V26.151 - Glas-Titel für den Ausstellungsraum, Aktualisieren dezenter darunter. */
.auctionRoomHeaderV26151{
  position:relative;
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  margin:18px 0 8px;
}
.auctionRoomGlassTitleV26151{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:9px 18px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,245,225,.52));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(73,48,25,.08);
  color:#382516;
  font-size:clamp(19px,2.7vw,27px);
  font-weight:1000;
  text-align:center;
}
.auctionRoomRefreshV26151{
  align-self:center;
  min-height:28px!important;
  padding:4px 13px!important;
  border-radius:999px!important;
  background:rgba(255,252,246,.38)!important;
  border:1px solid rgba(90,62,38,.1)!important;
  box-shadow:none!important;
  color:#765943!important;
  font-size:11px!important;
  font-weight:900!important;
}
.auctionRoomRefreshV26151:hover{
  background:rgba(255,252,246,.72)!important;
  color:#49301e!important;
}
@media(max-width:760px){
  .auctionRoomHeaderV26151{
    margin-top:14px;
  }
  .auctionRoomGlassTitleV26151{
    min-height:42px;
    padding:8px 14px;
  }
}

/* --- v26152_auction_people_frames --- */
/* V26.152 - Atelier kompakter, Auktionshalle lebendiger, Besuchermeinungen erst auf Nachfrage. */
.auctionGalleryWall{
  min-height:auto!important;
  padding-bottom:22px!important;
}
.auctionGalleryWall .auctionVisitors{
  display:none!important;
}
.auctionGalleryWall .framedArtGrid{
  grid-template-columns:repeat(auto-fit,minmax(148px,1fr));
  gap:10px;
}
.auctionGalleryWall .framedArt{
  gap:6px;
  padding:8px;
  border-radius:8px;
  box-shadow:0 9px 18px rgba(54,31,15,.16), inset 0 0 0 3px rgba(255,240,187,.34);
}
.auctionGalleryWall .framedArtInner{
  padding:5px;
}
.auctionGalleryWall .framedPlaque{
  padding:6px 7px;
}
.auctionGalleryWall .framedPlaque strong{
  font-size:12px;
}
.auctionGalleryWall .artistPraise{
  max-height:42px;
  overflow:hidden;
  font-size:10px;
}
.auctionGalleryWall .auctionPill{
  min-height:19px;
  padding:2px 6px;
  font-size:10px;
}
.auctionGalleryWall .auctionCardActions button{
  min-height:30px;
  padding:5px 7px;
  font-size:11px;
}
.auctionExhibitLotV26150 .auctionMarketFrame{
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(87,50,20,.45);
  background:
    linear-gradient(145deg,#4b2a12 0,#c68a38 11%,#fff1b8 21%,#7a461e 36%,#d2a158 57%,#fff0b5 73%,#583016 100%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.18) 0 2px,transparent 2px 7px);
  box-shadow:0 18px 30px rgba(58,34,16,.28), inset 0 0 0 2px rgba(255,249,215,.5), inset 0 0 16px rgba(67,36,12,.24);
}
.auctionExhibitLotV26150 .auctionMarketFrame:before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:8px;
  border:1px solid rgba(82,48,20,.34);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.28);
  pointer-events:none;
  z-index:2;
}
.auctionExhibitLotV26150 .framedArtInner{
  position:relative;
  z-index:1;
  padding:6px;
  border-radius:7px;
  background:linear-gradient(180deg,#fffdf5,#f5ead6);
  box-shadow:inset 0 0 0 1px rgba(70,43,18,.18),0 3px 8px rgba(45,26,10,.16);
}
.auctionInterestCrowdV26150{
  pointer-events:auto;
}
.auctionInterestCrowdV26150 .auctionPersonV26149{
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  pointer-events:auto;
}
.auctionPersonV26149:not(.bidder)>em{
  display:none!important;
}
.auctionPersonV26149.bidder>em{
  display:block;
}
.auctionPersonThoughtV26152{
  position:absolute;
  left:50%;
  bottom:68px;
  width:max-content;
  max-width:168px;
  padding:6px 8px;
  border-radius:10px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(82,55,31,.16);
  color:#4d3828;
  font-size:10px;
  line-height:1.22;
  font-weight:900;
  box-shadow:0 8px 16px rgba(49,30,15,.15);
  opacity:0;
  transform:translateX(-50%) translateY(6px) scale(.94);
  transition:opacity .16s ease,transform .16s ease;
  pointer-events:none;
  z-index:9;
}
.auctionPersonThoughtV26152:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:8px;
  height:8px;
  background:inherit;
  border-right:1px solid rgba(82,55,31,.14);
  border-bottom:1px solid rgba(82,55,31,.14);
  transform:translateX(-50%) rotate(45deg);
}
.auctionPersonV26149:hover .auctionPersonThoughtV26152,
.auctionPersonV26149:focus-visible .auctionPersonThoughtV26152{
  opacity:1;
  transform:translateX(-50%) translateY(0) scale(1);
}
.auctionPersonV26149:focus-visible{
  outline:2px solid rgba(255,231,156,.95);
  outline-offset:4px;
}
@media(max-width:760px){
  .auctionGalleryWall .framedArtGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .auctionGalleryWall .framedPlaque .artistPraise{
    display:none;
  }
  .auctionInterestCrowdV26150 .auctionPersonV26149:nth-child(n+6){
    display:none;
  }
  .auctionInterestCrowdV26150 .auctionPersonV26149:nth-child(-n+5){
    display:block;
  }
  .auctionPersonThoughtV26152{
    max-width:132px;
    font-size:9px;
  }
}

/* --- v26153_auction_atelier_signatures --- */
/* V26.153 - Auktionen zuerst, Atelier als Galerieraum und signierte Kunstwerke. */
.auctionAtelierHeaderV26153{
  margin-top:18px;
}
.auctionAtelierRoomV26153{
  position:relative;
  z-index:3;
  min-height:0!important;
  margin-top:8px;
  padding:24px 20px 30px!important;
  border-radius:20px;
  border:1px solid rgba(91,61,35,.16);
  background:
    linear-gradient(180deg,rgba(250,241,223,.92) 0 62%,rgba(168,116,66,.2) 62.2% 100%),
    repeating-linear-gradient(90deg,rgba(102,72,42,.08) 0 2px,transparent 2px 92px),
    repeating-linear-gradient(0deg,transparent 0 84px,rgba(117,83,50,.06) 84px 86px),
    radial-gradient(circle at 52% 0,rgba(255,255,255,.72),transparent 42%);
  box-shadow:inset 0 -42px 0 rgba(117,72,36,.14),0 12px 24px rgba(63,39,20,.09);
  overflow:hidden;
}
.auctionAtelierRoomV26153:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:58px;
  background:linear-gradient(180deg,rgba(195,145,91,.2),rgba(129,76,37,.25));
  pointer-events:none;
}
.auctionAtelierRoomV26153 .framedArtGrid{
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
  gap:12px;
}
.auctionAtelierRoomV26153 .framedArt{
  max-width:180px;
  justify-self:center;
  padding:7px;
  border-radius:9px;
  background:
    linear-gradient(145deg,#513018,#bd8a43 18%,#fff0b0 28%,#7a4a22 48%,#d1a160 74%,#553116);
  box-shadow:0 10px 18px rgba(54,31,15,.18), inset 0 0 0 2px rgba(255,240,187,.38);
}
.auctionAtelierRoomV26153 .framedArtInner{
  padding:5px;
}
.auctionAtelierRoomV26153 .framedPlaque{
  padding:6px;
}
.auctionAtelierRoomV26153 .framedPlaque strong{
  font-size:11px;
}
.auctionAtelierRoomV26153 .artistPraise{
  display:none;
}
.auctionAtelierRoomV26153 .auctionBidPanel{
  display:none;
}
.auctionAtelierRoomV26153 .auctionPills{
  gap:3px;
}
.auctionAtelierRoomV26153 .auctionPill{
  min-height:18px;
  padding:2px 5px;
  font-size:9px;
}
.auctionAtelierRoomV26153 .auctionCardActions{
  gap:5px;
}
.auctionAtelierRoomV26153 .auctionCardActions button{
  min-height:29px;
  padding:5px 7px;
  font-size:10px;
}
.artSignedImageV26153{
  position:relative;
  display:block;
  width:100%;
}
.artSignedImageV26153 img{
  display:block;
  width:100%;
}
.artSignatureV26153{
  position:absolute;
  right:7px;
  bottom:7px;
  max-width:74%;
  padding:1px 6px 2px;
  border-radius:999px;
  background:rgba(255,248,231,.58);
  color:#5f3218;
  font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;
  font-size:clamp(15px,2.2vw,22px);
  line-height:1;
  font-weight:700;
  text-shadow:0 1px 0 rgba(255,255,255,.78),0 2px 4px rgba(52,30,14,.18);
  transform:rotate(-7deg);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}
.auctionAtelierRoomV26153 .artSignatureV26153{
  right:5px;
  bottom:5px;
  font-size:14px;
}
@media(max-width:760px){
  .auctionAtelierRoomV26153{
    padding:18px 10px 24px!important;
  }
  .auctionAtelierRoomV26153 .framedArtGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .auctionAtelierRoomV26153 .framedArt{
    max-width:none;
    width:100%;
  }
  .artSignatureV26153{
    max-width:70%;
    font-size:15px;
  }
}

/* --- v26154_auction_admire_collect --- */
/* V26.154 - Bewunderer-Zaehler, Serienzeichen und Sammlerpass fuer Kunstwerke. */
.artAdmireBtnV26154{
  width:100%;
  min-height:28px;
  margin:6px 0 0;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(117,78,42,.15);
  background:linear-gradient(180deg,rgba(255,248,229,.92),rgba(239,214,170,.74));
  color:#6c421b;
  box-shadow:0 5px 10px rgba(62,38,18,.08), inset 0 1px 0 rgba(255,255,255,.72);
  font-size:11px;
  line-height:1.1;
  font-weight:1000;
  cursor:pointer;
}
.artAdmireBtnV26154 small{
  display:block;
  margin-top:1px;
  color:#8a6b4f;
  font-size:9px;
  font-weight:900;
}
.auctionExhibitLotV26150 .artAdmireBtnV26154,
.auctionAtelierRoomV26153 .artAdmireBtnV26154{
  width:min(100%,218px);
}
.auctionAtelierRoomV26153 .artAdmireBtnV26154{
  min-height:24px;
  font-size:10px;
  padding:3px 6px;
}
.artSeriesBadgeV26154{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:22px;
  padding:2px 7px;
  border-radius:999px;
  background:linear-gradient(180deg,#eef8f4,#d7eee8);
  color:#245a54;
  border:1px solid rgba(51,100,91,.14);
  font-size:10px;
  font-weight:1000;
}
.artSeriesBadgeV26154 b{
  display:inline-grid;
  place-items:center;
  min-width:18px;
  height:18px;
  border-radius:50%;
  background:#fff7d5;
  color:#8a5518;
  font-size:10px;
  box-shadow:inset 0 0 0 1px rgba(121,81,36,.16);
}
.artSeriesBadgeV26154.rare,
.artSeriesBadgeV26154.master{
  background:linear-gradient(180deg,#fff5cf,#f3d585);
  color:#74420d;
}
.artSeriesBadgeV26154.legend{
  background:linear-gradient(180deg,#f1efff,#dccdff);
  color:#513277;
}
.artCollectorValueV26154{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:2px 7px;
  border-radius:999px;
  background:#fff3df;
  color:#7b4b1b;
  font-size:10px;
  font-weight:1000;
}
.auctionCollectionSummaryV26154{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:12px 0 2px;
}
.auctionCollectionSummaryV26154>div{
  min-height:58px;
  padding:9px 10px;
  border-radius:14px;
  background:rgba(255,252,244,.72);
  border:1px solid rgba(86,58,34,.12);
  box-shadow:0 8px 14px rgba(63,39,20,.06);
}
.auctionCollectionSummaryV26154 span{
  display:block;
  color:#755c46;
  font-size:10px;
  font-weight:900;
}
.auctionCollectionSummaryV26154 b{
  display:block;
  margin-top:3px;
  color:#332115;
  font-size:16px;
  line-height:1.05;
}
.auctionCollectionSummaryV26154 small{
  display:block;
  margin-top:3px;
  color:#80644c;
  font-size:10px;
  line-height:1.2;
  font-weight:800;
}
.auctionAtelierRoomV26153 .artSeriesBadgeV26154,
.auctionAtelierRoomV26153 .artCollectorValueV26154{
  min-height:18px;
  padding:1px 5px;
  font-size:9px;
}
@media(max-width:760px){
  .auctionCollectionSummaryV26154{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .auctionCollectionSummaryV26154>div{
    min-height:54px;
  }
}

/* --- v26155_art_random_gallery_polish --- */
/* V26.155 - Dezente Signaturen, ruhigere Besucherkommentare und Zufallsatelier. */
.artSignatureV26153{
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(62,34,18,.68)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72),0 2px 5px rgba(30,18,8,.14)!important;
  font-weight:600!important;
  opacity:.82;
}
.auctionAtelierRoomV26153 .artSignatureV26153{
  opacity:.74;
}
.photoLightbox .lightboxImageWrap{
  position:relative;
  display:block;
  max-width:100%;
  max-height:78vh;
}
.photoLightbox .lightboxImageWrap img{
  display:block;
}
/* V26.159 - Kunstwerke im Popup so gross wie echte Fotoansichten zeigen. */
.photoLightbox figure{
  width:min(980px,94vw);
  max-width:min(980px,94vw);
}
.photoLightbox .lightboxImageWrap{
  width:100%;
  height:min(74vh,720px);
  max-height:calc(100vh - 118px);
  display:grid;
  place-items:center;
}
.photoLightbox .lightboxImageWrap img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.lightboxSignatureV26155{
  position:absolute;
  right:18px;
  bottom:14px;
  max-width:60%;
  color:rgba(65,35,18,.72);
  font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;
  font-size:clamp(24px,4vw,44px);
  font-weight:600;
  line-height:1;
  text-shadow:0 1px 0 rgba(255,255,255,.82),0 4px 10px rgba(38,22,10,.2);
  transform:rotate(-6deg);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}
.auctionPersonFigureV26155{
  position:absolute;
  inset:0;
  transform-origin:50% 100%;
}
.auctionInterestCrowdV26150 .auctionPersonV26149.visitor .auctionPersonFigureV26155{
  animation:auctionPersonFaceV26155 calc(var(--speed)*1s) ease-in-out infinite;
  animation-delay:var(--delay);
}
.auctionPersonV26149 em{
  max-width:156px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  z-index:12;
}
.auctionPersonV26149.bidder em{
  animation:auctionBidBubbleV26155 8.6s ease-in-out infinite!important;
}
.auctionPersonThoughtV26152{
  max-width:224px!important;
  min-width:126px;
  padding:8px 10px!important;
  font-size:11px!important;
  line-height:1.25!important;
  z-index:14!important;
}
.auctionPersonV26149:hover .auctionPersonThoughtV26152,
.auctionPersonV26149:focus-visible .auctionPersonThoughtV26152{
  transition-delay:.04s;
}
@keyframes auctionVisitorFocusV26150{
  0%{opacity:0;transform:translateX(-34px) scale(var(--scale))}
  16%{opacity:1}
  36%,66%{opacity:1;transform:translateX(0) scale(var(--scale))}
  82%{opacity:1;transform:translateX(12px) scale(var(--scale))}
  100%{opacity:0;transform:translateX(42px) scale(var(--scale))}
}
@keyframes auctionPersonFaceV26155{
  0%,68%{transform:scaleX(1)}
  76%,100%{transform:scaleX(-1)}
}
@keyframes auctionBidBubbleV26155{
  0%,12%,100%{opacity:.78;transform:translateX(-50%) translateY(2px) scale(.96)}
  22%,78%{opacity:1;transform:translateX(-50%) translateY(-3px) scale(1)}
}
.paintModal.paintDoneV26155 .paintPowerups,
.paintModal.paintDoneV26155 .paintPalette{
  display:none!important;
}
.paintModal.paintDoneV26155 .paintSelected{
  background:linear-gradient(180deg,rgba(235,249,239,.94),rgba(210,238,219,.9));
  border-color:rgba(71,129,82,.22);
}
.paintRandomBadgeV26155{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-radius:999px;
  background:#f1e7ff;
  color:#5b3978;
  font-size:10px;
  font-weight:1000;
}
@media(max-width:760px){
  .photoLightbox{
    padding:12px;
  }
  .photoLightbox figure{
    width:94vw;
    max-width:94vw;
  }
  .photoLightbox .lightboxImageWrap{
    height:min(68vh,104vw);
    max-height:calc(100vh - 112px);
  }
  .auctionPersonThoughtV26152{
    max-width:176px!important;
    font-size:10px!important;
  }
  .lightboxSignatureV26155{
    right:12px;
    bottom:10px;
    max-width:68%;
    font-size:clamp(21px,7vw,34px);
  }
}
@media(max-height:560px){
  .photoLightbox .lightboxImageWrap{
    height:72vh;
    max-height:72vh;
  }
}
/* V26.160 - Künstleratelier fuer hochwertige Ausmalbilder. */
.paintAiStudioV26160{
  display:grid;
  gap:8px;
  padding:10px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,250,239,.96),rgba(235,247,245,.94));
  border:1px solid rgba(139,92,41,.18);
  box-shadow:0 8px 18px rgba(62,39,19,.08), inset 0 1px 0 rgba(255,255,255,.72);
}
.paintBoard.paintAiReadyV26160{
  grid-template-rows:auto auto auto minmax(0,1fr);
}
.paintAiStudioV26160 strong{
  display:block;
  color:#382416;
  font-size:14px;
  line-height:1.1;
}
.paintAiStudioV26160 small{
  color:#76583b;
  font-weight:900;
  line-height:1.2;
}
.paintAiGridV26160{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.paintAiStudioV26160 select,
.paintAiStudioV26160 input{
  width:100%;
  min-height:36px;
  border:1px solid rgba(145,94,41,.2);
  border-radius:12px;
  background:rgba(255,252,245,.96);
  color:#4b2d18;
  padding:7px 9px;
  font-weight:900;
  outline:none;
}
.paintAiFooterV26160{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.paintAiHintV26160{
  color:#7a5a3b;
  font-size:11px;
  font-weight:900;
  line-height:1.25;
}
.paintAiGenerateV26160{
  min-height:40px;
  border:0;
  border-radius:999px;
  padding:8px 14px;
  background:linear-gradient(180deg,#f6c761,#d98627);
  color:#fff;
  font-weight:1000;
  box-shadow:0 8px 16px rgba(151,84,24,.22), inset 0 1px 0 rgba(255,255,255,.38);
}
.paintAiGenerateV26160:disabled{
  opacity:.62;
  cursor:wait;
}
/* V26.161 - Einfache Offline-Zufallsbilder nicht mehr technisch anzeigen. */
.paintRandomHeroV26156,
.paintControls [data-random-paint-v26155]{
  display:none!important;
}
.paintAiStudioV26160{
  border-width:2px;
  border-color:rgba(64,120,116,.28);
}
/* V26.162 - Atelier zeigt keine leere Malflaeche mehr. */
.paintModal.aiStudioIdleV26162 .paintProgress,
.paintModal.aiStudioIdleV26162 .paintCanvasWrap,
.paintModal.aiStudioIdleV26162 .paintPalettePanel{
  display:none!important;
}
.paintModal.aiStudioIdleV26162 .paintBody{
  grid-template-columns:1fr;
}
.paintModal.aiStudioIdleV26162 .paintBoard{
  min-height:min(58vh,520px);
}
.paintAiEmptyV26162{
  display:none;
  place-items:center;
  align-content:center;
  gap:8px;
  min-height:min(44vh,420px);
  padding:22px;
  border-radius:18px;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.72),transparent 32%),
    linear-gradient(135deg,rgba(255,250,239,.88),rgba(234,246,243,.84)),
    linear-gradient(180deg,rgba(207,144,74,.2),rgba(110,71,37,.16));
  border:1px solid rgba(121,77,36,.18);
  color:#4a2c18;
  text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 12px 26px rgba(73,43,20,.1);
}
.paintModal.aiStudioIdleV26162 .paintAiEmptyV26162{
  display:grid;
}
.paintAiEmptyV26162 strong{
  display:block;
  font-size:clamp(18px,2.2vw,28px);
  line-height:1.05;
}
.paintAiEmptyV26162 small{
  display:block;
  max-width:620px;
  color:#76583b;
  font-size:clamp(12px,1.2vw,15px);
  font-weight:900;
  line-height:1.35;
}
.paintAiEmptyV26162.paintAiWorkingV26162::after{
  content:"";
  width:54px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#e79f38 0 28%,rgba(231,159,56,.25) 28% 100%);
  background-size:190% 100%;
  animation:paintAiPulseV26162 1.05s ease-in-out infinite;
}
.paintAiEmptyV26162.paintAiErrorV26162{
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.62),transparent 34%),
    linear-gradient(135deg,rgba(255,247,239,.94),rgba(255,232,224,.88));
  border-color:rgba(169,74,41,.26);
}
.paintAiEmptyV26162.paintAiErrorV26162 strong{
  color:#8a351d;
}
@keyframes paintAiPulseV26162{
  0%{background-position:100% 0}
  100%{background-position:0 0}
}
.gameHubCard.aiArtHubV26160 .gameHubIcon{
  background:linear-gradient(180deg,#53b8aa,#236e75);
}
@media(max-width:760px){
  .paintAiGridV26160{
    grid-template-columns:1fr;
  }
  .paintAiFooterV26160{
    grid-template-columns:1fr;
  }
  .paintAiGenerateV26160{
    width:100%;
  }
  .paintModal.aiStudioIdleV26162 .paintBoard{
    min-height:50vh;
  }
  .paintAiEmptyV26162{
    min-height:32vh;
    padding:18px 14px;
  }
}
/* V26.166 - Kreative Werkstatt, angefangene Werke und echte Signatur. */
.paintAiSimpleV26165{
  gap:10px;
}
.paintAiIdeaV26165{
  font-size:16px;
}
.paintUnfinishedWorksV26166{
  display:grid;
  gap:8px;
  margin:10px 0 12px;
}
.paintUnfinishedWorksV26166:empty{
  display:none;
}
.paintUnfinishedHeadV26166{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.paintUnfinishedHeadV26166 strong{
  color:#422817;
  font-size:14px;
}
.paintUnfinishedHeadV26166 small{
  color:#7c6042;
  font-weight:900;
}
.paintUnfinishedGridV26166{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:9px;
}
.paintUnfinishedCardV26166{
  position:relative;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:8px;
  align-items:center;
  min-height:76px;
  padding:8px;
  border:1px solid rgba(142,96,47,.18);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,252,244,.95),rgba(235,247,242,.9));
  color:#432918;
  text-align:left;
  font-weight:900;
  box-shadow:0 8px 16px rgba(67,40,19,.08), inset 0 1px 0 rgba(255,255,255,.72);
}
.paintUnfinishedCardV26166 img{
  width:54px;
  height:54px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(123,82,42,.18);
  background:#fffaf1;
}
.paintUnfinishedCardV26166 span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.paintUnfinishedCardV26166 em{
  display:block;
  margin-top:4px;
  color:#8a6847;
  font-style:normal;
  font-size:11px;
}
.paintUnfinishedBarV26166{
  grid-column:1 / -1;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(128,87,43,.14);
}
.paintUnfinishedBarV26166 i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#62b486,#e0a13b);
}
.paintSignatureOverlayV26166{
  position:fixed;
  inset:0;
  z-index:260;
  display:none;
  place-items:center;
  padding:18px;
  background:rgba(45,28,15,.48);
  backdrop-filter:blur(6px);
}
.paintSignatureOverlayV26166.open{
  display:grid;
}
.paintSignatureBoxV26166{
  width:min(560px,calc(100vw - 24px));
  border-radius:18px;
  border:1px solid rgba(255,255,255,.58);
  background:linear-gradient(135deg,rgba(255,252,245,.98),rgba(237,247,243,.96));
  box-shadow:0 26px 60px rgba(33,20,12,.28), inset 0 1px 0 rgba(255,255,255,.76);
  padding:16px;
  color:#432918;
}
.paintSignatureBoxV26166 h3{
  margin:0 0 4px;
  font-size:clamp(20px,3vw,30px);
}
.paintSignatureBoxV26166 p{
  margin:0 0 12px;
  color:#76583b;
  font-weight:900;
  line-height:1.35;
}
.paintSignatureCanvasWrapV26166{
  border-radius:16px;
  border:1px dashed rgba(116,78,43,.32);
  background:
    radial-gradient(circle at 12% 20%,rgba(255,255,255,.9),transparent 34%),
    linear-gradient(180deg,#fffdf7,#f3eadc);
  padding:10px;
}
#paintSignatureCanvasV26166{
  display:block;
  width:100%;
  aspect-ratio:3/1;
  border-radius:12px;
  background:rgba(255,255,255,.48);
  touch-action:none;
  cursor:crosshair;
}
.paintSignatureActionsV26166{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:12px;
}
.artThumbSignedV26166,
.artSignedImageV26153{
  position:relative;
  display:block;
}
.artThumbSignedV26166 .artThumb{
  width:100%;
  display:block;
}
.artDrawnSignatureV26166{
  position:absolute;
  right:4%;
  bottom:4%;
  width:22%;
  max-height:13%;
  object-fit:contain;
  pointer-events:none;
  mix-blend-mode:multiply;
  opacity:.88;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.45));
}
.artSignedImageV26153 .artDrawnSignatureV26166{
  right:5%;
  bottom:5%;
}
.lightboxSignatureV26155.drawnSignatureV26166{
  right:4.5%;
  bottom:4.5%;
  width:16%;
  min-width:54px;
  max-width:124px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible;
}
.lightboxSignatureV26155 img{
  display:block;
  width:100%;
  max-height:54px;
  object-fit:contain;
  mix-blend-mode:multiply;
  opacity:.88;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.45));
}
.photoLightbox.artLightboxV26168 figure{
  width:auto!important;
  max-width:calc(100vw - 36px)!important;
  max-height:calc(100vh - 36px);
  justify-items:center;
  align-content:center;
}
.photoLightbox.artLightboxV26168 .lightboxImageWrap{
  display:inline-block;
  width:auto!important;
  height:auto!important;
  max-width:min(980px,94vw);
  max-height:calc(100vh - 112px);
  line-height:0;
}
.photoLightbox.artLightboxV26168 .lightboxImageWrap > img:first-child{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:min(980px,94vw);
  max-height:calc(100vh - 112px);
  object-fit:contain;
}
.photoLightbox.artLightboxV26168 .lightboxSignatureV26155.drawnSignatureV26166 img{
  width:100%!important;
  height:auto!important;
  max-width:100%;
  max-height:54px;
}
@media(max-width:760px){
  .paintUnfinishedGridV26166{
    grid-template-columns:1fr;
  }
  .paintSignatureOverlayV26166{
    padding:10px;
  }
  .paintSignatureBoxV26166{
    padding:13px;
  }
  .paintSignatureActionsV26166{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .paintSignatureActionsV26166 button{
    min-height:44px;
  }
}

/* --- v26156_paint_random_visible_beauty --- */
/* V26.156 - Sichtbarer Zufallsbild-Start und reichere Zufallsvorlagen. */
.paintRandomHeroV26156{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:48px;
  padding:8px 10px;
  border-radius:16px;
  background:
    linear-gradient(135deg,rgba(255,249,236,.96),rgba(236,247,238,.92)),
    radial-gradient(circle at 16% 18%,rgba(255,198,102,.38),transparent 42%);
  border:1px solid rgba(142,98,45,.16);
  box-shadow:0 8px 18px rgba(68,41,19,.08), inset 0 1px 0 rgba(255,255,255,.72);
}
.paintBoard.paintRandomReadyV26156{
  grid-template-rows:auto auto minmax(0,1fr);
}
.paintRandomHeroV26156 strong{
  display:block;
  color:#3d2617;
  font-size:14px;
  line-height:1.08;
}
.paintRandomHeroV26156 span{
  display:block;
  margin-top:2px;
  color:#785b40;
  font-size:11px;
  font-weight:900;
  line-height:1.15;
}
.paintRandomHeroV26156 button{
  flex:0 0 auto;
  min-height:36px;
  padding:7px 12px;
  border:0;
  border-radius:999px;
  background:linear-gradient(180deg,#ffcf67,#e29531);
  color:#fff;
  font-weight:1000;
  box-shadow:0 7px 14px rgba(164,94,27,.22), inset 0 1px 0 rgba(255,255,255,.36);
}
.paintRandomHeroV26156 button:active{
  transform:translateY(1px);
}
.paintRandomHeroV26156 i{
  font-style:normal;
}
.paintModal.gameFocus.menuCollapsed .paintRandomHeroV26156,
.paintModal.gameCompact.menuCollapsed .paintRandomHeroV26156{
  min-height:38px;
  padding:6px 8px;
  margin-right:58px;
}
.paintModal.gameFocus.menuCollapsed .paintRandomHeroV26156 span,
.paintModal.gameCompact.menuCollapsed .paintRandomHeroV26156 span{
  display:none;
}
.paintModal.gameFocus.menuCollapsed .paintRandomHeroV26156 strong,
.paintModal.gameCompact.menuCollapsed .paintRandomHeroV26156 strong{
  font-size:12px;
}
.paintModal.gameFocus.menuCollapsed .paintRandomHeroV26156 button,
.paintModal.gameCompact.menuCollapsed .paintRandomHeroV26156 button{
  min-height:30px;
  padding:5px 9px;
  font-size:11px;
}
@media(max-width:640px){
  .paintRandomHeroV26156{
    align-items:stretch;
    flex-direction:column;
    gap:7px;
  }
  .paintRandomHeroV26156 button{
    width:100%;
  }
}

/* --- v26157_random_art_games_category --- */
/* V26.157 - Zufallsatelier als eigene Spiele-Kategorie mit Stilwahl. */
.randomArtHubV26157{
  grid-column:span 2;
  background:
    linear-gradient(145deg,rgba(255,255,255,.7),rgba(236,247,238,.56)),
    radial-gradient(circle at 92% 16%,rgba(255,205,84,.24),transparent 34%);
}
.randomArtHubV26157 .gameHubIcon{
  background:linear-gradient(145deg,#f05d7b,#f7ba4c 48%,#4bb6a5);
}
.randomArtStylesV26157{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:8px;
}
.randomArtStylesV26157 button{
  min-height:32px;
  padding:5px 7px;
  border:0;
  border-radius:12px;
  color:#fff;
  font-size:11px;
  font-weight:1000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 10px rgba(80,45,19,.12);
}
.randomArtStylesV26157 button:nth-child(1){background:linear-gradient(180deg,#75b978,#3f8f60)}
.randomArtStylesV26157 button:nth-child(2){background:linear-gradient(180deg,#f36d8b,#c33f67)}
.randomArtStylesV26157 button:nth-child(3){background:linear-gradient(180deg,#f4bd45,#da7b21)}
.randomArtStylesV26157 button:nth-child(4){background:linear-gradient(180deg,#5aa9e6,#4164c6)}
.randomArtStylesV26157 button:nth-child(5){background:linear-gradient(180deg,#805ad5,#5b3aa8)}
.randomArtStylesV26157 button:nth-child(6){background:linear-gradient(180deg,#27272a,#111827)}
.paintRandomStyleBarV26157{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
}
.paintRandomStyleBarV26157 button{
  min-height:26px;
  padding:4px 8px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.66);
  color:#5b3921;
  font-size:10px;
  font-weight:1000;
  box-shadow:inset 0 0 0 1px rgba(128,85,38,.12);
}
.paintRandomStyleBarV26157 button.active{
  background:linear-gradient(180deg,#f6c96b,#de9336);
  color:#fff;
}
@media(max-width:760px){
  .randomArtHubV26157{
    grid-column:auto;
  }
  .randomArtStylesV26157{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* --- v26169_paint_side_menu_palette --- */
/* V26.169 - Malatelier mit linker Farbpalette und rechtem Werkzeugmenue. */
.paintUploadBox{
  position:relative!important;
  padding-top:22px!important;
}
.paintUploadBox>.windowCornerClose{
  position:absolute!important;
  right:12px!important;
  top:12px!important;
  z-index:3!important;
}
.paintModal.gameFocus .paintShell{
  grid-template-rows:minmax(0,1fr)!important;
  padding:
    max(4px,env(safe-area-inset-top))
    calc(62px + max(4px,env(safe-area-inset-right)))
    max(4px,env(safe-area-inset-bottom))
    max(4px,env(safe-area-inset-left))!important;
}
.paintModal.gameFocus .paintTop{
  position:fixed!important;
  top:max(8px,env(safe-area-inset-top))!important;
  right:max(8px,env(safe-area-inset-right))!important;
  left:auto!important;
  width:auto!important;
  height:auto!important;
  z-index:920!important;
  pointer-events:none!important;
}
.paintModal.gameFocus .paintControls.collapsed{
  position:fixed!important;
  top:max(8px,env(safe-area-inset-top))!important;
  right:max(8px,env(safe-area-inset-right))!important;
  left:auto!important;
  width:52px!important;
  height:auto!important;
  max-width:52px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
.paintModal.gameFocus .paintControls.collapsed .gameMenuToggle,
.paintModal.gameFocus .paintControls.collapsed .closeX{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  pointer-events:auto!important;
}
.paintModal.gameFocus .paintControls.collapsed .gameMenuToggle:after{
  display:none!important;
}
.paintModal.gameFocus .paintControls:not(.collapsed){
  position:fixed!important;
  top:max(8px,env(safe-area-inset-top))!important;
  right:max(8px,env(safe-area-inset-right))!important;
  left:auto!important;
  transform:none!important;
  width:clamp(76px,8vw,96px)!important;
  max-width:clamp(76px,8vw,96px)!important;
  max-height:calc(100dvh - 16px)!important;
  overflow:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  justify-content:stretch!important;
  align-items:stretch!important;
  padding:8px!important;
  border-radius:20px 0 0 20px!important;
  pointer-events:auto!important;
}
.paintModal.gameFocus .paintControls:not(.collapsed) .paintModeBtn,
.paintModal.gameFocus .paintControls:not(.collapsed) .paintToolBtn,
.paintModal.gameFocus .paintControls:not(.collapsed) .closeX{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 6px!important;
  transform:none!important;
}
.paintModal.gameFocus .paintBody,
.paintModal.gameFocus.menuCollapsed .paintBody{
  grid-template-columns:clamp(66px,8vw,120px) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:clamp(4px,.7vw,8px)!important;
  min-height:0!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintBody,
.paintModal.gameFocus.aiStudioIdleV26162.menuCollapsed .paintBody{
  grid-template-columns:minmax(0,1fr)!important;
}
.paintModal.gameFocus .paintPalettePanel,
.paintModal.gameFocus.menuCollapsed .paintPalettePanel{
  display:grid!important;
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  min-height:0!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  gap:5px!important;
  padding:5px!important;
  overflow:hidden!important;
  border-radius:0 18px 18px 0!important;
  background:linear-gradient(180deg,rgba(255,252,243,.9),rgba(238,211,174,.76))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 10px 22px rgba(50,27,10,.14),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintPalettePanel{
  display:none!important;
}
.paintModal.gameFocus .paintBoard,
.paintModal.gameFocus.menuCollapsed .paintBoard{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  min-height:0!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintBoard{
  grid-column:1!important;
}
.paintModal.gameFocus .paintSelected{
  grid-template-columns:1fr!important;
  justify-items:center!important;
  gap:4px!important;
  padding:5px 4px!important;
  border-radius:14px!important;
}
.paintModal.gameFocus .paintSelectedSwatch{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
}
.paintModal.gameFocus .paintSelected strong{
  font-size:11px!important;
  text-align:center!important;
}
.paintModal.gameFocus .paintSelected small{
  font-size:9px!important;
  text-align:center!important;
  line-height:1.1!important;
}
.paintModal.gameFocus .paintPowerups{
  display:grid!important;
  gap:4px!important;
  grid-template-columns:1fr!important;
  padding:4px!important;
  border-radius:13px!important;
}
.paintModal.gameFocus .paintPowerBtn{
  min-height:34px!important;
  padding:4px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.paintModal.gameFocus .paintPowerBtn > span:not(.paintPowerBanner):not(.paintPowerCooldown){
  font-size:10px!important;
  line-height:1!important;
  text-align:center!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.paintModal.gameFocus .paintPowerBtn > small,
.paintModal.gameFocus .paintPowerBanner{
  display:none!important;
}
.paintModal.gameFocus .paintPowerCooldown{
  right:3px!important;
  top:3px!important;
  width:18px!important;
  height:18px!important;
}
.paintModal.gameFocus .paintPowerCooldown span{
  font-size:0!important;
}
.paintModal.gameFocus .paintPalette{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  overflow:auto!important;
  padding:2px!important;
}
.paintModal.gameFocus .paintColorBtn{
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  gap:2px!important;
  padding:4px!important;
  border-radius:12px!important;
}
.paintModal.gameFocus .paintColorSwatch{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
}
.paintModal.gameFocus .paintColorCount{
  font-size:10px!important;
  line-height:1!important;
}
.paintModal.gameFocus .paintCanvasWrap{
  border-radius:16px!important;
}
@media(min-width:900px){
  .paintModal.gameFocus .paintBody,
  .paintModal.gameFocus.menuCollapsed .paintBody{
    grid-template-columns:118px minmax(0,1fr)!important;
  }
  .paintModal.gameFocus .paintPalette{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px) and (orientation:portrait){
  .paintModal.gameFocus .paintShell{
    padding:
      max(3px,env(safe-area-inset-top))
      calc(56px + max(3px,env(safe-area-inset-right)))
      max(3px,env(safe-area-inset-bottom))
      max(3px,env(safe-area-inset-left))!important;
  }
  .paintModal.gameFocus .paintBody,
  .paintModal.gameFocus.menuCollapsed .paintBody{
    grid-template-columns:62px minmax(0,1fr)!important;
    gap:3px!important;
  }
  .paintModal.gameFocus .paintControls.collapsed{
    width:48px!important;
    max-width:48px!important;
  }
  .paintModal.gameFocus .paintControls.collapsed .gameMenuToggle,
  .paintModal.gameFocus .paintControls.collapsed .closeX{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    font-size:11px!important;
  }
  .paintModal.gameFocus .paintControls:not(.collapsed){
    width:74px!important;
    max-width:74px!important;
    padding:6px!important;
    gap:6px!important;
  }
  .paintModal.gameFocus .paintControls:not(.collapsed) .paintModeBtn,
  .paintModal.gameFocus .paintControls:not(.collapsed) .paintToolBtn,
  .paintModal.gameFocus .paintControls:not(.collapsed) .closeX{
    height:42px!important;
    min-height:42px!important;
    font-size:11px!important;
  }
  .paintModal.gameFocus .paintSelected strong{
    display:none!important;
  }
  .paintModal.gameFocus .paintSelected small{
    display:none!important;
  }
}

/* --- v26170_paint_palette_rail_refine --- */
/* V26.170 - Einspaltige Farbspur und Werkstatt im rechten Ateliermenue. */
.paintModal.gameFocus .paintShell{
  padding:
    max(5px,env(safe-area-inset-top))
    calc(92px + max(6px,env(safe-area-inset-right)))
    max(5px,env(safe-area-inset-bottom))
    max(5px,env(safe-area-inset-left))!important;
}
.paintModal.gameFocus .paintControls.collapsed{
  width:62px!important;
  max-width:62px!important;
  padding:6px!important;
  gap:10px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,248,231,.76),rgba(213,166,103,.5))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 14px 28px rgba(48,25,9,.18),inset 0 1px 0 rgba(255,255,255,.62)!important;
  backdrop-filter:blur(10px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.05)!important;
}
.paintModal.gameFocus .paintControls.collapsed .gameMenuToggle,
.paintModal.gameFocus .paintControls.collapsed .closeX{
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  border-radius:17px!important;
  margin:0!important;
  font-size:12px!important;
}
.paintModal.gameFocus .paintControls.collapsed .gameMenuToggle{
  color:#fff8e8!important;
  background:linear-gradient(180deg,#f8c55a,#d88424)!important;
  box-shadow:0 8px 16px rgba(140,78,25,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.paintModal.gameFocus .paintControls.collapsed .closeX{
  color:#fff!important;
  font-size:30px!important;
  background:linear-gradient(180deg,#f06b5f,#cf3e38)!important;
  box-shadow:0 8px 16px rgba(138,46,35,.26),inset 0 1px 0 rgba(255,255,255,.36)!important;
}
.paintModal.gameFocus .paintControls:not(.collapsed){
  width:94px!important;
  max-width:94px!important;
  padding:10px 8px!important;
  gap:8px!important;
  border-radius:24px 0 0 24px!important;
  background:linear-gradient(180deg,rgba(255,250,236,.94),rgba(226,190,139,.86))!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:0 18px 34px rgba(49,25,9,.24),inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
}
.paintModal.gameFocus .paintControls:not(.collapsed) .paintModeBtn,
.paintModal.gameFocus .paintControls:not(.collapsed) .paintToolBtn,
.paintModal.gameFocus .paintControls:not(.collapsed) .closeX{
  height:42px!important;
  min-height:42px!important;
  border-radius:14px!important;
  font-size:12px!important;
  box-shadow:inset 0 0 0 1px rgba(131,84,38,.12),0 5px 10px rgba(64,35,14,.10)!important;
}
.paintModal.gameFocus .paintControls:not(.collapsed) .gameMenuToggle{
  background:linear-gradient(180deg,#f8c55a,#d88424)!important;
  color:#fff8e8!important;
}
.paintModal.gameFocus .paintControls:not(.collapsed) .closeX{
  background:linear-gradient(180deg,#f06b5f,#cf3e38)!important;
  color:#fff!important;
  font-size:28px!important;
}
.paintModal.gameFocus .paintBody,
.paintModal.gameFocus.menuCollapsed .paintBody{
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:6px!important;
}
.paintModal.gameFocus .paintPalettePanel,
.paintModal.gameFocus.menuCollapsed .paintPalettePanel{
  border-radius:0 16px 16px 0!important;
  padding:5px 4px!important;
}
.paintModal.gameFocus .paintPalette,
.paintModal.gameFocus.menuCollapsed .paintPalette{
  grid-template-columns:1fr!important;
  align-content:start!important;
  grid-auto-flow:row!important;
}
.paintModal.gameFocus .paintColorBtn{
  min-height:39px!important;
}
.paintModal.gameFocus .paintColorSwatch{
  width:28px!important;
  height:28px!important;
}
@media(min-width:900px){
  .paintModal.gameFocus .paintBody,
  .paintModal.gameFocus.menuCollapsed .paintBody{
    grid-template-columns:84px minmax(0,1fr)!important;
  }
  .paintModal.gameFocus .paintPalette,
  .paintModal.gameFocus.menuCollapsed .paintPalette{
    grid-template-columns:1fr!important;
  }
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintShell{
  padding:
    max(5px,env(safe-area-inset-top))
    calc(104px + max(6px,env(safe-area-inset-right)))
    max(5px,env(safe-area-inset-bottom))
    max(5px,env(safe-area-inset-left))!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
  position:fixed!important;
  right:calc(106px + max(6px,env(safe-area-inset-right)))!important;
  top:max(8px,env(safe-area-inset-top))!important;
  width:min(360px,calc(100vw - 128px))!important;
  max-height:calc(100dvh - 20px)!important;
  overflow:auto!important;
  z-index:910!important;
  border-radius:20px!important;
  box-shadow:0 18px 36px rgba(42,22,8,.20),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162.menuCollapsed .paintAiStudioV26160{
  display:none!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintAiFooterV26160{
  grid-template-columns:1fr!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintAiGenerateV26160{
  width:100%!important;
}
@media(max-width:620px) and (orientation:portrait){
  .paintModal.gameFocus .paintShell{
    padding:
      max(4px,env(safe-area-inset-top))
      calc(74px + max(4px,env(safe-area-inset-right)))
      max(4px,env(safe-area-inset-bottom))
      max(4px,env(safe-area-inset-left))!important;
  }
  .paintModal.gameFocus .paintBody,
  .paintModal.gameFocus.menuCollapsed .paintBody{
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:3px!important;
  }
  .paintModal.gameFocus .paintControls.collapsed{
    width:56px!important;
    max-width:56px!important;
    padding:5px!important;
    gap:8px!important;
  }
  .paintModal.gameFocus .paintControls.collapsed .gameMenuToggle,
  .paintModal.gameFocus .paintControls.collapsed .closeX{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
  }
  .paintModal.gameFocus .paintControls:not(.collapsed){
    width:70px!important;
    max-width:70px!important;
  }
  .paintModal.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
    right:calc(76px + max(4px,env(safe-area-inset-right)))!important;
    width:calc(100vw - 92px)!important;
  }
}

/* --- v26171_workshop_only_paint --- */
/* V26.171 - Werkstattbilder sind die einzige Mal- und Auktionsquelle. */
.paintAiStudioV26160 textarea,
.paintAiStudioV26160 .paintAiTitleV26171{
  width:100%!important;
  border:1px solid rgba(126,83,39,.22)!important;
  border-radius:14px!important;
  background:rgba(255,252,244,.92)!important;
  color:#4a2b18!important;
  font:700 15px/1.35 inherit!important;
  padding:12px 14px!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.paintAiStudioV26160 textarea{
  min-height:112px!important;
  resize:vertical!important;
}
.paintAiStudioV26160 textarea:focus,
.paintAiStudioV26160 .paintAiTitleV26171:focus{
  border-color:rgba(221,142,38,.62)!important;
  box-shadow:0 0 0 3px rgba(236,169,61,.18),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(720px,calc(100vw - 128px))!important;
  max-height:calc(100dvh - 42px)!important;
  overflow:auto!important;
  z-index:930!important;
  border-radius:22px!important;
  padding:18px!important;
  background:linear-gradient(140deg,rgba(255,253,247,.96),rgba(238,248,244,.94))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 28px 64px rgba(40,22,8,.28),inset 0 1px 0 rgba(255,255,255,.74)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162.menuCollapsed .paintAiStudioV26160{
  display:block!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls:not(.collapsed) .paintModeBtn,
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls:not(.collapsed) .paintUploadBtn,
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls:not(.collapsed) [data-ai-paint-v26160],
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls:not(.collapsed) .paintToolBtn:not(.gameMenuToggle):not(#paintFullscreenBtn){
  display:none!important;
}
.paintRailDraftsV26171{
  display:grid!important;
  gap:7px!important;
  width:100%!important;
}
.paintControls.collapsed .paintRailDraftsV26171,
.paintModal.aiStudioIdleV26162 .paintRailDraftsV26171{
  display:none!important;
}
.paintRailDraftsV26171 strong,
.paintRailDraftsV26171 small{
  display:block!important;
  color:#5d3a20!important;
  font-size:10px!important;
  line-height:1.1!important;
  text-align:center!important;
}
.paintRailDraftCardV26171{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1!important;
  padding:3px!important;
  border:1px solid rgba(122,78,36,.18)!important;
  border-radius:14px!important;
  background:rgba(255,252,244,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 12px rgba(64,34,12,.12)!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.paintRailDraftCardV26171 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:11px!important;
  display:block!important;
}
.paintRailDraftCardV26171 span{
  position:absolute!important;
  left:5px!important;
  right:5px!important;
  bottom:5px!important;
  border-radius:999px!important;
  background:rgba(255,249,232,.9)!important;
  color:#5b351d!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  padding:4px 3px!important;
  text-align:center!important;
  box-shadow:0 3px 8px rgba(58,31,11,.13)!important;
}
.photoCard.galleryColorOnlyV26171 img{
  filter:none!important;
  opacity:1!important;
}
.photoCard.galleryColorOnlyV26171 .paintArtistBadge{
  display:none!important;
}
@media(max-width:620px) and (orientation:portrait){
  .paintModal.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
    width:calc(100vw - 92px)!important;
    max-height:calc(100dvh - 26px)!important;
    padding:14px!important;
  }
  .paintAiStudioV26160 textarea{
    min-height:96px!important;
  }
  .paintRailDraftsV26171{
    gap:5px!important;
  }
  .paintRailDraftCardV26171 span{
    font-size:9px!important;
  }
}

/* --- v26172_workshop_dialog_polish --- */
/* V26.172 - Ruhigeres Werkstattfenster mit klaren Schritten. */
.paintModal.gameFocus.aiStudioIdleV26162 .paintAiEmptyV26162{
  display:none!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintBoard{
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.88),rgba(255,255,255,0) 30%),
    linear-gradient(135deg,rgba(255,252,242,.92),rgba(229,240,232,.82))!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  transform:none!important;
  width:min(680px,calc(100vw - 154px))!important;
  max-height:calc(100dvh - 58px)!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  gap:0!important;
  border-radius:24px!important;
  background:rgba(255,253,247,.97)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 30px 72px rgba(45,25,10,.28),inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.paintAiHeaderV26172{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:18px 20px 14px!important;
  background:linear-gradient(135deg,rgba(255,248,232,.96),rgba(232,244,238,.94))!important;
  border-bottom:1px solid rgba(126,83,39,.13)!important;
}
.paintAiBadgeV26172{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff7e8!important;
  font-weight:950!important;
  letter-spacing:0!important;
  background:linear-gradient(180deg,#f5bf50,#d47e1e)!important;
  box-shadow:0 10px 20px rgba(132,75,23,.22),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.paintAiHeaderV26172 strong{
  display:block!important;
  margin:0 0 4px!important;
  color:#3f2517!important;
  font-size:22px!important;
  line-height:1.1!important;
}
.paintAiHeaderV26172 small{
  display:block!important;
  color:#725238!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.paintAiFieldsV26172{
  display:grid!important;
  gap:12px!important;
  padding:16px 20px 12px!important;
}
.paintAiFieldV26172{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
}
.paintAiFieldV26172 span{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:12px!important;
  color:#4b2d19!important;
}
.paintAiFieldV26172 b{
  font-size:14px!important;
}
.paintAiFieldV26172 em{
  color:#8a6a4c!important;
  font-size:11px!important;
  font-style:normal!important;
  text-align:right!important;
}
.paintAiStudioV26160 .paintAiFieldV26172 textarea,
.paintAiStudioV26160 .paintAiFieldV26172 input{
  border-radius:16px!important;
  background:#fffaf1!important;
  border:1px solid rgba(137,88,40,.24)!important;
  color:#3f2819!important;
  font-size:15px!important;
  line-height:1.35!important;
}
.paintAiStudioV26160 .paintAiFieldV26172 textarea{
  min-height:118px!important;
}
.paintAiExampleV26172{
  color:#8b6e55!important;
  font-size:11px!important;
  line-height:1.3!important;
}
.paintAiStudioV26160 .paintAiFooterV26160{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  padding:14px 20px 20px!important;
  border-top:1px solid rgba(126,83,39,.12)!important;
  background:linear-gradient(180deg,rgba(255,250,241,.7),rgba(255,243,220,.82))!important;
}
.paintAiStudioV26160 .paintAiHintV26160{
  color:#725238!important;
  font-size:12px!important;
  line-height:1.3!important;
}
.paintAiStudioV26160 .paintAiGenerateV26160{
  min-width:240px!important;
  min-height:48px!important;
  border-radius:17px!important;
}
@media(max-width:760px){
  .paintModal.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
    width:calc(100vw - 94px)!important;
  }
  .paintAiHeaderV26172{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:15px!important;
  }
  .paintAiBadgeV26172{
    width:auto!important;
    height:34px!important;
    border-radius:14px!important;
  }
  .paintAiFieldsV26172{
    padding:14px!important;
  }
  .paintAiFieldV26172 span{
    display:grid!important;
    gap:3px!important;
  }
  .paintAiFieldV26172 em{
    text-align:left!important;
  }
  .paintAiStudioV26160 .paintAiFooterV26160{
    grid-template-columns:1fr!important;
    padding:12px 14px 14px!important;
  }
  .paintAiStudioV26160 .paintAiGenerateV26160{
    width:100%!important;
    min-width:0!important;
  }
}

/* --- v26173_workshop_center_and_buttons --- */
/* V26.173 - Werkstatt mittig, rechte Buttons ohne Hintergrundflaeche. */
.paintModal.gameFocus.aiStudioIdleV26162 .paintShell{
  padding:
    max(4px,env(safe-area-inset-top))
    max(4px,env(safe-area-inset-right))
    max(4px,env(safe-area-inset-bottom))
    max(4px,env(safe-area-inset-left))!important;
  background:transparent!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintBody,
.paintModal.gameFocus.aiStudioIdleV26162.menuCollapsed .paintBody{
  grid-template-columns:minmax(0,1fr)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintBoard{
  grid-column:1!important;
  min-height:calc(100dvh - 8px)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(680px,calc(100vw - 138px))!important;
  max-height:calc(100dvh - 44px)!important;
  z-index:930!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintTop{
  position:fixed!important;
  top:max(16px,env(safe-area-inset-top))!important;
  right:max(14px,env(safe-area-inset-right))!important;
  left:auto!important;
  width:auto!important;
  z-index:940!important;
  pointer-events:none!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed{
  position:fixed!important;
  top:max(16px,env(safe-area-inset-top))!important;
  right:max(14px,env(safe-area-inset-right))!important;
  left:auto!important;
  width:48px!important;
  max-width:48px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:auto!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed .closeX{
  order:1!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed .gameMenuToggle{
  order:2!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed .gameMenuToggle,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed .closeX{
  position:static!important;
  transform:none!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:0 10px 20px rgba(58,30,10,.22),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed .gameMenuToggle{
  color:#fffaf0!important;
  font-size:12px!important;
  background:linear-gradient(180deg,#ffbf38,#d97912)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed .closeX{
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  background:linear-gradient(180deg,#f45c51,#c93031)!important;
}
@media(max-width:760px){
  .paintModal.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
    width:calc(100vw - 86px)!important;
    max-height:calc(100dvh - 28px)!important;
  }
  .paintModal.gameFocus.aiStudioIdleV26162 .paintTop,
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed{
    right:max(8px,env(safe-area-inset-right))!important;
    top:max(8px,env(safe-area-inset-top))!important;
  }
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed .gameMenuToggle,
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed .closeX{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:14px!important;
  }
}

/* --- v26174_vertical_workshop_buttons --- */
/* V26.174 - X und Menue in der Werkstatt immer untereinander. */
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls:not(.collapsed){
  position:fixed!important;
  top:max(14px,env(safe-area-inset-top))!important;
  right:max(12px,env(safe-area-inset-right))!important;
  left:auto!important;
  transform:none!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:auto!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls > :not(.gameMenuToggle):not(.closeX){
  display:none!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .closeX{
  order:1!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .gameMenuToggle{
  order:2!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .gameMenuToggle,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .closeX{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
  flex:0 0 auto!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:760px){
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls,
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed,
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls:not(.collapsed){
    top:max(8px,env(safe-area-inset-top))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    gap:8px!important;
  }
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls .gameMenuToggle,
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls .closeX{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
  }
}

/* --- v26175_workshop_wood_and_visible_menu --- */
/* V26.175 - Menue wieder sichtbar und graue Werkstattflaeche als Holztisch. */
.paintModal.gameFocus.aiStudioIdleV26162,
.paintModal.gameFocus.aiStudioIdleV26162 .paintShell,
.paintModal.gameFocus.aiStudioIdleV26162 .paintBody,
.paintModal.gameFocus.aiStudioIdleV26162.menuCollapsed .paintBody,
.paintModal.gameFocus.aiStudioIdleV26162 .paintBoard{
  background:
    radial-gradient(ellipse at 18% 16%,rgba(255,230,176,.24) 0 7%,rgba(123,71,32,0) 18%),
    radial-gradient(ellipse at 73% 76%,rgba(255,222,158,.16) 0 6%,rgba(86,45,20,0) 17%),
    linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,rgba(87,45,18,0) 1px 82px),
    linear-gradient(180deg,#d1a06b 0%,#bd844d 42%,#9a5c2c 100%)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintBoard::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(8deg,rgba(255,232,180,.16),rgba(255,232,180,0) 34%),
    linear-gradient(174deg,rgba(72,35,14,.16),rgba(72,35,14,0) 28%),
    repeating-linear-gradient(0deg,rgba(86,45,18,.13) 0 2px,rgba(255,233,178,.06) 2px 5px,rgba(86,45,18,0) 5px 34px)!important;
  mix-blend-mode:multiply!important;
  opacity:.72!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
  z-index:950!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintTop,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls:not(.collapsed){
  z-index:980!important;
  pointer-events:auto!important;
  overflow:visible!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .gameMenuToggle,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed .gameMenuToggle,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls:not(.collapsed) .gameMenuToggle{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:982!important;
  color:#fffaf0!important;
  font-size:11px!important;
  font-weight:950!important;
  background:linear-gradient(180deg,#ffc246,#d87813)!important;
  border:1px solid rgba(255,255,255,.68)!important;
  text-shadow:0 1px 1px rgba(91,47,14,.38)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .closeX,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed .closeX,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls:not(.collapsed) .closeX{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:983!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .closeX.windowCornerClose{
  display:none!important;
}

/* --- v26176_workshop_quick_controls --- */
/* V26.176 - Eigene sichtbare Werkstatt-Steuerung statt alter Paint-Menueleiste. */
.paintModal.gameFocus.aiStudioIdleV26162 .paintTop{
  display:none!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintBoard{
  position:relative!important;
}
.workshopQuickControlsV26176{
  position:fixed!important;
  top:max(12px,env(safe-area-inset-top))!important;
  right:max(12px,env(safe-area-inset-right))!important;
  z-index:3000!important;
  display:none!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  pointer-events:auto!important;
}
.paintModal.open.aiStudioIdleV26162 .workshopQuickControlsV26176{
  display:grid!important;
}
.workshopQuickBtnV26176{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:16px!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:12px!important;
  line-height:1!important;
  box-shadow:0 12px 22px rgba(50,27,10,.24),inset 0 1px 0 rgba(255,255,255,.38)!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.workshopQuickCloseV26176{
  order:1!important;
  background:linear-gradient(180deg,#f45b51,#c92f31)!important;
  font-size:30px!important;
}
.workshopQuickMenuV26176{
  order:2!important;
  background:linear-gradient(180deg,#ffc13f,#d87913)!important;
  text-shadow:0 1px 1px rgba(91,47,14,.38)!important;
}
@media(max-width:760px){
  .workshopQuickControlsV26176{
    top:max(8px,env(safe-area-inset-top))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    gap:8px!important;
  }
  .workshopQuickBtnV26176{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:14px!important;
  }
}

/* --- v26177_restore_workshop_close --- */
/* V26.177 - Finale Werkstattsteuerung: altes X wieder sichtbar, Hilfsleiste aus. */
.paintModal.open.aiStudioIdleV26162 .workshopQuickControlsV26176{
  display:none!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintTop{
  display:block!important;
  position:fixed!important;
  top:max(12px,env(safe-area-inset-top))!important;
  right:max(12px,env(safe-area-inset-right))!important;
  left:auto!important;
  width:48px!important;
  height:auto!important;
  z-index:3200!important;
  pointer-events:none!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls:not(.collapsed){
  position:static!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:9px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls > :not(.gameMenuToggle):not(.closeX){
  display:none!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .closeX,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .closeX.windowCornerClose,
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .gameMenuToggle{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  place-items:center!important;
  transform:none!important;
  flex:0 0 auto!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:16px!important;
  color:#fff!important;
  box-shadow:0 12px 22px rgba(50,27,10,.24),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .closeX{
  order:1!important;
  font-size:30px!important;
  line-height:1!important;
  background:linear-gradient(180deg,#f45b51,#c92f31)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .gameMenuToggle{
  order:2!important;
  color:#fffaf0!important;
  font-size:11px!important;
  font-weight:950!important;
  background:linear-gradient(180deg,#ffc246,#d87813)!important;
  text-shadow:0 1px 1px rgba(91,47,14,.38)!important;
}
.paintModal.gameFocus.aiStudioIdleV26162 .paintControls .gameMenuToggle:after{
  display:none!important;
}
@media(max-width:760px){
  .paintModal.gameFocus.aiStudioIdleV26162 .paintTop{
    top:max(8px,env(safe-area-inset-top))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    width:44px!important;
  }
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls,
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls.collapsed,
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls:not(.collapsed){
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    gap:8px!important;
  }
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls .closeX,
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls .closeX.windowCornerClose,
  .paintModal.gameFocus.aiStudioIdleV26162 .paintControls .gameMenuToggle{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    border-radius:14px!important;
  }
}

/* --- v26178_real_workshop_menu --- */
/* V26.178 - Der Werkstatt-Menueknopf oeffnet ein echtes kleines Menue. */
.workshopMenuPanelV26178{
  position:fixed!important;
  top:calc(max(12px,env(safe-area-inset-top)) + 112px)!important;
  right:max(12px,env(safe-area-inset-right))!important;
  width:min(260px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 138px)!important;
  overflow:auto!important;
  z-index:3100!important;
  display:none!important;
  padding:12px!important;
  border-radius:18px!important;
  background:rgba(255,250,238,.96)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 18px 40px rgba(50,27,10,.25),inset 0 1px 0 rgba(255,255,255,.72)!important;
  color:#4a2a16!important;
}
.paintModal.open.aiStudioIdleV26162.workshopMenuOpenV26178 .workshopMenuPanelV26178{
  display:grid!important;
  gap:10px!important;
}
.workshopMenuHeadV26178{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.workshopMenuHeadV26178 strong{
  font-size:15px!important;
}
.workshopMenuCloseV26178{
  width:30px!important;
  height:30px!important;
  border-radius:11px!important;
  border:1px solid rgba(126,83,39,.18)!important;
  background:rgba(255,255,255,.72)!important;
  color:#6a3d20!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.workshopMenuActionV26178{
  width:100%!important;
  min-height:40px!important;
  border:1px solid rgba(126,83,39,.18)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff8e8,#f1dcc0)!important;
  color:#59341d!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.workshopMenuDraftsV26178{
  display:grid!important;
  gap:8px!important;
}
.workshopMenuDraftsV26178 small{
  color:#7b5c41!important;
  line-height:1.25!important;
}
.workshopMenuDraftCardV26178{
  width:100%!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  padding:6px!important;
  border:1px solid rgba(126,83,39,.15)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.62)!important;
  color:#4a2a16!important;
  text-align:left!important;
  cursor:pointer!important;
}
.workshopMenuDraftCardV26178 img{
  width:48px!important;
  height:48px!important;
  object-fit:cover!important;
  border-radius:11px!important;
}
.workshopMenuDraftCardV26178 span{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:900!important;
}
.workshopMenuDraftCardV26178 div{
  min-width:0!important;
}
.workshopMenuDraftCardV26178 em{
  display:block!important;
  color:#8a6a4c!important;
  font-size:11px!important;
  font-style:normal!important;
}
@media(max-width:760px){
  .workshopMenuPanelV26178{
    top:calc(max(8px,env(safe-area-inset-top)) + 104px)!important;
    right:max(8px,env(safe-area-inset-right))!important;
    width:min(236px,calc(100vw - 18px))!important;
    max-height:calc(100dvh - 122px)!important;
  }
}

/* --- v26179_clean_active_workshop_paint --- */
/* V26.179 - Im aktiven Malen bleibt nur Malflaeche, Palette und schlanke Werkstattsteuerung. */
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintAiStudioV26160,
.paintModal.gameFocus:not(.aiStudioIdleV26162) #paintAiEmptyV26162,
.paintModal.gameFocus:not(.aiStudioIdleV26162) .workshopQuickControlsV26176{
  display:none!important;
}
.paintModal.open.gameFocus.workshopMenuOpenV26178 .workshopMenuPanelV26178{
  display:grid!important;
  gap:10px!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintTop{
  display:block!important;
  position:fixed!important;
  top:max(10px,env(safe-area-inset-top))!important;
  right:max(10px,env(safe-area-inset-right))!important;
  left:auto!important;
  width:50px!important;
  z-index:3200!important;
  pointer-events:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls,
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls.collapsed,
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls:not(.collapsed){
  position:static!important;
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:auto!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls > :not(.gameMenuToggle):not(.closeX){
  display:none!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls .closeX,
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  place-items:center!important;
  transform:none!important;
  flex:0 0 auto!important;
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:16px!important;
  color:#fff!important;
  box-shadow:0 12px 22px rgba(50,27,10,.24),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls .closeX{
  order:1!important;
  font-size:30px!important;
  line-height:1!important;
  background:linear-gradient(180deg,#f45b51,#c92f31)!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle{
  order:2!important;
  color:#fffaf0!important;
  font-size:11px!important;
  font-weight:950!important;
  background:linear-gradient(180deg,#ffc246,#d87813)!important;
  text-shadow:0 1px 1px rgba(91,47,14,.38)!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle:after{
  display:none!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintBody,
.paintModal.gameFocus:not(.aiStudioIdleV26162).menuCollapsed .paintBody{
  grid-template-columns:84px minmax(0,1fr)!important;
  gap:6px!important;
  min-height:0!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  grid-column:1!important;
  grid-row:1!important;
  width:84px!important;
  min-width:0!important;
  max-width:84px!important;
  min-height:0!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  gap:5px!important;
  padding:5px 4px!important;
  overflow:hidden!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-flow:row!important;
  align-content:start!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  min-height:0!important;
  scrollbar-width:thin!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintBoard{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  min-height:0!important;
}
@media(max-width:760px){
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintTop{
    top:max(8px,env(safe-area-inset-top))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    width:44px!important;
  }
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls,
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls.collapsed,
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls:not(.collapsed){
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    gap:8px!important;
  }
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls .closeX,
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    border-radius:14px!important;
  }
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintBody,
  .paintModal.gameFocus:not(.aiStudioIdleV26162).menuCollapsed .paintBody{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:4px!important;
  }
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
    width:64px!important;
    max-width:64px!important;
  }
}

/* --- v26180_visible_vertical_palette --- */
/* V26.180 - Die Farbpalette ist im aktiven Atelier eine echte sichtbare Seitenleiste. */
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
  position:fixed!important;
  left:calc(max(8px,env(safe-area-inset-left)) + 8px)!important;
  top:calc(max(8px,env(safe-area-inset-top)) + 58px)!important;
  bottom:calc(max(8px,env(safe-area-inset-bottom)) + 12px)!important;
  z-index:3180!important;
  width:92px!important;
  min-width:92px!important;
  max-width:92px!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:8px 7px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,252,244,.96),rgba(239,215,179,.9))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 16px 30px rgba(50,27,10,.22),inset 0 1px 0 rgba(255,255,255,.78)!important;
  backdrop-filter:blur(10px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.05)!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintSelected{
  order:1!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  min-height:48px!important;
  padding:6px!important;
  border-radius:15px!important;
  background:rgba(255,248,232,.88)!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintSelected > div:last-child{
  display:none!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintSelectedSwatch{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintPowerups{
  display:none!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
  order:2!important;
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,34px)!important;
  grid-auto-rows:34px!important;
  align-content:start!important;
  justify-content:center!important;
  gap:7px!important;
  padding:2px 2px 8px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintColorBtn{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  padding:2px!important;
  border-radius:12px!important;
  overflow:visible!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintColorSwatch{
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintColorCount{
  position:absolute!important;
  right:-4px!important;
  bottom:-4px!important;
  min-width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 3px!important;
  border-radius:999px!important;
  background:rgba(255,251,239,.96)!important;
  color:#5b351b!important;
  border:1px solid rgba(126,83,39,.22)!important;
  box-shadow:0 3px 8px rgba(55,31,12,.16)!important;
  font-size:10px!important;
  line-height:1!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintColorBtn.active{
  outline:0!important;
  box-shadow:0 0 0 3px rgba(238,169,52,.72),0 8px 14px rgba(62,35,13,.18),inset 0 0 0 1px rgba(134,83,30,.22)!important;
}
.paintModal.gameFocus:not(.aiStudioIdleV26162) .paintColorBtn.done:after{
  inset:2px!important;
  border-radius:10px!important;
  font-size:20px!important;
}
@media(max-width:760px){
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
    left:calc(max(5px,env(safe-area-inset-left)) + 5px)!important;
    top:calc(max(6px,env(safe-area-inset-top)) + 52px)!important;
    bottom:calc(max(6px,env(safe-area-inset-bottom)) + 8px)!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    padding:6px 5px!important;
    border-radius:15px!important;
  }
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintSelected{
    min-height:40px!important;
    padding:5px!important;
  }
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintSelectedSwatch{
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
  }
  .paintModal.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
    grid-template-columns:34px!important;
    grid-auto-rows:34px!important;
    gap:7px!important;
  }
}

/* --- v26181_clean_sketch_paint_stage --- */
/* V26.181 - Aktives Malen: klarer Tisch, sichere Palette, garantiertes Schließen-X. */
.paintModal.open.gameFocus:not(.aiStudioIdleV26162){
  padding:0!important;
  background:rgba(40,24,12,.18)!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell{
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:
    max(14px,env(safe-area-inset-top))
    calc(82px + max(8px,env(safe-area-inset-right)))
    max(14px,env(safe-area-inset-bottom))
    calc(122px + max(8px,env(safe-area-inset-left)))!important;
  grid-template-rows:minmax(0,1fr)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,rgba(90,45,18,0) 1px 92px),
    linear-gradient(180deg,#d7ab75 0%,#c38b55 44%,#a96c37 100%)!important;
  overflow:hidden!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTop{
  display:block!important;
  position:fixed!important;
  top:calc(max(12px,env(safe-area-inset-top)) + 58px)!important;
  right:max(12px,env(safe-area-inset-right))!important;
  width:50px!important;
  z-index:3600!important;
  pointer-events:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls,
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls.collapsed,
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls:not(.collapsed){
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls > :not(.gameMenuToggle){
  display:none!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle{
  display:grid!important;
  place-items:center!important;
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  border-radius:16px!important;
  color:#fffaf0!important;
  font-size:11px!important;
  font-weight:950!important;
  background:linear-gradient(180deg,#ffc246,#d87813)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 12px 22px rgba(50,27,10,.24),inset 0 1px 0 rgba(255,255,255,.38)!important;
  text-shadow:0 1px 1px rgba(91,47,14,.38)!important;
}
.paintHardCloseV26181{
  display:none!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintHardCloseV26181{
  position:fixed!important;
  top:max(12px,env(safe-area-inset-top))!important;
  right:max(12px,env(safe-area-inset-right))!important;
  z-index:3700!important;
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#f45b51,#c92f31)!important;
  color:#fff!important;
  font-size:32px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:0 12px 22px rgba(86,28,20,.28),inset 0 1px 0 rgba(255,255,255,.38)!important;
  cursor:pointer!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBody,
.paintModal.open.gameFocus:not(.aiStudioIdleV26162).menuCollapsed .paintBody{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:0!important;
  min-height:0!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBoard{
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr)!important;
  min-width:0!important;
  min-height:0!important;
  overflow:visible!important;
  background:transparent!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintCanvasWrap{
  min-height:0!important;
  height:100%!important;
  border:0!important;
  border-radius:22px!important;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.20),rgba(255,255,255,0) 48%),
    linear-gradient(180deg,rgba(255,244,222,.74),rgba(238,207,164,.62))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 18px 38px rgba(54,30,12,.18)!important;
  overflow:auto!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintCanvasPad{
  min-width:100%!important;
  min-height:100%!important;
  display:grid!important;
  place-items:center!important;
  padding:22px!important;
  background:transparent!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) #paintCanvas{
  border-radius:10px!important;
  background:#fffdf7!important;
  box-shadow:0 14px 32px rgba(44,27,12,.20),0 0 0 1px rgba(108,74,42,.18)!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
  position:fixed!important;
  left:calc(max(10px,env(safe-area-inset-left)) + 10px)!important;
  top:max(14px,env(safe-area-inset-top))!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;
  z-index:3650!important;
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:9px 7px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,253,247,.97),rgba(239,216,181,.94))!important;
  border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:0 18px 34px rgba(50,27,10,.24),inset 0 1px 0 rgba(255,255,255,.8)!important;
  overflow:hidden!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
  display:grid!important;
  grid-template-columns:repeat(2,35px)!important;
  grid-auto-rows:35px!important;
  justify-content:center!important;
  align-content:start!important;
  gap:7px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintSelected{
  flex:0 0 auto!important;
}
@media(max-width:760px){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell{
    padding:
      max(8px,env(safe-area-inset-top))
      calc(56px + max(6px,env(safe-area-inset-right)))
      max(8px,env(safe-area-inset-bottom))
      calc(62px + max(6px,env(safe-area-inset-left)))!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintHardCloseV26181,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:14px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTop{
    top:calc(max(8px,env(safe-area-inset-top)) + 52px)!important;
    right:max(8px,env(safe-area-inset-right))!important;
    width:44px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
    left:max(6px,env(safe-area-inset-left))!important;
    top:max(8px,env(safe-area-inset-top))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    padding:6px 5px!important;
    border-radius:15px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
    grid-template-columns:34px!important;
    grid-auto-rows:34px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintCanvasPad{
    padding:12px!important;
  }
}

/* --- v26182_palette_full_height --- */
/* V26.182 - Palette bekommt echte Hoehe und genug Platz zum Treffen. */
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell{
  padding-left:calc(184px + max(8px,env(safe-area-inset-left)))!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
  left:calc(max(10px,env(safe-area-inset-left)) + 12px)!important;
  top:max(18px,env(safe-area-inset-top))!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  width:148px!important;
  min-width:148px!important;
  max-width:148px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:11px!important;
  gap:10px!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintSelected{
  min-height:58px!important;
  border-radius:18px!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintSelectedSwatch{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
  grid-template-columns:repeat(3,38px)!important;
  grid-auto-rows:38px!important;
  gap:8px!important;
  justify-content:center!important;
  max-height:none!important;
  padding:2px 2px 10px!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorBtn{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  border-radius:13px!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorSwatch{
  width:31px!important;
  height:31px!important;
  border-radius:11px!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorCount{
  right:-5px!important;
  bottom:-5px!important;
}
@media(max-width:920px){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell{
    padding-left:calc(112px + max(6px,env(safe-area-inset-left)))!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    padding:8px 7px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
    grid-template-columns:repeat(2,34px)!important;
    grid-auto-rows:34px!important;
    gap:7px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorBtn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorSwatch{
    width:28px!important;
    height:28px!important;
  }
}
@media(max-width:760px){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell{
    padding-left:calc(66px + max(5px,env(safe-area-inset-left)))!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
    left:max(6px,env(safe-area-inset-left))!important;
    top:max(8px,env(safe-area-inset-top))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:auto!important;
    max-height:none!important;
    padding:6px 5px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
    grid-template-columns:34px!important;
    grid-auto-rows:34px!important;
    gap:7px!important;
  }
}

/* --- v26183_palette_breathing_room --- */
/* V26.183 - Desktop-Palette etwas breiter, damit Scrollbar und Farbfelder nicht klemmen. */
@media(min-width:921px){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell{
    padding-left:calc(206px + max(8px,env(safe-area-inset-left)))!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
    width:170px!important;
    min-width:170px!important;
    max-width:170px!important;
    padding:12px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
    grid-template-columns:repeat(3,42px)!important;
    grid-auto-rows:42px!important;
    gap:9px!important;
    padding-right:6px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorBtn{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorSwatch{
    width:34px!important;
    height:34px!important;
  }
}

/* --- v26184_status_missing_white --- */
/* V26.184 - Fehlende Werte in den Katzenbalken sofort sichtbar machen. */
.statusPanel .barRow .track{
  height:10px!important;
  box-sizing:border-box!important;
  padding:1px!important;
  background:#fff!important;
  border:1px solid rgba(117,76,36,.22)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.82),
    inset 0 1px 3px rgba(77,45,19,.10),
    0 1px 2px rgba(80,45,18,.08)!important;
}
.statusPanel .barRow .track>span{
  height:100%!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.statusPanel .barRow .track.green>span{
  background:linear-gradient(90deg,#74ba64,#55a05c)!important;
}
.statusPanel .barRow .track.pink>span{
  background:linear-gradient(90deg,#e47b95,#d66080)!important;
}
@media(max-width:620px){
  .statusPanel .barRow .track{
    height:9px!important;
  }
}

/* --- v26185_tablet_workshop_palette --- */
/* V26.185 - Tablet: Tastatur darf den Werkstattdialog nicht neu zentrieren; Palette bleibt 2-spaltig. */
@media(max-width:1024px), (pointer:coarse){
  .paintModal.gameFocus.aiStudioIdleV26162 .paintShell{
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  .paintModal.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:max(12px,env(safe-area-inset-top))!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:min(720px,calc(100vw - 104px))!important;
    max-height:calc(100dvh - 24px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .paintAiStudioV26160 .paintAiFieldV26172 textarea,
  .paintAiStudioV26160 .paintAiFieldV26172 input{
    font-size:16px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell{
    padding-left:calc(106px + max(5px,env(safe-area-inset-left)))!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    padding:8px 7px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
    grid-template-columns:repeat(2,34px)!important;
    grid-auto-rows:34px!important;
    gap:7px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorBtn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorSwatch{
    width:28px!important;
    height:28px!important;
  }
}
@media(max-width:420px){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell{
    padding-left:calc(94px + max(4px,env(safe-area-inset-left)))!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
    width:80px!important;
    min-width:80px!important;
    max-width:80px!important;
    padding:7px 6px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
    grid-template-columns:repeat(2,31px)!important;
    grid-auto-rows:31px!important;
    gap:6px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorBtn{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorSwatch{
    width:25px!important;
    height:25px!important;
  }
}

/* --- v26187_games_drawer_calm --- */
/* V26.187 - Spielefenster ohne Kopftext und ohne sichtbares Nachlade-Flackern. */
.gamesDrawerCloseOnlyV26187{
  position:relative;
  min-height:0;
  margin:0;
  padding:0;
}
.gamesDrawerCloseOnlyV26187 .closeX{
  position:absolute!important;
  top:-18px!important;
  right:-8px!important;
  z-index:12!important;
}
.gamesRecordsStableV26187{
  min-height:252px;
}
@media(max-width:700px){
  .gamesDrawerCloseOnlyV26187 .closeX{
    top:-12px!important;
    right:-6px!important;
  }
  .gamesRecordsStableV26187{
    min-height:210px;
  }
}

/* --- v26186_art_rules_mobile_gallery --- */
/* V26.186 - Kunstmarkt-Regeln, klare Galerie-Banner und mehr Malflaeche am Handy. */
.galleryArtBannerV26186{
  position:absolute;
  left:10px;
  right:10px;
  top:10px;
  z-index:2;
  min-height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,251,239,.94),rgba(238,205,139,.88));
  color:#4b2d18;
  font-size:11px;
  font-weight:1000;
  box-shadow:0 5px 12px rgba(55,31,14,.12),inset 0 1px 0 rgba(255,255,255,.7);
}
.galleryArtBannerV26186.auction{
  background:linear-gradient(180deg,rgba(255,224,151,.96),rgba(217,137,36,.9));
  color:#fff9ed;
}
.auctionPersonV26149 em{
  display:none!important;
}
.gallerySortBarV26186{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:10px 0 12px;
}
.gallerySortBarV26186 button{
  min-height:38px;
  padding:8px 14px;
}
.photoCard.galleryArtCardV26186{
  position:relative;
  overflow:hidden;
}
.photoCard.galleryArtCardV26186 img{
  border-radius:12px;
  box-shadow:inset 0 0 0 1px rgba(90,54,24,.12);
}
.photoCard.galleryArtCardV26186.rarity-blau img{border:5px solid #668db7;}
.photoCard.galleryArtCardV26186.rarity-bronze img{border:5px solid #b37643;}
.photoCard.galleryArtCardV26186.rarity-silber img{border:5px solid #bcc2c7;}
.photoCard.galleryArtCardV26186.rarity-gold img{border:5px solid #d6a033;}
.auctionExhibitLotV26150.rarity-blau .auctionMarketFrame,
.framedArt.rarity-blau .framedArtInner{box-shadow:0 0 0 5px #668db7,0 12px 30px rgba(58,31,12,.16)!important;}
.auctionExhibitLotV26150.rarity-bronze .auctionMarketFrame,
.framedArt.rarity-bronze .framedArtInner{box-shadow:0 0 0 5px #b37643,0 12px 30px rgba(58,31,12,.16)!important;}
.auctionExhibitLotV26150.rarity-silber .auctionMarketFrame,
.framedArt.rarity-silber .framedArtInner{box-shadow:0 0 0 5px #bcc2c7,0 12px 30px rgba(58,31,12,.16)!important;}
.auctionExhibitLotV26150.rarity-gold .auctionMarketFrame,
.framedArt.rarity-gold .framedArtInner{box-shadow:0 0 0 5px #d6a033,0 12px 30px rgba(58,31,12,.16)!important;}
.signatureLibraryV26186{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:8px 0;
}
.signatureLibraryV26186 button{
  min-height:44px;
  border:1px solid rgba(126,83,39,.2);
  border-radius:12px;
  background:rgba(255,250,240,.92);
  font-weight:1000;
  color:#4b2d18;
}
.signatureToneV26186{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  margin:8px 0;
}
.signatureToneV26186 button{
  min-height:36px;
  border:1px solid rgba(126,83,39,.2);
  border-radius:999px;
  padding:6px 12px;
  font-weight:1000;
  background:#fff8ec;
  color:#4b2d18;
}
.signatureToneV26186 button.active{
  background:linear-gradient(180deg,#f6c761,#d98627);
  color:#fff;
}
@media(max-width:620px) and (orientation:portrait){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell{
    padding:
      calc(58px + max(4px,env(safe-area-inset-top)))
      max(4px,env(safe-area-inset-right))
      calc(46px + max(4px,env(safe-area-inset-bottom)))
      max(4px,env(safe-area-inset-left))!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBody,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).menuCollapsed .paintBody{
    display:block!important;
    grid-template-columns:1fr!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
    position:fixed!important;
    left:max(6px,env(safe-area-inset-left))!important;
    right:78px!important;
    top:max(6px,env(safe-area-inset-top))!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    padding:6px!important;
    border-radius:14px!important;
    display:block!important;
    z-index:944!important;
    overflow:hidden!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintSelected,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPowerups{
    display:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
    display:flex!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-rows:auto!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    height:36px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalette::-webkit-scrollbar{display:none!important;}
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorBtn{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintColorSwatch{
    width:28px!important;
    height:28px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintHardCloseV26181{
    right:max(8px,env(safe-area-inset-right))!important;
    top:max(6px,env(safe-area-inset-top))!important;
    width:46px!important;
    height:46px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .workshopQuickControlsV26176{
    right:max(8px,env(safe-area-inset-right))!important;
    top:calc(56px + max(6px,env(safe-area-inset-top)))!important;
    width:46px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .workshopQuickBtnV26176{
    width:46px!important;
    min-width:46px!important;
    height:42px!important;
    min-height:42px!important;
    font-size:12px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .workshopQuickCloseV26176{display:none!important;}
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .workshopMenuPanelV26178{
    top:calc(104px + max(6px,env(safe-area-inset-top)))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    width:min(270px,calc(100vw - 16px))!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintCanvasWrap{
    min-height:calc(100dvh - 118px)!important;
  }
}

/* --- v26188_mobile_paint_menu_only --- */
/* V26.188 - Handy-Hochformat: zugeklappt nur X und Menue, ausgeklappt Werkzeuge. */
@media(max-width:620px) and (orientation:portrait){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162):not(.workshopMenuOpenV26178) .paintShell{
    padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162):not(.workshopMenuOpenV26178) .paintPalettePanel,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162):not(.workshopMenuOpenV26178) .paintProgress,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162):not(.workshopMenuOpenV26178) .paintFooter,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162):not(.workshopMenuOpenV26178) .focusGameHud{
    display:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162):not(.workshopMenuOpenV26178) .paintBody,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162):not(.workshopMenuOpenV26178).menuCollapsed .paintBody{
    display:block!important;
    height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)))!important;
    min-height:0!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162):not(.workshopMenuOpenV26178) .paintBoard{
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162):not(.workshopMenuOpenV26178) .paintCanvasWrap{
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    border-radius:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintHardCloseV26181{
    display:flex!important;
    right:max(8px,env(safe-area-inset-right))!important;
    top:max(8px,env(safe-area-inset-top))!important;
    z-index:3600!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle{
    display:flex!important;
    position:fixed!important;
    right:max(8px,env(safe-area-inset-right))!important;
    top:calc(58px + max(8px,env(safe-area-inset-top)))!important;
    z-index:3590!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintShell{
    padding:
      calc(58px + max(4px,env(safe-area-inset-top)))
      max(4px,env(safe-area-inset-right))
      calc(108px + max(4px,env(safe-area-inset-bottom)))
      max(4px,env(safe-area-inset-left))!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintPalettePanel{
    display:block!important;
    position:fixed!important;
    left:max(6px,env(safe-area-inset-left))!important;
    right:66px!important;
    top:max(6px,env(safe-area-inset-top))!important;
    width:auto!important;
    height:48px!important;
    min-width:0!important;
    max-width:none!important;
    padding:6px!important;
    z-index:3450!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintPalette{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    height:36px!important;
    gap:6px!important;
    scrollbar-width:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintPalette::-webkit-scrollbar{
    display:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintProgress,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintFooter,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .focusGameHud{
    display:flex!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .workshopMenuPanelV26178{
    display:grid!important;
    top:calc(110px + max(6px,env(safe-area-inset-top)))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    width:min(270px,calc(100vw - 16px))!important;
    max-height:calc(100dvh - 128px)!important;
    z-index:3500!important;
  }
}

/* --- v26189_mobile_paint_clean_rail --- */
/* V26.189 - Handy-Hochformat: X und Menue als ruhige, schlanke Mini-Leiste. */
@media(max-width:620px) and (orientation:portrait){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintHardCloseV26181,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    padding:0!important;
    border-radius:15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:fixed!important;
    right:calc(max(7px,env(safe-area-inset-right)))!important;
    left:auto!important;
    margin:0!important;
    z-index:3700!important;
    box-shadow:0 8px 18px rgba(70,38,16,.22), inset 0 1px 0 rgba(255,255,255,.65)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    transform:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintHardCloseV26181{
    top:calc(max(7px,env(safe-area-inset-top)))!important;
    background:linear-gradient(180deg,#ff6960,#dd372f)!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle{
    top:calc(max(7px,env(safe-area-inset-top)) + 56px)!important;
    background:linear-gradient(180deg,#ffc44e,#dc8916)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:0!important;
    text-shadow:0 1px 1px rgba(70,38,16,.32)!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle:after{
    display:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls.collapsed,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls:not(.collapsed){
    position:fixed!important;
    inset:0!important;
    width:0!important;
    height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:auto!important;
    pointer-events:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintHardCloseV26181{
    pointer-events:auto!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintControls .gameMenuToggle{
    opacity:.96!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintPalettePanel{
    top:calc(max(7px,env(safe-area-inset-top)))!important;
    left:calc(max(7px,env(safe-area-inset-left)))!important;
    right:62px!important;
    height:44px!important;
    padding:5px!important;
    border-radius:14px!important;
    box-shadow:0 8px 18px rgba(70,38,16,.14)!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintPalette{
    height:34px!important;
    gap:5px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintSwatch{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .workshopMenuPanelV26178{
    top:calc(max(7px,env(safe-area-inset-top)) + 112px)!important;
    right:calc(max(7px,env(safe-area-inset-right)))!important;
    width:min(232px,calc(100vw - 18px))!important;
    padding:10px!important;
    gap:8px!important;
    border-radius:16px!important;
    box-shadow:0 12px 26px rgba(70,38,16,.24)!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .workshopMenuPanelV26178 h3{
    font-size:15px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .workshopMenuPanelV26178 button{
    min-height:40px!important;
    border-radius:12px!important;
  }
}

/* --- v26190_mobile_paint_focus_reset --- */
/* V26.190 - Handy: ruhige Malflaeche, kompaktes Menue, keine Browser-Gesten im Bild. */
@media(max-width:620px) and (orientation:portrait){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintShell{
    padding:
      calc(max(5px,env(safe-area-inset-top)) + 2px)
      calc(58px + max(6px,env(safe-area-inset-right)))
      max(6px,env(safe-area-inset-bottom))
      max(5px,env(safe-area-inset-left))!important;
    background:linear-gradient(180deg,#d9a76b 0%,#b46f35 100%)!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintPalettePanel,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintProgress,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintProgress,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintFooter,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintFooter,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .focusGameHud,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .focusGameHud{
    display:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBody,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintBody{
    display:block!important;
    height:calc(100dvh - max(13px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)))!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBoard,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintBoard{
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintCanvasWrap,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintCanvasWrap{
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    border-radius:8px!important;
    border:1px solid rgba(255,255,255,.35)!important;
    background:#f7dfb9!important;
    box-shadow:0 8px 22px rgba(50,27,10,.18)!important;
    overflow:auto!important;
    touch-action:none!important;
    overscroll-behavior:contain!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintCanvasPad{
    padding:6px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) #paintCanvas{
    border-radius:4px!important;
    box-shadow:0 6px 16px rgba(42,24,10,.18)!important;
    touch-action:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintHardCloseV26181,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    right:calc(max(6px,env(safe-area-inset-right)))!important;
    border-radius:14px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintHardCloseV26181{
    top:calc(max(6px,env(safe-area-inset-top)))!important;
    font-size:32px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls .gameMenuToggle{
    top:calc(max(6px,env(safe-area-inset-top)) + 58px)!important;
    font-size:11px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .workshopMenuPanelV26178{
    top:calc(max(6px,env(safe-area-inset-top)) + 116px)!important;
    right:calc(max(6px,env(safe-area-inset-right)))!important;
    width:min(212px,calc(100vw - 18px))!important;
    max-height:calc(100dvh - 128px)!important;
    padding:9px!important;
    gap:7px!important;
    border-radius:15px!important;
    background:rgba(255,250,240,.96)!important;
    backdrop-filter:blur(10px)!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .workshopMenuPanelV26178 h3{
    font-size:14px!important;
    margin:0!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .workshopMenuPanelV26178 .drawerSub,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .workshopMenuPanelV26178 small{
    font-size:10px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .workshopMenuPanelV26178 button{
    min-height:36px!important;
    border-radius:11px!important;
    font-size:13px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .workshopMenuPanelV26178 img{
    width:42px!important;
    height:42px!important;
    border-radius:10px!important;
  }
}

/* --- v26191_mobile_paint_topbar --- */
/* V26.191 - Handy-Malmodus komplett neu: volle obere Leiste statt Seitenmenue. */
@media(max-width:620px) and (orientation:portrait){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162){
    background:#b8753d!important;
    overscroll-behavior:contain!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintShell{
    padding:52px 0 0 0!important;
    height:100dvh!important;
    min-height:100dvh!important;
    background:#b8753d!important;
    overflow:hidden!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTop,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintControls,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintHardCloseV26181,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .workshopQuickControlsV26176,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .workshopMenuPanelV26178,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintProgress,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintFooter,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .focusGameHud{
    display:none!important;
  }
  .paintMobileTopbarV26191{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    z-index:3900!important;
    height:52px!important;
    padding:6px max(6px,env(safe-area-inset-right)) 6px max(6px,env(safe-area-inset-left))!important;
    background:linear-gradient(180deg,rgba(255,246,230,.98),rgba(236,200,148,.98))!important;
    border-bottom:1px solid rgba(107,66,30,.22)!important;
    box-shadow:0 6px 16px rgba(54,29,10,.18)!important;
  }
  .paintMobileTopbarV26191 button{
    min-width:0!important;
    height:40px!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    background:linear-gradient(180deg,#fff7e8,#edce9c)!important;
    color:#5b3519!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 3px 8px rgba(80,45,16,.12)!important;
  }
  .paintMobileTopbarV26191 button.active{
    background:linear-gradient(180deg,#ffc957,#dd8d1b)!important;
    color:#fff!important;
    text-shadow:0 1px 1px rgba(80,45,16,.35)!important;
  }
  .paintMobilePanelV26191{
    display:none;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:52px!important;
    z-index:3880!important;
    max-height:40dvh!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:7px max(7px,env(safe-area-inset-right)) 8px max(7px,env(safe-area-inset-left))!important;
    background:linear-gradient(180deg,rgba(255,248,235,.98),rgba(239,211,171,.98))!important;
    border-bottom:1px solid rgba(107,66,30,.2)!important;
    box-shadow:0 10px 20px rgba(54,29,10,.18)!important;
  }
  .paintMobilePanelV26191.open{
    display:block!important;
  }
  .paintMobilePaletteV26191{
    display:grid!important;
    grid-template-rows:repeat(2,44px)!important;
    grid-auto-flow:column!important;
    grid-auto-columns:44px!important;
    grid-template-columns:none!important;
    gap:6px!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:3px!important;
  }
  .paintMobilePaletteV26191 .paintColorBtn{
    width:100%!important;
    height:44px!important;
    min-width:0!important;
    min-height:44px!important;
    border-radius:12px!important;
  }
  .paintMobilePaletteV26191 .paintColorSwatch{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
  .paintMobileDraftsV26191{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .paintMobileDraftsV26191 .workshopMenuDraftCardV26178{
    min-height:62px!important;
    display:grid!important;
    grid-template-columns:52px 1fr!important;
    gap:8px!important;
    align-items:center!important;
    border-radius:14px!important;
    padding:7px!important;
    background:rgba(255,253,247,.92)!important;
    border:1px solid rgba(153,102,45,.18)!important;
    text-align:left!important;
  }
  .paintMobileDraftsV26191 img{
    width:52px!important;
    height:52px!important;
    object-fit:cover!important;
    border-radius:11px!important;
  }
  .paintMobileDraftsV26191 span{
    display:block!important;
    font-size:12px!important;
    font-weight:950!important;
    color:#4c2b16!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .paintMobileDraftsV26191 em{
    display:block!important;
    font-size:11px!important;
    font-style:normal!important;
    color:#7b5a3e!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBody,
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintBody{
    height:calc(100dvh - 52px)!important;
    min-height:0!important;
    overflow:hidden!important;
    display:block!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBoard{
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    background:#b8753d!important;
    box-shadow:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintCanvasWrap{
    height:100%!important;
    min-height:100%!important;
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    background:#b8753d!important;
    box-shadow:none!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintCanvasPad{
    min-width:100%!important;
    min-height:100%!important;
    padding:8px!important;
    display:grid!important;
    place-items:center!important;
    background:#b8753d!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) #paintCanvas{
    border-radius:4px!important;
    background:#fffdf7!important;
    box-shadow:0 8px 18px rgba(42,24,10,.22)!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).mobilePanelOpenV26191 .paintShell{
    padding-top:104px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162).mobilePanelOpenV26191 .paintBody{
    height:calc(100dvh - 104px)!important;
  }
}
@media(min-width:621px),(orientation:landscape){
  .paintMobileTopbarV26191,
  .paintMobilePanelV26191{
    display:none!important;
  }
}

/* --- v26192_mobile_game_topbars --- */
/* V26.192 - Einheitliche Handy-Hochkant-Leisten fuer Werkstatt und Spiele. */
@media(max-width:620px) and (orientation:portrait){
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintShell{
    padding:52px 0 0 0!important;
    height:100dvh!important;
    min-height:100dvh!important;
    background:#b8753d!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintTop,
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintControls,
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintHardCloseV26181,
  .paintModal.open.gameFocus.aiStudioIdleV26162 .workshopQuickControlsV26176,
  .paintModal.open.gameFocus.aiStudioIdleV26162 .workshopMenuPanelV26178{
    display:none!important;
  }
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintBody,
  .paintModal.open.gameFocus.aiStudioIdleV26162.menuCollapsed .paintBody{
    display:block!important;
    height:auto!important;
    min-height:calc(100dvh - 52px)!important;
    padding:12px 10px 18px!important;
    overflow:visible!important;
  }
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintBoard{
    min-height:calc(100dvh - 76px)!important;
    display:grid!important;
    place-items:start center!important;
    padding:12px 0!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
    width:min(100%,560px)!important;
    margin:0 auto!important;
    border-radius:18px!important;
  }
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintMobileTopbarV26191{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintMobileTopbarV26191 [data-mobile-paint-tab="colors"]{
    display:none!important;
  }
  .solitaireMobileTopbarV26192,
  .roomSearchMobileTopbarV26192{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    z-index:3900!important;
    height:52px!important;
    padding:6px max(6px,env(safe-area-inset-right)) 6px max(6px,env(safe-area-inset-left))!important;
    background:linear-gradient(180deg,rgba(255,246,230,.98),rgba(236,200,148,.98))!important;
    border-bottom:1px solid rgba(107,66,30,.22)!important;
    box-shadow:0 6px 16px rgba(54,29,10,.18)!important;
  }
  .solitaireMobileTopbarV26192 button,
  .roomSearchMobileTopbarV26192 button{
    min-width:0!important;
    height:40px!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    background:linear-gradient(180deg,#fff7e8,#edce9c)!important;
    color:#5b3519!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 3px 8px rgba(80,45,16,.12)!important;
  }
  .solitaireMobileTopbarV26192 button.primary,
  .roomSearchMobileTopbarV26192 button.primary{
    background:linear-gradient(180deg,#ffc957,#dd8d1b)!important;
    color:#fff!important;
    text-shadow:0 1px 1px rgba(80,45,16,.35)!important;
  }
  .solitaireModal.open.gameFocus .solitaireTop,
  .solitaireModal.open.gameFocus .solitaireControls,
  .solitaireModal.open.gameFocus .closeX{
    display:none!important;
  }
  .solitaireModal.open.gameFocus .solitaireShell{
    padding-top:52px!important;
  }
  .solitaireModal.open.gameFocus .solitaireTable{
    height:calc(100dvh - 92px)!important;
  }
  body.roomSearchMode{
    padding-top:52px!important;
  }
  body.roomSearchMode .roomSearchHud{
    top:58px!important;
  }
}
@media(min-width:621px),(orientation:landscape){
  .solitaireMobileTopbarV26192,
  .roomSearchMobileTopbarV26192{
    display:none!important;
  }
}

/* --- v26193_room_search_mobile_hud_fix --- */
/* V26.193 - Suchspiel-Handy: keine riesige Ovale, kein alter X-Knopf. */
@media(max-width:620px) and (orientation:portrait){
  body.roomSearchMode .roomSearchHud{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:58px!important;
    width:calc(100vw - 16px)!important;
    min-width:0!important;
    max-width:calc(100vw - 16px)!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:7px!important;
    padding:5px 8px!important;
    border-radius:14px!important;
    transform:translateX(-50%)!important;
    background:linear-gradient(180deg,rgba(255,249,237,.96),rgba(239,211,171,.94))!important;
    border:1px solid rgba(255,255,255,.62)!important;
    box-shadow:0 8px 18px rgba(54,29,10,.18)!important;
    z-index:3890!important;
    overflow:hidden!important;
  }
  body.roomSearchMode .roomSearchHud:before,
  body.roomSearchMode .roomSearchHud:after{
    display:none!important;
    content:none!important;
  }
  body.roomSearchMode .roomSearchHud strong{
    display:none!important;
  }
  body.roomSearchMode .roomSearchHud span{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:11px!important;
    font-weight:950!important;
    color:#5d381b!important;
  }
  body.roomSearchMode .roomSearchHud span:before{
    content:''!important;
    display:block!important;
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 35% 30%,#ffe2a0,#df9a2a 65%,#a86417)!important;
    box-shadow:0 3px 7px rgba(80,45,16,.22)!important;
  }
  body.roomSearchMode .roomSearchHud span b{
    font-size:18px!important;
    line-height:1!important;
    color:#3f2411!important;
    background:transparent!important;
    padding:0!important;
    min-width:auto!important;
  }
  body.roomSearchMode .roomSearchHud em,
  body.roomSearchMode .roomSearchHud > b{
    min-width:54px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:rgba(255,250,240,.84)!important;
    color:#5b3519!important;
    font-size:14px!important;
    font-weight:1000!important;
    font-style:normal!important;
  }
  body.roomSearchMode .roomSearchHud button{
    display:none!important;
  }
}

/* --- v26194_unified_game_topbars --- */
/* V26.194 - Einheitliche Spiel-Leisten auf Handy, Tablet und PC. */
.paintMobileTopbarV26191,
.solitaireMobileTopbarV26192,
.roomSearchMobileTopbarV26192{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:0!important;
  z-index:3900!important;
  height:56px!important;
  padding:7px max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left))!important;
  background:linear-gradient(180deg,rgba(255,246,230,.98),rgba(236,200,148,.98))!important;
  border-bottom:1px solid rgba(107,66,30,.22)!important;
  box-shadow:0 6px 16px rgba(54,29,10,.18)!important;
}
.paintMobileTopbarV26191 button,
.solitaireMobileTopbarV26192 button,
.roomSearchMobileTopbarV26192 button{
  min-width:0!important;
  height:42px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(180deg,#fff7e8,#edce9c)!important;
  color:#5b3519!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 3px 8px rgba(80,45,16,.12)!important;
}
.paintMobileTopbarV26191 button.active,
.solitaireMobileTopbarV26192 button.primary,
.roomSearchMobileTopbarV26192 button.primary{
  background:linear-gradient(180deg,#ffc957,#dd8d1b)!important;
  color:#fff!important;
  text-shadow:0 1px 1px rgba(80,45,16,.35)!important;
}
.paintMobilePanelV26191{
  display:none;
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:56px!important;
  z-index:3880!important;
  max-height:min(42dvh,360px)!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding:8px max(10px,env(safe-area-inset-right)) 9px max(10px,env(safe-area-inset-left))!important;
  background:linear-gradient(180deg,rgba(255,248,235,.98),rgba(239,211,171,.98))!important;
  border-bottom:1px solid rgba(107,66,30,.2)!important;
  box-shadow:0 10px 20px rgba(54,29,10,.18)!important;
}
.paintMobilePanelV26191.open{
  display:block!important;
}
.paintMobilePaletteV26191{
  display:grid!important;
  grid-template-rows:repeat(2,44px)!important;
  grid-auto-flow:column!important;
  grid-auto-columns:44px!important;
  gap:6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:3px!important;
}
.paintMobileDraftsV26191{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:8px!important;
}
.paintModal.open.gameFocus .paintTop,
.paintModal.open.gameFocus .paintControls,
.paintModal.open.gameFocus .paintHardCloseV26181,
.paintModal.open.gameFocus .workshopQuickControlsV26176,
.paintModal.open.gameFocus .workshopMenuPanelV26178,
.solitaireModal.open.gameFocus .solitaireTop,
.solitaireModal.open.gameFocus .solitaireControls,
.solitaireModal.open.gameFocus .closeX{
  display:none!important;
}
.paintModal.open.gameFocus .paintShell{
  padding-top:56px!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBody{
  height:calc(100dvh - 56px)!important;
}
.paintModal.open.gameFocus.mobilePanelOpenV26191 .paintShell{
  padding-top:112px!important;
}
.paintModal.open.gameFocus.mobilePanelOpenV26191 .paintBody{
  height:calc(100dvh - 112px)!important;
}
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintShell{
  padding-top:56px!important;
}
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintBody{
  min-height:calc(100dvh - 56px)!important;
}
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintMobileTopbarV26191{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintMobileTopbarV26191 [data-mobile-paint-tab="colors"]{
  display:none!important;
}
.solitaireModal.open.gameFocus .solitaireShell{
  padding-top:56px!important;
}
.solitaireModal.open.gameFocus .solitaireTable{
  height:calc(100dvh - 96px)!important;
}
body.roomSearchMode{
  padding-top:56px!important;
}
body.roomSearchMode .roomSearchHud{
  top:62px!important;
}
@media(min-width:900px){
  .paintMobileTopbarV26191,
  .solitaireMobileTopbarV26192,
  .roomSearchMobileTopbarV26192{
    left:50%!important;
    right:auto!important;
    width:min(980px,calc(100vw - 28px))!important;
    transform:translateX(-50%)!important;
    border-radius:0 0 18px 18px!important;
  }
  .paintMobilePanelV26191{
    left:50%!important;
    right:auto!important;
    width:min(980px,calc(100vw - 28px))!important;
    transform:translateX(-50%)!important;
    border-radius:0 0 18px 18px!important;
  }
}
@media(max-width:620px){
  .paintMobileTopbarV26191,
  .solitaireMobileTopbarV26192,
  .roomSearchMobileTopbarV26192{
    height:52px!important;
    padding:6px max(6px,env(safe-area-inset-right)) 6px max(6px,env(safe-area-inset-left))!important;
    gap:4px!important;
  }
  .paintMobileTopbarV26191 button,
  .solitaireMobileTopbarV26192 button,
  .roomSearchMobileTopbarV26192 button{
    height:40px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  .paintMobilePanelV26191{
    top:52px!important;
  }
  .paintModal.open.gameFocus .paintShell,
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintShell{
    padding-top:52px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBody{
    height:calc(100dvh - 52px)!important;
  }
  .paintModal.open.gameFocus.mobilePanelOpenV26191 .paintShell{
    padding-top:104px!important;
  }
  .paintModal.open.gameFocus.mobilePanelOpenV26191 .paintBody{
    height:calc(100dvh - 104px)!important;
  }
  .solitaireModal.open.gameFocus .solitaireShell{
    padding-top:52px!important;
  }
  body.roomSearchMode{
    padding-top:52px!important;
  }
}

/* --- v26195_slim_game_bars_and_search_hud --- */
/* V26.195 - Schlankere Spielleisten, Abstand zum Spielfeld, Suchspiel-HUD ohne Oval. */
:root{
  --gameTopbarH:46px;
  --gameTopbarGap:8px;
  --gameTopbarTotal:54px;
}
.paintMobileTopbarV26191,
.solitaireMobileTopbarV26192,
.roomSearchMobileTopbarV26192{
  height:var(--gameTopbarH)!important;
  padding:5px max(8px,env(safe-area-inset-right)) 5px max(8px,env(safe-area-inset-left))!important;
  gap:5px!important;
}
.paintMobileTopbarV26191 button,
.solitaireMobileTopbarV26192 button,
.roomSearchMobileTopbarV26192 button{
  height:36px!important;
  border-radius:11px!important;
  font-size:12px!important;
}
.paintMobilePanelV26191{
  top:var(--gameTopbarH)!important;
  padding-top:7px!important;
}
.paintModal.open.gameFocus .paintShell,
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintShell{
  padding-top:var(--gameTopbarTotal)!important;
}
.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBody{
  height:calc(100dvh - var(--gameTopbarTotal))!important;
}
.paintModal.open.gameFocus.mobilePanelOpenV26191 .paintShell{
  padding-top:calc(var(--gameTopbarH) + 56px)!important;
}
.paintModal.open.gameFocus.mobilePanelOpenV26191 .paintBody{
  height:calc(100dvh - var(--gameTopbarH) - 56px)!important;
}
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintBody{
  min-height:calc(100dvh - var(--gameTopbarTotal))!important;
}
.solitaireModal.open.gameFocus .solitaireShell{
  padding-top:var(--gameTopbarTotal)!important;
}
.solitaireModal.open.gameFocus .solitaireTable{
  height:calc(100dvh - var(--gameTopbarTotal) - 38px)!important;
}
body.roomSearchMode{
  padding-top:var(--gameTopbarTotal)!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomCard{
  padding-top:var(--gameTopbarGap)!important;
}
body.roomSearchMode .roomScene,
html.roomSearchModeRoot body.roomSearchMode .roomScene{
  margin-top:var(--gameTopbarGap)!important;
}
body.roomSearchMode .roomSearchHud{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:calc(var(--gameTopbarH) + 8px)!important;
  width:min(520px,calc(100vw - 16px))!important;
  min-width:0!important;
  max-width:calc(100vw - 16px)!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto auto!important;
  align-items:center!important;
  gap:7px!important;
  padding:4px 8px!important;
  border-radius:13px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(180deg,rgba(255,249,237,.97),rgba(239,211,171,.95))!important;
  border:1px solid rgba(255,255,255,.64)!important;
  box-shadow:0 8px 18px rgba(54,29,10,.17)!important;
  z-index:3890!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}
body.roomSearchMode .roomSearchHud:before,
body.roomSearchMode .roomSearchHud:after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
  box-shadow:none!important;
}
body.roomSearchMode .roomSearchHud strong{
  display:none!important;
}
body.roomSearchMode .roomSearchHud span{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font-size:11px!important;
  font-weight:950!important;
  color:#5d381b!important;
}
body.roomSearchMode .roomSearchHud span:before{
  content:''!important;
  display:block!important;
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 30%,#ffe2a0,#df9a2a 65%,#a86417)!important;
}
body.roomSearchMode .roomSearchHud span b{
  font-size:17px!important;
  line-height:1!important;
  color:#3f2411!important;
  background:transparent!important;
  padding:0!important;
  min-width:auto!important;
}
body.roomSearchMode .roomSearchHud em,
body.roomSearchMode .roomSearchHud > b{
  min-width:48px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:rgba(255,250,240,.86)!important;
  color:#5b3519!important;
  font-size:13px!important;
  font-weight:1000!important;
  font-style:normal!important;
}
body.roomSearchMode .roomSearchHud button{
  display:none!important;
}
.solitaireTipToast,
.actionHover,
.paintFloatingTip{
  margin-top:var(--gameTopbarTotal)!important;
  z-index:3910!important;
}
.solitaireRulesPanel{
  padding-top:var(--gameTopbarTotal)!important;
}
@media(max-width:620px){
  :root{
    --gameTopbarH:44px;
    --gameTopbarGap:7px;
    --gameTopbarTotal:51px;
  }
  .paintMobileTopbarV26191,
  .solitaireMobileTopbarV26192,
  .roomSearchMobileTopbarV26192{
    padding:4px max(6px,env(safe-area-inset-right)) 4px max(6px,env(safe-area-inset-left))!important;
    gap:4px!important;
  }
  .paintMobileTopbarV26191 button,
  .solitaireMobileTopbarV26192 button,
  .roomSearchMobileTopbarV26192 button{
    height:36px!important;
    font-size:12px!important;
  }
}
@media(orientation:landscape){
  body.roomSearchMode .roomSearchHud{
    top:calc(var(--gameTopbarH) + 7px)!important;
    width:min(460px,calc(100vw - 20px))!important;
  }
  body.roomSearchMode .roomScene,
  html.roomSearchModeRoot body.roomSearchMode .roomScene{
    margin-top:12px!important;
  }
}

/* --- v26196_room_search_exit_help_wood --- */
/* V26.196 - Suchspiel: Ausgang repariert, Hilfe lesbar, Holzflaeche statt Schwarz. */
:root{
  --roomSearchTopSpace:100px;
}
html.roomSearchModeRoot,
html.roomSearchModeRoot body.roomSearchMode,
body.roomSearchMode,
body.roomSearchMode.gamePopupLocked{
  background-color:#b9783f!important;
  background-image:
    linear-gradient(180deg,rgba(255,224,170,.18),rgba(80,39,13,.16)),
    repeating-linear-gradient(0deg,rgba(70,36,14,.14) 0 1px,rgba(255,232,184,.08) 1px 36px),
    linear-gradient(90deg,#d39a5a 0%,#bd7b3f 42%,#a9612d 100%)!important;
}
html.roomSearchModeRoot body.roomSearchMode .app,
html.roomSearchModeRoot body.roomSearchMode .main,
html.roomSearchModeRoot body.roomSearchMode .roomCard{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomCard{
  padding-top:calc(var(--gameTopbarH) + 52px)!important;
}
body.roomSearchMode .roomScene,
html.roomSearchModeRoot body.roomSearchMode .roomScene{
  margin-top:0!important;
  background-color:#d8ad77!important;
  background-image:url('../assets/emmagotchi_room_main_v2516.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
body.roomSearchMode .toast{
  top:calc(var(--gameTopbarH) + 50px)!important;
  z-index:3920!important;
  max-width:min(520px,calc(100vw - 24px))!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.25!important;
}
body.roomSearchMode .roomSearchHud{
  top:calc(var(--gameTopbarH) + 7px)!important;
}
@media(max-width:620px){
  html.roomSearchModeRoot body.roomSearchMode .roomCard{
    padding-top:calc(var(--gameTopbarH) + 48px)!important;
  }
  body.roomSearchMode .toast{
    top:calc(var(--gameTopbarH) + 48px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* --- v26197_workshop_gap_search_zoom --- */
/* V26.197 - Werkstatt bekommt Luft unter der Leiste; Suchspiel darf wieder zoomen. */
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintBoard{
  padding-top:clamp(26px,5vh,70px)!important;
  align-items:start!important;
}
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
  margin-top:clamp(18px,4vh,56px)!important;
}
@media(max-width:620px){
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintBoard{
    padding-top:24px!important;
  }
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
    margin-top:18px!important;
  }
}
html.roomSearchModeRoot,
html.roomSearchModeRoot body.roomSearchMode{
  touch-action:pan-x pan-y pinch-zoom!important;
}
html.roomSearchModeRoot body.roomSearchMode .roomCard,
html.roomSearchModeRoot body.roomSearchMode .roomScene,
body.roomSearchMode .roomScene{
  touch-action:pan-x pan-y pinch-zoom!important;
}

/* --- v26198_games_workshop_search_polish --- */
/* V26.198 - Spiele bereinigt, Werkstatt-Luft und Suchspiel-Zoom nachgezogen. */
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintBoard{
  padding-top:clamp(44px,7vh,104px)!important;
}
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
  margin-top:clamp(36px,6vh,84px)!important;
}
@media(max-width:620px){
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintBoard{
    padding-top:58px!important;
  }
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
    margin-top:32px!important;
  }
}
html.roomSearchModeRoot,
html.roomSearchModeRoot body.roomSearchMode,
html.roomSearchModeRoot body.roomSearchMode .app,
html.roomSearchModeRoot body.roomSearchMode .main,
html.roomSearchModeRoot body.roomSearchMode .roomCard,
html.roomSearchModeRoot body.roomSearchMode .roomScene,
body.roomSearchMode .roomScene{
  touch-action:auto!important;
}
body.roomSearchMode .roomSearchItem{
  touch-action:manipulation!important;
}
.gamesRecordsStableV26187 .recordColumns.v26198Records{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.gamesRecordsStableV26187 .recordColumns.v26198Records>div{
  min-width:0;
}
@media(max-width:720px){
  .gamesRecordsStableV26187 .recordColumns.v26198Records{
    grid-template-columns:1fr;
  }
}

/* --- v26199_mobile_paint_menu_edges --- */
/* V26.199 - Ausgeklappte Handy-Werkstatt-Leiste mit sauberen Kanten. */
@media(max-width:620px) and (orientation:portrait){
  .paintMobilePanelV26191{
    top:30px!important;
    left:6px!important;
    right:6px!important;
    border-radius:0 0 18px 18px!important;
    padding:29px 8px 8px!important;
    background:linear-gradient(180deg,rgba(255,250,240,.98),rgba(241,211,170,.98))!important;
    border:1px solid rgba(150,94,39,.18)!important;
    border-top:0!important;
    box-shadow:0 15px 22px rgba(64,35,12,.18)!important;
    overflow:hidden auto!important;
  }
  .paintMobilePanelV26191:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:rgba(255,255,255,.78);
    pointer-events:none;
  }
  .paintMobilePaletteV26191{
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .paintMobilePaletteV26191::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .paintMobileDraftsV26191{
    gap:8px!important;
  }
  .paintMobileDraftsV26191 .workshopMenuDraftCardV26178{
    min-height:60px!important;
    border-radius:13px!important;
    padding:7px 9px!important;
    background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(255,246,232,.93))!important;
    border:1px solid rgba(151,96,43,.18)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 8px rgba(76,42,15,.08)!important;
  }
  .paintMobileDraftsV26191 img{
    width:50px!important;
    height:50px!important;
    border-radius:10px!important;
  }
  .paintMobileTopbarV26191{
    border-radius:0!important;
    clip-path:none!important;
  }
  .paintMobileTopbarV26191 button{
    border-radius:11px!important;
  }
  .paintMobileTopbarV26191 button:first-child{
    border-top-left-radius:13px!important;
    border-bottom-left-radius:13px!important;
  }
  .paintMobileTopbarV26191 button:last-child{
    border-top-right-radius:13px!important;
    border-bottom-right-radius:13px!important;
  }
}

/* --- v26203_mobile_workshop_cleanup --- */
/* V26.203 - Handy-Werkstatt: alte X/Menue-Knoepfe weg, Farbleisten ohne sichtbare Scrollbalken. */
@media(max-width:620px) and (orientation:portrait){
  .paintModal.open .paintHardCloseV26181,
  .paintModal.open .workshopQuickControlsV26176{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintBoard{
    border-radius:0!important;
    overflow:visible!important;
  }
  .paintModal.open.gameFocus.aiStudioIdleV26162 .paintShell{
    border-radius:0!important;
  }
}
.paintModal.open .paintPalettePanel,
.paintModal.open .paintPalette,
.paintMobilePanelV26191,
.paintMobilePaletteV26191{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.paintModal.open .paintPalettePanel::-webkit-scrollbar,
.paintModal.open .paintPalette::-webkit-scrollbar,
.paintMobilePanelV26191::-webkit-scrollbar,
.paintMobilePaletteV26191::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

/* --- v26204_paint_menu_cleanup_all_sizes --- */
/* V26.204 - Werkstatt-Steuerung ueber obere Leiste: Altbuttons und Scrollleisten auf allen Groessen ausblenden. */
.paintModal.open.gameFocus .paintHardCloseV26181,
.paintModal.open.gameFocus .workshopQuickControlsV26176{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.paintModal.open.gameFocus .paintMobilePanelV26191{
  top:38px!important;
  padding-top:27px!important;
  border-top:0!important;
  border-radius:0 0 18px 18px!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scrollbar-gutter:auto!important;
}
.paintModal.open.gameFocus .paintPalettePanel,
.paintModal.open.gameFocus .paintPalette,
.paintModal.open.gameFocus .paintMobilePaletteV26191,
.paintModal.open.gameFocus .paintMobilePanelV26191{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scrollbar-gutter:auto!important;
}
.paintModal.open.gameFocus .paintPalettePanel::-webkit-scrollbar,
.paintModal.open.gameFocus .paintPalette::-webkit-scrollbar,
.paintModal.open.gameFocus .paintMobilePaletteV26191::-webkit-scrollbar,
.paintModal.open.gameFocus .paintMobilePanelV26191::-webkit-scrollbar,
.paintModal.open.gameFocus .paintPalettePanel *::-webkit-scrollbar,
.paintModal.open.gameFocus .paintPalette *::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
}
.paintModal.open.gameFocus .paintPalettePanel,
.paintModal.open.gameFocus .paintPalette{
  padding-right:0!important;
}
@media(max-width:620px) and (orientation:portrait){
  .paintModal.open.gameFocus .paintMobilePanelV26191{
    top:30px!important;
    padding-top:29px!important;
  }
}

/* --- v26205_desktop_paint_topbar_info --- */
/* V26.205 - PC/Tablet: Malinfos in die obere Leiste, Farben links, keine Explosion. */
.paintModal.open.gameFocus .paintControls .gameMenuToggle{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.paintTopStatsV26205{
  display:none;
}
@media(min-width:621px), (orientation:landscape){
  .paintModal.open.gameFocus #paintFocusHud{
    display:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191{
    grid-template-columns:minmax(130px,.7fr) minmax(130px,.7fr) minmax(120px,.6fr) minmax(360px,1.8fr)!important;
    width:min(940px,calc(100vw - 460px))!important;
    min-width:min(820px,calc(100vw - 360px))!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191 [data-mobile-paint-tab="colors"]{
    display:none!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTopStatsV26205{
    display:grid!important;
    grid-template-columns:auto auto auto minmax(112px,auto);
    gap:6px;
    align-items:center;
    min-width:0;
  }
  .paintTopStatsV26205 .paintTopChipV26205,
  .paintTopStatsV26205 .paintTopMagicV26205{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 12px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.7);
    background:linear-gradient(180deg,rgba(255,250,239,.96),rgba(239,211,171,.94));
    color:#573216;
    font-size:12px;
    font-weight:1000;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 3px 8px rgba(80,45,16,.1);
    white-space:nowrap;
  }
  .paintTopStatsV26205 .paintTopMagicV26205{
    background:linear-gradient(180deg,#ffc957,#dd8d1b);
    color:#fff;
    text-shadow:0 1px 1px rgba(80,45,16,.35);
    cursor:pointer;
  }
  .paintTopStatsV26205 .paintTopMagicV26205:disabled{
    opacity:.55;
    cursor:not-allowed;
  }
  .paintTopStatsV26205 .hudSwatch{
    width:16px;
    height:16px;
    border-radius:5px;
    border:1px solid rgba(74,40,15,.18);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPowerups{
    display:none!important;
  }
}
@media(max-width:620px) and (orientation:portrait){
  .paintTopStatsV26205{
    display:none!important;
  }
}

/* --- v26206_paint_canvas_scrollbar_gap --- */
/* V26.206 - Malbild unter der Leiste starten lassen, Scrollbalken am Bild ausblenden. */
.paintModal.open.gameFocus .paintCanvasWrap,
.paintModal.open.gameFocus .paintCanvasPad{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scrollbar-gutter:auto!important;
}
.paintModal.open.gameFocus .paintCanvasWrap::-webkit-scrollbar,
.paintModal.open.gameFocus .paintCanvasPad::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
}
@media(min-width:621px), (orientation:landscape){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBoard{
    padding-top:42px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintCanvasWrap{
    max-height:calc(100dvh - 120px)!important;
  }
}

/* --- v26207_desktop_palette_slightly_wider --- */
/* V26.207 - Linke Farbspalte auf PC/Tablet leicht verbreitern. */
@media(min-width:621px), (orientation:landscape){
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel{
    width:174px!important;
    min-width:174px!important;
    max-width:174px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBody{
    grid-template-columns:174px minmax(0,1fr)!important;
    gap:18px!important;
  }
  .paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalette{
    grid-template-columns:repeat(3,42px)!important;
    gap:8px!important;
    justify-content:center!important;
  }
}

/* --- v26209_paint_menu_fit_and_clickfeel --- */
/* V26.209 - Malmenue geschmeidiger verbunden, kleinere Luecke und fuehlbarere Buttons. */
.paintModal.open.gameFocus .paintMobileTopbarV26191 button,
.paintModal.open.gameFocus .paintTopMagicV26205,
.paintModal.open.gameFocus .workshopMenuDraftCardV26178,
.paintModal.open.gameFocus .paintColorBtn{
  cursor:pointer!important;
  touch-action:manipulation!important;
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease, background .12s ease!important;
}
.paintModal.open.gameFocus .paintMobileTopbarV26191 button:hover,
.paintModal.open.gameFocus .paintTopMagicV26205:hover,
.paintModal.open.gameFocus .workshopMenuDraftCardV26178:hover,
.paintModal.open.gameFocus .paintColorBtn:hover{
  filter:brightness(1.045) saturate(1.04)!important;
  transform:translateY(-1px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 5px 12px rgba(80,45,16,.18)!important;
}
.paintModal.open.gameFocus .paintMobileTopbarV26191 button:active,
.paintModal.open.gameFocus .paintTopMagicV26205:active,
.paintModal.open.gameFocus .workshopMenuDraftCardV26178:active,
.paintModal.open.gameFocus .paintColorBtn:active{
  transform:translateY(1px) scale(.985)!important;
  filter:brightness(.98)!important;
}
@media(min-width:621px), (orientation:landscape){
  .paintModal.open.gameFocus .paintMobilePanelV26191{
    width:min(920px,calc(100vw - 470px))!important;
    min-width:min(800px,calc(100vw - 380px))!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    top:34px!important;
    padding:24px 8px 8px!important;
    border-radius:0 0 17px 17px!important;
    box-shadow:0 14px 20px rgba(64,35,12,.17)!important;
  }
  .paintModal.open.gameFocus .paintMobileDraftsV26191{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:620px) and (orientation:portrait){
  .paintModal.open.gameFocus .paintMobilePanelV26191{
    top:28px!important;
    padding-top:31px!important;
  }
}

/* --- v26210_art_cards_cleaner --- */
/* V26.210 - Atelierkarten ruhiger: Vorschau ohne Signatur, gleiche Infos, Auktionsbutton unten. */
.auctionAtelierRoomV26153 .framedArt,
.auctionGalleryWall .framedArt{
  display:grid!important;
  grid-template-rows:auto auto 1fr auto!important;
  gap:7px!important;
  padding:8px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#c99755,#8a5524)!important;
  box-shadow:inset 0 0 0 1px rgba(255,236,183,.28),0 10px 20px rgba(57,31,12,.18)!important;
  min-height:0!important;
}
.auctionAtelierRoomV26153 .framedArtInner,
.auctionGalleryWall .framedArtInner{
  border-radius:8px!important;
  padding:5px!important;
  background:
    linear-gradient(180deg,rgba(255,249,229,.94),rgba(245,221,168,.9)),
    linear-gradient(135deg,#80531f,#f7d98b 44%,#7e4a19)!important;
  box-shadow:inset 0 0 0 1px rgba(98,57,22,.2),0 2px 8px rgba(52,28,9,.18)!important;
}
.auctionAtelierRoomV26153 .framedArtInner .artSignatureV26153,
.auctionAtelierRoomV26153 .framedArtInner .artDrawnSignatureV26166,
.auctionAtelierRoomV26153 .framedArtInner canvas,
.auctionGalleryWall .framedArtInner .artSignatureV26153,
.auctionGalleryWall .framedArtInner .artDrawnSignatureV26166,
.auctionGalleryWall .framedArtInner canvas{
  display:none!important;
}
.auctionAtelierRoomV26153 .framedArtInner img,
.auctionGalleryWall .framedArtInner img{
  border-radius:5px!important;
}
.auctionAtelierRoomV26153 .framedArtInner .artSignedImageV26153,
.auctionGalleryWall .framedArtInner .artSignedImageV26153{
  display:block!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  border-radius:5px!important;
  background:#fff8e8!important;
}
.auctionAtelierRoomV26153 .framedArtInner .artSignedImageV26153>img,
.auctionGalleryWall .framedArtInner .artSignedImageV26153>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.auctionAtelierRoomV26153 .framedPlaque,
.auctionGalleryWall .framedPlaque{
  min-height:126px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  border-radius:7px!important;
  padding:8px!important;
  background:linear-gradient(180deg,rgba(255,250,238,.98),rgba(255,242,219,.94))!important;
}
.auctionAtelierRoomV26153 .framedPlaque strong,
.auctionGalleryWall .framedPlaque strong{
  min-height:34px!important;
  line-height:1.15!important;
}
.auctionAtelierRoomV26153 .auctionPills,
.auctionGalleryWall .auctionPills{
  align-content:start!important;
}
.auctionAtelierRoomV26153 .auctionCardActions,
.auctionGalleryWall .auctionCardActions{
  margin-top:auto!important;
  display:block!important;
}
.auctionAtelierRoomV26153 .auctionCardActions:empty,
.auctionGalleryWall .auctionCardActions:empty{
  display:none!important;
}
.auctionAtelierRoomV26153 .auctionCardActions button,
.auctionGalleryWall .auctionCardActions button{
  width:100%!important;
  min-height:30px!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  font-size:11px!important;
}
.auctionAtelierRoomV26153 .auctionCardActions .auctionStartWideV26210,
.auctionGalleryWall .auctionCardActions .auctionStartWideV26210{
  min-height:28px!important;
  padding:5px 8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 4px 10px rgba(92,50,17,.18)!important;
}

/* --- v26211_auction_cards_clickfeel --- */
/* V26.211 - Auktionsraum: Vorschau ohne Signatur, klare Künstlerzeile, spuerbare Buttons. */
.auctionExhibitRoomV26150 .auctionMarketFrame .artSignatureV26153,
.auctionExhibitRoomV26150 .auctionMarketFrame .artDrawnSignatureV26166,
.auctionExhibitRoomV26150 .auctionMarketFrame canvas,
.auctionMarketGrid .auctionMarketFrame .artSignatureV26153,
.auctionMarketGrid .auctionMarketFrame .artDrawnSignatureV26166,
.auctionMarketGrid .auctionMarketFrame canvas{
  display:none!important;
}
.auctionExhibitRoomV26150 .auctionMarketFrame .artSignedImageV26153,
.auctionMarketGrid .auctionMarketFrame .artSignedImageV26153{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:6px!important;
}
.auctionExhibitRoomV26150 .auctionMarketFrame .artSignedImageV26153>img,
.auctionMarketGrid .auctionMarketFrame .artSignedImageV26153>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.auctionRoomRefreshV26151{
  background:linear-gradient(180deg,#fff7df,#f1b13d)!important;
  border-color:rgba(124,72,20,.32)!important;
  color:#563019!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 5px 14px rgba(95,54,17,.16)!important;
  font-weight:900!important;
}
.auctionRoomRefreshV26151:hover,
.auctionRoomRefreshV26151:focus-visible,
.auctionHouse button:not(:disabled):hover,
.auctionHouse button:not(:disabled):focus-visible{
  filter:brightness(1.05) saturate(1.07)!important;
  transform:translateY(-1px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 8px 18px rgba(82,45,15,.22)!important;
}
.auctionHouse button:not(:disabled):active{
  transform:translateY(1px) scale(.985)!important;
  filter:brightness(.98)!important;
}
.auctionHouse button:not(:disabled){
  cursor:pointer!important;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease!important;
}

/* --- v26212_popup_scrollbars_hidden --- */
/* V26.212 - Popups bleiben scrollbar, aber ohne sichtbare Scrollbalken. */
.drawer,
.drawerScroll,
.rulesModal,
.rulesScroll,
.paintModal,
.paintShell,
.paintBoard,
.paintCanvasWrap,
.paintPalettePanel,
.paintMobilePanelV26191,
.workshopMenuPanelV26178,
.paintSignatureOverlayV26166,
.paintSignatureBoxV26166,
[class*="Modal"],
[class*="modal"],
[class*="Overlay"],
[class*="overlay"],
[class*="Popup"],
[class*="popup"]{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.drawer::-webkit-scrollbar,
.drawer *::-webkit-scrollbar,
.drawerScroll::-webkit-scrollbar,
.rulesModal::-webkit-scrollbar,
.rulesModal *::-webkit-scrollbar,
.rulesScroll::-webkit-scrollbar,
.paintModal::-webkit-scrollbar,
.paintModal *::-webkit-scrollbar,
.paintShell::-webkit-scrollbar,
.paintBoard::-webkit-scrollbar,
.paintCanvasWrap::-webkit-scrollbar,
.paintPalettePanel::-webkit-scrollbar,
.paintMobilePanelV26191::-webkit-scrollbar,
.workshopMenuPanelV26178::-webkit-scrollbar,
.paintSignatureOverlayV26166::-webkit-scrollbar,
.paintSignatureOverlayV26166 *::-webkit-scrollbar,
[class*="Modal"]::-webkit-scrollbar,
[class*="Modal"] *::-webkit-scrollbar,
[class*="modal"]::-webkit-scrollbar,
[class*="modal"] *::-webkit-scrollbar,
[class*="Overlay"]::-webkit-scrollbar,
[class*="Overlay"] *::-webkit-scrollbar,
[class*="overlay"]::-webkit-scrollbar,
[class*="overlay"] *::-webkit-scrollbar,
[class*="Popup"]::-webkit-scrollbar,
[class*="Popup"] *::-webkit-scrollbar,
[class*="popup"]::-webkit-scrollbar,
[class*="popup"] *::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

/* --- v26213_atelier_header_polish --- */
/* V26.213 - Mein Atelier als warme, ruhigere Atelier-Plakette. */
.auctionAtelierHeaderV26153{
  margin:18px auto 10px!important;
  width:min(760px,100%)!important;
  align-items:center!important;
  gap:0!important;
}
.auctionAtelierHeaderV26153 .auctionRoomGlassTitleV26151{
  position:relative!important;
  width:100%!important;
  min-height:42px!important;
  padding:8px 18px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 30%,rgba(255,255,255,.78),transparent 26%),
    linear-gradient(180deg,rgba(255,249,232,.94),rgba(232,185,111,.78))!important;
  border:1px solid rgba(126,77,29,.24)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -10px 20px rgba(126,77,29,.08),
    0 8px 18px rgba(70,39,13,.12)!important;
  color:#3c2413!important;
  font-size:clamp(21px,2.25vw,28px)!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.auctionAtelierHeaderV26153 .auctionRoomGlassTitleV26151:before,
.auctionAtelierHeaderV26153 .auctionRoomGlassTitleV26151:after{
  content:"";
  flex:1 1 auto;
  max-width:170px;
  height:2px;
  margin:0 18px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,rgba(122,74,28,.34),transparent);
}
.auctionAtelierHeaderV26153 .auctionRoomGlassTitleV26151:after{
  transform:scaleX(-1);
}
@media(max-width:760px){
  .auctionAtelierHeaderV26153{
    width:100%!important;
    margin:14px auto 8px!important;
  }
  .auctionAtelierHeaderV26153 .auctionRoomGlassTitleV26151{
    min-height:38px!important;
    font-size:22px!important;
  }
.auctionAtelierHeaderV26153 .auctionRoomGlassTitleV26151:before,
  .auctionAtelierHeaderV26153 .auctionRoomGlassTitleV26151:after{
    max-width:62px;
    margin:0 10px;
  }
}

/* --- v26214_hover_and_thought_position --- */
/* V26.214 - Hoverinfos naeher ueber dem Zeiger, Besucherblasen bleiben im Auktionsfenster. */
.actionHover{
  transform:none!important;
}
.auctionExhibitRoomV26150,
.auctionInterestCrowdV26150{
  overflow:visible!important;
}
.auctionPersonThoughtV26152{
  max-width:min(224px,calc(100vw - 44px))!important;
}
.auctionPersonV26149.edgeLeftV26214 .auctionPersonThoughtV26152{
  left:0!important;
  right:auto!important;
  transform:translateX(0) translateY(6px) scale(.94)!important;
}
.auctionPersonV26149.edgeLeftV26214:hover .auctionPersonThoughtV26152,
.auctionPersonV26149.edgeLeftV26214:focus-visible .auctionPersonThoughtV26152{
  transform:translateX(0) translateY(0) scale(1)!important;
}
.auctionPersonV26149.edgeLeftV26214 .auctionPersonThoughtV26152:after{
  left:18px!important;
}
.auctionPersonV26149.edgeRightV26214 .auctionPersonThoughtV26152{
  left:auto!important;
  right:0!important;
  transform:translateX(0) translateY(6px) scale(.94)!important;
}
.auctionPersonV26149.edgeRightV26214:hover .auctionPersonThoughtV26152,
.auctionPersonV26149.edgeRightV26214:focus-visible .auctionPersonThoughtV26152{
  transform:translateX(0) translateY(0) scale(1)!important;
}
.auctionPersonV26149.edgeRightV26214 .auctionPersonThoughtV26152:after{
  left:auto!important;
  right:18px!important;
  transform:rotate(45deg)!important;
}

/* --- v26215_gallery_lightbox_guest_rules --- */
/* V26.215 - Galerie ohne Hover-Vorschau, Bildpopup exakt zentriert. */
.galleryHoverPreview,
.galleryHoverPreview.show{
  display:none!important;
}
.photoLightbox.open{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.photoLightbox figure{
  margin:auto!important;
  width:min(980px,94vw)!important;
  max-width:94vw!important;
  max-height:calc(100svh - 32px)!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  place-items:center!important;
  gap:8px!important;
}
.photoLightbox .lightboxImageWrap{
  width:100%!important;
  height:auto!important;
  max-height:calc(100svh - 78px)!important;
  display:grid!important;
  place-items:center!important;
}
.photoLightbox .lightboxImageWrap>img,
.photoLightbox figure>img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(100svh - 92px)!important;
  object-fit:contain!important;
}
.photoLightbox figcaption{
  max-width:92vw!important;
}
@media(max-width:900px){
  .photoLightbox{
    padding:10px!important;
  }
  .photoLightbox figure{
    max-height:calc(100svh - 20px)!important;
  }
  .photoLightbox .lightboxImageWrap{
    max-height:calc(100svh - 68px)!important;
  }
  .photoLightbox .lightboxImageWrap>img,
  .photoLightbox figure>img{
    max-height:calc(100svh - 82px)!important;
  }
}

/* --- v26216_artistkit_gate --- */
/* V26.216 - Werkstatt sagt vor dem Tippen klar, wenn ein Künstlerset fehlt. */
.paintAiKitNoticeV26216{
  display:grid;
  gap:4px;
  margin:0 0 12px;
  padding:12px 14px;
  border-radius:16px;
  background:linear-gradient(180deg,#fff7e3,#f5c86c);
  border:1px solid rgba(143,86,24,.28);
  color:#4b2b14;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 8px 18px rgba(74,40,12,.12);
}
.paintAiKitNoticeV26216 strong{
  font-size:15px;
  font-weight:1000;
}
.paintAiKitNoticeV26216 span{
  font-size:12px;
  font-weight:900;
  line-height:1.32;
  color:#765034;
}
.paintAiKitNoticeV26216.ready{
  background:linear-gradient(180deg,#f7fff1,#daf0c1);
  border-color:rgba(92,134,58,.24);
}
.paintAiSimpleV26165.noArtistKitV26216 textarea,
.paintAiSimpleV26165.noArtistKitV26216 input{
  opacity:.58;
  cursor:not-allowed;
}
.paintAiSimpleV26165.noArtistKitV26216 .paintAiGenerateV26160{
  background:linear-gradient(180deg,#ffc95c,#e68b19)!important;
}

/* --- v26217_main_room_touch_lock --- */
/* V26.217 - Im normalen Katzenzimmer bleiben Wischgesten im Zimmer; seitlich scrollt die Seite weiter. */
body:not(.roomSearchMode) .roomScene{
  touch-action:none!important;
  overscroll-behavior:contain!important;
  background-color:#d9b078!important;
  background-image:url('../assets/emmagotchi_room_main_v2516.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

/* --- v26218_popup_drawer_polish --- */
/* V26.218 - Ruhige Popups: Hintergrund bleibt stehen, Schließen wirkt wie ein Button statt rotem X. */
html.popupLocked{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.popupLocked{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:var(--popup-lock-top,0px)!important;
  width:100%!important;
  overflow:hidden!important;
  padding-right:calc(var(--popup-body-pad-right,0px) + var(--popup-scrollbar-width,0px))!important;
  overscroll-behavior:none!important;
}
body.roomSearchMode.popupLocked{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:auto!important;
  overflow:visible!important;
  padding-right:var(--popup-body-pad-right,0px)!important;
}
button.persistentWindowClose,
:is(#drawer,#rulesOverlay,#paintModal,#solitaireModal,#photoLightbox,#gamePopup,#roomInspectOverlay,#roomSearchRewardOverlay,#gameRewardOverlay,#paintUploadOverlay,#paintSignatureOverlayV26186,#externalGameShellV26357,#externalGameScoresV26357,#heikeAssistant) button.persistentWindowClose{
  position:absolute!important;
  inset:10px 10px auto auto!important;
  z-index:2147483600!important;
  display:grid!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  padding:0!important;
  place-items:center!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#f27d76,#ca3e3b)!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:27px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-indent:0!important;
  text-shadow:0 1px 2px rgba(90,8,8,.32)!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 9px 20px rgba(112,35,30,.28),inset 0 1px 0 rgba(255,255,255,.58)!important;
  transform:none!important;
}
button.persistentWindowClose:hover,
button.persistentWindowClose:focus-visible,
:is(#drawer,#rulesOverlay,#paintModal,#solitaireModal,#photoLightbox,#gamePopup,#roomInspectOverlay,#roomSearchRewardOverlay,#gameRewardOverlay,#paintUploadOverlay,#paintSignatureOverlayV26186,#externalGameShellV26357,#externalGameScoresV26357,#heikeAssistant) button.persistentWindowClose:hover,
:is(#drawer,#rulesOverlay,#paintModal,#solitaireModal,#photoLightbox,#gamePopup,#roomInspectOverlay,#roomSearchRewardOverlay,#gameRewardOverlay,#paintUploadOverlay,#paintSignatureOverlayV26186,#externalGameShellV26357,#externalGameScoresV26357,#heikeAssistant) button.persistentWindowClose:focus-visible{
  background:linear-gradient(145deg,#ff918a,#d94b47)!important;
  box-shadow:0 12px 24px rgba(112,35,30,.36),inset 0 1px 0 rgba(255,255,255,.68)!important;
  transform:translateY(-1px)!important;
}
button.persistentWindowClose:active,
:is(#drawer,#rulesOverlay,#paintModal,#solitaireModal,#photoLightbox,#gamePopup,#roomInspectOverlay,#roomSearchRewardOverlay,#gameRewardOverlay,#paintUploadOverlay,#paintSignatureOverlayV26186,#externalGameShellV26357,#externalGameScoresV26357,#heikeAssistant) button.persistentWindowClose:active{
  transform:translateY(1px)!important;
  box-shadow:0 5px 12px rgba(112,35,30,.25),inset 0 2px 4px rgba(91,16,14,.2)!important;
}
.drawer.windowCloseHost,
.rulesModal.windowCloseHost,
.paintShell.windowCloseHost,
.solitaireShell.windowCloseHost,
.paintUploadBox.windowCloseHost,
.gamePopupPanel.windowCloseHost,
.roomInspectCard.windowCloseHost,
.roomSearchRewardCard.windowCloseHost,
.paintSignatureBoxV26166.windowCloseHost,
.externalGameScorePanelV26357.windowCloseHost,
.heikePanel.windowCloseHost{
  position:relative!important;
  overflow:hidden!important;
}
.drawer.windowCloseHost>.drawerScroll,
.rulesModal.windowCloseHost>.rulesScroll{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:inherit!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.drawerScroll>.drawerHead,
.rulesScroll>.drawerHead,
.windowCloseHost>.gamePopupHeader,
.windowCloseHost>.roomInspectHead,
.windowCloseHost>.profileHeader,
.windowCloseHost>.heikePanelHead,
.windowCloseHost>h3{
  padding-right:52px!important;
}
.drawerLoadingV26218{
  padding:22px;
  border-radius:20px;
  background:rgba(255,250,242,.86);
  border:1px solid rgba(174,117,45,.16);
  font-weight:1000;
  color:#5b3618;
  text-align:center;
}
@media(max-width:640px){
  button.persistentWindowClose,
  :is(#drawer,#rulesOverlay,#paintModal,#solitaireModal,#photoLightbox,#gamePopup,#roomInspectOverlay,#roomSearchRewardOverlay,#gameRewardOverlay,#paintUploadOverlay,#paintSignatureOverlayV26186,#externalGameShellV26357,#externalGameScoresV26357,#heikeAssistant) button.persistentWindowClose{
    inset:8px 8px auto auto!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    font-size:29px!important;
  }
}
/* V26.222 - Hover-Hinweise mit Luft ueber dem Mauszeiger statt direkt daran. */
.actionHover,
.paintFloatingTip{
  transform:none!important;
  pointer-events:none!important;
}
/* V26.223 - Touch-Geraete: kein leerer Endlosraum unter Suchspiel/Zimmer. */
@media (hover:none) and (pointer:coarse){
  html.roomSearchModeRoot,
  html.roomSearchModeRoot body.roomSearchMode,
  body.roomSearchMode,
  body.roomSearchMode.gamePopupLocked{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  html.roomSearchModeRoot body.roomSearchMode .app,
  html.roomSearchModeRoot body.roomSearchMode .main{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  html.roomSearchModeRoot body.roomSearchMode .roomCard{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  html.roomSearchModeRoot body.roomSearchMode .roomScene,
  body.roomSearchMode .roomScene{
    width:max(100vw,calc(100dvh * var(--emma-room-ratio)))!important;
    min-width:max(100vw,calc(100dvh * var(--emma-room-ratio)))!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    background-size:cover!important;
  }
}
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  html.roomSearchModeRoot body.roomSearchMode .roomScene,
  body.roomSearchMode .roomScene{
    width:100vw!important;
    min-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
  }
}
/* V26.223 - Bildkarten zeigen nur echte gezeichnete Signaturen, keine alten Namenszug-Fallbacks. */
.artSignatureV26153{
  display:none!important;
}
.gallerySignedImageV26223{
  position:relative;
  display:block;
  width:100%;
  margin:0 0 8px;
}
.gallerySignedImageV26223>img:first-child{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:12px;
  margin:0!important;
}
.gallerySignedImageV26223 .artDrawnSignatureV26166,
.photoCard .gallerySignedImageV26223 .artDrawnSignatureV26166{
  position:absolute!important;
  right:7px!important;
  bottom:7px!important;
  width:clamp(46px,24%,76px)!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  border-radius:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  opacity:.92!important;
  pointer-events:none!important;
}
/* V26.224 - Echte Signaturen in Vorschauen ohne Rahmen/Box zeigen. */
.auctionAtelierRoomV26153 .framedArtInner .gallerySignedImageV26223 .artDrawnSignatureV26166,
.auctionGalleryWall .framedArtInner .gallerySignedImageV26223 .artDrawnSignatureV26166,
.auctionExhibitRoomV26150 .auctionMarketFrame .gallerySignedImageV26223 .artDrawnSignatureV26166,
.auctionMarketGrid .auctionMarketFrame .gallerySignedImageV26223 .artDrawnSignatureV26166,
.framedArtInner .gallerySignedImageV26223 .artDrawnSignatureV26166,
.artSignedImageV26153 .artDrawnSignatureV26166{
  display:block!important;
  width:clamp(46px,22%,76px)!important;
  max-width:76px!important;
  max-height:24%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  mix-blend-mode:multiply;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.42))!important;
}
.auctionArtistRoomsV26224{
  margin:0 auto 14px;
  width:min(100%,920px);
  border-radius:0 0 18px 18px;
  padding:10px 12px 12px;
  background:linear-gradient(180deg,rgba(255,246,226,.92),rgba(232,197,145,.82));
  box-shadow:0 10px 22px rgba(76,43,16,.13),inset 0 1px 0 rgba(255,255,255,.55);
}
.auctionArtistRoomsV26224 strong{
  display:block;
  margin:0 0 8px;
  color:#4f311b;
  font-size:13px;
}
.auctionArtistTabsV26224{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.auctionArtistTabsV26224 button{
  border:1px solid rgba(118,72,29,.16);
  border-radius:999px;
  padding:8px 12px;
  background:linear-gradient(180deg,#fff8eb,#f0d3a1);
  color:#5a351b;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(91,49,15,.1);
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
}
.auctionArtistTabsV26224 button:hover,
.auctionArtistTabsV26224 button:focus-visible{
  transform:translateY(-1px);
  filter:saturate(1.08);
  box-shadow:0 8px 16px rgba(91,49,15,.17);
}
.auctionArtistTabsV26224 button.active{
  background:linear-gradient(180deg,#f8bb46,#df8f1e);
  color:#fff;
  text-shadow:0 1px 1px rgba(78,42,14,.22);
}
.aiProgressV26225{
  width:min(520px,82%);
  margin:14px auto 0;
  padding:5px;
  border-radius:999px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(163,105,43,.18);
  box-shadow:inset 0 1px 2px rgba(85,49,18,.08);
}
.aiProgressV26225 i{
  display:block;
  width:var(--ai-progress,8%);
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#7dff75,#31d957,#16ad3f);
  box-shadow:0 0 16px rgba(54,224,91,.58);
  transition:width .45s ease;
}
.myMediaDrawer{
  padding:2px 2px 22px;
}
.myMediaHeader{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:8px 52px 10px 4px;
}
.myMediaHeader h3{
  margin:0;
  color:#4f2f19;
  font-size:clamp(24px,3vw,34px);
  line-height:1;
}
.myMediaHeader p{
  margin:6px 0 0;
  color:#866344;
  font-size:13px;
  font-weight:850;
}
.myMediaTabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
  padding:6px;
  border:1px solid rgba(148,94,37,.18);
  border-radius:18px;
  background:rgba(255,249,237,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.myMediaTabs button{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(139,85,32,.16);
  border-radius:13px;
  background:linear-gradient(180deg,#fffaf0,#efd6ac);
  color:#5c371d;
  font-family:inherit;
  font-size:14px;
  font-weight:900;
  line-height:1.1;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(75,41,14,.08),inset 0 1px 0 #fff;
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;
}
.myMediaTabs button:hover,
.myMediaTabs button:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 7px 14px rgba(75,41,14,.14),inset 0 1px 0 #fff;
  outline:none;
}
.myMediaTabs button.active{
  border-color:rgba(164,88,20,.26);
  background:linear-gradient(180deg,#ffc55b,#e78d23);
  color:#fff;
  text-shadow:0 1px 1px rgba(75,37,10,.28);
}
.myMediaContent{
  display:grid;
  gap:14px;
}
.myMediaUpload,
.myMediaSection{
  border:1px solid rgba(152,96,39,.18);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,252,244,.96),rgba(244,222,185,.88));
  box-shadow:0 10px 22px rgba(70,38,13,.09),inset 0 1px 0 rgba(255,255,255,.9);
}
.myMediaUpload{
  padding:14px;
}
.myMediaUploadIntro{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:12px;
}
.myMediaUploadIntro>span{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(180deg,#f7bb4d,#dd8420);
  color:#fff;
  font-size:25px;
  font-weight:1000;
  box-shadow:0 7px 14px rgba(137,76,18,.2),inset 0 1px 0 rgba(255,255,255,.55);
}
.myMediaUpload h4,
.myMediaSection h4{
  margin:0;
  color:#52321d;
  font-size:17px;
}
.myMediaUpload p,
.myMediaSectionHead p{
  margin:4px 0 0;
  color:#86664a;
  font-size:12px;
  font-weight:800;
}
.myMediaUploadFields{
  display:grid;
  grid-template-columns:minmax(180px,.9fr) minmax(250px,1.3fr) auto;
  gap:9px;
  align-items:end;
}
.myMediaCaption{
  display:grid;
  gap:5px;
  color:#6b492e;
  font-size:11px;
  font-weight:950;
}
.myMediaCaption input{
  width:100%;
  min-height:42px;
  padding:9px 11px;
  border:1px solid rgba(139,86,35,.2);
  border-radius:12px;
  background:rgba(255,253,247,.96);
  color:#4c301d;
  font-family:inherit;
  font-size:13px;
  font-weight:850;
  line-height:1.2;
  box-sizing:border-box;
  outline:none;
}
.myMediaCaption input:focus{
  border-color:#df942e;
  box-shadow:0 0 0 3px rgba(236,159,53,.15);
}
.myMediaUploadFields .prettyFileWrap{
  width:100%;
  max-width:none;
  min-height:42px;
}
.myMediaPrimary,
.myMediaCardActions button,
.myMediaPager button{
  min-height:42px;
  border:1px solid rgba(139,82,25,.18);
  border-radius:12px;
  padding:8px 14px;
  color:#fff;
  background:linear-gradient(180deg,#f6b646,#df861e);
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  line-height:1.1;
  cursor:pointer;
  box-shadow:0 6px 12px rgba(112,61,15,.14),inset 0 1px 0 rgba(255,255,255,.52);
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;
}
.myMediaPrimary:hover,
.myMediaCardActions button:not(:disabled):hover,
.myMediaPager button:not(:disabled):hover{
  transform:translateY(-1px);
  filter:brightness(1.03) saturate(1.06);
  box-shadow:0 8px 16px rgba(112,61,15,.19),inset 0 1px 0 rgba(255,255,255,.58);
}
.myMediaPrimary:disabled,
.myMediaCardActions button:disabled,
.myMediaPager button:disabled{
  cursor:default;
  opacity:.58;
  transform:none;
}
.myMediaUploadStatus{
  min-height:16px;
  margin-top:7px;
  color:#47713c;
  font-size:11px;
  font-weight:900;
}
.myMediaSection{
  padding:14px;
}
.myMediaSectionHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.myMediaSectionHead>span{
  min-width:38px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#70471f;
  font-size:13px;
  font-weight:1000;
  box-shadow:inset 0 0 0 1px rgba(139,86,35,.14);
}
.myMediaGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.myMediaCard{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(145,91,36,.16);
  border-radius:16px;
  background:rgba(255,252,244,.94);
  box-shadow:0 7px 15px rgba(70,39,14,.09),inset 0 1px 0 #fff;
}
.myMediaImageButton{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#ead4af;
  cursor:zoom-in;
}
.myMediaImageButton img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .24s ease,filter .24s ease;
}
.myMediaImageButton:hover img,
.myMediaImageButton:focus-visible img{
  transform:scale(1.025);
  filter:saturate(1.04);
}
.myMediaCardCopy{
  display:grid;
  gap:3px;
  padding:10px 11px 7px;
}
.myMediaCardCopy strong{
  overflow:hidden;
  color:#51321e;
  font-size:14px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.myMediaCardCopy span{
  color:#8b6a4b;
  font-size:10px;
  font-weight:850;
}
.myMediaCardActions{
  display:grid;
  gap:7px;
  margin-top:auto;
  padding:5px 10px 10px;
}
.myMediaCardActions .myMediaDanger{
  min-height:35px;
  color:#7c3d2d;
  background:linear-gradient(180deg,#fff7ed,#edd3b6);
  box-shadow:inset 0 1px 0 #fff;
}
.myMediaCardActions .myMediaPetAction{
  min-height:38px;
  color:#fff;
  background:linear-gradient(180deg,#78c866,#43954a);
  border-color:rgba(45,116,48,.22);
}
.myMediaCardActions .myMediaPetAction.is-return{
  color:#5c361c;
  background:linear-gradient(180deg,#ffe79d,#efb449);
  border-color:rgba(153,94,24,.2);
}
.myMediaPetCard.is-active{
  border-color:rgba(72,145,58,.42);
  box-shadow:0 8px 18px rgba(61,124,48,.16),inset 0 1px 0 #fff;
}
.myMediaPetBadge{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(255,250,237,.92);
  color:#6d4829;
  font-size:10px;
  font-weight:1000;
  box-shadow:0 5px 10px rgba(56,31,11,.15);
}
.myMediaPetCard.is-active .myMediaPetBadge{
  background:rgba(87,165,68,.94);
  color:#fff;
}
.myMediaPetStatus{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  padding:11px 13px;
  border:1px solid rgba(139,86,35,.15);
  border-radius:15px;
  background:rgba(255,250,238,.78);
}
.myMediaPetStatus>span{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e9a33d;
  color:#fff;
  font-size:17px;
  font-weight:1000;
}
.myMediaPetStatus div{
  display:grid;
  gap:3px;
}
.myMediaPetStatus strong{
  color:#583720;
  font-size:13px;
}
.myMediaPetStatus small{
  color:#816249;
  font-size:10px;
  font-weight:850;
}
.myMediaPetStatus.is-active{
  border-color:rgba(75,145,61,.24);
  background:linear-gradient(135deg,rgba(244,255,236,.94),rgba(213,239,191,.88));
}
.myMediaPetStatus.is-active>span{
  background:linear-gradient(180deg,#7bcf68,#479c4a);
}
.myMediaPager{
  display:grid;
  grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);
  align-items:center;
  gap:9px;
  margin-top:12px;
}
.myMediaPager button:last-child{
  justify-self:stretch;
}
.myMediaPager button:disabled{
  color:#96785d;
  background:linear-gradient(180deg,#f2eadf,#ded1c0);
}
.myMediaPager span{
  display:grid;
  min-width:110px;
  color:#604027;
  font-size:12px;
  font-weight:900;
  text-align:center;
}
.myMediaPager small{
  margin-top:2px;
  color:#937153;
  font-size:9px;
}
.myMediaEmpty,
.myMediaLoading{
  grid-column:1/-1;
  min-height:112px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:18px;
  border:1px dashed rgba(144,88,35,.24);
  border-radius:16px;
  background:rgba(255,252,245,.72);
  color:#7f6045;
  text-align:center;
}
.myMediaEmpty strong{
  color:#583820;
  font-size:14px;
}
.myMediaEmpty span,
.myMediaLoading{
  font-size:11px;
  font-weight:850;
}
.myMediaLoginGate{
  min-height:220px;
}
@media(max-width:760px){
  .myMediaHeader{padding-top:5px}.myMediaHeader h3{font-size:24px}.myMediaHeader p{font-size:11px}
  .myMediaUploadFields{grid-template-columns:1fr 1fr}.myMediaPrimary{grid-column:1/-1}
  .myMediaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .myMediaDrawer{padding-bottom:12px}.myMediaHeader{padding-right:44px}.myMediaHeader h3{font-size:21px}
  .myMediaTabs{gap:5px;padding:5px}.myMediaTabs button{min-height:42px;padding:7px 8px;font-size:12px}
  .myMediaUpload,.myMediaSection{padding:10px;border-radius:16px}.myMediaUploadFields{grid-template-columns:1fr}
  .myMediaPrimary{grid-column:auto}.myMediaGrid{grid-template-columns:1fr}
  .myMediaPager{grid-template-columns:1fr 1fr}.myMediaPager span{grid-column:1/-1;grid-row:1}.myMediaPager button{grid-row:2}
}
.paintSignatureBoxV26166 .signatureLibraryV26186 button[data-sig]{
  background:linear-gradient(180deg,#fff8ed,#efd19b);
}
.paintSignatureRequiredV26225{
  margin:8px 0 0;
  color:#7d4b21;
  font-weight:1000;
  font-size:12px;
}
/* V26.227 - Galerie kompakter, Signaturen nur gross, Bildmenue und Profil poliert. */
.gallerySortBarV26186.gallerySortCountsV26227{
  margin:0 0 14px!important;
  gap:7px!important;
}
.gallerySortCountsV26227 button{
  flex:1 1 130px;
  min-height:36px!important;
  padding:7px 12px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.gallerySortCountV26227{
  min-width:24px;
  padding:2px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:#6a401d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.photoCard .gallerySignedImageV26223 .artDrawnSignatureV26166,
.framedArtInner .gallerySignedImageV26223 .artDrawnSignatureV26166,
.auctionMarketFrame .gallerySignedImageV26223 .artDrawnSignatureV26166,
.artThumbSignedV26166 .gallerySignedImageV26223 .artDrawnSignatureV26166{
  display:none!important;
}
.photoLightbox .lightboxSignatureV26155.drawnSignatureV26166,
.photoLightbox .lightboxSignatureV26155.drawnSignatureV26166 img{
  display:block!important;
}
.photoLightbox.lightboxWithMenuV26227{
  padding-top:72px!important;
}
.lightboxTopMenuV26227{
  position:fixed;
  z-index:10050;
  top:8px;
  left:50%;
  width:min(760px,calc(100vw - 24px));
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:6px;
  padding:7px;
  border-radius:0 0 18px 18px;
  background:linear-gradient(180deg,rgba(255,249,235,.95),rgba(235,191,112,.92));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(56,32,13,.24),inset 0 1px 0 rgba(255,255,255,.75);
}
.lightboxTopMenuV26227 button{
  min-height:38px;
  border:1px solid rgba(154,96,35,.18);
  border-radius:14px;
  background:linear-gradient(180deg,#fff8eb,#edd095);
  color:#4b2d18;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 5px 12px rgba(72,41,14,.1),inset 0 1px 0 rgba(255,255,255,.78);
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
}
.lightboxTopMenuV26227 button:hover,
.lightboxTopMenuV26227 button:focus-visible{
  transform:translateY(-1px);
  filter:saturate(1.08);
  box-shadow:0 9px 18px rgba(72,41,14,.18),inset 0 1px 0 rgba(255,255,255,.9);
}
.downloadRightsNoticeV26227{
  position:fixed;
  z-index:10070;
  left:50%;
  top:50%;
  width:min(460px,calc(100vw - 34px));
  transform:translate(-50%,-50%);
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,252,243,.98),rgba(247,222,174,.96));
  border:1px solid rgba(255,255,255,.78);
  color:#4a2c18;
  text-align:center;
  box-shadow:0 18px 42px rgba(45,25,10,.28);
}
.downloadRightsNoticeV26227 strong{
  display:block;
  font-size:19px;
  margin-bottom:8px;
}
.downloadRightsNoticeV26227 p{
  margin:0 0 14px;
  line-height:1.35;
  font-weight:800;
}
.downloadRightsNoticeV26227 .noticeActions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
@media(max-width:720px){
  .lightboxTopMenuV26227{
    top:0;
    width:100vw;
    border-radius:0 0 14px 14px;
    padding:6px;
  }
  .lightboxTopMenuV26227 button{min-height:34px;font-size:11px}
}
/* V26.229 - Werkstatt-Stile, hoeheres Fenster und Ladeprozent. */
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintBoard{
  padding-top:clamp(18px,3vh,46px)!important;
}
.paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160{
  margin-top:clamp(8px,2vh,26px)!important;
  overflow:visible!important;
}
.paintAiStyleBarV26229{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  padding:8px;
  border-radius:18px 18px 0 0;
  background:linear-gradient(180deg,rgba(255,247,230,.94),rgba(237,199,129,.84));
  border-bottom:1px solid rgba(158,98,35,.16);
}
.paintAiStyleBarV26229 button{
  min-height:34px;
  border:1px solid rgba(150,91,32,.18);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(255,253,246,.96),rgba(246,224,185,.9));
  color:#4a2b18;
  font-size:12px;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 5px 12px rgba(72,39,12,.08),inset 0 1px 0 rgba(255,255,255,.75);
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;
}
.paintAiStyleBarV26229 button:hover,
.paintAiStyleBarV26229 button:focus-visible{
  transform:translateY(-1px);
  filter:saturate(1.08);
  box-shadow:0 9px 16px rgba(72,39,12,.15),inset 0 1px 0 rgba(255,255,255,.9);
}
.paintAiStyleBarV26229 button.active{
  background:linear-gradient(180deg,#f8bd49,#e38f1f)!important;
  color:#fff!important;
  text-shadow:0 1px 1px rgba(92,46,8,.32);
  border-color:rgba(255,255,255,.7);
}
.aiProgressV26225{
  position:relative;
  overflow:hidden;
  min-height:24px;
}
.aiProgressV26225 span{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:1000;
  color:#5a3417;
  text-shadow:0 1px 0 rgba(255,255,255,.65);
}
@media(max-width:620px){
  .paintAiStyleBarV26229{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding:7px;
  }
  .paintAiStyleBarV26229 button{
    min-height:32px;
    font-size:11px;
  }
}

/* --- v26232_gallery_auction_workshop_fix --- */
/* V26.232 - Galerie/Auktion scrollen sauber, Vorschauen ohne Signatur, kompakte Schließen-Buttons. */
.drawer.galleryDrawerV26232,
.drawer.auctionDrawerV26232{
  max-height:calc(100dvh - 118px)!important;
}
.drawer.galleryDrawerV26232 .drawerScroll,
.drawer.auctionDrawerV26232 .drawerScroll{
  max-height:calc(100dvh - 118px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:26px!important;
}
.drawer.galleryDrawerV26232 .galleryGrid{
  padding-bottom:34px!important;
}
.photoCard .artDrawnSignatureV26166,
.framedArtInner .artDrawnSignatureV26166,
.auctionMarketFrame .artDrawnSignatureV26166,
.profileWorkCard .artDrawnSignatureV26166{
  display:none!important;
}
.photoLightbox .artDrawnSignatureV26166,
.photoLightbox .lightboxSignatureV26155.drawnSignatureV26166 img{
  display:block!important;
}
.paintAiGenerateV26160{
  cursor:pointer!important;
}
.paintAiGenerateV26160:not(:disabled):hover,
.paintAiGenerateV26160:not(:disabled):focus-visible{
  transform:translateY(-1px);
  filter:saturate(1.08) brightness(1.02);
  box-shadow:0 12px 22px rgba(151,84,24,.26), inset 0 1px 0 rgba(255,255,255,.46)!important;
}
@media(max-width:700px){
  .drawer.galleryDrawerV26232,
  .drawer.auctionDrawerV26232{
    max-height:calc(100dvh - 104px)!important;
  }
  .drawer.galleryDrawerV26232 .drawerScroll,
  .drawer.auctionDrawerV26232 .drawerScroll{
    max-height:calc(100dvh - 104px)!important;
  }
}

/* --- v26233_mobile_home_stack --- */
/* V26.233 - Handy-Startseite: Header, Glasbox, Login und Dock sauber getrennt. */
@media(max-width:700px){
  body{
    padding:0 0 96px!important;
    overflow-x:hidden!important;
  }
  .app{
    width:100%!important;
    border-radius:0!important;
    border:0!important;
    overflow:visible!important;
    background:rgba(255,246,229,.72)!important;
  }
  .main{
    padding:0 10px 12px!important;
  }
}

#roomSearchSafeRootV26319 .rsItem,
.roomSearchItem{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
}
#roomSearchSafeRootV26319 .rsItem::before,
#roomSearchSafeRootV26319 .rsItem::after,
.roomSearchItem::before,
.roomSearchItem::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
#roomSearchSafeRootV26319 .rsItem img,
.roomSearchItem img,
.roomSearchItem svg{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  filter:drop-shadow(0 2px 3px rgba(55,30,10,.35))!important;
}

.galleryDrawerV26232,
.galleryDrawer,
.drawer.galleryDrawerV26232,
.drawer.galleryDrawer{
  max-height:min(92dvh,980px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.galleryDrawerV26232 .drawerScroll,
.galleryDrawer .drawerScroll,
.galleryDrawerV26232 .drawerBody,
.galleryDrawer .drawerBody,
.galleryDrawerV26232 .galleryScroll,
.galleryDrawer .galleryScroll{
  min-height:0!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:110px!important;
}
.galleryGrid,
.photoGrid,
.galleryList{
  padding-bottom:110px!important;
}

/* --- v26327_targeted_ui_fixes --- */
/* V26.327: gezielte Korrekturen fuer Suchspiel, Aktionen, Galerie und Textanzeige */
html { -webkit-text-size-adjust: 100%; }

/* Suchspiel: nur das eigentliche Icon zeigen, keine runden Zielscheiben/Buttons */
#roomSearchSafeRootV26319 .rsItem,
#roomSearchSafeRootV26319 .rsItem *,
.roomSearchItem,
.roomSearchItem * {
  box-sizing: border-box;
}
#roomSearchSafeRootV26319 .rsItem,
.roomSearchItem {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
#roomSearchSafeRootV26319 .rsItem::before,
#roomSearchSafeRootV26319 .rsItem::after,
.roomSearchItem::before,
.roomSearchItem::after {
  display: none !important;
  content: none !important;
}
#roomSearchSafeRootV26319 .rsItem img,
#roomSearchSafeRootV26319 .rsItem svg,
.roomSearchItem img,
.roomSearchItem svg {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 1px 2px rgba(70, 38, 15, .42)) !important;
}

/* Galerie soll wieder innerhalb des Popups scrollen */
.drawer.v26327GalleryDrawer,
.galleryDrawer.v26327GalleryDrawer,
.modal.v26327GalleryDrawer {
  max-height: calc(100dvh - 34px) !important;
  overflow: hidden !important;
}
.v26327GalleryDrawer .galleryGrid,
.v26327GalleryDrawer .artGrid,
.v26327GalleryDrawer .galleryCards {
  max-height: calc(100dvh - 158px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 30px !important;
}
body:not(.paintGameBody):not(.solitaireGameBody):not(.roomSearchMode):not(.roomSearchSafeV26319) .stockBadge,
body:not(.paintGameBody):not(.solitaireGameBody):not(.roomSearchMode):not(.roomSearchSafeV26319) .noStockBadge,
body:not(.paintGameBody):not(.solitaireGameBody):not(.roomSearchMode):not(.roomSearchSafeV26319) .stockRibbon,
body:not(.paintGameBody):not(.solitaireGameBody):not(.roomSearchMode):not(.roomSearchSafeV26319) .badgeNoStock {
  position: absolute !important;
  left: -20px !important;
  top: 10px !important;
  width: 88px !important;
  max-width: 88px !important;
  min-width: 0 !important;
  height: 18px !important;
  padding: 2px 8px !important;
  font-size: 7px !important;
  line-height: 1 !important;
  transform: rotate(-38deg) !important;
  transform-origin: center !important;
  z-index: 8 !important;
  border-radius: 2px !important;
}
body:not(.paintGameBody):not(.solitaireGameBody):not(.roomSearchMode):not(.roomSearchSafeV26319) .qtyBadge,
body:not(.paintGameBody):not(.solitaireGameBody):not(.roomSearchMode):not(.roomSearchSafeV26319) .stockCount,
body:not(.paintGameBody):not(.solitaireGameBody):not(.roomSearchMode):not(.roomSearchSafeV26319) .actionQty {
  position: absolute !important;
  right: 34px !important;
  top: 5px !important;
  min-width: 26px !important;
  height: 21px !important;
  padding: 2px 7px !important;
  font-size: 12px !important;
  line-height: 17px !important;
  z-index: 7 !important;
}
body:not(.paintGameBody):not(.solitaireGameBody):not(.roomSearchMode):not(.roomSearchSafeV26319) .cooldownRing,
body:not(.paintGameBody):not(.solitaireGameBody):not(.roomSearchMode):not(.roomSearchSafeV26319) .cooldownBadge,
body:not(.paintGameBody):not(.solitaireGameBody):not(.roomSearchMode):not(.roomSearchSafeV26319) .okBadge {
  position: absolute !important;
  right: 7px !important;
  top: 7px !important;
  width: 30px !important;
  height: 30px !important;
  z-index: 9 !important;
}
/* V26.332 Arcade-Grundsystem */
.arcadeDrawerHeadV26332 {
  align-items: flex-start;
}

.arcadeHubV26332 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 14px;
  margin-top: 14px;
}

.arcadeGameCardV26332 {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255, 248, 236, 0.94), rgba(238, 205, 154, 0.8));
  box-shadow: 0 14px 30px rgba(91, 53, 18, 0.16);
}

.arcadeGameIconV26332 {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 1000;
  background: linear-gradient(135deg, #f7b73c, #b76618);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.55), 0 8px 18px rgba(105, 56, 13, 0.2);
}

.arcadeGameBodyV26332 {
  min-width: 0;
}

.arcadeGameCategoryV26332 {
  display: inline-flex;
  margin-bottom: 4px;
  color: #7a4b20;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.arcadeGameBodyV26332 strong {
  display: block;
  color: #3d2514;
  font-size: 1.15rem;
}

.arcadeGameBodyV26332 p {
  margin: 0.28rem 0 0;
  color: #795337;
  font-weight: 750;
  line-height: 1.32;
}

.arcadeStartBtnV26332 {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 13px;
  color: #fff;
  font-weight: 1000;
  text-decoration: none;
  background: linear-gradient(#ffd36d, #ea9a23);
  box-shadow: 0 9px 18px rgba(131, 75, 17, 0.2);
}

.arcadeStartBtnV26332:hover,
.arcadeStartBtnV26332:focus-visible {
  filter: saturate(1.08);
  transform: translateY(-1px);
}

@media (max-width: 720px) {
  .arcadeHubV26332 {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .arcadeGameCardV26332 {
    grid-template-columns: 44px 1fr;
    padding: 13px;
  }

  .arcadeGameIconV26332 {
    width: 44px;
    height: 44px;
    border-radius: 13px;
  }

  .arcadeGameBodyV26332 strong {
    font-size: 1.05rem;
  }

  .arcadeStartBtnV26332 {
    min-height: 44px;
  }
}

/* V26.338 - normales Katzenzimmer: Zimmerbild bleibt sichtbar. */
body:not(.roomSearchMode) .roomScene {
  background: #d9b078 url("../assets/emmagotchi_room_main_v2516.png") center center / cover no-repeat !important;
}

/* V26.463 - kompakte Spielezentrale mit Highscores und Gesamtwertung. */
body.gamePopupOpen {
  overflow: hidden !important;
}

.gamePopup {
  position: fixed;
  inset: 0;
  z-index: 200000;
  display: none;
  padding: clamp(10px, 2vw, 20px);
}

.gamePopup.open {
  display: grid;
  place-items: center;
}

.gamePopupBackdrop {
  position: absolute;
  inset: 0;
  background: rgba(38, 20, 8, 0.68);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

.gamePopupPanel {
  position: relative;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  width: min(1040px, calc(100vw - 32px));
  max-height: min(720px, calc(100dvh - 32px));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 26px;
  background:
    radial-gradient(circle at 14% 0, rgba(255,255,255,.94), transparent 36%),
    linear-gradient(145deg, rgba(255,248,232,.98), rgba(239,207,156,.96));
  box-shadow: 0 30px 80px rgba(36, 18, 5, 0.42), inset 0 1px 0 #fff;
}

.gamePopupHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 68px;
  padding: 12px 68px 11px 20px;
  border-bottom: 1px solid rgba(185, 126, 49, 0.2);
  background: linear-gradient(135deg, rgba(255,253,246,.9), rgba(246,219,171,.75));
}

.gamePopupHeading {
  min-width: 0;
}

.gamePopupHeading > span {
  display: block;
  margin-bottom: 2px;
  color: #a2672d;
  font-size: 9px;
  font-weight: 1000;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}

.gamePopupHeader h3 {
  min-width: 0;
  margin: 0;
  color: #3d2514;
  font-size: 21px;
  font-weight: 1000;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gamePopupHeader p {
  margin: 3px 0 0;
  color: #76523a;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.gamePopupClose {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(180deg, #e78374, #c9544c);
  box-shadow: 0 8px 18px rgba(151, 62, 48, 0.25);
  font-size: 26px;
  font-weight: 1000;
  line-height: 1;
  cursor: pointer;
}

.gamePopupTabs {
  display: flex;
  gap: 6px;
  min-width: 0;
  padding: 8px 14px;
  border-bottom: 1px solid rgba(153, 99, 42, .15);
  background: rgba(255, 251, 241, .58);
}

.gamePopupTabs button,
.gameScoreFilters button {
  min-width: 0;
  border: 1px solid rgba(138, 87, 37, .14);
  color: #70451f;
  background: rgba(255, 252, 244, .72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
  font-family: inherit;
  font-weight: 1000;
  cursor: pointer;
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease, color .14s ease;
}

.gamePopupTabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 7px 14px;
  border-radius: 12px;
  font-size: 12px;
}

.gamePopupTabs button.active,
.gamePopupTabs button[aria-selected="true"],
.gameScoreFilters button.active,
.gameScoreFilters button[aria-selected="true"] {
  border-color: rgba(172, 98, 21, .22);
  color: #fff;
  background: linear-gradient(180deg, #efa83d, #d77a18);
  box-shadow: 0 7px 15px rgba(154, 83, 17, .22), inset 0 1px 0 rgba(255,255,255,.42);
}

.gamePopupTabs button:hover,
.gamePopupTabs button:focus-visible,
.gameScoreFilters button:hover,
.gameScoreFilters button:focus-visible {
  transform: translateY(-1px);
  outline: none;
  box-shadow: 0 8px 16px rgba(106, 60, 19, .17), inset 0 1px 0 #fff;
}

.gamePopupTabs button:active,
.gameScoreFilters button:active,
.gamePopupStart:active {
  transform: translateY(1px) scale(.985);
}

.gamePopupPane {
  min-width: 0;
  min-height: 0;
  padding: 14px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.gamePopupPane[hidden] {
  display: none;
}

.gamePopupOverview {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.gamePopupCard {
  display: grid;
  grid-column: span 2;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  min-height: 106px;
  padding: 12px;
  border: 1px solid rgba(158, 105, 42, .2);
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 255, 255, .92), transparent 34%),
    linear-gradient(145deg, #fffaf0, #f3dfbd);
  box-shadow: 0 9px 20px rgba(98, 55, 17, .11), inset 0 1px 0 rgba(255,255,255,.86);
  transition: transform .16s ease, box-shadow .16s ease;
}

.gamePopupCard:nth-last-child(-n+2) {
  grid-column: span 3;
}

.gamePopupCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 13px 26px rgba(98, 55, 17, .16), inset 0 1px 0 #fff;
}

.gamePopupCard[data-game-tone="cards"] { background: linear-gradient(145deg, #fffaf0, #f4d99f); }
.gamePopupCard[data-game-tone="search"] { background: linear-gradient(145deg, #f8fdff, #cfeaf1); }
.gamePopupCard[data-game-tone="art"] { background: linear-gradient(145deg, #fffafd, #f2d5e2); }
.gamePopupCard[data-game-tone="hextris"] { background: linear-gradient(145deg, #fafff8, #d6ebc4); }
.gamePopupCard[data-game-tone="jewels"] { background: linear-gradient(145deg, #fbfaff, #ded4f3); }

.gamePopupCardCopy {
  min-width: 0;
}

.gamePopupIcon {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(180deg, #f4aa2b, #d77d11);
  box-shadow: 0 10px 22px rgba(178, 102, 12, .24), inset 0 1px 0 rgba(255,255,255,.36);
  font-size: 23px;
  font-weight: 1000;
}

.gamePopupCard[data-game-tone="search"] .gamePopupIcon { background: linear-gradient(180deg, #71c8dc, #3e91b3); }
.gamePopupCard[data-game-tone="art"] .gamePopupIcon { background: linear-gradient(180deg, #eaa2bd, #ca688e); }
.gamePopupCard[data-game-tone="hextris"] .gamePopupIcon { background: linear-gradient(180deg, #9bcc78, #59a15a); }
.gamePopupCard[data-game-tone="jewels"] .gamePopupIcon { background: linear-gradient(180deg, #9f8be4, #6e5bc5); }

.gamePopupCard span {
  display: block;
  color: #8b5e35;
  font-size: 9px;
  font-weight: 1000;
  letter-spacing: 0;
  text-transform: uppercase;
}

.gamePopupCard strong {
  display: block;
  margin-top: 2px;
  color: #3c2515;
  font-size: 16px;
  line-height: 1.08;
}

.gamePopupCard p {
  display: -webkit-box;
  margin: 5px 0 0;
  overflow: hidden;
  color: #684630;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.gamePopupStart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 88px;
  min-height: 38px;
  padding: 7px 12px;
  border: 0;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(180deg, #ffc850, #f39a19);
  box-shadow: 0 10px 20px rgba(190, 102, 16, .2), inset 0 1px 0 rgba(255,255,255,.42);
  font-size: 12px;
  font-family: inherit;
  font-weight: 1000;
  text-decoration: none;
  cursor: pointer;
  transition: transform .14s ease, filter .14s ease, box-shadow .14s ease;
}

.gamePopupStart b {
  font-size: 18px;
  line-height: .7;
}

.gamePopupStart:hover,
.gamePopupStart:focus-visible {
  transform: translateY(-1px);
  filter: brightness(1.03);
  outline: none;
  box-shadow: 0 12px 22px rgba(190, 102, 16, .28), inset 0 1px 0 rgba(255,255,255,.5);
}

.gameScoreIntro,
.gameRankingHero {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 13px;
  border: 1px solid rgba(151, 98, 43, .15);
  border-radius: 16px;
  background: rgba(255, 252, 244, .72);
  box-shadow: inset 0 1px 0 #fff;
}

.gameScoreIntro {
  align-items: center;
}

.gameScoreIntro span,
.gameRankingHeroCopy span {
  display: block;
  color: #9a642e;
  font-size: 9px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gameScoreIntro strong,
.gameRankingHeroCopy h4 {
  display: block;
  margin: 2px 0 0;
  color: #472b17;
  font-size: 17px;
  line-height: 1.05;
}

.gameScoreIntro small,
.gameRankingHeroCopy p {
  margin: 0;
  color: #805b3c;
  font-size: 10px;
  font-weight: 800;
}

.gameScoreFilters {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin-top: 9px;
}

.gameScoreFilters button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 34px;
  padding: 6px 8px;
  border-radius: 10px;
  font-size: 10px;
}

.gameScoreContent {
  min-height: 150px;
  margin-top: 9px;
}

.gameScoreBoardHead {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin: 0 2px 7px;
}

.gameScoreBoardHead span {
  display: block;
  color: #a46e38;
  font-size: 8px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gameScoreBoardHead strong {
  display: block;
  margin-top: 1px;
  color: #4d2d18;
  font-size: 15px;
}

.gameScoreBoardHead small {
  color: #87613f;
  font-size: 9px;
  font-weight: 900;
}

.gameScoreLoading,
.gameScoreEmpty,
.gameScoreError {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 150px;
  padding: 20px;
  border: 1px dashed rgba(142, 91, 40, .22);
  border-radius: 16px;
  color: #7a5535;
  background: rgba(255,252,245,.55);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.gameScoreLoading i {
  display: block;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 3px solid rgba(197, 128, 48, .22);
  border-top-color: #d8831d;
  border-radius: 50%;
  animation: gameScoreSpin .8s linear infinite;
}

.gameScoreError {
  flex-direction: column;
}

.gameScoreError button {
  min-height: 34px;
  padding: 6px 12px;
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(180deg, #efa83d, #d77a18);
  font-family: inherit;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.gameScoreList {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gameScoreRow {
  display: grid;
  grid-template-columns: 38px 38px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-height: 54px;
  padding: 7px 10px;
  border: 1px solid rgba(139, 91, 43, .14);
  border-radius: 14px;
  background: rgba(255, 253, 248, .82);
  box-shadow: 0 5px 12px rgba(83, 47, 19, .07), inset 0 1px 0 #fff;
}

.gameScoreRow.is-gold { background: linear-gradient(90deg, rgba(255,229,158,.88), rgba(255,253,248,.9)); }
.gameScoreRow.is-silver { background: linear-gradient(90deg, rgba(224,233,236,.88), rgba(255,253,248,.9)); }
.gameScoreRow.is-bronze { background: linear-gradient(90deg, rgba(232,193,153,.78), rgba(255,253,248,.9)); }

.gameScoreRank {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #76491f;
  background: rgba(235, 211, 171, .78);
  font-size: 11px;
  font-weight: 1000;
}

.gameScoreRow.is-gold .gameScoreRank { color: #fff; background: linear-gradient(180deg, #ffc959, #dc8b16); box-shadow: 0 5px 12px rgba(190,121,18,.25); }
.gameScoreRow.is-silver .gameScoreRank { color: #52616a; background: linear-gradient(180deg, #f6fafb, #c5d3d8); }
.gameScoreRow.is-bronze .gameScoreRank { color: #fff; background: linear-gradient(180deg, #dca063, #a96932); }

.gameScoreAvatar {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #e2a44c, #a96729);
  box-shadow: 0 4px 10px rgba(91,49,18,.16);
  font-size: 14px;
  font-weight: 1000;
}

.gameScoreAvatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gameScorePlayer {
  min-width: 0;
}

.gameScorePlayer strong,
.gameScorePlayer small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gameScorePlayer strong {
  color: #4a2d19;
  font-size: 12px;
}

.gameScorePlayer small {
  margin-top: 2px;
  color: #8a6543;
  font-size: 9px;
  font-weight: 800;
}

.gameScoreValue {
  min-width: 82px;
  text-align: right;
}

.gameScoreValue strong,
.gameScoreValue small {
  display: block;
}

.gameScoreValue strong {
  color: #5d3719;
  font-size: 14px;
}

.gameScoreValue small {
  margin-top: 1px;
  color: #9a7049;
  font-size: 8px;
  font-weight: 1000;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.gameRankingHero {
  align-items: stretch;
}

.gameRankingHeroCopy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.gameRankingStats {
  display: grid;
  grid-template-columns: repeat(3, minmax(72px, 1fr));
  gap: 6px;
}

.gameRankingStats span {
  display: grid;
  min-width: 72px;
  padding: 7px 9px;
  border-radius: 11px;
  background: rgba(255,255,255,.68);
  text-align: center;
}

.gameRankingStats b {
  color: #5b361c;
  font-size: 15px;
}

.gameRankingStats small {
  color: #9a7049;
  font-size: 8px;
  font-weight: 1000;
  text-transform: uppercase;
}

.gameRankingBreakdown {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 3px;
}

.gameRankingBreakdown i {
  padding: 2px 5px;
  border-radius: 999px;
  color: #7b542f;
  background: rgba(237, 218, 187, .7);
  font-size: 8px;
  font-style: normal;
  font-weight: 1000;
}

.gameRankingHero + .gameScoreList {
  margin-top: 9px;
}

@keyframes gameScoreSpin { to { transform: rotate(360deg); } }

@media (min-width: 721px) and (max-width: 960px) {
  .gamePopupOverview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gamePopupCard,
  .gamePopupCard:nth-last-child(-n+2) {
    grid-column: span 1;
  }

  .gamePopupCard:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 5px);
    justify-self: center;
  }
}

@media (max-width: 720px) {
  .gamePopup {
    padding: 6px;
  }

  .gamePopupPanel {
    width: calc(100vw - 12px);
    height: calc(100dvh - 12px);
    max-height: calc(100dvh - 12px);
    border-radius: 18px;
  }

  .gamePopupHeader {
    min-height: 55px;
    padding: 9px 58px 8px 12px;
  }

  .gamePopupHeader h3 {
    font-size: 17px;
  }

  .gamePopupHeader p {
    margin-top: 2px;
    font-size: 9px;
  }

  .gamePopupClose {
    width: 36px;
    height: 36px;
  }

  .gamePopupTabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    padding: 6px;
  }

  .gamePopupTabs button {
    min-height: 44px;
    padding: 5px 4px;
    border-radius: 10px;
    font-size: 9px;
  }

  .gamePopupPane {
    padding: 8px;
  }

  .gamePopupOverview {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .gamePopupCard,
  .gamePopupCard:nth-last-child(-n+2) {
    grid-column: span 1;
  }

  .gamePopupCard {
    grid-template-columns: 44px minmax(0, 1fr) 78px;
    grid-template-rows: auto;
    gap: 8px;
    min-height: 68px;
    padding: 8px;
    border-radius: 14px;
  }

  .gamePopupCard:hover {
    transform: none;
  }

  .gamePopupIcon {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    font-size: 19px;
  }

  .gamePopupCard strong {
    font-size: 14px;
  }

  .gamePopupCard p {
    display: none;
  }

  .gamePopupStart {
    min-width: 78px;
    min-height: 44px;
    padding: 6px 8px;
    font-size: 10px;
  }

  .gameScoreIntro,
  .gameRankingHero {
    gap: 8px;
    padding: 9px 10px;
    border-radius: 13px;
  }

  .gameScoreIntro strong,
  .gameRankingHeroCopy h4 {
    font-size: 14px;
  }

  .gameScoreIntro small,
  .gameRankingHeroCopy p {
    font-size: 8px;
  }

  .gameScoreFilters {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 5px;
    padding: 0;
  }

  .gameScoreFilters button {
    grid-column: span 2;
    min-height: 44px;
    padding-inline: 5px;
  }

  .gameScoreFilters button:nth-last-child(-n+2) {
    grid-column: span 3;
  }

  .gameScoreContent {
    min-height: 120px;
    margin-top: 7px;
  }

  .gameScoreBoardHead {
    margin-bottom: 6px;
  }

  .gameScoreRow {
    grid-template-columns: 30px 34px minmax(0, 1fr) auto;
    gap: 6px;
    min-height: 50px;
    padding: 6px 7px;
    border-radius: 12px;
  }

  .gameScoreRank {
    width: 28px;
    height: 28px;
    font-size: 10px;
  }

  .gameScoreAvatar {
    width: 32px;
    height: 32px;
  }

  .gameScorePlayer strong {
    font-size: 11px;
  }

  .gameScorePlayer small {
    font-size: 8px;
  }

  .gameScoreValue {
    min-width: 62px;
  }

  .gameScoreValue strong {
    font-size: 12px;
  }

  .gameRankingHero {
    display: block;
  }

  .gameRankingStats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 7px;
  }

  .gameRankingStats span {
    min-width: 0;
    padding: 6px 4px;
  }

  .gameRankingBreakdown {
    gap: 2px;
    margin-top: 2px;
  }

  .gameRankingBreakdown i {
    padding: 1px 4px;
    font-size: 7px;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .gamePopup {
    padding: 4px;
  }

  .gamePopupPanel {
    width: calc(100vw - 8px);
    height: calc(100dvh - 8px);
    max-height: calc(100dvh - 8px);
    border-radius: 14px;
  }

  .gamePopupHeader {
    min-height: 42px;
    padding-block: 5px;
  }

  .gamePopupHeader p,
  .gamePopupHeading > span {
    display: none;
  }

  .gamePopupTabs {
    padding-block: 4px;
  }

  .gamePopupTabs button {
    min-height: 30px;
  }

  .gamePopupPane {
    padding: 6px;
  }

  .gamePopupOverview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
  }

  .gamePopupCard,
  .gamePopupCard:nth-last-child(-n+2) {
    grid-column: span 1;
    grid-template-columns: 38px minmax(0, 1fr) 76px;
    min-height: 52px;
    padding: 6px;
  }

  .gamePopupCard:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 3px);
    justify-self: center;
  }

  .gamePopupIcon {
    width: 38px;
    height: 38px;
  }

  .gamePopupStart {
    min-height: 38px;
  }

  .gameScoreIntro {
    display: none;
  }

  .gameScoreFilters {
    margin-top: 0;
  }
}

/* V26.345 - compact game chrome, restored solitaire suit icons, responsive play areas. */
html body .sSuitIcon,
html body #solitaireModal .sSuitIcon {
  display: inline-block !important;
  width: 1em;
  height: 1em;
  background-image: var(--suit-img) !important;
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  -webkit-mask: none !important;
  mask: none !important;
}

html body .sSuitIcon.suitColorRed,
html body .sSuitIcon.suitColorBlack,
html body .sEmptyAction .sSuitIcon,
html body .sEmptyAction .sSuitIcon.suitColorRed,
html body #solitaireModal .sSuitIcon.suitColorRed,
html body #solitaireModal .sSuitIcon.suitColorBlack,
html body #solitaireModal .sEmptyAction .sSuitIcon,
html body #solitaireModal .sEmptyAction .sSuitIcon.suitColorRed {
  background-color: transparent !important;
}

html body #solitaireModal .sCornerIcon {
  width: clamp(12px, calc(var(--sol-card-w, 52px) * .26), 24px) !important;
  height: clamp(12px, calc(var(--sol-card-w, 52px) * .26), 24px) !important;
  flex: 0 0 auto;
}

html body #solitaireModal .sCenterIcon {
  width: min(62%, calc(var(--sol-card-w, 52px) * .76)) !important;
  max-width: 72px !important;
  height: min(62%, calc(var(--sol-card-w, 52px) * .76)) !important;
}

html body #solitaireModal .sEmptySuit {
  width: clamp(20px, calc(var(--sol-card-w, 52px) * .42), 34px) !important;
  height: clamp(20px, calc(var(--sol-card-w, 52px) * .42), 34px) !important;
}

html body #solitaireModal.solitaireFinalV26310 .sCenter {
  display: grid !important;
  place-items: center !important;
  min-height: 45% !important;
  transform: none !important;
}

html body #solitaireModal.solitaireFinalV26310 .sCorner {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  line-height: 1 !important;
}

html body #solitaireModal.solitaireFinalV26310 .sCard.down .sCorner,
html body #solitaireModal.solitaireFinalV26310 .sCard.down .sCenter,
html body #solitaireModal.solitaireFinalV26310 .sCard.down .sSuitIcon {
  display: none !important;
}

html body #solitaireModal.solitaireFinalV26310 .solFinalShell {
  grid-template-rows: var(--sol-top-h, 56px) minmax(0, 1fr) !important;
}

html body #solitaireModal.solitaireFinalV26310 .solFinalTop {
  grid-template-rows: var(--sol-btn-h, 30px) var(--sol-meta-h, 20px) !important;
  min-height: 0 !important;
  padding: max(2px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) 2px max(6px, env(safe-area-inset-left)) !important;
  gap: 2px !important;
}

html body #solitaireModal.solitaireFinalV26310 .solFinalButtons,
html body #solitaireModal.solitaireFinalV26310 .solFinalMeta {
  gap: 4px !important;
}

html body #solitaireModal.solitaireFinalV26310 .solFinalButtons button,
html body #solitaireModal.solitaireFinalV26310 .solFinalMeta span {
  min-height: 0 !important;
  border-radius: 8px !important;
  padding: 0 6px !important;
  font-size: clamp(10px, 1.65vw, 13px) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

html body #solitaireModal.solitaireFinalV26310 .solFinalMeta span {
  height: var(--sol-meta-h, 20px) !important;
  min-width: 56px !important;
}

html body #solitaireModal.solitaireFinalV26310 .solFinalStage {
  padding-top: var(--sol-stage-y, 10px) !important;
}

html body #roomSearchSafeRootV26319 .rsTop {
  min-height: 42px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 4px 6px !important;
}

html body #roomSearchSafeRootV26319 .rsTop button,
html body #roomSearchSafeRootV26319 .rsPill {
  height: 32px !important;
  min-height: 0 !important;
  border-radius: 9px !important;
  padding: 0 5px !important;
  font-size: clamp(10px, 1.7vw, 13px) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

html body #roomSearchSafeRootV26319 .rsStage {
  top: 42px !important;
}

html body #roomSearchSafeRootV26319 .rsRoom {
  width: min(100vw, calc((100dvh - 42px) * 1.7777778)) !important;
  height: min(calc(100dvh - 42px), calc(100vw / 1.7777778)) !important;
  max-height: calc(100dvh - 42px) !important;
}

html body .paintModal.open.gameFocus .paintShell,
html body .paintModal.open.aiStudioIdleV26162 .paintShell {
  grid-template-rows: auto minmax(0, 1fr) !important;
}

html body .paintModal.open.gameFocus .paintTop,
html body .paintModal.open.aiStudioIdleV26162 .paintTop {
  min-height: 42px !important;
  padding: 3px 6px !important;
  gap: 4px !important;
}

html body .paintModal.open.gameFocus .paintControls,
html body .paintModal.open.aiStudioIdleV26162 .paintControls,
html body .paintModal.open.gameFocus .paintControls.collapsed,
html body .paintModal.open.aiStudioIdleV26162 .paintControls.collapsed {
  min-height: 32px !important;
  gap: 4px !important;
  padding: 3px 6px !important;
}

html body .paintModal.open .paintModeBtn,
html body .paintModal.open .paintToolBtn,
html body .paintModal.open .paintControls .closeX,
html body .paintModal.open .paintHardCloseV26181,
html body .paintModal.open .paintMobileTopbarV26191 > button {
  min-height: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  padding: 0 8px !important;
  font-size: clamp(11px, 1.8vw, 13px) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

html body .paintModal.open.gameFocus .paintBody,
html body .paintModal.open.aiStudioIdleV26162 .paintBody,
html body .paintModal.open.gameFocus .paintCanvasWrap,
html body .paintModal.open.aiStudioIdleV26162 .paintCanvasWrap {
  min-height: 0 !important;
}

html body .paintModal.open.gameFocus .paintCanvasWrap {
  height: 100% !important;
}

@media (max-width: 720px) {
  html body #roomSearchSafeRootV26319 .rsTop {
    min-height: 54px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: 24px !important;
    gap: 3px !important;
    padding: 3px 5px !important;
  }

  html body #roomSearchSafeRootV26319 .rsTop button,
  html body #roomSearchSafeRootV26319 .rsPill {
    height: 24px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    padding: 0 4px !important;
  }

  html body #roomSearchSafeRootV26319 .rsStage {
    top: 54px !important;
  }

  html body #roomSearchSafeRootV26319 .rsRoom {
    width: min(100vw, calc((100dvh - 54px) * 1.7777778)) !important;
    height: min(calc(100dvh - 54px), calc(100vw / 1.7777778)) !important;
    max-height: calc(100dvh - 54px) !important;
  }

  html body .paintModal.open.gameFocus .paintTop,
  html body .paintModal.open.aiStudioIdleV26162 .paintTop {
    min-height: 38px !important;
    padding: 2px 5px !important;
  }

  html body .paintModal.open.gameFocus .paintControls,
  html body .paintModal.open.aiStudioIdleV26162 .paintControls,
  html body .paintModal.open.gameFocus .paintControls.collapsed,
  html body .paintModal.open.aiStudioIdleV26162 .paintControls.collapsed {
    min-height: 30px !important;
    padding: 2px 5px !important;
  }

  html body .paintModal.open .paintModeBtn,
  html body .paintModal.open .paintToolBtn,
  html body .paintModal.open .paintControls .closeX,
  html body .paintModal.open .paintHardCloseV26181,
  html body .paintModal.open .paintMobileTopbarV26191 > button {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 7px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  html body #roomSearchSafeRootV26319 .rsTop {
    min-height: 36px !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-rows: 28px !important;
    padding: 4px 5px !important;
  }

  html body #roomSearchSafeRootV26319 .rsTop button,
  html body #roomSearchSafeRootV26319 .rsPill {
    height: 28px !important;
    font-size: 10px !important;
  }

  html body #roomSearchSafeRootV26319 .rsStage {
    top: 36px !important;
  }

  html body #roomSearchSafeRootV26319 .rsRoom {
    width: min(100vw, calc((100dvh - 36px) * 1.7777778)) !important;
    height: min(calc(100dvh - 36px), calc(100vw / 1.7777778)) !important;
    max-height: calc(100dvh - 36px) !important;
  }

  html body .paintModal.open.gameFocus .paintTop,
  html body .paintModal.open.aiStudioIdleV26162 .paintTop {
    min-height: 34px !important;
  }

  html body .paintModal.open.gameFocus .paintControls,
  html body .paintModal.open.aiStudioIdleV26162 .paintControls,
  html body .paintModal.open.gameFocus .paintControls.collapsed,
  html body .paintModal.open.aiStudioIdleV26162 .paintControls.collapsed {
    min-height: 28px !important;
  }

  html body .paintModal.open .paintModeBtn,
  html body .paintModal.open .paintToolBtn,
  html body .paintModal.open .paintControls .closeX,
  html body .paintModal.open .paintHardCloseV26181,
  html body .paintModal.open .paintMobileTopbarV26191 > button {
    height: 26px !important;
    min-height: 26px !important;
  }
}

/* V26.346 - keep the painting workshop inside the visible game viewport. */
html body .paintModal.open.gameFocus .paintMobileTopbarV26191 > button,
html body .paintModal.open.aiStudioIdleV26162 .paintMobileTopbarV26191 > button {
  min-height: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  padding: 0 8px !important;
  font-size: clamp(11px, 1.8vw, 13px) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintShell,
html body .paintModal.open.aiStudioIdleV26162 .paintShell {
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}

html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintBody,
html body .paintModal.open.aiStudioIdleV26162 .paintBody {
  height: calc(100dvh - 42px) !important;
  min-height: 0 !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintBoard,
html body .paintModal.open.aiStudioIdleV26162 .paintBoard {
  min-height: 100% !important;
  height: auto !important;
  padding-top: clamp(8px, 2vh, 22px) !important;
  align-items: start !important;
}

html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160,
html body .paintModal.open.aiStudioIdleV26162 .paintAiStudioV26160 {
  max-height: calc(100dvh - 58px) !important;
  overflow: auto !important;
  margin-top: 0 !important;
}

@media (max-width: 720px) {
  html body .paintModal.open.gameFocus .paintMobileTopbarV26191 > button,
  html body .paintModal.open.aiStudioIdleV26162 .paintMobileTopbarV26191 > button {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 7px !important;
    font-size: 11px !important;
  }

  html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintBody,
  html body .paintModal.open.aiStudioIdleV26162 .paintBody {
    height: calc(100dvh - 36px) !important;
  }

  html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160,
  html body .paintModal.open.aiStudioIdleV26162 .paintAiStudioV26160 {
    max-height: calc(100dvh - 46px) !important;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  html body .paintModal.open.gameFocus .paintMobileTopbarV26191 > button,
  html body .paintModal.open.aiStudioIdleV26162 .paintMobileTopbarV26191 > button {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 7px !important;
    font-size: 10.5px !important;
  }

  html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintBody,
  html body .paintModal.open.aiStudioIdleV26162 .paintBody {
    height: calc(100dvh - 34px) !important;
  }

  html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintBoard,
  html body .paintModal.open.aiStudioIdleV26162 .paintBoard {
    padding-top: 6px !important;
  }

  html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160,
  html body .paintModal.open.aiStudioIdleV26162 .paintAiStudioV26160 {
    max-height: calc(100dvh - 42px) !important;
  }
}

/* V26.347 - high-priority workshop game shell override against injected legacy styles. */
html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintShell {
  height: 100dvh !important;
  max-height: 100dvh !important;
  padding-top: 42px !important;
  overflow: hidden !important;
}

html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintBody {
  height: calc(100dvh - 42px) !important;
  max-height: calc(100dvh - 42px) !important;
  min-height: 0 !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintBoard {
  height: auto !important;
  min-height: 100% !important;
  padding-top: 8px !important;
  align-items: start !important;
}

html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160 {
  max-height: calc(100dvh - 58px) !important;
  overflow: auto !important;
  margin-top: 0 !important;
}

html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintMobileTopbarV26191 > button {
  height: 30px !important;
  min-height: 30px !important;
  border-radius: 9px !important;
  padding: 0 8px !important;
  font-size: clamp(11px, 1.8vw, 13px) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

@media (max-width: 720px) {
  html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintShell {
    padding-top: 36px !important;
  }

  html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintBody {
    height: calc(100dvh - 36px) !important;
    max-height: calc(100dvh - 36px) !important;
  }

  html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160 {
    max-height: calc(100dvh - 48px) !important;
  }

  html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintMobileTopbarV26191 > button {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 7px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintShell {
    padding-top: 34px !important;
  }

  html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintBody {
    height: calc(100dvh - 34px) !important;
    max-height: calc(100dvh - 34px) !important;
  }

  html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintBoard {
    padding-top: 6px !important;
  }

  html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStudioV26160 {
    max-height: calc(100dvh - 42px) !important;
  }

  html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintMobileTopbarV26191 > button {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 7px !important;
    font-size: 10.5px !important;
  }
}

/* V26.348 - Malspiel: feste Farbleiste entfernen, Farben als Topbar-Klappfeld. */
html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) {
  --paint-active-topbar-h: 38px;
  --paint-active-button-h: 30px;
  --paint-active-gap: 4px;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintPalettePanel {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintShell {
  height: 100dvh !important;
  max-height: 100dvh !important;
  padding:
    calc(var(--paint-active-topbar-h) + max(4px, env(safe-area-inset-top)))
    max(4px, env(safe-area-inset-right))
    max(4px, env(safe-area-inset-bottom))
    max(4px, env(safe-area-inset-left)) !important;
  overflow: hidden !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBody,
html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162).menuCollapsed .paintBody,
html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162).workshopMenuOpenV26178 .paintBody {
  display: block !important;
  width: 100% !important;
  height: calc(100dvh - var(--paint-active-topbar-h) - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom))) !important;
  max-height: calc(100dvh - var(--paint-active-topbar-h) - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom))) !important;
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintBoard {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintCanvasWrap {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintCanvasPad {
  min-width: 100% !important;
  min-height: 100% !important;
  padding: clamp(3px, .7vw, 8px) !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--paint-active-gap) !important;
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: 0 !important;
  width: min(1180px, calc(100vw - 12px)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 12px) !important;
  height: var(--paint-active-topbar-h) !important;
  padding: 4px max(6px, env(safe-area-inset-right)) 4px max(6px, env(safe-area-inset-left)) !important;
  transform: translateX(-50%) !important;
  overflow: hidden !important;
  border-radius: 0 0 12px 12px !important;
  box-sizing: border-box !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191 > button,
html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191 > button[hidden] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 1 clamp(72px, 10vw, 124px) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 124px !important;
  height: var(--paint-active-button-h) !important;
  min-height: var(--paint-active-button-h) !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
  font-size: clamp(10px, 1.2vw, 12px) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191 [data-mobile-paint-tab="colors"],
html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191 [data-mobile-paint-tab="colors"][hidden] {
  display: inline-flex !important;
  visibility: visible !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTopStatsV26205 {
  display: grid !important;
  flex: 1 1 340px !important;
  grid-template-columns: minmax(48px, .55fr) minmax(50px, .55fr) minmax(80px, .95fr) minmax(104px, 1.2fr) !important;
  align-items: center !important;
  gap: var(--paint-active-gap) !important;
  width: auto !important;
  min-width: 248px !important;
  max-width: 520px !important;
  height: var(--paint-active-button-h) !important;
  overflow: hidden !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTopStatsV26205 .paintTopChipV26205,
html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTopStatsV26205 .paintTopMagicV26205 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: var(--paint-active-button-h) !important;
  min-height: var(--paint-active-button-h) !important;
  padding: 0 6px !important;
  border-radius: 9px !important;
  font-size: clamp(9px, 1.1vw, 12px) !important;
  line-height: 1 !important;
  gap: 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTopStatsV26205 .hudSwatch {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
  border-radius: 4px !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobilePanelV26191:not(.open) {
  display: none !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobilePanelV26191.open[data-panel="colors"] {
  display: block !important;
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: calc(var(--paint-active-topbar-h) + max(5px, env(safe-area-inset-top))) !important;
  width: min(720px, calc(100vw - 16px)) !important;
  max-width: calc(100vw - 16px) !important;
  max-height: min(48dvh, calc(100dvh - var(--paint-active-topbar-h) - 18px)) !important;
  padding: 10px !important;
  transform: translateX(-50%) !important;
  border-radius: 0 0 16px 16px !important;
  overflow: auto !important;
  z-index: 9800 !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobilePaletteV26191 {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)) !important;
  gap: 7px !important;
  max-height: calc(min(48dvh, 360px) - 22px) !important;
  overflow: auto !important;
}

html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobilePaletteV26191 .paintColorBtn {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 10px !important;
}

@media (max-width: 720px) {
  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) {
    --paint-active-topbar-h: 36px;
    --paint-active-button-h: 28px;
    --paint-active-gap: 3px;
  }

  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191 {
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: max(4px, env(safe-area-inset-left)) !important;
    padding-right: max(4px, env(safe-area-inset-right)) !important;
    border-radius: 0 !important;
  }

  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191 > button,
  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191 > button[hidden] {
    flex: 1 1 0 !important;
    max-width: none !important;
    padding: 0 4px !important;
    font-size: 10.5px !important;
  }

  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTopStatsV26205 {
    display: none !important;
  }

  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobilePanelV26191.open[data-panel="colors"] {
    top: calc(var(--paint-active-topbar-h) + max(3px, env(safe-area-inset-top))) !important;
    width: calc(100vw - 10px) !important;
    max-height: min(52dvh, calc(100dvh - var(--paint-active-topbar-h) - 12px)) !important;
    padding: 8px !important;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) {
    --paint-active-topbar-h: 34px;
    --paint-active-button-h: 26px;
    --paint-active-gap: 3px;
  }

  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191 > button,
  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintMobileTopbarV26191 > button[hidden] {
    flex-basis: clamp(62px, 11vw, 98px) !important;
    max-width: 98px !important;
    padding: 0 5px !important;
    font-size: clamp(8.5px, 1.45vw, 10.5px) !important;
  }

  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTopStatsV26205 {
    min-width: 230px !important;
    max-width: 420px !important;
  }

  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTopStatsV26205 .paintTopChipV26205,
  html body #paintModal.paintModal.open.gameFocus:not(.aiStudioIdleV26162) .paintTopStatsV26205 .paintTopMagicV26205 {
    padding: 0 4px !important;
    font-size: clamp(8px, 1.25vw, 10px) !important;
  }
}

/* V26.353 - Malspiel: Pflichtstil, gruenes Erstellen und dezente Werkstatt-Loeschbuttons. */
html body .paintAiStyleBarV26229.styleRequiredV26353,
html body .paintAiStyleBarV26229[data-style-required="true"] {
  box-shadow: 0 0 0 2px rgba(92, 176, 88, .36), 0 10px 24px rgba(72, 39, 12, .12) !important;
}

html body .paintAiStyleBarV26229 button[aria-pressed="true"],
html body .paintAiStyleBarV26229 button.active {
  background: linear-gradient(180deg, #7ed874, #3fac49) !important;
  border-color: rgba(255, 255, 255, .72) !important;
  color: #17320f !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .34) !important;
}

html body .paintAiGenerateV26160.emmaAiButtonProgressV26353,
html body .paintAiGenerateV26160.createProgressV26293 {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  opacity: 1 !important;
  background: linear-gradient(90deg, #64ff74 0 var(--emma-ai-progress, var(--createProgress, 7%)), #4da95a var(--emma-ai-progress, var(--createProgress, 7%)) 100%) !important;
  border-color: rgba(31, 119, 43, .55) !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(20, 69, 25, .7) !important;
  box-shadow: 0 0 18px rgba(64, 235, 89, .36), inset 0 1px 0 rgba(255,255,255,.48) !important;
  cursor: progress !important;
  pointer-events: none !important;
}

html body .paintAiGenerateV26160.emmaAiButtonProgressV26353::before,
html body .paintAiGenerateV26160.createProgressV26293::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: var(--emma-ai-progress, var(--createProgress, 7%)) !important;
  background: linear-gradient(90deg, rgba(185, 255, 160, .68), rgba(82, 214, 88, .92)) !important;
  z-index: -1 !important;
  transition: width .28s ease !important;
}

html body .workshopDraftDeleteV26271 {
  align-self: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 24px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(127, 83, 39, .16) !important;
  border-radius: 999px !important;
  background: rgba(126, 83, 39, .10) !important;
  color: #765032 !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

html body .workshopDraftDeleteV26271:hover,
html body .workshopDraftDeleteV26271:focus-visible {
  background: rgba(202, 89, 78, .14) !important;
  color: #8f3830 !important;
  transform: none !important;
  filter: none !important;
}

html body .workshopDraftWrapV26271 .workshopDraftDeleteV26271,
html body .paintRailDraftWrapV26271 .workshopDraftDeleteV26271,
html body .paintMobileDraftsV26191 .workshopDraftWrapV26271 .workshopDraftDeleteV26271 {
  align-self: center !important;
  justify-self: end !important;
  width: auto !important;
  min-width: 0 !important;
}

html body .paletteSignatureV26353 .signatureLibraryV26186 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .signatureToneV26186.signaturePaletteV26353 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 8px !important;
  border: 1px solid rgba(154, 101, 47, .14) !important;
  border-radius: 16px !important;
  background: rgba(255, 250, 239, .62) !important;
}

html body .signatureToneV26186 .signaturePaletteBtnV26353 {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 4px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .54) !important;
  border: 1px solid rgba(118, 77, 39, .12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 3px 8px rgba(55, 31, 11, .10) !important;
}

html body .signatureToneV26186 .signaturePaletteBtnV26353 span {
  display: block !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: var(--signature-color) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .70), 0 2px 5px rgba(49, 27, 9, .14) !important;
}

html body .signatureToneV26186 .signaturePaletteBtnV26353 em {
  display: none !important;
}

html body .signatureToneV26186 .signaturePaletteBtnV26353.active {
  background: linear-gradient(180deg, #fff7df, #f3c062) !important;
  border-color: rgba(147, 91, 28, .35) !important;
  box-shadow: 0 0 0 3px rgba(244, 180, 72, .32), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
  transform: translateY(-1px) !important;
}

html body .paintSignatureOverlayV26166.paintSignatureFrontV26355,
html body #paintSignatureOverlayV26186.paintSignatureFrontV26355 {
  z-index: 400000 !important;
  display: grid !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body.paintSignatureOpenV26355 #paintModal.paintModal.open .paintMobilePanelV26191,
html body.paintSignatureOpenV26355 #paintModal.paintModal.open .paintMobileTopbarV26191 {
  pointer-events: none !important;
}

/* V26.356: Suchspiel wieder mit Abschlussfenster und besser versteckten Gegenstaenden */
html body #roomSearchSafeRootV26319 .rsItem {
  width: clamp(12px, 1.65vw, 19px) !important;
  height: clamp(12px, 1.65vw, 19px) !important;
  transform: translate(-50%, -50%) scale(.82) !important;
  opacity: .34 !important;
  filter: saturate(.48) contrast(.64) brightness(.92) blur(.08px) drop-shadow(0 1px 2px rgba(50, 28, 11, .18)) !important;
  mix-blend-mode: multiply !important;
}

html body #roomSearchSafeRootV26319 .rsItem:hover,
html body #roomSearchSafeRootV26319 .rsItem:focus-visible {
  opacity: .52 !important;
  filter: saturate(.68) contrast(.78) brightness(.98) blur(0) drop-shadow(0 1px 4px rgba(50, 28, 11, .24)) !important;
}

html body #roomSearchSafeRootV26319 .rsItem:active {
  transform: translate(-50%, -50%) scale(.72) !important;
}

html body #roomSearchSafeRootV26319 .rsItem img,
html body #roomSearchSafeRootV26319 .rsItem svg {
  opacity: .72 !important;
  filter: saturate(.56) contrast(.70) brightness(.94) !important;
}

html body .roomSearchRewardOverlay {
  z-index: 430000 !important;
}

html body .roomSearchRewardStats span {
  min-height: 64px !important;
  display: grid !important;
  place-items: center !important;
  gap: 2px !important;
  border-radius: 16px !important;
  background: rgba(255, 250, 238, .82) !important;
  box-shadow: inset 0 0 0 1px rgba(149, 91, 28, .14) !important;
  color: #895f39 !important;
  font-weight: 950 !important;
}

html body .roomSearchRewardStats span b {
  display: block !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #4a2710 !important;
}

html body .roomSearchRewardStats span small {
  display: block !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  color: #895f39 !important;
}

@media (max-width: 720px) {
  html body #roomSearchSafeRootV26319 .rsItem {
    width: clamp(14px, 3.5vw, 22px) !important;
    height: clamp(14px, 3.5vw, 22px) !important;
    opacity: .42 !important;
    transform: translate(-50%, -50%) scale(.88) !important;
  }
}

body.externalGameActiveV26357 {
  overflow: hidden !important;
}

#externalGameShellV26357 {
  position: fixed;
  inset: 0;
  z-index: 410000;
  display: flex;
  flex-direction: column;
  width: auto;
  max-width: 100vw;
  height: var(--game-vh, 100dvh);
  min-height: 0;
  overflow: hidden;
  background: #2f1c10;
}

.externalGameTopbarV26357 {
  flex: 0 0 auto;
  min-height: 36px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: max(4px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));
  color: #3d2514;
  background: linear-gradient(180deg, rgba(255, 245, 222, .96), rgba(226, 174, 103, .92));
  border-bottom: 1px solid rgba(112, 66, 29, .2);
  box-shadow: 0 2px 12px rgba(42, 22, 8, .2);
}

.externalGameTitleV26357 {
  min-width: 0;
  font-size: clamp(13px, 1.7vw, 16px);
  font-weight: 1000;
  line-height: 1.1;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.externalGameActionsV26357 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

.externalGameBtnV26357 {
  min-width: 0;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border: 1px solid rgba(120, 73, 32, .24);
  border-radius: 9px;
  color: #4a2b16;
  background: rgba(255, 250, 238, .76);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.externalGameBtnV26357.primary {
  color: #fffaf0;
  background: linear-gradient(180deg, #e7aa44, #b86e25);
  border-color: rgba(110, 63, 22, .28);
}

.externalGameFrameWrapV26357 {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}

.externalGameFrameV26357 {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  background: #2f1c10;
}

.externalGameScoresV26357 {
  position: fixed;
  inset: 0;
  z-index: 410010;
  display: none;
  place-items: center;
  padding: 16px;
  background: rgba(43, 25, 10, .5);
  backdrop-filter: blur(4px);
}

.externalGameScoresV26357.open {
  display: grid;
}

.externalGameScorePanelV26357 {
  width: min(420px, 100%);
  max-height: min(82dvh, 620px);
  overflow: auto;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .56);
  border-radius: 18px;
  color: #4a2b16;
  background: linear-gradient(180deg, rgba(255, 251, 241, .97), rgba(238, 207, 156, .94));
  box-shadow: 0 22px 58px rgba(33, 18, 7, .32);
}

.externalGameScorePanelV26357 h3 {
  margin: 0 0 12px;
  font-size: 21px;
  line-height: 1.1;
}

.externalGameScorePanelV26357 ol {
  margin: 0;
  padding-left: 24px;
}

.externalGameScorePanelV26357 li {
  margin: 0 0 8px;
  padding: 7px 9px;
  border-radius: 10px;
  background: rgba(255, 250, 238, .62);
  font-weight: 900;
}

.externalGameScorePanelV26357 small {
  display: block;
  margin-top: 2px;
  color: #82603f;
  font-size: 11px;
  font-weight: 800;
}

@media (max-width: 720px) {
  .externalGameTopbarV26357 {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 4px;
    min-height: 32px;
    padding-bottom: 3px;
  }

  .externalGameActionsV26357 {
    min-width: 0;
    gap: 3px;
    justify-content: flex-end;
  }

  .externalGameBtnV26357 {
    min-height: 26px;
    padding: 4px 7px;
    border-radius: 7px;
    font-size: 11px;
  }
}

@media (max-width: 390px) {
  .externalGameTitleV26357 {
    font-size: 11px;
  }

  .externalGameBtnV26357 {
    padding-inline: 6px;
  }
}

/* V26.359 - externe Spiel-Aktionsleiste bleibt auf schmalen Handys im Viewport. */
#externalGameShellV26357 .externalGameTopbarV26357 {
  box-sizing: border-box;
  width: 100%;
  max-width: 100vw;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 480px) {
  html body #externalGameShellV26357 .externalGameTopbarV26357 {
    grid-template-columns: auto minmax(18px, 1fr) auto !important;
    gap: 3px !important;
    padding-left: max(4px, env(safe-area-inset-left)) !important;
    padding-right: max(4px, env(safe-area-inset-right)) !important;
  }

  html body #externalGameShellV26357 .externalGameTitleV26357 {
    font-size: 10px !important;
  }

  html body #externalGameShellV26357 .externalGameActionsV26357 {
    min-width: 0 !important;
    width: min(188px, calc(100vw - 118px)) !important;
    max-width: calc(100vw - 118px) !important;
    gap: 2px !important;
    overflow: hidden !important;
  }

  html body #externalGameShellV26357 .externalGameBtnV26357 {
    flex: 1 1 0 !important;
    min-height: 26px !important;
    padding: 3px 4px !important;
    border-radius: 7px !important;
    font-size: 9.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body #externalGameShellV26357 .externalGameBtnV26357[data-external-action="scores"] {
    max-width: 50px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* V26.373 - flexible Spiel-Shell und scrollbare Galerie. */
html.externalGameActiveRootV26373,
html.externalGameActiveRootV26373 body,
body.externalGameActiveV26357 {
  width: 100vw !important;
  height: var(--game-vh, 100dvh) !important;
  min-height: var(--game-vh, 100dvh) !important;
  max-height: var(--game-vh, 100dvh) !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  touch-action: none !important;
}

body.externalGameActiveV26357 {
  position: fixed !important;
  inset: 0 !important;
}

#externalGameShellV26357 {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: var(--game-vh, 100dvh) !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  touch-action: none !important;
}

#externalGameShellV26357 .externalGameTopbarV26357 {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding-top: max(4px, env(safe-area-inset-top)) !important;
  padding-right: max(16px, env(safe-area-inset-right)) !important;
  padding-bottom: 4px !important;
  padding-left: max(8px, env(safe-area-inset-left)) !important;
  overflow: hidden !important;
}

#externalGameShellV26357 .externalGameBtnV26357 {
  min-height: 26px !important;
  padding: 3px 8px !important;
  border-radius: 8px !important;
  font-size: clamp(10px, 1.55vw, 12px) !important;
  line-height: 1 !important;
}

#externalGameShellV26357 .externalGameFrameWrapV26357 {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
}

#externalGameShellV26357 .externalGameFrameV26357 {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawerV26232.open,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawer.open,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer[data-drawer-id="gallery"].open {
  max-height: calc(100dvh - 24px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawerV26232.open .drawerScroll,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawer.open .drawerScroll,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer[data-drawer-id="gallery"].open .drawerScroll,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer[data-drawer-id="gallery"].open .drawerBody,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer[data-drawer-id="gallery"].open .galleryScroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer[data-drawer-id="gallery"].open .galleryGrid,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer[data-drawer-id="gallery"].open .artGrid {
  min-width: 0 !important;
  padding-bottom: 96px !important;
}

html body .paintModal.open.aiStudioIdleV26162 .paintAiStyleBarV26229,
html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStyleBarV26229 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(5px, 1vw, 8px) !important;
  overflow: hidden !important;
}

html body #paintModal.paintModal.open.aiStudioIdleV26162 .paintMobileTopbarV26191,
html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintMobileTopbarV26191 {
  position: fixed !important;
  top: max(4px, env(safe-area-inset-top)) !important;
  left: max(6px, env(safe-area-inset-left)) !important;
  right: max(6px, env(safe-area-inset-right)) !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body #paintModal.paintModal.open.aiStudioIdleV26162 .paintMobileTopbarV26191 > button,
html body #paintModal.paintModal.open.gameFocus.aiStudioIdleV26162 .paintMobileTopbarV26191 > button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 30px !important;
  min-height: 30px !important;
  padding-inline: 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .paintModal.open.aiStudioIdleV26162 .paintAiStyleBarV26229 button,
html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStyleBarV26229 button {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-inline: clamp(6px, 1.1vw, 12px) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 620px) and (orientation: portrait) {
  html body .paintModal.open.aiStudioIdleV26162 .paintAiStyleBarV26229,
  html body .paintModal.open.gameFocus.aiStudioIdleV26162 .paintAiStyleBarV26229 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* V26.384 - Galerie ist ein einzelnes Fenster; nur der Inhalt scrollt innen. */
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.open[data-drawer-id="gallery"],
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawerV26232.open,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawer.open,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.v26327GalleryDrawer.open {
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  max-height: calc(100dvh - 120px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  padding-bottom: 14px !important;
  box-sizing: border-box !important;
}

body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.open[data-drawer-id="gallery"] > .drawerScroll,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawerV26232.open > .drawerScroll,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawer.open > .drawerScroll,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.v26327GalleryDrawer.open > .drawerScroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 168px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 28px !important;
  box-sizing: border-box !important;
}

body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.open[data-drawer-id="gallery"] .galleryGrid,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.open[data-drawer-id="gallery"] .artGrid,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.v26327GalleryDrawer.open .galleryGrid,
body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.v26327GalleryDrawer.open .artGrid {
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: 34px !important;
}

@media (max-width: 760px) {
  body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.open[data-drawer-id="gallery"],
  body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawerV26232.open,
  body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawer.open,
  body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.v26327GalleryDrawer.open {
    max-height: calc(100dvh - 96px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  }

  body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.open[data-drawer-id="gallery"] > .drawerScroll,
  body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawerV26232.open > .drawerScroll,
  body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.galleryDrawer.open > .drawerScroll,
  body:not(.externalGameActiveV26357):not(.centralGameActive) .drawer.v26327GalleryDrawer.open > .drawerScroll {
    max-height: calc(100dvh - 136px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* V26.392 - Garten-Fundstuecksuche: Vollbild-Zimmer mit kleiner Abbrechen-Leiste. */
html.hiddenFindModeRoot,
html.hiddenFindModeRoot body.findModeActive {
  width: 100% !important;
  height: 100% !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  scrollbar-gutter: auto !important;
  background: #d7aa72 !important;
}

html.hiddenFindModeRoot body.findModeActive {
  --hidden-find-bar-h: clamp(38px, 4.8dvh, 46px);
  position: fixed !important;
  inset: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  touch-action: none !important;
}


html.hiddenFindModeRoot body.findModeActive .actionsWrap,
html.hiddenFindModeRoot body.findModeActive .statusPanel,
html.hiddenFindModeRoot body.findModeActive .drawer,
html.hiddenFindModeRoot body.findModeActive .pawImprint,
html.hiddenFindModeRoot body.findModeActive .toast {
  display: none !important;
}

html.hiddenFindModeRoot body.findModeActive .app,
html.hiddenFindModeRoot body.findModeActive .main,
html.hiddenFindModeRoot body.findModeActive .roomCard {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background: linear-gradient(90deg, #f6e4bf 0 8%, #d7aa72 8% 92%, #f6e4bf 92% 100%) !important;
}

html.hiddenFindModeRoot body.findModeActive .roomScene {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: calc(env(safe-area-inset-top, 0px) + var(--hidden-find-bar-h)) !important;
  width: 100vw !important;
  height: calc(100dvh - var(--hidden-find-bar-h) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background: #d8ad77 url("../assets/emmagotchi_room_main_v2516.png") center center / cover no-repeat !important;
  touch-action: manipulation !important;
}

html.hiddenFindModeRoot body.findModeActive .findModeHud {
  position: fixed !important;
  left: 50% !important;
  top: calc(env(safe-area-inset-top, 0px) + 4px) !important;
  z-index: 99980 !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: clamp(4px, .8vw, 8px) !important;
  width: auto !important;
  max-width: calc(100vw - 12px) !important;
  min-height: 0 !important;
  height: calc(var(--hidden-find-bar-h) - 8px) !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  color: #432611 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .56), rgba(255, 232, 188, .28) 48%, rgba(120, 67, 30, .18)),
    rgba(255, 248, 234, .36) !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  box-shadow:
    0 10px 24px rgba(42, 22, 8, .20),
    inset 0 1px 0 rgba(255, 255, 255, .86),
    inset 0 -1px 0 rgba(118, 70, 28, .10) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.28) brightness(1.04) !important;
  backdrop-filter: blur(18px) saturate(1.28) brightness(1.04) !important;
  font-size: clamp(10px, 1.1vw, 13px) !important;
  line-height: 1 !important;
}

html.hiddenFindModeRoot body.findModeActive .findModeHud strong,
html.hiddenFindModeRoot body.findModeActive .findModeHud span,
html.hiddenFindModeRoot body.findModeActive .findModeHud small {
  min-width: 0 !important;
  max-width: 32vw !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.hiddenFindModeRoot body.findModeActive .findModeHud b {
  min-width: 44px !important;
  height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: clamp(12px, 1.35vw, 15px) !important;
  font-weight: 1000 !important;
  color: #fffaf1 !important;
  background:
    linear-gradient(180deg, rgba(255, 177, 90, .94), rgba(169, 85, 28, .90)) !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .44),
    0 4px 10px rgba(93, 49, 17, .16) !important;
}

html.hiddenFindModeRoot body.findModeActive .findModeCancelBtn {
  appearance: none !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff9ee !important;
  background:
    linear-gradient(180deg, rgba(125, 78, 45, .86), rgba(81, 44, 23, .82)) !important;
  border: 1px solid rgba(255, 255, 255, .30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .34),
    0 4px 10px rgba(56, 31, 12, .15) !important;
  font-size: clamp(10px, 1vw, 12px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

html.hiddenFindModeRoot body.findModeActive .hiddenFind {
  z-index: 30 !important;
  touch-action: manipulation !important;
}

@media (max-width: 640px) {
  html.hiddenFindModeRoot body.findModeActive {
    --hidden-find-bar-h: 42px;
  }

  html.hiddenFindModeRoot body.findModeActive .findModeHud {
    max-width: calc(100vw - 8px) !important;
    padding: 3px 5px !important;
  }

  html.hiddenFindModeRoot body.findModeActive .findModeHud strong,
  html.hiddenFindModeRoot body.findModeActive .findModeHud small {
    display: none !important;
  }

  html.hiddenFindModeRoot body.findModeActive .findModeHud span {
    max-width: 43vw !important;
  }
}

@media (max-height: 430px) {
  html.hiddenFindModeRoot body.findModeActive {
    --hidden-find-bar-h: 38px;
  }

  html.hiddenFindModeRoot body.findModeActive .findModeHud {
    top: calc(env(safe-area-inset-top, 0px) + 3px) !important;
    height: calc(var(--hidden-find-bar-h) - 6px) !important;
  }

  html.hiddenFindModeRoot body.findModeActive .findModeHud small {
    display: none !important;
  }

  html.hiddenFindModeRoot body.findModeActive .findModeCancelBtn,
  html.hiddenFindModeRoot body.findModeActive .findModeHud b {
    height: 26px !important;
    min-height: 26px !important;
  }
}

/* V26.393 - Heike: Emmagotchi-Chatbegleiterin mit sicherem Fallback. */
.heikeAssistant {
  position: fixed;
  right: calc(18px + env(safe-area-inset-right, 0px));
  bottom: calc(90px + env(safe-area-inset-bottom, 0px));
  z-index: 10080;
  display: grid;
  justify-items: end;
  gap: 10px;
  pointer-events: none;
  font-family: inherit;
}

.heikeAssistant[hidden],
body.centralGameActive .heikeAssistant,
body.externalGameActiveV26357 .heikeAssistant,
body.paintGameBody .heikeAssistant,
body.solitaireGameBody .heikeAssistant,
body.roomSearchMode .heikeAssistant,
body.roomSearchSafeV26319 .heikeAssistant,
body.findModeActive .heikeAssistant {
  display: none !important;
}

.heikeFab,
.heikePanel {
  pointer-events: auto;
}

.heikeFab {
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 999px;
  min-height: 54px;
  padding: 7px 14px 7px 8px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #432613;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(255, 226, 172, .42) 52%, rgba(160, 87, 31, .30)),
    rgba(255, 247, 229, .58);
  box-shadow:
    0 14px 34px rgba(54, 31, 13, .20),
    inset 0 1px 0 rgba(255, 255, 255, .92);
  -webkit-backdrop-filter: blur(16px) saturate(1.22);
  backdrop-filter: blur(16px) saturate(1.22);
  font-weight: 1000;
  letter-spacing: 0;
}

.heikeFab:hover,
.heikeFab:focus-visible {
  transform: translateY(-1px);
  box-shadow:
    0 18px 38px rgba(54, 31, 13, .24),
    inset 0 1px 0 rgba(255, 255, 255, .96);
}

.heikeAvatar {
  width: 40px;
  height: 40px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #fff8ea;
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, .65), transparent 30%),
    linear-gradient(145deg, #eaa33a, #9a5521 58%, #5d3417);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .55),
    0 8px 15px rgba(70, 39, 14, .20);
  font-size: 20px;
  font-weight: 1000;
}

.heikeFabText {
  display: grid;
  gap: 1px;
  text-align: left;
}

.heikeFabText strong {
  font-size: 15px;
  line-height: 1;
}

.heikeFabText span {
  color: rgba(76, 47, 29, .76);
  font-size: 10px;
  font-weight: 1000;
  line-height: 1;
}

.heikePanel {
  width: min(390px, calc(100vw - 26px));
  max-height: min(640px, calc(100dvh - 130px));
  display: none;
  grid-template-rows: auto minmax(160px, 1fr) auto;
  overflow: hidden;
  border-radius: 24px;
  color: #3d2819;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .72), transparent 36%),
    linear-gradient(145deg, rgba(255, 253, 246, .94), rgba(247, 226, 194, .82) 56%, rgba(213, 164, 96, .78));
  border: 1px solid rgba(255, 255, 255, .72);
  box-shadow:
    0 24px 60px rgba(49, 27, 11, .28),
    inset 0 1px 0 rgba(255, 255, 255, .88);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
  backdrop-filter: blur(20px) saturate(1.18);
}

.heikeAssistant.open .heikePanel {
  display: grid;
}

.heikeAssistant.open .heikeFab {
  display: none;
}

.heikePanelHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 14px 10px;
  border-bottom: 1px solid rgba(123, 77, 34, .12);
}

.heikePanelTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.heikePanelTitle h3 {
  margin: 0;
  font-size: 19px;
  line-height: 1;
  color: #402412;
}

.heikePanelTitle small {
  display: block;
  margin-top: 2px;
  color: rgba(93, 58, 32, .74);
  font-size: 11px;
  font-weight: 950;
  line-height: 1.15;
}

.heikeClose {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fffaf1;
  background: linear-gradient(180deg, #8b5a33, #5b3219);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32), 0 7px 14px rgba(55, 31, 12, .16);
  font-size: 18px;
  font-weight: 1000;
}

.heikeMessages {
  min-height: 0;
  overflow-y: auto;
  padding: 12px 12px 6px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.heikeMsg {
  width: fit-content;
  max-width: 88%;
  padding: 10px 12px;
  border-radius: 18px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.33;
  box-shadow: 0 8px 18px rgba(74, 42, 18, .10);
}

.heikeMsg.bot {
  align-self: flex-start;
  background: rgba(255, 251, 242, .92);
  border: 1px solid rgba(168, 112, 46, .15);
}

.heikeMsg.user {
  align-self: flex-end;
  color: #fff9ef;
  background: linear-gradient(180deg, #d99031, #a85d23);
  border: 1px solid rgba(255, 255, 255, .30);
}

.heikeMsg.typing {
  color: rgba(77, 48, 29, .68);
  font-style: italic;
}

.heikeForm {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: end;
  padding: 10px 12px 12px;
  border-top: 1px solid rgba(123, 77, 34, .12);
}

.heikeInput {
  min-width: 0;
  width: 100%;
  height: 58px;
  min-height: 58px;
  max-height: 96px;
  box-sizing: border-box;
  border: 1px solid rgba(141, 92, 43, .18);
  border-radius: 16px;
  padding: 9px 12px;
  color: #3f2818;
  background: rgba(255, 253, 247, .86);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
  resize: none;
  overflow-y: hidden;
  outline: none;
}

.heikeInput:focus {
  border-color: rgba(204, 136, 42, .48);
  box-shadow: 0 0 0 3px rgba(236, 173, 74, .18), inset 0 1px 0 rgba(255, 255, 255, .78);
}

.heikeSend {
  align-self: end;
  min-width: 78px;
  height: 42px;
  border: 0;
  border-radius: 16px;
  color: #fff9ec;
  background: linear-gradient(180deg, #efb84e, #d98220);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 8px 16px rgba(117, 66, 20, .16);
  font-size: 13px;
  font-weight: 1000;
}

.heikeSend:disabled {
  opacity: .62;
  cursor: wait;
}

@media (max-width: 720px) {
  .heikeAssistant {
    right: calc(10px + env(safe-area-inset-right, 0px));
    bottom: calc(86px + env(safe-area-inset-bottom, 0px));
  }

  .heikeAssistant.open {
    left: calc(10px + env(safe-area-inset-left, 0px));
    right: calc(10px + env(safe-area-inset-right, 0px));
    justify-items: stretch;
  }

  .heikePanel {
    width: 100%;
    max-height: min(620px, calc(100dvh - 116px));
    border-radius: 22px;
  }

  .heikeFab {
    min-height: 50px;
  }

  .heikeFabText span {
    display: none;
  }
}

/* V26.394 - Heike ohne vorgeschlagene Fragen: freies Chatfenster. */
.heikePanel {
  grid-template-rows: auto minmax(180px, 1fr) auto !important;
}

.heikeMessages {
  padding-bottom: 12px !important;
}

/* Aufträge und sichtbares Katzensitting */
.kerstinOrdersHead h3{margin:0;font-size:clamp(25px,4vw,40px);color:#553219}
.kerstinOrderTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;padding:4px;border-radius:16px;background:rgba(111,68,29,.09)}
.kerstinOrderTabs button{min-height:42px;border:1px solid transparent;border-radius:13px;color:#70441f;background:transparent;font:900 13px/1 inherit;cursor:pointer;box-shadow:none;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}
.kerstinOrderTabs button span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;border-radius:999px;background:rgba(255,255,255,.7)}
.kerstinOrderTabs button.active{background:linear-gradient(180deg,#fffaf0,#efd39f);border-color:rgba(133,82,34,.18);box-shadow:0 6px 14px rgba(74,42,17,.12),inset 0 1px 0 #fff}
.kerstinOrdersGridV26417{display:grid;gap:12px}
.kerstinOrderCardV26417{padding:14px;border:1px solid rgba(132,83,35,.18);border-radius:19px;background:linear-gradient(180deg,rgba(255,252,242,.98),rgba(250,237,210,.94));box-shadow:0 12px 24px rgba(70,39,15,.12)}
.kerstinOrderCardV26417.scheduled,.kerstinOrderCardV26417.active{border-color:rgba(86,145,65,.29);background:linear-gradient(180deg,#f4ffe9,#dff2c8)}
.kerstinOrderCardV26417.completed{border-color:rgba(91,139,170,.24);background:linear-gradient(180deg,#f0f9ff,#deedf7)}
.kerstinOrderCardV26417.declined{opacity:.76;background:rgba(255,249,240,.78)}
.kerstinOrderTopV26417{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.kerstinOrderTopV26417 strong{color:#4e2e17;font-size:16px}
.kerstinOrderTopV26417>span{padding:5px 9px;border-radius:999px;background:rgba(187,120,44,.15);color:#70441f;font-size:11px;font-weight:1000;white-space:nowrap}
.kerstinOrderCardV26417.active .kerstinOrderTopV26417>span{color:#fff;background:linear-gradient(180deg,#74b95c,#438b39);box-shadow:0 5px 12px rgba(49,111,42,.2)}
.kerstinOrderTimes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.kerstinOrderTimes span{display:grid;gap:2px;padding:8px 10px;border-radius:13px;background:rgba(255,255,255,.62);color:#674326;font-size:12px}
.kerstinOrderTimes b{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#9a6a3e}
.kerstinOrderFactsV26417{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 10px}
.kerstinOrderFactsV26417 span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.7);color:#694123;font-size:12px;font-weight:900}
.kerstinOrderActivity{display:grid;gap:5px;margin:10px 0 12px;padding:11px;border-radius:15px;background:rgba(255,255,255,.58);color:#5e4128}
.kerstinOrderActivity strong{font-size:13px;color:#4e2e17}.kerstinOrderActivity span{font-size:12px;line-height:1.35}
.kerstinOrderActivity small{color:#5d422c;font-size:11px;font-weight:900;line-height:1.3}
.kerstinCareCoverage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:4px}
.kerstinCareCoverage i{display:flex;align-items:center;justify-content:center;min-height:27px;padding:4px 5px;border:1px solid rgba(70,139,58,.19);border-radius:999px;color:#315f2b;background:linear-gradient(180deg,rgba(227,248,212,.96),rgba(180,224,151,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.72);font-size:10px;font-style:normal;font-weight:1000;line-height:1.05;text-align:center}
.kerstinOrderCardV26417 .photoActions{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:8px}
.kerstinOrderCardV26417.active .photoActions,.kerstinOrderCardV26417.scheduled .photoActions{grid-template-columns:repeat(2,minmax(0,1fr))}
.kerstinOrderCardV26417 .photoActions button{min-width:0;min-height:42px;white-space:normal;transition:transform .1s ease,filter .1s ease,box-shadow .1s ease}
.kerstinOrderCardV26417 .photoActions button:active,.heikeActionBtn:active,.heikeSend:active,.kerstinOrderTabs button:active{transform:translateY(2px) scale(.985);filter:brightness(.96);box-shadow:inset 0 2px 5px rgba(67,37,14,.18)}
.kerstinOrderCardV26417 .photoActions .running{color:#fff;background:linear-gradient(180deg,#74b95c,#438b39);opacity:1;cursor:default}
.kerstinOrderCardV26417 .photoActions .is-pending{color:#fff;background:linear-gradient(180deg,#d4a44b,#a96c22)}
.kerstinCareHud{position:relative;z-index:2;width:100%;max-width:100%;min-width:0;min-height:88px;justify-self:stretch;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0;padding:9px 13px;appearance:none;box-sizing:border-box;border:1px solid rgba(255,255,255,.84);border-radius:18px;background:radial-gradient(circle at 12% 0,rgba(255,255,255,.8),transparent 34%),linear-gradient(135deg,rgba(255,253,245,.95),rgba(224,244,199,.92));box-shadow:0 10px 22px rgba(63,35,12,.15),inset 0 1px 0 #fff;color:#4c2d18;font-family:inherit;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.kerstinCareHud+.actionsWrap{margin-top:0}
.kerstinCareHud:hover,.kerstinCareHud:focus-visible{transform:translateY(-2px);box-shadow:0 14px 28px rgba(63,35,12,.2),inset 0 1px 0 #fff;outline:none}
.kerstinCareHud:active{transform:translateY(1px);filter:brightness(.97)}
.kerstinCareHudAvatar{width:46px;height:46px;border:2px solid rgba(255,255,255,.96);border-radius:50%;background:url("../assets/kerstin_avatar_v26398.png") center/cover no-repeat;box-shadow:0 6px 13px rgba(86,49,18,.24),0 0 0 3px rgba(241,199,116,.35)}
.kerstinCareHudCopy{min-width:0;display:grid;gap:3px}
.kerstinCareHudLive{display:flex;align-items:center;color:#4f8d3f;font-size:10px;font-weight:1000;letter-spacing:.075em;line-height:1;text-transform:uppercase}
.kerstinCareHudLive i{width:7px;height:7px;margin-right:6px;border-radius:50%;background:#62b34e;box-shadow:0 0 0 4px rgba(98,179,78,.14);animation:kerstinCarePulse 2.2s ease-in-out infinite}
.kerstinCareHudCopy strong{color:#4e2e17;font-size:14px;font-weight:1000;line-height:1.16;white-space:normal}
.kerstinCareHudCopy small{color:#47763d;font-size:10px;font-weight:1000;line-height:1.2;white-space:normal}
.kerstinCareHudTask{overflow:hidden;color:#755131;font-size:10px;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.kerstinCareHudCoverage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:2px}
.kerstinCareHudCoverage i{display:flex;align-items:center;justify-content:center;min-height:17px;padding:2px 4px;border-radius:999px;color:#315f2b;background:rgba(179,222,151,.72);font-size:8px;font-style:normal;font-weight:1000;line-height:1;text-align:center}
.kerstinCareHudLink{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(143,90,36,.14);border-radius:12px;background:rgba(255,250,239,.82);color:#75491f;font-size:11px;font-weight:1000;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.86)}
.kerstinCareHudLink b{font-size:17px;line-height:.7}
.kerstinCatReaction{position:absolute;left:50%;top:-18px;z-index:8;max-width:130px;transform:translateX(-50%);padding:5px 8px;border-radius:999px;background:rgba(255,251,241,.94);box-shadow:0 5px 12px rgba(62,35,14,.16);color:#56331a;font-size:10px;font-weight:1000;white-space:nowrap;animation:kerstinReaction 4.2s ease both}
@keyframes kerstinCarePulse{0%,100%{transform:scale(.9);box-shadow:0 0 0 3px rgba(98,179,78,.12)}50%{transform:scale(1.08);box-shadow:0 0 0 6px rgba(98,179,78,.04)}}
@keyframes kerstinReaction{0%{opacity:0;transform:translate(-50%,7px)}12%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-8px)}}

@media(max-width:760px){
  body>#heikeAssistant.open{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));top:max(6px,env(safe-area-inset-top));bottom:max(6px,env(safe-area-inset-bottom));width:auto;max-width:none;height:auto;max-height:none;transform:none;align-items:stretch;justify-items:stretch}
  body>#heikeAssistant.open .heikePanel{width:100%;max-width:100%;height:100%;max-height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;box-sizing:border-box}
  body>#heikeAssistant.open .heikeMessages{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto}
  body>#heikeAssistant.open .heikeMsg{max-width:92%;overflow-wrap:anywhere;word-break:break-word}
  body>#heikeAssistant.open .heikeForm{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(68px,82px);gap:7px;padding:9px max(9px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));box-sizing:border-box}
  body>#heikeAssistant.open .heikeInput{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
  body>#heikeAssistant.open .heikeSend{width:100%;min-width:0;padding:0 8px}
  .kerstinOrderCardV26417 .photoActions{grid-template-columns:1fr}.kerstinOrderTimes{grid-template-columns:1fr}.kerstinOrderTopV26417{align-items:center}
  .kerstinCareHud{min-height:104px;margin:0;grid-template-columns:40px minmax(0,1fr) 32px;gap:8px;align-items:start;padding:8px 9px;border-radius:14px}.kerstinCareHud+.actionsWrap{margin-top:0}.kerstinCareHudAvatar{width:38px;height:38px;margin-top:2px}.kerstinCareHudCopy strong{font-size:12px}.kerstinCareHudCopy small{font-size:9px}.kerstinCareHudLive{font-size:9px}.kerstinCareHudTask{font-size:9px;white-space:normal}.kerstinCareHudCoverage{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.kerstinCareHudLink{width:32px;height:32px;justify-content:center;padding:0;font-size:0}.kerstinCareHudLink b{font-size:18px}
  .kerstinCareCoverage{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(pointer:coarse){.heikeActionBtn,.kerstinOrderCardV26417 button,.kerstinOrderTabs button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(121,73,28,.18)}}
@media(prefers-reduced-motion:reduce){.kerstinCatReaction,.kerstinCareHudLive i{animation:none}}