*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#0b0a10;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f4efe6;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#c{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;border:0}#fxlayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.dmg{position:absolute;left:0;top:0;font-weight:900;font-size:17px;color:#fff;text-shadow:0 2px 0 #000,0 0 6px #000;will-change:transform;white-space:nowrap}.dmg.crit{color:#ffe23f;font-size:24px}.dmg.block{color:#9aa4b5;font-size:14px}.dmg.hurt{color:#ff4a5a;font-size:22px}.dmg.heal{color:#7dff9a}.dmg.shock{color:#fff27a;font-size:15px}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 90px 30px #ff1428cc;opacity:0;transition:opacity .35s}#vignette.on{opacity:1;transition:none}#flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}#flash.on{animation:fl .45s ease-out}@keyframes fl{0%{opacity:.55}to{opacity:0}}#fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity .3s;z-index:30}#fade.on{opacity:1}#hud{position:absolute;left:0;right:0;top:0;padding:calc(env(safe-area-inset-top) + 10px) 12px 0;pointer-events:none;z-index:5}.hud-top{display:flex;align-items:center;gap:10px}.hpwrap{flex:1;position:relative}#hpbar{height:18px;border-radius:9px;background:#0000008c;border:2px solid rgba(255,255,255,.25);overflow:hidden}#hpbar i{display:block;height:100%;width:100%;background:linear-gradient(#ff6b6b,#d6283a);transition:width .15s}#hptext{position:absolute;left:10px;top:1px;font-size:12px;font-weight:800;text-shadow:0 1px 2px #000}.icon{pointer-events:auto;width:40px;height:40px;border-radius:12px;background:#00000080;font-size:18px;border:2px solid rgba(255,255,255,.2)}.hud-row{display:flex;justify-content:space-between;margin-top:6px;font-size:13px;font-weight:700;text-shadow:0 1px 3px #000}.chips span{margin-left:10px}#boons{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}#boons span{font-size:11px;background:#00000073;border-radius:6px;padding:1px 5px;border-left:3px solid var(--c)}#bossbar{margin:8px auto 0;width:88%;text-align:center}.bname{font-weight:900;font-size:15px;letter-spacing:1px;text-shadow:0 2px 3px #000}.bb{height:12px;border-radius:6px;background:#0009;border:2px solid #ffc23f;overflow:hidden;margin-top:3px}.bb i{display:block;height:100%;width:100%;background:linear-gradient(#ffcf5a,#e8641e);transition:width .15s}#controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}#joyzone{position:absolute;left:0;bottom:0;width:56%;height:48%;pointer-events:auto;touch-action:none}#joybase{position:absolute;left:30px;bottom:calc(env(safe-area-inset-bottom) + 40px);width:120px;height:120px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.22)}#joyknob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.6)}.cbtn{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffffff38,#00000073);border:3px solid rgba(255,255,255,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;--p: 1}.cbtn span{font-size:26px;line-height:1}.cbtn em{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.5px;opacity:.85;margin-top:2px}.cbtn:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(rgba(0,0,0,.62) calc((1 - var(--p)) * 360deg),transparent 0);pointer-events:none}.cbtn.ready{border-color:#ffe23f;box-shadow:0 0 16px #ffe23fb3}.cbtn:active,.cbtn.down{transform:scale(.93)}#bAtk{right:22px;bottom:calc(env(safe-area-inset-bottom) + 34px);width:96px;height:96px}#bAtk span{font-size:36px}#bDash{right:128px;bottom:calc(env(safe-area-inset-bottom) + 30px);width:66px;height:66px}#bSp{right:112px;bottom:calc(env(safe-area-inset-bottom) + 112px);width:66px;height:66px}#bUlt{right:30px;bottom:calc(env(safe-area-inset-bottom) + 144px);width:66px;height:66px}#dashN{position:absolute;right:-2px;top:-2px;font-size:11px;background:#fff;color:#000;border-radius:8px;padding:0 5px}#banner{position:absolute;left:0;right:0;top:27%;text-align:center;pointer-events:none;opacity:0;z-index:6;transition:opacity .3s,transform .3s;transform:scale(.9)}#banner.on{opacity:1;transform:scale(1)}#banner b{display:block;font-size:30px;font-weight:900;letter-spacing:1px;text-shadow:0 3px 0 #000,0 0 18px rgba(0,0,0,.8)}#banner small{display:block;font-size:15px;margin-top:4px;text-shadow:0 2px 4px #000}#toast{position:absolute;left:50%;top:20%;transform:translate(-50%);background:#000000b3;padding:6px 14px;border-radius:12px;font-weight:700;opacity:0;transition:opacity .3s;pointer-events:none;z-index:7;white-space:nowrap}#toast.on{opacity:1}.screen,.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 18px);z-index:10;overflow-y:auto;touch-action:pan-y}.screen.show,.overlay.show{display:flex}.overlay{background:#08060cd1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;z-index:12}#loading{background:#0b0a10;justify-content:center}#menu{justify-content:flex-start;background:linear-gradient(#08060cd9,#08060c00 34%,#08060c00 55%,#08060ce6)}#heroSel,#upgrades,#settings,#credits{background:#08060cdb}#heroSel{background:linear-gradient(#08060ce6,#08060c00 24%,#08060c00 52%,#08060ceb 64%);justify-content:flex-start}.logo{margin:18px 0 0;font-size:46px;font-weight:900;letter-spacing:4px;color:#ffd23f;text-shadow:0 4px 0 #6a3a00,0 0 30px rgba(255,180,40,.45);text-align:center}.tag{margin:2px 0 8px;opacity:.85;text-align:center;font-style:italic}.jade{font-weight:800;color:#8affd8;text-align:center}.menu-btns{margin-top:auto;display:flex;flex-direction:column;gap:10px;width:min(320px,90%)}.screen button,.overlay button{background:#2a2536;border:2px solid #4a4260;border-radius:14px;padding:12px 16px;font-weight:800;font-size:16px;margin:4px 0;min-width:160px}button.big{background:linear-gradient(#ffcf4a,#e89a1c);color:#2a1600;border-color:#ffe28a;font-size:19px}button.danger{background:#4a1d24;border-color:#7a2d38}button:disabled{opacity:.45}.stats{margin-bottom:0;font-size:13px;opacity:.8;text-align:center}h2{margin:6px 0 10px;font-size:24px;text-align:center}h3{margin:10px 0 6px;font-size:15px;opacity:.9}#heroCards{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:420px}.hcard{background:#221d2c;border:2px solid #3d3550;border-radius:12px;padding:8px 4px;text-align:center;min-width:0!important;margin:0!important;font-size:13px!important}.hcard.sel{border-color:var(--c);box-shadow:0 0 12px var(--c)}.hcard i{display:block;width:18px;height:6px;border-radius:3px;background:var(--c);margin:0 auto 4px}.hcard small{display:block;font-weight:600;opacity:.75;font-size:11px}#heroInfo{margin-top:auto;width:100%;max-width:420px;background:#14101ceb;border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.4}#heroInfo b{color:var(--c)}#zoneChips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:420px}.zchip{min-width:0!important;padding:7px 10px!important;font-size:12px!important;margin:0!important;border-left:6px solid var(--c)!important}.zchip.sel{background:#3d3550!important;outline:2px solid #fff}.row{display:flex;gap:10px;margin-top:10px}#upgList,#shopList{width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px;margin:10px 0}.urow{display:flex;align-items:center;gap:10px;background:#221d2c;border-radius:12px;padding:8px 10px}.urow .ic{font-size:26px}.urow .tx{flex:1;font-size:13px}.urow .tx b{display:block;font-size:15px}.urow button{min-width:92px!important;padding:8px!important;font-size:14px!important;margin:0!important}#settings label{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:360px;margin:10px 0;font-weight:700;gap:10px}#settings label.tg{justify-content:flex-start}#settings input[type=range]{flex:1;max-width:200px}#settings input[type=checkbox]{width:22px;height:22px}.hint{font-size:12px;opacity:.7;max-width:360px;text-align:center}#credList{max-width:440px;font-size:13px;line-height:1.45}#credList h4{margin:12px 0 4px;color:#ffd23f}#credList p{margin:3px 0}#rewCards{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px}.bcard{text-align:left;background:linear-gradient(90deg,#ffffff0f,#0000),#1f1a29!important;border:2px solid var(--c)!important;border-radius:14px!important;padding:10px 12px!important;margin:0!important;display:flex;gap:10px;align-items:center}.bcard .bi{font-size:30px}.bcard .bt{flex:1}.bcard .bt b{font-size:17px;display:block;color:var(--c)}.bcard .bt small{display:block;font-size:11px;opacity:.75;font-weight:700}.bcard .bt>span{display:block;font-size:13px;font-weight:500;margin-top:3px}.bcard .lv{display:inline-block;vertical-align:middle;margin-left:4px;font-size:11px;background:var(--c);color:#000;border-radius:8px;padding:1px 6px;font-weight:900}#rewSub{margin:-4px 0 10px;opacity:.8;font-size:13px;text-align:center}#deathTxt,#winTxt{text-align:center;line-height:1.5}#pauseBoons{max-width:380px;font-size:13px;margin-bottom:8px;text-align:center}.loadbar{width:220px;height:8px;background:#221d2c;border-radius:4px;overflow:hidden;margin-top:20px}.loadbar i{display:block;height:100%;width:0;background:#ffd23f;transition:width .2s}@media(min-width:700px){#joyzone{width:40%}}
