@charset "UTF-8";:root{--ink: #111;--paper: #fbfaf6;--mid: #888;--hatch: repeating-linear-gradient(45deg, var(--ink) 0 1px, transparent 1px 5px);--hatch-light: repeating-linear-gradient(45deg, #bbb 0 1px, transparent 1px 6px);--font: "Patrick Hand", "Comic Sans MS", "Segoe Print", system-ui, sans-serif;--fire: #ffe1d6;--water: #d9ecff;--grass: #e6f2d4;--lightning: #fff4c2;--psychic: #f1e0ff;--fighting: #f3e2d3;--darkness: #e0dde6;--metal: #e4e8ec;--dragon: #e2e0ff;--colorless: #f4f0dc}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#e9e7e1;color:var(--ink);font-family:var(--font);display:flex;justify-content:center;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{opacity:.35;cursor:default}.sk{position:relative}.sk:before{content:"";position:absolute;inset:0;pointer-events:none;border:2px solid var(--ink);border-radius:inherit;filter:url(#rough)}.sk.thin:before{border-width:1.5px}.battle{position:relative;width:100%;max-width:430px;height:100dvh;background:var(--paper);display:grid;grid-template-rows:40px 34px minmax(170px,1.1fr) auto minmax(160px,1fr) 60px auto auto;padding:max(6px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom));overflow:hidden;-webkit-user-select:none;user-select:none}@media(min-width:500px){body{padding:16px 0}.battle{height:min(100dvh - 32px,900px);border-radius:28px;box-shadow:0 0 0 8px #222,0 18px 40px #00000040}}.hud{display:flex;align-items:center;justify-content:space-between;font-size:18px;padding:0 2px}.turn{display:flex;gap:8px}.pill{padding:1px 10px;border-radius:999px;font-size:15px}.pill.solid{background:var(--ink);color:var(--paper)}.iconbtn{width:32px;height:32px;border-radius:8px;font-size:18px;display:grid;place-items:center}.ticker{display:flex;flex-direction:column;justify-content:center;text-align:left;font-size:12px;line-height:1.25;color:#555;overflow:hidden;padding:0 4px}.ticker span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker span:last-child{color:var(--ink)}.row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:end;padding:2px 0;min-height:0}.unit{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;padding:4px 2px;border-radius:12px;transition:opacity .15s}.unit.dimmed{opacity:.45}.unit.dead{opacity:.25;filter:grayscale(1)}.unit.targetable{cursor:pointer;background:repeating-linear-gradient(45deg,rgba(0,0,0,.06) 0 2px,transparent 2px 7px);outline:2px dashed var(--ink);outline-offset:-2px}.figure{width:72px;height:72px;position:relative}.figure svg{width:100%;height:100%;overflow:visible;filter:url(#rough)}.figure .body{fill:var(--paper);stroke:var(--ink);stroke-width:2.5}.figure .body.hatched{fill:url(#hatch)}.figure .eye{fill:var(--ink)}.unit.acting .figure .body{stroke-width:4}.block-badge{position:absolute;bottom:0;right:-6px;background:var(--paper);border:1.5px solid var(--ink);border-radius:8px;font-size:13px;padding:0 4px}.name{font-size:15px;line-height:1;display:flex;align-items:center;gap:4px;white-space:nowrap}.hp{width:92%;max-width:100px;height:11px;border-radius:3px;overflow:hidden;position:relative}.hp>i{position:absolute;inset:2px auto 2px 2px;background:var(--hatch);border-radius:1px;transition:width .3s}.hp-text{font-size:12px;line-height:1}.types{display:flex;gap:3px}.type{font-size:12px;line-height:1;padding:2px 5px 1px;border-radius:99px}.tags{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;min-height:16px}.tag{font-size:11px;line-height:1;padding:2px 4px 1px;border-radius:4px}.tag.inv{background:var(--ink);color:var(--paper)}.intent{font-size:12px;padding:1px 6px;border-radius:10px;white-space:nowrap;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.owner{width:15px;height:15px;border-radius:50%;font-size:9px;display:inline-grid;place-items:center;line-height:1;background:var(--ink);color:var(--paper);flex:none}.pool{border-radius:14px;margin:2px 0;padding:6px 8px 3px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center}.pool-head{grid-row:span 2;display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px}.pool-head span{font-size:11px;letter-spacing:.12em;color:var(--mid)}.pool-head b{font-weight:400;font-size:22px}.pool-head em{font-style:normal;font-size:12px;color:var(--mid)}.pips-row{display:grid;gap:3px;align-items:center}.pip{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;line-height:1;border:2px solid var(--ink);background:var(--paper)}.pip-plain:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink)}.pip-fire{background:var(--fire)}.pip-water{background:var(--water)}.pip-grass{background:var(--grass)}.pip-lightning{background:var(--lightning)}.pip-psychic{background:var(--psychic)}.pip-fighting{background:var(--fighting)}.pip-darkness{background:var(--darkness)}.pip-metal{background:var(--metal)}.pip.empty{border:1.5px dashed #aaa;background:none}.pip.spend{animation:blink 1.2s ease-in-out infinite;box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--ink)}@keyframes blink{50%{opacity:.35}}.pool-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--mid);line-height:1}.actions{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.stack{width:40px;height:50px;border-radius:6px;display:grid;place-items:center;font-size:14px;line-height:1;text-align:center;background:var(--paper);box-shadow:3px 3px 0 -1px var(--paper),3px 3px 0 1px var(--ink)}.stack small,.btn small{display:block;font-size:10px;color:var(--mid)}.right-actions{display:flex;gap:6px}.btn{height:44px;min-width:52px;padding:0 12px;border-radius:10px;display:grid;place-items:center;font-size:16px;line-height:1;text-align:center}.btn.primary{background:var(--ink);color:var(--paper)}.inspect{border-radius:10px;padding:6px 10px;margin-top:4px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:14px;line-height:1.2;min-height:64px;align-content:center}.inspect h3{font-weight:400;font-size:18px;line-height:1;display:flex;align-items:center;gap:6px}.inspect .cost{justify-self:end;font-size:16px}.inspect p{grid-column:1/-1}.hint{color:var(--mid);font-size:12px}.hint.warn{color:#b3261e}.hint.idle{text-align:center}.hand{display:flex;justify-content:center;align-items:flex-end;padding:18px 0 2px}.card{width:calc((100% + 40px) / 6);flex:none;aspect-ratio:5/8;border-radius:7px;background:var(--paper);display:flex;flex-direction:column;padding:4px 3px 3px;gap:2px;text-align:center;transition:transform .12s}.card+.card{margin-left:-8px}.card:nth-child(odd){transform:rotate(-1.5deg)}.card:nth-child(2n){transform:rotate(1.5deg) translateY(2px)}.card.selected{transform:translateY(-16px) scale(1.06);z-index:2}.card.selected:before{border-width:3.5px}.card.unaffordable{opacity:.45}.card .top{display:flex;gap:3px;align-items:center;height:16px;font-size:11px;line-height:1}.card .gen{padding:1px 3px;border:1.5px dashed var(--ink);border-radius:4px;white-space:nowrap}.card .costn{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;background:var(--paper)}.card .art{flex:1;border-radius:4px;display:grid;place-items:center;font-size:20px;background:var(--hatch-light)}.card .cname{font-size:12px;line-height:1;min-height:24px;display:grid;place-items:center;padding-right:6px}.c-fire .art{background-color:var(--fire)}.c-water .art{background-color:var(--water)}.c-grass .art{background-color:var(--grass)}.c-dragon .art{background-color:var(--dragon)}.c-metal .art{background-color:var(--metal)}.c-colorless .art{background-color:var(--colorless)}.overlay{position:absolute;inset:0;background:#00000059;display:grid;place-items:center;z-index:10;padding:16px}.sheet{background:var(--paper);border-radius:16px;padding:16px;width:100%;max-height:80%;display:flex;flex-direction:column;gap:8px}.sheet h2{font-weight:400;font-size:26px}.sheet .log{overflow:auto;font-size:14px;line-height:1.35;white-space:pre}.sheet.end{align-items:center;text-align:center;max-width:280px}.marks{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:2px;z-index:2}.marks b{width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-weight:400;font-size:14px}.pip{position:relative}.pip.added{border-style:dashed}.pip.used{opacity:.4}.pip.burned{opacity:.4;background-image:linear-gradient(45deg,transparent 45%,var(--ink) 45% 55%,transparent 55%)}.pip sub{position:absolute;right:-4px;bottom:-5px;font-size:10px;line-height:1;background:var(--ink);color:var(--paper);border-radius:50%;width:13px;height:13px;display:grid;place-items:center;opacity:1}.qslots{display:flex;gap:4px;align-items:stretch;justify-content:center;min-width:0}.qslot{flex:1;min-width:0;max-width:84px;height:52px;border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:12px;line-height:1;position:relative;padding:3px;background:var(--paper)}.qslot.empty{color:#bbb;font-size:18px}.qslot.empty:before{border-style:dashed}.qslot .qnum{position:absolute;top:-6px;left:-4px;width:15px;height:15px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:10px;display:grid;place-items:center}.qslot .owner{position:absolute;top:3px;right:3px;width:13px;height:13px;font-size:8px}.qslot .qname{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qslot .qpay{font-size:10px;display:flex;gap:1px;align-items:center}.qslot .qpay b{font-weight:400;background:var(--ink);color:var(--paper);border-radius:3px;padding:0 2px}.qslot .qpay i{color:var(--mid)}.qslot.c-fire{background:var(--fire)}.qslot.c-water{background:var(--water)}.qslot.c-dragon{background:var(--dragon)}.qslot.c-colorless{background:var(--colorless)}.qslot.c-metal{background:var(--metal)}.qslot.c-grass{background:var(--grass)}.btn.go{min-width:58px;font-size:18px;letter-spacing:.05em}.card .dmg{font-size:11px;line-height:1}