/*DIGITS*/@font-face{font-family:"Cloverdawn Digits";src:url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMkUARAwAAAEoAAAAYGNtYXAAWwBtAAABqAAAADxnbHlmkNGUbQAAAgAAAASGaGVhZC+oGbQAAACsAAAANmhoZWEFFgIgAAAA5AAAACRobXR4BMQAAAAAAYgAAAAebG9jYQbEBcMAAAHkAAAAGm1heHAAGgA2AAABCAAAACBuYW1lKeR/aQAABogAAAB+cG9zdG5toO0AAAcIAAAAWAABAAAAAQAAR9pYC18PPPUAAQPoAAAAAOcT6wwAAAAA5xPrDAA8AAACMAK8AAAAAwACAAAAAAAAAAEAAAMg/zgAAAJsAAAAeAH0AAEAAAAAAAAAAAAAAAAAAAADAAEAAAAMADQADQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAwI3AZAABQAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAPz8/PwAAACAAOQMg/zgAAAMgAMgAAAAAAAAAAAAAAAAAAAAgAAABLAAAASwAAAJsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAKAAAAAYABAABAAIAIAA5//8AAAAgADD////h/9IAAQAAAAAAAAAAAAAAAABQAIQAuADnASEBVgGSAcACCAJDAAAADQA8AAACMAK8AAMABwALAA8AEwAXABsAHwAjACcAKwAvADMAABM1IRUFNTMVITUzFQU1MxUzNTMVBTUzFTM1MxUzNTMVBTUzFTM1MxUFNTMVITUzFQU1IRWgASz+cGQBLGT+DGTIyP4MZGRkZGT+DMjIZP4MZAEsZP5wASwCWGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkAAgAPAAAAjACvAADAAcACwAPABMAFwAbAB8AAAE1MxUHNTMVBTUzFTM1MxUHNTMVBzUzFQc1MxUFNSEVAQRkyMj+1GRkZGRkZGRkZP7UAfQCWGRkZGRkZGRkZGRkZGRkZGRkZGRkZGQACAA8AAACMAK8AAMABwALAA8AEwAXABsAHwAAEzUhFQU1MxUhNTMVBzUzFQc1MxUHNTMVBzUzFQc1IRWgASz+cGQBLGRkZMhkyGTIZMgB9AJYZGRkZGRkZGRkZGRkZGRkZGRkZGRkZAAHADwAAAIwArwAAwAHAAsADwATABcAGwAAEzUhFRU1MxUHNTMVBTUhFRU1MxUHNTMVBTUhFTwBkGRkZP5wASxkZGT+DAGQAlhkZGRkZGRkZGRkZGRkZGRkZGRkZAAACQA8AAACMAK8AAMABwALAA8AEwAXABsAHwAjAAABNTMVBzUzFQU1MxUzNTMVBTUzFTM1MxUFNSEVBzUzFQc1MxUBaGTIyP7UZGRk/nBkyGT+cAH0yGRkZAJYZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkAAAIADwAAAIwArwAAwAHAAsADwATABcAGwAfAAATNSEVBTUzFQc1IRUVNTMVBzUzFQU1MxUhNTMVBTUhFTwB9P4MZGQBkGRkZP4MZAEsZP5wASwCWGRkZGRkZGRkZGRkZGRkZGRkZGRkZGQACQA8AAACMAK8AAMABwALAA8AEwAXABsAHwAjAAABNTMVBTUzFQc1MxUHNSEVBTUzFSE1MxUFNTMVITUzFQU1IRUBBMj+1GTIZGQBkP5wZAEsZP4MZAEsZP5wASwCWGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZAAABwA8AAACMAK8AAMABwALAA8AEwAXABsAABM1IRUHNTMVBzUzFQc1MxUHNTMVBzUzFQc1MxU8AfRkZMhkyGTIZGRkZGQCWGRkZGRkZGRkZGRkZGRkZGRkZGRkAAALADwAAAIwArwAAwAHAAsADwATABcAGwAfACMAJwArAAATNSEVBTUzFSE1MxUFNTMVITUzFQU1IRUFNTMVITUzFQU1MxUhNTMVBTUhFaABLP5wZAEsZP4MZAEsZP5wASz+cGQBLGT+DGQBLGT+cAEsAlhkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkAAAJADwAAAIwArwAAwAHAAsADwATABcAGwAfACMAABM1IRUFNTMVITUzFQU1MxUhNTMVBTUhFQc1MxUHNTMVBTUzFaABLP5wZAEsZP4MZAEsZP5wAZBkZMhk/tTIAlhkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGQAAAAAAAQANgABAAAAAAABABEAAAABAAAAAAACAAcAEQADAAEECQABACIAGAADAAEECQACAA4AOkNsb3ZlcmRhd24gRGlnaXRzUmVndWxhcgBDAGwAbwB2AGUAcgBkAGEAdwBuACAARABpAGcAaQB0AHMAUgBlAGcAdQBsAGEAcgAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAMBAgEDAQQBBQEGAQcBCAEJAQoBCwJkMAJkMQJkMgJkMwJkNAJkNQJkNgJkNwJkOAJkOQ==) format("truetype");unicode-range:U+0030-0039;font-display:block}/*/DIGITS*/
:root{--ink:#3b200c;--wood:#4a2c14;--paper:#f6e7c6;--paper2:#ecd5a6;--accent:#d98e2e}
html,body{margin:0;height:100%;background:#1b1410;overflow:hidden;font-family:"Cloverdawn Digits","Pixelify Sans","Trebuchet MS",sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}
canvas#game{display:block;cursor:crosshair}
.box{background:var(--paper);border:4px solid var(--wood);border-radius:6px;box-shadow:inset 0 0 0 2px #fff4dc,inset 0 0 0 4px #c9955a,0 4px 0 #2b190b,0 8px 18px rgba(0,0,0,.35);font-weight:600}
.intitle #hud,.intitle #hotbar,.intitle #energy,.intitle #help,.intitle #iname,.intitle #touch,.intitle #toast{display:none!important}
#hud{position:fixed;top:10px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:4}
#clock{padding:6px 12px 6px 8px;display:flex;align-items:center;gap:10px}
#dial{width:66px;height:36px;image-rendering:pixelated}
#clock .t{text-align:right;line-height:1.25}
#hFarm{font-size:12px;color:#7a5a30;font-weight:500}
#hDay{font-size:16px}
#hTime{font-size:20px;font-weight:700;letter-spacing:1px}
#goldBox{padding:4px 12px;font-size:18px;color:#7a4a00;display:flex;align-items:center;gap:8px}
#hAudio{font-size:17px;padding:3px 8px}
.ab{cursor:pointer;margin:0 3px;display:inline-block;transition:opacity .2s}
.ab.off{opacity:.3;filter:grayscale(1)}
#help{padding:10px 14px;font-size:14px;line-height:1.55;max-width:310px;font-weight:400;z-index:4}
#help b{font-weight:700}
#help.off{display:none}
#hotbar{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:6px;background:#8a5a2c;box-shadow:inset 0 0 0 2px #b07a40,inset 0 0 0 4px #6a4020,0 4px 0 #2b190b,0 8px 18px rgba(0,0,0,.35);z-index:4}
.slot{width:44px;height:44px;background:var(--paper2);border:2px solid #5b3a1a;border-radius:4px;position:relative;cursor:pointer;box-sizing:border-box;box-shadow:inset 0 2px 0 rgba(0,0,0,.12)}
.slot.sel{border-color:#ff5a2c;box-shadow:inset 0 0 0 2px #ffd34d;background:#fff0c8;transform:translateY(-3px)}
.slot canvas{width:32px;height:32px;image-rendering:pixelated;position:absolute;left:4px;top:4px}
.slot .q{position:absolute;right:3px;bottom:0;font-size:13px;font-weight:700;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,0 1px 0 #000}
.slot .k{position:absolute;left:3px;top:0;font-size:10px;color:#8a6a40}
.slot .wb{position:absolute;left:4px;right:4px;bottom:3px;height:3px;background:#3a2a1a;border-radius:2px;display:none}
.slot .wb i{display:block;height:100%;background:#4aa8ff;border-radius:2px}
#iname{position:fixed;bottom:72px;left:50%;transform:translateX(-50%);color:#fff4d0;font-weight:700;font-size:17px;text-shadow:0 2px 0 #2b190b,0 0 3px #000;pointer-events:none;white-space:nowrap;z-index:4}
#toast{position:fixed;bottom:104px;left:50%;transform:translateX(-50%);padding:7px 16px;font-size:16px;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;z-index:6}
#toast.on{opacity:1}
#fade{position:fixed;inset:0;background:#0b0a14;opacity:0;pointer-events:none;transition:opacity .7s;z-index:30}
#fade.on{opacity:1}
#dayend,#confirm{z-index:35}
#dayend{background:radial-gradient(ellipse at 50% 30%,rgba(40,50,110,.55),rgba(8,8,20,.2))}
.overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(20,12,6,.55);z-index:20}
.overlay.on{display:flex}
.panel{padding:20px 24px;min-width:280px;max-width:min(560px,92vw);max-height:88vh;overflow:auto;font-weight:400}
.panel h2{margin:0 0 10px;font-size:26px;color:#5b3a1a;font-weight:700}
.panel p{margin:6px 0;line-height:1.45;font-size:16px}
.quote{font-style:italic;color:#6b4a2a}
.btn{font:inherit;font-weight:600;font-size:16px;background:linear-gradient(#f4c06a,#dc9334);color:#3b200c;border:3px solid var(--wood);border-radius:6px;padding:7px 16px;cursor:pointer;box-shadow:inset 0 -3px 0 #b06a1e,inset 0 2px 0 #ffe0a0,0 3px 0 #2b190b;margin:4px 4px 0 0}
.btn:hover{filter:brightness(1.08)}
.btn:active{transform:translateY(2px);box-shadow:inset 0 -2px 0 #b06a1e,0 1px 0 #2b190b}
.btn.sec{background:linear-gradient(#efe0bc,#d6bf8e);box-shadow:inset 0 -3px 0 #b8a070,inset 0 2px 0 #fff6dc,0 3px 0 #2b190b}
.btn:disabled{opacity:.45;cursor:default;filter:none}
.row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:2px dashed #d8b884}
.row canvas{width:36px;height:36px;image-rendering:pixelated;background:var(--paper2);border:2px solid #c9955a;border-radius:4px;flex:none}
.row .info{flex:1;font-size:14px}
.row .info b{font-size:16px}
.row .btn{padding:4px 10px;font-size:14px}
.ship{font-size:16px;margin:3px 0}
.total{margin-top:10px;font-size:19px}
#questBox{display:none;padding:4px 10px;font-size:14px;max-width:230px;text-align:right;font-weight:500}
.grid{display:grid;grid-template-columns:repeat(8,44px);gap:4px}
.letter p{white-space:pre-wrap;font-size:17px;background:#fffaf0;padding:12px;border:2px dashed #c9955a;border-radius:4px}
button,.slot,.tb,.ab,.sw i{touch-action:manipulation}
.panel{touch-action:pan-y;-webkit-overflow-scrolling:touch}
#joyZone,#joyBase{display:none}
.coarse #joyZone{display:block;position:fixed;left:0;bottom:84px;width:55vw;height:62vh;z-index:3;touch-action:none}
.coarse #joyBase{display:block;position:fixed;left:96px;bottom:110px;width:120px;height:120px;margin:0 0 0 -60px;border-radius:50%;background:rgba(246,231,198,.22);border:3px solid rgba(74,44,20,.45);z-index:3;pointer-events:none;opacity:.6;transition:opacity .15s}
.coarse #joyBase.on{opacity:1;background:rgba(246,231,198,.38);margin:-60px 0 0 -60px}
#joyKnob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:rgba(255,240,200,.92);border:3px solid #4a2c14;transform:translate(-50%,-50%);box-shadow:0 3px 0 #2b190b}
.intitle #joyZone,.intitle #joyBase,.intitle #questBox{display:none!important}
@media (max-width:640px){.grid{grid-template-columns:repeat(6,36px)}.grid .slot{width:36px;height:36px}#questBox{font-size:11px;max-width:160px}}
/* Titel */
#title{background:none;flex-direction:column;justify-content:flex-start;padding-top:9vh;box-sizing:border-box;pointer-events:none}
#title>*{pointer-events:auto}
#logo{text-align:center;animation:bob 3.5s ease-in-out infinite}
#logo .l1{display:block;font-size:clamp(46px,9vw,104px);font-weight:700;color:#fff4d0;letter-spacing:2px;
 text-shadow:4px 0 0 #4a2c14,-4px 0 0 #4a2c14,0 4px 0 #4a2c14,0 -4px 0 #4a2c14,4px 4px 0 #4a2c14,-4px 4px 0 #4a2c14,4px -4px 0 #4a2c14,-4px -4px 0 #4a2c14,0 9px 0 #2b190b,6px 9px 0 #2b190b,-6px 9px 0 #2b190b}
#clover{width:.9em;height:.9em;image-rendering:pixelated;vertical-align:-.08em;margin-right:.18em;filter:drop-shadow(0 7px 0 #2b190b);animation:sway 4s ease-in-out infinite;transform-origin:50% 90%}
@keyframes sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
#logo .l1 em{font-style:normal;color:#9be06a}
#logo .l2{display:inline-block;margin-top:14px;font-size:clamp(15px,2.2vw,22px);color:#fff4d0;background:rgba(74,44,20,.75);padding:4px 14px;border-radius:4px}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
#press{margin-top:auto;margin-bottom:12vh;font-size:clamp(18px,2.6vw,26px);color:#fff4d0;text-shadow:0 3px 0 #2b190b,0 0 6px #000;animation:blink 1.4s steps(2,end) infinite;cursor:pointer;padding:8px 22px;background:rgba(43,25,11,.38);border-radius:12px}
@keyframes blink{50%{opacity:.25}}
#menu{margin-top:auto;margin-bottom:10vh;display:none;flex-direction:column;align-items:center;gap:8px}
#menu .btn{min-width:250px;font-size:20px;padding:10px 20px}
#title.ready #press{display:none}
#title.ready #menu{display:flex}
#ver{position:fixed;bottom:8px;right:12px;color:#fff4d0;font-size:12px;opacity:.7;text-shadow:0 1px 0 #000}
/* Charaktererstellung */
#create .panel{max-width:min(860px,96vw);width:860px;padding:18px 22px}
.cwrap{display:flex;gap:22px;flex-wrap:wrap}
.cprev{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 auto}
#prev{width:216px;height:234px;image-rendering:pixelated;background:linear-gradient(#bfe3f5,#e8f4e0);border:4px solid var(--wood);border-radius:6px;box-shadow:inset 0 0 0 2px #fff4dc}
.cprev .btn{padding:4px 12px;font-size:18px}
.copts{flex:1;min-width:280px;display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;font-size:15px}
.copts label{font-weight:600}
.copts input{font:inherit;font-size:16px;padding:5px 8px;border:3px solid #8b5a2b;border-radius:5px;background:#fffaf0;color:var(--ink);width:100%;box-sizing:border-box;user-select:text;-webkit-user-select:text}
.sw{display:flex;flex-wrap:wrap;gap:5px}
.sw i{width:22px;height:22px;border-radius:4px;border:3px solid #5b3a1a;cursor:pointer;box-sizing:border-box}
.sw i.on{outline:3px solid #ff5a2c;outline-offset:1px}
.gsel{display:flex;gap:6px}.gsel .btn{margin:0;padding:5px 16px;font-size:17px}
.cyc{display:flex;align-items:center;gap:8px}
.cyc .btn{padding:2px 10px;margin:0}
.cyc span{min-width:110px;text-align:center;font-weight:600}
.cbtns{display:flex;justify-content:space-between;margin-top:14px;flex-wrap:wrap;gap:6px}
#touch{display:none}
.coarse #touch{display:block}
.coarse #help{display:none}
.tb{position:fixed;width:56px;height:56px;border-radius:50%;background:rgba(246,231,198,.6);border:3px solid rgba(74,44,20,.85);font-weight:700;font-size:20px;color:#3b200c;display:flex;align-items:center;justify-content:center;z-index:5}
.tb:active,.tb.down{background:rgba(255,211,77,.85)}
#tbUse{right:28px;bottom:178px;width:78px;height:78px;font-size:28px}
#tbAct{right:116px;bottom:114px;width:62px;height:62px}
@media (max-width:980px){.slot{width:38px;height:38px}.slot canvas{width:28px;height:28px;left:3px;top:3px}}
#pauseBtn{position:fixed;top:10px;left:10px;z-index:5;display:none;padding:4px 10px;font-size:18px}
.coarse #pauseBtn{display:block}
.intitle #pauseBtn{display:none!important}
@media (max-width:640px){
 .slot{width:29px;height:29px;border-width:2px;border-radius:3px}
 .slot canvas{width:22px;height:22px;left:1.5px;top:1.5px}
 .slot .k{display:none}.slot .q{font-size:10px}
 #hotbar{gap:1px;padding:3px;flex-wrap:wrap;width:276px;justify-content:center}
 #iname{bottom:80px;font-size:14px}
 #toast{bottom:106px;font-size:13px}
 #clock{padding:3px 8px 3px 4px;gap:6px}#dial{width:44px;height:24px}
 #hDay{font-size:12px}#hTime{font-size:15px}#hFarm{display:none}
 #goldBox{font-size:14px;padding:2px 8px}
 .copts{grid-template-columns:1fr}
 #prev{width:144px;height:156px}
}

/* ---- Lesbarkeit ---- */
:root{--ink:#2b1a0a}
html,body{font-family:"Nunito","Trebuchet MS",sans-serif;font-weight:700}
.box{font-weight:800}
#logo,#press,.panel h2,#hTime,#cGo,#menu .btn{font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif}
.panel h2{font-size:28px;color:#4a2a10}
.panel p{font-size:17px;line-height:1.5}
.btn{font-weight:800;font-size:16px;letter-spacing:.2px}
#menu .btn{font-weight:600}
.row .info{font-size:15px;line-height:1.4;color:#3a2410}
.row .info b{font-size:17px;color:#2b1a0a}
.row .info small{font-size:13.5px;color:#5a3a1a}
.quote{color:#5a3a1a}
#help{font-size:15px;font-weight:700;line-height:1.6;color:#3a2410}
#help b{font-weight:900;color:#2b1a0a}
#hFarm{font-size:13px;color:#6a4a20;font-weight:800}
#hDay{font-size:16px;font-weight:900}
#hTime{font-size:22px}
#goldBox{font-weight:900}
#toast{font-size:17px;font-weight:800;padding:8px 18px}
#iname{font-size:18px;font-weight:900;letter-spacing:.3px}
.slot .q{font-weight:900;font-size:14px}
#questBox{font-size:14.5px;font-weight:800;color:#3a2410}
.copts{font-size:16px}.copts label{font-weight:900;color:#3a2410}
.letter p{font-size:18px;line-height:1.55}
.ship{font-size:16.5px}
#logo .l2{font-weight:800}
/* ---- Fortschritt ---- */
#fade.q{transition:opacity .35s}
.pbar{position:relative;height:20px;background:#e0c896;border:3px solid #8b5a2b;border-radius:8px;overflow:hidden;margin:8px 0}
.pbar i{display:block;height:100%;background:linear-gradient(#8ad868,#4caf50)}
.pbar span{position:absolute;inset:0;text-align:center;font-weight:900;font-size:13px;line-height:15px;color:#2b1a0a}
.okmsg{color:#2f7a2a;font-weight:900}
#dailyGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px}
.dcard{background:#fff8e8;border:3px solid #c9955a;border-radius:6px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;line-height:1.15}
.dcard canvas{width:30px;height:30px;image-rendering:pixelated}
.dcard.got{opacity:.45}.dcard.got b::after{content:' ✓'}
.dcard.today{border-color:#ff5a2c;background:#fff0b8;transform:scale(1.08);box-shadow:0 0 0 3px #ffd34d}
.jpanel{max-width:min(640px,94vw);width:640px}
.jpanel h3{margin:14px 0 6px;font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;font-size:20px;color:#4a2a10}
#lvlBox{display:flex;align-items:center;gap:8px;padding:3px 10px;cursor:pointer}
#hLvl{font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;font-size:16px;color:#4a2a10}
#lvlBox i{display:block;width:90px;height:8px;background:#d8c49a;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(0,0,0,.2)}
#lvlBox em{display:block;height:100%;background:linear-gradient(#9ae070,#4f9a37);transition:width .4s}
.ab.dot{position:relative}.ab.dot::after{content:'';position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#e8455a;border:2px solid #fff4d8;animation:pulse2 1s infinite}
@keyframes pulse2{50%{transform:scale(1.25)}}
.jpanel{display:flex;flex-direction:column;height:min(88vh,760px);overflow:hidden!important;width:min(720px,96vw)!important;max-width:96vw!important}
.jtabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:6px;border-bottom:3px solid #d8b884;margin-bottom:8px;flex:none;scrollbar-width:none}
.jtab{flex:1 0 auto;position:relative;font:inherit;background:#efe0bc;border:2px solid #b8a070;border-radius:8px 8px 4px 4px;padding:4px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;min-width:64px;color:#4a2a10}
.jtab span{font-size:20px;line-height:1.15}.jtab b{font-size:12.5px}
.jtab.on{background:linear-gradient(#f4c06a,#dc9334);border-color:#6b3f1d}
.jtab .dot{position:absolute;top:3px;right:5px;width:10px;height:10px;border-radius:50%;background:#e8455a;border:2px solid #fff}
#journalBody{flex:1;overflow:auto;min-height:0;padding-right:4px;-webkit-overflow-scrolling:touch;touch-action:pan-y}
img.pix{width:24px;height:24px;image-rendering:pixelated;vertical-align:middle}
.chhead{display:flex;gap:16px;align-items:center;background:#fff4d8;border:2px solid #e0c896;border-radius:10px;padding:10px}
#chPortrait{width:80px;height:140px;image-rendering:pixelated;background:linear-gradient(#bfe3f2,#e8f4e0);border:3px solid #6b3f1d;border-radius:10px;flex:none}
.chinfo{flex:1;min-width:0}.chinfo h3{margin:0 0 4px!important}
.badge{font-size:13px;background:#ffe9a8;border:2px solid #d8a830;border-radius:6px;padding:1px 6px;vertical-align:3px;font-family:"Nunito",sans-serif}.badge.gold{background:linear-gradient(#ffe070,#e8b030)}
.lvl{margin:8px 0 4px}.lvl b{font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;font-size:20px}.lvl i{display:block;height:12px;background:#d8c49a;border-radius:6px;overflow:hidden;margin:3px 0;box-shadow:inset 0 1px 0 rgba(0,0,0,.2)}.lvl em{display:block;height:100%;background:linear-gradient(#9ae070,#4f9a37)}.lvl small{font-size:12.5px}
.next{color:#3d7a35!important}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:10px}
.stats div{background:#fffaf0;border:2px solid #e8d4a8;border-radius:8px;padding:6px 8px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}
.stats span{grid-row:span 2;font-size:20px}.stats small{font-size:12px;color:#7a5a3a}.stats b{font-size:16px}
.passhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.passhead h3{margin:0!important}
.ptier{background:linear-gradient(#f4c06a,#dc9334);border:3px solid #6b3f1d;border-radius:10px;padding:2px 12px;text-align:center;flex:none}.ptier b{font-size:26px;font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:6px}
.pcell{position:relative;background:#fffaf0;border:2px solid #e0c896;border-radius:8px;padding:16px 4px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:100px}
.pcell>small{position:absolute;top:2px;left:5px;font-weight:800;color:#8a6a3a}
.pcell span{font-size:11.5px;line-height:1.15}.pcell img.pix{width:32px;height:32px}
.pcell.lock{opacity:.55}.pcell.got{background:#e8f4d8;border-color:#8ac070}.pcell.got b{color:#3d7a35;font-size:18px}
.pcell.can{border-color:#e8a020;animation:pulse 1.2s infinite}
.pcell.ex{background:linear-gradient(#fff4d0,#ffe6a8)}.pcell.ex::after{content:'EXKLUSIV';position:absolute;top:3px;right:4px;font-size:8px;font-weight:900;color:#b5452f}
html[lang=en] .pcell.ex::after{content:'EXCLUSIVE'}
.pcell.got.ex{background:linear-gradient(#eef8e0,#d8f0c0)}
.pcell .btn{padding:2px 8px;font-size:13px;margin:0}
@keyframes pulse{50%{box-shadow:0 0 0 3px #ffd34d}}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:5px}
.acell{background:#fffaf0;border:2px solid #e0c896;border-radius:8px;padding:5px 3px;text-align:center;display:flex;flex-direction:column;align-items:center}
.acell img.pix{width:32px;height:32px}.acell span{font-size:11px;line-height:1.1}.acell.no{background:#efe4cc;color:#9a8460}
.ach i{display:block;height:5px;background:#e0d0b0;border-radius:3px;overflow:hidden;margin-top:3px}.ach em{display:block;height:100%;background:#e8a020}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}
#confetti i{position:absolute;top:-12px;width:7px;height:11px;border-radius:2px;animation:cfall linear forwards}
@keyframes cfall{to{transform:translateY(105vh) rotate(800deg)}}
.lupanel{text-align:center;width:min(420px,92vw)}.lubadge{font-size:54px;line-height:1;animation:popin .6s}
@keyframes popin{0%{transform:scale(.2)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
#luTitle{font-size:34px;margin:4px 0}
.lurow{display:flex;gap:10px;text-align:left;background:#fff4d8;border:2px solid #e0c896;border-radius:8px;padding:6px 10px;margin:5px 0;font-size:15px}.lurow b{font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;min-width:44px}
.suppanel{width:min(640px,94vw)}.supcards{display:flex;gap:10px;flex-wrap:wrap}
.supcard{flex:1 1 220px;background:#fffaf0;border:3px solid #e0c896;border-radius:12px;padding:10px 12px}.supcard.gold{background:linear-gradient(#fff6d0,#ffe9a8);border-color:#d8a830}
.supcard.act{box-shadow:0 0 0 3px #5ab84a}.supcard h3{margin:0 0 4px!important}.sprice{font-size:26px;font-weight:900;font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif}.sprice small{font-size:13px}
.supcard ul{padding-left:18px;margin:6px 0 10px;font-size:14px}.devrow{margin-top:10px;padding-top:8px;border-top:2px dashed #d8b884;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.devrow .btn{padding:3px 10px;font-size:13px;margin:0}
b.lock{color:#b5452f}.row.locked{opacity:.65}
#chTitle{font:inherit;font-size:14px;border:2px solid #b8a070;border-radius:6px;background:#fffaf0;padding:1px 4px}
@media (max-width:640px){.jtab{min-width:52px;padding:3px 4px}.jtab b{font-size:10.5px}.jtab span{font-size:17px}#chPortrait{width:60px;height:105px}#lvlBox i{width:56px}#lvlBox{padding:2px 8px}#hLvl{font-size:13px}.pgrid{grid-template-columns:repeat(3,1fr)}}

.btn.mini{padding:1px 8px;font-size:12.5px;margin:0 0 0 4px}
.wchest{display:flex;align-items:center;gap:10px;margin-top:8px;background:#fff4d8;border:2px dashed #d8b884;border-radius:10px;padding:8px 10px}
.wchest.can{border:2px solid #e8a020;animation:pulse 1.2s infinite;background:linear-gradient(#fff4d0,#ffe6a8)}.wchest.got{opacity:.7}.wci{font-size:30px}.wchest div{flex:1}
.tpanel{width:min(520px,94vw)}
.thead{display:flex;align-items:center;gap:14px;margin-bottom:6px}
#talkPortrait{width:64px;height:72px;image-rendering:pixelated;background:linear-gradient(#bfe3f2,#e8f4e0);border:3px solid var(--wood);border-radius:8px;flex:none}
.thead h2{margin:0 0 2px}
.hearts{font-size:20px;letter-spacing:1px;line-height:1}.hearts small{font-size:13px;letter-spacing:0;color:#5a3a1a;vertical-align:3px}
.hf{color:#e8456a;text-shadow:0 1px 0 #8a1a3a}.he{color:#d8c4a0}
.bubble{background:#fffaf0;border:2px solid #d8b884;border-radius:10px;padding:10px 12px;margin:8px 0 12px;min-height:44px;font-size:16px}
.tbtns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tbtns .btn{margin:0}.tbtns p{width:100%;margin:0}
.giftGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;width:100%;margin-bottom:6px;max-height:40vh;overflow:auto}
.gslot{position:relative;background:#f4e4c0;border:2px solid #b08850;border-radius:6px;padding:4px;cursor:pointer;height:52px}
.gslot:hover{background:#ffe9b8;border-color:#7a4a24}
.gslot canvas{width:32px;height:32px;image-rendering:pixelated;display:block;margin:auto}
.gslot span{position:absolute;right:3px;bottom:1px;font-size:12px;font-weight:800;color:#3b200c}
.gslot i{position:absolute;left:3px;top:0;font-style:normal;color:#e8456a;font-size:13px}
.seasbox{background:#fff4d8;border:2px solid #e0c896;border-radius:8px;padding:8px 10px;margin-bottom:6px;font-size:16px}
.hrt{color:#e8456a;font-size:15px;text-align:right}.hrt em{color:#d8c4a0;font-style:normal}
.jt.fr span:first-child{flex:1 1 220px}
.seas{background:#fff4d8;border-radius:6px;padding:6px 8px}
.jt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding:6px 0;border-bottom:2px dashed #e0c896;font-size:15px}
.jt i{flex-basis:100%;display:block;height:7px;background:#e0c896;border-radius:4px;overflow:hidden}.jt i em{display:block;height:100%;background:#5cc04a}
.jt.done{color:#2f7a2a}
.sm{font-size:13.5px!important;color:#5a3a1a}
.achs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}
.ach{background:#fff8e8;border:2px solid #d8b884;border-radius:6px;padding:5px 8px;font-size:14px;opacity:.65}.ach.got{opacity:1;border-color:#e8b830;background:#fff2c0}
.ach small{display:block;color:#6a4a20}
#questBox{cursor:pointer}
@media (max-width:640px){#dailyGrid{grid-template-columns:repeat(4,1fr)}}
/* ---- Karte ---- */
.intitle #minimap{display:none!important}
.mappanel{max-width:min(1040px,96vw);width:auto}
.mapwrap{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
#bigmap{width:min(620px,88vw);height:auto;aspect-ratio:5/4;image-rendering:pixelated;border:4px solid #8b5a2b;border-radius:4px;box-shadow:0 3px 0 #5b3a1a;background:#2c5729}
.legend{flex:1;min-width:240px;font-size:15px;line-height:1.35}
.legend>div{display:flex;gap:10px;align-items:center;padding:5px 0;border-bottom:2px dashed #e0c896}
.legend .li{font-size:22px;width:28px;text-align:center;flex:none}
.legend .open{color:#2f7a2a;font-weight:900}.legend .closed{color:#b5452f;font-weight:900}
.legend .prog{display:block;padding:8px 0}
.legend .prog i{display:block;height:12px;background:#e0c896;border:2px solid #8b5a2b;border-radius:6px;margin:5px 0;overflow:hidden}
.legend .prog em{display:block;height:100%;background:linear-gradient(#8ad868,#4caf50)}
.legend small{color:#5a3a1a;font-size:13.5px}
@media (max-width:640px){#hDay{font-size:12.5px}#hTime{font-size:16px}#toast{font-size:13.5px}#iname{font-size:15px}.legend{min-width:0}}

/* ---- UI v0.11 ---- */
#hud{gap:5px}
.hrow{display:flex;gap:5px;align-items:stretch}
#lvlBox,#goldBox{padding:3px 10px}
#coin{width:18px;height:18px;image-rendering:pixelated}
#hAudio{display:none}
#actbar{position:fixed;left:10px;bottom:10px;display:flex;gap:4px;padding:4px;z-index:4}
.ab2{position:relative;font:inherit;background:linear-gradient(#fff4dc,#ecd5a6);border:2px solid #8a5a2c;border-radius:6px;width:46px;height:46px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;color:#3b200c;box-shadow:0 2px 0 #6a4020}
.ab2:hover{background:linear-gradient(#fffaf0,#f4e0b8);transform:translateY(-1px)}
.ab2:active{transform:translateY(1px);box-shadow:none}
.ab2 span{font-size:20px;line-height:1}.ab2 kbd{font:800 9.5px "Nunito",sans-serif;color:#7a5a30;margin-top:2px}
.ab2.dot::after{content:'';position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:#e8455a;border:2px solid #fff4d8;animation:pulse2 1s infinite}
.intitle #actbar{display:none!important}
#pauseBtn{display:none!important}
.prow{display:flex;gap:6px}.prow .btn{min-width:117px;margin:0}.prow .btn.off{opacity:.6}
#help{max-width:270px;padding:8px 12px;font-size:14px;line-height:1.45}
#help .hh{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
#helpX{cursor:pointer;font-size:16px;padding:0 4px;color:#7a5a30}
#help .keys{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;font-size:13px;font-weight:800}
#help p{margin:6px 0 2px;font-size:13.5px}#help small{color:#8a6a40;font-size:11.5px}
kbd{display:inline-block;font:900 11px "Nunito",sans-serif;background:#fffaf0;border:1.5px solid #b8a070;border-bottom-width:3px;border-radius:4px;padding:0 4px;min-width:12px;text-align:center;color:#4a2a10}
.ab2 kbd{background:none;border:0;padding:0}
.invpanel{width:min(600px,96vw)}
.invmeta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;font-weight:800;margin:-4px 0 6px;color:#5a3a1a}
.invlbl{font-weight:900;font-size:14px;margin:8px 0 4px;color:#4a2a10;display:flex;align-items:center;gap:8px}.invlbl small{font-weight:700;color:#8a6a40}
.igrid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.igrid .slot{width:auto;aspect-ratio:1;height:auto}
.igrid .slot canvas{width:70%;height:70%;left:15%;top:15%}
#invHot{background:#e8d4a8;padding:4px;border-radius:8px}
.slot.pick{border-color:#3a7ad0;box-shadow:0 0 0 3px #8ac0ff;background:#eaf4ff}
.slot.hand{border-color:#ff5a2c;background:#fff0c8}
#invInfo{margin-top:10px;min-height:70px;background:#fffaf0;border:2px solid #e0c896;border-radius:10px;padding:8px 10px}
.iinfo{display:flex;gap:10px;align-items:flex-start}.iinfo b{font-size:17px}.iinfo small{font-size:13.5px;color:#5a3a1a;line-height:1.4}
img.pix.big{width:48px;height:48px;flex:none;background:#f4e4c1;border-radius:8px;border:2px solid #e0c896}
#invBtns{justify-content:flex-start;margin-top:6px}#invBtns .btn{padding:4px 10px;font-size:14px}
.chname{font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;font-size:28px;line-height:1.1;color:#2b1a0a}
.ribbon{display:inline-block;position:relative;background:linear-gradient(#e86a4a,#c8402a);color:#fff8e8;font-weight:900;font-size:14px;padding:2px 14px;margin:4px 8px 4px 0;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);text-shadow:0 1px 0 #7a1a0a}
.chsub{margin:2px 0}
.lvlrow{display:flex;justify-content:space-between;align-items:baseline}
.titles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.tchip{font:inherit;text-align:left;background:#fffaf0;border:2px solid #e0c896;border-radius:8px;padding:5px 8px;cursor:pointer;display:flex;flex-direction:column;color:#3b200c}
.tchip b{font-size:14px}.tchip small{font-size:11.5px;color:#7a5a3a}
.tchip.on{border-color:#c8402a;background:#fff0e8;box-shadow:0 0 0 2px #f4a080}.tchip.lock{opacity:.6;background:#efe4cc}
.tchip.ex b::after{content:' 🎟️';font-size:11px}
@media (max-width:640px){
 .ab2{width:38px;height:38px}.ab2 span{font-size:17px}.ab2 kbd{display:none}
 .igrid{grid-template-columns:repeat(5,1fr)}#invHot{grid-template-columns:repeat(5,1fr)}
 #hotbar{width:auto;flex-wrap:nowrap}
 .chname{font-size:22px}
}
.coarse #actbar{left:8px;top:8px;bottom:auto;gap:3px;padding:3px}
@media (max-width:640px){.coarse .ab2{width:34px;height:34px;border-width:2px}.coarse .ab2 span{font-size:16px}#lvlBox i{width:44px}}
.coarse .ab2 kbd{display:none}.coarse .kbhint{display:none}

/* ---- Geschichte ---- */
#luckCv{display:block;width:90px;height:18px;image-rendering:pixelated;margin:2px 0 0 auto}
.qgoal{font-size:13px;color:#2f7a2a;margin-top:2px;font-weight:900}
.storypanel{width:min(580px,94vw)}
#storyArt{width:100%;aspect-ratio:16/9;image-rendering:pixelated;border:3px solid #4a2c14;border-radius:8px;display:block;margin:0 0 10px;background:#0d1030}
#storyTitle{margin:4px 0 6px}
#storyText{white-space:pre-wrap;font-size:17px;line-height:1.55;min-height:80px}
.storypanel.diary{background:#fbf3dc}
.storypanel.diary #storyText{font-family:"Caveat","Segoe Print",cursive;font-size:25px;font-weight:500;line-height:31px;color:#33285a;background:repeating-linear-gradient(#fbf3dc 0 30px,#cdd6ea 30px 31px);padding:6px 14px 10px 18px;border-left:3px solid #e8a0a0;border-radius:4px}
.storyfoot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
#storyDots i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d8c49a;margin:0 3px}#storyDots i.on{background:#c8762a}
.letter.rosi #letterText,#letter.rosi #letterText{font-family:"Caveat","Segoe Print",cursive;font-size:23px;font-weight:500;line-height:1.3;color:#33285a}
.storyhead{display:flex;gap:14px;align-items:center;background:#fff4d8;border:2px solid #e0c896;border-radius:10px;padding:10px}.storyhead h3{margin:0!important}
#frameCv{width:72px;height:72px;image-rendering:pixelated;flex:none}
.goal{font-weight:900;color:#2f7a2a;margin-top:4px;font-size:15px}
.pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:5px}
.pagec{font:inherit;background:#fbf3dc;border:2px solid #e0c896;border-radius:6px;padding:5px 6px;text-align:left;cursor:pointer;color:#33285a;display:flex;flex-direction:column;min-height:54px}
.pagec b{font-size:15px}.pagec small{font-size:11px;line-height:1.15}.pagec:hover{border-color:#c8762a}.pagec.no{background:#efe4cc;color:#a08a60;cursor:default}
@media (max-width:640px){#luckCv{width:68px;height:14px}#storyText{font-size:15px}.storypanel.diary #storyText{font-size:21px;line-height:27px;background:repeating-linear-gradient(#fbf3dc 0 26px,#cdd6ea 26px 27px)}}

/* ---- Ausrüstung ---- */
.intitle #hpbar{display:none!important}
.gearwrap{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.gearfig{display:flex;flex-direction:column;align-items:center;gap:6px}
#gearPortrait{width:96px;height:168px;image-rendering:pixelated;background:linear-gradient(#bfe3f2,#e8f4e0);border:3px solid #6b3f1d;border-radius:10px}
.hpbar{display:flex;flex-direction:column;font-size:13px;font-weight:900;text-align:center}
.gearslots{flex:1;min-width:260px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gslot2{display:flex;gap:8px;align-items:flex-start;background:#fffaf0;border:2px solid #e0c896;border-radius:8px;padding:6px}
.gslot2 img.pix{width:32px;height:32px;flex:none}.gslot2 b{font-size:14px;display:block}.gslot2 small{font-size:11.5px;color:#5a3a1a;display:block}
.gslot2.empty{opacity:.7;border-style:dashed}.gico{font-size:24px;width:32px;text-align:center;flex:none}
.gbtns{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.gbtns .btn.mini{margin:0;font-size:11.5px;padding:1px 6px}
.gpick{font:inherit;cursor:pointer;color:inherit}
.attrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px}
.attr{display:flex;gap:8px;align-items:center;background:#fffaf0;border:2px solid #e0c896;border-radius:8px;padding:6px 8px}
.attr>div{flex:1}.attr b{font-size:15px}.attr small{display:block;font-size:11.5px;color:#5a3a1a}.attr .eqb{display:inline;color:#2f6ad0}
.attr i{display:block;height:5px;background:#e0d0b0;border-radius:3px;overflow:hidden;margin-top:3px}.attr em{display:block;height:100%;background:#5ab84a}
.aico{font-size:22px}.attr .btn{min-width:34px;font-size:18px;padding:2px 8px;margin:0}
b.pts{color:#c8402a}
@media (max-width:640px){#gearPortrait{width:60px;height:105px}.gearslots{grid-template-columns:1fr;min-width:0}.gearfig{flex-direction:row}}

/* ---- HUD v0.16: linke Spalte (Karte, Saison, Tipps), Leisten ---- */
#lefthud{position:fixed;top:10px;left:10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:4;pointer-events:none}
#lefthud>*{pointer-events:auto}
#minimap{display:block;width:150px;height:auto;image-rendering:pixelated;border:4px solid var(--wood);border-radius:6px;box-shadow:0 4px 0 #2b190b,0 8px 18px rgba(0,0,0,.35);cursor:pointer;background:#2c5729}
.intitle #lefthud,.intitle #vitals{display:none!important}
#seasonBadge{position:relative;width:158px;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 6px;padding:4px 8px 6px 5px;cursor:pointer;transition:transform .12s}
#seasonBadge:hover{transform:translateY(-1px)}
#sbIcon{width:28px;height:28px;image-rendering:pixelated;grid-row:span 1}
.sbt{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.sbl{display:flex;justify-content:space-between;align-items:center;gap:4px}
.sbt b{font:700 14px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;color:#3b200c;white-space:nowrap}
.sbt small{font-size:11.5px;font-weight:800;color:#7a5a30;white-space:nowrap}
#sbTier{font:800 11px "Nunito",sans-serif;background:#7a4a20;color:#fff4d0;border-radius:9px;padding:1px 7px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.sbbar{grid-column:1/-1;display:block;height:5px;margin-top:4px;background:#d8c49a;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(0,0,0,.18)}
.sbbar em{display:block;height:100%;background:linear-gradient(90deg,#e8b33d,#e8762a);border-radius:3px;transition:width .4s}
#seasonBadge.urgent .sbt small{color:#c8402a}
#seasonBadge.lock{cursor:default;opacity:.85}#seasonBadge.lock .sbbar{display:none}#seasonBadge.lock #sbTier{background:none;box-shadow:none;padding:0}
#seasonBadge.dot::after{content:'';position:absolute;top:-5px;right:-5px;width:12px;height:12px;border-radius:50%;background:#e8455a;border:2px solid #fff4d8;animation:pulse2 1s infinite}
#seasonBadge.ping{animation:sbping .9s ease 2}
@keyframes sbping{0%,100%{transform:none}30%{transform:scale(1.08) rotate(-2deg)}60%{transform:scale(1.03) rotate(1deg)}}
#lefthud #help{margin-top:2px}
/* Leben und Energie: unten rechts, senkrecht */
#vitals{position:fixed;right:12px;bottom:12px;display:flex;gap:6px;z-index:4}
.vbar{position:relative;width:22px;height:140px;padding:3px;display:flex;flex-direction:column;align-items:stretch}
.vbar span{position:absolute;top:-24px;left:-6px;right:-6px;text-align:center;font-size:14px;text-shadow:0 2px 0 #2b190b}
.vbar .trk{flex:1;display:flex;flex-direction:column;justify-content:flex-end;background:#4a2c14;border-radius:3px;overflow:hidden;box-shadow:inset 0 2px 3px rgba(0,0,0,.4)}
.vbar i{display:block;width:100%;height:calc(var(--v,1)*100%);border-radius:2px;transition:height .25s,width .25s,background .3s;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.18)}
#hFill{background:#e0503a}#eFill{background:#4caf50}
/* Kompakt: Handy und schmale Fenster */
.compact #lefthud{top:58px;left:8px;gap:5px}
.compact #minimap{width:100px;border-width:3px}
.compact #seasonBadge{width:106px;padding:3px 6px 5px 3px;gap:0 3px}
.compact #sbIcon{width:21px;height:21px}
.compact .sbt b{font-size:12px}.compact .sbt small{font-size:10px}
.compact #sbTier{display:none}
.compact #vitals{position:static;flex-direction:column;gap:4px;width:106px}
.compact .vbar{width:auto;height:15px;padding:2px 4px 2px 2px;flex-direction:row;align-items:center;gap:3px;box-sizing:border-box}
.compact .vbar span{position:static;font-size:10px;line-height:1;text-shadow:none;width:14px;flex:none}
.compact .vbar .trk{height:8px;flex-direction:row;justify-content:flex-start}
.compact .vbar i{height:100%;width:calc(var(--v,1)*100%)}
.compact #toast{top:auto;bottom:auto;top:236px;white-space:normal;text-align:center;max-width:84vw;font-size:13.5px}
.compact #clock{padding:5px 8px 4px 5px}

/* ---- Tagesabschluss ---- */
.desum{display:flex;gap:8px;margin:2px 0 8px}
.desum>div{flex:1;background:#fff4d8;border:2px solid #e0c896;border-radius:8px;padding:5px 10px;display:flex;flex-direction:column}
.desum small{font-size:12px;font-weight:800;color:#8a6a40;text-transform:uppercase;letter-spacing:.5px}
.desum b{font:700 22px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;color:#4a2a10}.desum b.earn{color:#2f7a2a}
.ships{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow:auto;margin-bottom:6px}
#deBody .ship{display:flex;align-items:center;gap:8px;font-size:15px;margin:0;background:#fffaf0;border-radius:6px;padding:3px 8px}
#deBody .ship img.pix{width:24px;height:24px;flex:none}
#deBody .ship span{flex:1}#deBody .ship small{margin-left:6px;color:#8a6a40;font-size:12px}
#deBody .ship em{font-style:normal;font-weight:900;color:#2f7a2a}
#deBody .ship.none{color:#8a6a40;font-style:italic;justify-content:center}
#deBody .ship.bonus{background:#fff2c0}
.denews{display:flex;flex-direction:column;gap:4px;margin:4px 0}
.denews p{margin:0;background:#fffaf0;border-left:4px solid #e8b33d;border-radius:4px;padding:4px 8px;font-size:15px}
.denews p.seas{border-left-color:#4fa83e;background:#f2f8e4}
.detom{margin:10px 0 0;padding-top:8px;border-top:2px dashed #e0c896;font-weight:800;color:#5a3a1a}
#deBody .ship .gico{flex:none;width:24px;font-size:17px;text-align:center}
@media (max-width:640px){.jtabs{display:grid;grid-template-columns:repeat(5,1fr);overflow:visible}.jtab{min-width:0}.jtab b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}
@media (max-width:640px){.pcell{min-height:0;padding:14px 3px 5px}}
/* sanftes Öffnen der Fenster und Hinweise */
.overlay.on>.panel{animation:panelIn .2s cubic-bezier(.2,.9,.3,1.2)}
@keyframes panelIn{from{transform:translateY(10px) scale(.97);opacity:0}to{transform:none;opacity:1}}
#toast{transition:opacity .25s,transform .25s}
#toast:not(.on){transform:translateX(-50%) translateY(6px)}
@media (prefers-reduced-motion:reduce){.overlay.on>.panel,#seasonBadge.ping{animation:none}}

/* ---- Cloud-Speicher ---- */
.cloudpanel{width:min(520px,94vw)}
.crow{display:flex;gap:6px;margin:8px 0}
.cin{flex:1;min-width:0;font:700 16px "Nunito",sans-serif;padding:8px 10px;border:2px solid #b8a070;border-radius:8px;background:#fffaf0;color:#3b200c}
.cin:focus{outline:none;border-color:#e8762a;box-shadow:0 0 0 3px rgba(232,118,42,.25)}
#cCode{letter-spacing:4px;text-align:center;font-size:20px}
.crow .btn{margin:0;white-space:nowrap}
.cnote{background:#f2f8e4;border-left:4px solid #4fa83e;border-radius:4px;padding:6px 10px;font-weight:700;font-size:14px}
.cnote.bad{background:#fff0e8;border-left-color:#c8402a;color:#8a2a1a}
.cprivacy{color:#7a5a30}
.cstat{display:flex;gap:10px;align-items:center;background:#fffaf0;border:2px solid #e0c896;border-radius:8px;padding:8px 10px;margin-bottom:6px}
.cstat b{display:block;font-size:15px;word-break:break-all}.cstat small{color:#7a5a30;font-weight:700}
.cdot{width:12px;height:12px;border-radius:50%;background:#4fa83e;box-shadow:0 0 0 3px rgba(79,168,62,.25);flex:none}.cdot.off{background:#c8402a;box-shadow:0 0 0 3px rgba(200,64,42,.25)}
.cdanger{margin-top:12px}.cdanger a{color:#a0402a}
#cloudBody a{font-weight:800}
.ccards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.ccard{background:#fffaf0;border:2px solid #e0c896;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.ccard small{text-transform:uppercase;letter-spacing:.5px;font-weight:900;color:#8a6a40;font-size:11.5px}
.ccard b{font-size:15px}.ccard .btn{margin:6px 0 0;width:100%}
@media (max-width:520px){.ccards{grid-template-columns:1fr}}
.btn.dot{position:relative}
.btn.dot::after{content:'';position:absolute;top:-5px;right:-5px;width:12px;height:12px;border-radius:50%;background:#e8455a;border:2px solid #fff4d8;animation:pulse2 1s infinite}
.ccard.newer{border-color:#e8b33d;background:#fff6dc}.ccard small i{font-style:normal;background:#e8762a;color:#fff;border-radius:6px;padding:0 5px;margin-left:4px;letter-spacing:0;text-transform:none}

/* ---- Startbildschirm v0.18 ---- */
#logo .l1{position:relative}
#logo .l1 em{text-shadow:4px 0 0 #2a4a14,-4px 0 0 #2a4a14,0 4px 0 #2a4a14,0 -4px 0 #2a4a14,4px 4px 0 #2a4a14,-4px 4px 0 #2a4a14,4px -4px 0 #2a4a14,-4px -4px 0 #2a4a14,0 9px 0 #12260a,0 0 28px rgba(140,255,110,.55)}
.ptag{position:absolute;top:-.1em;right:-.2em;transform:rotate(8deg);font:700 clamp(11px,1.4vw,15px) "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;font-style:normal;letter-spacing:1.5px;text-transform:uppercase;color:#3b200c;background:#ffd34d;padding:2px 8px;border:3px solid #4a2c14;box-shadow:0 4px 0 #2b190b;text-shadow:none}
#logo .l2{font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;font-weight:600;letter-spacing:.5px;border:3px solid #4a2c14;box-shadow:0 4px 0 #2b190b;background:#6b3f1d;color:#ffe9b0}
#logo .l3{display:block;margin-top:8px;font-size:clamp(13px,1.6vw,16px);font-weight:800;color:#fff4d0;text-shadow:0 2px 0 #2b190b,0 0 6px rgba(0,0,0,.6)}
#seasonShow{align-self:center;margin-top:3vh;width:min(620px,94vw);box-sizing:border-box;background:linear-gradient(#fff6dc,#f4e2b8);border:4px solid #4a2c14;border-radius:8px;box-shadow:inset 0 0 0 2px #e0b878,0 6px 0 #2b190b,0 12px 24px rgba(0,0,0,.35);padding:8px 10px 8px;animation:ssIn .6s .2s both}
@keyframes ssIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ssHead{display:flex;align-items:center;gap:8px;margin:-8px -10px 8px;padding:6px 10px;background:linear-gradient(90deg,#c8582a,#e8862a 60%,#f0a83a);border-bottom:3px solid #4a2c14;border-radius:4px 4px 0 0}
#seasonShow.s-s2 .ssHead{background:linear-gradient(90deg,#3f6fb0,#5a9ad8 60%,#8ac4ec)}
#ssIcon{width:30px;height:30px;image-rendering:pixelated;background:#fff4d8;border:2px solid #4a2c14;border-radius:4px;padding:1px}
.ssTxt{flex:1;display:flex;flex-direction:column;line-height:1.15}
.ssTxt b{font:700 clamp(16px,2vw,21px) "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;color:#fff8e8;text-shadow:0 2px 0 #4a2c14}
.ssTxt small{font-size:13px;font-weight:800;color:#fff0d0;text-shadow:0 1px 0 #4a2c14}
.ssTier{font:700 13px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;background:#fff4d8;color:#4a2c14;border:2px solid #4a2c14;border-radius:4px;padding:2px 8px;white-space:nowrap}
.ssTrack{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.sst{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fffaf0;border:2px solid #d8b884;border-radius:6px;padding:5px 3px 4px;min-width:0}
.sst .ssi{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#f4e2b8;border:2px solid #c8a46a;border-radius:4px}
.sst img.pix{width:32px;height:32px}
.sst b{font:700 12px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;color:#7a4a20;margin-top:3px}
.sst small{font-size:10.5px;font-weight:800;color:#5a3a1a;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.sst.gold{background:linear-gradient(#fff3c0,#ffe08a);border-color:#c8941e;box-shadow:0 0 0 2px rgba(255,211,77,.5)}
.sst.gold .ssi{background:#ffd34d;border-color:#a8741e;animation:goldGlow 2s ease-in-out infinite}
@keyframes goldGlow{50%{box-shadow:0 0 10px 2px rgba(255,220,90,.9)}}
.sst.done{opacity:.6}.ssok{position:absolute;right:-6px;bottom:-6px;font-style:normal;background:#4fa83e;color:#fff;border:2px solid #fff;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:13px;font-weight:900}
.ssFoot{margin-top:6px;text-align:center;font-size:12.5px;font-weight:800;color:#7a4a20}
#ver{font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;font-size:13px;opacity:.85;letter-spacing:.5px}
@media (max-width:640px),(max-height:700px){#title{padding-top:5vh}#seasonShow{margin-top:2vh;padding:6px 7px}.ssTrack{grid-template-columns:repeat(6,1fr);gap:3px}
 .sst{padding:3px 1px}.sst .ssi{width:30px;height:30px}.sst img.pix{width:24px;height:24px}.sst small{display:none}.sst b{font-size:10.5px}.ssFoot{font-size:11px}#logo .l3{display:none}
 #menu .btn{min-width:220px;font-size:17px;padding:8px 16px}#menu{gap:6px;margin-bottom:5vh}}
@media (max-width:640px){.ptag{top:-1.15em;right:0;font-size:10px;padding:1px 6px;border-width:2px}}

/* ---- Pixel-Icons ---- */
img.pi{width:22px;height:22px;image-rendering:pixelated;vertical-align:middle;margin:-4px 7px -3px -2px}
.ab2 span img.pi{width:28px;height:28px;margin:0;display:block}
.compact .ab2 span img.pi{width:22px;height:22px}
.jtab span img.pi{width:26px;height:26px;margin:0;display:block}
.vbar span img.pi{width:18px;height:18px;margin:0}
.compact .vbar span img.pi{width:12px;height:12px;display:block}
h2 img.pi{width:30px;height:30px;margin:-6px 4px -4px 0}
#questBox img.pi{width:16px;height:16px;margin:-3px 3px -2px 0}
.qgoal img.pi{width:15px;height:15px}
#menu .btn img.pi{width:26px;height:26px}
.prow .btn img.pi{width:18px;height:18px;margin-right:5px}

/* ---- Förderung & Treue ---- */
.supstat{display:flex;gap:8px;align-items:stretch;margin:6px 0}
.supst1{flex:1;background:#fff6dc;border:2px solid #e8b33d;border-radius:8px;padding:6px 10px;display:flex;flex-direction:column}
.supst1 b{font-size:16px}.supst1 small{font-weight:800;color:#7a5a30}
.supst2{background:#4a2c14;color:#ffe9b0;border-radius:8px;padding:4px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.supst2 b{font:700 26px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;line-height:1}.supst2 small{font-size:11px;font-weight:800}
.supnext{background:#f2f8e4;border-left:4px solid #4fa83e;border-radius:4px;padding:4px 8px;font-weight:800}
.suph{margin:12px 0 2px}
.loyal{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 8px}
.lstep{background:#fffaf0;border:2px solid #e0c896;border-radius:8px;padding:6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;opacity:.75}
.lstep.got{opacity:1;border-color:#e8b33d;background:#fff6dc}
.lstep b{font:700 14px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif}.lstep small{font-size:11px;font-weight:700;color:#5a3a1a;line-height:1.2}
.sbadge{display:inline-block;width:22px;height:22px;flex:none;background:var(--a);border:3px solid var(--b);border-radius:50%;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),inset 0 3px 0 rgba(255,255,255,.4),0 2px 0 #2b190b;position:relative}
.sbadge::after{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--b);clip-path:polygon(50% 0,62% 38%,100% 38%,69% 61%,80% 100%,50% 76%,20% 100%,31% 61%,0 38%,38% 38%)}
.sbadge.off{filter:grayscale(1);opacity:.45}
.sbadges{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.sbadges .sbadge{width:16px;height:16px;border-width:2px}.sbadges .sbadge::after{width:6px;height:6px;margin:-3px 0 0 -3px}
@media (max-width:640px){.loyal{grid-template-columns:repeat(2,1fr)}}
.devrow .btn{margin:2px}
.suppanel{max-height:92vh;overflow:auto}
/* ---- Werkbank v0.19 ---- */
#craft .panel{width:min(760px,96vw);max-height:92vh;overflow:auto}
#craft .panel>p{display:none}
.ctabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border-bottom:3px solid #d8b884;padding-bottom:6px;margin-bottom:6px}
.ctab{position:relative;font:inherit;background:#efe0bc;border:2px solid #b8a070;border-radius:8px 8px 4px 4px;padding:4px 4px 3px;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#4a2a10}
.ctab img.pix{width:28px;height:28px}.ctab b{font-size:12.5px}
.ctab.on{background:linear-gradient(#ffcf7a,#f0a83a);border-color:#8a5a2c;box-shadow:0 2px 0 #6a4020}
.ctab i{position:absolute;top:-6px;right:-4px;font-style:normal;font-size:11px;font-weight:900;background:#4fa83e;color:#fff;border:2px solid #fff4d8;border-radius:9px;padding:0 5px;line-height:14px}
.cfilter{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:#6a4a20;margin:2px 0 6px;cursor:pointer}
.clist{display:flex;flex-direction:column;gap:6px}
.rc{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;background:#fffaf0;border:2px solid #e0c896;border-radius:8px;padding:6px 8px}
.rc.ok{border-color:#8ac860;background:#f6fbec}.rc.lock{opacity:.6;background:#efe4cc}
.rci{width:44px;height:44px;background:#f4e2b8;border:2px solid #c8a46a;border-radius:6px;display:flex;align-items:center;justify-content:center}
.rci img.pix{width:36px;height:36px}
.rct b{font-size:15.5px}.rct b small{color:#7a5a30}.rct p{margin:1px 0 4px;font-size:12.5px;color:#5a3a1a;line-height:1.25}
.ceat{font-style:normal;font-size:12px;font-weight:900;color:#2f7a2a;margin-left:6px}
.ings{display:flex;flex-wrap:wrap;gap:4px}
.ing{display:inline-flex;align-items:center;gap:3px;background:#fff0e8;border:1.5px solid #e0a890;border-radius:12px;padding:1px 7px 1px 2px;font-size:12px}
.ing.ok{background:#eef8e4;border-color:#9ad080}
.ing img.pix{width:18px;height:18px}.ing b{font-weight:900;color:#b5452f}.ing.ok b{color:#2f7a2a}.ing small{color:#6a4a20;font-weight:700}
.rcb{display:flex;flex-direction:column;gap:4px;align-items:stretch}.rcb .btn{margin:0;white-space:nowrap}
.clock{font-weight:900;font-size:13px;color:#8a6a40;white-space:nowrap}
.cempty{text-align:center;padding:14px}
@media (max-width:640px){.rc{grid-template-columns:40px 1fr;}.rci{width:38px;height:38px}.rci img.pix{width:30px;height:30px}.rcb{grid-column:1/-1;flex-direction:row;justify-content:flex-end}.ing small{display:none}.ctab b{font-size:10.5px}.ctab img.pix{width:22px;height:22px}}
/* Moossteine im Geschichte-Reiter */
.stones{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0}
.stn{background:#efe4cc;border:2px solid #b8b0a0;border-radius:8px;padding:6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}
.stn i{width:22px;height:28px;background:#7d838b;border-radius:8px 8px 2px 2px;box-shadow:inset 3px 0 0 #9aa0a8,inset 0 4px 0 #5a9a40}
.stn.on{background:#f2f8e4;border-color:var(--c)}.stn.on i{box-shadow:inset 3px 0 0 #9aa0a8,inset 0 4px 0 #5a9a40,0 0 10px 2px rgba(140,255,120,.8)}
.stn b{font-size:12px}.stn small{font-size:11px;color:#6a4a20;font-weight:700}
@media (max-width:640px){.stones{grid-template-columns:repeat(2,1fr)}}
/* ---- Update-Hinweis & Neuigkeiten ---- */
#updBanner{position:fixed;top:10px;left:50%;transform:translate(-50%,-140%);z-index:60;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;max-width:min(620px,94vw);transition:transform .35s cubic-bezier(.2,.9,.3,1.2);border-color:#c8941e;background:linear-gradient(#fff6dc,#ffe9b0)}
#updBanner.on{transform:translate(-50%,0)}
#updBanner img.pi{width:28px;height:28px;margin:0;flex:none;animation:sway 2s ease-in-out infinite}
.ubt{flex:1;display:flex;flex-direction:column;line-height:1.2;min-width:0}.ubt b{font-size:15px}.ubt small{font-size:12.5px;font-weight:700;color:#7a5a30}
#updBanner .btn{margin:0;white-space:nowrap}
@media (max-width:640px){#updBanner{flex-wrap:wrap;top:auto;bottom:90px;transform:translate(-50%,160%)}#updBanner.on{transform:translate(-50%,0)}.ubt{flex-basis:70%}}
#newsui{z-index:40}.newspanel{width:min(480px,92vw)}.newspanel ul{margin:4px 0 8px;padding-left:20px}.newspanel li{margin:3px 0;font-weight:700}.newspanel h3{margin:8px 0 2px;color:#7a4a20}
/* ---- Statistik ---- */
.stats span img.pix,.stats span img.pi{width:30px;height:30px;margin:0;display:block}
.echart{display:flex;align-items:flex-end;gap:4px;height:120px;background:#fffaf0;border:2px solid #e8d4a8;border-radius:8px;padding:8px 8px 4px}
.eb{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;min-width:0}
.eb i{display:block;width:100%;max-width:26px;background:linear-gradient(#ffd34d,#c8941e);border:2px solid #8a5a10;border-bottom:0;border-radius:3px 3px 0 0;box-shadow:inset 3px 0 0 rgba(255,255,255,.35)}
.eb.best i{background:linear-gradient(#9ae070,#4fa83e);border-color:#2f7a2a}
.eb small{font-size:10px;font-weight:800;color:#7a5a30}
.echart0{background:#fffaf0;border:2px dashed #e0c896;border-radius:8px;padding:10px;text-align:center}
img.pi.em{width:18px;height:18px;margin:-4px 2px -3px 0}
#toast img.pi.em{width:20px;height:20px}
.echart+*{margin-top:0}
h3:has(+.echart){display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:14px}
h3:has(+.echart) img.pi{width:18px;height:18px;align-self:center;margin:0}
h3 img.pi{width:20px;height:20px;vertical-align:-3px;margin:0 4px 0 0}
.echart{margin-bottom:6px}

/* ================= v0.21 Werkbank als Rezeptbuch ================= */
#craft .panel{width:min(920px,96vw);max-width:none;height:min(660px,92vh);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;padding:16px 18px 12px}
#craft #craftList{flex:1;min-height:0;display:flex;flex-direction:column}
#craft .panel>div:last-child{margin-top:8px!important}
.cbody{flex:1;min-height:0;display:grid;grid-template-columns:1fr 320px;gap:12px}
.cleft{min-height:0;display:flex;flex-direction:column}
.cfilter{align-self:flex-start;background:#f4e6c4;border:2px solid #d8b884;border-radius:14px;padding:3px 10px 3px 6px;font-size:12.5px;margin:0 0 8px}
.cfilter input{accent-color:#4fa83e;width:16px;height:16px;margin:0}
.cgrid{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;align-content:start;padding:2px 4px 8px 2px}
.ctile{position:relative;font:inherit;cursor:pointer;background:#fffaf0;border:2px solid #e0c896;border-radius:10px;padding:8px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .08s,box-shadow .08s;color:#4a2a10}
.ctile:hover{transform:translateY(-2px);box-shadow:0 3px 0 #d8b884}
.ctile .cti{position:relative;width:52px;height:52px;background:#f4e2b8;border:2px solid #c8a46a;border-radius:8px;display:flex;align-items:center;justify-content:center}
.ctile .cti img.pix{width:40px;height:40px}
.ctile small{font-size:11.5px;font-weight:800;line-height:1.15;text-align:center;min-height:2.3em;display:flex;align-items:center}
.ctile.ok{border-color:#8ac860;background:#f6fbec}.ctile.ok .cti{background:#e4f4cc;border-color:#7ab850}
.ctile:not(.ok):not(.lock) .cti img.pix{opacity:.55;filter:saturate(.6)}
.ctile.lock{background:#efe6d2;border-style:dashed}.ctile.lock .cti img.pix{filter:grayscale(1) brightness(.75);opacity:.45}.ctile.lock small{color:#9a8060}
.ctile.sel{border-color:#e8862a;box-shadow:0 0 0 3px #ffd34d;background:#fff4d8}
.ctile em{position:absolute;font-style:normal}
.ctile .cn{top:-7px;right:-9px;background:#4fa83e;color:#fff;font-size:11px;font-weight:900;border:2px solid #fffaf0;border-radius:9px;padding:0 5px;line-height:15px}
.ctile .clk{right:-7px;bottom:-7px}.ctile .clk img.pi{width:20px;height:20px}
.cdet{min-height:0;overflow:auto;background:linear-gradient(#fff8e6,#f8ebcc);border:3px solid #c8a46a;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 0 2px #fffaf0}
.cdh{display:flex;gap:10px;align-items:center}
.cdi{flex:none;width:72px;height:72px;background:radial-gradient(circle,#fff4d8 30%,#f0d8a0);border:3px solid #a8844a;border-radius:12px;display:flex;align-items:center;justify-content:center}
.cdi img.pix{width:56px;height:56px}
.cdh b{font-size:19px;line-height:1.15;color:#4a2a10}
.ctags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.ctag{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:900;border-radius:10px;padding:1px 7px;background:#efe0bc;color:#6a4a20;border:1.5px solid #d0b078}
.ctag img.pi,.ctag img.pix{width:14px;height:14px;margin:0}
.ctag.e{background:#e4f4cc;color:#2f7a2a;border-color:#9ad080}.ctag.g{background:#fff0c0;color:#8a5a10;border-color:#e0c060}.ctag.m{background:#e4ecf8;color:#2a5a9a;border-color:#9ab8e0}
.cdd{margin:0!important;font-size:13px!important;line-height:1.35!important;color:#5a3a1a}
.cdl{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8a6a40;border-top:2px dashed #d8b884;padding-top:6px}
.cings{display:flex;flex-direction:column;gap:5px}
.cing{position:relative;display:grid;grid-template-columns:24px 1fr auto;grid-template-rows:auto auto;column-gap:6px;align-items:center;background:#fff;border:2px solid #e8b8a0;border-radius:8px;padding:4px 8px 6px 4px;overflow:hidden}
.cing img.pix{grid-row:span 2;width:24px;height:24px}
.cing span{font-size:13px;font-weight:800}.cing b{font-size:15px;font-weight:900;color:#b5452f}
.cing small{grid-column:2/4;font-size:11px;color:#8a6a40;font-weight:700}
.cing i{position:absolute;left:0;bottom:0;height:3px;width:var(--p);background:#e0a070}
.cing.ok{border-color:#9ad080}.cing.ok b{color:#2f7a2a}.cing.ok i{background:#6cc04a}
.cact{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:4px}
.cqty{display:flex;align-items:center;justify-content:center;gap:6px}
.cqty b{min-width:44px;text-align:center;font-size:17px;font-weight:900}
.qb{font:inherit;font-weight:900;font-size:15px;min-width:36px;height:32px;border-radius:8px;border:2px solid #a8844a;background:#fff4d8;color:#5a3519;cursor:pointer;box-shadow:0 2px 0 #a8844a}
.qb:disabled{opacity:.4;cursor:default}
.btn.cgo{margin:0;width:100%;font-size:17px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px}
.btn.cgo img.pi{width:20px;height:20px;margin:0}
.cdet .clock{display:flex;align-items:center;gap:6px;justify-content:center;background:#efe6d2;border:2px dashed #b8a070;border-radius:8px;padding:8px;white-space:normal;text-align:center}
.cdet .clock img.pi{width:20px;height:20px}
@media (max-width:700px){
 #craft .panel{height:94vh;max-height:94vh;width:98vw;padding:10px 10px 8px}
 .cbody{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:8px}
 .cgrid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px}
 .ctile{padding:6px 2px 4px}.ctile .cti{width:44px;height:44px}.ctile .cti img.pix{width:34px;height:34px}.ctile small{font-size:10.5px}
 .cdet{max-height:46vh;padding:8px;gap:6px;border-width:2px}
 .cdi{width:52px;height:52px}.cdi img.pix{width:40px;height:40px}.cdh b{font-size:16px}
 .cdd{font-size:12px!important}
 .cings{flex-direction:row;flex-wrap:wrap}.cing{flex:1 1 140px;padding:3px 6px 5px 3px}
 .cact{flex-direction:row;align-items:center}.cqty{flex:none}.btn.cgo{flex:1;font-size:15px;padding:8px}
 .qb{min-width:30px;height:30px}
}
/* ---- Fenster: Pixel-Icons in Überschriften, ✕-Knopf ---- */
.panel h2 .hic{display:inline-flex;vertical-align:-4px;margin-right:6px}
.panel h2 .hic img.pi,.panel h2 .hic img.pix{width:30px;height:30px;margin:0}
.panel{position:relative}
.xbtn{position:sticky;top:0;float:right;z-index:5;margin:-8px -12px 0 8px;width:40px;height:40px;padding:0;border-radius:10px;border:3px solid #8a5a2c;background:linear-gradient(#fff4d8,#f0d8a0);box-shadow:0 3px 0 #6a4020;cursor:pointer;display:flex;align-items:center;justify-content:center}
.xbtn img.pi{width:22px;height:22px;margin:0}
.xbtn:hover{background:linear-gradient(#ffe0d0,#f8c0a8)}
.xbtn:active{transform:translateY(2px);box-shadow:0 1px 0 #6a4020}
#craft .xbtn,#journal .xbtn{position:absolute;top:10px;right:10px;margin:0}
@media (max-width:700px),(pointer:coarse){.closerow{display:none!important}}
.jtab.jx{flex:0 0 auto;background:#f8e0d0;border-color:#c0705a}
.jtab.jx:hover{background:#ffd0c0}
/* ---- Läden & Schmiede auf dem Handy: Knöpfe übereinander, mehr Platz für Text ---- */
@media (max-width:700px){
 .row{display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center}
 .row canvas{width:34px;height:34px}
 .row .info{font-size:13.5px;line-height:1.35}.row .info b{font-size:15px}.row .info small{font-size:12px}
 .row .btns{display:flex;flex-direction:column;gap:4px}
 .row .btns .btn{margin:0;min-width:52px;padding:6px 8px;font-size:13.5px}
}
/* ---- Niedrige Bildschirme (Handy quer): kompakter ---- */
@media (max-height:520px){
 .closerow{display:none!important}
 .panel{padding:10px 14px!important;max-height:96vh!important}
 .panel h2{font-size:21px!important;margin:0 0 6px!important}
 .panel h2 .hic img.pi,.panel h2 .hic img.pix{width:24px;height:24px}
 .xbtn{width:34px;height:34px;margin:-4px -8px 0 6px}
 #craft .panel{height:96vh;width:min(980px,98vw)}
 #craft .xbtn{top:6px;right:8px}
 .ctabs{padding-bottom:4px;margin-bottom:4px}
 .ctab{flex-direction:row;gap:6px;justify-content:center;padding:3px 4px}
 .ctab img.pix{width:22px;height:22px}
 .cfilter{margin-bottom:4px}
 .cbody{grid-template-columns:1fr 300px}
 .cgrid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}
 .ctile{padding:5px 2px 3px}.ctile .cti{width:40px;height:40px}.ctile .cti img.pix{width:32px;height:32px}.ctile small{font-size:10.5px;min-height:2.2em}
 .cdet{padding:8px;gap:5px}.cdi{width:52px;height:52px}.cdi img.pix{width:40px;height:40px}.cdh b{font-size:16px}
 .cdd{font-size:12px!important}.cing{padding:2px 6px 4px 3px}
 .btn.cgo{padding:7px;font-size:15px}
 .jtabs{display:flex!important;overflow-x:auto!important;padding-bottom:4px;margin-bottom:6px}
 .jtab{flex:0 0 auto;flex-direction:row;gap:5px;padding:3px 8px;min-width:0}
 .jtab span img.pi{width:20px;height:20px}
 .jpanel{height:96vh}
}
/* Handy quer: Touch-Knöpfe in die untere rechte Ecke, Stick unten links */
@media (max-height:520px) and (orientation:landscape){
 .coarse #tbUse{right:22px;bottom:18px;width:70px;height:70px}
 .coarse #tbAct{right:104px;bottom:12px;width:56px;height:56px}
 .coarse #joyZone{bottom:0;height:72vh;width:38vw}
 .coarse #joyBase{left:84px;bottom:22px;width:104px;height:104px;margin:0 0 0 -52px}
 .coarse #joyBase.on{margin:-52px 0 0 -52px}
 .jtab.jx{position:sticky;right:0;z-index:2;box-shadow:-6px 0 6px -2px rgba(90,60,20,.35)}
}
.jtabs .jtab.jx{position:sticky;right:0;z-index:2}
.tb canvas{width:62%;height:62%;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(60,30,10,.35))}
.jtab.jx{min-width:44px}
.jtab.jx b{display:none}
@media (max-width:640px) and (min-height:521px){.jtab.jx b{display:block}.jtab.jx{position:static}}
/* Handy hochkant: Minikarte ausblenden (Karte über den Knopf), Anzeige schmaler */
@media (orientation:portrait){.compact #minimap{display:none!important}}
.ctlTouch{display:none;background:#eef8e4;border:2px solid #9ad080;border-radius:10px;padding:2px 12px;margin:4px 0 8px}
.coarse .ctlTouch{display:block}
/* v0.22.1 – fester Stick unten links; der Rest des Bildschirms bleibt frei zum Antippen */
.coarse #joyZone{left:0;bottom:66px;width:200px;height:200px;border-radius:0 50% 0 0}
.coarse #joyBase{left:100px;bottom:106px;width:120px;height:120px;margin:0 0 0 -60px;background:rgba(246,231,198,.3)}
.coarse #joyBase.on{margin:-60px 0 0 -60px}
@media (max-height:520px) and (orientation:landscape){
 .coarse #joyZone{left:0;bottom:0;width:180px;height:170px}
 .coarse #joyBase{left:88px;bottom:30px;width:110px;height:110px;margin:0 0 0 -55px}
 .coarse #joyBase.on{margin:-55px 0 0 -55px}
}
/* ---- v0.23 Stollen ---- */
#hurtFlash{position:fixed;inset:0;pointer-events:none;z-index:6;background:radial-gradient(ellipse at center,rgba(255,40,30,0) 45%,rgba(200,20,20,.55));opacity:0}
#hurtFlash.on{animation:hurtA .45s ease-out}
@keyframes hurtA{0%{opacity:1}100%{opacity:0}}
.liftgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:8px}
.btn.liftb{margin:0;display:flex;flex-direction:column;align-items:center;padding:10px 6px}
.btn.liftb b{font:700 28px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;line-height:1}
.btn.liftb small{font-size:12px;font-weight:800}
#liftui .panel{max-width:min(520px,94vw)}
.minebar{position:relative;display:flex;justify-content:space-between;align-items:center;background:#2a201a;color:#f4e6c4;border:2px solid #5a4a3e;border-radius:8px;padding:6px 10px 9px;margin:6px 0;overflow:hidden;font-size:13px}
.minebar b{font:700 18px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;color:#ffd88a}
.minebar i{position:absolute;left:0;bottom:0;height:4px;width:var(--p);background:linear-gradient(90deg,#e0823a,#c8b8ff)}
.btn.story{background:linear-gradient(#b8f0a0,#6cc04a);border-color:#2f7a2a;color:#1a3a10}
.btn.story img.pix{width:20px;height:20px;vertical-align:-4px}
.newsver{display:inline-block;font:700 13px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;background:#4fa83e;color:#fff;border-radius:10px;padding:1px 10px;margin:2px 0 4px}
.newspanel li::marker{color:#4fa83e}.newsmore{color:#8a6a40;margin-top:2px!important}
/* ---- v0.24 Level-Aufstieg ---- */
.lu2{position:relative;overflow:hidden;padding-top:14px!important;background:linear-gradient(#fff8e6,#f6e6c0)}
.lu-rays{position:absolute;left:50%;top:-110px;width:380px;height:380px;margin-left:-190px;border-radius:50%;pointer-events:none;
 background:repeating-conic-gradient(from 0deg,rgba(255,211,77,.45) 0 9deg,rgba(255,211,77,0) 9deg 22deg);
 -webkit-mask:radial-gradient(circle,#000 18%,transparent 62%);mask:radial-gradient(circle,#000 18%,transparent 62%);animation:luSpin 14s linear infinite}
@keyframes luSpin{to{transform:rotate(360deg)}}
.lu-medal{position:relative;width:120px;height:138px;margin:0 auto 10px;animation:luPop .7s cubic-bezier(.2,1.6,.4,1)}
.lu-medal canvas{width:120px;height:138px;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(90,50,10,.35))}
.lu-medal b{position:absolute;left:0;right:0;top:32px;text-align:center;font:700 38px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;color:#fff;
 text-shadow:3px 0 #2f6a2a,-3px 0 #2f6a2a,0 3px #2f6a2a,0 -3px #2f6a2a,2px 2px #2f6a2a,-2px -2px #2f6a2a,2px -2px #2f6a2a,-2px 2px #2f6a2a}
@keyframes luPop{0%{transform:scale(.2) rotate(-20deg);opacity:0}60%{transform:scale(1.12) rotate(4deg);opacity:1}100%{transform:scale(1) rotate(0)}}
.lu2 h2{position:relative;margin:2px 0 0!important;font-size:30px!important}
.lu-sub{position:relative;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8a6a40;margin-bottom:10px}
.lu-rw{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lu-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;background:#fffaf0;border:2px solid #e0c896;border-radius:10px;padding:6px 10px;animation:luIn .4s .2s both}
.lu-card img.pix,.lu-card img.pi{grid-row:span 2;width:32px;height:32px;margin:0}
.lu-card b{font:700 20px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;color:#2f7a2a;line-height:1.1}
.lu-card small{font-size:11.5px;font-weight:800;color:#7a5a30}
.lu-unl{position:relative;margin-top:10px;text-align:left}
.lu-h,.lu-next span{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8a6a40;margin-bottom:4px}
.lu-chip{display:flex;align-items:center;gap:4px;background:#eef8e4;border:2px solid #9ad080;border-radius:8px;padding:5px 9px;margin:4px 0;font-size:13.5px;font-weight:800;color:#2a4a1a;animation:luIn .4s both}
.lu-chip img.pi,.lu-chip img.pix{width:18px;height:18px;margin:0 2px 0 0}
@keyframes luIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lu-next{position:relative;margin-top:10px;text-align:left;background:rgba(255,255,255,.5);border:2px dashed #d8b884;border-radius:8px;padding:5px 9px;font-size:12.5px;font-weight:700;color:#6a4a20}
.lu-next img.pi,.lu-next img.pix{width:16px;height:16px}
.lu-btns{position:relative;display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.lu-btns .btn{margin:0}.lu-btns .btn img.pi{width:18px;height:18px;vertical-align:-3px}
/* ---- Feedback ---- */
.fbpanel{width:min(480px,94vw)}
.fbkinds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}
.fbkinds button{font:inherit;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:#fffaf0;border:2px solid #e0c896;border-radius:10px;color:#5a3a1a}
.fbkinds button img.pi{width:28px;height:28px;margin:0}
.fbkinds button.on{background:#fff0c8;border-color:#e8862a;box-shadow:0 0 0 2px #ffd34d}
#fbText{width:100%;box-sizing:border-box;font:600 15px "Nunito",sans-serif;border:2px solid #d8b884;border-radius:10px;padding:8px 10px;background:#fffdf6;color:#3a2410;resize:vertical;min-height:110px}
#fbText:focus{outline:none;border-color:#e8862a}
.fbinfo{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;font-weight:700;color:#6a4a20;margin:8px 0}
.fbinfo input{margin-top:2px;accent-color:#4fa83e}
.fbbtns{display:flex;justify-content:flex-end;gap:8px}.fbbtns .btn{margin:0}.fbbtns .btn img.pi{width:18px;height:18px;vertical-align:-3px}
#fbui textarea,#fbui input{user-select:text;-webkit-user-select:text}
#pause .panel>.btn{display:block;margin:6px auto 0!important}
@media (min-width:641px){.jtabs .jtab{flex:1 1 0;min-width:0;padding:2px 3px}.jtabs .jtab b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.jtabs .jtab.jx{flex:0 0 44px}}
@media (max-width:700px){#bigmap{width:100%;max-width:100%;box-sizing:border-box}.mapwrap>*{min-width:0;max-width:100%}}
/* ---- v0.26 Ziehen im Inventar ---- */
.slot[data-src]{touch-action:none}
.slot.dragsrc{opacity:.35}
.slot.dropover{outline:3px solid #ffd34d;outline-offset:-3px;filter:brightness(1.08)}
.dragghost{position:fixed;left:0;top:0;width:52px;height:52px;pointer-events:none;z-index:200;display:flex;align-items:center;justify-content:center;
 background:rgba(255,248,232,.9);border:3px solid #4a2c14;box-shadow:0 6px 12px rgba(0,0,0,.35);transform-origin:center}
.dragghost canvas{width:36px;height:36px;image-rendering:pixelated}
.dragghost span{position:absolute;right:3px;bottom:0;font:700 13px "Cloverdawn Digits","Nunito",sans-serif;color:#fff;text-shadow:1px 1px 0 #2b1a10,-1px -1px 0 #2b1a10,1px -1px 0 #2b1a10,-1px 1px 0 #2b1a10}
/* ---- Porträt ---- */
#chPortrait,#gearPortrait{width:90px!important;height:114px!important;image-rendering:pixelated;border:4px solid #4a2c14!important;border-radius:0!important;
 box-shadow:inset 0 0 0 2px #c9955a,0 3px 0 #2b190b!important;background:#9fd8f4;flex:none}
@media (max-width:640px){#chPortrait,#gearPortrait{width:60px!important;height:76px!important;border-width:3px!important}}
/* ---- v0.26 Reise-Weg ---- */
.journey{display:flex;align-items:flex-start;gap:0;margin:2px 0 8px;overflow-x:auto;padding:4px 2px 6px}
.jn{flex:0 0 auto;width:78px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.jn i{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#efe0bc;border:3px solid #8a6a40;border-radius:50%;box-shadow:0 2px 0 #5a3a1a}
.jn i img.pi{width:22px;height:22px;margin:0}
.jn b{font:700 13px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;color:#4a2a10;margin-top:2px}
.jn small{font-size:10.5px;font-weight:800;color:#7a5a30;line-height:1.15}
.jn.done i{background:#d8f0c4;border-color:#3d7a35}
.jn.now i{background:#ffe8a0;border-color:#e8862a;box-shadow:0 0 0 3px #ffd34d,0 2px 0 #5a3a1a;animation:jnPulse 1.6s ease-in-out infinite}
.jn.soon{opacity:.55}
@keyframes jnPulse{50%{transform:scale(1.08)}}
.jl{flex:1 0 14px;height:4px;margin-top:20px;background:repeating-linear-gradient(90deg,#c8a870 0 4px,transparent 4px 8px)}
.jl.done{background:#5ab84a}
.jnow{display:flex;gap:10px;align-items:center;justify-content:space-between;background:linear-gradient(#fff8e0,#ffefc0);border:2px solid #e8b860;border-radius:10px;padding:8px 10px;margin:4px 0}
.jnow span{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#a0702c}
.jnow b{display:block;font-size:14.5px;line-height:1.3;color:#3a2410}
.jnow small{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:#6a4a20;margin-top:2px}
.jnow small img.pi,.jnow .btn img.pi{width:16px;height:16px;margin:0;vertical-align:-3px}
.jnow .btn{margin:0;flex:none;font-size:13px;white-space:nowrap}
.jnext{display:flex;gap:5px;align-items:center;margin:4px 0 10px!important}.jnext img.pi{width:16px;height:16px;flex:none}
/* ---- Was jetzt? ---- */
.whatnow{background:#fffaf0;border:2px solid #e0c896;border-radius:10px;padding:6px 8px;margin-bottom:8px}
.wnh{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8a6a40;display:flex;align-items:center;gap:4px;margin-bottom:2px}
.wnh img.pi{width:16px;height:16px;margin:0}
.wn{display:flex;align-items:center;gap:8px;padding:5px 4px;border-top:1px dashed #e8d4a8;font-size:13.5px;font-weight:800;color:#4a2a10}
.wn:first-of-type{border-top:0}.wn img.pi{width:20px;height:20px;margin:0;flex:none}.wn span{flex:1}.wn[data-go]{cursor:pointer}.wn em{font-style:normal;font-size:20px;color:#c8a070}
.wn.main{background:#fff0c8;border-radius:6px;border-top:0}
.detip{background:#fff4c8;border:2px dashed #e8b860;border-radius:8px;padding:5px 8px;font-weight:800}
@media (max-width:640px){.jn{width:62px}.jn i{width:34px;height:34px}.jnow{flex-direction:column;align-items:stretch}.jnow .btn{align-self:flex-start}}
/* ---- Bitten ---- */
.bitbox{width:100%;background:linear-gradient(#fff8e0,#fff0c8);border:2px solid #e8b860;border-radius:10px;padding:8px;margin-bottom:6px;display:flex;flex-direction:column;gap:6px}
.bith{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#a0702c;display:flex;align-items:center;gap:4px}.bith img.pi{width:16px;height:16px;margin:0}
.bitneed{display:flex;flex-wrap:wrap;gap:6px}
.bitneed span{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:5px;align-items:center;background:#fff;border:2px solid #e8b8a0;border-radius:8px;padding:3px 8px 3px 4px}
.bitneed span img.pix{grid-row:span 2;width:24px;height:24px}.bitneed b{font:700 14px "Cloverdawn Digits","Nunito",sans-serif;color:#b5452f}.bitneed small{font-size:11px;font-weight:800;color:#6a4a20}
.bitneed span.ok{border-color:#9ad080}.bitneed span.ok b{color:#2f7a2a}
.bitrew{font-size:12.5px;font-weight:800;color:#6a4a20}
.bitbox .btn{margin:0;align-self:flex-end}.bitbox .btn img.pi{width:16px;height:16px;vertical-align:-3px}

/* ---- v0.28: lesbare Reiter, Geld-Feedback, Fundmeldungen, Hotbar-Hover, Wegweiser-Wahl ---- */
@media (min-width:641px){
 .jpanel{width:min(880px,96vw)!important}
 .jtabs .jtab{flex:1 0 auto;min-width:max-content;padding:2px 6px}
 .jtabs .jtab b{font-size:12px;overflow:visible;text-overflow:clip;max-width:none}
}
#goldBox{transition:transform .15s}
#goldBox.gup{animation:gup .45s ease-out}#goldBox.gdown{animation:gdown .4s ease-out}
@keyframes gup{0%{transform:scale(1)}30%{transform:scale(1.14);filter:brightness(1.25)}100%{transform:scale(1)}}
@keyframes gdown{0%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}100%{transform:translateX(0)}}
.goldpop{position:fixed;z-index:60;transform:translateX(-50%);font:900 15px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;pointer-events:none;text-shadow:0 2px 0 #2b190b,0 0 3px #2b190b;animation:goldpop 1.5s ease-out forwards;white-space:nowrap}
.goldpop.up{color:#ffe066}.goldpop.down{color:#ff9a8a}
@keyframes goldpop{0%{opacity:0;margin-top:-4px}12%{opacity:1;margin-top:0}70%{opacity:1}100%{opacity:0;margin-top:18px}}
.goldpop.up{animation-name:goldpopU}
@keyframes goldpopU{0%{opacity:0;margin-top:14px}12%{opacity:1;margin-top:6px}70%{opacity:1}100%{opacity:0;margin-top:-8px}}
#pickfeed{position:fixed;left:12px;bottom:96px;z-index:30;display:flex;flex-direction:column;gap:4px;pointer-events:none}
#pickfeed .pf{display:flex;align-items:center;gap:6px;background:rgba(43,25,11,.82);color:#fff4d8;border:2px solid #b07a40;padding:3px 10px 3px 4px;font-weight:800;font-size:13.5px;box-shadow:0 2px 0 #2b190b}
#pickfeed .pf img{width:22px;height:22px;image-rendering:pixelated}
#pickfeed .pf b{color:#a8f070;font-size:14px}
#pickfeed .pf.bump{animation:pfbump .25s ease-out}
@keyframes pfbump{0%{transform:translateX(-14px) scale(.9)}60%{transform:translateX(2px) scale(1.06)}100%{transform:none}}
.compact #pickfeed{bottom:auto;top:46%;left:6px}
.compact #pickfeed .pf{font-size:12px}
@media (hover:hover) and (pointer:fine){
 #hotbar .slot{transition:transform .12s ease,box-shadow .12s ease}
 #hotbar .slot:hover{transform:translateY(-6px) scale(1.07);z-index:2;box-shadow:0 5px 0 rgba(43,25,11,.45),inset 0 0 0 2px #fff4b0}
 #hotbar .slot.sel:hover{transform:translateY(-7px) scale(1.07)}
}
.gask{max-width:min(520px,92vw);text-align:center}
.gask .gtxt{margin:8px 0 14px;line-height:1.45}
.gask .gopts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.gask .ghint{margin-top:12px;color:#7a5a30}
body:has(.overlay.on) #pickfeed{opacity:0;transition:opacity .2s}
/* ---- v0.29: Symbole in den Feldern immer mittig ---- */
.slot canvas{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}
.igrid .slot canvas{left:50%!important;top:50%!important;width:70%;height:70%}
#hotbar .slot .q{right:-1px;bottom:-3px;line-height:1}
@media (max-width:640px){
 #hotbar .slot canvas{width:24px;height:24px}
 #hotbar .slot .q{font-size:9.5px;right:-3px;bottom:-4px;padding:0 1px;background:rgba(43,25,11,.55);border-radius:3px;text-shadow:none}
}
#hotbar .slot.sel{outline:2px solid #ffd34d;outline-offset:-3px;filter:brightness(1.06)}
.compact #pickfeed{top:auto;bottom:178px;left:6px;gap:3px}
.compact #pickfeed .pf{font-size:11px;padding:1px 7px 1px 2px;border-width:1.5px}
.compact #pickfeed .pf img{width:16px;height:16px}
.compact #pickfeed .pf b{font-size:11.5px}
.compact #pickfeed .pf:nth-last-child(n+3){display:none}
/* ---- v0.31: Haus einrichten, Bruno-Reiter ---- */
#furnBtn{position:fixed;right:130px;bottom:24px;z-index:25;font-size:15px;padding:8px 14px}
#furnBtn.on{filter:hue-rotate(80deg) brightness(1.05)}
#furnBar{position:fixed;left:50%;transform:translateX(-50%);top:12px;z-index:25;background:rgba(43,25,11,.86);color:#fff4d8;border:2px solid #e8c060;padding:6px 14px;font-weight:700;font-size:14px;pointer-events:none;max-width:90vw;text-align:center}
.compact #furnBtn{bottom:auto;top:200px;right:8px;font-size:13px;padding:6px 10px}
.compact #furnBar{top:auto;bottom:150px;font-size:12px}
.stabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}
.stabs .ctab{flex:1 1 auto}
.srico img{width:32px;height:32px;image-rendering:pixelated}
#smith .row .srico{flex:0 0 36px}
/* ---- v0.32: Förderer-Pavillon, süß & übersichtlich ---- */
.suppanel{width:min(760px,96vw)!important;max-width:96vw!important}
.sphero{position:relative;border-radius:12px;overflow:hidden;border:3px solid #f0b8cc;box-shadow:0 3px 0 #d88aa8;margin:4px 0 12px;background:#fff1d6}
#sup .sphero img{display:block;width:100%;height:auto;image-rendering:pixelated}
.sphtxt{padding:8px 12px 10px;background:#fffaf4;border-top:2px solid #f0b8cc;display:flex;flex-direction:column;gap:2px;text-align:center}
.sphtxt b{font-size:19px;color:#a83a64}.sphtxt span{font-size:13.5px;font-weight:700;color:#5a3a2a;line-height:1.3}
.spstat{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#fff4c8,#ffe0ec);border:2px solid #e8b33d;border-radius:10px;padding:8px 12px;margin-bottom:10px}
.spst-ic{font-size:26px}.spstat small{display:block;font-size:12px;color:#7a5a3a}.spst-m{margin-left:auto;text-align:center}.spst-m b{font:900 22px "Cloverdawn Digits","Pixelify Sans",sans-serif;color:#a83a64}
.spcards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.spcard{position:relative;background:#fffaf4;border:3px solid #ead4b0;border-radius:14px;padding:12px 12px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 0 #d8c09a;transition:transform .15s}
.spcard:hover{transform:translateY(-3px)}
.spcard.t2{background:linear-gradient(#fff8dc,#ffe8a8);border-color:#e8b33d;box-shadow:0 4px 0 #c8941e,0 0 0 3px rgba(255,211,77,.35)}
.spcard.act{box-shadow:0 0 0 4px #7ad860,0 4px 0 #4a9a3a}
.sprib{position:absolute;top:10px;right:-6px;background:#e8456a;color:#fff;font-weight:900;font-size:12px;padding:3px 10px;border-radius:4px 0 0 4px;box-shadow:0 2px 0 #a8284a}
.sprib::after{content:'';position:absolute;right:0;bottom:-6px;border:3px solid #8a1a3a;border-right-color:transparent;border-bottom-color:transparent}
#sup img.spart{width:120px;height:90px;image-rendering:pixelated;margin:-4px 0 2px}
.spcard h3{margin:0!important;font-size:20px}
.spprice{display:flex;align-items:baseline;gap:5px;justify-content:center;margin:2px 0 6px}
.spprice b{font:900 30px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;color:#2b1a0a;letter-spacing:-.5px}
.spprice small{font-size:13px;font-weight:800;color:#8a6a4a}
.spperks{list-style:none;padding:0;margin:4px 0 10px;text-align:left;width:100%;display:flex;flex-direction:column;gap:5px}
.spperks li{display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:700;color:#3a2410;line-height:1.3}
.spperks li i{font-style:normal;flex:0 0 22px;height:22px;display:grid;place-items:center;background:#fff;border:2px solid #f0d8b0;border-radius:6px;font-size:13px}
.spcard.t2 .spperks li i{border-color:#e8c060}
.spcta{width:100%;font-size:16px!important;padding:10px 8px!important;margin-top:auto;animation:ctaPulse 2.4s ease-in-out infinite}
.spcta:disabled{animation:none}
.spcta.pink{filter:hue-rotate(-40deg) saturate(1.2)}
@keyframes ctaPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
.spsub{margin-top:5px;font-size:12px;font-weight:700;color:#8a6a4a}
.sppet{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#fff0f6,#ffe0ec 60%,#fff4e0);border:3px solid #f0a8c4;border-radius:14px;padding:12px;box-shadow:0 4px 0 #d88aa8;margin-bottom:14px}
.sppet.own{border-color:#7ad860;box-shadow:0 4px 0 #4a9a3a}
.sppetart{flex:0 0 150px;display:grid;place-items:center}
#sup .sppetart img{width:150px;height:auto;image-rendering:pixelated}
.sppetinfo{flex:1;min-width:0}
.sppettag{display:inline-block;background:#e8456a;color:#fff;font-weight:900;font-size:11.5px;padding:2px 8px;border-radius:20px;margin-bottom:2px}
.sppetinfo h3{margin:2px 0 4px!important;font-size:21px;color:#a83a64}
.sppetinfo p{margin:0 0 6px;font-size:14px;font-weight:700;color:#5a3a2a;line-height:1.35}
.spperks.sm2 li{font-size:13px}
.sppetbuy{display:flex;align-items:center;gap:10px}.sppetbuy .spprice{margin:0;flex:none}.sppetbuy .spcta{flex:1}
.sph{margin:6px 0 6px!important;scroll-margin-top:52px}
.sptrack{height:10px;background:#f0e4d0;border:2px solid #d8c09a;border-radius:8px;overflow:hidden;margin-bottom:8px}
.sptrack i{display:block;height:100%;background:linear-gradient(90deg,#ffd34d,#7ad860);border-radius:6px}
.sployal{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:6px}
.splst{background:#fffaf4;border:2px solid #ead4b0;border-radius:10px;padding:8px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}
.splst.got{border-color:#e8b33d;background:#fff6dc}
.splst b{font:700 14px "Cloverdawn Digits","Pixelify Sans",sans-serif}.splst small{font-size:11.5px;font-weight:700;color:#5a3a1a;line-height:1.25}
.splst .sbadge{width:28px;height:28px}
.spfoot{color:#7a5a3a;margin-top:8px}
@media (max-width:640px){
 .spcards{grid-template-columns:1fr}
 #sup img.spart{width:96px;height:72px}
 .sphtxt b{font-size:15px}.sphtxt span{font-size:11.5px}
 .sppet{flex-direction:column;text-align:center}
 .sppetart{flex:none}#sup .sppetart img{width:130px}
 .spperks.sm2{text-align:left}
 .sppetbuy{flex-direction:column;align-items:stretch}
 .sployal{grid-template-columns:repeat(2,1fr)}
 .spprice b{font-size:26px}
}
#pcHint{position:fixed;bottom:9px;left:50%;transform:translateX(-50%);color:#fff4d0;font-size:12.5px;font-weight:700;opacity:.92;background:rgba(43,25,11,.55);padding:3px 12px;border-radius:12px;text-shadow:0 1px 0 #000,0 0 4px rgba(0,0,0,.5);white-space:nowrap;pointer-events:none}
@media (max-width:640px){#pcHint{bottom:30px;font-size:11px;white-space:normal;text-align:center;width:90vw}}
/* ---- v0.34: Einrichten/Dekorieren-Leiste ---- */
#furnPal{display:none;position:fixed;left:50%;transform:translateX(-50%);bottom:84px;z-index:26;width:min(760px,96vw);background:#fff6e4;border:3px solid #b07a40;border-radius:12px;box-shadow:0 4px 0 #6a3f1f,0 8px 20px rgba(0,0,0,.25);padding:8px 10px}
#furnPal.on{display:block}
.fpHead{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.fpTitle{font-size:16px;color:#6a3f1f;white-space:nowrap}
.fpHint{flex:1;font-size:12.5px;font-weight:700;color:#7a5a3a;line-height:1.25}
#fpDone{padding:6px 14px;font-size:15px}
.fpList{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity}
.fpItem{flex:0 0 auto;width:74px;min-height:70px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fffaf0;border:2px solid #e0c896;border-radius:10px;padding:5px 3px;position:relative;cursor:pointer;scroll-snap-align:start;font:inherit}
.fpItem img.pix{width:36px;height:36px}
.fpItem small{font-size:10.5px;font-weight:800;line-height:1.1;color:#4a2c14;text-align:center;overflow:hidden;max-height:24px}
.fpItem i{position:absolute;top:2px;right:4px;font-style:normal;font-weight:900;font-size:12px;color:#fff;background:#8a5a30;border-radius:8px;padding:0 5px}
.fpItem.on{border-color:#5ab84a;background:#e8ffd8;box-shadow:0 0 0 3px rgba(90,184,74,.35);transform:translateY(-3px)}
.fpEmpty{margin:4px 2px;font-size:13px;font-weight:700;color:#7a5a3a}
#furnPop{display:none;position:fixed;z-index:40;background:#fff6e4;border:3px solid #b07a40;border-radius:10px;padding:6px;gap:6px;box-shadow:0 4px 0 #6a3f1f}
#furnPop.on{display:flex}
#furnPop .btn{padding:8px 12px;font-size:15px}
body.furnishing #hotbar,body.furnishing #iname{opacity:.35;pointer-events:none}
body.furnishing #furnBar{display:none!important}
.compact #furnPal{bottom:70px;padding:6px 8px}
.compact .fpHint{font-size:11px}
.compact .fpTitle{font-size:14px}
.compact .fpItem{width:64px;min-height:62px}
.compact .fpItem img.pix{width:30px;height:30px}
@media (max-width:640px){.fpHead{flex-wrap:wrap}.fpHint{order:3;flex-basis:100%}}
/* ---- Gewächshaus (0.35) ---- */
.ghpanel{max-width:640px;width:calc(100vw - 24px)}
.ghinfo{margin:2px 0 8px;color:#6a4a2a}
.ghbtns{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.ghbeds{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ghbed{background:#fffaf0;border:2px solid #e0c896;border-radius:12px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0}
.ghbed b{font-size:12px;line-height:1.15;overflow-wrap:anywhere}
.ghbed small{font-size:11px;color:#6a4a2a}
.ghbed .btn{font-size:12px;padding:4px 8px;width:100%}
.ghbed.empty{border-style:dashed;opacity:.9}
.ghbed.dry{border-color:#d8a860}
.ghbed.wet{border-color:#6ab0e0;background:#f0f8ff}
.ghbed.ripe{border-color:#6ab04a;background:#f0fbe8;box-shadow:0 0 0 2px #b8e8a0 inset}
.ghbed.pick{outline:3px solid #ffb84a}
.ghsoil{width:44px;height:36px;border-radius:8px;background:linear-gradient(#8a5a30,#6a3f1f);display:flex;align-items:center;justify-content:center;font-size:22px}
.ghsoil img.pix{width:30px;height:30px}
.ghbar{width:100%;height:6px;border-radius:4px;background:#e8dcc0;overflow:hidden}
.ghbar i{display:block;height:100%;background:linear-gradient(90deg,#7ad860,#4a9a3a)}
.ghseedrow{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
@media (max-width:560px){.ghbeds{grid-template-columns:repeat(2,1fr)}}
/* ---- Hof-Punkte ---- */
.fscore{background:#fff6dc;border:2px solid #e8c870;border-radius:12px;padding:8px 10px;margin:6px 0 10px}
.fsgrid{display:grid;grid-template-columns:1fr auto;gap:2px 12px;margin-top:6px;font-size:13px}
.fsgrid i{font-style:normal;font-weight:900;color:#6a4a2a;text-align:right}
/* ---- Feste ---- */
.festpanel{max-width:560px;width:calc(100vw - 24px)}
.festact,.festshop{background:#fffaf0;border:2px solid #e0c896;border-radius:12px;padding:8px 10px;margin-top:8px}
.festact .btn{margin-top:4px}
.festitems{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.festnext{background:linear-gradient(90deg,#fff0f6,#fff8e0);border:2px solid #f0b8d0;border-radius:12px;padding:7px 10px;margin:0 0 8px}
.festnext small{display:block;color:#6a4a2a;margin-top:2px}
/* ---- Erfolgs-Banner (0.36) ---- */
#cheer{position:fixed;left:50%;top:84px;z-index:60;display:flex;align-items:center;gap:12px;min-width:260px;max-width:min(560px,92vw);padding:10px 22px 10px 12px;
 background:linear-gradient(#fffbe8,#fff0c4);border:3px solid #c9952a;border-radius:16px;box-shadow:0 0 0 3px #fff8dc inset,0 6px 0 #6a3f1f,0 10px 26px rgba(0,0,0,.35);
 transform:translate(-50%,-140%) scale(.9);opacity:0;pointer-events:none;transition:transform .38s cubic-bezier(.2,1.4,.4,1),opacity .25s;overflow:hidden}
#cheer.on{transform:translate(-50%,0) scale(1);opacity:1}
#cheer .chIcon{flex:none;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;
 background:radial-gradient(circle at 40% 35%,#fff8c0,#f0c040 70%,#c08a10);box-shadow:0 0 0 3px #fff4c0,0 0 16px #ffd34d;animation:chPop .6s cubic-bezier(.2,1.6,.4,1)}
#cheer .chIcon img{width:28px;height:28px}
#cheer .chText{display:flex;flex-direction:column;min-width:0}
#cheer b{font-size:19px;color:#5a3410;line-height:1.15;letter-spacing:.3px}
#cheer span{font-size:14.5px;color:#7a5428;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
#cheer span:empty{display:none}
#cheer .chShine{position:absolute;top:0;bottom:0;width:50px;left:-80px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg)}
#cheer.on .chShine{animation:chShine 1.1s .25s ease-out}
#cheer.k-small{border-color:#6ab04a;background:linear-gradient(#f6fff0,#e0f6d0);box-shadow:0 0 0 3px #f4fff0 inset,0 6px 0 #2f6a2a,0 10px 22px rgba(0,0,0,.3)}
#cheer.k-small .chIcon{background:radial-gradient(circle at 40% 35%,#f0ffd8,#8ad860 70%,#4a9a3a);box-shadow:0 0 0 3px #e8ffd8,0 0 14px #9ae070}
#cheer.k-big{border-color:#e0a020;box-shadow:0 0 0 3px #fff8dc inset,0 6px 0 #6a3f1f,0 0 34px rgba(255,210,80,.8),0 10px 26px rgba(0,0,0,.35)}
#cheer.k-big b{font-size:21px}
#cheer.k-museum{border-color:#8a6ac8;background:linear-gradient(#fbf6ff,#ebe0fb);box-shadow:0 0 0 3px #fbf8ff inset,0 6px 0 #4a3a7a,0 10px 24px rgba(0,0,0,.32)}
#cheer.k-museum .chIcon{background:radial-gradient(circle at 40% 35%,#fff,#c9a0ff 70%,#7a5ac0);box-shadow:0 0 0 3px #f4ecff,0 0 16px #c9a0ff}
@keyframes chPop{0%{transform:scale(.2) rotate(-30deg)}100%{transform:scale(1) rotate(0)}}
@keyframes chShine{to{left:110%}}
@media (max-width:700px){#cheer{top:62px;padding:8px 14px 8px 8px;gap:9px}#cheer .chIcon{width:38px;height:38px;font-size:21px}#cheer b{font-size:16px}#cheer span{font-size:13px}}
/* ---- Dialoge (0.36): Szene unten, großes Porträt, Schreibmaschine ---- */
#talk.overlay{align-items:flex-end;padding-bottom:18px;background:linear-gradient(rgba(20,12,6,.05) 30%,rgba(20,12,6,.6))}
#talk .tpanel{--tcol:#c8a868;width:min(780px,96vw);max-width:96vw;display:grid;grid-template-columns:132px 1fr;column-gap:18px;align-items:start;padding:18px 20px 16px;border-color:#7a4a24}
#talk .thead{display:contents}
#talkPortrait{grid-column:1;grid-row:1/span 4;width:132px;height:132px;border:4px solid #fff4dc;outline:3px solid var(--tcol);border-radius:14px;background:#e8e0c8;box-shadow:0 4px 0 rgba(0,0,0,.25)}
#talk .thead>div{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-width:0}
#talk .thead h2{margin:0;font-size:26px;padding:2px 14px 3px;border-radius:10px;background:var(--tcol);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25);box-shadow:0 3px 0 rgba(0,0,0,.18)}
#talk .hearts{display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;font-size:18px}
#talk .trel{display:flex;align-items:center;gap:6px;width:100%;font-size:12.5px;color:#6a4a2a;letter-spacing:0}
#talk .trel span{font-weight:900;background:#fff3d6;border:1.5px solid #e0c08a;border-radius:8px;padding:0 7px}
#talk .tprog{width:90px;height:6px;border-radius:4px;background:#ead8b8;overflow:hidden}
#talk .tprog i{display:block;height:100%;background:linear-gradient(90deg,#ff9ab8,#e8456a)}
#talk .bubble{grid-column:2;position:relative;margin:10px 0 10px;font-size:18px;line-height:1.5;min-height:62px;cursor:pointer;border-width:2.5px;border-color:var(--tcol)}
#talk .bubble::before{content:'';position:absolute;left:-12px;top:18px;border:6px solid transparent;border-right:8px solid var(--tcol)}
#talk .tw{opacity:0}#talk .tw.on{opacity:1}
#talk .tpanel>*:not(.thead):not(.bubble){grid-column:2}
#talk .tbtns{gap:8px}
#talk .tbtns .btn{border-radius:12px}
@media (max-width:600px){
 #talk.overlay{padding-bottom:6px}
 #talk .tpanel{grid-template-columns:76px 1fr;column-gap:10px;padding:12px 12px 12px;max-height:72vh}
 #talkPortrait{width:76px;height:76px;grid-row:1/span 2;border-width:3px;border-radius:10px}
 #talk .thead h2{font-size:20px;padding:1px 10px 2px}
 #talk .hearts{font-size:14px}
 #talk .tprog{width:60px}
 #talk .bubble{grid-column:1/span 2;font-size:16px;margin:8px 0}
 #talk .bubble::before{display:none}
 #talk .tpanel>*:not(.thead):not(.bubble){grid-column:1/span 2}
}
/* ---- Museum (0.36) ---- */
.muspanel{width:min(760px,96vw);max-width:96vw;padding:16px 18px}
.mushead{display:flex;gap:14px;align-items:center;margin-bottom:4px}
#musArt{width:250px;height:150px;image-rendering:pixelated;border:3px solid #8a6ac8;border-radius:12px;flex:none;box-shadow:0 3px 0 rgba(0,0,0,.2)}
.musinfo{flex:1;min-width:0}
.musinfo h2{margin:0 0 2px;font-size:24px}
.musstage{display:inline-block;font-size:13px;font-weight:900;color:#fff;background:#8a6ac8;border-radius:8px;padding:1px 9px;margin-bottom:4px}
.musinfo .pbar{margin:4px 0}
.musinfo small{display:block;font-size:12.5px;color:#6a4a2a;line-height:1.3}
#musQuote{font-size:15px;margin:6px 0 8px}
.mustabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:6px}
.mtab{flex:none;font:inherit;font-weight:800;font-size:13px;border:2px solid #d8c0a0;background:#fffaf0;border-radius:10px;padding:4px 9px;cursor:pointer;color:#4a2c14;white-space:nowrap}
.mtab i{font-style:normal;font-size:11.5px;color:#8a6a4a}
.mtab.on{background:#8a6ac8;border-color:#6a4aa8;color:#fff}.mtab.on i{color:#f0e6ff}
.mtab.full:not(.on){border-color:#e0b040;background:#fff6d6}
.musgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;max-height:44vh;overflow:auto;padding:2px}
.mcat{grid-column:1/-1;font-weight:900;color:#5a3a7a;font-size:14px;margin-top:4px;border-bottom:2px dashed #d8c8f0}
.mcat small{color:#8a6a9a}
.mc{position:relative;font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 3px 5px;border-radius:12px;border:2px solid #e0d0f0;background:#faf6ff;cursor:pointer;min-height:84px}
.mc small{font-size:10.5px;font-weight:800;line-height:1.1;color:#4a2c14;text-align:center;overflow-wrap:anywhere}
.mped{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 70%,#fff,#ece2fa);box-shadow:inset 0 -4px 0 #d8c8f0}
.mped img.pix{width:32px;height:32px}
.mc.miss .mped img{filter:brightness(0) opacity(.22)}
.mc.miss small{color:#a898b8}
.mc.done{border-color:#c9a0ff;background:linear-gradient(#fff,#f3ebff)}
.mc.done .mped{background:radial-gradient(circle at 50% 70%,#fffbe8,#f6e6a8);box-shadow:inset 0 -4px 0 #e0c060,0 0 0 2px #fff4c0}
.mc.ready{border-color:#f0b030;background:#fff8e0;animation:mcPulse 1.3s ease-in-out infinite}
.mc.ready em{position:absolute;top:-7px;right:-4px;font-style:normal;font-size:10.5px;font-weight:900;color:#fff;background:#e8822a;border-radius:8px;padding:1px 6px;box-shadow:0 2px 0 #a04a10}
.mc.fresh{animation:mcIn .7s cubic-bezier(.2,1.6,.4,1)}
.mc.fresh .mped{animation:mcShine 1s ease-out}
@keyframes mcPulse{50%{box-shadow:0 0 0 3px rgba(255,190,60,.45)}}
@keyframes mcIn{0%{transform:scale(.6) rotate(-8deg)}100%{transform:scale(1)}}
@keyframes mcShine{0%{box-shadow:0 0 0 0 #ffd34d,inset 0 -4px 0 #e0c060}100%{box-shadow:0 0 0 18px rgba(255,211,77,0),inset 0 -4px 0 #e0c060}}
.musbtns{display:flex;justify-content:space-between;gap:8px;margin-top:10px;flex-wrap:wrap}
@media (max-width:600px){.mushead{flex-direction:column;align-items:stretch}#musArt{width:100%;height:auto;max-height:180px;object-fit:cover}.musgrid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));max-height:40vh}.muspanel{padding:12px}}
/* ---- Startseite (0.37) ---- */
#landing{position:fixed;inset:0;z-index:80;overflow-y:auto;overflow-x:hidden;background:linear-gradient(#fff6e4,#f6ead2 40%,#efe0c4);color:#3a2410;transition:opacity .45s,transform .45s;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
#landing.off{opacity:0;transform:scale(1.03);pointer-events:none}
.lhero{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden}
#lCanvas{display:block;width:100%;height:min(54vh,46vw);min-height:220px;image-rendering:pixelated;object-fit:cover;object-position:50% 100%}
.lhero::after{content:'';position:absolute;left:0;right:0;top:calc(min(54vh,46vw) - 90px);height:90px;background:linear-gradient(rgba(255,246,228,0),#fff6e4);pointer-events:none}
.lhead{position:relative;z-index:2;text-align:center;padding:0 18px 30px;max-width:760px;margin-top:-34px}
.lbadge{display:inline-block;font-weight:900;font-size:13px;background:#3a2410;color:#ffe9b0;border-radius:20px;padding:4px 12px;letter-spacing:.5px;margin-bottom:6px}
.lhead h1{font-family:var(--pxfont,inherit);font-size:clamp(46px,9vw,92px);margin:0;line-height:1;color:#2f6a2a;text-shadow:0 4px 0 #fff4dc,0 8px 0 rgba(58,36,16,.25)}
.lhead h1 em{font-style:normal;color:#e8822a}
.lsub{font-size:clamp(18px,3vw,26px);font-weight:900;margin:4px 0 6px;color:#5a3a1a}
.lclaim{font-size:17px;font-weight:700;margin:0 auto 18px;max-width:520px;line-height:1.45}
.lplay{font:inherit;font-weight:900;font-size:clamp(22px,3.4vw,30px);padding:14px 40px;border-radius:18px;border:4px solid #2f6a2a;background:linear-gradient(#8ae060,#4aa83a);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25);
 box-shadow:0 6px 0 #1f4a1c,0 12px 26px rgba(47,106,42,.45);cursor:pointer;animation:lplay 2.2s ease-in-out infinite}
.lplay:hover{filter:brightness(1.08);transform:translateY(-2px)}.lplay:active{transform:translateY(3px);box-shadow:0 2px 0 #1f4a1c}
.lplay.small{font-size:22px;padding:10px 30px;animation:none}
@keyframes lplay{50%{box-shadow:0 6px 0 #1f4a1c,0 12px 34px rgba(122,216,96,.75)}}
.lmini{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin-top:14px;font-weight:800;font-size:13.5px;color:#6a4a2a}
.lnav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.lnav a,.llang{font:inherit;font-weight:900;font-size:14px;color:#5a3a1a;text-decoration:none;background:#fffaf0;border:2px solid #e0c896;border-radius:20px;padding:5px 13px;cursor:pointer}
.lnav a:hover,.llang:hover{background:#fff2cc}
.lsec{max-width:980px;margin:0 auto;padding:34px 20px 10px}
.lsec h2{font-size:clamp(24px,3.6vw,34px);margin:0 0 10px;color:#3a2410;text-align:center}
.lp{font-size:17px;line-height:1.55;max-width:720px;margin:0 auto 18px;text-align:center;font-weight:600}
.lcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.lcard,.lway{background:#fffaf0;border:3px solid #e0c896;border-radius:18px;padding:14px 16px;box-shadow:0 4px 0 #d8bf8e}
.lcard b,.lway>b{font-size:30px;display:block}
.lcard h3,.lway h3{margin:4px 0 4px;font-size:19px;color:#4a2c14}
.lcard p,.lway p{margin:0;font-size:15px;line-height:1.45;font-weight:600}
.ltabs{display:flex;justify-content:center;gap:8px;margin-bottom:12px}
.ltabs button{font:inherit;font-weight:900;font-size:15px;border:2px solid #e0c896;background:#fffaf0;border-radius:12px;padding:6px 14px;cursor:pointer;color:#5a3a1a}
.ltabs button.on{background:#4aa83a;border-color:#2f6a2a;color:#fff}
.lsteps{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.lsteps li{display:flex;gap:10px;align-items:flex-start;background:#fffaf0;border:2px solid #e8d4a8;border-radius:16px;padding:12px;position:relative}
.lsteps .ln{position:absolute;top:-9px;left:-6px;width:26px;height:26px;border-radius:50%;background:#e8822a;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 0 #a04a10}
.lsteps li>b{font-size:28px;line-height:1}
.lsteps h3{margin:0 0 2px;font-size:17px}.lsteps p{margin:0;font-size:14.5px;line-height:1.4;font-weight:600}
.ltip{margin:16px auto 0;max-width:720px;background:#eaf6dc;border:2px solid #9ad078;border-radius:14px;padding:10px 14px;font-size:15.5px;font-weight:700;display:flex;gap:8px;align-items:center}
.ltip span{flex:1}.ltip button{font:inherit;font-weight:900;border:2px solid #9ad078;background:#fff;border-radius:10px;cursor:pointer;padding:2px 9px}
.lvote{background:radial-gradient(circle at 50% 0,#fff2c8,transparent 70%)}
.lvlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;max-width:880px;margin:0 auto}
.lvopt{font:inherit;position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 10px;text-align:left;background:#fffaf0;border:3px solid #e0c896;border-radius:16px;padding:10px 12px;cursor:pointer;color:#3a2410}
.lvopt:not([disabled]):hover{border-color:#e8822a;transform:translateY(-2px);box-shadow:0 4px 0 #e0c896}
.lvi{font-size:28px;grid-row:1/span 2}
.lvt{font-weight:900;font-size:15.5px;line-height:1.25}
.lvgo{font-weight:900;font-size:13px;background:#e8822a;color:#fff;border-radius:10px;padding:4px 10px}
.lvbar{grid-column:2;height:9px;border-radius:6px;background:#efe0c4;overflow:hidden}
.lvbar i{display:block;height:100%;background:linear-gradient(90deg,#ffd34d,#e8822a);transition:width .8s}
.lvn{grid-row:1/span 2;grid-column:3;font-weight:900;font-size:15px;color:#8a5a30}
.lvopt[disabled]{cursor:default}
.lvopt.me{border-color:#4aa83a;background:#f2ffe8}
.lvopt.me::after{content:'✓';position:absolute;top:-9px;right:-6px;width:24px;height:24px;border-radius:50%;background:#4aa83a;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center}
.lvopt.lead .lvbar i{background:linear-gradient(90deg,#8ae060,#4aa83a)}
.lvmsg{text-align:center;font-weight:800;color:#6a4a2a;min-height:22px;margin:10px 0}
.lvmsg.pop{animation:chPop .4s}
.lidea{display:flex;gap:8px;max-width:720px;margin:4px auto 0}
.lidea textarea{flex:1;font:inherit;font-weight:600;font-size:15px;min-height:52px;border:2px solid #e0c896;border-radius:12px;padding:8px 10px;resize:vertical;background:#fffaf0}
.lways{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.lway .btn{margin-top:8px}
.lsoon{display:inline-block;margin-top:8px;font-weight:900;font-size:13px;background:#ffe0ec;color:#b03a6a;border-radius:10px;padding:3px 10px}
.lsupport{padding-bottom:20px}
.lfoot{text-align:center;padding:24px 16px 40px}
.lfoot p{font-weight:700;color:#8a6a4a;font-size:13.5px}
#toLanding{position:absolute;left:12px;top:12px;font:inherit;font-weight:900;font-size:13px;background:rgba(255,250,240,.85);border:2px solid #e0c896;border-radius:12px;padding:4px 10px;cursor:pointer;color:#5a3a1a;z-index:3}
@media (max-width:600px){#lCanvas{height:38vh;min-height:200px}.lhero::after{top:calc(38vh - 90px)}.lsec{padding:26px 14px 6px}.lidea{flex-direction:column}.lvlist{grid-template-columns:1fr}.lcards{grid-template-columns:1fr 1fr;gap:10px}.lcard p{font-size:13.5px}.lcard h3{font-size:16px}}
/* ---- Langzeit (0.38) ---- */
.linst{margin-top:12px}
.linstall{font:inherit;font-weight:900;font-size:15px;border:2px solid #3a2410;background:#3a2410;color:#ffe9b0;border-radius:14px;padding:7px 16px;cursor:pointer}
.linstall:hover{filter:brightness(1.2)}
.linst p{font-size:13px;font-weight:700;color:#6a4a2a;margin:5px 0 0;min-height:0}
#wback{position:fixed;left:14px;bottom:110px;z-index:45;width:min(340px,calc(100vw - 28px));padding:12px 14px 10px;transform:translateX(-120%);transition:transform .45s cubic-bezier(.2,1.2,.4,1);pointer-events:auto}
#wback.on{transform:none}
#wback h3{margin:0 22px 6px 0;font-size:18px;color:#4a2c14}
#wback ul{margin:0;padding:0;list-style:none}
#wback li{font-size:14px;font-weight:700;line-height:1.35;padding:3px 0;border-top:1px dashed #e0c896}
#wback li:first-child{border-top:none}
#wback .wbx{position:absolute;top:6px;right:8px;font:inherit;font-weight:900;border:none;background:none;cursor:pointer;color:#8a6a4a;font-size:16px}
@media (max-width:700px){#wback{bottom:auto;top:120px}}
.rankbox{background:linear-gradient(90deg,#fff3d0,#fffaf0);border:2px solid #e0b040;border-radius:12px;padding:8px 10px;margin:0 0 8px}
.rankbox .pbar{margin:5px 0}
.rankbox small{display:block;color:#6a4a2a}
/* Tagebuch-Reiter auf dem Handy: ganze Wörter statt „Ausrü…“ */
@media (max-width:640px){.jtabs{gap:3px!important}.jtabs .jtab{padding:3px 0}.jtabs .jtab b{font-size:9.5px;letter-spacing:-.5px;overflow:visible;text-overflow:clip;white-space:nowrap;max-width:none}}
@media (max-width:370px){.jtabs .jtab b{font-size:8.5px}}@media (max-width:330px){.jtabs .jtab b{font-size:8px;letter-spacing:-.6px}}
/* ---- Hinweis beim Zeigen (0.41) ---- */
#htip{position:fixed;z-index:90;pointer-events:none;max-width:240px;background:#3a2410;color:#fff4d0;border:2px solid #c9955a;border-radius:10px;padding:5px 9px;font-weight:800;font-size:13.5px;line-height:1.3;box-shadow:0 4px 12px rgba(0,0,0,.35);opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}
#htip.on{opacity:1;transform:none}
#htip b{color:#ffe08a}
#htip small{color:#e8d4b0;font-weight:700}
/* v0.42 Ausruhen, Versandkiste */
#restTag{position:fixed;left:50%;top:64px;transform:translateX(-50%);z-index:6;display:none;align-items:center;gap:10px;padding:6px 8px 6px 12px;font-size:13px}
#restTag.on{display:flex}
#restTag .btn{padding:4px 10px;font-size:12px}
#napBtn{background:#6a7ad0;border-color:#3a4a90}
.binpanel{max-width:860px}
.bincols{display:flex;gap:18px;flex-wrap:wrap;margin-top:6px}
.bincols h3{margin:4px 0 6px;font-size:14px}
.binright{flex:1;min-width:220px}
.binin{grid-template-columns:repeat(6,44px);min-height:96px;background:rgba(90,58,26,.12);border-radius:6px;padding:6px;align-content:start}
.binempty{grid-column:1/-1;font-size:12px;opacity:.75;padding:10px 4px}
.binsum{margin-top:8px;font-size:15px;text-align:right}
.binbtns{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:12px}
#binInv .slot.nosell{opacity:.4;cursor:not-allowed}
#furnPop #fpFlip,#furnPop #fpLight{margin-left:4px}
@media (max-width:640px){.bincols{gap:10px}.binpanel h3{font-size:12px}#restTag{top:54px;font-size:11px}}
/* ---- 0.43: Startseite mit großem Morgenbild ---- */
#landing.v2{background:linear-gradient(#f4e6cc,#f6ead2 30%,#efe0c4)}
#landing.v2 .lhero{min-height:100svh;justify-content:flex-start}
#landing.v2 #lCanvas{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:fill}
#landing.v2 .lhero::after{top:auto;bottom:0;height:56px;background:linear-gradient(rgba(244,230,204,0),#f4e6cc)}
#landing.v2 .lhead{position:relative;margin-top:0;padding-top:max(5vh,26px);padding-bottom:0;max-width:820px}
#landing.v2 .lbadge{background:rgba(30,20,50,.55);color:#ffe9b0;border:1px solid rgba(255,233,176,.35);backdrop-filter:blur(2px)}
#landing.v2 .lhead h1{color:#fff4d0;text-shadow:4px 0 0 #3a2410,-4px 0 0 #3a2410,0 4px 0 #3a2410,0 -4px 0 #3a2410,4px 4px 0 #3a2410,-4px 4px 0 #3a2410,4px -4px 0 #3a2410,-4px -4px 0 #3a2410,0 10px 0 rgba(30,15,40,.45),0 0 40px rgba(255,190,120,.6);letter-spacing:1px;animation:bob 4s ease-in-out infinite}
#landing.v2 .lhead h1 em{color:#9be06a}
#landing.v2 .lsub{color:#ffe9b0;text-shadow:0 2px 0 #3a2410,0 0 8px rgba(40,20,60,.6)}
#landing.v2 .lclaim{color:#fff8ec;text-shadow:0 2px 0 rgba(40,20,60,.75),0 0 10px rgba(40,20,60,.5)}
#landing.v2 .lmini{color:#fff4dc;text-shadow:0 1px 0 rgba(40,20,60,.8)}
#landing.v2 .lnav a,#landing.v2 .llang{background:rgba(255,250,240,.9)}
#landing.v2 .lplay{border-color:#1f4a1c}
.ldiv{height:42px;background-repeat:repeat-x;background-size:192px 42px;image-rendering:pixelated;margin:26px 0 -10px;opacity:.9}
#landing.v2 .lsec{padding-top:8px}
#landing.v2 .lcard{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:2px 12px;align-items:start;transition:transform .15s,box-shadow .15s}
#landing.v2 .lcard:hover{transform:translateY(-3px);box-shadow:0 7px 0 #d8bf8e}
.lic{grid-row:1/span 2;width:56px;height:56px;image-rendering:pixelated;background:radial-gradient(circle,#fff4d4,#f4e2b8);border:3px solid #e0c896;border-radius:14px}
#landing.v2 .lcard h3{margin-top:2px}
@media (max-width:600px){#landing.v2 .lhero{min-height:88svh}#landing.v2 #lCanvas{height:100%}#landing.v2 .lhero::after{top:auto}#landing.v2 .lhead h1{font-size:54px}
 #landing.v2 .lclaim{font-size:15px}#landing.v2 .lcard{grid-template-columns:1fr;text-align:center}.lic{grid-row:auto;margin:0 auto 4px;width:46px;height:46px}}

/* ---- 0.43: Hauptmenü aufgeräumt ---- */
#title::after{content:'';position:fixed;left:0;right:0;bottom:0;height:42vh;background:linear-gradient(rgba(30,18,10,0),rgba(30,18,10,.38));pointer-events:none;z-index:-1}
#menu{background:linear-gradient(rgba(74,44,20,.82),rgba(58,34,14,.88));border:4px solid #2b190b;border-radius:10px;box-shadow:inset 0 0 0 2px #8a5a30,0 8px 0 rgba(20,10,4,.5),0 16px 30px rgba(0,0,0,.35);padding:14px 16px}
#menu .btn{transition:transform .12s,filter .12s}
#menu .btn:hover,#menu .btn:focus-visible{transform:translateY(-2px) scale(1.02);filter:brightness(1.07)}
#pcHint{left:14px;transform:none;bottom:10px;font-size:12px;opacity:.85}
.coarse #pcHint{display:none}
@media (max-width:820px){#pcHint{display:none}}
#seasonShow .ssHead{cursor:pointer;position:relative}
.ssMore{font:inherit;font-weight:900;font-size:14px;line-height:1;border:2px solid #4a2c14;background:#fff6dc;color:#4a2c14;border-radius:6px;padding:2px 7px;margin-left:6px;cursor:pointer}
#seasonShow:not(.open) .ssTrack,#seasonShow:not(.open) .ssFoot{display:none}
#seasonShow:not(.open){width:min(440px,94vw);padding:5px 6px}
@media (min-width:1100px) and (min-height:640px){
 #seasonShow{position:absolute;right:22px;top:22px;margin:0;width:340px}
 #seasonShow:not(.open){width:340px}
 #seasonShow .ssTrack{grid-template-columns:repeat(3,1fr)}
}
#seasonShow:not(.open){padding:0;background:none;border:none;box-shadow:none}
#seasonShow:not(.open) .ssHead{margin:0;border:4px solid #4a2c14;border-radius:8px;box-shadow:0 5px 0 #2b190b,0 10px 20px rgba(0,0,0,.3)}
@media (min-width:1100px) and (min-height:640px){#seasonShow{top:auto;bottom:40px}}
@media (max-width:600px){#landing.v2 .lhero{min-height:100svh;background:linear-gradient(#232a5c,#2c3470 40%)}#landing.v2 #lCanvas{top:auto;bottom:0;height:58%}}
/* ---- 0.44: Kalender ---- */
.calLink{cursor:pointer;text-decoration:underline dotted rgba(74,44,20,.45);text-underline-offset:3px}
.calLink:hover{color:#c8582a}
.calhead{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.calttl{flex:1;text-align:center}.calttl b{font-size:20px}
.calnav{font:inherit;font-weight:900;font-size:16px;border:3px solid #4a2c14;background:#fff6dc;border-radius:8px;padding:4px 12px;cursor:pointer;color:#4a2c14;box-shadow:0 3px 0 #2b190b}
.calnav[disabled]{opacity:.35;cursor:default}
.calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.calwd{text-align:center;font-weight:900;font-size:12px;color:#8a5a30;padding-bottom:2px}
.calday{font:inherit;position:relative;min-height:54px;border:2px solid #d8bf8e;background:#fffaf0;border-radius:8px;cursor:pointer;padding:3px;display:flex;flex-direction:column;align-items:flex-start;gap:1px;color:#4a2c14;text-align:left}
.calday:hover{border-color:#e8822a}
.calday.past{opacity:.45}
.calday.today{border-color:#4aa83a;background:#efffe2;box-shadow:inset 0 0 0 2px #8ad060}
.calday.sel{border-color:#c8582a;box-shadow:inset 0 0 0 2px #f0a83a}
.calday.fest{background:linear-gradient(#fff2c8,#fffaf0)}
.caln{font-weight:900;font-size:13px}
.calic{display:flex;flex-wrap:wrap;gap:1px;font-size:14px;line-height:1}
.calic i{font-style:normal}
.calcrop img,.calcrop canvas{width:18px;height:18px}
.calcrop.warn{filter:drop-shadow(0 0 2px #e0503a)}
.caldet{margin-top:10px;background:#fff6dc;border:2px solid #e0c896;border-radius:10px;padding:8px 10px}
.calev{display:flex;align-items:center;gap:8px;margin-top:6px}
.calev>div{flex:1}.calev small{display:block;font-size:12.5px;opacity:.85}
.calev em{font-style:normal;font-weight:900;font-size:12.5px;background:#e8822a;color:#fff;border-radius:8px;padding:2px 8px;white-space:nowrap}
.calev.warn b{color:#c03a2a}
.calei{font-size:20px;width:26px;text-align:center}.calei img,.calei canvas{width:24px;height:24px}
.calnone{margin-top:4px}
.calup{display:flex;flex-direction:column;gap:2px}
.calreal{margin-top:12px;border-top:2px dashed #e0c896;padding-top:8px;display:flex;flex-direction:column;gap:4px}
.calreal img.pi{width:18px;height:18px;vertical-align:-3px}
@media (max-width:640px){.calday{min-height:42px;padding:2px}.caln{font-size:11px}.calic{font-size:11px}.calcrop img,.calcrop canvas{width:13px;height:13px}.calttl b{font-size:16px}}
/* ---- 0.45: Tagebuch mit vier Bereichen ---- */
#jTabs.jnav2{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;overflow:visible}
.jgrps{display:flex;gap:6px}
.jgrp{flex:1 1 0;position:relative;font:inherit;display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 8px;border:3px solid #8a5a30;border-radius:10px;cursor:pointer;
 background:linear-gradient(#f4e2b8,#e6cf98);color:#4a2a10;box-shadow:0 3px 0 #6b3f1d;transition:transform .1s,filter .1s}
.jgrp b{font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;font-size:16px;font-weight:700;white-space:nowrap}
.jgrp img.pi{width:24px;height:24px;display:block}
.jgrp:hover{filter:brightness(1.05);transform:translateY(-1px)}
.jgrp.on{background:linear-gradient(#ffd27a,#e8a040);border-color:#6b3f1d;box-shadow:0 3px 0 #4a2a10,inset 0 2px 0 rgba(255,255,255,.45)}
.jgrp.jclose{flex:0 0 46px;background:linear-gradient(#ffe0d4,#f4c0b0);border-color:#b0604a;box-shadow:0 3px 0 #8a3a2a}
.jgrp .dot,.jsub .dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:#e8455a;border:2px solid #fff}
.jsubs{display:flex;gap:6px;padding:4px 2px 2px;border-bottom:2px dashed #e0c896}
.jsub{position:relative;font:inherit;font-weight:800;font-size:13.5px;display:flex;align-items:center;gap:5px;padding:4px 12px 4px 8px;border:2px solid #d8bf8e;border-radius:20px;background:#fffaf0;color:#6a4020;cursor:pointer}
.jsub img.pi{width:18px;height:18px}
.jsub.on{background:#4a2c14;border-color:#4a2c14;color:#ffe9b0}
.jsub:hover:not(.on){border-color:#e8822a}
.titles.jfold{display:none}
.stats .jhide{display:none}
.jmore{font:inherit;font-weight:800;font-size:12.5px;margin-left:8px;border:2px solid #d8bf8e;background:#fffaf0;border-radius:14px;padding:2px 10px;cursor:pointer;color:#6a4020;vertical-align:middle}
.jmore2{display:block;margin:8px auto 0}
@media (max-width:640px){
 .jgrps{gap:4px}.jgrp{flex-direction:column;gap:1px;padding:4px 2px}.jgrp b{font-size:12px}.jgrp img.pi{width:22px;height:22px}.jgrp.jclose{flex:0 0 40px}
 .jsubs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.jsubs::-webkit-scrollbar{display:none}.jsub{flex:0 0 auto;font-size:12.5px;padding:3px 10px 3px 6px}
}
.jcalline{font:inherit;width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:linear-gradient(90deg,#fff2c8,#fffaf0);border:2px solid #e0c896;border-radius:10px;padding:6px 10px;margin-bottom:8px;cursor:pointer;color:#4a2a10;font-size:14px}
.jcalline span{flex:1}.jcalline img.pi{width:22px;height:22px}
.jcalline em{font-style:normal;font-weight:900;font-size:12.5px;background:#4a2c14;color:#ffe9b0;border-radius:10px;padding:2px 9px;white-space:nowrap}
.jcalline:hover{border-color:#e8822a}
/* ---- 0.45: Startseite besser lesbar ---- */
#landing.v2 .lhead::before{content:'';position:absolute;left:50%;top:0;width:min(900px,120%);height:100%;transform:translateX(-50%);
 background:radial-gradient(ellipse at 50% 42%,rgba(28,18,48,.55),rgba(28,18,48,.32) 45%,rgba(28,18,48,0) 72%);z-index:-1;pointer-events:none}
#landing.v2 .lclaim{font-size:17.5px;font-weight:800}
#landing.v2 .lmini{gap:8px}
#landing.v2 .lmini span{background:rgba(30,20,50,.55);border:1px solid rgba(255,233,176,.3);border-radius:14px;padding:3px 10px;text-shadow:none;color:#fff4dc}
#landing.v2 .lsec h2{font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;font-weight:700;letter-spacing:.5px}
#landing.v2 #lTut,#landing.v2 #lSupport{background:linear-gradient(rgba(234,246,220,.0),rgba(234,246,220,.75) 12%,rgba(234,246,220,.75) 88%,rgba(234,246,220,0));border-radius:24px}
#landing.v2 #lVote{background:linear-gradient(rgba(255,236,190,0),rgba(255,236,190,.7) 12%,rgba(255,236,190,.7) 88%,rgba(255,236,190,0));border-radius:24px}
#landing.v2 .lsteps li>b img.pi,#landing.v2 .lway>b img.pi{width:34px;height:34px;display:block}
#landing.v2 .lsteps li>b{background:radial-gradient(circle,#fff4d4,#f4e2b8);border:2px solid #e0c896;border-radius:12px;padding:5px}
#landing.v2 .lway>b{display:inline-block;background:radial-gradient(circle,#fff4d4,#f4e2b8);border:2px solid #e0c896;border-radius:12px;padding:6px;margin-bottom:4px}
#landing.v2 .lcard,#landing.v2 .lway,#landing.v2 .lsteps li{box-shadow:0 4px 0 #d8bf8e,0 10px 18px rgba(120,80,30,.08)}
#landing.v2 .ltip{box-shadow:0 3px 0 #9ad078}
/* ---- 0.47: späte Stunde, Aufgaben als Karten ---- */
#clock.late #hTime{color:#e0503a;animation:lateBlink 1.2s ease-in-out infinite}
@keyframes lateBlink{50%{color:#ff9a7a}}
.jtasks2 .jt{background:#fffaf0;border:2px solid #e0c896;border-radius:10px;padding:8px 10px 6px;margin:6px 0;box-shadow:0 2px 0 #e0c896}
.jtasks2 .jt i{height:9px;border-radius:5px;margin-top:2px}
.jtasks2 .jt.done{background:#efffe2;border-color:#9ad078;box-shadow:0 2px 0 #9ad078}
.jtasks2 .jt span:last-child{font-weight:800;color:#8a5a30;white-space:nowrap}
.jtasks2 .jt.done span:last-child{color:#2f7a2a}
.jtasks2 h3{margin-top:12px}
.jtasks2 .wnlast{margin-top:14px;opacity:.95}
/* ---- 0.48: Kisten, Infos, Händler ---- */
.chestbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}
.chestbar .btn{font-size:13px;padding:4px 10px}
.chcols{display:flex;gap:4px;margin-left:auto}
.chcol{width:20px;height:20px;border-radius:5px;border:2px solid #4a2c14;cursor:pointer;padding:0}
.chcol.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #e8822a}
.iicat{display:inline-block;font-size:11.5px;font-weight:900;background:rgba(255,255,255,.18);border-radius:8px;padding:0 6px;margin:1px 0 2px}
.iigold{color:#ffd870;font-weight:800}
#htip small{opacity:.85}
#talk .btn.closedshop{opacity:.7}
.barberp{max-width:520px}
.brrow{display:flex;gap:16px;align-items:center;margin:8px 0}
#brPrev{width:176px;height:128px;image-rendering:pixelated;background:radial-gradient(circle,#fff4d4,#f4e2b8);border:3px solid #e0c896;border-radius:12px}
.brctl{flex:1;display:flex;flex-direction:column;gap:10px}
.brline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brline b{min-width:84px}
#brStyle{min-width:110px;text-align:center;font-weight:800}
.brcols{display:flex;flex-wrap:wrap;gap:4px}
.brcol{width:22px;height:22px;border-radius:6px;border:2px solid #4a2c14;cursor:pointer;padding:0}
.brcol.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #e8822a}
.brcost{font-size:14px}
.brbtns{display:flex;gap:8px;justify-content:flex-end}
@media (max-width:640px){.brrow{flex-direction:column}#brPrev{width:132px;height:96px}}
.brline:first-child{flex-wrap:nowrap}.brline b{min-width:70px}#brStyle{min-width:90px}
/* ---- 0.49 Pavillon-Shop ---- */
.spnav{position:sticky;top:-2px;z-index:3;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:6px 4px;margin:-4px 0 10px;background:linear-gradient(#fff6e8 70%,rgba(255,246,232,0));}
.spchip{font:800 13px "Nunito",sans-serif;color:#5a3a1a;background:#fff;border:2px solid #ead4b0;border-radius:20px;padding:5px 12px;cursor:pointer;box-shadow:0 2px 0 #d8c09a}
.spchip:hover{background:#fff2d8}.spchip.on{background:#ffe8a8;border-color:#e8b33d;box-shadow:0 2px 0 #c8941e}
.spday{display:block;margin:-4px 0 6px;font-size:12px;font-weight:800;color:#5a8a3a}
.spsubline{margin:-2px 0 8px;color:#7a5a3a}
.spdaynight{display:flex;align-items:center;gap:6px;margin:-2px 0 8px}
.spshop{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.spitem{position:relative;background:#fffaf4;border:3px solid #ead4b0;border-radius:14px;padding:10px 10px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 0 #d8c09a;transition:transform .15s}
.spitem:hover{transform:translateY(-3px)}
.spitem.own{border-color:#7ad860;box-shadow:0 4px 0 #4a9a3a}
.spitem.duo{background:linear-gradient(#fff8dc,#ffeab8);border-color:#e8b33d;box-shadow:0 4px 0 #c8941e}
.spitag{position:absolute;top:8px;left:8px;background:#6a5ad8;color:#fff;font-weight:900;font-size:11px;padding:2px 8px;border-radius:20px;z-index:1}
.spitag.gold{background:#e8456a}
#sup canvas.spiart{width:132px;height:144px;image-rendering:pixelated;border-radius:10px;border:2px solid #d8c09a;margin:2px 0 6px}
#sup canvas.spiart[data-prem="duo"]{width:176px;height:132px}
.spitem h4{margin:0 0 3px;font-size:17px;color:#3a2410}
.spitem p{margin:0 0 4px;font-size:13px;font-weight:700;color:#5a3a2a;line-height:1.35}
.spibuy{width:100%;margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:2px}
.spibuy .spprice{margin:0}.spibuy .spprice b{font-size:26px}.spibuy s{color:#a08060}
.sprefetch{margin-top:6px!important;font-size:12.5px!important;padding:5px 8px!important}
.spfaq{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.spfaq details{background:#fffaf4;border:2px solid #ead4b0;border-radius:10px;padding:7px 10px}
.spfaq summary{cursor:pointer;font-weight:800;font-size:14px;color:#3a2410}
.spfaq p{margin:6px 0 2px;font-size:13.5px;font-weight:700;color:#5a3a2a;line-height:1.4}
@media (max-width:820px){.spshop{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.spshop{grid-template-columns:1fr}#sup canvas.spiart{width:120px;height:131px}}
/* ---- 0.49 Stollen: Begegnungen ---- */
.bestiary{margin-top:12px;background:#2a2230;border:3px solid #4a3a5a;border-radius:12px;padding:8px 10px;color:#f4ecff}
.bestiary>b{font-size:14px}
.bestgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:6px}
.best{display:flex;flex-direction:column;align-items:center;gap:2px;background:#3a3048;border-radius:8px;padding:6px 2px;text-align:center}
.best img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}
.best small{font-size:10.5px;font-weight:800;line-height:1.1}.best i{font-style:normal;font-size:11px;color:#c8ffb0;font-weight:800}
.best.unk{opacity:.55}.best .bq{width:40px;height:40px;display:grid;place-items:center;font:900 22px "Pixelify Sans",sans-serif;color:#8a7aa8}
@media (max-width:520px){.bestgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.spnav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:4px;scrollbar-width:none}.spnav::-webkit-scrollbar{display:none}.spchip{font-size:12px;padding:4px 9px;white-space:nowrap;flex:none}}
canvas.aim{cursor:crosshair!important}
/* ---- 0.52 Pausemenü ---- */
#pause .panel.pzpanel{position:relative;width:min(520px,94vw);max-width:none;padding:18px 20px 14px;text-align:left}
.pzpanel h2{text-align:center;margin:0 0 8px!important}
.pzx{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:8px;border:3px solid #5b3a1a;background:linear-gradient(#ffd8c8,#f0a890);color:#7a1a1a;font:900 18px "Nunito",sans-serif;cursor:pointer;box-shadow:inset 0 -3px 0 #d07860,0 2px 0 #2b190b}
.pzhead{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#fff6e2;border:2px solid #e2c896;border-radius:10px;padding:8px 10px;margin-bottom:10px}
.pzfarm{flex:1 1 140px;display:flex;flex-direction:column;line-height:1.15}.pzfarm b{font-size:17px;color:#4a2a10}.pzfarm small{font-size:12.5px;font-weight:700;color:#8a6a4a}
.pzchip{background:#fff;border:2px solid #ead4b0;border-radius:20px;padding:3px 9px;font-weight:800;font-size:13px;color:#5a3a1a;white-space:nowrap}.pzchip.gold{background:#fff4c8;border-color:#e8c060}
.btn.pzresume{display:flex;width:100%;justify-content:center;align-items:center;gap:8px;font-size:20px!important;padding:11px 16px!important;margin:0 0 12px!important}
.pzsec{margin-bottom:10px}.pzsec h4{margin:0 0 6px;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:#9a7a52;font-weight:900}
.pztiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.btn.pztile{margin:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:68px;padding:8px 6px!important;font-size:13.5px!important;line-height:1.15;text-align:center;background:linear-gradient(#f7ecd0,#e6d2a4);box-shadow:inset 0 -3px 0 #c8b07a,inset 0 2px 0 #fff8e4,0 3px 0 #2b190b}
.pztile .pi{width:22px;height:22px;margin:0}
.pzlbl{font-weight:800}.pzstate{font-size:11.5px;font-weight:900;padding:1px 8px;border-radius:10px;background:#7ad860;color:#1a4a10;text-transform:uppercase;letter-spacing:.03em}
.pztile.isoff{opacity:.78}.pztile.isoff .pzstate{background:#d8c8b0;color:#6a5a4a}.pztile.ishalf .pzstate{background:#ffd34d;color:#5a3a00}
.pzrow{display:grid;gap:7px}.pzrow.two{grid-template-columns:1fr 1fr}.pzrow.three{grid-template-columns:repeat(3,1fr)}
.btn.pzbtn{margin:0!important;font-size:13.5px!important;padding:8px 6px!important;display:flex;align-items:center;justify-content:center;gap:5px;line-height:1.15;background:linear-gradient(#f7ecd0,#e6d2a4);box-shadow:inset 0 -3px 0 #c8b07a,inset 0 2px 0 #fff8e4,0 3px 0 #2b190b}
.pzfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;border-top:2px dashed #e2c896;padding-top:8px}
.pzfoot p{margin:0!important;font-size:12.5px!important;color:#8a6a4a;font-weight:700}
.btn.pzexit{margin:0!important;font-size:13px!important;padding:6px 10px!important;background:linear-gradient(#f4dcd0,#e0b8a8);box-shadow:inset 0 -3px 0 #c0907a,0 2px 0 #2b190b}
@media (max-width:520px){.pztiles{grid-template-columns:1fr 1fr}.pzrow.three{grid-template-columns:1fr}.pzfoot{flex-direction:column;align-items:stretch}.pzhead .pzchip{font-size:12px}}
/* ---- 0.52 Läden ---- */
#store .panel.stpanel,#shop .panel.stpanel{width:min(820px,96vw);max-width:none}
#storeList.stgrid,#shopList.stgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.stfilter{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.stfilter .sm{margin-left:auto;color:#8a6a4a;font-weight:700}
.stgrid .row.stcard{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;gap:4px 10px;align-items:start;background:#fffaf0;border:2px solid #ead4b0;border-radius:12px;padding:10px;box-shadow:0 3px 0 #dcc49a}
.stgrid .row.stcard.stnow{border-color:#a8d88a;box-shadow:0 3px 0 #7ab05a}
.stgrid .row.stcard.stno{opacity:.72}
.stcard canvas.sticon{width:48px!important;height:48px!important;image-rendering:pixelated;background:#fff3dc;border:2px solid #e8d0a8;border-radius:10px;padding:4px;box-sizing:border-box;grid-row:1/3}
.stcard .info{font-size:13.5px;line-height:1.35}.stcard .info>b:first-child{font-size:16px}
.stprice{display:inline-block;margin-left:6px;background:#fff4c8;border:2px solid #e8c060;border-radius:12px;padding:0 7px;font-weight:900;font-size:13px;color:#5a3a00}
.stfit{margin-top:4px;font-size:12.5px;font-weight:800;border-radius:8px;padding:2px 7px;display:block;width:max-content;max-width:100%}
.stfit.ok{background:#e4f6d8;color:#2a6a1a}.stfit.late{background:#fff0d0;color:#8a5a10}.stfit.off{background:#f0e8e0;color:#7a6a5a}
.stgain{margin-top:3px;font-size:12.5px;font-weight:800;color:#5a8a3a}
.stcard .btns{grid-column:2;display:flex;gap:6px;justify-content:flex-start}.stcard .btns .btn{margin:0!important;min-width:56px}
@media (max-width:640px){#storeList.stgrid,#shopList.stgrid{grid-template-columns:1fr}}
.stgrid .row.stcard .btns{flex-direction:row!important;flex-wrap:nowrap}.stgrid .row.stcard .btns .btn{flex:0 0 auto;width:auto}
@media (max-width:640px){.stgrid .row.stcard .btns .btn{flex:1 1 0;min-width:0}.pzrow.three{grid-template-columns:repeat(3,1fr)}.pzrow.three .btn.pzbtn{flex-direction:column;font-size:12px!important}.btn.pztile{min-height:60px}}
/* ---- 0.53 Inventar ---- */
#invui .invpanel{width:min(880px,96vw);max-width:none}
.invbody{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;align-items:start}
.invright{position:sticky;top:0}
.invright #invInfo{margin-top:0;min-height:220px;padding:12px;display:flex;flex-direction:column;gap:6px}
.invright .iinfo{flex-direction:column;align-items:center;text-align:center;gap:6px}
.invright .iinfo .ic.big,.invright .iinfo img,.invright .iinfo canvas{width:64px!important;height:64px!important;image-rendering:pixelated;background:#fff3dc;border:2px solid #e8d0a8;border-radius:12px;padding:6px;box-sizing:content-box}
.invright .iinfo b{font-size:18px}.invright .iinfo small{display:block;margin-top:2px}
.invright .tbtns{display:flex;flex-direction:column;gap:5px;margin-top:auto}.invright .tbtns .btn{margin:0!important;width:100%}
.ivchips{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
.ivchip{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:900;padding:2px 9px;border-radius:12px;background:#fff;border:2px solid var(--cat,#e0c896);color:#4a2a10}
.ivchip.g{background:#fff4c8;border-color:#e8c060}.ivchip.e{background:#e8f8dc;border-color:#9ad07a}.ivchip img{width:14px;height:14px}
.ivline{font-size:13px;font-weight:800;color:#5a3a1a;text-align:center}
.ivfan{font-size:12.5px;font-weight:800;color:#7a4a6a;background:#fff0f6;border:2px solid #f4c8dc;border-radius:8px;padding:3px 8px;text-align:center}.ivfan.love{color:#a8284a;background:#ffe4ee;border-color:#f0a0bc}
.igrid .slot.hascat{box-shadow:inset 0 -5px 0 var(--cat),inset 0 2px 0 rgba(0,0,0,.08)}
.igrid .slot{transition:transform .1s ease}.igrid .slot:hover{transform:translateY(-2px)}
.igrid .slot.pick{outline:3px solid #ffd34d;outline-offset:1px}
.cdfans{margin:4px 0 2px;display:flex;flex-direction:column;gap:4px}
@media (max-width:760px){.invbody{grid-template-columns:1fr}.invright{position:static}.invright #invInfo{min-height:0}.invright .iinfo{flex-direction:row;text-align:left}.invright .tbtns{flex-direction:row;flex-wrap:wrap}.invright .tbtns .btn{width:auto;flex:1 1 auto}}
/* ---- 0.53 Gold-Schild ---- */
.goldpop2{position:fixed;z-index:60;transform:translateY(-50%);font:900 15px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;pointer-events:none;white-space:nowrap;padding:3px 9px;border-radius:12px;border:2px solid #5b3a1a;box-shadow:0 2px 0 #2b190b;animation:goldpop2 1.6s ease-out forwards}
.goldpop2.up{background:#fff4c8;color:#7a4a00}.goldpop2.down{background:#ffe0d8;color:#a8283a}
@keyframes goldpop2{0%{opacity:0;margin-right:-14px}10%{opacity:1;margin-right:0}75%{opacity:1}100%{opacity:0;margin-right:10px}}
/* ---- 0.54 Reise: Buch-Titel ---- */
.jbook{font-weight:900;font-size:13px;letter-spacing:.04em;color:#7a5a30;text-transform:uppercase;margin:0 0 4px}
.jdone{background:#f4fbe8;border:2px solid #b8dc98;border-radius:10px;padding:6px 10px;margin:8px 0}
.jdone summary{cursor:pointer;font-weight:900;color:#3a6a2a}.jdone summary small{font-weight:700;color:#6a8a5a;margin-left:4px}
/* ---- 0.56 Hauptmenü im Lindenbrunn-Stil ---- */
#menu{position:relative;padding-top:26px!important}
#menu::before{content:'';position:absolute;left:50%;top:-34px;width:144px;height:52px;transform:translateX(-50%);background:var(--emb) center/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(20,10,4,.55));animation:embGlow 3s ease-in-out infinite}
#menu::after{content:'';position:absolute;inset:-9px;pointer-events:none;background:var(--clv) left top/22px no-repeat,var(--clv) right top/22px no-repeat,var(--clv) left bottom/22px no-repeat,var(--clv) right bottom/22px no-repeat;image-rendering:pixelated}
@keyframes embGlow{0%,100%{filter:drop-shadow(0 3px 0 rgba(20,10,4,.55)) drop-shadow(0 0 0 rgba(140,255,110,0))}50%{filter:drop-shadow(0 3px 0 rgba(20,10,4,.55)) drop-shadow(0 0 8px rgba(140,255,110,.55))}}
/* ---- 0.57 Vignette als CSS-Ebene (gleiches Aussehen wie vorher im Spielbild) ---- */
#vig{position:fixed;inset:0;pointer-events:none;display:none;background:radial-gradient(circle farthest-corner at 50% 50%,rgba(40,20,0,0) 0,rgba(40,20,0,0) 42vmin,rgba(40,20,0,.32) 120%)}
#vig.on{display:block}
/* v0.59: Story-Bilder blenden weich ein */
#storyArt.artin{animation:artIn .5s ease-out}
@keyframes artIn{from{opacity:.2;filter:brightness(1.35) saturate(.7)}to{opacity:1;filter:none}}
/* v0.60: Dorftafel */
.tafel{max-width:440px}
.tfgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px;background:#2c3a32;border:3px solid #8a5a30;border-radius:6px;padding:10px;box-shadow:inset 0 0 0 1px #3a4a40}
.tfrow{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:4px;background:rgba(244,240,224,.06);color:#f4f0e0;text-align:center}
.tfrow b{font-size:26px;line-height:1;letter-spacing:1px;text-shadow:0 0 6px rgba(244,240,224,.25)}
.tfrow span{font-size:12px;opacity:.85}
.tfrow .tfic{font-size:16px;opacity:1}
.tfrow.now{grid-column:1/-1;background:rgba(154,224,112,.12)}
.tfrow.now b{font-size:34px;color:#c8f0a8}
.tfempty{margin-top:10px;padding:16px;text-align:center;background:#2c3a32;color:#f4f0e0;border:3px solid #8a5a30;border-radius:6px}
.tfmsg{text-align:center;margin-top:8px}
.tafelnote{opacity:.75;margin-top:8px}
/* v0.61: Fischbuch */
.fwk{display:flex;gap:10px;align-items:center;padding:10px 12px;margin:8px 0 4px;border-radius:6px;background:linear-gradient(90deg,#d8ecf8,#eef6fb);border:2px solid #4a90d0}
.fwk.done{background:linear-gradient(90deg,#e4f6d4,#f2faea);border-color:#4fa83e}
.fwk.paid{opacity:.7}
.fwk .fwkic{flex:0 0 auto;transform:scale(1.6);margin:0 8px}
.fwk b{display:block}.fwk span{display:block;font-size:13px}.fwk small{display:block;font-size:11px;opacity:.75;margin-top:2px}
.fbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
@media (max-width:520px){.fbgrid{grid-template-columns:1fr 1fr}.fbcell{gap:5px;padding:5px 6px}.fbcell b{font-size:12px}}
.fbcell{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:5px;background:rgba(255,255,255,.55);border:1px solid rgba(90,53,25,.18)}
.fbcell>div{min-width:0}.fbcell b{font-size:13px}.fbcell small{display:block;font-size:11px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fbcell.no{background:rgba(0,0,0,.05)}.fbcell.no b{opacity:.55}
.fbnow{font-style:normal;font-size:10px;margin-left:6px;padding:1px 5px;border-radius:8px;background:#4fa83e;color:#fff;vertical-align:1px}
.fbcell small:first-of-type{white-space:normal}
/* v0.62: Angelwettbewerb */
#contChip{position:fixed;left:50%;top:calc(var(--hudT,0px) + 10px);transform:translateX(-50%);z-index:6;padding:6px 14px;font-size:14px;white-space:nowrap;pointer-events:none}
@media (max-width:640px){#contChip{top:auto;bottom:calc(96px + env(safe-area-inset-bottom));font-size:12px;padding:5px 10px}}
/* ---- v0.64: Startseite 3 ---- */
.llogo{text-align:center;animation:bob 3.5s ease-in-out infinite;font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;margin:2px 0 4px}
.llogo .l1{position:relative;display:inline-block;font-size:clamp(46px,9vw,96px);font-weight:700;color:#fff4d0;letter-spacing:2px;line-height:1.05;
 text-shadow:4px 0 0 #4a2c14,-4px 0 0 #4a2c14,0 4px 0 #4a2c14,0 -4px 0 #4a2c14,4px 4px 0 #4a2c14,-4px 4px 0 #4a2c14,4px -4px 0 #4a2c14,-4px -4px 0 #4a2c14,0 9px 0 #2b190b,0 0 30px rgba(255,190,120,.5)}
.llogo .l1 em{font-style:normal;color:#9be06a;text-shadow:4px 0 0 #2a4a14,-4px 0 0 #2a4a14,0 4px 0 #2a4a14,0 -4px 0 #2a4a14,4px 4px 0 #2a4a14,-4px 4px 0 #2a4a14,4px -4px 0 #2a4a14,-4px -4px 0 #2a4a14,0 9px 0 #12260a,0 0 28px rgba(140,255,110,.55)}
.llogo .lclover{width:.9em;height:.9em;image-rendering:pixelated;vertical-align:-.08em;margin-right:.18em;filter:drop-shadow(0 7px 0 #2b190b);animation:sway 4s ease-in-out infinite;transform-origin:50% 90%}
.llogo .l2{display:inline-block;margin-top:12px;font-size:clamp(15px,2.2vw,22px);font-weight:600;letter-spacing:.5px;color:#ffe9b0;background:#6b3f1d;border:3px solid #4a2c14;box-shadow:0 4px 0 #2b190b;padding:4px 14px;border-radius:4px}
#landing.v3 .lclaim{display:inline-block;font-size:16.5px;font-weight:700;line-height:1.45;color:#fff8ec;background:rgba(30,20,50,.5);border:1px solid rgba(255,233,176,.25);border-radius:14px;padding:8px 14px;margin:14px auto 16px;text-shadow:0 1px 0 rgba(0,0,0,.4);backdrop-filter:blur(2px)}
#landing.v3 .lmini{gap:6px;margin-top:12px}
#landing.v3 .lmini span{font-size:12.5px;font-weight:700;padding:3px 9px}
.llive{margin-top:10px;display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13px;color:#eaffd8;background:rgba(20,50,20,.6);border:1px solid rgba(160,240,130,.4);border-radius:14px;padding:4px 12px}
.ldot{width:8px;height:8px;border-radius:50%;background:#7aff60;box-shadow:0 0 8px #7aff60;animation:ldot 1.6s ease-in-out infinite}
@keyframes ldot{50%{opacity:.35}}
#landing.v3 .lnav a,#landing.v3 .llang{font-size:13.5px;font-weight:800;padding:5px 12px}
/* ruhigere Texte */
#landing.v3{font-family:"Nunito",system-ui,sans-serif}
#landing.v3 .lp{font-size:16.5px;font-weight:600;line-height:1.65;color:#4a3420;max-width:680px}
#landing.v3 .lcard p,#landing.v3 .lway p,#landing.v3 .lsteps p{font-size:15px;font-weight:500;line-height:1.55;color:#4a3420}
#landing.v3 .lcard h3,#landing.v3 .lway h3,#landing.v3 .lsteps h3{font-family:"Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;font-weight:700;letter-spacing:.3px;color:#3a2410}
#landing.v3 .lcard{text-align:left}
/* neue Abschnitte */
.lnewlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-width:900px;margin:0 auto}
.lnew{background:#fffaf0;border:3px solid #e0c896;border-radius:16px;padding:12px 14px;box-shadow:0 4px 0 #d8bf8e}
.lnew p{margin:6px 0 0;font-size:14.5px;line-height:1.5;font-weight:500;color:#4a3420}
.lver{display:inline-block;font:700 13px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;background:#4aa83a;color:#fff;border-radius:8px;padding:2px 8px}
.lnew:first-child{border-color:#8ad060;background:#f4ffea}
.lbooklist{display:grid;gap:12px;max-width:820px;margin:0 auto}
.lbook{display:flex;gap:14px;align-items:flex-start;background:#fffaf0;border:3px solid #e0c896;border-radius:16px;padding:12px 16px;box-shadow:0 4px 0 #d8bf8e}
.lbook>b{font-size:34px;line-height:1}
.lbook h3{margin:0 0 4px;font:700 18px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;color:#3a2410}
.lbook p{margin:0;font-size:15px;line-height:1.55;color:#4a3420}
.lbst{font:800 11.5px "Nunito",sans-serif;background:#efe0c4;color:#6a4a2a;border-radius:8px;padding:2px 7px;vertical-align:2px;margin-left:4px}
.lbook:last-child{border-color:#7ab0e0;background:#f2f8ff}.lbook:last-child .lbst{background:#3f6fb0;color:#fff}
.lppllist{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;max-width:900px;margin:0 auto}
.lppl{display:flex;flex-direction:column;align-items:center;background:#fffaf0;border:2px solid #e8d4a8;border-radius:14px;padding:8px 6px 10px;box-shadow:0 3px 0 #e0c896;text-align:center}
.lppl canvas{width:55px;height:75px;image-rendering:pixelated}
.lppl b{font:700 15px "Cloverdawn Digits","Pixelify Sans","Nunito",sans-serif;color:#3a2410;margin-top:2px}
.lppl small{font-size:12px;font-weight:700;color:#8a6a4a}
.lfaqs{max-width:760px}
.lfaq{background:#fffaf0;border:2px solid #e8d4a8;border-radius:12px;margin:0 0 8px;padding:0 14px}
.lfaq summary{cursor:pointer;font-weight:800;font-size:15.5px;padding:11px 0;color:#3a2410;list-style:none}
.lfaq summary::before{content:'＋';display:inline-block;width:20px;color:#4aa83a;font-weight:900}
.lfaq[open] summary::before{content:'－'}
.lfaq p{margin:0 0 12px 20px;font-size:15px;line-height:1.55;color:#4a3420}
@media (max-width:600px){
 .llogo .l1{font-size:46px;letter-spacing:1px}
 .llogo .l2{font-size:14px;margin-top:8px}
 #landing.v3 .lclaim{font-size:14.5px;margin:10px 8px 12px}
 #landing.v3 .lmini span{font-size:11.5px}
 #landing.v3 .lnav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:2px 14px 6px;margin:12px -18px 0;scrollbar-width:none}
 #landing.v3 .lnav::-webkit-scrollbar{display:none}
 #landing.v3 .lnav a,#landing.v3 .llang{flex:0 0 auto;font-size:13px;padding:5px 11px}
 #landing.v3 .lcards{grid-template-columns:1fr;gap:10px}
 #landing.v3 .lcard{grid-template-columns:auto 1fr;text-align:left;padding:12px 14px}
 #landing.v3 .lcard .lic{grid-row:1/span 2;margin:2px 0 0;width:40px;height:40px}
 #landing.v3 .lp{font-size:15.5px;text-align:left}
 #landing.v3 .lsec h2{font-size:25px}
 .lnewlist{grid-template-columns:1fr}
 .lbook{padding:12px}.lbook>b{font-size:28px}
 .lppllist{grid-template-columns:repeat(3,1fr);gap:8px}
 .lppl canvas{width:44px;height:60px}
}
#landing.v3 .lhead{width:100%;box-sizing:border-box}
.llogo{display:flex;flex-direction:column;align-items:center}
@media (max-width:640px){.llogo .ptag{top:-.45em;right:-.4em}}
.lbook p,.lnew p,.lfaq p{font-weight:500}
@media (max-height:460px) and (orientation:landscape){
 #title{padding-top:8px!important}
 #logo .l1{font-size:42px!important}#logo .l2{font-size:13px!important;margin-top:6px!important}
 #title.ready #seasonShow{display:none!important}#title.ready #logo .l2{display:none!important}
 #seasonShow{margin-top:8px!important}
}
/* ---- v0.65: Läden auf dem Handy kompakter, Zimmerei ---- */
.carphint{margin:10px 0 2px;padding:8px 10px;background:#fff4dc;border:2px dashed #e0c896;border-radius:10px;font-weight:700}
.stabs:has(> :only-child){display:none}
@media (max-width:640px){
 .overlay .panel h2{font-size:22px!important;line-height:1.15}
 .overlay .panel .quote{font-size:14px!important;margin:4px 0 6px!important;line-height:1.35}
 #storeList.stgrid,#shopList.stgrid{gap:8px}
 .stgrid .row.stcard{grid-template-columns:40px 1fr auto!important;grid-template-rows:auto!important;gap:2px 9px!important;padding:8px 9px!important;align-items:center}
 .stcard canvas.sticon{width:40px!important;height:40px!important;padding:3px;grid-row:auto!important}
 .stcard .info{font-size:12.5px;line-height:1.35}.stcard .info>b:first-child{font-size:15px}
 .stprice{font-size:12px;padding:0 6px;margin-left:4px}
 .stfit,.stgain{display:inline-block!important;width:auto!important;margin:3px 4px 0 0!important;font-size:11.5px!important}
 .stgain{padding:2px 0}
 .stgrid .row.stcard .btns{grid-column:3!important;flex-direction:column!important;gap:5px!important}
 .stgrid .row.stcard .btns .btn{flex:0 0 auto!important;min-width:52px!important;width:52px!important;padding:5px 0!important;font-size:14px!important;min-height:0!important}
 #smithList .row,#tailorList .row{display:grid!important;grid-template-columns:40px 1fr;gap:4px 10px;align-items:start}
 #smithList .row>canvas,#tailorList .row>canvas,#smithList .row .srico,#tailorList .row .srico{width:40px!important;height:40px!important;grid-row:1}
 #smithList .row .info,#tailorList .row .info{font-size:13px;line-height:1.4}
 #smithList .row .btns,#tailorList .row .btns{grid-column:1/-1;display:flex!important;justify-content:flex-end;margin:0!important}
 #smithList .row .btns .btn,#tailorList .row .btns .btn{width:100%;padding:7px 10px!important;font-size:15px!important}
}
/* ---- v0.67: Nachfrage, Marktpreise, Ratgeber ---- */
.demtag{display:inline-block;font-size:12px;font-weight:800;border-radius:8px;padding:2px 8px;margin-top:3px;background:#eef4e4;color:#3a6a2a}
.demtag.hot{background:#fff0d0;color:#b0600a;box-shadow:inset 0 0 0 1px #f0b860}
.demtag.mid{background:#fff7e0;color:#8a6a2a}.demtag.low{background:#fde4e0;color:#a83a2a}
.mkbox{background:#fffaf0;border:2px solid #e8d4a8;border-radius:12px;padding:8px 12px 6px;margin:0 0 10px}
.mkbox h3{margin:0 0 6px;font-size:16px}
.mkrow{display:flex;flex-wrap:wrap;gap:6px}
.mkhot{display:inline-flex;align-items:center;gap:5px;background:#fff0d0;border:1px solid #f0b860;border-radius:10px;padding:3px 8px;font-size:13px}
.mkhot em{font-style:normal;font-weight:900;color:#b0600a;font-size:12px}
.mkhelp{opacity:.75;margin:6px 0 2px}
.binhot{margin-top:4px}
.hotslot{box-shadow:inset 0 0 0 2px #f0b860!important}
.ratgeber{background:#f2f8ff;border-left:4px solid #4a90d0;border-radius:6px;padding:7px 10px;margin:8px 0}
/* Gästehaus (v0.68) */
#guestui .panel{max-width:620px}
.grest{display:flex;align-items:center;gap:12px;background:#f3e3bf;border:2px solid #c9a46a;border-radius:8px;padding:8px 12px;margin:6px 0 12px}
.grest b{white-space:nowrap}.grest span{flex:1;font-size:.9em;opacity:.85}
.gorder{display:grid;grid-template-columns:1fr auto;grid-template-areas:"who pay" "items btn";gap:4px 12px;align-items:center;background:#fffaf0;border:2px solid #d8bf8a;border-radius:8px;padding:8px 12px;margin:8px 0}
.gorder.done{opacity:.6;background:#eef6e4;border-color:#9cc48a}
.gorder .gwho{grid-area:who;font-weight:700}.gorder .gpay{grid-area:pay;font-weight:700;color:#8a5a00;text-align:right}
.gorder .gitems{grid-area:items;display:flex;flex-wrap:wrap;gap:4px 8px}
.gorder .gitems span{display:inline-flex;align-items:center;gap:4px;background:#f3e8d0;border-radius:6px;padding:2px 6px;font-size:.9em}
.gorder .gitems span.have{background:#dcefc8}.gorder .gitems img{width:20px;height:20px}
.gorder .btn{grid-area:btn}
@media (max-width:600px){.gorder{grid-template-columns:1fr;grid-template-areas:"who" "items" "pay" "btn"}.gorder .gpay{text-align:left}}
/* v0.69 Läden */
.sthave{display:inline-block;margin-left:6px;background:#e6f2d8;border:1px solid #9cc48a;color:#3a6a2a;border-radius:8px;padding:0 6px;font-size:11.5px;font-weight:800;vertical-align:2px}
.stgrid .sthead{grid-column:1/-1;font-weight:800;font-size:14px;color:#6a4a20;margin:8px 0 -2px;padding-bottom:4px;border-bottom:2px dashed #e0c896}
.stgrid .sthead.lock{color:#8a7a60}
.stgrid .row.stcard.stlock{opacity:.6;filter:saturate(.5);box-shadow:none;background:#f6efe2}
.stgrid .row.stcard.stlock .btns{display:none}
.tfilter{margin:4px 0 8px}
#tailorList .row.owned{background:#f2f8ea}
/* v0.69 Einnahmen */
.ech{background:#fffaf0;border:2px solid #e8d4a8;border-radius:12px;padding:12px 12px 8px;margin:14px 0 6px;box-shadow:0 3px 0 #e2cc9e}
.echtop{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.echtop h3{margin:0!important;display:flex;align-items:center;gap:6px}.echtop h3 small{font-size:12px;color:#8a6a40;font-weight:700}
.echtop h3 img.pi{width:18px;height:18px;margin:0}
.echstats{display:flex;gap:6px;flex-wrap:wrap}
.echstats>div{background:#f6ead0;border-radius:8px;padding:3px 10px;display:flex;flex-direction:column;line-height:1.15}
.echstats small{font-size:10.5px;color:#8a6a40;font-weight:700}.echstats b{font-size:14px}
.echstats .up b{color:#3a8a2a}.echstats .down b{color:#b5452f}
.echart2{position:relative;display:flex;align-items:flex-end;gap:5px;height:150px;margin:12px 0 4px;padding:18px 2px 0;border-bottom:2px solid #d8bf8a;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,rgba(200,170,110,.18) 32px,rgba(200,170,110,.18) 33px)}
.echavg{position:absolute;left:0;right:0;bottom:calc(var(--avg) * .82 + 18px);border-top:2px dashed rgba(138,90,16,.45);pointer-events:none}
.echavg::after{content:'Ø';position:absolute;right:-2px;top:-15px;font-size:10px;font-weight:800;color:#8a5a10}
.eb2{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;background:none;border:0;padding:0;cursor:pointer;font:inherit;position:relative}
.eb2 i{display:flex;flex-direction:column-reverse;width:100%;max-width:30px;max-height:82%;border:2px solid #8a5a10;border-bottom:0;border-radius:4px 4px 0 0;overflow:hidden;background:#f2c43a;box-shadow:inset 3px 0 0 rgba(255,255,255,.35);transition:transform .12s}
.eb2 i em{display:block;width:100%;flex:none}
.eb2 i em:only-child{background:linear-gradient(#ffd34d,#c8941e)}
.eb2 small{font-size:10px;font-weight:800;color:#8a6a40}
.eb2 .ebv{font-size:9.5px;font-weight:800;color:#8a6a40;opacity:0;transition:opacity .12s}
.eb2:hover .ebv,.eb2.sel .ebv,.eb2.best .ebv{opacity:1}
.eb2:hover i{transform:translateY(-2px)}
.eb2.sel i{border-color:#2b1a0a;box-shadow:0 0 0 2px #ffe48a,inset 3px 0 0 rgba(255,255,255,.35)}
.eb2.sel small{color:#2b1a0a;background:#ffe48a;border-radius:4px;padding:0 3px}
.eb2.best .ebv{color:#2f7a2a}.eb2.best .ebv::before{content:'★ '}
.echsel{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12.5px;min-height:22px;margin-top:6px}
.echsel span{display:inline-flex;align-items:center;gap:4px}.echsel span i,.echmix i{display:inline-block;width:10px;height:10px;border-radius:3px;border:1px solid rgba(0,0,0,.25)}
.echsel img{width:16px;height:16px}.echtopi{color:#6a4a20}
.echmix{display:flex;gap:2px;margin-top:8px;border-radius:8px;overflow:hidden;font-size:11.5px}
.echmix span{min-width:fit-content;background:#f6ead0;padding:3px 6px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.echhint{margin:6px 0 0!important;opacity:.75}
.ech0{background:#fffaf0;border:2px dashed #e0c896;border-radius:12px;padding:14px;text-align:center;margin:14px 0}
.ech0 img.pi{width:18px;height:18px;vertical-align:-3px}
@media (max-width:640px){.echart2{gap:2px;height:130px}.eb2 .ebv{display:none}.echstats>div{padding:2px 7px}.echstats b{font-size:13px}}
/* v0.69 Geschichte */
.sbooks{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.sbook{font:inherit;font-weight:800;font-size:13px;border:2px solid #d8bf8a;background:#fffaf0;border-radius:999px;padding:4px 12px;cursor:pointer;color:#6a4a20}
.sbook.on{background:#5a3a1a;border-color:#5a3a1a;color:#fff4dc}
.sbook.done:not(.on){background:#eef6e4;border-color:#9cc48a}
.shinfo{flex:1;min-width:0}.shinfo h3{margin:0 0 6px!important}
.shprog{display:flex;align-items:center;gap:8px}
.shprog i{flex:1;height:10px;border-radius:6px;background:#eadbb8;border:2px solid #c9a46a;position:relative;overflow:hidden}
.shprog i::after{content:'';position:absolute;inset:0;width:var(--p);background:linear-gradient(#9ae070,#4fa83e)}
.shprog small{font-size:12px;font-weight:700;white-space:nowrap;color:#6a4a20}
details.schap,div.schap{background:#fffaf0;border:2px solid #e8d4a8;border-radius:10px;margin:8px 0;padding:0}
details.schap summary,div.schap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;cursor:pointer;list-style:none}
div.schap{cursor:default;flex-direction:column;align-items:flex-start;gap:2px}
details.schap summary::-webkit-details-marker{display:none}
details.schap summary::after{content:'▸';font-weight:900;color:#8a6a40;margin-left:4px}details.schap[open] summary::after{content:'▾'}
details.schap summary b{flex:1}details.schap summary small{font-weight:800;color:#8a6a40;font-size:12px}
details.schap.done{background:#f2f8ea;border-color:#b8d8a0}
details.schap.now{border-color:#e8b830;box-shadow:0 3px 0 #d8a820;background:#fffbe8}
div.schap.locked,div.schap.soon{opacity:.75;background:#f6efe2}div.schap small{font-size:12.5px;color:#7a5a30}
.ssteps{padding:0 12px 10px}
.sstep{display:flex;gap:8px;align-items:flex-start;padding:5px 0;border-top:1px dashed #ead4b0;font-size:13.5px}
.sstep i{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #c9a46a;display:flex;align-items:center;justify-content:center;font-size:11px;font-style:normal;font-weight:900;margin-top:1px}
.sstep.done{color:#3a6a2a}.sstep.done i{background:#7ac74f;border-color:#3a8a2a;color:#fff}
.sstep.now{font-weight:800}.sstep.now i{background:#ffd34d;border-color:#c8941e}
.storyend{background:linear-gradient(#fff6d8,#fffaf0);border:2px solid #e8b830;border-radius:12px;padding:12px 14px;margin:10px 0;box-shadow:0 3px 0 #d8a820}
.sehead{display:flex;gap:12px;align-items:center}.sehead b{display:block;font-size:16px}.sehead small{font-size:13px;color:#6a4a20}
.sestar{font-size:28px;animation:sestar 2.4s ease-in-out infinite}
@keyframes sestar{50%{transform:scale(1.15) rotate(8deg)}}
.sesub{font-weight:800;font-size:13px;margin:10px 0 4px;color:#6a4a20}
.sebar{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;font-size:13px;margin:5px 0}
.sebar b{font-size:12.5px}.sebar i{grid-column:1/-1;height:8px;border-radius:5px;background:#eadbb8;position:relative;overflow:hidden}
.sebar i::after{content:'';position:absolute;inset:0;width:var(--p);background:linear-gradient(90deg,#ffd34d,#e8a830)}
details.spages{margin-top:14px;background:#fffaf0;border:2px solid #e8d4a8;border-radius:10px;padding:0 12px}
details.spages summary{display:flex;justify-content:space-between;align-items:center;padding:9px 0;cursor:pointer;list-style:none}
details.spages summary::-webkit-details-marker{display:none}
details.spages .pages{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}
@media (max-width:640px){
 .stgrid .row.stcard .btns .btn{width:64px!important;min-width:64px!important;font-size:12.5px!important;white-space:nowrap;padding:6px 0!important}
 .echmix{flex-wrap:wrap;background:none;gap:3px}.echmix span{flex:0 0 auto!important;border-radius:6px}
}
/* v0.71 Boden & Wände */
#paintui .panel{max-width:640px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin:6px 0 10px}
.pitem{font:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;background:#fffaf0;border:2px solid #e0c896;border-radius:10px;padding:7px 5px;cursor:pointer;box-shadow:0 3px 0 #dcc49a}
.pitem img.pix{width:56px;height:56px;border:2px solid #c9a46a;border-radius:6px;image-rendering:pixelated}
.pitem b{font-size:12.5px;text-align:center;line-height:1.15}.pitem small{font-size:11.5px;font-weight:800;color:#8a5a00}
.pitem.own small{color:#3a7a2a}.pitem.on{border-color:#5ab84a;background:#e8ffd8;box-shadow:0 0 0 3px rgba(90,184,74,.35)}
.pitem:disabled{opacity:.5;cursor:default}
#fpPaint{margin-left:auto;white-space:nowrap}
.dfilter{margin:2px 0 4px}
/* Einrichten am Handy: Platz für den ganzen Raum */
body.furnishing.compact #hud,body.furnishing.compact #lefthud,body.furnishing.compact #hotbar,body.furnishing.compact #iname,body.furnishing.compact #toasts{opacity:0!important;pointer-events:none!important}
body.furnishing.compact #furnPal{bottom:6px;padding:6px 8px}
body.furnishing.compact .fpHead{gap:6px;margin-bottom:4px}
body.furnishing.compact .fpHint{font-size:10.5px;line-height:1.2}
body.furnishing.compact .fpTitle{font-size:14px}
body.furnishing.compact #fpPaint,body.furnishing.compact #fpDone{font-size:12.5px!important;padding:5px 9px!important}
body.furnishing.compact #touch,body.furnishing.compact #joyBase,body.furnishing.compact #actbar,body.furnishing.compact #pauseBtn{opacity:0!important;pointer-events:none!important}
body.furnishing.compact #toast{top:8px!important;bottom:auto!important;font-size:12.5px!important;white-space:normal!important;max-width:94vw;padding:5px 10px!important;text-align:center}
#unofficial{position:fixed;left:50%;transform:translateX(-50%);bottom:6px;z-index:9999;background:#b5452f;color:#fff;font:800 13px/1.3 Nunito,sans-serif;padding:6px 14px;border-radius:10px;border:2px solid #7a2a1a;box-shadow:0 3px 0 #7a2a1a;text-decoration:none;max-width:94vw;text-align:center}
/* v0.73 Frisuren & Outfits beim Erstellen */
.lookgrid{display:grid;gap:6px;margin:2px 0 8px;max-height:236px;overflow-y:auto;padding:2px}
.lookgrid.heads{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}
.lookgrid.bodies{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}
.lookopt{font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fffaf0;border:2px solid #e0c896;border-radius:10px;padding:4px 2px;cursor:pointer}
.lookopt canvas{image-rendering:pixelated;width:44px;height:41px}
.lookgrid.bodies .lookopt canvas{width:32px;height:56px}
.lookopt small{font-size:10.5px;font-weight:800;line-height:1.1;text-align:center;color:#4a2c14}
.lookopt.on{border-color:#5ab84a;background:#e8ffd8;box-shadow:0 0 0 3px rgba(90,184,74,.35)}
#dresser .panel{max-width:620px}
.drwrap{display:flex;gap:14px;align-items:flex-start}
#drPrev{width:64px;height:112px;image-rendering:pixelated;background:#e8f4d8;border:2px solid #c9a46a;border-radius:10px;flex:none}
#drOpts{flex:1;min-width:0}#drOpts label{display:block;font-weight:800;margin:6px 0 3px}
@media (max-width:640px){.drwrap{flex-direction:column;align-items:center}#drOpts{width:100%}}
.lookgrid{max-height:min(330px,44vh)}
/* v0.74 Erstellen in Reitern */
#ctabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.ctab2{font:inherit;font-weight:800;font-size:14px;border:2px solid #c9a46a;background:#fffaf0;color:#5a3a1a;border-radius:999px;padding:5px 14px;cursor:pointer}
.ctab2.on{background:#5a3a1a;border-color:#5a3a1a;color:#fff4dc}
#copts.ctabbed{align-content:start;min-height:250px}
#copts.ctabbed .lookgrid{max-height:none;overflow:visible}
@media (max-width:640px){
 #ctabs{gap:4px;margin-bottom:6px}.ctab2{font-size:12.5px;padding:4px 9px}
 #create .panel{padding:12px 12px}
 #create .panel h2{margin:0 0 6px!important}
 .cwrap{gap:8px}
 #prev{width:96px!important;height:104px!important}
 .cprev{flex-direction:row;gap:8px}
 #copts.ctabbed{min-height:0}
 #copts.ctabbed .lookgrid.heads{grid-template-columns:repeat(5,1fr);gap:4px}
 #copts.ctabbed .lookgrid.heads .lookopt canvas{width:34px;height:32px}
 #copts.ctabbed .lookgrid.bodies{grid-template-columns:repeat(4,1fr);gap:4px}
 #copts.ctabbed .lookgrid.bodies .lookopt canvas{width:22px;height:39px}
 #copts.ctabbed .lookopt{padding:3px 1px}#copts.ctabbed .lookopt small{font-size:9.5px}
}
@media (max-width:640px){
 #ctabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
 .ctab2{font-size:11.5px;padding:5px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #create .cbtns{flex-wrap:nowrap;gap:4px;margin-top:8px}
 #create .cbtns>span{display:flex;gap:4px}
 #create .cbtns .btn{font-size:13px!important;padding:7px 9px!important;margin:0!important;white-space:nowrap}
 #copts.ctabbed{gap:4px 8px}
 #copts.ctabbed .lookgrid.bodies .lookopt canvas{width:18px;height:32px}
 #copts.ctabbed .lookgrid.bodies .lookopt small{font-size:9px;line-height:1.05}
 .cprev .btn{padding:3px 8px!important;font-size:15px!important}
}
@media (max-width:640px) and (max-height:720px){
 #create .panel h2{display:none}
 #prev{width:72px!important;height:78px!important}
 #copts.ctabbed .lookgrid.bodies{grid-template-columns:repeat(6,1fr)}
 #copts.ctabbed .lookgrid.bodies .lookopt small{display:none}
 #copts.ctabbed .lookgrid.heads .lookopt small{font-size:8.5px}
 #copts.ctabbed .sw i{width:20px;height:20px}
}
/* v0.75 Tierwahl und Vollbild */
.lookgrid.pets{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}
.lookgrid.pets .lookopt canvas{width:45px;height:35px}
.petkind .btn{font-size:15px!important}
#fsBtn{position:fixed;top:8px;right:8px;z-index:60;width:34px;height:34px;border-radius:9px;border:2px solid #6a3f1f;background:#fff6e4;box-shadow:0 2px 0 #6a3f1f;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.85}
#fsBtn:hover{opacity:1}
#fsBtn .fsi{width:16px;height:16px;position:relative;display:block}
#fsBtn .fsi::before,#fsBtn .fsi::after{content:'';position:absolute;inset:0;border:3px solid #6a3f1f;clip-path:polygon(0 0,40% 0,40% 22%,22% 22%,22% 40%,0 40%,0 0,100% 0,100% 40%,78% 40%,78% 22%,60% 22%,60% 0,100% 0,100% 100%,60% 100%,60% 78%,78% 78%,78% 60%,100% 60%,100% 100%,0 100%,0 60%,22% 60%,22% 78%,40% 78%,40% 100%,0 100%)}
#fsBtn.on .fsi::before{transform:scale(.7)}
body:not(.intitle) #fsBtn{display:none}
@media (max-width:640px){#fsBtn{width:30px;height:30px}}
/* ---- 98-konto: Hof-Karte im Hauptmenü, Warnung vor neuem Spiel, Cloud-Hinweis ---- */
#titleCard{display:none;margin-top:auto;align-self:center;box-sizing:border-box;background:linear-gradient(#fff6dc,#f2deb2);border:4px solid #4a2c14;border-radius:8px;
 box-shadow:inset 0 0 0 2px #e0b878,0 6px 0 #2b190b,0 12px 24px rgba(0,0,0,.35);color:#3b200c;animation:ssIn .6s .1s both}
#title.ready #titleCard{display:flex}
#title.ready #menu{margin-top:auto}
#titleCard.tcfarm{align-items:center;gap:14px;padding:10px 18px 10px 12px;min-width:min(420px,92vw)}
.tcpic{position:relative;width:70px;height:84px;flex:none;background:radial-gradient(circle at 50% 70%,#cfe8a0,#a8cf78 60%,#8ab85e);border:3px solid #4a2c14;border-radius:6px;overflow:hidden}
#titleCard img.tcme{position:absolute;left:6px;bottom:4px;width:40px;height:70px}
#titleCard img.tcpet{position:absolute;right:-4px;bottom:2px;width:46px;height:auto}
.tcinfo{display:flex;flex-direction:column;gap:3px;min-width:0}
.tcinfo b{font-size:22px;line-height:1.1}
.tcinfo>span{font-size:15px;font-weight:700;color:#6a4a24}
.tcstats{display:flex;gap:6px;flex-wrap:wrap}
.tcstats i{font-style:normal;background:#4a2c14;color:#fff4d0;border-radius:4px;padding:1px 7px;font-size:13px}
.tcok{font-size:13px!important;color:#2f7a2a!important}
.tcwarn{align-self:flex-start;margin-top:2px;font:inherit;font-size:13px;font-weight:800;color:#fff;background:#c0502e;border:2px solid #6a2410;border-radius:5px;padding:3px 9px;cursor:pointer;box-shadow:0 3px 0 #6a2410}
.tcwarn:hover{background:#d8603a}
#titleCard.tcnew{flex-direction:column;align-items:center;gap:8px;padding:10px 16px;max-width:min(620px,92vw)}
.tcnew p{margin:0;text-align:center;font-weight:700;font-size:16px}
.tcfeat{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.tcfeat span{display:flex;align-items:center;gap:5px;background:#4a2c14;color:#fff4d0;border-radius:5px;padding:3px 9px;font-size:14px;font-weight:700}
.tcfeat i{font-style:normal}
#title.ready #titleCard{margin-bottom:30px}
@media (max-width:640px),(max-height:859px){#title.ready #titleCard{display:none}}
.nwpanel{max-width:480px}
.nwfarm{display:flex;align-items:center;gap:10px;background:#f2deb2;border:2px solid #c8a46a;border-radius:6px;padding:8px 10px;margin:4px 0 10px}
.nwfarm img.pix{width:34px;height:32px;background:#a8cf78;border:2px solid #4a2c14;border-radius:4px}
.nwfarm div{display:flex;flex-direction:column}.nwfarm span{font-size:13px;color:#6a4a24;font-weight:700}
.nwbtns{display:flex;justify-content:space-between;gap:10px;margin-top:12px}
.nwyes{background:#c0502e!important;border-color:#6a2410!important;color:#fff!important}
.nwyes:disabled{opacity:.55}
#cnudge{position:fixed;left:12px;bottom:118px;z-index:7;max-width:min(340px,calc(100vw - 24px));box-sizing:border-box;background:linear-gradient(#fff6dc,#f2deb2);border:3px solid #4a2c14;border-radius:8px;
 box-shadow:0 5px 0 #2b190b,0 10px 20px rgba(0,0,0,.3);padding:8px 10px;color:#3b200c;display:none;flex-direction:column;gap:4px;font-size:13px}
#cnudge.on{display:flex;animation:ssIn .4s both}
#cnudge b{font-size:15px}#cnudge span{font-weight:600}
#cnudge div{display:flex;gap:6px;margin-top:3px}#cnudge .btn{font-size:13px;padding:4px 10px;min-width:0}
.intitle #cnudge{display:none!important}
/* ---- Fortschritt beim Schmied & Zimmermann: Stufen-Leiste und Kosten-Chips ---- */
#smithGold{display:inline-flex;flex-wrap:wrap;gap:5px;vertical-align:middle;font-weight:800}
.nhave{display:inline-flex;align-items:center;gap:3px;background:#f2deb2;border:2px solid #c8a46a;border-radius:5px;padding:0 6px 0 3px;font-size:14px}
.nhave img.pix{width:18px;height:18px}
.pcard{border:2px solid #c8a46a;background:#fff8e6;border-radius:8px;padding:8px 10px 9px;margin:8px 0;box-shadow:0 3px 0 #e0c896}
.pchead{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pchead b{font-size:17px}.pchead span{font-size:13px;color:#7a5a30;font-weight:700}
.ttrack{display:flex;align-items:center;gap:4px;margin:6px 0 4px;flex-wrap:nowrap;overflow-x:auto}
.tier{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:54px}
.tico{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:7px;border:3px solid #c8a46a;background:#f2deb2}
.tico img.pix{width:28px;height:28px}
.tico em{position:absolute;right:-7px;bottom:-7px;width:17px;height:17px;border-radius:50%;background:#3f9a3a;color:#fff;font-style:normal;font-size:11px;font-weight:900;display:grid;place-items:center;border:2px solid #fff8e6}
.tier small{font-size:11px;font-weight:800;color:#7a5a30;text-align:center;line-height:1.1;max-width:78px}
.tier.cur .tico{border-color:#3f9a3a;background:#dff2c8;box-shadow:0 0 0 2px #9be06a}
.tier.cur small{color:#2f7a2a}
.tier.next .tico{border-color:#e8a23a;background:#fff0c8;animation:tnext 1.6s ease-in-out infinite}
.tier.next small{color:#b8641a}
@keyframes tnext{50%{box-shadow:0 0 0 3px rgba(232,162,58,.45)}}
.tier.later .tico{opacity:.45;filter:grayscale(.8)}.tier.later small{opacity:.6}
.tarr{flex:0 0 18px;height:4px;border-radius:2px;background:#d8c49a;position:relative;margin-bottom:16px}
.tarr::after{content:'';position:absolute;right:-3px;top:-4px;border:6px solid transparent;border-left-color:#d8c49a;border-right:0}
.tarr.done{background:#3f9a3a}.tarr.done::after{border-left-color:#3f9a3a}
.tarr.next{background:#e8a23a}.tarr.next::after{border-left-color:#e8a23a}
.pcnext{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:14px;margin-top:2px}.pcnext b{color:#b8641a}.pcnext span:last-child{font-weight:700}
.pcarrow{color:#e8a23a;font-weight:900}
.pcbuy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;flex-wrap:wrap}
.nchips{display:flex;flex-wrap:wrap;gap:5px}
.nchip{display:inline-flex;align-items:center;gap:3px;border-radius:6px;padding:1px 6px 1px 3px;font-size:14px;border:2px solid;font-weight:800}
.nchip img.pix{width:20px;height:20px}
.nchip i{font-style:normal;font-size:12px;font-weight:900}
.nchip.ok{background:#e4f5d4;border-color:#5aa84a;color:#2a6a22}
.nchip.miss{background:#fde2da;border-color:#d0583a;color:#a8321a}
.nmiss{margin-top:5px;font-size:12.5px;font-weight:800;color:#b8321a}
.btn.pcgo.ok:not(:disabled){filter:hue-rotate(62deg) saturate(1.25) brightness(1.02);font-weight:800}
.pcmax{margin-top:4px;font-weight:800;color:#2f7a2a}
.pcnote{margin-top:4px;font-weight:800;color:#b8641a}
#smithList .row .info .nchips{margin-top:5px}
@media (max-width:640px){.pcbuy .pcgo{width:100%}.tier{min-width:48px}.tico{width:34px;height:34px}.tico img.pix{width:24px;height:24px}.ttrack{gap:2px}.tarr{flex-basis:12px}}