html:has(body.game){height:100%}body.game{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#14200f;height:100%;margin:0;font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;overflow:hidden}#wrap{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#stage{position:relative;overflow:hidden}canvas{display:block}.hidden{display:none!important}.btn{color:#fff;text-shadow:0 2px #5a2400;cursor:pointer;background:linear-gradient(#ffe27a,#ffb52e 50%,#f07c12);border:3px solid #5a2400;border-radius:14px;padding:10px 16px;font:900 15px Arial Black,Trebuchet MS,Arial,sans-serif;box-shadow:0 4px #5a2400}.btn:active{transform:translateY(3px);box-shadow:0 1px #5a2400}.btn:disabled{filter:grayscale()brightness(.8);cursor:not-allowed}.btn.green{text-shadow:0 2px #0d3a0b;background:linear-gradient(#9dff6a,#2fb52a);border-color:#0d3a0b;box-shadow:0 4px #0d3a0b}.btn.sm{border-width:2px;border-radius:10px;padding:6px 10px;font-size:12px}.btn.ghost{box-shadow:none;text-shadow:none;background:#ffffff1f;border-color:#ffffff80}#ui{pointer-events:none;position:absolute;inset:0}#ui button{pointer-events:auto}#bAct{color:#fff;text-shadow:0 2px #5a2400;cursor:pointer;background:radial-gradient(circle at 40% 30%,#ffe9a0,#ffb52e 55%,#e0700e);border:4px solid #5a2400;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:118px;height:118px;font:900 19px Arial Black,Arial,sans-serif;display:flex;position:absolute;bottom:22px;right:16px;box-shadow:0 6px #5a2400,0 0 0 6px #ffffff26}#bAct small{text-align:center;text-shadow:0 1px #5a2400;max-width:96px;font:800 10px/1.15 Arial,sans-serif}#bAct.off{filter:grayscale(.85)brightness(.85)}#bAct.hot{text-shadow:0 2px #0d3a0b;background:radial-gradient(circle at 40% 30%,#d4ffb0,#5be36a 55%,#239a1e);border-color:#0d3a0b;animation:.5s infinite alternate pulse;box-shadow:0 6px #0d3a0b,0 0 0 6px #fff3}@keyframes pulse{to{transform:scale(1.07)}}#bBag{color:#fff;text-shadow:0 2px #3a2210;cursor:pointer;background:linear-gradient(#c08a52,#8a5530);border:3px solid #3a2210;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:66px;height:66px;font:900 13px Arial Black,Arial,sans-serif;display:flex;position:absolute;bottom:30px;right:146px;box-shadow:0 5px #3a2210}#bBag .bagic{box-sizing:border-box;border:3px solid #fff;border-radius:6px 6px 9px 9px;width:26px;height:22px;position:relative}#bBag .bagic:before{content:"";border:3px solid #fff;border-bottom:none;border-radius:8px 8px 0 0;height:8px;position:absolute;top:-9px;left:4px;right:4px}#bBag.glow{animation:.7s infinite alternate glow}@keyframes glow{to{box-shadow:0 5px #3a2210,0 0 0 6px #ffe066,0 0 22px #ffe066}}#bTest{color:#fffc;cursor:pointer;background:#00000059;border:1px solid #ffffff59;border-radius:8px;padding:5px 8px;font:800 10px Arial,sans-serif;position:absolute;bottom:16px;left:12px}.modal{z-index:5;background:#080c069e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card{color:#3a2210;background:linear-gradient(#fff8e6,#f2e2bf);border:4px solid #5a3a1a;border-radius:20px;width:min(360px,88%);max-height:82%;padding:18px 18px 16px;position:relative;overflow:auto;box-shadow:0 8px #3a2210}.card h2{color:#5a2400;text-align:center;margin:0 0 10px;font:900 20px Arial Black,Arial,sans-serif}.card h3{color:#7a4a20;text-transform:uppercase;letter-spacing:.5px;margin:14px 0 6px;font:900 13px Arial Black,Arial,sans-serif}.card p{margin:6px 0;font-size:14px;line-height:1.4}.card .muted{color:#8a6a4a;font-size:13px}.card .foot{color:#8a6a4a;text-align:center;margin-top:14px;font-size:12px}.card .x{color:#7a4a20;cursor:pointer;background:0 0;border:none;font:900 22px Arial;position:absolute;top:8px;right:10px}.row{background:#fff9;border:2px solid #e0c890;border-radius:12px;align-items:center;gap:10px;margin:6px 0;padding:7px 9px;display:flex}.row .grow{flex-direction:column;flex:1;font:900 14px Arial,sans-serif;display:flex}.row em{color:#8a6a4a;font:600 11.5px Arial,sans-serif}.ic{border:2px solid #5a3a1a;border-radius:8px;flex:none;width:28px;height:28px}.ic.meat{background:radial-gradient(circle at 40% 45%,#e8735a 0 25%,#c4432f 26% 55%,#0000 56%),#f8e8c8}.ic.spear{background:linear-gradient(135deg,#0000 44%,#a86d3e 45% 55%,#0000 56%),#e8f0f4}.ic.axe{background:linear-gradient(135deg,#0000 40%,#8a5a32 41% 52%,#0000 53%),radial-gradient(circle at 72% 28%,#c8d0d6 0 30%,#0000 31%),#f0f4f6}.ic.badge{background:radial-gradient(circle,#ffe27a 0 40%,#f2a51e 41% 70%,#2f7a3a 71%);border-radius:50%}.stats{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.stats div{color:#fff;text-align:center;background:#5a3a1a;border-radius:10px;padding:6px 2px}.stats b{font:900 15px Arial Black,Arial,sans-serif;display:block}.stats span{opacity:.85;font-size:10px}#login{z-index:6;background:linear-gradient(#14280f59,#0a1408d9);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#login .inner{text-align:center;color:#fff;width:86%}#login .logo1{letter-spacing:1px;color:#fff;-webkit-text-stroke:2px #2a140a;text-shadow:0 4px #2a140a;font:900 40px/1 Arial Black,Arial,sans-serif}#login .logo2{color:#9be35a;-webkit-text-stroke:3px #2a140a;text-shadow:0 5px #2a140a;margin-bottom:6px;font:900 64px/1 Arial Black,Arial,sans-serif}#login .tag{text-shadow:0 2px #0009;margin:8px 0 26px;font:800 15px Arial,sans-serif}#login .gbtn{color:#333;cursor:pointer;background:#fff;border:none;border-radius:30px;justify-content:center;align-items:center;gap:10px;width:260px;margin:0 auto;padding:13px;font:800 15px Arial,sans-serif;display:flex;box-shadow:0 4px #00000059}#login .gbtn .g{color:#555;background:#eee;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font:900 14px Arial;display:flex}#login input{text-align:center;border:3px solid #5a3a1a;border-radius:14px;width:240px;margin:10px 0 14px;padding:12px 14px;font:800 16px Arial,sans-serif}#login .note{opacity:.8;margin-top:22px;font:600 11.5px/1.4 Arial,sans-serif}.big{color:#2f8a2e;text-align:center;margin:4px 0;font:900 34px Arial Black,Arial,sans-serif}.medal{color:#5a2400;background:radial-gradient(circle at 40% 35%,#fff3a0,#ffd23f 40%,#e08a10 70%);border:5px solid #5a3a1a;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:6px auto 10px;font:900 13px Arial Black,Arial;display:flex;box-shadow:0 0 0 7px #2f7a3a,0 0 30px #ffe066}.center{text-align:center}.bagcard{background:#f4e4bf;border:5px solid #4a2c12;width:min(380px,92%);padding:0;box-shadow:0 8px #2a160a,inset 0 0 0 3px #e8cf98}.baghead{z-index:2;color:#fff;text-shadow:0 3px #3a1d0c;letter-spacing:2px;background:linear-gradient(#c08a52,#8a5530);border-bottom:4px solid #4a2c12;border-radius:14px 14px 0 0;justify-content:center;align-items:center;gap:8px;height:52px;font:900 22px Arial Black,Arial,sans-serif;display:flex;position:sticky;top:0}.baghead:before,.baghead:after{content:"";background:#6b6f75;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;box-shadow:inset 0 0 0 2px #2a2d30}.baghead:before{left:14px}.baghead:after{right:56px}.bagic2{box-sizing:border-box;border:3px solid #fff;border-radius:5px 5px 8px 8px;width:22px;height:19px;position:relative;box-shadow:0 2px #3a1d0c}.bagic2:before{content:"";border:3px solid #fff;border-bottom:none;border-radius:7px 7px 0 0;height:7px;position:absolute;top:-8px;left:3px;right:3px}.xr{color:#fff;cursor:pointer;background:radial-gradient(circle at 40% 35%,#ff8a6a,#d23a2a);border:3px solid #3a0c08;border-radius:50%;width:34px;height:34px;padding:0;font:900 20px/1 Arial;position:absolute;top:9px;right:10px;box-shadow:0 3px #3a0c08}#bagBody{padding:12px 14px 14px}.statbar{grid-template-columns:1.1fr 1fr 1.2fr;gap:6px;display:grid}.statbar .st{color:#fff;background:#4a2c12;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 6px;display:flex;box-shadow:inset 0 -3px #00000040}.statbar .st.big{flex-direction:row;gap:4px}.statbar .st img{width:30px;height:30px}.statbar .st b{font:900 17px/1 Arial Black,Arial,sans-serif;display:block}.statbar .st span{opacity:.85;font:700 10px Arial,sans-serif}.bowls{gap:4px;display:flex}.bowl{background:#f4efe2;border:2px solid #2a160a;border-radius:0 0 10px 10px;width:18px;height:11px;position:relative}.bowl:before{content:"";background:#c4432f;border-radius:5px 5px 0 0;height:5px;position:absolute;top:-4px;left:3px;right:3px}.bowl.used{background:#6a5a4a}.bowl.used:before{display:none}.lvb{background:#2f9ae0;border:2px solid #0d2f4a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;opacity:1!important;font:900 13px Arial Black,Arial!important}.xp{background:#ffffff2e;border-radius:4px;width:80%;height:7px;overflow:hidden}.xp i{background:#6fd0ff;height:100%;display:block}.sec{color:#7a4a20;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:8px;margin:14px 2px 7px;font:900 13px Arial Black,Arial,sans-serif;display:flex}.sec:after{content:"";background:linear-gradient(90deg,#c8a870,#0000);flex:1;height:2px}.sec em{color:#fff;letter-spacing:0;background:#7a4a20;border-radius:8px;padding:1px 7px;font-size:11px;font-style:normal}.grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grid.three{grid-template-columns:repeat(3,1fr)}.slot{aspect-ratio:1;background:linear-gradient(#fbf0d2,#e6cf9a);border:3px solid #8a6a3a;border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 -4px #78501e40,0 3px #6a4a20}.slot img{width:62%;height:62%;margin-top:-10%}.slot .nm{text-align:center;color:#5a3a1a;font:800 10px Arial,sans-serif;position:absolute;bottom:4px;left:0;right:0}.slot .cnt{box-sizing:border-box;color:#fff;background:#2f8a2e;border:2px solid #0d3a0b;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font:900 11px Arial Black,Arial;display:flex;position:absolute;top:-8px;right:-8px}.slot.locked img{filter:grayscale()opacity(.45)}.slot .lock{text-align:center;color:#8a6a4a;text-transform:uppercase;font:800 9px Arial;position:absolute;top:5px;left:0;right:0}.slot .dur{background:#0003;border-radius:3px;height:5px;position:absolute;top:6px;left:9px;right:9px;overflow:hidden}.slot .dur i{background:#5be36a;height:100%;display:block}.slot.empty{box-shadow:none;background:#ffffff40;border-style:dashed}.slot.empty .hint{color:#a88a5a;font:700 11px Arial}.grid.three .slot{aspect-ratio:1/.92}.slot.food img{margin-top:-26%}.slot.food .nm{bottom:30px}.slot.food .cnt{background:#e0a020;border-color:#5a3a00}.slot .eat{color:#fff;text-shadow:0 1px #0d3a0b;cursor:pointer;background:linear-gradient(#9dff6a,#2fb52a);border:2px solid #0d3a0b;border-radius:8px;height:22px;padding:0;font:900 10px Arial Black,Arial;position:absolute;bottom:6px;left:6px;right:6px}.slot .eat:disabled{filter:grayscale();opacity:.6}.tip{color:#8a6a4a;margin:8px 2px 0!important;font:600 12px Arial,sans-serif!important}.tip.ok{color:#2f7a3a;font-weight:800!important}.craft{background:#ffffff8c;border:2px solid #d8bc84;border-radius:14px;align-items:center;gap:10px;padding:8px;display:flex}.slot.sm{flex:none;width:52px}.cinfo{flex-direction:column;flex:1;gap:2px;display:flex}.cinfo b{color:#3a2210;font:900 14px Arial,sans-serif}.cinfo span{color:#8a6a4a;font:600 11px Arial}.chips{flex-wrap:wrap;gap:5px;margin-top:3px;display:flex}.chips.center{justify-content:center;margin-top:8px}.chip{color:#fff;border-radius:12px;align-items:center;gap:3px;padding:2px 8px 2px 3px;font:900 12px Arial,sans-serif;display:inline-flex}.chip img{width:18px;height:18px}.cinfo .chip,.chips .chip{color:#fff!important;font:900 12px Arial,sans-serif!important}.statbar .st.big img{width:34px;height:34px}.chip.ok{background:#2f8a2e}.chip.no{background:#c0392b}.steps{justify-content:space-between;align-items:flex-start;display:flex}.step{text-align:center;opacity:.55;flex-direction:column;flex:none;align-items:center;gap:2px;width:30%;display:flex}.step.now,.step.done{opacity:1}.step .sic{background:#fbf0d2;border:3px solid #8a6a3a;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative}.step.now .sic{border-color:#e0a020;box-shadow:0 0 0 4px #ffd23f73}.step.done .sic{border-color:#2f8a2e}.step .sic img{width:46px;height:46px}.step .tick{color:#fff;background:#2f8a2e;border:2px solid #0d3a0b;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font:900 12px Arial;display:flex;position:absolute;bottom:-4px;right:-6px}.step b{color:#3a2210;font:900 11.5px Arial,sans-serif}.step span{color:#8a6a4a;font:600 10.5px Arial}.steps .link{background:#c8a870;border-radius:2px;flex:1;height:4px;margin-top:27px}.foot{color:#8a6a4a;border-top:2px dashed #d0b480;justify-content:space-between;margin-top:14px;padding-top:9px;font:700 11px Arial!important;display:flex!important}.row em .ok{color:#2f8a2e;font-weight:800}.row em .no{color:#c0392b;font-weight:800}#logoCv{margin:0 auto 4px;display:block}.igwrap{background:#fff;border:3px solid #5a3a1a;border-radius:14px;align-items:center;width:260px;margin:10px auto 14px;display:flex;overflow:hidden}.igwrap span{color:#8a6a4a;padding:0 4px 0 12px;font:900 18px Arial}#login .igwrap input{text-align:left;border:none;outline:none;flex:1;width:auto;margin:0;padding:12px 10px 12px 2px;font:800 16px Arial,sans-serif}.igerr{color:#ffb0a0;margin:-8px 0 10px;font:800 12px Arial}.ignote{opacity:.85;max-width:290px;margin:-6px auto 12px;font:600 11.5px/1.35 Arial}.lookbox{background:#00000059;border:2px solid #ffffff40;border-radius:16px;justify-content:center;align-items:center;gap:10px;max-width:330px;margin:0 auto;padding:8px 10px;display:flex}#lookCv{background:radial-gradient(circle at 50% 70%,#9fd060,#4f8a32 70%);border:2px solid #fff6;border-radius:12px;flex:none}.lookopts{text-align:left;flex:1}.lookopts .lbl{opacity:.9;margin:4px 0 3px;font:800 11px Arial}.opts{flex-wrap:wrap;gap:6px;display:flex}.opt{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #ffffff80;border-radius:9px;min-width:30px;height:30px;padding:0 6px;font:800 10px Arial}.opt.sw{width:30px;padding:0}.opt.on{border-color:#ffe066;box-shadow:0 0 0 3px #ffe06680}.stattbl{border-collapse:collapse;width:100%;margin:6px 0;font:600 12.5px Arial}.stattbl td{border-bottom:1px dashed #d8bc84;padding:5px 4px}.stattbl td:last-child{text-align:right;font-weight:900}.stattbl tr.key td{color:#2f6a2a}.stattbl tr.key td:last-child,.yes{color:#2f8a2e}.notyet{color:#c0392b}#bAct.holding{animation:none;transform:scale(.9);box-shadow:0 2px #0d3a0b,0 0 0 10px #6cf27a59}.qprog{background:#e3cfa6;border:2px solid #5a3a1a;border-radius:6px;height:12px;margin:4px 0 6px;overflow:hidden}.qprog span{background:linear-gradient(#8fe07a,#3fae3a);height:100%;display:block}.qlist{flex-direction:column;gap:7px;margin:10px 0 0;padding:0;list-style:none;display:flex}.qlist li{background:#ffffff8c;border:2px solid #e0c99a;border-radius:12px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.qlist li b{color:#3a2210;font-size:14px;display:block}.qlist li small{color:#7a5a3a;margin-top:2px;font-size:12px;line-height:1.35;display:block}.qlist .qn{color:#fff;background:#d8c4a0;border:2px solid #a08458;border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;height:26px;font:900 13px Arial;display:flex}.qlist li.ok{opacity:.75}.qlist li.ok .qn{background:#3fae3a;border-color:#1f6a1e}.qlist li.cur{background:#fff6cf;border-color:#ffb52e;box-shadow:0 0 0 3px #ffb52e4d}.qlist li.cur .qn{background:#ffb52e;border-color:#a05a00}.qlist li.lock b{color:#9a8060}