@font-face{font-family:Delight;src:url(../fonts/Delight-Black.woff2)format("woff2");font-weight:800 900;font-display:block}:root{--lav100:#dadfff;--lav500:#6173eb;--lav900:#3817af;--yel100:#fff0b5;--yel200:#fee580;--yel500:#f1be00;--ink:#171c3b;--white:#fff9f9;--wood-dk:#3e220e;--wood-shadow:#2a1607;--brass:#d6a23f;--cream:#fff0d0;--brown:#3b2410;--brown-soft:#6a4524;--grain:repeating-linear-gradient(177deg, transparent 0 6px, #3a1c0833 6px 7px, transparent 7px 13px, #ffd6a01a 13px 15px);--knots:radial-gradient(ellipse 16px 5px at 18% 62%, #3a1c0866, transparent 70%), radial-gradient(ellipse 12px 4px at 84% 30%, #3a1c0852, transparent 70%);--wood:var(--knots), var(--grain), linear-gradient(180deg, #bd7e42, #95592a 55%, #6f3e1b);--parchment:radial-gradient(ellipse at 50% 35%, #fdf4dc 25%, #f1ddb0 75%, #e2c58e);--rivet:radial-gradient(circle, #fff4cc 0 1px, #e0ae4c 2px, #8a5a16 4px, #4a2a0c 4.6px, transparent 5.4px)}*{box-sizing:border-box}html,body{background:var(--lav100);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}body{color:var(--white);font-family:Delight,Arial Rounded MT Bold,system-ui,sans-serif}canvas{display:block;position:fixed;inset:0}[hidden]{display:none!important}.screen{padding:max(64px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:radial-gradient(ellipse 120% 60% at 50% 0%, #fff0c847, transparent 70%), radial-gradient(ellipse 140% 100% at 50% 50%, transparent 55%, #140a0461), linear-gradient(180deg, var(--menu-top,#7385f5), var(--menu-bottom,#3817af));text-align:center;flex-direction:column;justify-content:safe center;align-items:center;gap:14px;animation:.35s cubic-bezier(.2,1.6,.4,1) pop-in;display:flex;position:fixed;inset:0;overflow:hidden auto}#pause{background:radial-gradient(ellipse 140% 100% at 50% 50%, #140a0440, #140a0499), color-mix(in srgb, var(--menu-bottom,#3817af) 55%, transparent)}h1,h2{color:var(--yel200);text-shadow:2px 2px 0 var(--wood-dk), -2px 2px 0 var(--wood-dk), 2px -2px 0 var(--wood-dk), -2px -2px 0 var(--wood-dk), 0 5px 0 var(--wood-dk);margin:0;font-weight:900;line-height:1.02}h2{letter-spacing:.02em;font-size:clamp(30px,9vw,44px)}p{max-width:22em;margin:0;font-size:16px;font-weight:800;line-height:1.35}button{letter-spacing:.04em;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;max-width:100%;margin:0;padding:0;font:900 clamp(19px,6vw,25px)/1 Delight,system-ui,sans-serif}button:focus-visible{outline:4px solid var(--white);outline-offset:5px}.cta{color:#3a1e04;background:var(--rivet) 9px 50% / 11px 11px no-repeat, var(--rivet) calc(100% - 9px) 50% / 11px 11px no-repeat, linear-gradient(180deg, #fff6c9 0%, var(--yel200) 36%, var(--yel500) 100%);min-width:min(78vw,250px);box-shadow:inset 0 2px 0 #ffffffbf, inset 0 -4px 0 #96550059, 0 0 0 3px var(--brass), 0 0 0 5px var(--wood-dk), 0 9px 0 3px var(--wood-shadow), 0 14px 22px #0006;text-shadow:0 1px #ffffff8c;border:3px solid #5a300f;border-radius:16px;margin-top:6px;padding:17px clamp(30px,9vw,52px) 16px;animation:1.3s ease-in-out infinite pulse;position:relative}.cta:active{box-shadow:inset 0 2px 0 #ffffffbf, inset 0 -4px 0 #96550059, 0 0 0 3px var(--brass), 0 0 0 5px var(--wood-dk), 0 3px 0 3px var(--wood-shadow);transform:translateY(6px)}button.secondary{color:var(--cream);border:3px solid var(--wood-dk);background:var(--rivet) 6px 50% / 10px 10px no-repeat, var(--rivet) calc(100% - 6px) 50% / 10px 10px no-repeat, var(--wood);box-shadow:inset 0 2px 0 #ffe1aa59, inset 0 -3px 0 #28120459, 0 0 0 2px #b98544, 0 5px 0 2px var(--wood-shadow), 0 8px 14px #0000004d;text-shadow:0 2px 0 var(--wood-dk);border-radius:12px;padding:12px 30px 11px;font-size:16px}button.secondary:active{box-shadow:inset 0 2px 0 #ffe1aa59, 0 0 0 2px #b98544, 0 1px 0 2px var(--wood-shadow);transform:translateY(4px)}button.danger.armed{background:var(--rivet) 6px 50% / 10px 10px no-repeat, var(--rivet) calc(100% - 6px) 50% / 10px 10px no-repeat, var(--grain), linear-gradient(180deg, #ff6a3a, #d63a12);color:var(--white);animation:.5s ease-in-out infinite pulse}#title{padding:0 16px max(20px, env(safe-area-inset-bottom));background:linear-gradient(180deg, #120a048c, #120a0400 30%), linear-gradient(0deg, #120a04d1, #120a0459 34%, #120a0400 58%), url(../assets/title-bg.webp) 34% 50% / cover no-repeat, linear-gradient(180deg, var(--menu-top,#4fb6ea), var(--menu-bottom,#3f9e4e));justify-content:flex-start;gap:18px}@media (aspect-ratio>=768/1376){#title{background:linear-gradient(180deg, #120a048c, #120a0400 30%), linear-gradient(0deg, #120a04d1, #120a0459 34%, #120a0400 58%), linear-gradient(90deg, var(--menu-bottom,#3f9e4e), transparent 9%, transparent 91%, var(--menu-bottom,#3f9e4e)) 50% 50% / calc(100dvh * 768 / 1376 + 2px) 100% no-repeat, url(../assets/title-bg.webp) 50% 50% / auto 100% no-repeat, radial-gradient(ellipse at 50% 40%, var(--menu-top,#4fb6ea), var(--menu-bottom,#3f9e4e))}}.title-main{width:100%;max-width:420px;min-height:calc(100dvh - 44px);padding-top:max(62px, calc(env(safe-area-inset-top) + 50px));flex-direction:column;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.title-top,.title-bottom{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.title-bottom{gap:16px}.sign{background:var(--wood);border:4px solid var(--wood-dk);box-shadow:inset 0 3px 0 #ffe1aa66, inset 0 -6px 0 #28120466, inset 0 0 0 3px #28120440, 0 10px 0 var(--wood-shadow), 0 18px 28px #00000080;border-radius:18px;flex-direction:column;align-items:center;padding:14px 30px 12px;display:flex;position:relative;transform:rotate(-2deg)}.sign:before,.sign:after{content:"";pointer-events:none;position:absolute}.sign:before{--b:linear-gradient(180deg, #ffe7a3, #c58e2e 55%, #7a4e14);background:var(--b) 0 0 / 26px 7px, var(--b) 0 0 / 7px 26px, var(--b) 100% 0 / 26px 7px, var(--b) 100% 0 / 7px 26px, var(--b) 0 100% / 26px 7px, var(--b) 0 100% / 7px 26px, var(--b) 100% 100% / 26px 7px, var(--b) 100% 100% / 7px 26px;filter:drop-shadow(0 1px 0 var(--wood-dk)) drop-shadow(0 -1px 0 var(--wood-dk));background-repeat:no-repeat;inset:-6px}.sign:after{background:var(--rivet) 0 0 / 11px 11px, var(--rivet) 100% 0 / 11px 11px, var(--rivet) 0 100% / 11px 11px, var(--rivet) 100% 100% / 11px 11px;background-repeat:no-repeat;inset:-3px}.logo{width:min(46vw,196px);filter:drop-shadow(0 3px 0 var(--wood-dk))}h1{letter-spacing:.06em;margin-top:2px;font-size:clamp(38px,12vw,58px)}.tagline{max-width:25em;color:var(--cream);text-shadow:0 1px #000;background:#180c0499;border-radius:999px;padding:6px 14px;font-size:13px;line-height:1.3;box-shadow:inset 0 0 0 1.5px #d6a23f8c}.parchment{color:var(--brown);background:var(--parchment);box-shadow:inset 0 0 0 2px #fff6dd, inset 0 0 22px #965f1e59, 0 6px 0 var(--wood-shadow), 0 10px 20px #00000059;border:3px solid #7a4a1e;border-radius:14px}.picker{flex-direction:column;align-items:center;gap:6px;width:min(100%,350px);padding:9px 8px 8px;display:flex}.pick-label{letter-spacing:.14em;color:var(--brown-soft);align-items:center;gap:8px;font-size:12px;display:flex}.pick-label:before,.pick-label:after{content:"";background:linear-gradient(90deg,#0000,#a8753a);border-radius:2px;width:22px;height:2px}.pick-label:after{transform:scaleX(-1)}.heroes{justify-content:center;gap:4px;display:flex}.hero-pick{width:min(19vw,78px);color:var(--brown);letter-spacing:0;flex-direction:column;flex:none;align-items:center;gap:4px;font-size:13px;display:flex}.hero-pick span{text-align:center;font-size:11px;line-height:1.1}.hero-pick img{aspect-ratio:1;background:linear-gradient(150deg,#ffefb8,#d09a3a 40%,#7f5217 70%,#e8c064);border-radius:50%;width:min(16vw,64px);padding:3px;transition:transform .15s;box-shadow:0 3px #3e220e80}.hero-pick.selected img{box-shadow:0 0 0 2.5px var(--yel200), 0 0 14px 3px #f1be00bf, 0 4px 0 #3e220e80;transform:scale(1.1)}.hero-pick.selected span{color:#7a3a00}.hero-pick.locked img{filter:grayscale()brightness(.6);background:linear-gradient(150deg,#c9c3b8,#777 60%,#4a4a4a)}.hero-pick.locked span{color:#8a5a2b}.hero-pick:active img{transform:scale(.94)}.power{color:#9a3a06;justify-content:center;align-items:center;min-height:2.5em;font-size:13px;line-height:1.25;display:flex}@media (height<=700px){.logo{width:150px}h1{font-size:40px}.title-top{gap:9px}.title-bottom{gap:13px}.screen.menu{gap:10px}.hero.small{width:88px}p{font-size:14px}}@media (orientation:landscape) and (height<=560px){.title-main{flex-direction:row;align-items:center;max-width:980px;min-height:calc(100dvh - 30px);padding-top:44px}.title-top,.title-bottom{width:min(40vw,340px)}.hero.small{display:none}.cta{min-width:0;padding-inline:34px;font-size:20px}.screen.menu{gap:10px;padding-top:58px}.board{gap:6px;padding:12px 14px}h2{font-size:30px}.reward.big{font-size:38px}}.board{width:min(100%,360px);color:var(--brown);background:var(--parchment) padding-box, var(--wood) border-box;box-shadow:0 0 0 2px var(--wood-dk), inset 0 0 0 2px #7a4a1e80, inset 0 0 26px #965f1e59, 0 9px 0 var(--wood-shadow), 0 16px 30px #0006;border:9px solid #0000;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:18px 14px 16px;display:flex;position:relative}.board:before{content:"";pointer-events:none;background:var(--rivet) 0 0 / 11px 11px, var(--rivet) 100% 0 / 11px 11px, var(--rivet) 0 100% / 11px 11px, var(--rivet) 100% 100% / 11px 11px;background-repeat:no-repeat;position:absolute;inset:-8px}.board p{color:var(--brown);font-size:15px}#pause .board,#settings .board{gap:14px;padding:20px 16px 22px}#pause .board .cta,#settings .board .cta{margin:4px 0 6px}#settings .note{color:var(--brown-soft);max-width:18em;font-size:13px}.done{color:#1f7a2e}#win-sub.unlock{color:#b3400c}.hero{aspect-ratio:1;width:min(52vw,230px);box-shadow:0 0 0 3px var(--wood-dk), 0 10px 0 #140a0459;background:linear-gradient(150deg,#ffefb8,#d09a3a 40%,#7f5217 70%,#e8c064);border-radius:50%;padding:5px;animation:2.4s ease-in-out infinite bob}.hero.small{z-index:1;width:min(30vw,122px);margin-bottom:-30px;position:relative}.screen.menu .hero.small+.board{padding-top:26px}.coin{background:radial-gradient(circle at 35% 35%, #fff0b5, var(--yel500) 60%, #ca8001);vertical-align:-.12em;border-radius:50%;flex:none;width:1em;height:1em;display:inline-block;box-shadow:inset 0 0 0 2px #ca8001}.reward{color:var(--yel200);font-variant-numeric:tabular-nums;text-shadow:2px 2px 0 var(--wood-dk), -2px 2px 0 var(--wood-dk), 2px -2px 0 var(--wood-dk), -2px -2px 0 var(--wood-dk), 0 4px 0 var(--wood-dk);justify-content:center;align-items:center;gap:8px;font-size:28px;font-weight:900;display:flex}.reward .coin{box-shadow:inset 0 0 0 2px #ca8001, 0 0 0 2px var(--wood-dk), 0 3px 0 2px var(--wood-dk)}.reward.big{font-size:clamp(40px,12vw,54px)}.reward.big .coin{box-shadow:inset 0 0 0 4px #ca8001, 0 0 0 3px var(--wood-dk), 0 4px 0 3px var(--wood-dk)}.reward.big.pop{animation:.45s cubic-bezier(.2,1.8,.4,1) coin-pop}@keyframes coin-pop{40%{transform:scale(1.25)rotate(-3deg)}}.shop{flex:none;gap:10px;width:min(100%,400px);display:grid}.gold-line{color:var(--yel200);background:var(--wood);border:3px solid var(--wood-dk);box-shadow:inset 0 2px 0 #ffe1aa59, 0 0 0 2px #b98544, 0 4px 0 2px var(--wood-shadow);text-shadow:0 2px 0 var(--wood-dk);border-radius:999px;flex-wrap:wrap;justify-content:center;justify-self:center;align-items:center;gap:7px;padding:7px 18px 6px;font-size:19px;font-weight:900;display:flex}.cards{grid-template-columns:1fr 1fr;gap:9px;display:grid}.upgrade{white-space:normal;text-align:left;color:var(--brown);letter-spacing:0;background:var(--parchment);box-shadow:inset 0 0 0 1.5px #fff6dd, inset 0 0 14px #965f1e4d, 0 4px 0 var(--wood-shadow);border:3px solid #8a5a2b;border-radius:12px;gap:3px;padding:8px 10px;font-size:13px;display:grid}.upgrade b{color:#4a2708;font-size:14px}.upgrade .fx{color:var(--brown-soft);font-weight:800}.upgrade .row{justify-content:space-between;align-items:center;gap:4px;display:flex}.upgrade .cost{align-items:center;gap:5px;font-size:15px;font-weight:900;display:flex}.upgrade .lv{color:var(--cream);white-space:nowrap;box-shadow:0 1px 0 var(--wood-dk);background:linear-gradient(#9a5e2c,#6f3e1b);border-radius:6px;padding:3px 7px 2px;font-size:11px;font-weight:900}.upgrade.affordable{box-shadow:inset 0 0 0 1.5px #fffbe6, 0 0 0 2px var(--yel200), 0 0 16px #fee580b3, 0 4px 0 var(--wood-shadow);background:radial-gradient(at 50% 30%,#fff8d8 20%,#fce7a2 80%,#f4d275);border-color:#c98b12}.upgrade.affordable .cost{color:#7a3a00}.upgrade:disabled{cursor:default;filter:saturate(.55)brightness(.9)}.upgrade:disabled:not(:has(.coin)){filter:none}.upgrade:not(:disabled):active{box-shadow:0 1px 0 var(--wood-shadow);transform:translateY(3px)}.upgrade.bought{animation:.3s cubic-bezier(.2,1.6,.4,1) pop-in}.mute,.gear,.pause-btn{z-index:2;color:var(--cream);border:2.5px solid var(--wood-dk);background:var(--wood);box-shadow:inset 0 2px 0 #ffe1aa59, 0 0 0 2px var(--brass), 0 4px 0 2px var(--wood-shadow);text-shadow:0 2px 0 var(--wood-dk);position:fixed}.mute{top:max(14px, env(safe-area-inset-top));border-radius:999px;padding:10px 14px 9px;font-size:13px;right:14px}.gear{top:max(12px, calc(env(safe-area-inset-top) - 2px));border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding-bottom:2px;font:24px/1 system-ui,sans-serif;display:flex;left:14px}.pause-btn{left:50%;top:max(env(safe-area-inset-top), calc(var(--world-top,0px) + 10px * var(--world-scale,1)));border-radius:50%;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-left:-22px;display:flex}.pause-btn i{background:var(--cream);width:5px;height:16px;box-shadow:0 2px 0 var(--wood-dk);border-radius:3px}.mute:active,.gear:active,.pause-btn:active{box-shadow:inset 0 2px 0 #ffe1aa59, 0 0 0 2px var(--brass), 0 1px 0 2px var(--wood-shadow);transform:translateY(3px)}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}}@keyframes bob{50%{transform:translateY(-8px)rotate(-2deg)}}@keyframes pulse{50%{scale:1.05}}@media (prefers-reduced-motion:reduce){.screen,.hero,.cta,.reward.big.pop,button.danger.armed,.upgrade.bought{animation:none}}