:root{--display:"Bungee","Archivo Black",Impact,sans-serif;--paper:#f6f2e6;--ink:#14110d;--blue:#2d70be;--red:#c92c26}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;background:var(--paper);color:var(--ink);font-family:var(--display);overflow:hidden;flex-direction:column}header{display:flex;flex:none;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.25rem 1.5rem .5rem}h1{font-family:var(--display);letter-spacing:.01em;margin:0;font-size:1.4rem}.hud{display:flex;font-variant-numeric:tabular-nums;gap:1.1rem;font-size:.68rem}.stat{opacity:.55}.stat b{font-family:var(--display);font-size:1.05rem}.stat.blue b{color:var(--blue);opacity:1}.stat.red b{color:var(--red)}.stat.black b{color:#45403b}.stat.yellow b{color:#ae7b13}main{position:relative;flex:auto;min-height:0}canvas{display:block;width:100%;height:100%}footer{display:flex;flex:none;align-items:stretch;gap:.65rem;padding:.75rem 1.5rem 1.4rem}#shop-label{font-family:var(--display);letter-spacing:.06em;opacity:.45;writing-mode:vertical-rl;align-self: center;padding:.2rem 0;font-size:.62rem;transform:rotate(180deg)}#shop{display:flex;flex-wrap:wrap;flex:auto;align-items:stretch;gap:.65rem}.buy{position:relative;display:flex;font-family:var(--display);text-align:left;border:3px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink);flex-direction:column;flex:9rem;align-items: flex-start;gap:.25rem;padding:.65rem .8rem .7rem;transition:transform 70ms,box-shadow 70ms,background .12s}.buy:before{content:"";position:absolute;background:var(--accent);height:6px;inset:0 0 auto}.buy[data-accent=grow]{--accent:var(--blue)}.buy[data-accent=guard]{--accent:var(--red)}.buy[data-accent=clear]{--accent:#534d46}.buy.yellow{--accent:#c18815}.buy.discounted:after{content:"−20%";position:absolute;font-family:var(--display);color:var(--paper);border:2px solid var(--ink);background:#2d7645;padding:.15rem .35rem;font-size:.55rem;top:-9px;right:-9px;transform:rotate(4deg)}.buy:hover:not(:disabled){box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.buy:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.buy:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;background:0 0;border-color:#a49e98}.buy:disabled:before{background:#bcb8b3}.buy-name{letter-spacing:.02em;margin-top:.35rem;font-size:.8rem}.buy-level{color:var(--accent)}.buy-blurb{letter-spacing:.04em;opacity:.72;font-size:.6rem;line-height:1.6}.buy-cost{letter-spacing:.01em;color:var(--blue);white-space:nowrap;margin-top:auto;padding-top:.4rem;font-size:.8rem}#reroll{display:flex;font-family:var(--display);border:3px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink);flex-direction:column;flex:none;justify-content:center;gap:.25rem;padding:0 .9rem;transition:transform 70ms,box-shadow 70ms}#reroll:hover:not(:disabled){box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}#reroll:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}#reroll:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;background:0 0;border-color:#a49e98}.reroll-name{font-size:.72rem}.reroll-cost{color:var(--blue);font-size:.6rem}#ff,#mute{box-shadow:4px 4px 0 var(--ink);font-family:var(--display);border:2px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;flex:none;padding:0 1.1rem;font-size:.72rem}#mute[aria-pressed=true]{opacity:.4}#ff[aria-pressed=true]{background:var(--ink);color:var(--paper)}#over{position:absolute;display:grid;backdrop-filter:blur(3px);background:#f6f2e6d1;place-items: center;inset:0}#over[hidden]{display:none}#over .card{text-align:center;border:4px solid var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--ink);padding:2rem 3rem}#over h2{font-family:var(--display);letter-spacing:.01em;margin:0 0 1rem;font-size:1.6rem}.score{display:flex;flex-direction:column;margin:0}.score b{font-family:var(--display);color:var(--blue);font-variant-numeric:tabular-nums;font-size:3rem;line-height:1}.score span{opacity:.55;margin-top:.45rem;font-size:.65rem}.survived{opacity:.55;margin:1rem 0 1.5rem;font-size:.75rem}#restart{font-family:var(--display);box-shadow:5px 5px 0 var(--ink);border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;padding:.6em 1.6em;font-size:.8rem}#restart:hover{color:var(--ink);background:0 0}#restart:active{box-shadow:none;transform:translate(5px,5px)}.spent{position:fixed;z-index:5;pointer-events:none;background:#498ad4;border:1.5px solid #174272;border-radius:50%}.spent.yellow{background:#f6c123;border-color:#715214}