.Card{background-color:var(--card-background);border:var(--stroke-width) solid var(--ui-primary);border-radius:.6rem;padding:.8rem;display:flex;justify-content:center;width:100%;height:100%;transition:transform .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent}.Card--selected{transform:translate(-4px,-4px);box-shadow:8px 8px #5553}.Symbols{aspect-ratio:5 / 3;max-width:100%;max-height:100%;display:flex;justify-content:center}.Symbols__svg{overflow:visible;-webkit-transform:translate(0px,0px)}.Symbols--red{--symbol-colour: var(--red)}.Symbols--green{--symbol-colour: var(--green)}.Symbols--blue{--symbol-colour: var(--blue)}.Symbols--one .Symbols__spacer-outer{flex-basis:35%}.Symbols--one .Symbols__outer,.Symbols--one .Symbols__spacer-inner{display:none}.Symbols--one .Symbols__centre{flex-basis:30%}.Symbols--two .Symbols__spacer-outer{flex-basis:17.5%}.Symbols--two .Symbols__outer{flex-basis:30%}.Symbols--two .Symbols__spacer-inner{flex-basis:2.5%}.Symbols--two .Symbols__centre,.Symbols--three .Symbols__spacer-outer{display:none}.Symbols--three .Symbols__outer,.Symbols--three .Symbols__centre{flex-basis:30%}.Symbols--three .Symbols__spacer-inner{flex-basis:5%}.Field{flex:1 0;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;min-height:0}.Field__items{--cols: 3;--rows: 4;display:flex;flex-wrap:wrap;gap:1rem;min-height:0;height:calc((100% - 6rem) / 7 * var(--rows) + (var(--rows) * 1rem + 1rem))}.Field--fifteen-cards{--rows: 5}.Field--eighteen-cards{--rows: 6}.Field--twentyone-cards{--rows: 7}.Field__card-slot{height:calc((100% - (var(--rows) - 1) * 1rem) / var(--rows));width:calc((100% - (var(--cols) - 1) * 1rem) / var(--cols));position:relative}.Field__placeholder{z-index:-1;position:absolute;border-radius:.6rem;width:100%;height:100%;border:var(--stroke-width) dashed transparent;transition-property:border-color;transition-delay:.25s;transition-timing-function:step-start}.Field__placeholder--visible{border-color:var(--ui-primary);transition-delay:0s!important}:root{--ui-primary: #656565;--ui-secondary: #C1D8D8;--ui-complement: #FFFFFF;--card-background: #FFFFFF;--placeholder-background: #e9e9e9;--card-shadow: rgba(85, 85, 85, .2);--red: #ED7082;--green: #8CDBC2;--blue: #80C9FA;--selected: #F7CE76;--valid: var(--blue);--invalid: var(--red);--stroke-width: 1px;font-family:Work Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:10px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media (max-width: 320px){:root{font-size:9px}}.Game{height:100%;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.SetsIcon,.StackIcon{aspect-ratio:3 / 4;position:relative;align-self:stretch;height:100%}.SetsIcon__card{width:calc(100% * (2 / 3));height:calc(100% * (5 / 7));background-color:var(--card-background);border:var(--stroke-width) solid var(--ui-primary);border-radius:.3rem;position:absolute}.SetsIcon__card--bottom{z-index:3;left:0;bottom:0}.SetsIcon__card--centre{z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.SetsIcon__card--top{z-index:1;right:0;top:0}.StackIcon__card{width:calc(100% * (2 / 3));height:calc(100% * (5 / 7));background-color:var(--card-background);border-radius:.3rem;position:absolute}.StackIcon__card--foreground{border:var(--stroke-width) solid var(--ui-primary);z-index:2;bottom:0;left:0;margin-bottom:.1rem;margin-left:.1rem}.StackIcon__card--background{border:var(--stroke-width) dashed var(--ui-primary);z-index:1;top:0;right:0;margin-top:.1rem;margin-right:.1rem}.SquareButton{border-radius:.6rem;border:none;border:var(--stroke-width) solid var(--ui-primary);height:4rem;width:4rem;padding:0;font-size:2.2rem;font-weight:500;font-family:inherit;font-style:inherit;color:var(--ui-complement);background-color:var(--ui-primary);cursor:pointer;transition:background-color .25s,color .25s;-webkit-tap-highlight-color:transparent}@media (hover: hover){.SquareButton:hover:not([disabled]){color:var(--ui-primary);background-color:var(--ui-complement)}}.SquareButton:focus-visible:not([disabled]){border:var(--stroke-width) solid var(--selected)}.SquareButton[disabled]{background-color:var(--ui-complement);border:var(--stroke-width) dashed var(--ui-primary);cursor:default}.TopBar{display:flex;justify-content:space-between;gap:1rem}.TopBar__status{display:flex;gap:1rem}.CounterField{color:var(--ui-primary);padding:.5rem .5rem .5rem .6rem;font-size:2.2rem;border:var(--stroke-width) solid var(--ui-primary);border-radius:.6rem;width:7rem;height:4rem;display:flex;gap:.5rem;align-items:center;justify-content:space-between}.CounterField__value{flex-grow:1;text-align:center}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:100;src:url(/fonts/WorkSans-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:italic;font-weight:100;src:url(/fonts/WorkSans-ThinItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:200;src:url(/fonts/WorkSans-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:italic;font-weight:200;src:url(/fonts/WorkSans-ExtraLightItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:300;src:url(/fonts/WorkSans-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:italic;font-weight:300;src:url(/fonts/WorkSans-LightItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:400;src:url(/fonts/WorkSans-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:italic;font-weight:400;src:url(/fonts/WorkSans-Italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:500;src:url(/fonts/WorkSans-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:italic;font-weight:500;src:url(/fonts/WorkSans-MediumItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:600;src:url(/fonts/WorkSans-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:italic;font-weight:600;src:url(/fonts/WorkSans-SemiBoldItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:700;src:url(/fonts/WorkSans-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:italic;font-weight:700;src:url(/fonts/WorkSans-BoldItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:800;src:url(/fonts/WorkSans-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:italic;font-weight:800;src:url(/fonts/WorkSans-ExtraBoldItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:900;src:url(/fonts/WorkSans-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:italic;font-weight:900;src:url(/fonts/WorkSans-BlackItalic.woff2) format("woff2")}body{margin:0;padding:0;height:100%;position:fixed;inset:0;overflow:hidden}#root{height:100%}*{box-sizing:border-box}