.page[data-v-46e34665]{margin:2vh 5vw 5vh}.suit[data-v-96fb4a03]{position:relative;width:55px;height:20px}.suit div[data-v-96fb4a03]{position:absolute;top:0;left:0;width:55px;height:20px;background-color:#000}.suit .shape[data-v-96fb4a03]{scale:.9}.suit .border[data-v-96fb4a03]{scale:1 1.1}.suit.shape-0 div[data-v-96fb4a03]{clip-path:path("M 5,10 A 10,10 0 0 1 15,0 H 40 A 10,10 0 0 1 50,10 V 10 A 10,10 0 0 1 40,20 H 10 A 10,10 0 0 1 5,10 Z")}.suit.shape-1 div[data-v-96fb4a03]{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.suit.shape-2 div[data-v-96fb4a03]{clip-path:polygon(0% 0%,0% 20%,12.5% 10%,25% 0%,37.5% 10%,50% 20%,62.5% 10%,75% 0%,87.5% 10%,100% 20%,100% 0%,100% 80%,87.5% 90%,75% 100%,62.5% 90%,50% 80%,37.5% 90%,25% 100%,12.5% 90%,0% 80%,0% 100%)}.suit.color-0 div[data-v-96fb4a03]{background-color:var(--p-button-danger-background)}.suit.color-1 div[data-v-96fb4a03]{background-color:var(--p-button-primary-background)}.suit.color-2 div[data-v-96fb4a03]{background-color:var(--p-button-help-hover-background)}.suit.fill-0 .shape[data-v-96fb4a03]{background-color:var(--card-color)}.suit.fill-1 .shape[data-v-96fb4a03]{background-image:repeating-linear-gradient(to right,transparent,transparent 1px,var(--card-color) 1px,var(--card-color));background-size:3px 3px}.card[data-v-8567f400]{--card-color: var(--p-panel-header-border-color);width:var(--card-width, 63px);height:var(--card-height, 88px);border:1px solid var(--p-button-contrast-active-border-color);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10%;background-color:var(--card-color);cursor:pointer;box-shadow:0 0 5px -1px var(--p-button-contrast-hover-border-color);transition:transform .2s,translate 1s,box-shadow .2s}.card.cards-enter-active[data-v-8567f400]{transition-delay:calc(var(--appear-order, 0) * .1s)}@media (hover: hover){.card[data-v-8567f400]:hover{transform:translateY(-4px)}}.card--selected[data-v-8567f400]{box-shadow:1px 1px 5px 2px var(--p-button-contrast-hover-border-color)}.timer[data-v-18f4b44f]{display:flex;align-items:baseline;background:var(--p-panel-header-border-color);padding:3px 12px;border-radius:32px;width:fit-content;margin:auto}.timer .minutes[data-v-18f4b44f]{font-size:24px}.scores h4[data-v-bcf9155e]{margin-bottom:6px}.scores ol[data-v-bcf9155e]{list-style:decimal;margin-left:20px}.scores .score[data-v-bcf9155e]{max-width:270px;padding:4px}.scores .score .primary[data-v-bcf9155e]{display:flex;justify-content:space-between}.scores .score .meta[data-v-bcf9155e]{font-size:.8em;color:#999}.pie-chart[data-v-47cd055e]{position:relative;aspect-ratio:1/1;border-radius:50%;container-type:inline-size;margin:50px;display:flex;justify-content:center;align-items:center;text-align:center}.pie-chart .part[data-v-47cd055e]{--rotation: calc( -90deg + (var(--data-totalPercent) - (var(--data-percent) / 2)) * 360deg );--offset: -40px;position:absolute;top:50%;left:50%;transform:translate(calc(50cqw + var(--offset)),-50%) rotate(var(--rotation));transform-origin:calc(-50cqw - var(--offset)) 50%}.pie-chart .part .label[data-v-47cd055e]{transform:rotate(calc(-1 * var(--rotation)))}.pie-chart .label[data-v-47cd055e]{background:#fff9;border-radius:4px;padding:5px}.pie-chart .center-label[data-v-47cd055e]{max-width:50%}.tutorial[data-v-e96eb2ba]{text-align:center;text-wrap:balance;position:relative;padding-bottom:calc(var(--card-height) + 50px);container-type:inline-size;width:100%}.tutorial .example-set[data-v-e96eb2ba]{--columns: 3;--max-width: calc(150px * var(--columns));--width: calc(min(100cqw, var(--max-width)) / var(--columns));--card-overlap: max( 0px, calc((var(--card-width) - var(--width))) / var(--columns) );--height: calc(var(--card-height) + 30px);--margin: max(0px, calc((100cqw - var(--max-width)) / 2))}.tutorial .example-set .example-card[data-v-e96eb2ba]{position:absolute;bottom:35px;left:0;translate:calc(var(--x) * (var(--width) - var(--card-overlap)) + max(0px,(var(--width) - var(--card-width)) / 2) + var(--margin)) 0}.tutorial .example-set .set-string[data-v-e96eb2ba]{position:absolute;bottom:0;left:0;right:0;font-size:.8em}.tutorial .example-set .cards-enter-active[data-v-e96eb2ba],.tutorial .example-set .cards-leave-active[data-v-e96eb2ba]{box-shadow:1px 1px 5px 2px var(--p-button-contrast-hover-border-color)}.tutorial .example-set .cards-enter-from[data-v-e96eb2ba]{translate:calc(var(--card-width) * -1) 0}.tutorial .example-set .cards-leave-to[data-v-e96eb2ba]{translate:calc(100cqw + var(--card-width)) 0}.tutorial .example-set .v-enter-active[data-v-e96eb2ba],.tutorial .example-set .v-leave-active[data-v-e96eb2ba]{transition:opacity .4s ease}.tutorial .example-set .v-enter-active[data-v-e96eb2ba]{transition-delay:.2s}.tutorial .example-set .v-enter-from[data-v-e96eb2ba],.tutorial .example-set .v-leave-to[data-v-e96eb2ba]{opacity:0}.void[data-v-4ecd8a15]{--card-width: 79px;--card-height: 110px;overflow:hidden;margin-bottom:20px}.play-area[data-v-4ecd8a15]{--max-width: calc(150px * var(--columns));--width: calc(min(100cqw, var(--max-width)) / var(--columns));--card-overlap: max( 0px, calc((var(--card-width) - var(--width))) / var(--columns) );--height: calc(var(--card-height) + 30px);--margin: max(0px, calc((100cqw - var(--max-width)) / 2));position:relative;container-type:inline-size;height:calc(var(--height) * 3);transform-origin:50% 0}.buttons[data-v-4ecd8a15]{display:flex;gap:10px}.open-card[data-v-4ecd8a15]{position:absolute;top:0;left:0;translate:calc(var(--x) * (var(--width) - var(--card-overlap)) + max(0px,(var(--width) - var(--card-width)) / 2) + var(--margin)) calc(var(--y) * var(--height) + 15px)}.score[data-v-4ecd8a15]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.score[data-v-4ecd8a15]>*{flex:1}.score .right[data-v-4ecd8a15]{text-align:right}section[data-v-4ecd8a15]{padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.modes[data-v-4ecd8a15]{display:flex;gap:20px}@media (max-width: 720px){.modes[data-v-4ecd8a15]{flex-direction:column;text-align:center;max-width:400px}}.modes[data-v-4ecd8a15]>*{flex:1}.modes button[data-v-4ecd8a15]{margin-bottom:10px}.modes p[data-v-4ecd8a15]{color:#999;font-style:italic;font-size:.8em}.high-scores[data-v-4ecd8a15]{display:flex;gap:20px}@media (max-width: 720px){.high-scores[data-v-4ecd8a15]{flex-direction:column}}.high-scores .pie-wrapper[data-v-4ecd8a15]{flex:1;max-width:500px}.high-scores .scores-wrapper[data-v-4ecd8a15]{flex:1;display:flex;gap:10px;flex-direction:column}.cards-enter-active[data-v-4ecd8a15],.cards-leave-active[data-v-4ecd8a15]{z-index:calc(1 + var(--appear-order, 0));box-shadow:1px 1px 5px 2px var(--p-button-contrast-hover-border-color)}.cards-leave-active[data-v-4ecd8a15]{transition-delay:0}.cards-enter-from[data-v-4ecd8a15],.cards-leave-to[data-v-4ecd8a15]{translate:calc((min(100cqw,var(--max-width)) - var(--card-width)) / 2 + var(--margin)) calc(var(--height) * 3 + 100px)}#app{min-height:100vh;font-size:18px;overflow:hidden;font-family:system-ui}.toast{font-family:system-ui}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}h4{font-size:20px}h3{font-size:24px}h2{font-size:32px}h1{font-size:48px}a{font-weight:700;text-decoration:none}a:hover{text-decoration:underline}