:root{--wood:#5a3519;--wood-d:#2e1806;--wood-l:#8f5b2a;--parch:#f4e6c6;--parch-d:#dcc394;--ink:#3b2412;--gold:#ffcf3f;--green:#74c83c;--green-d:#2c6e14;--red:#e8503e;--red-d:#7a160c;--sky:#9fd3f0;--f-d:"Lilita One","Arial Rounded MT Bold","Trebuchet MS",sans-serif;--f-b:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}html,body{height:100%;overflow:hidden}body{background:#355a24;color:#fff;font-family:var(--f-b);font-weight:800;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app{position:relative;height:100%;overflow:hidden}#cv{position:absolute;inset:0;display:block;touch-action:none}.tx{color:#fff;text-shadow:0 2px 0 #000a,1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}.gut{padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}svg.i{width:1em;height:1em;flex:none;overflow:visible}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-block:8px;pointer-events:none;z-index:3}.top>*{pointer-events:auto}.left{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.badge{display:flex;align-items:center;gap:6px;background:linear-gradient(#000a,#0007);border:2px solid #000;border-radius:12px;padding:3px 10px 3px 4px;font-family:var(--f-d);font-size:17px}.badge svg.i{font-size:26px;filter:drop-shadow(0 2px 0 #0008)}.badge small{font-family:var(--f-b);font-size:10px;opacity:.85;display:block;line-height:1;margin-top:-1px}.mute{width:36px;height:36px;border-radius:10px;background:linear-gradient(#6a4526,#3f2410);border:2px solid #000;box-shadow:0 3px #000;display:grid;place-items:center;font-size:20px}.right{display:flex;flex-direction:column;gap:9px;align-items:flex-end}.res{position:relative;width:146px;height:30px}.rbar{position:absolute;left:14px;right:0;top:3px;height:24px;background:#1b1209d9;border:2px solid #000;border-radius:9px;overflow:hidden}.rbar i{position:absolute;inset:0 auto 0 0;width:0;transition:width .4s}#rGold .rbar i{background:linear-gradient(#ffe683,#e7a21c)}#rMeat .rbar i{background:linear-gradient(#ff9d86,#c23a26)}#rAmber .rbar i{background:linear-gradient(#ffd2a0,#e0781c);width:100%}.rv{position:absolute;right:8px;top:0;bottom:0;display:flex;align-items:center;font-family:var(--f-d);font-size:16px;font-variant-numeric:tabular-nums}.res>svg.i{position:absolute;left:-6px;top:-3px;font-size:36px;filter:drop-shadow(0 2px 0 #0009)}.rcap{position:absolute;right:6px;bottom:-11px;font-size:9px;font-family:var(--f-b);font-weight:800}.dock{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding-block:10px 18px;pointer-events:none;z-index:3}.dock>*{pointer-events:auto}.rb{position:relative;width:66px;height:66px;border-radius:18px;background:linear-gradient(#ffdf6e,#e2931a);border:3px solid var(--wood-d);box-shadow:0 5px 0 var(--wood-d),inset 0 3px #fff9,inset 0 -4px #0002;display:grid;place-items:center;transition:transform .08s}.rb:active{transform:translateY(3px);box-shadow:0 2px 0 var(--wood-d),inset 0 3px #fff9}.rb>svg.i{font-size:42px;filter:drop-shadow(0 2px 0 #0006)}.rb .lbl{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);font-family:var(--f-d);font-size:14px;white-space:nowrap}.rb.atk{width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 40% 28%,#ff8c6a,#d8321f 58%,#86140a);border-color:#3c0803;box-shadow:0 6px #3c0803,inset 0 4px #fff5}.rb.atk>svg.i{font-size:56px}.rb.atk .lbl{font-size:19px;bottom:-8px}.rb.green{background:linear-gradient(#a6ea6a,#4c9f22);border-color:#173d07;box-shadow:0 5px #173d07,inset 0 3px #fff8}.rb.red{background:linear-gradient(#ff8a72,#c8301d);border-color:#3c0803;box-shadow:0 5px #3c0803,inset 0 3px #fff6}.rb.blue{background:linear-gradient(#a5dcff,#3c8fd0);border-color:#0d2f4f;box-shadow:0 5px #0d2f4f,inset 0 3px #fff8}.rb.wood{background:linear-gradient(#b07a43,#6b4423);border-color:var(--wood-d)}.rgroup{display:flex;gap:14px;align-items:flex-end}.act{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding-block:8px 18px;z-index:3;pointer-events:none;background:linear-gradient(transparent,#0007 45%)}.act>*{pointer-events:auto}.act h3{margin:0;font-family:var(--f-d);font-weight:400;font-size:22px;text-align:center;line-height:1.1}.act h3 small{display:block;font-family:var(--f-b);font-size:12px;color:#ffe9a8}.act .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:12px 0}.act .rb{width:62px;height:62px}.act .rb>svg.i{font-size:34px}.act .cost{position:absolute;left:50%;top:-13px;transform:translate(-50%);display:flex;align-items:center;gap:2px;font-family:var(--f-d);font-size:13px;white-space:nowrap;background:#000c;border-radius:8px;padding:1px 6px}.act .cost svg.i{font-size:14px}.bh{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-block:8px;z-index:3;pointer-events:none}.bcard{background:linear-gradient(#000b,#0007);border:2px solid #000;border-radius:12px;padding:6px 10px;font-size:12px;line-height:1.35}.bcard b{font-family:var(--f-d);font-weight:400;font-size:15px}.lootrow{display:flex;align-items:center;gap:4px;font-family:var(--f-d);font-size:16px}.lootrow svg.i{font-size:20px}.timer{font-family:var(--f-d);font-size:26px;text-align:center;line-height:1}.timer small{display:block;font-family:var(--f-b);font-size:11px;margin-top:3px}.stars{display:flex;gap:2px;justify-content:flex-end}.stars svg.i{font-size:26px;opacity:.3;filter:grayscale(1)}.stars svg.i.on{opacity:1;filter:drop-shadow(0 0 6px #ffb300)}.pct{font-family:var(--f-d);font-size:24px;text-align:right}.troops{position:absolute;left:0;right:0;bottom:0;display:flex;gap:6px;justify-content:center;padding-block:14px 14px;background:linear-gradient(transparent,#0009 40%);z-index:3}.tc{position:relative;width:64px;height:76px;border-radius:12px;background:linear-gradient(#f3e3bf,#cfb282);border:3px solid var(--wood-d);box-shadow:0 4px 0 var(--wood-d);display:flex;align-items:center;justify-content:center;transition:transform .1s}.tc canvas{width:52px;height:52px}.tc .cnt{position:absolute;top:-9px;right:-7px;background:linear-gradient(#ff8a72,#c8301d);border:2px solid #3c0803;border-radius:10px;padding:0 6px;font-family:var(--f-d);font-size:14px}.tc .nm{position:absolute;bottom:-1px;left:0;right:0;font-size:10px;text-align:center}.tc.sel{transform:translateY(-8px);border-color:#ffd24a;box-shadow:0 4px 0 var(--wood-d),0 0 0 3px #ffd24a,0 0 18px #ffcf3f}.tc:disabled{filter:grayscale(1) brightness(.6)}.bfloat{position:absolute;right:0;bottom:112px;display:flex;flex-direction:column;gap:14px;align-items:flex-end;z-index:3;pointer-events:none}.bfloat>*{pointer-events:auto}.pill{font-family:var(--f-d);font-size:17px;padding:9px 16px;border-radius:14px;border:3px solid var(--wood-d);box-shadow:0 4px 0 var(--wood-d),inset 0 3px #fff7;display:flex;align-items:center;gap:6px}.pill:active{transform:translateY(3px);box-shadow:0 1px 0 var(--wood-d)}.pill.red{background:linear-gradient(#ff8a72,#c8301d);border-color:#3c0803;box-shadow:0 4px #3c0803,inset 0 3px #fff6}.pill.gold{background:linear-gradient(#ffdf6e,#e2931a);color:#3b2412}.pill.green{background:linear-gradient(#a6ea6a,#4c9f22);border-color:#173d07;box-shadow:0 4px #173d07,inset 0 3px #fff8}.pill svg.i{font-size:20px}.weather{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);text-align:center;font-family:var(--f-d);font-size:40px;z-index:4;pointer-events:none;animation:wb 2.4s ease forwards;white-space:nowrap}.weather small{display:block;font-family:var(--f-b);font-size:15px}@keyframes wb{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0}}.sheet{position:absolute;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:6;padding:12px}.panel{width:100%;max-width:540px;max-height:100%;display:flex;flex-direction:column;background:var(--parch);border:4px solid var(--wood-d);border-radius:20px;box-shadow:0 12px 40px #000c,inset 0 0 0 3px #c9a66b;overflow:hidden;animation:pop .22s cubic-bezier(.2,1.4,.5,1)}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.ph{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 10px 16px;background:linear-gradient(#a06a35,#5a3519);border-bottom:4px solid var(--wood-d)}.ph h2{margin:0;font-family:var(--f-d);font-weight:400;font-size:26px}.x{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ff8c6a,#c8301d);border:3px solid #3c0803;box-shadow:0 3px #3c0803;font-family:var(--f-d);font-size:20px;display:grid;place-items:center}.pb{padding:12px;overflow:auto;color:var(--ink);display:flex;flex-direction:column;gap:12px}.pb h4{margin:0;font-family:var(--f-d);font-weight:400;font-size:18px;color:var(--wood)}.note{font-size:12px;color:#6b4f30;font-weight:700}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.card{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:linear-gradient(#fffaf0,#f1e2bf);border:2px solid #cdb084;border-radius:14px;padding:8px 8px 10px;color:var(--ink);text-align:center;box-shadow:0 3px #b8996a}.card:active{transform:translateY(2px);box-shadow:0 1px #b8996a}.card canvas{width:96px;height:96px}.card strong{font-family:var(--f-d);font-weight:400;font-size:18px;color:var(--wood)}.card .d{font-size:11px;font-weight:700;color:#7a5c3a;line-height:1.3}.card .ct{font-size:11px;color:#7a5c3a}.price{display:inline-flex;align-items:center;gap:4px;font-family:var(--f-d);font-size:16px;color:#fff;background:linear-gradient(#a6ea6a,#4c9f22);border:2px solid #173d07;border-radius:10px;padding:2px 10px;text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000;margin-top:2px}.price.no{background:linear-gradient(#ff8a72,#c8301d);border-color:#3c0803}.price svg.i{font-size:18px}.card.locked{filter:grayscale(.9);opacity:.7}.card .lock{font-size:11px;color:var(--red-d);font-weight:900}.cap{display:flex;flex-direction:column;gap:4px}.capbar{height:14px;background:#5a3f24;border:2px solid var(--wood-d);border-radius:9px;overflow:hidden}.capbar i{display:block;height:100%;background:linear-gradient(#ffe683,#e7a21c)}.queue{display:flex;gap:8px;flex-wrap:wrap;min-height:58px;align-items:center;background:#e6d2a8;border-radius:12px;padding:10px 6px 6px;border:2px dashed #b8996a}.qi{position:relative;width:46px;height:46px;border-radius:10px;background:#fff6e0;border:2px solid #b8996a;display:grid;place-items:center}.qi canvas{width:40px;height:40px}.qi .n{position:absolute;bottom:-6px;right:-4px;font-family:var(--f-d);font-size:12px;background:var(--wood);color:#fff;border-radius:6px;padding:0 4px}.qi .tm{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-family:var(--f-d);font-size:11px;background:#000c;color:#fff;border-radius:6px;padding:0 4px;white-space:nowrap}.stats{width:100%;border-collapse:collapse;font-size:13px}.stats td{padding:6px 4px;border-bottom:1px solid #d8c39a}.stats td:last-child{text-align:right;font-family:var(--f-d);font-weight:400;font-size:15px}.stats .up{color:#2c7a12}.btnrow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.res-ov{position:absolute;inset:0;z-index:7;background:radial-gradient(circle at 50% 40%,#0006,#000d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px}.ribbon{font-family:var(--f-d);font-size:44px;padding:8px 40px;border-radius:12px;background:linear-gradient(#a6ea6a,#3f8f1e);border:4px solid #173d07;box-shadow:0 6px #173d07;animation:pop .35s cubic-bezier(.2,1.4,.5,1)}.ribbon.lose{background:linear-gradient(#ff8a72,#b02a19);border-color:#3c0803;box-shadow:0 6px #3c0803}.bigstars{display:flex;gap:6px;align-items:flex-end}.bigstars svg.i{font-size:76px;opacity:.25;filter:grayscale(1)}.bigstars svg.i:nth-child(2){font-size:92px;margin-bottom:12px}.bigstars svg.i.on{opacity:1;filter:drop-shadow(0 0 14px #ffb300);animation:starpop .5s cubic-bezier(.2,1.6,.5,1) both}@keyframes starpop{0%{transform:scale(0) rotate(-40deg)}to{transform:scale(1)}}.lootbox{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;background:#0008;border:2px solid #000;border-radius:14px;padding:10px 16px}.lootbox div{display:flex;align-items:center;gap:6px;font-family:var(--f-d);font-size:22px}.lootbox svg.i{font-size:30px}.curtain{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:radial-gradient(circle at 25% 35%,#fff 0 16%,transparent 17%),radial-gradient(circle at 72% 62%,#f4f6f8 0 20%,transparent 21%),radial-gradient(circle at 60% 20%,#eef2f5 0 12%,transparent 13%),radial-gradient(circle at 50% 50%,#e9eef2,#b9c6cf);animation:cur 1.25s ease forwards;pointer-events:none}.curtain div{font-family:var(--f-d);font-size:30px;color:#40556a;text-shadow:0 2px 0 #fff}@keyframes cur{0%{opacity:0}25%{opacity:1}70%{opacity:1}to{opacity:0}}#toast{position:absolute;left:50%;top:132px;transform:translate(-50%);background:#000d;border:2px solid #000;color:#fff;padding:8px 16px;border-radius:12px;font-size:14px;z-index:9;pointer-events:none;max-width:86%;text-align:center;opacity:0;transition:opacity .25s,transform .25s}#toast.show{opacity:1;transform:translate(-50%) translateY(4px)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-width:360px){.res{width:124px}.rb{width:58px;height:58px}.rb.atk{width:80px;height:80px}.tc{width:56px}}.sheet{animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.panel{animation:rise .3s cubic-bezier(.2,1.2,.4,1)}@keyframes rise{0%{transform:translateY(40px) scale(.94);opacity:0}to{transform:none;opacity:1}}.panel.tall{height:100%}.qbtn{position:relative}.qbtn .dot{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#ff3b2a;border:2px solid #fff;animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.25)}}.pill.gray{background:linear-gradient(#b8ab95,#8a7e6a);border-color:#4a3f30;box-shadow:0 4px #4a3f30}.pill:disabled{filter:grayscale(.4);opacity:.8}.cards.two{grid-template-columns:1fr 1fr}.card.big{padding:14px 10px}.card .bigico{font-size:64px;line-height:1;filter:drop-shadow(0 3px 0 #0003)}.card .ct svg.i{font-size:16px;vertical-align:-3px}.camp{display:flex;flex-direction:column;gap:14px;align-items:center;padding:8px 0 20px;background:repeating-linear-gradient(180deg,transparent 0 22px,#c9a66b55 22px 26px) center/4px 100% no-repeat}.node{width:62%;min-width:200px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;background:linear-gradient(#fffaf0,#f1e2bf);border:3px solid #b8996a;border-radius:16px;padding:8px 12px;box-shadow:0 4px #8a6a40;color:var(--ink)}.node:active{transform:translateY(2px)}.node .num{grid-row:span 2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-d);font-size:20px;color:#fff;background:radial-gradient(circle at 40% 30%,#ff8c6a,#c8301d);border:3px solid #3c0803;text-shadow:0 2px 0 #0008}.node.won .num{background:radial-gradient(circle at 40% 30%,#b9f07a,#4c9f22);border-color:#173d07}.node .nm{font-family:var(--f-d);font-size:17px;color:var(--wood)}.node .st svg.i{font-size:18px;opacity:.25;filter:grayscale(1)}.node .st svg.i.on{opacity:1;filter:none}.node.locked{opacity:.55;filter:grayscale(.7)}.node.locked .num{background:#6b5a48;border-color:#2e2418}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff8e6;border:2px solid #d4b98a;border-radius:10px;padding:4px 2px;font-family:var(--f-d);font-size:13px;color:var(--wood)}.day small{font-family:var(--f-b);font-size:9px}.day svg.i{font-size:22px}.day.got{opacity:.45}.day.got:after{content:"✓";color:#2c7a12;font-size:14px}.day.today{border-color:#4c9f22;box-shadow:0 0 0 3px #a6ea6a;animation:pulse 1.4s infinite}.quest{display:flex;gap:10px;align-items:center;background:#fff8e6;border:2px solid #d4b98a;border-radius:12px;padding:8px 10px}.quest .qt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.quest .qt b{font-size:13px}.quest small{font-size:11px;color:#7a5c3a}.quest .pill{font-size:14px;padding:6px 10px}.quest.done{opacity:.6}.okmark{font-family:var(--f-d);font-size:26px;color:#2c7a12}#tut{position:absolute;left:0;right:0;bottom:120px;z-index:10;display:flex;align-items:flex-end;gap:8px;padding-inline:max(10px,env(safe-area-inset-left,0px)) max(10px,env(safe-area-inset-right,0px));pointer-events:none}#tut.top{bottom:auto;top:150px}#tut>*{pointer-events:auto}#tut.in{animation:rise .35s cubic-bezier(.2,1.2,.4,1)}.elder{flex:none;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffe7b0,#d39b4a);border:4px solid var(--wood-d);box-shadow:0 4px 0 var(--wood-d);display:grid;place-items:center;overflow:hidden}.elder svg.i{font-size:80px;margin-top:10px}.bubble{flex:1;max-width:420px;background:var(--parch);color:var(--ink);border:3px solid var(--wood-d);border-radius:16px;padding:10px 12px;box-shadow:0 6px 18px #0008}.bubble b{font-family:var(--f-d);font-weight:400;font-size:17px;color:var(--wood)}.bubble p{margin:2px 0 6px;font-size:14px;line-height:1.35}.tb{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tb .pill{font-size:15px;padding:6px 14px}.skip{font-size:11px;color:#7a5c3a;text-decoration:underline}#tutHand{position:absolute;left:0;top:0;z-index:11;pointer-events:none;width:0;height:0;transition:transform .25s ease}#tutHand svg{position:absolute;left:-6px;top:4px;width:54px;height:54px;filter:drop-shadow(0 3px 2px #0009);animation:poke .9s ease-in-out infinite}@keyframes poke{50%{transform:translate(6px,10px) scale(.92)}}#tutHand:before{content:"";position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;border:4px solid #ffe46b;animation:ping 1.2s ease-out infinite}@keyframes ping{0%{transform:scale(.4);opacity:1}to{transform:scale(1.3);opacity:0}}.pill.speed{background:linear-gradient(#a5dcff,#3c8fd0);border-color:#0d2f4f;box-shadow:0 4px #0d2f4f,inset 0 3px #fff8;min-width:86px;justify-content:center;letter-spacing:-2px}.pill.speed.fast{background:linear-gradient(#ffe46b,#e7a21c);border-color:#5a3404;box-shadow:0 4px #5a3404,inset 0 3px #fff8;color:#3b2412;text-shadow:none}#login{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 35%,#5e8f3aee,#1d2a12f5)}.lcard{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:var(--parch);color:var(--ink);border:4px solid var(--wood-d);border-radius:22px;padding:24px 18px;box-shadow:0 14px 40px #000c;animation:rise .35s cubic-bezier(.2,1.2,.4,1)}.logo-big{font-family:var(--f-d);font-size:44px;line-height:1;color:var(--gold)}.lcard p{margin:0;font-size:14px}#gbtn{min-height:44px}.row2{display:flex;gap:8px;align-items:center;width:100%}.row2 input{flex:1;min-width:0;font:inherit;font-size:16px;padding:9px 12px;border-radius:12px;border:2px solid #b8996a;background:#fffaf0;color:var(--ink)}.row2 input:focus-visible{outline:3px solid var(--sky)}.stats.lb td:first-child{width:34px;font-family:var(--f-d);color:var(--wood)}.stats.lb td:last-child svg.i{font-size:16px;vertical-align:-3px}.stats.lb tr.me td{background:#ffe9a8}.quest small svg.i{font-size:14px;vertical-align:-2px}.pill.blue{background:linear-gradient(#a5dcff,#3c8fd0);border-color:#0d2f4f;box-shadow:0 4px #0d2f4f,inset 0 3px #fff8}.quest.log{flex-wrap:wrap}.logbtns{display:flex;gap:6px}.logbtns .pill{font-size:13px;padding:5px 10px}button.res{display:block;text-align:left}.res .plus{position:absolute;width:20px;height:20px;border-radius:50%;background:linear-gradient(#a6ea6a,#4c9f22);border:2px solid #173d07;font-family:var(--f-d);font-size:16px;line-height:15px;text-align:center;color:#fff;z-index:2;left:auto;right:-8px;top:-6px}.card.wide{flex-direction:row;text-align:left;gap:12px;width:100%}.card.wide>div{flex:1;display:flex;flex-direction:column;gap:2px}.card .bigico{font-size:48px;line-height:1}.card:disabled{filter:grayscale(.8);opacity:.6}.langbtn{font-family:var(--f-d);font-size:15px}.lvbadge{position:absolute;top:6px;left:6px;min-width:24px;height:24px;border-radius:8px;background:linear-gradient(#a5dcff,#3c8fd0);border:2px solid #0d2f4f;font-family:var(--f-d);font-size:14px;display:grid;place-items:center}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slot{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff8e6;border:2px solid #d4b98a;border-radius:12px;padding:8px 4px}.slot .btnrow{gap:4px;flex-direction:column;width:100%;align-items:stretch}.slot .pill{font-size:13px;padding:5px 6px;justify-content:center}.troops .tc{flex:1 1 0;max-width:64px;min-width:0}.troops .tc canvas{width:100%;max-width:52px;height:auto}.card.wide{overflow:hidden}.card.wide>div{min-width:0}.card.wide>.pill,.card.wide>.price{flex:none}