*,:before,:after{box-sizing:border-box}*{font:inherit;line-height:inherit;margin:0;padding:0;color:inherit;border-color:currentcolor}html{-webkit-text-size-adjust:100%;font-size:100%;line-height:1.25;font-family:system-ui;font-synthesis:none;overflow-wrap:break-word;text-box-trim:trim-both;text-box-edge:cap alphabetic}b,strong{font-weight:bolder}i,em{font-style:italic}code,kbd,samp,pre{font-family:ui-monospace,monospace}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img,picture,svg,canvas{max-inline-size:100%;block-size:auto;display:block}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:"Avona Serif";src:url(/assets/AvonaSerif-DreJxtta.ttf) format("truetype-variations")}html{font-family:"Avona Serif",ui-serif,serif;font-feature-settings:"liga"}html{background-color:#fff;color:#000;line-height:133.333333%}.card{--border-width: 2px;left:var(--slot-margin);top:var(--slot-margin);width:var(--card-width);height:var(--card-height);border-radius:var(--card-rounding);z-index:1;border:var(--border-width) solid black;padding:calc(.5em - var(--border-width));color:#000;background-color:#fff;display:grid;gap:.25em 0;grid-template-columns:1fr 1fr;grid-template-rows:min-content min-content minmax(0,1fr);grid-template-areas:"strength   health" "name       name" "content    content"}.card.hostile{background-color:#f08080}.card .stats{display:contents}.stats .strength,.stats .health{display:flex;flex-direction:column-reverse;gap:.125em}.stats .strength{grid-area:strength;text-align:left}.stats .health{grid-area:health;text-align:right}.stats dd{font-size:2.75em;line-height:.81818181em;font-weight:1000;font-feature-settings:"ss01";font-family:Avona;border-bottom:1px solid}.card .name{grid-area:name;font-size:1em;line-height:1em;font-weight:800;font-feature-settings:"ss01";font-family:Avona;margin-top:.25em}.card .effect-icons{grid-row:1;grid-column:1/-1;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;display:none}.card .effect-icons li{font-size:1.5em;width:.5em;line-height:.5em;text-align:center;font-weight:800}.card .effects{grid-area:content;display:flex;flex-direction:column}.card:not(.grabbed) :where(.name,.effects){opacity:0}.card .effects li{list-style:none;font-weight:300}.card .effects li.empty{opacity:.618;font-weight:100}.card .portrait{position:absolute;left:0;bottom:0;width:100%;height:100%;transform-origin:bottom right;transition:transform 91ms ease-out}.card.grabbed .portrait{transform:translate(50%,14.6%)}.grabbed,.dragged{z-index:2;cursor:grabbing;filter:drop-shadow(0 0 .25em black)}.hovered:not(.grabbed,.dragged){filter:drop-shadow(0 0 .25em blue)}#party-view{display:grid;grid-template-rows:1fr;grid-template-areas:"end-turn";align-items:center;margin:0 1rlh 0 0;gap:1rlh}@media (max-aspect-ratio: .9){#party-view{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"end-turn";margin:1rlh 0 0;justify-items:center;align-items:start}}#end-turn{grid-area:end-turn;border-radius:1rlh;padding:.75rlh;cursor:pointer;font-weight:800;font-size:1rlh;pointer-events:all;background-color:#fff;border:1px solid transparent;filter:drop-shadow(0 .125rlh 0 black) drop-shadow(0 1px 2px black);transition:filter .2s var(--slide-easing)}#end-turn:active{color:#000;filter:drop-shadow(0 0 1px black)}html{--slide-easing: cubic-bezier(0, .764, 0, .764)}body{min-height:100vh;display:grid;place-content:center;contain:paint}#table{--board-width: 1;--board-height: 1;--width: var(--board-width);--height: var(--board-height);--card-aspect-ratio: 1.333333;--slot-margin: min(calc(1.5dvh / var(--height)), calc((1.5vw / var(--width)) * var(--card-aspect-ratio)));--board-margin: calc(var(--slot-margin) * 8);--top-tray: 0rlh;--bottom-tray: 0rlh;--left-tray: 5rlh;--right-tray: 5rlh;--top-margin: max(env(safe-area-inset-top, var(--board-margin)), var(--board-margin));--bottom-margin: max(env(safe-area-inset-bottom, var(--board-margin)), var(--board-margin));--left-margin: max(env(safe-area-inset-left, var(--board-margin)), var(--board-margin));--right-margin: max(env(safe-area-inset-right, var(--board-margin)), var(--board-margin));--top-space: calc(var(--top-margin) + var(--top-tray));--bottom-space: calc(var(--bottom-margin) + var(--bottom-tray));--left-space: calc(var(--left-margin) + var(--left-tray));--right-space: calc(var(--right-margin) + var(--right-tray));--slot-height: min( calc((100dvh - var(--top-space) - var(--bottom-space)) / var(--height)), calc((100vw - var(--left-space) - var(--right-space)) / var(--width) * var(--card-aspect-ratio)) );--slot-width: calc(var(--slot-height) / var(--card-aspect-ratio));--optimal-slot-width: min(9rlh, 100vw - var(--left-space) - var(--right-space));--optimal-slot-height: calc(var(--optimal-slot-width) * var(--card-aspect-ratio));--card-font-size: calc(var(--card-width) / 9);--card-rounding: calc(var(--card-height) * .056);--card-width: calc(var(--slot-width) - var(--slot-margin) * 2);--card-height: calc(var(--slot-height) - var(--slot-margin) * 2);width:calc(var(--slot-width) * var(--width) + var(--left-space) + var(--right-space));height:calc(var(--slot-height) * var(--height) + var(--top-space) + var(--bottom-space));padding-top:var(--top-margin);padding-bottom:var(--bottom-margin);padding-left:var(--left-margin);padding-right:var(--right-margin);display:grid;grid-template-areas:".          .     ." "party-tray board deck-tray" ".          .     .";grid-template-columns:calc(var(--left-space) - var(--left-margin)) 1fr calc(var(--right-space) - var(--right-margin));grid-template-rows:calc(var(--bottom-space) - var(--bottom-margin)) 1fr calc(var(--bottom-space) - var(--bottom-margin));pointer-events:none;user-select:none}@media (max-aspect-ratio: .9){#table{--top-tray: 3rlh;--bottom-tray: 3rlh;--left-tray: 0rlh;--right-tray: 0rlh;grid-template-areas:". deck-tray ." ". board      ." ". party-tray  ."}}#party-view{grid-area:party-tray}#deck-view{grid-area:deck-tray}#board{grid-area:board;width:calc(var(--slot-width) * var(--width));height:calc(var(--slot-height) * var(--height));place-self:center}.rect{visibility:hidden;background-color:#ff000061;width:var(--slot-width);height:var(--slot-height)}#slot-rect,#optimal-slot-rect{position:absolute}#optimal-slot-rect{width:var(--optimal-slot-width);height:var(--optimal-slot-height)}.slot,.card{touch-action:none;font-size:var(--card-font-size);line-height:calc(var(--card-font-size) * 1.2);position:absolute;pointer-events:all;contain:strict;transition:filter .15s var(--slide-easing)}[data-grabbable=true]{cursor:grab;touch-action:manipulation}.slot>*,.card>*{pointer-events:none}.slot{border:.5px solid;left:0;top:0;width:var(--slot-width);height:var(--slot-height)}#deck-view{display:grid;grid-template-rows:1fr min-content 1fr;grid-template-areas:"something" "deck" "cards";align-items:center;padding:0 .5rlh;gap:1rlh}@media (max-aspect-ratio: .9){#deck-view{grid-template-columns:1fr min-content 1fr;grid-template-rows:auto;grid-template-areas:"something deck cards";padding:.5rlh 0;justify-items:center;align-items:end;align-content:end}}#deck-rect{grid-area:deck}