.overlay.svelte-jby388{z-index:999;background-color:#0009;width:100%;height:100%;position:fixed;top:0;left:0}.dialog.svelte-jby388{background-color:var(--bg2);border:2px solid var(--fg1);z-index:1001;width:700px;max-width:95%;max-height:80vh;padding:1.5rem;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.header.svelte-jby388{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.header.svelte-jby388 h2:where(.svelte-jby388){color:var(--fg1);margin:0;font-size:1.25rem}.actions.svelte-jby388{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.help-content.svelte-8t29c9{max-width:100%;color:var(--fg1);font-size:medium;line-height:1.6}.card.svelte-8t29c9{gap:1rem;display:flex}@media (width<=700px){.card.svelte-8t29c9{flex-direction:column;align-items:center}}.description.svelte-8t29c9{border:1px solid var(--bg5);background:var(--bg3);padding:1rem}img.svelte-8t29c9{width:auto;max-height:300px}p.svelte-8t29c9{font-size:medium}.container.svelte-rqfm59{padding:.25rem}.row.svelte-rqfm59{flex-wrap:wrap;gap:.5rem;margin:.25rem;display:flex}.item.svelte-rqfm59{transition:scale .2s ease-out,filter .2s ease-out}.item.selected.svelte-rqfm59{filter:brightness(1.2);scale:1.1}.label.svelte-rqfm59{font-size:1rem;font-weight:700}.container.svelte-y0xue{flex-direction:column;gap:1rem;max-width:400px;padding:1rem;display:flex}.row.svelte-y0xue{align-items:flex-start;gap:1rem;display:flex}.messageBox.svelte-y0xue{border:2px solid var(--fg1);padding:1rem;font-size:large}.messageBox.correct.svelte-y0xue{border-color:var(--green);background-color:var(--green_trans)}.messageBox.incorrect.svelte-y0xue{border-color:var(--red);background-color:var(--red_trans)}@keyframes svelte-y0xue-fadeSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (width<=500px){img.svelte-y0xue{width:80px}}.both.svelte-1rt50m5{--row-height:min(var(--row-height-from-width), var(--row-height-from-height))}.width.svelte-1rt50m5{--row-height:var(--row-height-from-width)}.height.svelte-1rt50m5{--row-height:var(--row-height-from-height)}.mainBoard.svelte-1rt50m5{--rows:7;--cols:5;--row-gap:.25rem;--col-gap:.25rem;--board-pad:.5rem;--card-ratio:calc(59 / 86);--row-height-from-width:calc((100cqw - (2 * var(--board-pad)) - ((var(--cols) - 1) * var(--col-gap))) / (var(--cols) * var(--card-ratio)));--row-height-from-height:calc((100cqh - (2 * var(--board-pad)) - ((var(--rows) - 1) * var(--row-gap))) / var(--rows));grid-template-rows:repeat(5, var(--row-height));gap:var(--row-gap);border:2px solid var(--fg1);width:fit-content;max-width:100%;height:fit-content;max-height:100%;padding:var(--board-pad);display:grid;position:relative}.hand.svelte-1rt50m5{min-width:0;height:var(--row-height);gap:calc(var(--row-height) / 3);transform:translate(calc(-1 * var(--row-height) / 3));justify-content:center;display:flex}.hand.svelte-1rt50m5>div:where(.svelte-1rt50m5){width:0;height:100%;transform-origin:calc((var(--row-height) / 172) * 59) 100%;transform:rotate(calc((var(--idx) - (var(--size) - 1) / 2) * var(--rot))) translateZ(0);position:relative;overflow:visible}.hand.svelte-1rt50m5>div:where(.svelte-1rt50m5) .cardSlot:where(.svelte-1rt50m5){aspect-ratio:59/86;border:none;width:auto;height:100%}.hand.svelte-1rt50m5>div:where(.svelte-1rt50m5) .star:where(.svelte-1rt50m5){border:1px solid var(--fg0)}.flipHand.svelte-1rt50m5>div:where(.svelte-1rt50m5){transform-origin:calc((var(--row-height) / 172) * 59) 0%;transform:rotate(calc((var(--idx) - (var(--size) - 1) / 2) * var(--rot) * -1)) translateZ(0)}.row.svelte-1rt50m5{grid-template-columns:repeat(5, minmax(0, calc(var(--row-height) * var(--card-ratio))));gap:var(--col-gap);width:fit-content;min-width:0;max-width:100%;display:grid}.cardSlot.svelte-1rt50m5,.blank.svelte-1rt50m5{border:1px solid var(--fg0);min-width:0;min-height:0}.cardSlot.svelte-1rt50m5{justify-content:stretch;align-items:stretch;display:flex;position:relative}.card.svelte-1rt50m5,.blank.svelte-1rt50m5{aspect-ratio:59/86;flex:none;align-items:center;width:100%;height:100%;display:flex}.blank.svelte-1rt50m5{border:none}.flip.svelte-1rt50m5{transform:rotate(180deg)}.card.svelte-1rt50m5>img:where(.svelte-1rt50m5){width:100%;height:auto;padding:.25rem .15rem;display:block}.star.svelte-1rt50m5{background-color:var(--bg1);border-bottom:1px solid var(--fg0);border-left:1px solid var(--fg0);gap:.25rem;height:1.5rem;padding:.25rem;display:flex;position:absolute;top:0;right:0}.fieldContainer.svelte-1uha8ag{justify-content:center;align-items:flex-start;width:100%;height:100dvh;max-height:1300px;display:flex}@media screen and (width<=800px){.fieldContainer.svelte-1uha8ag{flex-direction:column;justify-content:flex-start;align-items:center}}.inner.svelte-1uha8ag{flex:2;justify-content:center;align-items:flex-start;height:100%;min-height:0;max-height:100%;display:flex;container-type:size}@media screen and (width<=800px){.inner.svelte-1uha8ag{width:100%}}.wrapper.svelte-1uha8ag{flex:1}@media screen and (width<=400px){.wrapper.svelte-1uha8ag{flex:unset}.inner.svelte-1uha8ag{flex:auto;height:fit-content;container-type:inline-size}.fieldContainer.svelte-1uha8ag{height:auto}}