:root{color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;width:100%;height:100%;height:100dvh;overflow:hidden;background:#111;font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{touch-action:none}canvas{position:fixed;inset:0;width:100vw;height:100dvh;display:block;background:#263826}.hud{position:fixed;z-index:3;top:max(8px,env(safe-area-inset-top));left:10px;right:64px;pointer-events:none;text-shadow:0 1px 2px #000;font-size:12px}.barRow{display:grid;grid-template-columns:28px minmax(120px,240px) auto;gap:6px;align-items:center;margin:4px 0}.bar{height:10px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.45);border-radius:999px;overflow:hidden}.fill{height:100%;transition:width .12s linear}.hp{background:#bb433c}.xp{background:#5f9ddd}.status{position:fixed;left:18px;right:96px;top:calc(max(8px,env(safe-area-inset-top)) + 112px);display:flex;gap:12px;margin:0;font-weight:800;max-width:520px}.panel{position:fixed;z-index:10;max-height:88vh;overflow:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,480px);max-height:88vh;overflow:auto;padding:24px;border-radius:18px;background:rgba(18,22,18,.97);border:1px solid rgba(255,255,255,.2);box-shadow:0 15px 50px #0009}.hidden{display:none!important}h1{margin:0 0 6px;font-size:30px}.subtitle{margin-top:0;opacity:.66;font-weight:800}li{margin:8px 0}button{width:100%;border:0;border-radius:12px;padding:14px 16px;margin-top:10px;font:inherit;font-weight:850;background:#d7c68a;color:#1c1d17}.choice{text-align:left;background:#303a2e;color:#fff;border:1px solid #ffffff24}.choice strong{display:block;font-size:17px;margin-bottom:3px}.choice small{opacity:.74}.pauseBtn{position:fixed;z-index:8;right:12px;top:max(10px,env(safe-area-inset-top));width:44px;height:44px;margin:0;padding:0;border-radius:12px;background:rgba(20,24,20,.78);color:#f4e7bd;border:1px solid rgba(255,255,255,.25);font-size:20px;line-height:44px;box-shadow:0 3px 12px #0006}.notice{position:fixed;z-index:5;left:50%;top:17%;transform:translateX(-50%);background:rgba(10,10,10,.72);border:1px solid rgba(255,255,255,.22);padding:8px 14px;border-radius:9px;opacity:0;transition:opacity .15s;pointer-events:none;text-align:center;font-weight:800;max-width:80vw}.abilityHud{position:fixed;left:14px;right:96px;top:calc(max(8px,env(safe-area-inset-top)) + 62px);display:flex;gap:6px;z-index:4;pointer-events:none}.abilitySlot{width:42px;height:42px;border:2px solid rgba(205,176,108,.52);background:rgba(14,18,16,.82);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size:12px;line-height:1}.abilitySlot.empty{opacity:.35}.abilitySlot .rank{font-size:10px;margin-top:3px;opacity:.85}.storeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.storeTile{aspect-ratio:1/1.05;padding:7px 4px!important;margin:0!important;text-align:center!important;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px!important;background:linear-gradient(#343b31,#20271f)!important;border:1px solid #9b854e!important}.storeTile.selected{outline:2px solid #e2c66d;box-shadow:0 0 18px #d9b94d55}.storeIcon{font-size:24px;line-height:1}.storeName{font-size:10px;margin-top:5px;font-weight:900}.storeRank{font-size:9px;opacity:.72;margin-top:3px}.storeInfo{margin-top:12px;padding:12px;border-radius:12px;background:#242b22;border:1px solid #ffffff22;min-height:112px}.storeInfo h3{margin:0 0 5px;color:#ead28a}.storeInfo p{margin:4px 0;font-size:13px}.homeHero{text-align:center;margin:-8px -8px 14px;padding:18px 12px 16px;border-radius:14px;background:radial-gradient(circle at 50% 22%,#d8c77a33,transparent 23%),linear-gradient(#11180f,#202d1e);border:1px solid #9b854e66}.homeMoon{width:72px;height:72px;margin:0 auto 8px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff6c9,#d5b85d 42%,#6e5b2d 70%,#171c16 72%);box-shadow:0 0 28px #d6ba5b55}.homeTitle{font-family:Georgia,serif;letter-spacing:3px;color:#ead28a;text-shadow:0 2px 8px #000;font-size:31px;font-weight:900}.homeTag{font-size:11px;letter-spacing:2px;opacity:.65;margin-top:4px}.characterRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.characterCard{min-height:138px!important;margin:0!important;text-align:center!important;overflow:hidden}.characterCard img{height:82px!important;width:100%!important;object-fit:contain!important;display:block!important;margin:0 auto 4px!important}.characterCard strong{display:block;color:#ead28a;font-family:Georgia,serif;font-size:17px}.characterCard small{font-size:11px}.panel h1{font-family:Georgia,serif;color:#f1e5bb}.storeStat{font-size:13px;opacity:.78;margin-top:3px}.dangerFlash{position:fixed;z-index:7;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 80px 28px rgba(210,20,20,.78);background:rgba(150,0,0,.05)}

body{background:#102018}
canvas{background:#102018}
.hud{background:linear-gradient(180deg,rgba(7,10,9,.86),rgba(7,10,9,.32),transparent);padding:6px 8px 14px;border-radius:0 0 14px 14px}
.panel{background:linear-gradient(180deg,rgba(15,19,18,.985),rgba(8,12,11,.985));border:1px solid #9a7742;box-shadow:0 18px 70px #000c, inset 0 0 30px #0006}
.homeHero{height:255px;border-radius:16px;background-image:linear-gradient(180deg,transparent 48%,rgba(7,10,9,.94)),url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNTIwIiB2aWV3Qm94PSIwIDAgOTAwIDUyMCI+CjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ic2t5IiB4Mj0iMCIgeTI9IjEiPjxzdG9wIHN0b3AtY29sb3I9IiMwNzExMWYiLz48c3RvcCBvZmZzZXQ9Ii41NSIgc3RvcC1jb2xvcj0iIzEwMjYzYSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBjMTUxOCIvPjwvbGluZWFyR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJtb29uIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmOGQ0Ii8+PHN0b3Agb2Zmc2V0PSIuNDgiIHN0b3AtY29sb3I9IiNiN2M2ZDUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM0YzYwNzQiLz48L3JhZGlhbEdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iaGlsbCI+PHN0b3Agc3RvcC1jb2xvcj0iIzE3MjMyMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA1MDkwOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPgo8cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUyMCIgZmlsbD0idXJsKCNza3kpIi8+PGNpcmNsZSBjeD0iNzM1IiBjeT0iMTA1IiByPSI2OCIgZmlsbD0idXJsKCNtb29uKSIgb3BhY2l0eT0iLjkyIi8+PGNpcmNsZSBjeD0iNzYwIiBjeT0iOTIiIHI9IjgiIGZpbGw9IiM3NDg1OTYiIG9wYWNpdHk9Ii40MiIvPjxjaXJjbGUgY3g9IjcwNyIgY3k9IjEyNiIgcj0iMTMiIGZpbGw9IiM3NDg1OTYiIG9wYWNpdHk9Ii4zMiIvPgo8cGF0aCBkPSJNMCAzODUgUTE2MCAzMjAgMzA1IDM3MCBUNjEwIDM0NSBUOTAwIDM3MCBWNTIwIEgwWiIgZmlsbD0idXJsKCNoaWxsKSIvPgo8ZyBmaWxsPSIjMDUwOTBiIj48cGF0aCBkPSJNNjAyIDM1NlYxNjJoMzh2MTk0aDI1VjEwNWgzOHYyNTFoMjJWMTk0aDM5djE2Mmg0M1YyNTdoMzV2OTl6Ii8+PHBhdGggZD0iTTY1OSAxMDVsMjQtNTUgMjAgNTV6TTYwMiAxNjJsMTktNDIgMTkgNDJ6TTcyNSAxOTRsMjAtNDYgMTkgNDZ6Ii8+PC9nPgo8ZyBzdHJva2U9IiMxNDIzMjgiIHN0cm9rZS13aWR0aD0iNSIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik03MCAzNzBRODUgMjcwIDEwNSAxODRNMTA0IDE5OGwtMzQtMjlNMTA1IDI0NWw0OC00NU0xMDggMzAybC01MiAyOSIvPjxwYXRoIGQ9Ik0xODAgMzkyUTE5NSAzMDAgMTk5IDIzNk0xOTkgMjU4bC0zOC0yNE0xOTggMzA0bDQ1LTM1Ii8+PC9nPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTAgMjY1KSIgZmlsbD0iIzEwMTUxYSI+PGVsbGlwc2UgY3g9IjAiIGN5PSIxMTgiIHJ4PSI1MiIgcnk9IjEzIiBmaWxsPSIjMDAwOCIvPjxwYXRoIGQ9Ik0tMTcgNVEwLTE3IDE5IDZMMjUgNTEgNTIgOTkgMjAgMTA1IDIgNzMtMTggMTA5LTQ1IDk0LTIwIDUweiIvPjxjaXJjbGUgY3g9IjEiIGN5PSItNiIgcj0iMTYiLz48cGF0aCBkPSJNLTEzIDEyTC00OSA2OC0zOSA3Ni00IDM5TTE3IDE0bDQ2IDMzLTcgMTEtNDgtMjQiIHN0cm9rZT0iIzE3MWUyNCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTQ5IDM4bDkgNy0zNSA3NC04LTR6IiBmaWxsPSIjYjhjNmNhIi8+PHBhdGggZD0iTTU0IDQ1bDEwIDUtNSA5LTExLTZ6IiBmaWxsPSIjZDBhOTVhIi8+PC9nPgo8ZyBvcGFjaXR5PSIuNTUiIGZpbGw9IiM1ZjJiMTYiPjxjaXJjbGUgY3g9IjUwNCIgY3k9IjM5NSIgcj0iNiIvPjxjaXJjbGUgY3g9IjUzMyIgY3k9IjM4NCIgcj0iNCIvPjxjaXJjbGUgY3g9IjU3MSIgY3k9IjQwNSIgcj0iNSIvPjwvZz4KPC9zdmc+');background-size:cover;background-position:center;position:relative;margin:-18px -18px 14px;overflow:hidden;border:1px solid #8b6a39}
.homeMoon{display:none}
.homeTitle{position:absolute;left:0;right:0;bottom:32px;font-family:Georgia,serif;font-size:38px;letter-spacing:2px;color:#f0c878;text-shadow:0 3px 8px #000}
.homeTag{position:absolute;left:0;right:0;bottom:10px;color:#d8c9a4;font-size:11px;letter-spacing:1.5px}
.characterRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.characterCard{min-height:220px;text-align:center;background:linear-gradient(180deg,#27312c,#121713);border:1px solid #8d6e3e;overflow:hidden}
.characterCard img{height:158px;width:100%;object-fit:cover;object-position:center 22%;display:block;margin:0 auto 8px;border-radius:10px;filter:saturate(1.05) contrast(1.04)}
.characterCard strong{font-family:Georgia,serif;color:#f0d399;font-size:16px}
.abilitySlot{background:radial-gradient(circle at 40% 35%,#263029,#101511 70%);box-shadow:inset 0 0 12px #0008,0 3px 8px #0006}
.abilitySlot img{width:30px;height:30px;border-radius:50%;object-fit:cover}
#notice{font-family:Georgia,serif;letter-spacing:.5px;border-color:#a8844f;background:rgba(10,12,11,.92)}

#storePanel{max-width:780px}.storeGrid{grid-template-columns:repeat(4,1fr);gap:7px}.storeTile{min-height:86px!important}.storeInfo{min-height:120px}.hud{backdrop-filter:blur(2px)}.homeTitle{font-size:42px!important;letter-spacing:4px!important}.homeTag{font-size:10px!important}.panel button:disabled{filter:grayscale(.7)}

/* 1.31.2 menu cleanup */
.homeHero{border:none!important;box-shadow:none!important;margin-bottom:8px!important}
.characterRow{margin:4px 0 10px!important}
.characterCard{min-height:292px!important;padding:10px 8px 12px!important}
.characterCard img{
  height:218px!important;
  width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:radial-gradient(circle at 50% 40%,#26352e 0,#101713 72%)!important;
  border-radius:10px!important;
  margin:0 auto 6px!important;
}
.characterCard strong{font-size:18px!important}
.characterCard small{font-size:11px!important}
.startEconomy{margin:6px 0 10px;padding:10px 12px;border-radius:12px;background:#151d18;border:1px solid rgba(224,192,115,.20)}
#startBank{margin:0 0 5px!important;color:#efd27f;opacity:1!important;font-size:17px}
.goldCoinIcon{display:inline-flex;width:19px;height:19px;border-radius:50%;align-items:center;justify-content:center;margin-right:7px;
 background:radial-gradient(circle at 35% 30%,#fff0a0 0 15%,#e7b42f 38%,#97600c 72%,#4f3206 100%);
 border:1px solid #ffd96c;box-shadow:0 0 8px #d8a82955;color:#7a4a07;font-size:11px;vertical-align:-2px}
#bonusSummary{margin:0!important;font-size:11px!important;line-height:1.35}
#startPanel{padding-bottom:44px!important}

#deathText{line-height:1.38}.runBreakdown{margin-top:5px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.055);font-size:12px;line-height:1.5}.runBreakdown div+div{border-top:1px solid rgba(255,255,255,.08);padding-top:3px;margin-top:3px}

/* Compact top-of-screen special with a 44px touch target. */
#flameBtn{position:fixed;right:20px;top:calc(env(safe-area-inset-top,0px) + 116px);bottom:auto;z-index:20;box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border-radius:50%;border:2px solid #d2a451;background:#57341c;color:#ffe7b0;font-size:23px;line-height:1;touch-action:manipulation}
#flameBtn.specialActive::after{content:'';position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(#bcefff var(--special-progress),transparent 0);mask:radial-gradient(transparent 62%,#000 64%);pointer-events:none}
.purchaseReceipt{min-height:28px;color:#ffe29a;font-weight:800;font-size:14px}
@keyframes purchaseGold{0%{box-shadow:0 0 0 2px #ffe7a0,0 0 28px #ffcb58;background-color:#796032;transform:scale(1.025)}100%{box-shadow:0 0 0 0 transparent;transform:scale(1)}}
.purchaseFlash{animation:purchaseGold .7s ease-out}
@media(prefers-reduced-motion:reduce){.purchaseFlash{animation:none;outline:2px solid #e7c875}}