@font-face{font-family:Web437 VGA;src:url(../Web437_IBM_VGA_8x16.woff) format("woff");font-display:block}:root{--bg: #07060b;--ink: #f2ecff;--dim: #9a90b8;--panel: rgba(10, 8, 18, .82);--edge: #3a2f5c;--gold: #ffd541;--fire: #ff8a1f;--water: #2ea7ff;--life: #4cc32f;--cosmic: #b45cff;--hp: #4cdc5a;--hp-low: #ff4a3a;--mana: #2ea7ff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;font-family:Web437 VGA,ui-monospace,monospace;user-select:none;-webkit-user-select:none;touch-action:manipulation}body{display:flex;align-items:center;justify-content:center}#game{position:relative;overflow:hidden;line-height:1}#stage{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.panel{position:absolute;top:.75em;width:19em;padding:.5em .6em .45em;background:var(--panel);border:.25em solid var(--edge);font-size:1em}.panel.p0{left:.75em}.panel.p1{right:.75em}.panel .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35em}.panel .name{font-size:1.25em}.panel .kos .ko{color:#3a3450;margin-left:.2em;font-size:1.25em}.panel .kos .ko.on{color:var(--gold);text-shadow:0 0 .4em var(--gold)}.panel .hp{position:relative;height:1.5em;background:#1a1424;border:.125em solid #000}.panel .hp .fill,.panel .hp .ghost{position:absolute;left:0;top:0;bottom:0;transition:width .25s steps(6)}.panel .hp .ghost{background:#f8f0d0;transition:width .4s steps(8)}.panel .hp .fill{background:var(--hp);box-shadow:inset 0 -.375em #00000040}.panel.low .hp .fill{background:var(--hp-low)}.panel .hptext{position:absolute;right:.4em;top:.25em;font-size:1em;text-shadow:.125em .125em 0 #000}.panel .mana{display:flex;gap:.2em;margin-top:.35em}.panel .pip{width:1.4em;height:.75em;background:#141a2c;border:.125em solid #000}.panel .pip.on{background:var(--mana);box-shadow:inset 0 -.25em #0000004d}.panel .status{min-height:1em;margin-top:.35em;font-size:.875em}.panel .status b{font-weight:400;padding:0 .25em;margin-right:.25em}.burn{color:var(--fire)}.regen{color:var(--life)}.stun{color:var(--gold)}.emp{color:var(--fire)}.sum{color:var(--cosmic)}.topmid{position:absolute;top:.9em;left:50%;transform:translate(-50%);width:15em;text-align:center}.turn{font-size:.875em;color:var(--dim);margin-bottom:.4em}.timer{height:.75em;background:#1a1424;border:.125em solid #000}.timer .fill{height:100%;background:var(--gold);width:0}.timer .fill.urgent{background:var(--hp-low)}.tag{position:absolute;transform:translate(-50%,-100%);padding:.3em .6em;font-size:1.125em;background:#000;border:.2em solid var(--el, #888);color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none}.tag.show{animation:tag 1.4s steps(10) forwards}@keyframes tag{0%{opacity:0;transform:translate(-50%,-60%) scaleY(.2)}12%{opacity:1;transform:translate(-50%,-100%) scaleY(1)}80%{opacity:1}to{opacity:0}}.floats{position:absolute;inset:0;pointer-events:none}.float{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:1.5em;text-shadow:.125em .125em 0 #000,-.0625em -.0625em 0 #000;animation:rise 1.4s steps(14) forwards}.float.dmg{color:#fff;font-size:2em}.float.small{font-size:1.25em}.float.heal{color:var(--life);font-size:1.75em}.float.blocked{color:#9fd8ff;font-size:1em}.float.super{color:var(--gold);font-size:1.5em}.float.strong{color:#ffe9a0;font-size:1.125em}.float.weak{color:#8a90a8;font-size:1.125em}.float.clash{color:#fff;font-size:2em;letter-spacing:.06em;text-shadow:.1em .1em 0 #000,0 0 .4em #fff}.float.dot{color:#ffb070;font-size:1em}.float[class*=st-]{font-size:1em;color:var(--gold)}@keyframes rise{0%{opacity:0;transform:translate(-50%,-20%) scale(.6)}10%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}20%{transform:translate(-50%,-70%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-190%)}}.banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:4em;letter-spacing:.08em;color:var(--gold);text-shadow:.06em .06em 0 #000,0 0 .3em rgba(255,213,65,.6);animation:slam 1.6s steps(16) forwards}.banner.lose,.banner.ko{color:var(--hp-low);text-shadow:.06em .06em 0 #000,0 0 .3em rgba(255,74,58,.6)}.banner.round{color:var(--ink);font-size:3em}@keyframes slam{0%{opacity:0;transform:translate(-50%,-50%) scale(2.5)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1}to{opacity:0}}.tray{position:absolute;left:0;right:0;bottom:.5em;display:flex;flex-direction:column;align-items:center;gap:.5em;transition:opacity .2s}.tray.dim{opacity:.35}.info{max-width:44em;min-height:1.25em;padding:.3em .75em;background:var(--panel);border:.125em solid var(--edge);font-size:1em;text-align:center;line-height:1.25}.info b{font-weight:400}.info i{font-style:normal;color:var(--dim)}.cards{display:flex;gap:.5em}.card{position:relative;width:6.6em;height:7.25em;padding:1.75em .35em .4em;font:inherit;color:var(--ink);background:linear-gradient(#1c1530,#100c1c);border:.25em solid var(--el);border-bottom-width:.6em;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform .08s steps(2)}.card .cname{font-size:1em;line-height:1.1}.card .cost{position:absolute;left:.25em;top:.25em;width:1.4em;height:1.4em;line-height:1.4em;font-size:1em;background:var(--mana);color:#000}.card .kind{position:absolute;right:.35em;top:.3em;color:var(--el);font-size:1em}.card .cd{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.5em;background:#0000008c;color:var(--ink)}.card.sel{transform:translateY(-1em);box-shadow:0 0 0 .2em #fff,0 0 1.5em var(--el)}.card.blocked{filter:grayscale(.7) brightness(.6)}.card.b-mana .cost{background:var(--hp-low)}.card.found:after{content:"NEW";position:absolute;bottom:-.1em;left:50%;transform:translate(-50%,100%);font-size:.75em;color:var(--el)}.card:disabled{cursor:default}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#040308b8}.overlay.hidden{display:none}.box{position:relative;width:44em;max-height:31em;overflow:auto;padding:1.25em 1.75em;background:#0d0a18;border:.375em solid var(--edge);text-align:center;line-height:1.35}.box h1{margin:.2em 0 .1em;font-size:4em;font-weight:400;letter-spacing:.06em;color:var(--gold);text-shadow:.06em .06em 0 #7a1010,0 0 .4em rgba(255,138,31,.5)}.box h2{margin:.1em 0 .4em;font-size:2.5em;font-weight:400;color:var(--gold)}.box p{margin:.55em 0;font-size:1.125em}.box .sub{color:var(--dim);margin-top:0}.box .hint,.box .note{color:var(--dim);font-size:1em}.box b{font-weight:400}.box .fire{color:var(--fire)}.box .water{color:var(--water)}.box .life{color:var(--life)}.box .cosmic{color:var(--cosmic)}.box .wheel{padding:.5em;background:#15102a}.box.lost h2{color:var(--hp-low)}.back{position:absolute;left:.75em;top:.6em;color:var(--dim);text-decoration:none;font-size:1em}.btn{display:inline-block;margin:.6em .4em .2em;padding:.5em 1.5em;font:inherit;font-size:1.5em;color:#000;background:var(--gold);border:0;box-shadow:0 .2em #a07a10;cursor:pointer;text-decoration:none}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 .125em var(--edge)}.btn:active{transform:translateY(.15em);box-shadow:0 .05em #a07a10}.offer{display:flex;gap:1em;justify-content:center;margin-top:.75em}.card.big{width:11em;height:12em;flex-direction:column;gap:.5em;padding-top:2em}.card.big .cname{font-size:1.25em}.card.big .desc{font-size:.875em;color:var(--dim);line-height:1.2}#game{flex-shrink:0}.box.wide{width:56em;max-height:32em;padding:1em 1.25em}.box.mid{width:40em}.box.title .btn{font-size:2em}button.back{background:none;border:0;font:inherit;cursor:pointer;padding:0}.box .gold{color:var(--gold)}.lbl{margin:.6em 0 .3em!important;font-size:.875em!important;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.btn.small{font-size:1.125em;padding:.35em 1em;margin:.4em .2em .1em}.face{image-rendering:pixelated;width:4.5em;height:6em}.face.big{width:6em;height:8em;display:block;margin:0 auto}.slots{display:flex;gap:1em;justify-content:center}.slot{width:15em;display:flex;flex-direction:column;gap:.4em}.slot .pick,.slot .new{display:flex;flex-direction:column;align-items:center;gap:.3em;min-height:15em;padding:.8em .5em;font:inherit;color:var(--ink);background:#15102a;border:.25em solid var(--edge);cursor:pointer}.slot .pick:hover,.slot .new:hover{border-color:var(--gold)}.slot .new{justify-content:center;border-style:dashed;color:var(--dim)}.slot .plus{font-size:3em;color:var(--gold)}.sname{font-size:1.25em}.smeta{font-size:.875em;color:var(--dim)}.smeta b{margin:0 .15em}.del{font:inherit;font-size:.875em;color:var(--dim);background:none;border:.125em solid #2a2440;padding:.25em;cursor:pointer}.del.really{color:#fff;background:#7a1010;border-color:var(--hp-low)}.cols{display:flex;gap:1.25em;text-align:left;align-items:flex-start}.col{flex:1;min-width:0}.col.look,.col.me{flex:0 0 17em;text-align:center}.col.look .lbl{margin:.35em 0 .2em!important}.namebox{display:block;margin-top:.5em;font-size:1em;color:var(--dim)}.namebox input{width:9em;margin-left:.4em;padding:.2em .4em;font:inherit;font-size:1.125em;color:var(--ink);background:#000;border:.125em solid var(--edge);outline:none;user-select:text;-webkit-user-select:text}.namebox input:focus{border-color:var(--gold)}.swatches{display:flex;flex-wrap:wrap;gap:.3em;justify-content:center}.sw{width:1.4em;height:1.4em;border:.15em solid #000;cursor:pointer;padding:0}.sw.on,.dz.on{outline:.2em solid #fff}.alloc .pts{margin:.2em 0 .5em}.alloc .left{color:var(--gold);font-size:1.25em}.srow{display:grid;grid-template-columns:5em 2em 2.5em 2em 1fr;grid-template-rows:auto auto;column-gap:.4em;align-items:center;margin-bottom:.5em}.srow .sname{font-size:1.125em}.srow .sval{text-align:center;font-size:1.25em}.step{width:2em;height:2em;font:inherit;font-size:1em;color:#000;background:var(--gold);border:0;cursor:pointer}.step:disabled{background:#2a2440;color:#4a4466;cursor:default}.sbar{position:relative;height:.9em;background:#1a1424;border:.125em solid #000}.sbar span{position:absolute;left:0;top:0;bottom:0}.sbar i{position:absolute;top:-.2em;bottom:-.2em;width:.125em;background:#fff8}.snote{grid-column:2 / 6;font-size:.75em;color:var(--dim);margin-top:.2em}.box .mana{color:var(--mana)}.manarow{margin-top:.6em;padding-top:.5em;border-top:.125em solid #ffffff14}.spips{display:flex;gap:.2em}.spips i{flex:1;height:.9em;max-width:1.2em;background:#1a1424;border:.125em solid #000}.spips i.on{background:var(--mana);box-shadow:inset 0 -.2em #0000004d}.mname{font-size:1.5em!important;margin:.2em 0 0!important}.mini{display:flex;flex-wrap:wrap;justify-content:center;gap:.2em .8em;font-size:1em}.handrow{display:flex;flex-wrap:wrap;gap:.3em;justify-content:center}.chip{font-size:.875em;padding:.15em .4em;border:.125em solid var(--el);background:#15102a}.chip.rand{--el: #6a6290;color:var(--dim)}.rivals{display:grid;grid-template-columns:1fr 1fr;gap:.35em}.rival{display:flex;gap:.5em;align-items:center;padding:.2em .4em;font:inherit;color:var(--ink);text-align:left;background:#15102a;border:.2em solid var(--edge);cursor:pointer}.rival.sel{border-color:var(--gold)}.rival.locked{color:var(--dim)}.rival .face{width:1.8em;height:2.4em;flex:none;transform:scaleX(-1)}.rtext{display:flex;flex-direction:column;gap:.1em;min-width:0}.rname{font-size:1em;white-space:nowrap}.beat{color:var(--life)!important}.rblurb,.rarena{font-size:.8em;color:var(--dim)}.rdetail{margin-top:.5em;padding:.4em .6em;background:#15102a;min-height:6.5em}.rdetail p{margin:.25em 0!important}.rhead{font-size:1.125em!important}.rhead i{font-style:normal;color:var(--dim);font-size:.875em}.rank{float:right;color:var(--gold);font-size:.75em;letter-spacing:.1em}.rdetail .btn{margin:.3em 0 0}.unlock{color:var(--gold)}.slotbar{display:flex;gap:.5em;justify-content:center;margin-bottom:.75em}.slotbtn{font:inherit;font-size:1em;padding:.4em .8em;color:var(--ink);background:#15102a;border:.2em solid var(--el, var(--edge));cursor:pointer}.slotbtn i{font-style:normal;color:var(--dim)}.slotbtn.on{box-shadow:0 0 0 .2em #fff}.slotbtn.clear{color:var(--dim);border-style:dashed}.spellgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;text-align:left}.bspell{display:flex;flex-direction:column;gap:.2em;padding:.4em .5em;font:inherit;color:var(--ink);text-align:left;background:#15102a;border:.2em solid var(--el);border-left-width:.5em;cursor:pointer}.bspell.locked{filter:grayscale(.8) brightness(.6)}.bspell.used{box-shadow:0 0 0 .2em #fff}.bname{font-size:1em}.bmeta{font-size:.75em;color:var(--el)}.bdesc{font-size:.75em;color:var(--dim);line-height:1.2}.spellgrid .empty{grid-column:1 / -1;text-align:center;color:var(--dim)}.pointlines{font-size:1em!important}.pointlines b{color:var(--life)}.panel,.card,.hp,.timer,.pip,.ko,.cost{image-rendering:pixelated}.panel{background:none;border:0;padding:.8em .95em .7em;border-image:url(../art/ui/panel.png) 20 fill / 1.25em stretch}.panel .hp{height:1.4375em;background:none;border:0;border-image:url(../art/ui/hp-track.png) 5 16 fill / .3125em 1em stretch}.panel .hp .fill,.panel .hp .ghost{left:.1875em;top:.25em;bottom:.3125em;max-width:calc(100% - .375em)}.panel .hp .fill{background:url(../art/ui/hp-fill.png) left / 16.75em 100% no-repeat;box-shadow:none}.panel.low .hp .fill{background:url(../art/ui/hp-fill.png) left / 16.75em 100% no-repeat;filter:hue-rotate(-115deg) saturate(1.4)}.panel .hptext{top:.22em}.panel .mana{gap:.15em}.panel .pip{flex:none;width:1.4em;height:1.4em;border:0;background:url(../art/ui/pip-off.png) center / 100% 100% no-repeat;box-shadow:none}.panel .pip.on{background:url(../art/ui/pip-on.png) center / 100% 100% no-repeat;box-shadow:none}.panel .kos .ko{display:inline-block;width:1.2em;height:1.15em;vertical-align:middle;color:transparent;text-shadow:none;background:url(../art/ui/star-off.png) center / contain no-repeat}.panel .kos .ko.on{background-image:url(../art/ui/star-on.png)}.timer{position:relative;height:1.375em;background:none;border:0;border-image:url(../art/ui/timer-track.png) 5 16 fill / .3125em 1em stretch}.timer .fill{position:absolute;left:.375em;top:.25em;bottom:.3125em;height:auto;max-width:calc(100% - .75em);background:url(../art/ui/timer-fill.png) left / 14.25em 100% no-repeat}.timer .fill.urgent{background:url(../art/ui/timer-fill.png) left / 14.25em 100% no-repeat;filter:hue-rotate(-40deg) saturate(1.5)}.card{background:none;border:0;border-image:url(../art/ui/card-cosmic.png) 20 fill / 1.25em stretch}.card.el-fire{border-image-source:url(../art/ui/card-fire.png)}.card.el-water{border-image-source:url(../art/ui/card-water.png)}.card.el-life{border-image-source:url(../art/ui/card-life.png)}.card .cost{left:.3em;top:.3em;width:1.6em;height:1.6em;line-height:1.6em;color:#2a1600;background:url(../art/ui/gem.png) center / 100% 100% no-repeat}.card.b-mana .cost{background:url(../art/ui/gem.png) center / 100% 100% no-repeat;filter:hue-rotate(-45deg) saturate(1.6)}.card.big{padding-left:1.2em;padding-right:1.2em}.card .kind{right:.35em;top:.4em;width:1.4em;height:1.4em;line-height:1.4em;text-align:center;background:#100c1c;box-shadow:0 0 0 .125em var(--el)}.icon{display:block;width:2em;height:2em;flex:none;background:center / 100% 100% no-repeat;image-rendering:pixelated}.card:not(.big){flex-direction:column;justify-content:flex-start;gap:.15em;padding-top:1.05em}.card:not(.big) .icon{width:3em;height:3em}.card:not(.big) .cname{font-size:.875em}.card.big{gap:.35em;padding-top:1.5em}.card.big .icon{width:3em;height:3em}.bspell{display:grid;grid-template-columns:2em 1fr;column-gap:.4em;align-items:center}.bspell .icon{grid-row:1 / 4}.bspell .bname,.bspell .bmeta,.bspell .bdesc{grid-column:2}.box{background:none;border:0;padding:1.6em 2.1em;border-image:url(../art/ui/panel.png) 20 fill / 1.25em round;image-rendering:pixelated}.info{background:none;border:0;padding:.5em 1.1em;border-image:url(../art/ui/panel.png) 20 fill / 1em stretch;image-rendering:pixelated}.slot .pick,.slot .new,.rival,.rdetail{background:none;border:0;border-image:url(../art/ui/panel.png) 20 fill / .75em round;image-rendering:pixelated}.slot .pick,.slot .new{padding:1em .7em}.slot .new{filter:brightness(.75)}.slot .pick:hover,.slot .new:hover,.rival.sel{outline:.15em solid var(--gold);outline-offset:-.15em}.slot .new:hover{filter:none}.rival{padding:.4em .6em}.rdetail{padding:.7em .9em}.peekwrap{position:absolute;top:100%;right:.6em;margin-top:-.2em;display:flex;flex-direction:column;align-items:flex-end;gap:.3em}.peektab{font:inherit;font-size:.75em;letter-spacing:.08em;color:var(--gold);cursor:pointer;padding:.35em .8em .3em;background:#0a0812d9;border:.15em solid var(--edge);border-top:0}.peek{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25em;max-width:19em}.peek[hidden]{display:none}.peekcard{position:relative;width:2.6em;height:2.6em;padding:.3em;font:inherit;cursor:pointer;background:#0a0812d9;border:.15em solid var(--el)}.peekcard .icon{width:100%;height:100%}.peekcard .cost,.peekcard .cd{position:absolute;min-width:1.1em;height:1.1em;line-height:1.15em;font-size:.75em;text-align:center}.peekcard .cost{left:-.3em;top:-.3em;color:#2a1600;background:url(../art/ui/gem.png) center / 100% 100% no-repeat;image-rendering:pixelated}.peekcard .cd{right:-.2em;bottom:-.2em;color:#fff;background:#000c}.peekcard.blocked .icon{filter:grayscale(.8) brightness(.55)}.peekcard.b-mana .cost{filter:hue-rotate(-45deg) saturate(1.6)}.peekcard.found{box-shadow:0 0 .5em var(--el)}.sound{position:absolute;right:.6em;bottom:.6em;z-index:5;width:2.25em;height:2.25em;padding:0;font:inherit;font-size:1.25em;line-height:1;color:var(--gold);cursor:pointer;background:#0a0812b3;border:.1em solid var(--edge)}.sound.off{color:var(--dim)}.pausebtn{position:absolute;right:.6em;bottom:3.6em;z-index:5;width:2.25em;height:2.25em;padding:0;font:inherit;font-size:1.25em;line-height:1;letter-spacing:-.1em;color:var(--gold);cursor:pointer;background:#0a0812b3;border:.1em solid var(--edge)}.pausebtn[hidden]{display:none}.overlay.pause{z-index:4}.overlay.pause .box h2{margin-bottom:.2em}.overlay.pause #quit.really{color:var(--hp-low);box-shadow:inset 0 0 0 .125em var(--hp-low)}