:root{--ink:#efe6d2;--torch:#ff9a4a;--gold:#ffcf4a;--blood:#e2493a;--rune:#8fd8ff;--dim:#8d8578;--panel:#0c0908b8;--edge:#ffdcaa2e;--font:"Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Georgia, serif;--display:"Cinzel", "Trajan Pro", "Trajan", "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Georgia, serif;--iron:#1b1714;--ember:#ff7a2a;--old-gold:#d9a441;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;margin:0;overflow:hidden}#view{touch-action:none;position:fixed;inset:0}#view canvas{outline:none;display:block}.label{font-family:var(--display);letter-spacing:.3em;color:#c9a46a;text-transform:uppercase;font-size:11px;display:block}#top{padding:max(14px, env(safe-area-inset-top)) max(212px, calc(env(safe-area-inset-right) + 200px)) 0 max(18px, env(safe-area-inset-left));pointer-events:none;text-shadow:0 2px #000,0 0 12px #000;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:fixed;top:0;left:0;right:0}#top[hidden]{display:none}#level{letter-spacing:.12em;text-transform:uppercase;color:#ffdf9a;font-size:15px}.purse{text-align:center}#gold{font-family:var(--display);font-variant-numeric:tabular-nums;background:linear-gradient(#fff1c4 0%,#f2c862 34%,#b9781f 62%,#e8b04c 78%,#7a4612 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 2px #000)drop-shadow(0 0 12px #ff8c3259);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:700;line-height:1.05;display:block}.carried{justify-items:end;gap:4px;display:grid}.keyring,.vials{text-align:right}.keyring.none,.vials.none{display:none}#keys{color:var(--gold);letter-spacing:.1em;font-size:26px}#revives{color:#ffe08a;letter-spacing:.12em;text-shadow:0 0 10px #ffd278b3,0 2px #000;font-size:22px;display:block}#map{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));max-width:180px;max-height:180px;image-rendering:pixelated;pointer-events:none;background:linear-gradient(#ffffff0a,#0000 30%),linear-gradient(#2a221ef0,#100c0af0);border:1px solid #d9a4418c;border-radius:2px;padding:5px;position:fixed;box-shadow:inset 0 0 0 2px #0c0907,inset 0 0 0 3px #d9a44138,0 4px 14px #0009}#map[hidden]{display:none}#party{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#ffffff0a,#0000 30%),linear-gradient(#2a221ef0,#100c0af0);border:1px solid #d9a4418c;border-radius:2px;gap:5px;margin:0;padding:8px 10px;font-size:13px;list-style:none;display:grid;position:fixed;box-shadow:inset 0 0 0 2px #0c0907,inset 0 0 0 3px #d9a44138,0 4px 14px #0009}#party[hidden]{display:none}#party li{grid-template-columns:20px 54px 92px 42px 30px;align-items:center;gap:6px;display:grid}#party b{width:20px;height:20px;font-family:var(--display);color:#120e0c;background:var(--hero);border-radius:2px;place-content:center;font-size:11px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0000004d,0 0 0 1px #000}#party .name{letter-spacing:.06em}#party .bar,#battle .bar{background:#0c0907;border:1px solid #d9a4414d;border-radius:1px;height:7px;overflow:hidden}#party .bar i,#battle .bar i{background:linear-gradient(#6fd27a,#3e9a4a);height:100%;transition:width .4s ease-out;display:block}#party .bar i.low{background:linear-gradient(#ff8a5a,#c8402a)}#party .hp{text-align:right;font-variant-numeric:tabular-nums;color:#a8987e}#party .hit{opacity:0;font-weight:800}#party .hit.hurt{color:var(--blood)}#party .hit.healed{color:#7fe08a}#party .hit.show{animation:1.6s ease-out hit}@keyframes hit{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-6px)}}#party li.down{opacity:.4}#party li.down .name{text-decoration:line-through}#roll{left:max(12px, env(safe-area-inset-left));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 138px);pointer-events:none;text-shadow:0 2px #000;justify-items:center;width:64px;display:grid;position:fixed}#roll[hidden]{display:none}#roll .n{width:56px;height:56px;font-family:var(--display);color:#ffe6a6;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);text-shadow:0 0 8px #ffd278cc,0 2px #000;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 40% 35%,#4a3a6a,#1e1630 70%);place-content:center;font-size:22px;font-weight:700;display:grid}#roll[data-high=crit] .n{color:#fff4c8;background:radial-gradient(circle at 40% 35%,#8a6a2a,#3a2610 70%)}#roll[data-high=high] .n{color:#fff1c8}#roll[data-high=fumble] .n{color:#ffb09a;background:radial-gradient(circle at 40% 35%,#6a2a2a,#2a1010 70%)}#roll[data-high=low] .n{color:#c9b890}#banner{font-family:var(--display);white-space:pre-line;text-align:center;letter-spacing:.12em;pointer-events:none;color:#ffe9b8;text-shadow:0 3px #000,0 0 18px #000,0 0 30px #ff782859;font-size:clamp(20px,4.5vw,36px);font-weight:800;line-height:1.3;position:fixed;top:32%;left:50%;transform:translate(-50%,-50%)}#banner.big{font-size:clamp(26px,6.5vw,54px)}#banner small{letter-spacing:.1em;color:#c9a46a;margin-top:10px;font-size:14px;font-style:italic;font-weight:500;display:block}#banner.pop{animation:.35s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}#pause{text-align:center;font-family:var(--display);letter-spacing:.2em;color:#ffdf9a;text-shadow:0 3px #000,0 0 24px #ff782873;background:radial-gradient(70% 55%,#00000059 0%,#000000bf 75%,#000000e6 100%);place-content:center;font-size:42px;font-weight:800;display:grid;position:fixed;inset:0}#pause[hidden]{display:none}#pause small{letter-spacing:.2em;color:#c9a46a;text-shadow:0 2px #000;margin-top:10px;font-size:13px;font-style:italic;display:block}#title{pointer-events:none;text-align:center;background:radial-gradient(70% 55% at 50% 42%,#0000 0%,#0000008c 70%,#000000d9 100%),linear-gradient(#08040200 55%,#080402eb 100%);flex-direction:column;justify-content:space-between;align-items:center;padding:max(5vh,24px) 16px max(4vh,20px);display:flex;position:fixed;inset:0}#title[hidden]{display:none}.crest{justify-items:center;display:grid}#title h1{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;justify-items:center;gap:.06em;margin:0;font-size:clamp(42px,10.5vw,112px);font-weight:700;line-height:.9;display:grid}#title h1 .word{background:linear-gradient(#fff1c4 0%,#f2c862 34%,#b9781f 62%,#e8b04c 78%,#7a4612 100%);color:#0000;filter:drop-shadow(0 2px #2a1406)drop-shadow(0 5px #0c0604)drop-shadow(0 0 22px #ff782873);-webkit-background-clip:text;background-clip:text;padding:0 .1em;animation:3.2s ease-in-out infinite torchlit}#title h1 .word+.rule+.word{animation-delay:-1.3s}@keyframes torchlit{0%,to{filter:drop-shadow(0 2px #2a1406)drop-shadow(0 5px #0c0604)drop-shadow(0 0 22px #ff782873)}42%{filter:drop-shadow(0 2px #2a1406)drop-shadow(0 5px #0c0604)drop-shadow(0 0 30px #ff8c329e)}58%{filter:drop-shadow(0 2px #2a1406)drop-shadow(0 5px #0c0604)drop-shadow(0 0 18px #ff641e61)}}#title h1 .rule{align-items:center;gap:.25em;width:100%;max-width:6.2em;font-size:.32em;display:flex}#title h1 .rule i{background:linear-gradient(90deg, #d9a44100, var(--old-gold) 40%, var(--old-gold) 60%, #d9a44100);flex:1;height:2px;box-shadow:0 1px #000}#title h1 .rule b{width:1.9em;height:1.9em;font-family:var(--display);letter-spacing:0;color:#ffe6a6;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);text-shadow:0 0 8px #ffd278cc;background:radial-gradient(circle at 40% 35%,#4a3a6a,#1e1630 70%);place-items:center;font-size:.62em;display:grid}.tag{font-family:var(--display);letter-spacing:.42em;color:#c9a46a;text-transform:lowercase;text-shadow:0 2px #000;margin:18px 0 0;font-size:14px;font-style:italic}#title .menu{pointer-events:auto;flex-direction:column;align-items:center;gap:16px;display:flex}button{font:inherit;color:inherit;cursor:pointer}#start,#battle .go{font-family:var(--display);letter-spacing:.36em;text-transform:uppercase;color:#ffdf9a;background:linear-gradient(180deg, #ffffff12, #0000 40%), linear-gradient(180deg, #2c2420 0%, var(--iron) 55%, #0e0b09 100%);border:1px solid var(--old-gold);text-shadow:0 0 10px #ffa03cbf,0 2px #000;border-radius:2px;padding:14px 40px 14px 48px;font-size:24px;font-weight:700;animation:2.4s ease-in-out infinite ember;position:relative;box-shadow:inset 0 0 0 3px #0c0907,inset 0 0 0 4px #d9a44173,0 0 0 1px #000,0 6px 18px #000000b3,0 0 34px #ff6e1e47}#battle .go{outline:none;padding:11px 36px 11px 44px;font-size:18px}#start:before,#start:after,#battle .go:before,#battle .go:after{content:"";background:var(--old-gold);width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;transform:rotate(45deg);box-shadow:0 0 6px #ffb450cc}#start:before,#battle .go:before{left:16px}#start:after,#battle .go:after{right:16px}#start:hover,#battle .go:hover,#battle .go:focus-visible{color:#fff1c8;box-shadow:inset 0 0 0 3px #0c0907,inset 0 0 0 4px #d9a441b3,0 0 0 1px #000,0 6px 18px #000000b3,0 0 48px #ff782880}#start:active,#battle .go:active{transform:translateY(2px)}@keyframes ember{50%{box-shadow:inset 0 0 0 3px #0c0907,inset 0 0 0 4px #d9a4418c,0 0 0 1px #000,0 6px 18px #000000b3,0 0 44px #ff6e1e6b}}#levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(720px,100%);display:grid}.depth{min-width:0;font-family:var(--display);letter-spacing:.04em;text-align:left;color:#e6d6b8;background:linear-gradient(#3a332d,#26211d);border:1px solid #0c0a08;border-radius:2px;align-items:baseline;gap:8px;padding:8px 10px;font-size:12px;display:flex;box-shadow:inset 0 1px #fff0d21f,inset 0 -2px #00000073,0 2px #000}.depth .numeral{min-width:2.4em;color:var(--old-gold);text-shadow:0 1px #000;flex:none;font-weight:700}.depth .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.depth:hover:not(:disabled){color:#fff3d6;background:linear-gradient(#4a4038,#2e2823);box-shadow:inset 0 1px #fff0d22e,inset 0 -2px #00000073,0 2px #000,0 0 14px #ff8c324d}.depth:disabled{cursor:default;color:#6a6058;background:linear-gradient(#221e1b,#181513)}.depth:disabled .numeral{color:#5a4a30}#best{font-family:var(--display);letter-spacing:.2em;color:var(--old-gold);text-shadow:0 2px #000;min-height:1em;margin:0;font-size:14px}.embers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.embers i{opacity:0;background:#ffb35a;border-radius:50%;width:3px;height:3px;animation:9s linear infinite rise;position:absolute;bottom:-10px;box-shadow:0 0 6px 2px #ff781eb3}@keyframes rise{0%{opacity:0;transform:translate(0)}10%{opacity:.9}70%{opacity:.6}to{transform:translate(var(--drift,30px), -105vh);opacity:0}}.embers i:first-child{--drift:-45px;animation-duration:7s;animation-delay:0s;left:12.5%}.embers i:nth-child(2){--drift:8px;animation-duration:9.3s;animation-delay:-1.37s;left:49.5%}.embers i:nth-child(3){--drift:-29px;animation-duration:11.6s;animation-delay:-2.74s;left:86.5%}.embers i:nth-child(4){--drift:24px;animation-duration:8.9s;animation-delay:-4.11s;left:26.5%}.embers i:nth-child(5){--drift:-13px;animation-duration:11.2s;animation-delay:-5.48s;left:63.5%}.embers i:nth-child(6){--drift:40px;animation-duration:8.5s;animation-delay:-6.85s;left:3.5%}.embers i:nth-child(7){--drift:3px;animation-duration:10.8s;animation-delay:-8.22s;left:40.5%}.embers i:nth-child(8){--drift:-34px;animation-duration:8.1s;animation-delay:-.59s;left:77.5%}.embers i:nth-child(9){--drift:19px;animation-duration:10.4s;animation-delay:-1.96s;left:17.5%}.embers i:nth-child(10){--drift:-18px;animation-duration:7.7s;animation-delay:-3.33s;left:54.5%}.embers i:nth-child(11){--drift:35px;animation-duration:10s;animation-delay:-4.7s;left:91.5%}.embers i:nth-child(12){--drift:-2px;animation-duration:7.3s;animation-delay:-6.07s;left:31.5%}.embers i:nth-child(13){--drift:-39px;animation-duration:9.6s;animation-delay:-7.44s;left:68.5%}.embers i:nth-child(14){--drift:14px;animation-duration:11.9s;animation-delay:-8.81s;left:8.5%}.embers i:nth-child(15){--drift:-23px;animation-duration:9.2s;animation-delay:-1.18s;left:45.5%}.embers i:nth-child(16){--drift:30px;animation-duration:11.5s;animation-delay:-2.55s;left:82.5%}.embers i:nth-child(17){--drift:-7px;animation-duration:8.8s;animation-delay:-3.92s;left:22.5%}.embers i:nth-child(18){--drift:-44px;animation-duration:11.1s;animation-delay:-5.29s;left:59.5%}.help{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:4px 18px;max-width:760px;margin:0;font-size:12px;display:flex}kbd{font:inherit;color:var(--ink);border:1px solid #ffffff40;border-radius:3px;margin:0 1px;padding:1px 5px;font-size:11px}#battle{background:radial-gradient(60% 55%,#280a0459 0%,#000000b3 75%,#000000e6 100%),linear-gradient(#08040200 55%,#080402e6 100%);place-items:center;padding:16px;display:grid;position:fixed;inset:0}#battle[hidden]{display:none}#battle.pop .card{animation:.4s cubic-bezier(.2,1.5,.4,1) slam}@keyframes slam{0%{opacity:0;transform:scale(1.3)}}#battle .card{text-align:center;width:min(460px,100%);font-family:var(--display);background:radial-gradient(ellipse 80% 50% at 50% 0%, #ff8c321a, #0000 70%), linear-gradient(180deg, #ffffff0d, #0000 30%), linear-gradient(180deg, #2a221e 0%, var(--iron) 50%, #0d0a08 100%);border:1px solid var(--old-gold);border-radius:2px;padding:22px 28px 24px;position:relative;box-shadow:inset 0 0 0 4px #0c0907,inset 0 0 0 5px #d9a44166,0 0 0 1px #000,0 14px 40px #000c,0 0 60px #ff5a1e38}#battle .card:before,#battle .card:after,#battle .studs:before,#battle .studs:after{content:"";background:var(--old-gold);width:7px;height:7px;position:absolute;transform:rotate(45deg);box-shadow:0 0 6px #ffb450b3}#battle .card:before{top:12px;left:12px}#battle .card:after{top:12px;right:12px}#battle .studs:before{bottom:12px;left:12px}#battle .studs:after{bottom:12px;right:12px}#battle h2{letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(#fff1c4 0%,#f2c862 34%,#b9781f 62%,#e8b04c 78%,#7a4612 100%);color:#0000;filter:drop-shadow(0 2px #2a1406)drop-shadow(0 0 16px #ff782866);-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:700;line-height:1.1}#battle .boss{letter-spacing:.4em;text-transform:lowercase;color:var(--blood);text-shadow:0 0 10px #e2493a99;margin-top:4px;font-size:12px;font-style:italic;display:block}#battle .boss:empty{display:none}#battle .rule{align-items:center;gap:8px;max-width:260px;margin:10px auto 16px;display:flex}#battle .rule i{background:linear-gradient(90deg, #d9a44100, var(--old-gold) 40%, var(--old-gold) 60%, #d9a44100);flex:1;height:2px;box-shadow:0 1px #000}#battle .rule b{background:var(--old-gold);width:7px;height:7px;transform:rotate(45deg)}#battle .label{font-family:var(--display);letter-spacing:.3em;color:#c9a46a;font-size:11px}#battle .clash{justify-content:center;align-items:center;gap:24px;display:flex}#battle .roll,#battle .dc{justify-items:center;gap:6px;display:grid}#battle .d20{width:92px;height:92px;font-family:var(--display);color:#ffe6a6;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);text-shadow:0 0 10px #ffd278cc,0 2px #000;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 40% 35%,#4a3a6a,#1e1630 70%);place-content:center;font-size:40px;font-weight:700;display:grid}#battle .d20[data-grade=critical]{color:#fff4c8;background:radial-gradient(circle at 40% 35%,#8a6a2a,#3a2610 70%)}#battle .d20[data-grade=fumble]{color:#ffb09a;background:radial-gradient(circle at 40% 35%,#6a2a2a,#2a1010 70%)}#battle .vs{letter-spacing:.3em;color:#a8987e;font-size:16px;font-style:italic}#battle .dc .value{width:78px;height:70px;color:var(--old-gold);text-shadow:0 1px #000;font-variant-numeric:tabular-nums;background:linear-gradient(#3a332d,#26211d);border:1px solid #0c0a08;border-radius:2px;place-content:center;font-size:34px;font-weight:700;display:grid;box-shadow:inset 0 1px #fff0d21f,inset 0 -2px #00000073,0 2px #000}#battle .grade{letter-spacing:.18em;text-shadow:0 2px #000,0 0 18px;margin:18px 0 4px;font-size:30px;font-weight:700}#battle .grade[data-grade=critical]{color:#ffdc7a}#battle .grade[data-grade=success]{color:#b8dc8a}#battle .grade[data-grade=struggle]{color:var(--ember)}#battle .grade[data-grade=fumble]{color:var(--blood)}#battle .line{letter-spacing:.06em;color:#a8987e;margin:0 0 16px;font-size:13px;font-style:italic}#battle .heroes{background:#00000059;border:1px solid #d9a44133;gap:6px;margin:0 0 14px;padding:10px 12px;font-size:13px;list-style:none;display:grid;box-shadow:inset 0 2px 6px #0009}#battle .heroes li{text-align:left;grid-template-columns:70px 1fr 50px 64px;align-items:center;gap:10px;display:grid}#battle .heroes b{letter-spacing:.06em;font-weight:700}#battle .heroes .hp{text-align:right;color:#a8987e;font-variant-numeric:tabular-nums}#battle .heroes .lost{color:var(--blood);letter-spacing:.05em;font-weight:700}#battle .heroes li.down{opacity:.5}#battle .heroes li.down b{text-decoration:line-through}#battle .bar{background:#0c0907;border:1px solid #d9a4414d;border-radius:1px;height:8px}#battle .loot{letter-spacing:.16em;color:var(--gold);text-shadow:0 0 12px #ffbe468c,0 2px #000;margin:0 0 18px;font-size:18px;font-weight:700}#mute{right:max(14px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:#c9a46a;background:linear-gradient(#2a231f,#141110);border:1px solid #d9a44173;border-radius:2px;padding:6px 12px;font-size:11px;position:fixed;box-shadow:inset 0 0 0 2px #0c0907,0 2px 8px #0009}#mute[aria-pressed=true]{color:var(--ember)}#error{white-space:pre-wrap;text-align:center;font:14px/1.6 var(--font);color:#ff9d85;place-content:center;margin:0;padding:24px;display:grid;position:fixed;inset:0}#error[hidden]{display:none}@media (pointer:coarse){.help .keys{display:none}}@media (pointer:fine){.help .touch{display:none}}@media (max-width:640px){#top{padding-right:max(120px, calc(env(safe-area-inset-right) + 112px));grid-template-columns:1fr auto}.carried{grid-area:2/1;justify-items:start;gap:12px;margin-top:4px;display:flex}.carried .label{display:none}#keys{font-size:18px}#revives{font-size:16px}#gold{font-size:28px}#level{font-size:11px}#map{max-width:100px;max-height:100px}#party{gap:3px;padding:6px 8px;font-size:10px}#party li{grid-template-columns:16px 64px 34px}#party .name,#party .hit{display:none}#party b{width:16px;height:16px;font-size:10px}#roll{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 100px)}.help .keys{display:none}}#level,#battle h2,#battle .grade,#party .name{font-family:var(--display)}@media (max-width:620px){#levels{grid-template-columns:repeat(2,minmax(0,1fr))}#start{padding:12px 32px 12px 40px;font-size:20px}}@media (min-width:900px) and (min-aspect-ratio:4/3){#title h1{grid-auto-flow:column;align-items:center;gap:.18em;font-size:clamp(42px,6.6vw,104px)}#title h1 .rule{flex-direction:column;width:auto;max-width:none;height:1.6em;font-size:.42em}#title h1 .rule i{background:linear-gradient(180deg, #d9a44100, var(--old-gold) 40%, var(--old-gold) 60%, #d9a44100);flex:1;width:2px;height:auto}}.help{font-family:var(--display);color:#a8987e}#battle .heroes small{opacity:.7;font-weight:400}#battle .bonus{opacity:.75;font-size:.7em;display:block}