:root{--bg-void:#0b0912;--bg-panel:#171220;--bg-panel2:#221a2e;--ember:#e8763f;--ember-dim:#a8562c;--parchment:#ecdfc4;--parchment-dim:#9a8c73;--hp:#d1453d;--mana:#4d7fc9;--stam:#4fae6b;--gold:#d4a94a;--line:#3a2f4a}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--parchment);font-family:VT323,monospace;overflow:hidden;height:100%}#app,body,html{background:var(--bg-void)}#app{position:relative;width:960px;height:600px;margin:20px auto;border:4px solid var(--line);box-shadow:0 0 0 4px #0000,0 20px 60px #000a}#app,canvas{image-rendering:pixelated}#game{position:absolute;top:0;left:0;width:100%;height:100%;background:#100c18}.pixel-title{font-family:Press Start\ 2P,monospace;letter-spacing:1px}#ui-overlay{pointer-events:none}#ui-overlay,.screen{position:absolute;top:0;left:0;width:100%;height:100%}.screen{display:none;flex-direction:column;align-items:center;pointer-events:auto;background:radial-gradient(ellipse at 50% 0,#241a33 0,#0b0912 75%)}.screen.active{display:flex}#screen-lobby,#screen-name{justify-content:center}#screen-lobby .hdr,#screen-name .hdr{margin-top:0}#tavern-bg{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}#screen-name .hdr,#screen-name .name-content{position:relative;z-index:1}#screen-name .hdr p{color:var(--parchment);text-shadow:2px 2px 0 #000}#name-input.shake{animation:shakeX .3s}@keyframes shakeX{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}.guild-bg{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}#screen-class>:not(.guild-bg),#screen-race>:not(.guild-bg){position:relative;z-index:1}#screen-device{justify-content:center}#screen-device .hdr{margin-top:0}.device-card{width:300px;background:rgba(26,20,34,.92)}.device-card canvas{width:128px;height:96px}.device-card p{min-height:auto;font-size:13px}#fair-bg{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}#screen-device>:not(#fair-bg){position:relative;z-index:1}#church-bg{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}#screen-lobby>:not(#church-bg){position:relative;z-index:1}#shop-items{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px;max-height:290px;overflow-y:auto;padding:2px}.shop-item{width:128px;background:var(--bg-panel2);border:2px solid var(--line);padding:6px 6px 8px;text-align:center}.shop-item.equipped{border-color:var(--gold)}.shop-item .acc-icon{image-rendering:pixelated;width:81px;height:108px;margin:0 auto 2px;display:block}.shop-item .acc-name{font-size:12px;color:var(--parchment)}.shop-item .acc-slot{font-size:11px;color:var(--parchment-dim);margin:3px 0 6px}.shop-item .acc-btn{margin-top:0;padding:6px 8px;font-size:8px}.shop-item .acc-btn:disabled{opacity:.45;cursor:default}#screen-runlobby{justify-content:center;background:radial-gradient(ellipse 120% 90% at 50% 108%,#34271a 0 16%,#2a1f15 16% 30%,#201812 30% 44%,#151011 44% 60%,#0b0912 60% 100%)}.runlobby-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.runlobby-content .hdr{margin-top:0}.campfire-scene{position:absolute;inset:0;z-index:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:40px;pointer-events:none}.campfire-scene:before{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(#4a3524 0 5px,#3a2a1c 5px 13px,#2e2117 13px 32px,#221810 32px 100%)}.campfire-scene:after{content:"";position:absolute;left:0;bottom:0;width:5px;height:4px;background:transparent;box-shadow:48px -10px 0 #55402c,122px -34px 0 #241a12,208px -16px 0 #5a4230,296px -46px 0 #241a12,342px -8px 0 #55402c,431px -27px 0 #6a4f36,512px -52px 0 #241a12,566px -14px 0 #55402c,648px -38px 0 #241a12,705px -9px 0 #5a4230,782px -24px 0 #55402c,848px -47px 0 #241a12,901px -13px 0 #6a4f36,934px -33px 0 #241a12,174px -55px 0 #241a12,388px -58px 0 #55402c}.mountains{left:0;right:0;bottom:62px;height:100px}.mountains,.mtn{position:absolute}.mtn{bottom:0;background:#151022;-webkit-clip-path:polygon(0 100%,0 60%,8% 60%,8% 45%,16% 45%,16% 30%,26% 30%,26% 18%,36% 18%,36% 8%,44% 8%,44% 0,56% 0,56% 10%,66% 10%,66% 22%,76% 22%,76% 38%,86% 38%,86% 55%,94% 55%,94% 70%,100% 70%,100% 100%);clip-path:polygon(0 100%,0 60%,8% 60%,8% 45%,16% 45%,16% 30%,26% 30%,26% 18%,36% 18%,36% 8%,44% 8%,44% 0,56% 0,56% 10%,66% 10%,66% 22%,76% 22%,76% 38%,86% 38%,86% 55%,94% 55%,94% 70%,100% 70%,100% 100%)}.mtn-1{left:-40px;width:380px;height:88px}.mtn-2{left:280px;width:440px;height:68px;background:#191330}.mtn-3{right:-50px;width:360px;height:80px}.cloud{position:absolute;width:12px;height:6px;background:#2a2440;opacity:.5;box-shadow:12px 0 0 #2a2440,24px 0 0 #2a2440,7px -5px 0 #2a2440,18px -5px 0 #2a2440,36px 0 0 #241e38,-10px 0 0 #241e38;animation:cloudDrift linear infinite}.cloud-1{top:11%;animation-duration:58s;animation-delay:-20s}.cloud-2{top:22%;animation-duration:80s;animation-delay:-55s;transform:scale(.8)}@keyframes cloudDrift{0%{left:-70px}to{left:1010px}}.camp-grass{position:absolute;bottom:0;left:0;width:4px;height:5px;box-shadow:90px -58px 0 #2e4a22,200px -50px 0 #253c1c,320px -60px 0 #2e4a22,430px -46px 0 #253c1c,560px -58px 0 #2e4a22,660px -52px 0 #253c1c,770px -60px 0 #2e4a22,880px -48px 0 #253c1c,150px -40px 0 #253c1c,520px -40px 0 #2e4a22,720px -38px 0 #253c1c,260px -36px 0 #2e4a22}.bench{position:absolute;bottom:48px;left:23%;width:66px;height:9px;background:linear-gradient(#6b4a2a 0 45%,#4a3018 45% 100%)}.bench:after,.bench:before{content:"";position:absolute;top:9px;width:8px;height:9px;background:#3a2412}.bench:before{left:7px}.bench:after{right:7px}.sword-stuck{width:4px;height:24px;background:linear-gradient(90deg,#d9d9d9 0 50%,#a8a8a8 50% 100%)}.sword-stuck:before{top:2px;left:-5px;width:14px;background:#5a4326}.sword-stuck:after{top:-6px;width:4px;height:5px;background:#d4a94a}.backpack{position:absolute;bottom:42px;right:17.5%;width:19px;height:15px;background:#6b4f28}.backpack:before{content:"";position:absolute;top:-5px;left:2px;width:15px;height:6px;background:#7d5e34}.backpack:after{content:"";position:absolute;top:4px;left:6px;width:7px;height:8px;background:#4a3418}.leaves{inset:0;overflow:hidden}.leaf,.leaves{position:absolute}.leaf{left:-24px;width:7px;height:5px;background:linear-gradient(90deg,#6a8f3f 0 50%,#4d6b2c 50% 100%);animation:leafFly 7s linear infinite;animation-fill-mode:backwards}.leaf-b{width:6px;height:4px;background:linear-gradient(90deg,#8a6a3a 0 50%,#6b4f28 50% 100%)}@keyframes leafFly{0%,79%{transform:translate(0) rotate(0deg);opacity:0}81%{opacity:1}84%{transform:translate(250px,16px) rotate(90deg)}88%{transform:translate(490px,-10px) rotate(180deg)}92%{transform:translate(710px,18px) rotate(270deg)}96%{transform:translate(890px,-4px) rotate(1turn);opacity:1}to{transform:translate(1040px,10px) rotate(450deg);opacity:0}}.campfire{position:relative;width:150px;height:130px}.campfire:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-42px;width:10px;height:8px;background:#6b6459;box-shadow:12px 4px 0 #5a5449,25px 6px 0 #6b6459,38px 7px 0 #4f4a40,51px 6px 0 #6b6459,64px 4px 0 #5a5449,76px 0 0 #6b6459,6px -3px 0 #4f4a40,70px -3px 0 #4f4a40}.fire-sway{inset:0;transform-origin:50% 100%;animation:windGust 7s ease-in-out infinite}.fire-sway,.logs{position:absolute}.logs{bottom:3px;left:50%;transform:translateX(-50%);width:62px;height:13px}.logs:after,.logs:before{content:"";position:absolute;width:56px;height:11px;background:linear-gradient(#5a3c1e 0 45%,#3c2812 45% 100%)}.logs:before{transform:rotate(16deg)}.logs:after{transform:rotate(-16deg)}.flame{position:absolute;left:50%;bottom:13px;transform-origin:bottom center;-webkit-clip-path:polygon(43.75% 0,56.25% 0,56.25% 8.3%,62.5% 8.3%,62.5% 16.7%,68.75% 16.7%,68.75% 25%,75% 25%,75% 33.3%,81.25% 33.3%,81.25% 41.7%,87.5% 41.7%,87.5% 50%,93.75% 50%,93.75% 58.3%,100% 58.3%,100% 75%,93.75% 75%,93.75% 83.3%,87.5% 83.3%,87.5% 91.7%,81.25% 91.7%,81.25% 95.8%,75% 95.8%,75% 100%,25% 100%,25% 95.8%,18.75% 95.8%,18.75% 91.7%,12.5% 91.7%,12.5% 83.3%,6.25% 83.3%,6.25% 75%,0 75%,0 58.3%,6.25% 58.3%,6.25% 50%,12.5% 50%,12.5% 41.7%,18.75% 41.7%,18.75% 33.3%,25% 33.3%,25% 25%,31.25% 25%,31.25% 16.7%,37.5% 16.7%,37.5% 8.3%,43.75% 8.3%);clip-path:polygon(43.75% 0,56.25% 0,56.25% 8.3%,62.5% 8.3%,62.5% 16.7%,68.75% 16.7%,68.75% 25%,75% 25%,75% 33.3%,81.25% 33.3%,81.25% 41.7%,87.5% 41.7%,87.5% 50%,93.75% 50%,93.75% 58.3%,100% 58.3%,100% 75%,93.75% 75%,93.75% 83.3%,87.5% 83.3%,87.5% 91.7%,81.25% 91.7%,81.25% 95.8%,75% 95.8%,75% 100%,25% 100%,25% 95.8%,18.75% 95.8%,18.75% 91.7%,12.5% 91.7%,12.5% 83.3%,6.25% 83.3%,6.25% 75%,0 75%,0 58.3%,6.25% 58.3%,6.25% 50%,12.5% 50%,12.5% 41.7%,18.75% 41.7%,18.75% 33.3%,25% 33.3%,25% 25%,31.25% 25%,31.25% 16.7%,37.5% 16.7%,37.5% 8.3%,43.75% 8.3%)}.flame-outer{width:38px;height:50px;margin-left:-19px;background:#d1481c;animation:flicker 1.1s ease-in-out infinite;opacity:.92}.flame-mid{width:26px;height:38px;margin-left:-13px;background:#f08428;animation:flicker .85s ease-in-out infinite reverse}.flame-inner{width:14px;height:22px;margin-left:-7px;background:#ffdd66;animation:flicker .65s ease-in-out infinite}.ember{position:absolute;left:50%;bottom:48px;width:4px;height:4px;background:#ffb03a;animation:emberRise 2.4s ease-in infinite}.ember.e2{left:44%;animation-delay:.8s;animation-duration:2.8s}.ember.e3{left:56%;animation-delay:1.5s;animation-duration:2s}@keyframes flicker{0%,to{transform:scale(1) skewX(0deg)}25%{transform:scale(1.06,.94) skewX(-4deg)}50%{transform:scale(.94,1.05) skewX(3deg)}75%{transform:scale(1.03,.97) skewX(-2deg)}}@keyframes emberRise{0%{transform:translateY(0) scale(1);opacity:.9}to{transform:translateY(-72px) scale(.2);opacity:0}}.stars{inset:0}.star,.stars{position:absolute}.star{width:2px;height:2px;background:#fff;animation:twinkle 2.6s ease-in-out infinite}.star-big{width:4px;height:4px;box-shadow:0 0 4px 1px rgba(255,255,255,.5)}@keyframes twinkle{0%,to{opacity:.25;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.moon{position:absolute;top:6%;right:8%;width:40px;height:40px;background:#e8e4d0;filter:drop-shadow(0 0 12px rgba(232,228,208,.35));-webkit-clip-path:polygon(35% 0,65% 0,65% 5%,75% 5%,75% 10%,80% 10%,80% 15%,85% 15%,85% 20%,90% 20%,90% 25%,95% 25%,95% 35%,100% 35%,100% 65%,95% 65%,95% 75%,90% 75%,90% 80%,85% 80%,85% 85%,80% 85%,80% 90%,75% 90%,75% 95%,65% 95%,65% 100%,35% 100%,35% 95%,25% 95%,25% 90%,20% 90%,20% 85%,15% 85%,15% 80%,10% 80%,10% 75%,5% 75%,5% 65%,0 65%,0 35%,5% 35%,5% 25%,10% 25%,10% 20%,15% 20%,15% 15%,20% 15%,20% 10%,25% 10%,25% 5%,35% 5%);clip-path:polygon(35% 0,65% 0,65% 5%,75% 5%,75% 10%,80% 10%,80% 15%,85% 15%,85% 20%,90% 20%,90% 25%,95% 25%,95% 35%,100% 35%,100% 65%,95% 65%,95% 75%,90% 75%,90% 80%,85% 80%,85% 85%,80% 85%,80% 90%,75% 90%,75% 95%,65% 95%,65% 100%,35% 100%,35% 95%,25% 95%,25% 90%,20% 90%,20% 85%,15% 85%,15% 80%,10% 80%,10% 75%,5% 75%,5% 65%,0 65%,0 35%,5% 35%,5% 25%,10% 25%,10% 20%,15% 20%,15% 15%,20% 15%,20% 10%,25% 10%,25% 5%,35% 5%)}.moon:after{content:"";position:absolute;left:9px;top:13px;width:4px;height:4px;background:#cfc9b2;box-shadow:14px -5px 0 #cfc9b2,7px 12px 0 #cfc9b2,19px 8px 0 #cfc9b2,3px 5px 0 #d9d3bc,17px 16px 0 #d9d3bc}.moon,.sun{cursor:pointer;pointer-events:auto}.sun{display:none;top:6%;right:8%;width:40px;height:40px;background:#ffd35a;filter:drop-shadow(0 0 18px rgba(255,220,120,.85));-webkit-clip-path:polygon(35% 0,65% 0,65% 5%,75% 5%,75% 10%,80% 10%,80% 15%,85% 15%,85% 20%,90% 20%,90% 25%,95% 25%,95% 35%,100% 35%,100% 65%,95% 65%,95% 75%,90% 75%,90% 80%,85% 80%,85% 85%,80% 85%,80% 90%,75% 90%,75% 95%,65% 95%,65% 100%,35% 100%,35% 95%,25% 95%,25% 90%,20% 90%,20% 85%,15% 85%,15% 80%,10% 80%,10% 75%,5% 75%,5% 65%,0 65%,0 35%,5% 35%,5% 25%,10% 25%,10% 20%,15% 20%,15% 15%,20% 15%,20% 10%,25% 10%,25% 5%,35% 5%);clip-path:polygon(35% 0,65% 0,65% 5%,75% 5%,75% 10%,80% 10%,80% 15%,85% 15%,85% 20%,90% 20%,90% 25%,95% 25%,95% 35%,100% 35%,100% 65%,95% 65%,95% 75%,90% 75%,90% 80%,85% 80%,85% 85%,80% 85%,80% 90%,75% 90%,75% 95%,65% 95%,65% 100%,35% 100%,35% 95%,25% 95%,25% 90%,20% 90%,20% 85%,15% 85%,15% 80%,10% 80%,10% 75%,5% 75%,5% 65%,0 65%,0 35%,5% 35%,5% 25%,10% 25%,10% 20%,15% 20%,15% 15%,20% 15%,20% 10%,25% 10%,25% 5%,35% 5%)}.sun,.sun:after{position:absolute}.sun:after{content:"";left:12px;top:12px;width:16px;height:16px;background:#ffe89a}#screen-runlobby.day{background:linear-gradient(#6aa8d8 0 18%,#79b4e0 18% 38%,#8fc4ea 38% 58%,#a8d4f0 58% 78%,#c0e0f5 78% 100%)}.day .moon,.day .stars{display:none}.day .sun{display:block}.day .cloud{filter:brightness(3.4) saturate(.3);opacity:.9}.day .mtn{filter:brightness(2.2) saturate(.65)}.day .campfire-scene:after,.day .campfire-scene:before{filter:brightness(1.7)}.day .tent:before{filter:brightness(1.5)}.day .tent:after{filter:brightness(1.4)}.day .leaf{filter:brightness(1.6)}.day .camp-grass{filter:brightness(1.9)}.day .backpack,.day .bench,.day .campfire,.day .prop-bow,.day .prop-quiver,.day .prop-shield,.day .sword-stuck{filter:brightness(1.35)}.day .flame{animation:fireDouse 1.1s ease-in forwards}.day .flame-mid{animation-delay:.1s}.day .flame-inner{animation-delay:.2s}.day .ember{display:none}.day .fire-sway{animation:none}.igniting .flame{animation:fireIgnite 1s ease-out}@keyframes fireDouse{0%{transform:scale(1);opacity:1}55%{transform:scale(1.18,.5) skewX(7deg);opacity:.9}to{transform:scale(.55,.02);opacity:0}}@keyframes fireIgnite{0%{transform:scale(.4,.05);opacity:0}40%{transform:scale(.75,.45);opacity:1}70%{transform:scale(1.2,.85)}to{transform:scale(1)}}.smoke{position:absolute;left:50%;bottom:56px;width:6px;height:6px;margin-left:-3px;background:#9a9aa2;opacity:0}.smoke.s2{margin-left:-11px;background:#8a8a92}.smoke.s3{margin-left:5px;background:#a8a8b0}.dousing .smoke{animation:smokePuff 1.6s ease-out forwards}.dousing .smoke.s2{animation-delay:.25s}.dousing .smoke.s3{animation-delay:.5s}@keyframes smokePuff{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.85}to{opacity:0;transform:translateY(-72px) scale(2.4)}}.tent{position:absolute;bottom:52px;width:210px;height:190px}.tent:before{inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 0 50%,rgba(0,0,0,.2) 50% 100%),linear-gradient(rgba(255,255,255,.05) 0 12%,rgba(0,0,0,0) 12% 100%),repeating-linear-gradient(90deg,#63472c 0 8px,#5b4128 8px 16px,#5e442a 16px 24px);-webkit-clip-path:polygon(47.5% 0,52.5% 0,52.5% 5%,55% 5%,55% 10%,57.5% 10%,57.5% 15%,60% 15%,60% 20%,62.5% 20%,62.5% 25%,65% 25%,65% 30%,67.5% 30%,67.5% 35%,70% 35%,70% 40%,72.5% 40%,72.5% 45%,75% 45%,75% 50%,77.5% 50%,77.5% 55%,80% 55%,80% 60%,82.5% 60%,82.5% 65%,85% 65%,85% 70%,87.5% 70%,87.5% 75%,90% 75%,90% 80%,92.5% 80%,92.5% 85%,95% 85%,95% 90%,97.5% 90%,97.5% 95%,100% 95%,100% 100%,0 100%,0 95%,2.5% 95%,2.5% 90%,5% 90%,5% 85%,7.5% 85%,7.5% 80%,10% 80%,10% 75%,12.5% 75%,12.5% 70%,15% 70%,15% 65%,17.5% 65%,17.5% 60%,20% 60%,20% 55%,22.5% 55%,22.5% 50%,25% 50%,25% 45%,27.5% 45%,27.5% 40%,30% 40%,30% 35%,32.5% 35%,32.5% 30%,35% 30%,35% 25%,37.5% 25%,37.5% 20%,40% 20%,40% 15%,42.5% 15%,42.5% 10%,45% 10%,45% 5%,47.5% 5%);clip-path:polygon(47.5% 0,52.5% 0,52.5% 5%,55% 5%,55% 10%,57.5% 10%,57.5% 15%,60% 15%,60% 20%,62.5% 20%,62.5% 25%,65% 25%,65% 30%,67.5% 30%,67.5% 35%,70% 35%,70% 40%,72.5% 40%,72.5% 45%,75% 45%,75% 50%,77.5% 50%,77.5% 55%,80% 55%,80% 60%,82.5% 60%,82.5% 65%,85% 65%,85% 70%,87.5% 70%,87.5% 75%,90% 75%,90% 80%,92.5% 80%,92.5% 85%,95% 85%,95% 90%,97.5% 90%,97.5% 95%,100% 95%,100% 100%,0 100%,0 95%,2.5% 95%,2.5% 90%,5% 90%,5% 85%,7.5% 85%,7.5% 80%,10% 80%,10% 75%,12.5% 75%,12.5% 70%,15% 70%,15% 65%,17.5% 65%,17.5% 60%,20% 60%,20% 55%,22.5% 55%,22.5% 50%,25% 50%,25% 45%,27.5% 45%,27.5% 40%,30% 40%,30% 35%,32.5% 35%,32.5% 30%,35% 30%,35% 25%,37.5% 25%,37.5% 20%,40% 20%,40% 15%,42.5% 15%,42.5% 10%,45% 10%,45% 5%,47.5% 5%)}.tent:after,.tent:before{content:"";position:absolute}.tent:after{left:50%;bottom:0;width:64px;height:118px;transform:translateX(-50%);background:linear-gradient(90deg,#2e2115 0 10%,#231910 10% 90%,#1a1209 90% 100%);-webkit-clip-path:polygon(45% 0,55% 0,55% 16.6%,62.5% 16.6%,62.5% 33.3%,70% 33.3%,70% 50%,77.5% 50%,77.5% 66.6%,85% 66.6%,85% 83.3%,92.5% 83.3%,92.5% 100%,7.5% 100%,7.5% 83.3%,15% 83.3%,15% 66.6%,22.5% 66.6%,22.5% 50%,30% 50%,30% 33.3%,37.5% 33.3%,37.5% 16.6%,45% 16.6%);clip-path:polygon(45% 0,55% 0,55% 16.6%,62.5% 16.6%,62.5% 33.3%,70% 33.3%,70% 50%,77.5% 50%,77.5% 66.6%,85% 66.6%,85% 83.3%,92.5% 83.3%,92.5% 100%,7.5% 100%,7.5% 83.3%,15% 83.3%,15% 66.6%,22.5% 66.6%,22.5% 50%,30% 50%,30% 33.3%,37.5% 33.3%,37.5% 16.6%,45% 16.6%)}.tent-left{left:1%}.tent-right{right:1%}.tent i{position:absolute}.t-pole{left:50%;top:-9px;width:5px;height:14px;margin-left:-2px;background:linear-gradient(90deg,#5a3c1e 0 60%,#432a12 60% 100%)}.t-pole:after{content:"";position:absolute;top:-4px;left:-2px;width:9px;height:4px;background:#8a3030}.t-patch{left:26%;bottom:22px;width:18px;height:14px;background:#6e5233;box-shadow:inset 0 0 0 2px #57402a}.t-patch:after{content:"";position:absolute;left:-3px;top:4px;width:2px;height:2px;background:#3a2a16;box-shadow:22px 0 0 #3a2a16,4px -6px 0 #3a2a16,14px -6px 0 #3a2a16,4px 12px 0 #3a2a16,14px 12px 0 #3a2a16}.prop-shield{position:absolute;bottom:44px;left:16%;width:28px;height:34px;background:linear-gradient(90deg,#9a3636 0 30%,#8a3030 30% 70%,#742828 70% 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 50%,92% 50%,92% 64%,80% 64%,80% 76%,68% 76%,68% 88%,56% 88%,56% 100%,44% 100%,44% 88%,32% 88%,32% 76%,20% 76%,20% 64%,8% 64%,8% 50%,0 50%);clip-path:polygon(0 0,100% 0,100% 50%,92% 50%,92% 64%,80% 64%,80% 76%,68% 76%,68% 88%,56% 88%,56% 100%,44% 100%,44% 88%,32% 88%,32% 76%,20% 76%,20% 64%,8% 64%,8% 50%,0 50%)}.prop-shield:before{content:"";position:absolute;left:10px;top:12px;width:8px;height:8px;background:#d4a94a;box-shadow:inset 2px 2px 0 #e8c66a,-7px -9px 0 -2px #d4a94a,15px -9px 0 -2px #d4a94a,-7px 9px 0 -2px #d4a94a,15px 9px 0 -2px #d4a94a}.prop-shield:after{content:"";position:absolute;left:0;top:0;width:28px;height:5px;background:#a04040;box-shadow:0 3px 0 rgba(0,0,0,.22)}.prop-shield-2{left:auto;right:13%;bottom:40px;background:linear-gradient(90deg,#4368b0 0 30%,#3b5fa0 30% 70%,#2f4d84 70% 100%);transform:rotate(-8deg)}.prop-shield-2:after{background:#4a72b8}.sword-stuck{position:absolute;bottom:46px;right:21%;width:5px;height:26px;background:linear-gradient(90deg,#e8e8e8 0 40%,#b8b8b8 40% 70%,#8a8a8a 70% 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 80%,80% 80%,80% 90%,60% 90%,60% 100%,40% 100%,40% 90%,20% 90%,20% 80%,0 80%);clip-path:polygon(0 0,100% 0,100% 80%,80% 80%,80% 90%,60% 90%,60% 100%,40% 100%,40% 90%,20% 90%,20% 80%,0 80%);transform:rotate(7deg)}.sword-stuck:before{content:"";position:absolute;top:-3px;left:-6px;width:17px;height:4px;background:linear-gradient(#6e532f 0 50%,#5a4326 50% 100%);box-shadow:-2px 0 0 #43301a,2px 0 0 #43301a}.sword-stuck:after{content:"";position:absolute;top:-13px;left:0;width:5px;height:10px;background:repeating-linear-gradient(#5a3a20 0 2px,#432a12 2px 4px);box-shadow:0 -4px 0 #d4a94a,1px -3px 0 #8a6a2a}.sword-stuck-2{right:auto;left:8%;bottom:44px;transform:rotate(-12deg)}.prop-bow{position:absolute;bottom:52px;left:31%;width:4px;height:8px;background:#8f6238;box-shadow:1px -7px 0 #7a5230,3px -13px 0 #6b4526,4px -19px 0 #7a5230,5px -24px 0 #6b4526,1px 7px 0 #7a5230,3px 13px 0 #6b4526,4px 19px 0 #7a5230,5px 24px 0 #6b4526}.prop-bow:before{content:"";position:absolute;left:-1px;top:1px;width:6px;height:6px;background:repeating-linear-gradient(#5a3a20 0 2px,#432a12 2px 4px)}.prop-bow:after{content:"";position:absolute;left:8px;top:-24px;width:2px;height:56px;background:#d9cfa8;box-shadow:-1px -1px 0 #b8a878}.prop-quiver{position:absolute;bottom:44px;left:34.5%;width:14px;height:24px;background:linear-gradient(90deg,#6b4526 0 30%,#5a3a20 30% 75%,#48301a 75% 100%);transform:rotate(14deg)}.prop-quiver:before{content:"";position:absolute;top:0;left:0;width:14px;height:3px;background:#432a14;box-shadow:0 3px 0 rgba(255,255,255,.08)}.prop-quiver:after{content:"";position:absolute;left:3px;top:5px;width:1px;height:17px;background:#3a2410;box-shadow:8px 0 0 #3a2410,-2px 3px 0 #8a6a3a,9px 6px 0 #8a6a3a}.arrow-fletch{position:absolute;top:-8px;width:3px;height:10px;background:linear-gradient(90deg,#9a7a44 0 50%,#7a5c30 50% 100%)}.arrow-fletch:before{content:"";position:absolute;top:-4px;left:-1px;width:5px;height:5px;background:#c93030;box-shadow:inset 1px 1px 0 #e05050}.a1{left:1px}.a2{left:5px;top:-11px}.a2:before{background:#3f7f4f;box-shadow:inset 1px 1px 0 #58a068}.a3{left:9px;top:-7px}.a4{left:12px;top:-10px}.a4:before{background:#b08a3a;box-shadow:inset 1px 1px 0 #d4aa54}@keyframes windGust{0%,82%,96%,to{transform:skewX(0deg)}84%{transform:skewX(-20deg)}87%{transform:skewX(10deg)}90%{transform:skewX(-13deg)}93%{transform:skewX(4deg)}}.adv-row{display:flex;align-items:center;gap:10px;background:var(--bg-panel);border:3px solid var(--line);padding:10px 14px}.adv-row input{font-family:VT323,monospace;font-size:17px;background:var(--bg-panel2);color:var(--parchment);border:2px solid var(--line);padding:6px 8px;flex:1 1;outline:none}.adv-row input:focus{border-color:var(--ember)}.adv-row .adv-info{font-size:13px;color:var(--parchment-dim);white-space:nowrap}.adv-row .adv-btn{font-family:Press Start\ 2P;font-size:8px;padding:8px 10px;border:2px solid #000;cursor:pointer;box-shadow:2px 2px 0 #000}.adv-row .adv-select{background:var(--ember-dim);color:var(--parchment)}.adv-row .adv-select:hover{background:var(--ember)}.adv-row .adv-delete{background:#6b2020;color:var(--parchment)}.adv-row .adv-delete:hover{background:#932a2a}#name-input{font-family:Press Start\ 2P,monospace;font-size:13px;background:var(--bg-panel);color:var(--parchment);border:3px solid var(--line);padding:14px 16px;width:280px;text-align:center;outline:none;box-shadow:3px 3px 0 #000}#name-input:focus{border-color:var(--ember)}.hdr{margin-top:26px;text-align:center}.hdr h1{font-size:22px;color:var(--ember);text-shadow:3px 3px 0 #000;margin:0 0 6px}.hdr p{font-size:18px;color:var(--parchment-dim);margin:0}.cards{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap;justify-content:center;max-width:900px;padding:0 20px}#class-cards{gap:8px;max-width:940px;padding:0 8px;margin-top:14px}#class-cards .card{width:128px;padding:8px 6px}#class-cards .card h3{font-size:8px;margin:6px 0 4px}#class-cards .card p{font-size:12.5px;min-height:58px;line-height:1.12;margin:0 0 4px}#class-cards .card .small-note{font-size:11px;margin-top:2px}.card{width:150px;background:var(--bg-panel);border:3px solid var(--line);padding:10px;cursor:pointer;transition:transform .1s,border-color .1s;text-align:center}.card:hover{border-color:var(--ember);transform:translateY(-4px)}.card.selected{border-color:var(--gold);background:var(--bg-panel2)}.card canvas{image-rendering:pixelated;margin:4px auto;display:block}.card h3{font-family:Press Start\ 2P;font-size:10px;color:var(--parchment);margin:8px 0 6px}.card p{font-size:14px;color:var(--parchment-dim);margin:0 0 8px;min-height:56px;line-height:1.15}.stat-row{display:flex;justify-content:space-between;font-size:13px;padding:1px 2px}.stat-row .bar{flex:1 1;height:6px;background:#000;margin-left:6px;border:1px solid var(--line);position:relative}.stat-row .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--ember)}.stat-row .bar i.neg{background:#8a3030}.btn{font-family:Press Start\ 2P;font-size:11px;background:var(--ember-dim);color:var(--parchment);border:3px solid #000;padding:12px 22px;cursor:pointer;margin-top:24px;box-shadow:3px 3px 0 #000}.btn:hover{background:var(--ember)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}.btn:disabled{opacity:.35;cursor:not-allowed}#preview-panel{margin-top:14px;display:flex;gap:26px;align-items:center;background:var(--bg-panel);border:3px solid var(--line);padding:10px 22px}#preview-canvas{image-rendering:pixelated}#preview-stats{font-size:15px}#preview-stats div.stat-row{width:190px}.small-note{font-size:14px;color:var(--parchment-dim);margin-top:6px}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#hud .topbar{position:absolute;top:10px;left:10px;width:280px}.bar-lbl{font-size:12px;color:var(--parchment-dim);text-transform:uppercase;letter-spacing:1px}.barwrap{height:16px;background:#000;border:2px solid var(--line);margin-bottom:6px;position:relative}.barwrap i{position:absolute;left:0;top:0;bottom:0;transition:width .15s}#hpbar i{background:linear-gradient(#e35d54,var(--hp))}#xpbar i{background:linear-gradient(#8fd9ff,var(--mana))}#stambar i{background:linear-gradient(#6ed88b,var(--stam))}#hud .special-slots{position:absolute;bottom:14px;left:10px;display:flex;gap:10px}.slot{width:56px;height:56px;background:var(--bg-panel);border:3px solid var(--line);position:relative;text-align:center}.slot .k{position:absolute;top:1px;left:2px;font-size:10px;color:var(--gold);font-family:Press Start\ 2P}.slot .cd{bottom:0;top:0;background:#000c;display:flex;align-items:center;justify-content:center;font-size:16px}.slot .cd,.slot .nm{position:absolute;left:0;right:0}.slot .nm{bottom:1px;font-size:9px}#hud .stat-info,.slot .nm{color:var(--parchment-dim)}#hud .stat-info{position:absolute;top:10px;right:12px;text-align:right;font-size:14px}#hud .stat-info b{color:var(--ember);font-size:20px}#tutorial-msg{position:absolute;left:50%;top:36px;transform:translateX(-50%);background:var(--bg-panel);border:3px solid var(--gold);padding:10px 20px;font-size:17px;text-align:center;max-width:560px}#tutorial-msg b{color:var(--ember)}#popup{position:absolute;top:0;left:0;width:100%;height:100%;background:#000b;display:none;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto;z-index:30}#popup.active{display:flex}#popup .box{background:var(--bg-panel);border:3px solid var(--gold);padding:24px 30px;text-align:center;max-width:640px}#popup h2{font-family:Press Start\ 2P;font-size:16px;color:var(--gold);margin-top:0}#popup .opts{display:flex;gap:14px;justify-content:center;margin-top:10px;flex-wrap:wrap}#popup .opt{width:170px;background:var(--bg-panel2);border:3px solid var(--line);padding:10px;cursor:pointer}#popup .opt:hover{border-color:var(--ember)}#popup .opt h4{font-family:Press Start\ 2P;font-size:10px;color:var(--parchment);margin:4px 0}#popup .opt p{font-size:14px;color:var(--parchment-dim);margin:0}#gameover .box{border-color:var(--hp)}footer.attr{bottom:2px;font-size:11px;color:#493f5c}#btn-settings,footer.attr{position:absolute;right:6px}#btn-settings{top:6px;z-index:50;width:34px;height:34px;background:var(--bg-panel);color:var(--gold);border:3px solid var(--line);font-size:18px;line-height:1;cursor:pointer;box-shadow:2px 2px 0 #000;padding:0}#btn-settings:hover{border-color:var(--ember);color:var(--ember)}#hud .stat-info{top:46px}body.settings-open #popup{background:var(--bg-void);z-index:40}body.device-mobile.settings-open #touch-controls,body.settings-open #touch-controls{display:none!important}body.settings-open #btn-settings{border-color:var(--ember);color:var(--ember)}#app-wrap{position:relative;width:100%;height:100dvh;overflow:hidden}#touch-controls{display:none;position:fixed;inset:0;pointer-events:none;z-index:20;font-family:Press Start\ 2P,monospace}#touch-controls .tc-actions,#touch-controls .tc-stick{pointer-events:auto}.tc-btn,.tc-mini{-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:rgba(23,18,32,.72);color:var(--parchment);border:2px solid var(--line);box-shadow:0 2px 0 #000,inset 0 0 0 1px rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;image-rendering:pixelated;transition:transform .05s,background .1s}.tc-btn:active,.tc-mini:active{transform:translateY(2px);background:rgba(232,118,63,.55);border-color:var(--ember)}.tc-stick{position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:132px;height:132px;left:12px;bottom:12px}.tc-stick-ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(35,27,50,.55) 0 55%,rgba(23,18,32,.75) 60% 100%);border:3px solid var(--line);box-shadow:inset 0 0 0 2px rgba(0,0,0,.55),0 3px 0 #000,0 0 16px rgba(0,0,0,.4)}.tc-stick-thumb{position:absolute;left:50%;top:50%;width:44%;height:44%;border-radius:50%;background:radial-gradient(circle at 38% 30%,#b58558 0 22%,#7d5230 60%,#4a2f18 100%);border:3px solid #000;box-shadow:inset 0 -6px 8px rgba(0,0,0,.45),0 3px 0 #000;transform:translate(-50%,-50%);transition:transform .06s ease-out;pointer-events:none}.tc-stick.active .tc-stick-thumb{transition:none;background:radial-gradient(circle at 38% 30%,#e8a066 0 22%,#b06d3c 60%,#5a3a1e 100%)}.tc-stick.active .tc-stick-ring{border-color:var(--ember)}.tc-actions{position:absolute;display:grid;grid-gap:6px;gap:6px;right:12px;bottom:12px;grid-template-columns:38px 38px 38px 56px 56px;grid-template-rows:56px;align-items:end}.tc-btn{width:56px;height:56px;border-radius:50%;font-size:16px;background:rgba(168,86,44,.82);border-color:#000}.tc-btn.tc-a{background:rgba(209,69,61,.85)}.tc-btn.tc-b{background:rgba(77,127,201,.85)}.tc-mini{width:38px;height:38px;font-size:10px;border-radius:6px}.tc-mini.tc-rl{font-size:16px;color:var(--gold)}.tc-mini.tc-q{grid-column:1}.tc-mini.tc-e{grid-column:2}.tc-mini.tc-rl{grid-column:3}.tc-btn.tc-b{grid-column:4}.tc-btn.tc-a{grid-column:5}body.device-console #touch-controls,body.device-pc #touch-controls{display:none!important}body.device-mobile #touch-controls{display:block!important}@media (max-height:700px),(max-width:1000px),(pointer:coarse){body,html{overflow:hidden;height:100dvh}body{background:#000}#app{margin:0;transform-origin:center center;transform:translate(-50%,-50%) scale(var(--game-scale,1));position:absolute;left:50%;top:50%;border-width:2px;box-shadow:0 0 0 2px #000,0 6px 18px #000c}.tc-btn{width:64px;height:64px}.tc-mini{width:44px;height:44px}footer.attr{display:none}}@media (orientation:portrait) and (max-width:1000px),(orientation:portrait) and (pointer:coarse){#app-wrap{background:linear-gradient(180deg,#2b2436,#1a1524 60%,#0b0912)}#app-wrap:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:radial-gradient(circle at 50% 50%,transparent 0 40%,rgba(0,0,0,.35) 100%);pointer-events:none}#app{top:calc(var(--game-top,28dvh))}.tc-stick{width:150px;height:150px;left:14px}.tc-actions,.tc-stick{bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}.tc-actions{right:14px;grid-template-areas:"q e r" ". b a";grid-template-columns:64px 64px 64px;grid-template-rows:44px 64px;align-items:end;justify-items:center}.tc-mini.tc-q{grid-area:q}.tc-mini.tc-e{grid-area:e}.tc-mini.tc-rl{grid-area:r}.tc-btn.tc-b{grid-area:b}.tc-btn.tc-a{grid-area:a}#app{border-color:#3a3448;box-shadow:0 0 0 2px #000,0 0 0 12px #6d5f88,0 0 0 14px #000,0 12px 24px #000c}}@media (orientation:landscape) and (max-height:700px),(orientation:landscape) and (pointer:coarse){#app{border-width:0;box-shadow:none}.tc-stick{width:132px;height:132px;left:12px}.tc-actions,.tc-stick{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);opacity:.92}.tc-actions{right:12px;grid-template-columns:38px 38px 38px 56px 56px;grid-template-rows:56px;align-items:end}.tc-mini{width:38px;height:38px;font-size:10px}.tc-btn{width:56px;height:56px}.tc-mini.tc-q{grid-column:1}.tc-mini.tc-e{grid-column:2}.tc-mini.tc-rl{grid-column:3}.tc-btn.tc-b{grid-column:4}.tc-btn.tc-a{grid-column:5}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#auth-widget{position:fixed;top:10px;left:12px;z-index:9999;font-family:VT323,monospace;display:flex;flex-direction:row;align-items:center;gap:8px;max-width:calc(100vw - 24px);pointer-events:none}#auth-widget>*{pointer-events:auto}.auth-btn{font-family:Press Start\ 2P,monospace;font-size:9px;line-height:1.4;color:#ecdfc4;background:#221a2e;border:2px solid #3a2f4a;padding:8px 12px;cursor:pointer;image-rendering:pixelated;transition:background .12s,border-color .12s;flex:none;white-space:nowrap}.auth-btn:hover{background:#2f2440;border-color:#d4a94a}.auth-btn:disabled{opacity:.6;cursor:default}.auth-user{font-size:18px;color:#d4a94a;background:#171220cc;border:2px solid #3a2f4a;padding:4px 10px;min-width:0;max-width:min(62vw,440px);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-panel{background:#171220;border:3px solid #d4a94a;padding:14px;width:260px;color:#ecdfc4;box-shadow:0 16px 40px #000a}.auth-panel h3{font-family:Press Start\ 2P,monospace;font-size:11px;margin:0 0 10px;color:#e8763f}.auth-panel p{font-size:16px;margin:0 0 10px;color:#9a8c73}.auth-panel input{width:100%;font-family:VT323,monospace;font-size:18px;padding:8px;margin-bottom:10px;background:#0b0912;border:2px solid #3a2f4a;color:#ecdfc4}.auth-panel input:focus{outline:none;border-color:#d4a94a}.auth-msg{font-size:15px;margin-top:8px;color:#4fae6b;min-height:18px}.auth-msg.err{color:#d1453d}.auth-google{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.auth-divider{text-align:center;font-size:14px;color:#9a8c73;margin:10px 0}.store-btn{position:fixed;top:10px;right:12px;z-index:9999;font-family:Press Start\ 2P,monospace;font-size:9px;line-height:1.4;color:#201018;background:#f4c542;border:2px solid #b8860b;padding:8px 12px;cursor:pointer;image-rendering:pixelated;display:flex;align-items:center;gap:6px;box-shadow:0 3px 0 #8a6410;transition:transform .1s,background .12s}.store-btn:hover{background:#ffd75e}.store-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #8a6410}.store-cart{font-size:12px}.store-overlay{position:fixed;inset:0;z-index:10000;background:#0a0812d8;display:flex;align-items:center;justify-content:center;padding:16px;font-family:VT323,monospace}.store-modal{position:relative;width:min(560px,100%);max-height:min(86vh,720px);display:flex;flex-direction:column;background:#171220;border:3px solid #d4a94a;box-shadow:0 18px 50px #000b}.store-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:2px solid #3a2f4a;background:#1d1630}.store-head h2{font-family:Press Start\ 2P,monospace;font-size:13px;color:#e8763f;margin:0;flex:1 1}.store-balance{font-size:20px;color:#f4c542;white-space:nowrap}.store-close{font-family:Press Start\ 2P,monospace;font-size:10px;color:#ecdfc4;background:#2a2038;border:2px solid #3a2f4a;padding:6px 9px;cursor:pointer;flex:none}.store-close:hover{border-color:#d4a94a}.store-scroll{overflow-y:auto;padding:12px 14px 16px}.store-sec{font-family:Press Start\ 2P,monospace;font-size:10px;color:#d4a94a;margin:14px 0 10px}.store-sec:first-child{margin-top:0}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));grid-gap:10px;gap:10px}.store-card{background:#211a2e;border:2px solid #3a2f4a;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.store-card.is-selected{border-color:#f4c542;box-shadow:inset 0 0 0 1px #f4c54255}.coin-emoji{font-size:30px;line-height:1}.skin-preview{width:46px;height:46px;image-rendering:pixelated;background:#0c0a14;border:2px solid #0008}.store-card-name{font-size:17px;color:#ecdfc4}.store-card-amt{font-size:16px;color:#f4c542}.store-buy{font-family:Press Start\ 2P,monospace;font-size:8px;color:#201018;background:#d4a94a;border:2px solid #b8860b;padding:7px 8px;cursor:pointer;width:100%;transition:background .12s}.store-buy:hover{background:#ecc766}.store-buy.owned,.store-buy:disabled{background:#2a2038;color:#9a8c73;border-color:#3a2f4a;cursor:default}.store-note{font-size:14px;color:#6f6482;text-align:center;margin:14px 0 0}.store-toast{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:#2b1f14;border:2px solid #f4c542;color:#f4c542;font-size:16px;padding:8px 14px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px #000a}