*{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent;--sc: min(1dvw, 9 / 16 * 1dvh) ;--border-radius-card: calc(var(--sc) * 2);--width-card-border: calc(var(--sc) * 1);--color-draggable: rgb(121 255 96);--color-outline-tile-drag-hover: var(--color-draggable);--color-drop-shadow: rgba(0, 0, 0, .288);--hearts: hsl(0, 79%, 42%);--diamonds: hsl(54, 100%, 35%);--spades: hsl(244, 53%, 46%);--clubs: hsl(108, 47%, 39%)}html{overflow:hidden}body{width:100dvw;height:100dvh;margin:0;padding:0;overflow:hidden;display:block;font-family:Comic Sans MS,Comic Sans,monospace;font-style:italic;color:#2f3a8e;background:repeating-linear-gradient(-45deg,#ebecff,#ebecff calc(var(--sc) * 3),#e5e5f7 calc(var(--sc) * 3) calc(var(--sc) * 6))}.hearts{color:var(--hearts);fill:var(--hearts)}.diamonds{color:var(--diamonds);fill:var(--diamonds)}.spades{color:var(--spades);fill:var(--spades)}.clubs{color:var(--clubs);fill:var(--clubs)}.rank{font-family:monospace;font-weight:700}.text-icon{width:1.18em;height:1.18em}.container-for-icon{white-space:nowrap;line-height:0;vertical-align:bottom;display:inline-block}.deck-box{border-radius:calc(var(--sc) * 1);background-color:#add9a9;outline-style:solid;outline-color:#fff;outline-width:var(--sc)}:not(.shadow)>svg>.sticker-outline-back{display:none}.shadow .sticker-outline-back{stroke:#fff;stroke-width:400px;stroke-linejoin:round;paint-order:stroke}.shadow .sticker-outline-back.shrink-wrapped{stroke-width:200px}.sticker-outline{--shadow-color: rgb(221, 221, 221);--curve-shadow-color: black;--backside-color: rgb(232, 232, 232);stroke:#fff;stroke-width:200px;stroke-linejoin:round;paint-order:stroke}.sticker-outline.shrink-wrapped{stroke-width:0}.shadow .sticker-content,.backside .sticker-content{display:none}.dragged .sticker-outline{filter:drop-shadow(0 0 calc(var(--sc) * 10) var(--color-drop-shadow))}@media (pointer: none),(pointer: coarse){.dragged .sticker-outline{filter:none}}@property --sticker-override-color{syntax: "<color>"; initial-value: none; inherits: true;}.shadow .sticker-outline{--sticker-override-color: var(--shadow-color);stroke:var(--shadow-color);filter:none}.backside .sticker-outline{--sticker-override-color: var(--backside-color);stroke:var(--backside-color);filter:none}.curve-shadow .sticker-outline{--sticker-override-color: var(--curve-shadow-color);stroke:var(--curve-shadow-color);filter:none}.float-animation{transition:--float-angle-amount .5s ease-in-out,animation-duration .5s ease-in-out,--float-perspective-amount .5s ease-in-out;transform:perspective(calc(var(--float-perspective-amount) * 1px)) rotateX(calc(cos(var(--angle) * 360deg) * var(--float-angle-amount) * 1rad)) rotateY(calc(sin(var(--angle) * 360deg) * var(--float-angle-amount) * 1rad));animation-name:floaty-card;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--float-animation-duration-seconds) * 1s);animation-delay:calc(var(--float-animation-delay-seconds) * 1s)}@property --float-perspective-amount{syntax: "<number>"; initial-value: 0; inherits: true;}@property --float-animation-duration-seconds{syntax: "<number>"; initial-value: 0; inherits: true;}@property --float-animation-delay-seconds{syntax: "<number>"; initial-value: 0; inherits: true;}@property --float-angle-amount{syntax: "<number>"; initial-value: 0; inherits: true;}@property --angle{syntax: "<number>"; initial-value: 0; inherits: false;}@property --arrow-angle{syntax: "<angle>"; initial-value: 0; inherits: false;}@property --button-angle{syntax: "<angle>"; initial-value: 0; inherits: false;}@property --radius{syntax: "<length>"; initial-value: 0px; inherits: true;}@keyframes floaty-card{0%{--angle: 0}to{--angle: 1}}button:not(:disabled){cursor:pointer}.continue-button,.continue-button-text{font-size:calc(var(--sc) * 5);font-family:Comic Sans MS,Comic Sans,monospace;font-style:italic;font-weight:900;border:none;background:none;color:#433bb4a1;text-shadow:0 0 calc(var(--sc) * 4) rgb(247,211,207)}.continue-button{--button-angle: 0deg;padding:calc(var(--sc) * 4);border-radius:calc(var(--sc) * 4);border-radius:20%;display:block;filter:drop-shadow(0 calc(var(--sc) * .25) calc(var(--sc) * .25) var(--color-drop-shadow)) drop-shadow(0 calc(var(--sc) * 2) 0 var(--color-drop-shadow));transform:translate(-50%,-50%) rotate(var(--button-angle));transition:transform calc(var(--ms-transition-max) * .3) ease-in-out;will-change:transform}.continue-button:before{content:"";pointer-events:none;border-radius:calc(var(--sc) * 4);width:100%;height:100%;display:block;position:absolute;background:#e58c8c;top:50%;left:70%;transform:translate(-50%,-50%);z-index:-10}.continue-button:after{content:"";pointer-events:none;border-radius:calc(var(--sc) * 4);width:100%;height:100%;display:block;position:absolute;background:#ef9696;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-10}.continue-button:not(:disabled):hover{transform:translate(-50%,-50%) rotate(calc(var(--button-angle) + 12deg))}.continue-button.encounter{position:absolute;top:calc(var(--sc) * 35);left:50%}.continue-button.reroll{position:absolute;left:50%;top:calc(var(--sc) * 163);padding:calc(var(--sc) * 2) calc(var(--sc) * 6);display:flex;flex-direction:column}.continue-button:disabled:before{filter:saturate(0)}.continue-button:disabled:after{filter:saturate(0)}.boring-button{background:#dcdeea;border-radius:calc(var(--sc) * 2);padding:calc(var(--sc) * 2) calc(var(--sc) * 4);font-size:1em;border:calc(var(--sc) * .5) solid rgb(176,178,188)}.boring-button:hover{background:#f0f0f0;border-color:#d1d3db}.boring-button:disabled{background:#ebecf0;border-color:#dee0e8}.note-paper-background{--grid-width: calc(var(--sc) * 100);--grid-height: calc(var(--sc) * 6);--grid-strength: calc(var(--sc) * .5);--grid-dash: calc(var(--sc) * 2);--grid-gap: 0px;--grid-color: #ddd;--paper-color: #f9f9f9;transform:translateZ(0);background-color:var(--paper-color);background-size:var(--grid-gap) var(--grid-gap),var(--grid-width) var(--grid-height);background-image:linear-gradient(to bottom,transparent var(--grid-dash),var(--paper-color) var(--grid-dash)),linear-gradient(to right,var(--grid-color) var(--grid-strength),transparent var(--grid-strength)),linear-gradient(to right,transparent var(--grid-dash),var(--paper-color) var(--grid-dash)),linear-gradient(to bottom,var(--grid-color) var(--grid-strength),transparent var(--grid-strength))}.legal-paper-background{--grid-width: calc(var(--sc) * 200);--grid-height: calc(var(--sc) * 6);--grid-strength: calc(var(--sc) * .5);--grid-dash: calc(var(--sc) * 2);--grid-gap: calc(var(--sc) * 2);--grid-color: rgba(135, 161, 214, .5);--grid-vertical-color: rgb(214, 135, 135);--paper-color: #f1ec96;transform:translateZ(0);background-color:var(--paper-color);background-size:var(--grid-gap) var(--grid-gap),var(--grid-width) var(--grid-height);background-position:0 0,calc(var(--sc) * -185) 0;background-repeat:repeat,repeat;background-image:linear-gradient(to bottom,transparent var(--grid-dash),var(--paper-color) var(--grid-dash)),linear-gradient(to right,var(--grid-vertical-color) calc(var(--grid-strength) * 2),transparent var(--grid-strength)),linear-gradient(to right,transparent var(--grid-dash),var(--paper-color) var(--grid-dash)),linear-gradient(to bottom,var(--grid-color) var(--grid-strength),transparent var(--grid-strength))}.graph-paper-background{--grid-width: calc(var(--sc) * 3);--grid-height: calc(var(--sc) * 3);--grid-strength: calc(var(--sc) * .5);--grid-dash: calc(var(--sc) * 1);--grid-gap: calc(var(--sc) * 1);--grid-color: rgba(135, 161, 214, .219);--paper-color: #eeecce;transform:translateZ(0);background-color:var(--paper-color);background-position:center;background-size:var(--grid-width) var(--grid-height);background-image:linear-gradient(to right,var(--grid-color) var(--grid-strength),transparent var(--grid-strength)),linear-gradient(to bottom,var(--grid-color) var(--grid-strength),transparent var(--grid-strength))}.construction-paper-background{filter:url(#construction-paper-filter);background-color:#87b1de;transform:translateZ(0)}.sticker-collection-container.card-stickers .sticker-back.shadow:before{content:"";width:160%;height:160%;top:-30%;left:-30%;display:block;position:absolute;z-index:-1;background-color:#add9a9}.sticker-collection-container app-sticker-display>.container-outer{filter:drop-shadow(0 calc(var(--sc) * .5) 0 var(--color-drop-shadow))}.sticker-collection-container .sticker-collection-tape{position:absolute;width:calc(var(--sc) * 12);height:calc(var(--sc) * 6);-webkit-backdrop-filter:blur(calc(var(--sc) * .25));backdrop-filter:blur(calc(var(--sc) * .25));background:#dddeec83;border:calc(var(--sc) * .5) solid rgba(0,0,0,.08);filter:url(#crumpled-filter)}.sticker-collection-lock{fill:#ff9f19;stroke:#a86f1f;stroke-width:180px;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke;overflow:visible}.sticker-collection-container .sticker-collection-lock{position:absolute;width:calc(var(--sc) * 12);height:calc(var(--sc) * 12);cursor:pointer}.sticker-collection-container .sticker-collection-paperclip{position:absolute;width:calc(var(--sc) * 24);height:calc(var(--sc) * 24);--color-paperclip: rgb(141, 141, 141);fill:var(--color-paperclip);stroke:var(--color-paperclip);stroke-width:16px;paint-order:stroke;overflow:visible;pointer-events:none}