@font-face{font-family:Luckiest Guy;src:url(/fonts/luckiest-guy-latin.woff2)format("woff2");font-display:swap}@font-face{font-family:Patrick Hand;src:url(/fonts/patrick-hand-latin.woff2)format("woff2");font-display:swap}:root{--ink:#16131c;--ink2:#2a2533;--chalk:#fff8e6;--sun:#ffd23f;--berry:#ff5d8f;--sea:#2a6f8e;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--pad:10px}*{box-sizing:border-box}html,body{background:var(--sea);height:100%;color:var(--chalk);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:Patrick Hand,system-ui,sans-serif;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.cl,.al{will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0;translate:-50% -100%}.cl b,.al b{text-align:center;font-variant-numeric:tabular-nums;min-width:34px;color:var(--ink);background:var(--c,#b8ad98);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:10px;padding:1px 7px 0;font:400 19px/1.25 Luckiest Guy,sans-serif}.cl span{color:var(--chalk);white-space:nowrap;background:#16131cd1;border-radius:6px;margin-top:2px;padding:0 6px;font-size:14px;line-height:1.2;display:none}.labels.names .cl span{display:block}.cl.sel b{box-shadow:0 0 0 3px var(--chalk), 0 4px 0 var(--ink);transform:scale(1.18)}.al b{border-width:2.5px;border-radius:50px;min-width:26px;padding:0 6px;font-size:15px}.cl.fight b,.al.fight b{animation:.25s ease-in-out infinite alternate hit}@keyframes hit{to{transform:translateY(-3px)rotate(-4deg)}}.arrow{pointer-events:none;opacity:0;width:100%;height:100%;position:fixed;inset:0}.arrow.on{opacity:1}.arrow path{fill:none;stroke:var(--chalk);stroke-width:7px;stroke-linecap:round;stroke-dasharray:14 10;filter:drop-shadow(0 3px 0 var(--ink));animation:.5s linear infinite march}.arrow circle{fill:var(--chalk);stroke:var(--ink);stroke-width:3px}.arrow.locked path{stroke:var(--sun);stroke-dasharray:none}.arrow.locked.enemy path,.arrow.locked.enemy circle{stroke:var(--berry)}.arrow.locked.enemy circle{fill:var(--berry)}@keyframes march{to{stroke-dashoffset:-24px}}.ui{pointer-events:none;position:fixed;inset:0}.ui>*{pointer-events:auto}.ui .toasts,.ui .hint{pointer-events:none}.panel,.bank,.goal,.board,.share,.sheet{background:var(--ink);border:3px solid var(--ink);box-shadow:0 4px #00000059}.bank{top:calc(var(--pad) + var(--safe-t));left:calc(var(--pad) + var(--safe-l));border-color:var(--sun);border-radius:40px;align-items:center;gap:8px;padding:5px 14px 5px 5px;display:flex;position:absolute}.bank-timer{width:44px;height:44px;position:relative}.bank-timer svg{width:44px;height:44px;transform:rotate(-90deg)}.bank-track{fill:none;stroke:var(--ink2);stroke-width:5px}.bank-arc{fill:none;stroke:var(--sun);stroke-width:5px;stroke-linecap:round;stroke-dasharray:113.1;transition:stroke-dashoffset .12s linear}.bank-timer i{position:absolute;inset:8px}.bank-timer i :is(svg,img){width:28px;height:28px;transform:none}.bank-nums{align-items:baseline;gap:6px;display:flex}.bank-gold{font-variant-numeric:tabular-nums;min-width:2.2ch;color:var(--sun);font:400 28px/1 Luckiest Guy,sans-serif}.bank-inc{color:#a8f0c6;font-variant-numeric:tabular-nums;font-size:19px}.goal{top:calc(var(--pad) + var(--safe-t));border-radius:14px;align-items:center;gap:8px;padding:6px 12px 6px 8px;display:flex;position:absolute;left:50%;translate:-50%}.goal i :is(svg,img){width:30px;height:30px;display:block}.goal-bar{background:var(--ink2);border-radius:8px;width:clamp(70px,18vw,180px);height:12px;overflow:hidden}.goal-bar span{background:var(--sun);width:0;height:100%;transition:width .4s;display:block}.goal-num{font-variant-numeric:tabular-nums;min-width:4.4ch;font:400 20px/1 Luckiest Guy,sans-serif}.topright{top:calc(var(--pad) + var(--safe-t));right:calc(var(--pad) + var(--safe-r));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.iconbtn{background:var(--ink);border:3px solid var(--chalk);border-radius:14px;width:48px;height:48px;padding:6px;box-shadow:0 4px #00000059}.iconbtn :is(svg,img){width:100%;height:100%;display:block}.iconbtn:active{translate:0 2px;box-shadow:0 2px #00000059}.iconbtn.small{border-color:var(--ink2);width:40px;height:40px}.board{border-radius:12px;min-width:150px;margin:0;padding:6px 8px;list-style:none}.board li{grid-template-columns:14px 1fr 2.4ch;align-items:center;gap:7px;font-size:16px;line-height:1.45;display:grid}.board li i{background:var(--c);border:2px solid var(--chalk);border-radius:4px;width:12px;height:12px}.board li span{white-space:nowrap;text-overflow:ellipsis;max-width:12ch;overflow:hidden}.board li b{text-align:right;font-variant-numeric:tabular-nums;color:var(--c);font:400 16px/1 Luckiest Guy,sans-serif}.board li.me span{color:var(--sun)}.board li.dead{opacity:.4;text-decoration:line-through}.share{left:calc(var(--pad) + var(--safe-l));bottom:calc(var(--pad) + var(--safe-b));border-radius:16px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute}.share-label{opacity:.8;writing-mode:horizontal-tb;padding:0 4px 0 6px;font-size:15px}.share-btn{border:3px solid var(--ink2);background:var(--ink2);border-radius:12px;min-width:52px;height:48px;font:400 20px/1 Luckiest Guy,sans-serif}.share-btn[aria-pressed=true]{background:var(--sun);color:var(--ink);border-color:var(--chalk)}.sheet{right:calc(var(--pad) + 104px + var(--safe-r));bottom:calc(var(--pad) + var(--safe-b));width:min(380px, calc(100vw - 2 * var(--pad) - var(--safe-l) - var(--safe-r)));border-color:var(--c,var(--chalk));border-width:4px;border-radius:18px;padding:10px 12px 12px;animation:.18s ease-out rise;position:absolute}@keyframes rise{0%{opacity:0;translate:0 20px}}.sheet-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sheet-title{color:var(--c);margin:0;font:400 24px/1.1 Luckiest Guy,sans-serif}.sheet-sub{opacity:.9;margin:2px 0 0;font-size:16px}.sheet-sub em{color:var(--sun);font-style:normal}.dot{background:var(--c);border:2px solid var(--chalk);vertical-align:-1px;border-radius:50%;width:11px;height:11px;margin-right:6px;display:inline-block}.garrison{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0;display:grid}.gar{background:var(--ink2);border-radius:10px;align-items:center;gap:4px;padding:4px 6px;display:flex}.gar i :is(svg,img){width:30px;height:30px;display:block}.gar b{font-variant-numeric:tabular-nums;font:400 20px/1 Luckiest Guy,sans-serif}.buy{grid-template-columns:repeat(4,1fr) 52px;gap:6px;display:grid}.buy-btn{background:var(--chalk);min-height:84px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--sun);border-radius:12px;justify-items:center;gap:2px;padding:6px 2px 5px;display:grid}.buy-btn i :is(svg,img){width:34px;height:34px;display:block}.buy-btn span{font-size:14px;line-height:1}.buy-btn em{align-items:center;gap:2px;font:400 17px/1 Luckiest Guy,sans-serif;display:flex}.buy-btn em :is(svg,img){width:17px;height:17px}.buy-btn:active:not(:disabled){box-shadow:0 1px 0 var(--sun);translate:0 3px}.buy-btn:disabled{opacity:.38;box-shadow:none}.buy-n{background:var(--ink2);border:3px solid var(--chalk);border-radius:12px;font:400 18px/1 Luckiest Guy,sans-serif}.toasts{top:calc(66px + var(--safe-t));justify-items:center;gap:6px;width:min(92vw,460px);display:grid;position:absolute;left:50%;translate:-50%}.toast{background:var(--ink);border:3px solid var(--c);text-align:center;border-radius:12px;padding:6px 14px;font-size:18px;transition:opacity .5s,translate .5s;animation:.22s ease-out drop}.toast b{color:var(--c);letter-spacing:.02em;font-family:Luckiest Guy,sans-serif;font-weight:400}.toast.out{opacity:0;translate:0 -10px}@keyframes drop{0%{opacity:0;translate:0 -14px}}.hint{left:50%;bottom:calc(76px + var(--safe-b));background:var(--ink);border:3px solid var(--sun);text-align:center;border-radius:14px;width:min(88vw,420px);padding:8px 14px;font-size:18px;transition:opacity .6s;position:absolute;translate:-50%}.hint b{color:var(--sun);font-weight:400}.hint.gone,.ui.sheet-open .hint,.ui.aiming .hint{opacity:0}.modal{background:#16131c8c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal-card{background:var(--ink);border:4px solid var(--sun);text-align:center;border-radius:22px;width:min(420px,100%);padding:20px 20px 18px;animation:.22s ease-out rise}.modal-card.lost{border-color:var(--berry)}.modal-card h2{color:var(--sun);margin:0 0 6px;font:400 32px/1.05 Luckiest Guy,sans-serif}.modal-card.lost h2{color:var(--berry)}.modal-card p{opacity:.9;margin:0 0 14px;font-size:19px}.end-icon :is(svg,img){width:64px;height:64px;margin:0 auto 6px;display:block}.modal-card dl{text-align:left;grid-template-columns:1fr auto;gap:4px 16px;margin:0 0 16px;font-size:18px;display:grid}.modal-card dd{font-variant-numeric:tabular-nums;margin:0;font:400 20px/1 Luckiest Guy,sans-serif}.big{background:var(--sun);width:100%;min-height:54px;color:var(--ink);border:3px solid var(--chalk);border-radius:14px;margin-top:8px;font:400 24px/1 Luckiest Guy,sans-serif;display:block;box-shadow:0 5px #b38f12}.big:active{translate:0 3px;box-shadow:0 2px #b38f12}.big.ghost{background:var(--ink2);color:var(--chalk);box-shadow:0 5px #000}button:focus-visible{outline:3px solid var(--berry);outline-offset:2px}.herobtn{right:calc(var(--pad) + var(--safe-r));bottom:calc(var(--pad) + 18px + var(--safe-b));background:var(--ink);border:none;border-radius:50%;width:86px;height:86px;padding:0;position:absolute;box-shadow:0 5px #00000059}.herobtn img{object-fit:cover;object-position:50% 8%;width:72px;height:72px;image-rendering:pixelated;background:#3a3346;border-radius:50%;position:absolute;inset:7px;transform:scale(1)}.hb-ring{width:86px;height:86px;position:absolute;inset:0;transform:rotate(-90deg)}.hb-track{fill:none;stroke:var(--ink2);stroke-width:8px}.hb-arc{fill:none;stroke:var(--chalk);stroke-width:8px;stroke-linecap:round;stroke-dasharray:289;transition:stroke-dashoffset .12s linear}.hb-cd{color:var(--chalk);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;background:#16131c73;border-radius:50%;place-items:center;font:400 30px/1 Luckiest Guy,sans-serif;display:grid;position:absolute;inset:7px}.hb-cd:empty{display:none}.hb-name{white-space:nowrap;background:var(--ink);color:var(--chalk);border-radius:8px;padding:0 8px;font-size:15px;line-height:1.35;position:absolute;bottom:-20px;left:50%;translate:-50%}.hb-hp{background:var(--ink);border:2px solid var(--ink);border-radius:6px;height:8px;position:absolute;top:-10px;left:14px;right:14px;overflow:hidden}.hb-hp span{background:#7bd389;height:100%;transition:width .2s;display:block}.herobtn.ready .hb-arc{stroke:var(--sun)}.herobtn.ready{animation:1.1s ease-in-out infinite ready}.herobtn.ready .hb-name{background:var(--sun);color:var(--ink)}.herobtn.dead img{filter:grayscale()brightness(.6)}.herobtn.aiming{animation:none}.herobtn.aiming .hb-arc{stroke:var(--berry)}.herobtn:active{translate:0 3px}@keyframes ready{50%{box-shadow:0 5px #00000059,0 0 0 7px #ffd23f73}}.targetbar{left:50%;top:calc(66px + var(--safe-t));background:var(--ink);border:3px solid var(--berry);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:18px;display:flex;position:absolute;translate:-50%}.targetbar b{color:var(--berry);font-family:Luckiest Guy,sans-serif;font-weight:400}.labels.aiming .cl.tgt b{box-shadow:0 0 0 3px var(--berry), 0 3px 0 var(--ink);animation:.35s ease-in-out infinite alternate hit}.labels.aiming .cl:not(.tgt){opacity:.45}body.picking .labels,body.picking .bank,body.picking .goal,body.picking .topright,body.picking .share,body.picking .herobtn,body.picking .hint,body.picking .sheet{display:none}.pickui{pointer-events:none;position:absolute;inset:0}.pickui>*{pointer-events:auto}.pick-head{top:calc(14px + var(--safe-t));text-align:center;pointer-events:none;position:absolute;left:50%;translate:-50%}.pick-head small{background:var(--ink);border-radius:10px;padding:2px 12px;font-size:18px;display:inline-block}.pick-head h1{color:var(--sun);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;white-space:nowrap;margin:6px 0 0;font:400 clamp(36px,8vw,64px)/1 Luckiest Guy,sans-serif;transform:rotate(-2deg)}.pick-card{left:50%;bottom:calc(14px + var(--safe-b));background:var(--ink);border:4px solid var(--sun);border-radius:20px;width:min(440px,100vw - 24px);padding:12px 14px;position:absolute;translate:-50%}.pick-row{grid-template-columns:7.4em 1fr;align-items:baseline;gap:10px;margin:0 0 8px;font-size:18px;line-height:1.25;display:grid}.pick-row em{color:#a8f0c6;font:400 16px/1.2 Luckiest Guy,sans-serif}.pick-row.act em{color:var(--berry)}.pick-row i{opacity:.7;white-space:nowrap;font-style:normal}.pick-go{margin-top:4px}.pick-arrow{background:var(--chalk);border:4px solid var(--ink);width:60px;height:60px;box-shadow:0 5px 0 var(--ink);border-radius:50%;padding:10px;position:absolute;top:44%}.pick-arrow :is(svg,img){width:100%;height:100%;display:block}.pick-arrow.left{left:calc(14px + var(--safe-l))}.pick-arrow.right{right:calc(14px + var(--safe-r))}.pick-arrow:active{box-shadow:0 2px 0 var(--ink);translate:0 3px}.pick-dots{left:50%;top:calc(var(--safe-t) + clamp(104px, 15vw, 134px));pointer-events:none;gap:8px;display:flex;position:absolute;translate:-50%}.pick-dots i{background:var(--chalk);border:2px solid var(--ink);opacity:.5;border-radius:50%;width:12px;height:12px}.pick-dots i.on{background:var(--sun);opacity:1;transform:scale(1.25)}@media (width<=640px){:root{--pad:8px}.goal{top:calc(64px + var(--safe-t));left:calc(var(--pad) + var(--safe-l));translate:none}.board{min-width:0;padding:4px 6px}.board li{grid-template-columns:12px 2.2ch;font-size:14px}.board li span{display:none}.toasts{top:calc(112px + var(--safe-t))}.sheet{left:calc(var(--pad) + var(--safe-l));right:calc(var(--pad) + var(--safe-r));width:auto;bottom:calc(70px + var(--safe-b))}.buy-btn{min-height:76px}.share-btn{min-width:50px}.hint{bottom:calc(72px + var(--safe-b));font-size:16px}.ui.sheet-open .herobtn{display:none}.herobtn{width:74px;height:74px;bottom:calc(var(--pad) + 16px + var(--safe-b))}.herobtn img{width:60px;height:60px}.hb-ring{width:74px;height:74px}.hint{right:auto;left:calc(var(--pad) + var(--safe-l));width:calc(100vw - 110px);bottom:calc(76px + var(--safe-b));translate:none}.targetbar{top:calc(112px + var(--safe-t));font-size:16px}.pick-row{grid-template-columns:1fr;gap:0;font-size:17px}.pick-arrow{width:52px;height:52px;top:36%}}@media (height<=480px) and (orientation:landscape){.sheet{bottom:calc(var(--pad) + var(--safe-b));right:calc(var(--pad) + 100px + var(--safe-r));width:360px;left:auto}.pick-head h1{font-size:34px}.pick-card{left:auto;right:calc(14px + var(--safe-r));width:330px;bottom:calc(10px + var(--safe-b));translate:none}.pick-row{grid-template-columns:1fr;gap:0;margin-bottom:4px;font-size:16px}.pick-dots{top:calc(56px + var(--safe-t))}.pick-arrow{top:42%}.pick-arrow.right{right:calc(360px + var(--safe-r))}.goal{top:calc(var(--pad) + var(--safe-t));left:50%;translate:-50%}.toasts{top:calc(60px + var(--safe-t))}.buy-btn{min-height:64px}.garrison{margin:6px 0}.board{min-width:0;padding:4px 6px}.board li{grid-template-columns:12px 2.2ch;font-size:14px;line-height:1.3}.board li span,.ui.sheet-open .board{display:none}}@media (prefers-reduced-motion:reduce){.arrow path,.cl.fight b,.al.fight b{animation:none}}.toggles{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.toggle{border:3px solid var(--ink2);background:var(--ink2);border-radius:12px;min-height:46px;font:400 18px/1 Luckiest Guy,sans-serif}.toggle[aria-pressed=true]{border-color:var(--sun);color:var(--sun)}body.titling .pickui{display:none}.title{text-align:center;background:radial-gradient(#16131c26,#16131c8c);place-content:center;justify-items:center;gap:14px;padding:16px;display:grid;position:absolute;inset:0}.title-logo{color:var(--sun);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);margin:0;font:400 clamp(52px,13vw,120px)/.9 Luckiest Guy,sans-serif;display:grid;transform:rotate(-4deg)}.title-logo span:last-child{color:var(--berry);margin-left:.6em}.title-line{background:var(--ink);border-radius:12px;max-width:26ch;margin:0;padding:6px 14px;font-size:20px}.title-play{width:min(320px,80vw);min-height:64px;font-size:30px;animation:1.4s ease-in-out infinite ready}.end-hero{place-items:end center;width:120px;height:120px;margin:-70px auto 4px;display:grid;position:relative}.end-hero img{height:112px;image-rendering:pixelated;filter:drop-shadow(0 4px 0 var(--ink));animation:.5s steps(2,end) infinite hop}.end-crown{width:44px;animation:.5s steps(2,end) infinite hop;position:absolute;top:-18px;left:50%;translate:-50%}.end-crown :is(svg,img){width:44px;height:44px;display:block}@keyframes hop{50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.end-hero img,.end-crown{animation:none}}.toggle.wide{grid-column:1/-1}.coach{left:50%;bottom:calc(80px + var(--safe-b));background:var(--ink);border:3px solid var(--sun);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;width:min(92vw,440px);padding:10px 12px;animation:.25s ease-out rise;display:grid;position:absolute;translate:-50%}.coach-step{background:var(--sun);color:var(--ink);border-radius:8px;grid-row:span 2;align-self:start;padding:2px 8px;font:400 16px/1.3 Luckiest Guy,sans-serif}.coach p{margin:0;font-size:18px;line-height:1.3}.coach p b{color:var(--sun);font-family:Luckiest Guy,sans-serif;font-weight:400}.coach-skip{color:var(--chalk);opacity:.6;background:0 0;border:none;justify-self:end;padding:2px 6px;font-size:15px;text-decoration:underline}.ui.sheet-open .coach,.ui.aiming .coach{display:none}.cl.coach-focus b{box-shadow:0 0 0 3px var(--sun), 0 3px 0 var(--ink);animation:.4s ease-in-out infinite alternate hit}@media (width<=640px){.coach{left:calc(var(--pad) + var(--safe-l));width:calc(100vw - 104px - var(--pad));bottom:calc(72px + var(--safe-b));translate:none}.coach p{font-size:16px}}.pick-level{align-items:center;gap:6px;margin:0 0 10px;display:flex}.pick-level span{opacity:.8;margin-right:4px;font-size:16px}.pick-level button{border:3px solid var(--ink2);background:var(--ink2);border-radius:10px;flex:1;min-height:40px;font:400 16px/1 Luckiest Guy,sans-serif}.pick-level button[aria-pressed=true]{background:var(--sun);color:var(--ink);border-color:var(--chalk)}.rl{background:var(--ink);border:3px solid var(--c,var(--ink));color:var(--chalk);white-space:nowrap;letter-spacing:.02em;opacity:.92;border-radius:10px;padding:2px 10px;font:400 15px/1.2 Luckiest Guy,sans-serif;display:none;position:absolute;top:0;left:0;translate:-50% -50%}.rl em{color:var(--sun);font-style:normal}.rl.held{color:var(--c)}.labels.overview .rl{display:block}.labels.overview .cl span{display:none}.vignette{pointer-events:none;background:radial-gradient(75% 70%,#0000 62%,#16131c52 100%);position:fixed;inset:0}body.picking .vignette{background:radial-gradient(80% 75% at 50% 45%,#0000 55%,#16131c6b 100%)}.pxi{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.buy-btn em .pxi{width:15px;height:15px}.bank,.goal,.board,.share,.sheet,.toast,.coach,.modal-card,.targetbar,.pick-card,.hint,.rl,.title-line,.iconbtn,.big,.buy-btn,.buy-n,.share-btn,.toggle,.pick-level button,.pick-head small,.pick-arrow,.lookbar{--f:#0c0a10;--in:#3a3346;box-shadow:0 -4px 0 0 var(--f), 0 4px 0 0 var(--f), -4px 0 0 0 var(--f), 4px 0 0 0 var(--f), inset 0 0 0 2px var(--in), var(--drop,0 8px 0 0 #00000059)!important;border:none!important;border-radius:0!important}.bank{--f:var(--sun)}.sheet{--f:var(--c,var(--chalk))}.toast{--f:var(--c)}.coach,.pick-card,.hint,.modal-card{--f:var(--sun)}.modal-card.lost,.targetbar{--f:var(--berry)}.rl{--f:var(--c,#0c0a10);--drop:0 0 0 0 transparent}.title-line,.pick-head small{--drop:0 0 0 0 transparent}.iconbtn{--f:var(--chalk)}.replay{--f:var(--sun)}.big{--f:var(--chalk);--in:#ffffff73;--drop:0 8px 0 0 #b38f12}.big.ghost{--in:#4a4257;--drop:0 8px 0 0 #000}.buy-btn{--f:var(--ink);--in:#00000014;--drop:0 8px 0 0 var(--sun)}.buy-btn:disabled{--drop:0 0 0 0 transparent}.share-btn,.toggle,.pick-level button,.buy-n{--f:#0c0a10}.share-btn[aria-pressed=true],.pick-level button[aria-pressed=true]{--f:var(--chalk);--in:#ffffff80}.toggle[aria-pressed=true]{--f:var(--sun)}.pick-arrow{--f:var(--ink);--in:#0000001a;--drop:0 8px 0 0 var(--ink)}.iconbtn:active,.big:active,.buy-btn:active:not(:disabled),.pick-arrow:active,.share-btn:active,.toggle:active{--drop:0 3px 0 0 #00000059;translate:0 4px}.bank,.board,.share,.topright .iconbtn{margin:4px}.goal{margin-top:4px}.gar{border-radius:0;box-shadow:inset 0 0 0 2px #2c2734}.goal-bar,.goal-bar span,.hb-hp,.hb-hp span,.dot,.board li i{border-radius:0}.title-online{width:min(320px,80vw);min-height:54px;font-size:24px}.online-card{gap:10px;display:grid}.online-card .big{margin-top:0}.field{text-align:left;gap:4px;font-size:16px;display:grid}.field input,.code-in{width:100%;min-height:46px;color:var(--ink);background:#fff8e6;border:none;padding:6px 12px;font:400 22px/1 Luckiest Guy,sans-serif;box-shadow:0 -3px #0c0a10,0 3px #0c0a10,-3px 0 #0c0a10,3px 0 #0c0a10}.code-in{text-transform:uppercase;letter-spacing:.2em;text-align:center}.online-actions{gap:10px;display:grid}.join-row{grid-template-columns:1fr 1fr;align-items:center;gap:10px;display:grid}.join-row .big{margin:0}.lobby-card h2 .code{color:var(--chalk);letter-spacing:.15em}.lobby-hint,.lobby-bots,.lobby-status{margin:6px 0;font-size:17px}.lobby-status b{color:var(--sun);font-family:Luckiest Guy,sans-serif;font-weight:400}.lobby-list{text-align:left;gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.lobby-list li{background:#2c2734;grid-template-rows:auto auto;grid-template-columns:40px 1fr auto;align-items:center;column-gap:10px;padding:4px 8px;display:grid}.lobby-list li.you{background:#3d3524}.lobby-list img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated;grid-row:span 2}.lobby-list span{font-size:18px}.lobby-list em{color:var(--sun);font:400 13px/1 Luckiest Guy,sans-serif}.lobby-list small{opacity:.75;grid-column:2/-1;font-size:14px}body.online .pick-level{display:none}.build{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.build:has(.built){grid-template-columns:1fr}.built{background:#2c2734;margin:0;padding:6px 8px;font-size:16px}.built b{color:var(--sun);font-family:Luckiest Guy,sans-serif;font-weight:400}.build-btn{color:var(--chalk);--f:#0c0a10;background:#2c2734;justify-items:center;gap:2px;padding:6px 4px;display:grid}.build-btn span{font:400 15px/1 Luckiest Guy,sans-serif}.build-btn em{color:var(--sun);align-items:center;gap:2px;font:400 15px/1 Luckiest Guy,sans-serif;display:flex}.build-btn em .pxi{width:14px;height:14px}.build-btn small{opacity:.8;text-align:center;font-size:12px;line-height:1.15}.build-btn:disabled{opacity:.4}.rally{align-items:center;gap:8px;margin-top:12px;display:flex}.rally-on{flex:1;margin:0;font-size:16px}.rally-on b{color:var(--sun);font-family:Luckiest Guy,sans-serif;font-weight:400}.rally-btn{background:#2c2734;min-height:40px;padding:4px 12px;font:400 15px/1 Luckiest Guy,sans-serif}.rally-btn.wide{flex:1}.build-btn,.rally-btn{border:none;border-radius:0;box-shadow:0 -3px #0c0a10,0 3px #0c0a10,-3px 0 #0c0a10,3px 0 #0c0a10,inset 0 0 0 2px #3a3346}.hb-stars{color:var(--sun);-webkit-text-stroke:1px var(--ink);white-space:nowrap;letter-spacing:-1px;font-size:14px;position:absolute;top:-26px;left:50%;translate:-50%}.board li.lead span:after{content:" ♛";color:var(--sun)}#rallies{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#rallies path{fill:none;stroke:var(--sun);stroke-width:4px;stroke-dasharray:2 8;stroke-linecap:square;opacity:.95;filter:drop-shadow(0 2px #16131c);animation:.7s linear infinite march}.bank-pay{color:#ff8a8a;font-variant-numeric:tabular-nums;font-size:14px}.bank-pay:empty{display:none}.sheet-sub .special{color:var(--sun);font-family:Luckiest Guy,sans-serif;font-weight:400}.cl.key b:after{content:"★";color:var(--sun);-webkit-text-stroke:1px var(--ink);font-size:15px;position:absolute;top:-10px;right:-9px}.forecast{z-index:5;background:var(--ink);white-space:nowrap;pointer-events:none;box-shadow:0 -3px 0 0 var(--fc), 0 3px 0 0 var(--fc), -3px 0 0 0 var(--fc), 3px 0 0 0 var(--fc);color:var(--fc);padding:4px 10px;font:400 16px/1.15 Luckiest Guy,sans-serif;position:fixed;top:0;left:0;translate:-50% calc(-100% - 26px)}.forecast small{color:var(--chalk);text-align:center;font:400 13px/1.2 Patrick Hand,sans-serif;display:block}.sheet-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px;display:grid}.sheet-tabs .tab{min-height:38px;color:var(--chalk);background:#2c2734;border:none;border-radius:0;font:400 16px/1 Luckiest Guy,sans-serif;position:relative;box-shadow:0 -3px #0c0a10,0 3px #0c0a10,-3px 0 #0c0a10,3px 0 #0c0a10,inset 0 0 0 2px #3a3346}.sheet-tabs .tab[aria-pressed=true]{background:var(--sun);color:var(--ink);box-shadow:0 -3px 0 0 var(--chalk), 0 3px 0 0 var(--chalk), -3px 0 0 0 var(--chalk), 3px 0 0 0 var(--chalk), inset 0 0 0 2px #fff6}.tab-dot{background:var(--sun);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);display:none;position:absolute;top:6px;right:8px}.tab.ready .tab-dot{display:block}.tab.ready[aria-pressed=true] .tab-dot{background:var(--berry)}.panel-troops .garrison,.panel-city .build{margin-top:0}.special-info{background:#2c2734;margin:0 0 10px;padding:6px 8px;font-size:16px}.sheet .rally{margin-top:10px}.coach.tip{--f:var(--sky,#7ec8f2)}.coach.tip .coach-step{background:#7ec8f2}.pick-skins{margin:4px 0 8px}.pick-meta{justify-content:space-between;margin-bottom:6px;font-size:16px;display:flex}.pick-meta span:first-child{color:var(--sun)}.krumel{color:#e9c47a;font-family:Luckiest Guy,sans-serif}.skin-row,.title-row{flex-wrap:wrap;gap:8px;display:flex}.skin-chip{min-width:70px;color:var(--chalk);background:#2c2734;border:none;border-radius:0;flex:1 1 0;justify-items:center;padding:5px 4px;font:400 13px/1.15 Luckiest Guy,sans-serif;display:grid;box-shadow:0 -3px #0c0a10,0 3px #0c0a10,-3px 0 #0c0a10,3px 0 #0c0a10}.skin-chip small{opacity:.85;font:400 12px/1.1 Patrick Hand,sans-serif}.skin-chip.on{background:var(--sun);color:var(--ink)}.skin-chip.locked,.skin-chip:disabled:not(.on){opacity:.45}.reward{text-align:left;background:#2c2734;margin:-4px 0 10px;padding:8px}.reward p{margin:2px 0;font-size:16px}.reward-krumel{color:#e9c47a;font:400 20px/1.2 Luckiest Guy,sans-serif}.reward-krumel small{color:var(--chalk);font:400 14px Patrick Hand,sans-serif}.reward-line b{color:var(--sun);font-family:Luckiest Guy,sans-serif;font-weight:400}.trophy-card{max-height:calc(100vh - 40px);overflow-y:auto}.trophy-stats{margin:0 0 8px}.trophy-stats b{color:#e9c47a;font-family:Luckiest Guy,sans-serif;font-weight:400}.trophy-list{text-align:left;gap:4px;margin:0 0 10px;padding:0;list-style:none;display:grid}.trophy-list li{opacity:.7;background:#2c2734;grid-template-columns:1fr auto;gap:0 8px;padding:4px 8px;display:grid}.trophy-list li.done{opacity:1;background:#3d3524}.trophy-list b{color:var(--sun);font:400 15px/1.2 Luckiest Guy,sans-serif}.trophy-list span{grid-column:1;font-size:14px}.trophy-list em{color:#e9c47a;grid-area:1/2/span 2;align-self:center;font-size:14px;font-style:normal}.trophy-title-label{opacity:.8;margin:6px 0 4px;font-size:15px}.ptitle{color:var(--sun);font-size:13px;font-style:normal}.lobby-list img.skin-gold{filter:sepia()saturate(3)hue-rotate(-10deg)}.lobby-list img.skin-frost{filter:grayscale()sepia()saturate(4)hue-rotate(170deg)}.lobby-list img.skin-mold{filter:grayscale()sepia()saturate(3)hue-rotate(40deg)}.end-buttons{grid-template-columns:1fr 1fr;gap:14px;margin-top:4px;display:grid}.end-buttons .big{width:100%;margin:0;padding-left:8px;padding-right:8px}body.replaying #labels,body.replaying #rallies,body.replaying .vignette,body.replaying .ui>:not(.replay){visibility:hidden}.replay{left:50%;bottom:calc(var(--safe-b) + 18px);background:var(--ink);width:min(560px,100% - 32px);color:var(--chalk);pointer-events:auto;box-shadow:0 -4px 0 0 var(--sun), 0 4px 0 0 var(--sun), -4px 0 0 0 var(--sun), 4px 0 0 0 var(--sun), inset 0 0 0 2px #3a3346, 0 8px 0 0 #00000059;padding:10px 12px 12px;position:absolute;translate:-50%}.replay-top{align-items:center;gap:10px;margin-bottom:8px;font-size:17px;display:flex}.replay-top b{color:var(--sun);font:400 20px/1 Luckiest Guy,sans-serif}.replay-lead{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.replay-lead i{width:10px;height:10px;margin-right:6px;display:inline-block;box-shadow:0 0 0 2px #0c0a10}.replay-time{font-variant-numeric:tabular-nums;font:400 18px/1 Luckiest Guy,sans-serif}.replay-graph{touch-action:none;cursor:ew-resize;background:#211d29;height:74px;position:relative;box-shadow:inset 0 0 0 2px #3a3346}.replay-graph canvas{width:100%;height:100%;display:block}.replay-head{background:var(--chalk);pointer-events:none;width:4px;margin-left:-2px;position:absolute;top:-4px;bottom:-4px;box-shadow:0 0 0 2px #0c0a10}.replay-btns{align-items:center;gap:14px;margin-top:14px;display:flex}.replay-play{flex:none;width:52px;height:48px;font-size:18px}.replay-back{flex:1;min-height:48px;margin:0}.grade{pointer-events:none;mix-blend-mode:multiply;background:#fff;position:fixed;inset:0}body.online .pick-mode{display:none}.pick-mode-note{opacity:.9;text-align:left;margin:-2px 0 10px;font-size:15px;line-height:1.25}.pick-mode-note b{color:var(--sun);font-weight:400}.goal-koth .goal-bar span{background:var(--sun)}.goal.goal-text .goal-num{white-space:nowrap;min-width:0;font-size:15px}.linkbtn{min-height:44px;color:var(--chalk);opacity:.85;cursor:pointer;background:0 0;border:none;margin:14px auto 0;padding:0 16px;font:400 18px Patrick Hand,sans-serif;text-decoration:underline;display:block}.pick-back{top:calc(12px + var(--safe-t));left:calc(var(--pad) + var(--safe-l));background:var(--ink);min-height:44px;color:var(--chalk);pointer-events:auto;border:none;padding:0 14px;font:400 18px Luckiest Guy,sans-serif;position:absolute;box-shadow:0 -3px #0c0a10,0 3px #0c0a10,-3px 0 #0c0a10,3px 0 #0c0a10}.privacy{opacity:.7;text-align:left;margin:12px 0 0;font-size:14px;line-height:1.3}.board{pointer-events:auto}.board li{cursor:pointer;grid-template-columns:14px 1fr 4.2ch}.board li b{text-align:right}.toast.tap{pointer-events:auto;cursor:pointer}.edge-arrow{background:var(--berry);width:34px;height:34px;color:var(--ink);pointer-events:none;place-items:center;margin:-17px 0 0 -17px;font:400 20px/1 Luckiest Guy,sans-serif;animation:.8s steps(2,end) infinite edge-pulse;display:grid;position:absolute;box-shadow:0 -3px #0c0a10,0 3px #0c0a10,-3px 0 #0c0a10,3px 0 #0c0a10}.edge-arrow:after{content:"";border:9px solid #0000;border-left:12px solid var(--berry);width:0;height:0;transform:rotate(var(--rot)) translate(26px, -9px);transform-origin:0 0;position:absolute;top:50%;left:50%}@keyframes edge-pulse{50%{scale:1.15}}@media (prefers-reduced-motion:reduce){.edge-arrow{animation:none}}.refill-btn{background:var(--sun);min-height:44px;color:var(--ink);border:none;grid-column:1/-1;margin-top:6px;font:400 17px Luckiest Guy,sans-serif;box-shadow:0 -3px #0c0a10,0 3px #0c0a10,-3px 0 #0c0a10,3px 0 #0c0a10,0 5px #b38f12}.refill-btn b{font-weight:400}.refill-btn:disabled{opacity:.4}.labels.overview .cl b{width:14px;min-width:0;height:14px;box-shadow:0 2px 0 var(--ink);border-width:2px;border-radius:3px;padding:0;font-size:0;line-height:0}.labels.overview .cl.key b:after{font-size:11px;top:-8px;right:-7px}.labels.overview .al{display:none}.sheet-tabs .tab,.pick-level button,.iconbtn.small,.rally-btn,.skin-chip{min-height:44px}.iconbtn.small{min-width:44px}.coach-skip{opacity:.9;min-width:44px;min-height:44px;padding:0 12px;font-size:17px}.ghost-finger{pointer-events:none;z-index:5;filter:drop-shadow(0 3px #16131c);width:44px;height:44px;margin:-6px 0 0 -14px;transition:opacity .2s;position:absolute;top:0;left:0}.ghost-finger svg{width:100%;height:100%;display:block}.ghost-finger.press{scale:.88}@media (prefers-reduced-motion:reduce){.ghost-finger{transition:none}}.board li i{color:var(--ink);place-items:center;font:400 9px/1 system-ui,sans-serif;display:grid}.board li.me{box-shadow:inset 3px 0 0 var(--chalk);background:#fff8e61f}.board li.lead b:after{content:"♛";color:var(--sun);margin-left:2px}.end-next{opacity:.9;margin:10px 0 0;font-size:16px}.end-links{justify-content:center;gap:8px;display:flex}.end-links .linkbtn{margin-top:8px}body.ended .bank,body.ended .goal,body.ended .share,body.ended .herobtn,body.ended .topright{visibility:hidden}.cl.neutral b{border-style:dashed}.labels.cb .cl b[data-g]:before{content:attr(data-g);background:var(--chalk);width:16px;height:16px;color:var(--ink);border:2px solid var(--ink);border-radius:4px;place-items:center;font:400 10px/1 system-ui,sans-serif;display:grid;position:absolute;top:-9px;left:-9px}.cl b{position:relative}body.calm .edge-arrow,body.calm .cl.fight b,body.calm .al.fight b,body.calm .cl.coach-focus b{animation:none}.pick-head small.daily{background:var(--sun);color:var(--ink)}.trials{margin-top:4px;display:inline-block}.medal{opacity:.55;white-space:nowrap}.medal.won{opacity:1;color:var(--sun)}.reward-ad{width:100%;min-height:44px;color:var(--chalk);background:#2c2734;border:none;margin-top:8px;font:400 16px Luckiest Guy,sans-serif;display:block;box-shadow:0 -3px #0c0a10,0 3px #0c0a10,-3px 0 #0c0a10,3px 0 #0c0a10}.pick-tabs{display:none}@media (width<=640px){.pick-card{padding:10px}.pick-tabs{grid-template-columns:1.4fr 1fr .7fr;gap:6px;margin-bottom:8px;display:grid}.pick-tab{min-height:44px;color:var(--chalk);white-space:nowrap;text-overflow:ellipsis;background:#2c2734;border:none;padding:0 6px;font:400 14px/1.1 Luckiest Guy,sans-serif;overflow:hidden;box-shadow:0 -3px #0c0a10,0 3px #0c0a10,-3px 0 #0c0a10,3px 0 #0c0a10}.pick-tab[aria-pressed=true]{background:var(--sun);color:var(--ink)}.pick-card:not([data-open=set]) .pick-level,.pick-card:not([data-open=info]) .pick-row,.pick-card:not([data-open=info]) .trials,.pick-card:not([data-open=skin]) .pick-skins,.pick-card:not([data-open=info]) .pick-mode-note br{display:none}.pick-mode-note{margin:0 0 8px;font-size:15px}.pick-go{margin-top:2px}}