@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.intro-curtain{z-index:100;animation-duration:var(--intro-half);background:#000;animation-fill-mode:both;position:fixed;inset:0}.intro-curtain[data-phase=out]{animation-name:intro-darken;animation-timing-function:ease-in}.intro-curtain[data-phase=in]{animation-name:intro-lighten;animation-timing-function:ease-out}@keyframes intro-darken{0%{opacity:0}to{opacity:1}}@keyframes intro-lighten{0%{opacity:1}to{opacity:0}}.rag-btn{isolation:isolate;width:var(--rag-btn-w,min(82vw, 21rem));min-height:calc(var(--rag-btn-w,min(82vw, 21rem)) / 4.4);color:#fff;font-family:var(--font-ui);font-synthesis:none;letter-spacing:.1em;text-align:center;text-transform:uppercase;filter:drop-shadow(0 3px 0 var(--a)) drop-shadow(0 0 6px color-mix(in srgb, var(--a) 55%, transparent));cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:.6rem 2rem .8rem;font-size:clamp(1.2rem,.9rem + 1.3vw,1.7rem);font-weight:400;line-height:1.2;transition:transform .12s ease-out,filter .12s ease-out;display:inline-flex;position:relative}.rag-btn:before{content:"";z-index:-1;background:50%/100% 100% no-repeat;position:absolute;inset:0}.rag-btn[data-variant="0"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20128'%20preserveAspectRatio='none'%3e%3ctitle%3eRagged%20brush%20shape%3c/title%3e%3cpath%20fill='%23f0f0f0'%20d='M12%2043%2014%2037%2023%2036%2034%2030%2035%2030%2036%2040%2044%2028%2074%2027%2076%2030%2079%2031%2093%2033%20109%2033%20120%2029%20180%2028%20187%2021%20207%2020%20213%2013%20243%2013%20246%2016%20249%2016%20258%2020%20265%2018%20271%2019%20280%2018%20287%2014%20296%2012%20322%2011%20323%2010%20331%2010%20332%2017%20334%2019%20340%2020%20390%2021%20395%2026%20420%2027%20426%2030%20441%2030%20445%2027%20466%2027%20484%2033%20498%2034%20500%2036%20501%2037%20495%2048%20488%2056%20487%2085%20482%2097%20478%20101%20464%20100%20463%2093%20454%20100%20413%20100%20412%20101%20396%20101%20387%2099%20364%20100%20348%2097%20319%2095%20317%2096%20316%20101%20282%20111%20279%20108%20270%20108%20268%20103%20258%2099%20237%2099%20219%20106%20132%20105%20127%20112%20126%20112%20125%20105%20120%20111%20117%20111%2098%20107%2095%20103%2085%20100%2072%20100%2069%20103%2064%20103%2060%20102%2054%2096%2051%2089%2046%2086%2043%2088%2022%2089%2019%2085%2018%2056%2017%2057%2013%2056Z'/%3e%3cpath%20d='M14%2037%2023%2036%2035%2030%2036%2040%2044%2028%2054%2028%2055%2027%2074%2027%2076%2030%2079%2031%2093%2033%20109%2033%20120%2029%20180%2028%20187%2021%20207%2020%20213%2013%20243%2013%20246%2016%20249%2016%20258%2020%20265%2018%20271%2019%20280%2018%20287%2014%20296%2012%20322%2011%20323%2010%20331%2010%20332%2017%20334%2019%20340%2020%20390%2021%20395%2026%20420%2027%20426%2030%20441%2030%20445%2027%20466%2027%20484%2033%20498%2034%20500%2036%20501%2037%20488%2052%20487%2085%20481%2095%20466%2095%20465%2087%20455%2095%20362%2094%20336%2090%20319%2090%20316%2096%20287%20105%20284%20105%20282%20103%20274%20103%20271%2098%20262%2094%20247%2094%20246%2093%20237%2094%20221%20100%20181%20100%20180%2099%20145%20100%20132%2098%20130%20107%20128%20107%20127%2099%20121%20105%20117%20105%20112%20103%20101%20102%2098%2098%2087%2094%2073%2095%2071%2097%2065%2097%2062%2096%2056%2090%2054%2084%2048%2080%2040%2083%2024%2084%2021%2079%2020%2050%2015%2050Z'/%3e%3c/svg%3e")}.rag-btn[data-variant="1"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20128'%20preserveAspectRatio='none'%3e%3ctitle%3eRagged%20brush%20shape%3c/title%3e%3cpath%20fill='%23f0f0f0'%20transform='translate(-6%209)'%20d='M28%2036%2029.9%2034%2043.1%2033%2060.2%2027%2080.1%2027%2083.8%2030%2098%2030%20103.7%2027%20127.4%2026%20132.1%2021%20179.4%2020%20185.1%2019%20187%2017%20188%2010%20195.5%2010%20196.5%2011%20221.1%2012%20229.6%2014%20236.2%2018%20242.9%2019%20250.4%2018%20257.1%2020%20262.7%2017%20268.4%2016%20271.3%2013%20299.6%2013%20305.3%2020%20324.3%2021%20330.9%2028%20387.7%2029%20398.1%2033%20413.2%2033%20426.5%2031%20429.3%2030%20431.2%2027%20449.2%2027%20450.1%2028%20459.6%2028%20467.2%2040%20468.1%2030%20479.5%2036%20488%2037%20488%20100%20458.7%20100%20446.4%2098%20445.4%20106%20442.6%20107%20441.6%2099%20435.9%20105%20432.2%20105%20427.4%20103%20417%20102%20414.2%2098%20403.8%2094%20390.5%2095%20388.6%2097%20380.1%2096%20374.4%2090%20372.5%2084%20366.8%2080%20364%2082%20360.2%2082%20312.9%2095%20301.5%2095%20300.6%2087%20291.1%2095%20203.1%2094%20178.5%2090%20162.4%2090%20159.6%2096%20132.1%20105%20129.3%20105%20127.4%20103%20119.8%20103%20117%2098%20108.5%2094%2094.3%2094%2093.3%2093%2084.8%2094%2069.6%20100%2031.8%20100%2028%2099Z'/%3e%3cpath%20d='M28%2036%2029.9%2034%2043.1%2033%2060.2%2027%2080.1%2027%2083.8%2030%2098%2030%20103.7%2027%20127.4%2026%20132.1%2021%20179.4%2020%20185.1%2019%20187%2017%20188%2010%20195.5%2010%20196.5%2011%20221.1%2012%20229.6%2014%20236.2%2018%20242.9%2019%20250.4%2018%20257.1%2020%20262.7%2017%20268.4%2016%20271.3%2013%20299.6%2013%20305.3%2020%20324.3%2021%20330.9%2028%20387.7%2029%20398.1%2033%20413.2%2033%20426.5%2031%20429.3%2030%20431.2%2027%20449.2%2027%20450.1%2028%20459.6%2028%20467.2%2040%20468.1%2030%20479.5%2036%20488%2037%20488%20100%20458.7%20100%20446.4%2098%20445.4%20106%20442.6%20107%20441.6%2099%20435.9%20105%20432.2%20105%20427.4%20103%20417%20102%20414.2%2098%20403.8%2094%20390.5%2095%20388.6%2097%20380.1%2096%20374.4%2090%20372.5%2084%20366.8%2080%20364%2082%20360.2%2082%20312.9%2095%20301.5%2095%20300.6%2087%20291.1%2095%20203.1%2094%20178.5%2090%20162.4%2090%20159.6%2096%20132.1%20105%20129.3%20105%20127.4%20103%20119.8%20103%20117%2098%20108.5%2094%2094.3%2094%2093.3%2093%2084.8%2094%2069.6%20100%2031.8%20100%2028%2099Z'/%3e%3c/svg%3e")}.rag-btn[data-variant="2"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20128'%20preserveAspectRatio='none'%3e%3ctitle%3eRagged%20brush%20shape%3c/title%3e%3cpath%20fill='%23f0f0f0'%20transform='translate(-5%2010)'%20d='M8%2023.2%2015.1%2021.4%2021.3%2022.3%2030.5%2021.4%2040.7%2016.8%2053.9%2014.9%2082.5%2014%2083.5%2020.4%2085.6%2022.3%2091.7%2023.2%20142.7%2024.1%20147.8%2028.7%20173.3%2029.6%20179.5%2032.4%20194.8%2032.4%20198.8%2029.6%20220.3%2029.6%20231.5%2033.3%20280.5%2038.8%20286.6%2030.6%20297.8%2029.6%20317.2%2029.6%20319.3%2032.4%20322.3%2033.3%20336.6%2035.2%20353%2035.2%20364.2%2031.5%20425.4%2030.6%20432.6%2024.1%20453%2023.2%20459.1%2016.8%20489.7%2016.8%20490.7%2018.6%20498.9%2020.4%20504%2023.2%20504%2050%20498.9%2050%20497.9%2079%20494.8%2084%20478.5%2083%20470.3%2080%20464.2%2084%20462.2%2090%20456%2096%20453%2097%20446.8%2097%20444.8%2095%20430.5%2094%20419.3%2098%20416.2%20102%20405%20103%20399.9%20105%20395.8%20105%20389.7%2099%20388.7%20107%20386.6%20107%20384.6%2098%20371.3%20100%20339.7%20100%20338.7%2099%20334.6%20100%20293.8%20100%20277.4%2094%20268.2%2093%20267.2%2094%20251.9%2094%20242.7%2098%20239.7%20103%20231.5%20103%20229.5%20105%20226.4%20105%20196.8%2096%20193.7%2090%20176.4%2090%20149.9%2094%2054.9%2095%2044.7%2087%2043.7%2095%2028.4%2095%2022.3%2085%2021.3%2052%208%2037Z'/%3e%3cpath%20d='M8%2023.2%2015.1%2021.4%2021.3%2022.3%2030.5%2021.4%2040.7%2016.8%2053.9%2014.9%2082.5%2014%2083.5%2020.4%2085.6%2022.3%2091.7%2023.2%20142.7%2024.1%20147.8%2028.7%20173.3%2029.6%20179.5%2032.4%20194.8%2032.4%20198.8%2029.6%20220.3%2029.6%20231.5%2033.3%20280.5%2038.8%20286.6%2030.6%20297.8%2029.6%20317.2%2029.6%20319.3%2032.4%20322.3%2033.3%20336.6%2035.2%20353%2035.2%20364.2%2031.5%20425.4%2030.6%20432.6%2024.1%20453%2023.2%20459.1%2016.8%20489.7%2016.8%20490.7%2018.6%20498.9%2020.4%20504%2023.2%20504%2050%20498.9%2050%20497.9%2079%20494.8%2084%20478.5%2083%20470.3%2080%20464.2%2084%20462.2%2090%20456%2096%20453%2097%20446.8%2097%20444.8%2095%20430.5%2094%20419.3%2098%20416.2%20102%20405%20103%20399.9%20105%20395.8%20105%20389.7%2099%20388.7%20107%20386.6%20107%20384.6%2098%20371.3%20100%20339.7%20100%20338.7%2099%20334.6%20100%20293.8%20100%20277.4%2094%20268.2%2093%20267.2%2094%20251.9%2094%20242.7%2098%20239.7%20103%20231.5%20103%20229.5%20105%20226.4%20105%20196.8%2096%20193.7%2090%20176.4%2090%20149.9%2094%2054.9%2095%2044.7%2087%2043.7%2095%2028.4%2095%2022.3%2085%2021.3%2052%208%2037Z'/%3e%3c/svg%3e")}@media (hover:hover){.rag-btn:not(:disabled):hover{filter:drop-shadow(0 3px 0 var(--a)) drop-shadow(0 0 10px color-mix(in srgb, color-mix(in srgb, var(--a), #fff 30%) 80%, transparent)) drop-shadow(0 10px 10px #0000008c);transform:translateY(-6px)}}.rag-btn:focus-visible{filter:drop-shadow(0 3px 0 #fff) drop-shadow(0 0 10px color-mix(in srgb, color-mix(in srgb, var(--a), #fff 30%) 90%, transparent)) drop-shadow(0 10px 10px #0000008c);outline:none;transform:translateY(-6px)}.rag-btn:not(:disabled):active{transform:translateY(-1px)}.rag-btn:disabled{opacity:.45;cursor:default}@media (height<=500px){.rag-btn{min-height:calc(var(--rag-btn-w,min(82vw, 21rem)) / 7);padding-block:.4rem .55rem;font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.rag-btn{transition:none}}.rag-panel{isolation:isolate;color:#fff;font-family:var(--font-ui);padding:.35rem 1.4rem .5rem;position:relative}.rag-panel:before{content:"";z-index:-1;filter:drop-shadow(0 3px 0 var(--a)) drop-shadow(0 0 6px color-mix(in srgb, var(--a) 55%, transparent));pointer-events:none;background:50%/100% 100% no-repeat;position:absolute;inset:0}.rag-panel[data-variant="0"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20128'%20preserveAspectRatio='none'%3e%3ctitle%3eRagged%20brush%20shape%3c/title%3e%3cpath%20fill='%23f0f0f0'%20d='M12%2043%2014%2037%2023%2036%2034%2030%2035%2030%2036%2040%2044%2028%2074%2027%2076%2030%2079%2031%2093%2033%20109%2033%20120%2029%20180%2028%20187%2021%20207%2020%20213%2013%20243%2013%20246%2016%20249%2016%20258%2020%20265%2018%20271%2019%20280%2018%20287%2014%20296%2012%20322%2011%20323%2010%20331%2010%20332%2017%20334%2019%20340%2020%20390%2021%20395%2026%20420%2027%20426%2030%20441%2030%20445%2027%20466%2027%20484%2033%20498%2034%20500%2036%20501%2037%20495%2048%20488%2056%20487%2085%20482%2097%20478%20101%20464%20100%20463%2093%20454%20100%20413%20100%20412%20101%20396%20101%20387%2099%20364%20100%20348%2097%20319%2095%20317%2096%20316%20101%20282%20111%20279%20108%20270%20108%20268%20103%20258%2099%20237%2099%20219%20106%20132%20105%20127%20112%20126%20112%20125%20105%20120%20111%20117%20111%2098%20107%2095%20103%2085%20100%2072%20100%2069%20103%2064%20103%2060%20102%2054%2096%2051%2089%2046%2086%2043%2088%2022%2089%2019%2085%2018%2056%2017%2057%2013%2056Z'/%3e%3cpath%20d='M14%2037%2023%2036%2035%2030%2036%2040%2044%2028%2054%2028%2055%2027%2074%2027%2076%2030%2079%2031%2093%2033%20109%2033%20120%2029%20180%2028%20187%2021%20207%2020%20213%2013%20243%2013%20246%2016%20249%2016%20258%2020%20265%2018%20271%2019%20280%2018%20287%2014%20296%2012%20322%2011%20323%2010%20331%2010%20332%2017%20334%2019%20340%2020%20390%2021%20395%2026%20420%2027%20426%2030%20441%2030%20445%2027%20466%2027%20484%2033%20498%2034%20500%2036%20501%2037%20488%2052%20487%2085%20481%2095%20466%2095%20465%2087%20455%2095%20362%2094%20336%2090%20319%2090%20316%2096%20287%20105%20284%20105%20282%20103%20274%20103%20271%2098%20262%2094%20247%2094%20246%2093%20237%2094%20221%20100%20181%20100%20180%2099%20145%20100%20132%2098%20130%20107%20128%20107%20127%2099%20121%20105%20117%20105%20112%20103%20101%20102%2098%2098%2087%2094%2073%2095%2071%2097%2065%2097%2062%2096%2056%2090%2054%2084%2048%2080%2040%2083%2024%2084%2021%2079%2020%2050%2015%2050Z'/%3e%3c/svg%3e")}.rag-panel[data-variant="1"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20128'%20preserveAspectRatio='none'%3e%3ctitle%3eRagged%20brush%20shape%3c/title%3e%3cpath%20fill='%23f0f0f0'%20transform='translate(-6%209)'%20d='M28%2036%2029.9%2034%2043.1%2033%2060.2%2027%2080.1%2027%2083.8%2030%2098%2030%20103.7%2027%20127.4%2026%20132.1%2021%20179.4%2020%20185.1%2019%20187%2017%20188%2010%20195.5%2010%20196.5%2011%20221.1%2012%20229.6%2014%20236.2%2018%20242.9%2019%20250.4%2018%20257.1%2020%20262.7%2017%20268.4%2016%20271.3%2013%20299.6%2013%20305.3%2020%20324.3%2021%20330.9%2028%20387.7%2029%20398.1%2033%20413.2%2033%20426.5%2031%20429.3%2030%20431.2%2027%20449.2%2027%20450.1%2028%20459.6%2028%20467.2%2040%20468.1%2030%20479.5%2036%20488%2037%20488%20100%20458.7%20100%20446.4%2098%20445.4%20106%20442.6%20107%20441.6%2099%20435.9%20105%20432.2%20105%20427.4%20103%20417%20102%20414.2%2098%20403.8%2094%20390.5%2095%20388.6%2097%20380.1%2096%20374.4%2090%20372.5%2084%20366.8%2080%20364%2082%20360.2%2082%20312.9%2095%20301.5%2095%20300.6%2087%20291.1%2095%20203.1%2094%20178.5%2090%20162.4%2090%20159.6%2096%20132.1%20105%20129.3%20105%20127.4%20103%20119.8%20103%20117%2098%20108.5%2094%2094.3%2094%2093.3%2093%2084.8%2094%2069.6%20100%2031.8%20100%2028%2099Z'/%3e%3cpath%20d='M28%2036%2029.9%2034%2043.1%2033%2060.2%2027%2080.1%2027%2083.8%2030%2098%2030%20103.7%2027%20127.4%2026%20132.1%2021%20179.4%2020%20185.1%2019%20187%2017%20188%2010%20195.5%2010%20196.5%2011%20221.1%2012%20229.6%2014%20236.2%2018%20242.9%2019%20250.4%2018%20257.1%2020%20262.7%2017%20268.4%2016%20271.3%2013%20299.6%2013%20305.3%2020%20324.3%2021%20330.9%2028%20387.7%2029%20398.1%2033%20413.2%2033%20426.5%2031%20429.3%2030%20431.2%2027%20449.2%2027%20450.1%2028%20459.6%2028%20467.2%2040%20468.1%2030%20479.5%2036%20488%2037%20488%20100%20458.7%20100%20446.4%2098%20445.4%20106%20442.6%20107%20441.6%2099%20435.9%20105%20432.2%20105%20427.4%20103%20417%20102%20414.2%2098%20403.8%2094%20390.5%2095%20388.6%2097%20380.1%2096%20374.4%2090%20372.5%2084%20366.8%2080%20364%2082%20360.2%2082%20312.9%2095%20301.5%2095%20300.6%2087%20291.1%2095%20203.1%2094%20178.5%2090%20162.4%2090%20159.6%2096%20132.1%20105%20129.3%20105%20127.4%20103%20119.8%20103%20117%2098%20108.5%2094%2094.3%2094%2093.3%2093%2084.8%2094%2069.6%20100%2031.8%20100%2028%2099Z'/%3e%3c/svg%3e")}.rag-panel[data-variant="2"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20128'%20preserveAspectRatio='none'%3e%3ctitle%3eRagged%20brush%20shape%3c/title%3e%3cpath%20fill='%23f0f0f0'%20transform='translate(-5%2010)'%20d='M8%2023.2%2015.1%2021.4%2021.3%2022.3%2030.5%2021.4%2040.7%2016.8%2053.9%2014.9%2082.5%2014%2083.5%2020.4%2085.6%2022.3%2091.7%2023.2%20142.7%2024.1%20147.8%2028.7%20173.3%2029.6%20179.5%2032.4%20194.8%2032.4%20198.8%2029.6%20220.3%2029.6%20231.5%2033.3%20280.5%2038.8%20286.6%2030.6%20297.8%2029.6%20317.2%2029.6%20319.3%2032.4%20322.3%2033.3%20336.6%2035.2%20353%2035.2%20364.2%2031.5%20425.4%2030.6%20432.6%2024.1%20453%2023.2%20459.1%2016.8%20489.7%2016.8%20490.7%2018.6%20498.9%2020.4%20504%2023.2%20504%2050%20498.9%2050%20497.9%2079%20494.8%2084%20478.5%2083%20470.3%2080%20464.2%2084%20462.2%2090%20456%2096%20453%2097%20446.8%2097%20444.8%2095%20430.5%2094%20419.3%2098%20416.2%20102%20405%20103%20399.9%20105%20395.8%20105%20389.7%2099%20388.7%20107%20386.6%20107%20384.6%2098%20371.3%20100%20339.7%20100%20338.7%2099%20334.6%20100%20293.8%20100%20277.4%2094%20268.2%2093%20267.2%2094%20251.9%2094%20242.7%2098%20239.7%20103%20231.5%20103%20229.5%20105%20226.4%20105%20196.8%2096%20193.7%2090%20176.4%2090%20149.9%2094%2054.9%2095%2044.7%2087%2043.7%2095%2028.4%2095%2022.3%2085%2021.3%2052%208%2037Z'/%3e%3cpath%20d='M8%2023.2%2015.1%2021.4%2021.3%2022.3%2030.5%2021.4%2040.7%2016.8%2053.9%2014.9%2082.5%2014%2083.5%2020.4%2085.6%2022.3%2091.7%2023.2%20142.7%2024.1%20147.8%2028.7%20173.3%2029.6%20179.5%2032.4%20194.8%2032.4%20198.8%2029.6%20220.3%2029.6%20231.5%2033.3%20280.5%2038.8%20286.6%2030.6%20297.8%2029.6%20317.2%2029.6%20319.3%2032.4%20322.3%2033.3%20336.6%2035.2%20353%2035.2%20364.2%2031.5%20425.4%2030.6%20432.6%2024.1%20453%2023.2%20459.1%2016.8%20489.7%2016.8%20490.7%2018.6%20498.9%2020.4%20504%2023.2%20504%2050%20498.9%2050%20497.9%2079%20494.8%2084%20478.5%2083%20470.3%2080%20464.2%2084%20462.2%2090%20456%2096%20453%2097%20446.8%2097%20444.8%2095%20430.5%2094%20419.3%2098%20416.2%20102%20405%20103%20399.9%20105%20395.8%20105%20389.7%2099%20388.7%20107%20386.6%20107%20384.6%2098%20371.3%20100%20339.7%20100%20338.7%2099%20334.6%20100%20293.8%20100%20277.4%2094%20268.2%2093%20267.2%2094%20251.9%2094%20242.7%2098%20239.7%20103%20231.5%20103%20229.5%20105%20226.4%20105%20196.8%2096%20193.7%2090%20176.4%2090%20149.9%2094%2054.9%2095%2044.7%2087%2043.7%2095%2028.4%2095%2022.3%2085%2021.3%2052%208%2037Z'/%3e%3c/svg%3e")}.board-wrap{width:fit-content;max-width:100%;margin:0 auto;position:relative}.board-grid{--k:.2;--across:var(--cols);--down:var(--rows);--card-size:min(5.5rem, calc(100cqw / (var(--across) + (var(--across) - 1) * var(--k))), calc(100cqh / (var(--down) * 1.4 + (var(--down) - 1) * var(--k))));grid-template-columns:repeat(var(--across), var(--card-size));grid-auto-rows:calc(var(--card-size) * 1.4);gap:calc(var(--card-size) * var(--k));justify-content:center;display:grid}.board-grid>*{grid-row:var(--r);grid-column:var(--c);--vr:var(--r);--vc:var(--c)}.board-grid[data-deal=pending]>.card{opacity:0}.board-grid[data-deal=dealing]>.card{animation:deal-in var(--deal-drop-ms) ease-in backwards;animation-delay:calc(((var(--vr) - 1) * var(--across) + var(--vc) - 1) * var(--deal-step-ms))}@keyframes deal-in{0%{opacity:0;transform:translate(calc(var(--deal-x) * 1%), calc(var(--deal-y) * 1%)) rotate(calc(var(--deal-rot) * 1deg)) scale(1.15);box-shadow:0 14px 16px #00000059, var(--card-outline)}8%{opacity:1}75%{box-shadow:0 0 0 #0000, var(--card-outline);animation-timing-function:ease-out;transform:translate(0)rotate(0)scale(.96)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@container board (aspect-ratio<=3/4){.board-grid[data-wide=true]{--across:var(--rows);--down:var(--cols)}.board-grid[data-wide=true]>*{grid-row:var(--c);grid-column:var(--r);--vr:var(--c);--vc:var(--r)}}@media (prefers-reduced-motion:reduce){.board-grid[data-deal=dealing]>.card{animation:none}}.sparkles{pointer-events:none;position:absolute;inset:0}.sparkle{left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 6px #fffc);animation:sparkle-pop var(--cycle) linear var(--delay) infinite backwards, sparkle-spin var(--cycle) linear var(--delay) infinite backwards, sparkle-float var(--cycle) linear var(--delay) infinite backwards;position:absolute;translate:-50% -50%}.sparkle>svg{width:100%;height:100%;display:block}@keyframes sparkle-pop{0%{opacity:0;scale:0}4%{opacity:1;scale:.5}9%{scale:.85}15%{scale:1}21%{opacity:1;scale:.96}31%{scale:.84}40%{opacity:.65;scale:.64}51%{scale:.36}60%,to{opacity:0;scale:0}}@keyframes sparkle-spin{0%{rotate:0deg}60%,to{rotate:calc(var(--spin) * 200deg)}}@keyframes sparkle-float{0%{translate:-50% -50%}60%,to{translate:-50% -230%}}@media (prefers-reduced-motion:reduce){.sparkle{opacity:.9;animation:none}.sparkle[data-still=false]{display:none}}.card{--fill:var(--tone0-fill);--light:var(--tone0-light);--edge:var(--tone0-border);--card-outline:0 0 0 calc(var(--card-size,5.5rem) * .045) #000;border:4px solid var(--edge);background:linear-gradient(to bottom right, var(--light) 50%, var(--fill) 50%);width:100%;height:100%;box-shadow:var(--card-outline);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.4rem;padding:0;display:block;position:relative;overflow:hidden}.card[data-tone="1"]{--fill:var(--tone1-fill);--light:var(--tone1-light);--edge:var(--tone1-border)}.card:has(>.face[data-type="3"]){--edge:#e01818}.card:disabled{cursor:default}.card:has(>.sparkles){z-index:1}.card[data-state=down]{transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out;overflow:visible}@media (hover:hover){.card[data-state=down]:not(:disabled):not([data-pending]):not(:active):hover{box-shadow:var(--card-outline), 0 8px 12px #00000059;transform:translateY(-4px)}}.card[data-state=down]:not([data-pending]):focus-visible{box-shadow:var(--card-outline), 0 8px 12px #00000059;transform:translateY(-4px)}.card[data-state=down]:not(:disabled):active,.card[data-state=down][data-pending]{box-shadow:var(--card-outline);filter:brightness(.9);transform:translateY(1px)scale(.96)}.card:focus-visible{outline-offset:2px;outline:3px solid #fff}.card[data-state=taken]{border-color:var(--light);animation:flip-in var(--flip-ms) ease-out;background:#7d958e}.card[data-state=own]{--edge:var(--light);animation:flip-in var(--flip-ms) ease-out;background:#fff}.face{color:#000;background:#fff;flex-wrap:wrap;place-content:center;align-items:center;gap:.15rem;padding:12%;display:flex;position:absolute;inset:0}.face[data-type="0"]{padding:6% 7%}.face[data-type="3"]{background:#000}.face>svg{width:100%;height:100%}@keyframes flip-in{0%{z-index:2;transform:perspective(400px)rotateY(90deg)rotate(0)scale(1)}40%{z-index:2;transform:perspective(400px)rotateY(40deg)rotate(-4deg)scale(1.1,1.22)}65%{z-index:2;transform:perspective(400px)rotateY(0)rotate(3deg)scale(1.14,1.2)}82%{z-index:2;transform:perspective(400px)rotateY(0)rotate(-1.5deg)scale(1.03,1.04)}to{z-index:2;transform:perspective(400px)rotateY(0)rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.card[data-state=down]{transition:none}.card[data-state=down]:not(:disabled):active,.card[data-state=down][data-pending]{transform:none}.card[data-state=own],.card[data-state=taken]{animation:none}}.seven-seg{vertical-align:middle;align-items:center;gap:.14em;line-height:1;display:inline-flex}.seven-seg-digit{width:.583333em;height:1em;display:block;overflow:visible}.seven-seg-segment{fill:currentColor}.seven-seg-segment[data-on=false]{opacity:.1}.hud{grid-template-columns:1fr auto 1fr;grid-template-areas:"left center right";align-items:center;gap:.75rem;max-width:60rem;margin:0 auto .75rem;display:grid}.hud-side{grid-area:left;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.hud-side[data-side=right]{grid-area:right}.hud-center{grid-area:center;justify-content:center;align-items:center;gap:.5rem;display:flex}.swatch{align-items:center;gap:.35rem;min-width:0;display:flex}.hud-side[data-side=right]>.swatch{flex-direction:row-reverse}.swatch-card{border:4px solid var(--tone0-border);background:linear-gradient(to bottom right, var(--tone0-light) 50%, var(--tone0-fill) 50%);border-radius:.3rem;width:2rem;height:2.75rem;box-shadow:0 0 0 3px #000}.swatch[data-tone="1"] .swatch-card{border-color:var(--tone1-border);background:linear-gradient(to bottom right, var(--tone1-light) 50%, var(--tone1-fill) 50%)}.swatch-skulls{flex-wrap:wrap;gap:.2rem;display:flex}.swatch-skull{justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:flex}.swatch-skull>svg{width:100%;height:100%;display:block}.limit{letter-spacing:.08em;text-transform:uppercase;background:#111;border-radius:.3rem;flex-direction:column;flex-shrink:0;align-items:center;padding:.15rem .5rem;font-size:.6rem;line-height:1.1;display:flex}.limit b{color:var(--gold);font-size:1.1rem;font-style:italic}.limit span{font-family:var(--font-menu);font-synthesis:none}.player{border:2px solid #0000;border-radius:.5rem;flex-direction:column;align-items:center;gap:.15rem;padding:.2rem .4rem;display:flex;position:relative}.player[data-active=true]{border-color:var(--gold);box-shadow:0 0 10px #ffc92880}.player-row{align-items:center;gap:.3rem;display:flex}.turn-slot{width:2rem;height:2rem;display:inline-flex}.turn-timer{width:100%;height:100%;transform:rotate(-90deg)}.turn-timer circle{fill:none;stroke-width:2.5px}.turn-timer-track{stroke:#fff3}.turn-timer-arc{stroke:var(--gold);stroke-dasharray:100;animation:linear both turn-drain}@keyframes turn-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}.player-label{font-family:var(--font-menu);font-synthesis:none;letter-spacing:.1em;text-transform:uppercase;font-size:.65rem}.player[data-side=left] .player-label{align-self:flex-end}.player[data-side=right] .player-label{align-self:flex-start}.score{color:var(--gold);background:#000;border:2px solid #3a3000;border-radius:.3rem;padding:.2rem .35rem;font-size:1.9rem;display:inline-flex}.score .seven-seg-digit{filter:drop-shadow(0 0 3px #ffc928b3)}.pool{flex-direction:column-reverse;display:flex}.pool-slot{width:1.45rem;height:1.45rem;margin-top:-.2rem;position:relative}.pool-slot>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pool-slot>svg:last-child{filter:brightness(.35)}.pool-slot:last-child{margin-top:0}.pool-slot[data-filled=true]{z-index:1}.pool-slot[data-filled=true]>svg:last-child{filter:none;animation:2.4s ease-in-out infinite pool-glow}@keyframes pool-glow{0%,to{filter:drop-shadow(0 0 1px #ffbe2880)}50%{filter:drop-shadow(0 0 4px #ffd246e6)}}@media (prefers-reduced-motion:reduce){.pool-slot[data-filled=true]>svg:last-child{filter:drop-shadow(0 0 3px #ffc832bf);animation:none}}.help-button{color:#fff;cursor:pointer;background:#000;border:2px solid #2f6b4a;border-radius:.4rem;flex-shrink:0;width:2.5rem;height:2.5rem;font-size:1.4rem;font-weight:900}.help-button:focus-visible{outline-offset:2px;outline:3px solid #fff}@media (height<=500px){.hud{gap:.5rem;margin-bottom:.15rem}.hud-side{gap:.5rem}.hud .swatch-card{border-width:3px;width:1.5rem;height:2.1rem;box-shadow:0 0 0 2px #000}.hud .swatch-skull{width:1.8rem;height:1.8rem}.limit{font-size:.55rem}.limit b{font-size:.95rem}.player{gap:0;padding:.1rem .3rem}.player-label{font-size:.55rem}.score{font-size:1.35rem}.turn-slot{width:1.5rem;height:1.5rem}.pool-slot{width:1.05rem;height:1.05rem}.help-button{width:2.1rem;height:2.1rem;font-size:1.15rem}}@media (width<=640px) and (orientation:portrait),(width<=460px){.hud{grid-template-columns:1fr auto auto 1fr;grid-template-areas:"swatch0 swatch0 swatch1 swatch1""limit center center help";gap:.5rem .4rem;margin-bottom:.25rem}.hud-side{display:contents}.hud .swatch[data-tone="0"]{grid-area:swatch0;justify-self:start}.hud .swatch[data-tone="1"]{grid-area:swatch1;justify-self:end}.hud .limit{text-align:center;grid-area:limit;justify-self:end}.hud .limit span{width:min-content}.hud .help-button{grid-area:help;justify-self:start;width:2.25rem;height:2.25rem;font-size:1.2rem}.hud-center{gap:.35rem}.hud .swatch-skull{width:2rem;height:2rem}.player{padding:.15rem .3rem}.score{font-size:1.4rem}.turn-slot{width:1.5rem;height:1.5rem}.pool-slot{width:1.1rem;height:1.1rem}}@media (width<=380px){.hud{column-gap:.25rem}.hud-center{gap:.2rem}.player{padding:.15rem .2rem}.player-row{gap:.2rem}.score{padding:.15rem .25rem;font-size:1.25rem}.turn-slot{width:1.3rem;height:1.3rem}}.help{--close:4rem;--close-off:1.7rem;--pad-x:2rem;--pad-top:calc(var(--close) - var(--close-off));color:#fff;width:min(56rem,100vw - 1.5rem);max-height:none;font-family:var(--font-menu);font-synthesis:none;background:#050505;border:3px solid #2a2a2a;border-radius:1rem;padding:0;position:fixed;overflow:visible}.help-scroll{border-radius:.8rem;max-height:calc(100dvh - 1.5rem - 6px);overflow:auto}.help::backdrop{background:#0009}.help-body{padding:var(--pad-top) var(--pad-x) 1.75rem;gap:1.75rem;font-size:1.2rem;line-height:1.35;display:grid}.help h2{color:#ff9a2e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:1.35rem;font-weight:400}.help p{margin:0}.help ul{margin:0;padding:0;list-style:none}.help-skulls{flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;display:flex}.help-skulls>p{flex:16rem}.help-swatches{flex-wrap:wrap;gap:1.25rem 2rem;display:flex}.help-swatches figure{flex-direction:column;align-items:center;gap:.4rem;margin:0;display:flex}.help-swatches figcaption{letter-spacing:.08em;text-transform:uppercase;font-size:1rem}.help-types{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem;display:grid}.help-types li{text-transform:uppercase;align-items:flex-start;gap:.9rem;display:flex}.help-card{border:4px solid #f08fb0;border-radius:.35rem;flex:none;width:3.6rem;height:5rem;position:relative;overflow:hidden}:is(.help-card:has(.face[data-type="3"]),.help-cell:has(.face[data-type="3"])){border-color:#e01818}.help-lower{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.75rem 2rem;display:grid}.help-hints{flex-direction:column;gap:.75rem;display:flex}.help-hints li{text-transform:uppercase;align-items:center;gap:1rem;display:flex}.help-hint-sample{color:#000;background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.2rem;width:4.2rem;height:2.1rem;padding:.34rem .5rem;display:inline-flex}.help-hint-sample>svg{flex:none;width:auto;height:100%}.help-hint-sample[data-hint=fruit1]{justify-content:flex-start}.help-example{--k:.1;--card-size:3rem;grid-auto-rows:calc(var(--card-size) * 1.4);justify-content:start;position:relative}.help-cell{border:3px solid #e8a0c0;border-radius:.25rem;position:relative;overflow:hidden}.help-cell[data-outside=true]{opacity:.35}.help-example>.help-nearby{border:2px dashed var(--gold,#ffc928);pointer-events:none;border-radius:.5rem;grid-area:1/1/4/4;margin:-.2rem}.help-caption{max-width:16rem;margin-top:.75rem}.help-cell[data-back=true]{background:linear-gradient(to bottom right, var(--tone0-light,#ff7f9b) 50%, var(--tone0-fill,#ff3a5c) 50%)}.help-cell[data-back=true][data-tone="1"]{border-color:var(--tone1-border,#8c919b);background:linear-gradient(to bottom right, var(--tone1-light,#2d3b91) 50%, var(--tone1-fill,#1b2160) 50%)}.help-close{z-index:1;top:calc(var(--close-off) * -1);left:calc(var(--close-off) * -1);width:var(--close);height:var(--close);cursor:pointer;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20128%20128'%20width='128'%20height='128'%3e%3ctitle%3eDecline%3c/title%3e%3cpath%20fill='%23000'%20d='M102.4%2017.1%2086.6%2018.1%2072.2%2010.6%2070.9%2010.5%2025.6%2019.9%2024.2%2020.6%2021.6%2024.4%2012.2%2025.6%2012.0%2026.6%2015.0%2038.5%208.0%2052.6%208.4%2056.2%2016.5%2085.4%2030.9%2099.4%2036.4%20119.0%2038.6%20118.6%2066.5%20107.9%20101.1%20103.2%20102.2%20102.4%20106.9%2092.4%20120.6%2086.8%20120.9%2085.4%20116.6%2069.5%20117.6%2066.0%20117.4%2064.1Z'/%3e%3cpath%20fill='%23dd0000'%20d='M81.6%2026.5%2080.5%2026.4%2061.5%2048.2%2059.2%2047.5%2036.1%2032.2%2034.8%2031.9%2033.6%2033.2%2028.2%2043.8%2028.1%2045.4%2049.1%2062.2%2048.5%2063.9%2031.9%2083.6%2032.2%2085.1%2043.2%2098.4%2044.1%2098.4%2064.9%2075.1%2066.5%2075.5%2082.2%2088.0%2083.8%2088.5%2095.8%2072.8%2095.9%2071.6%2078.9%2060.0%2079.5%2058.2%2096.6%2038.6%2095.5%2037.1Z'/%3e%3c/svg%3e") 50%/contain no-repeat;border:0;margin:0;padding:0;transition:transform .12s ease-out;position:absolute}@media (hover:hover){.help-close:hover{transform:scale(1.1)}}.help-close:focus-visible{outline-offset:2px;border-radius:.5rem;outline:3px solid #fff}@media (prefers-reduced-motion:reduce){.help-close{transition:none}}@media (width<=640px),(height<=500px){.help{--close:3.4rem;--close-off:.8rem;--pad-x:1rem;border-width:2px;border-radius:.75rem;width:calc(100vw - 1.8rem)}.help-scroll{border-radius:.6rem;max-height:calc(100dvh - 1.8rem - 4px)}.help-body{padding:var(--pad-top) var(--pad-x) 1.1rem;gap:1.25rem}}@media (height<=500px) and (width>=560px){.help-body{padding:.7rem var(--pad-x) .7rem var(--pad-left);grid-template-columns:minmax(0,14rem) auto auto;grid-template-areas:"types skulls example""types hints example";align-items:start;gap:.7rem 1.75rem;font-size:.95rem;line-height:1.25}.help h2{margin-bottom:.4rem;font-size:1.05rem}.help-body>section:first-of-type{grid-area:types}.help-body>section:nth-of-type(2){grid-area:skulls}.help-lower{display:contents}.help-lower>section:first-of-type{grid-area:hints}.help-lower>section:nth-of-type(2){grid-area:example}.help-skulls{flex-direction:column;align-items:flex-start;gap:.4rem}.help-skulls>p{flex:none}.help-swatches{gap:.75rem 1rem}.help .swatch-card{border-width:3px;width:1.5rem;height:2.1rem}.help .swatch-skull{width:1.7rem;height:1.7rem}.help-swatches figcaption{font-size:.75rem}.help-types{grid-template-columns:1fr;gap:.6rem}.help-types li{gap:.6rem}.help-card{border-width:3px;width:2.4rem;height:3.35rem}.help-hints{gap:.4rem}.help-hints li{gap:.6rem}.help-hint-sample{width:2.6rem;height:1.4rem;padding:.22rem .3rem}.help-example{--card-size:1.35rem}.help{--close:3rem;--close-off:.7rem;--pad-left:2.8rem;width:fit-content;max-width:calc(100vw - 1.8rem)}}.menu{--menu-night:#070722;--menu-glow:#8f5bff;--vw:calc((100vw - env(safe-area-inset-left) - env(safe-area-inset-right)) / 100);--menu-btn-w:min(82 * var(--vw), 21rem);flex-direction:column;flex:1;align-items:center;min-height:0;display:flex;position:relative}.menu:before{content:"";z-index:-1;background:var(--menu-night) url(/assets/bg-BUCaIevL.webp) center bottom / cover no-repeat;position:fixed;inset:0}.menu-title{width:min(88 * var(--vw), 46rem, 140dvh);margin:clamp(.5rem,4dvh,2.5rem) 0 0;line-height:0;transition:width .6s cubic-bezier(.22,1,.36,1),margin-top .6s cubic-bezier(.22,1,.36,1)}.menu-starting .menu-title{width:min(94 * var(--vw), 62rem, 170dvh);margin-top:clamp(2rem,16dvh,9rem)}.menu-title img{width:100%;height:auto;display:block}.menu-logo-x,.menu-logo-y{transform-origin:50%;display:block}.menu-logo-x{animation:3.7s ease-in-out infinite menu-stretch-x}.menu-logo-y{animation:5.3s ease-in-out infinite menu-stretch-y}@keyframes menu-stretch-x{0%,to{transform:scaleX(1)}28%{transform:scaleX(1.09)}57%{transform:scaleX(.94)}81%{transform:scaleX(1.04)}}@keyframes menu-stretch-y{0%,to{transform:scaleY(1)}19%{transform:scaleY(.9)}46%{transform:scaleY(1.11)}72%{transform:scaleY(.95)}}.menu-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(.25rem,2.5dvh,1.4rem);width:100%;min-height:0;padding:clamp(.25rem,2dvh,1rem) 0;display:flex}.menu-list,.menu-options,.menu-ready{align-items:center;gap:inherit;flex-direction:column;display:flex}.menu-body{--font-ui:var(--font-menu);font-family:var(--font-ui);font-synthesis:none}.menu-options{--a:var(--accent-gold);--vol-btn:clamp(2.25rem, 9vw, 2.75rem);--vol-gap:clamp(.25rem, 1.5vw, .5rem);--menu-btn-w:min(26rem, 96 * var(--vw) - 2 * (var(--vol-btn) + var(--vol-gap)));--rag-btn-w:var(--menu-btn-w)}.menu-heading,.menu-text{max-width:min(92 * var(--vw), 30rem);color:#fff;text-align:center;text-shadow:0 2px 0 #000, 0 0 6px #000, 0 0 10px #000, 0 0 18px var(--menu-glow);margin:0}.menu-heading{letter-spacing:.12em;text-transform:uppercase;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem);font-weight:400}.menu-text{font-size:clamp(1.25rem,.95rem + 1.3vw,1.75rem);line-height:1.3}.menu-status{letter-spacing:.1em;text-transform:uppercase;min-height:1.3em}.menu-searching{white-space:nowrap;max-width:none;font-size:clamp(1rem,4.8vw,2.2rem)}.menu-dots>span{opacity:0;animation:none}.menu-dots>span:first-child{animation-name:menu-dot-1}.menu-dots>span:nth-child(2){animation-name:menu-dot-2}.menu-dots>span:nth-child(3){animation-name:menu-dot-3}@keyframes menu-dot-1{0%{opacity:0}25%{opacity:1}}@keyframes menu-dot-2{0%{opacity:0}50%{opacity:1}}@keyframes menu-dot-3{0%{opacity:0}75%{opacity:1}}.menu-credits{z-index:1;color:#fffc;max-width:100%;font-family:var(--font-menu);text-align:right;text-shadow:0 1px #000,0 0 6px #000,0 0 10px #000;align-self:flex-end;margin:0;padding:0 .25rem .25rem;font-size:clamp(.8rem,.7rem + .4vw,1rem);line-height:1.4;position:relative}.menu-credits a{color:#fff;text-underline-offset:.15em;text-decoration:underline}.menu-credits a:hover,.menu-credits a:focus-visible{color:var(--accent-gold)}.menu-credits-sep{height:0;display:block;overflow:hidden}.menu-alert{font-size:clamp(1rem,.85rem + .8vw,1.25rem)}.menu-start{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.menu-start:focus{outline:none}.menu-start-bob{justify-content:center;animation:1.8s ease-in-out infinite menu-start-bob;display:flex;position:absolute;bottom:clamp(2.5rem,20dvh,11rem);left:0;right:0}@keyframes menu-start-bob{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.menu-start-strip{pointer-events:none}@media (hover:hover){.menu-start:hover .menu-start-strip{filter:drop-shadow(0 3px 0 var(--a)) drop-shadow(0 0 10px color-mix(in srgb, color-mix(in srgb, var(--a), #fff 30%) 80%, transparent)) drop-shadow(0 10px 10px #0000008c);transform:translateY(-6px)}}.menu-start:focus-visible .menu-start-strip{filter:drop-shadow(0 3px 0 #fff) drop-shadow(0 0 10px color-mix(in srgb, color-mix(in srgb, var(--a), #fff 30%) 90%, transparent)) drop-shadow(0 10px 10px #0000008c);transform:translateY(-6px)}.menu:not(.menu-starting) .menu-body{animation:.32s ease-out .26s backwards menu-body-in}@keyframes menu-body-in{0%{opacity:0;transform:translateY(.75rem)}}.menu-choices{justify-content:center;align-items:center;gap:clamp(1rem,6vw,2.5rem);display:flex}.menu-icon-btn{aspect-ratio:1;width:clamp(5rem,24vw,8rem);filter:drop-shadow(0 3px 0 var(--menu-glow)) drop-shadow(0 0 6px #8f5bff8c);background:50%/contain no-repeat;border:0;margin:0;padding:0}.menu-icon-accept{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20128%20128'%20width='128'%20height='128'%3e%3ctitle%3eAccept%3c/title%3e%3cpath%20fill='%23000'%20d='M102.4%2017.1%2086.6%2018.1%2072.2%2010.6%2070.9%2010.5%2025.6%2019.9%2024.2%2020.6%2021.6%2024.4%2012.2%2025.6%2012.0%2026.6%2015.0%2038.5%208.0%2052.6%208.4%2056.2%2016.5%2085.4%2030.9%2099.4%2036.4%20119.0%2038.6%20118.6%2066.5%20107.9%20101.1%20103.2%20102.2%20102.4%20106.9%2092.4%20120.6%2086.8%20120.9%2085.4%20116.6%2069.5%20117.6%2066.0%20117.4%2064.1Z'/%3e%3cpath%20fill='%2366dd11'%20d='M85.1%2029.4%2084.1%2029.2%2051.8%2080.5%2050.6%2080.5%2039.9%2056.2%2038.9%2056.4%2029.0%2066.0%2028.8%2067.1%2049.1%2096.1%2050.6%2095.9%20102.4%2050.0%20102.0%2048.2Z'/%3e%3c/svg%3e")}.menu-icon-decline{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20128%20128'%20width='128'%20height='128'%3e%3ctitle%3eDecline%3c/title%3e%3cpath%20fill='%23000'%20d='M102.4%2017.1%2086.6%2018.1%2072.2%2010.6%2070.9%2010.5%2025.6%2019.9%2024.2%2020.6%2021.6%2024.4%2012.2%2025.6%2012.0%2026.6%2015.0%2038.5%208.0%2052.6%208.4%2056.2%2016.5%2085.4%2030.9%2099.4%2036.4%20119.0%2038.6%20118.6%2066.5%20107.9%20101.1%20103.2%20102.2%20102.4%20106.9%2092.4%20120.6%2086.8%20120.9%2085.4%20116.6%2069.5%20117.6%2066.0%20117.4%2064.1Z'/%3e%3cpath%20fill='%23dd0000'%20d='M81.6%2026.5%2080.5%2026.4%2061.5%2048.2%2059.2%2047.5%2036.1%2032.2%2034.8%2031.9%2033.6%2033.2%2028.2%2043.8%2028.1%2045.4%2049.1%2062.2%2048.5%2063.9%2031.9%2083.6%2032.2%2085.1%2043.2%2098.4%2044.1%2098.4%2064.9%2075.1%2066.5%2075.5%2082.2%2088.0%2083.8%2088.5%2095.8%2072.8%2095.9%2071.6%2078.9%2060.0%2079.5%2058.2%2096.6%2038.6%2095.5%2037.1Z'/%3e%3c/svg%3e")}.menu-icon-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease-out,filter .12s ease-out}@media (hover:hover){.menu-icon-btn:hover{filter:drop-shadow(0 3px 0 var(--menu-glow)) drop-shadow(0 0 10px #aa82ffcc) drop-shadow(0 10px 10px #0000008c);transform:translateY(-6px)}}.menu-icon-btn:focus-visible{filter:drop-shadow(0 3px #fff)drop-shadow(0 0 10px #aa82ffe6)drop-shadow(0 10px 10px #0000008c);outline:none;transform:translateY(-6px)}.menu-icon-btn:active{transform:translateY(-1px)}.menu-toggle{width:var(--menu-btn-w);min-height:calc(var(--menu-btn-w) / 4.4);padding-inline:calc(var(--menu-btn-w) * .1);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;font-size:clamp(1.1rem,.9rem + 1vw,1.45rem);display:flex}.menu-options .menu-heading{text-shadow:0 2px 0 #000, 0 0 6px #000, 0 0 10px #000, 0 0 18px var(--a)}.menu-options{--opt-mark:min(4.25rem, 8dvh)}.menu-options .menu-toggle,.menu-options .rag-btn{min-height:min(calc(var(--menu-btn-w) / 4.4), 9dvh)}.menu:has(.menu-options) .menu-title{width:min(88 * var(--vw), 46rem, 70dvh)}.menu-toggle input{appearance:none;width:var(--opt-mark,4.25rem);height:var(--opt-mark,4.25rem);cursor:pointer;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20128%20128'%20width='128'%20height='128'%3e%3ctitle%3eDecline%3c/title%3e%3cpath%20fill='%23000'%20d='M102.4%2017.1%2086.6%2018.1%2072.2%2010.6%2070.9%2010.5%2025.6%2019.9%2024.2%2020.6%2021.6%2024.4%2012.2%2025.6%2012.0%2026.6%2015.0%2038.5%208.0%2052.6%208.4%2056.2%2016.5%2085.4%2030.9%2099.4%2036.4%20119.0%2038.6%20118.6%2066.5%20107.9%20101.1%20103.2%20102.2%20102.4%20106.9%2092.4%20120.6%2086.8%20120.9%2085.4%20116.6%2069.5%20117.6%2066.0%20117.4%2064.1Z'/%3e%3cpath%20fill='%23dd0000'%20d='M81.6%2026.5%2080.5%2026.4%2061.5%2048.2%2059.2%2047.5%2036.1%2032.2%2034.8%2031.9%2033.6%2033.2%2028.2%2043.8%2028.1%2045.4%2049.1%2062.2%2048.5%2063.9%2031.9%2083.6%2032.2%2085.1%2043.2%2098.4%2044.1%2098.4%2064.9%2075.1%2066.5%2075.5%2082.2%2088.0%2083.8%2088.5%2095.8%2072.8%2095.9%2071.6%2078.9%2060.0%2079.5%2058.2%2096.6%2038.6%2095.5%2037.1Z'/%3e%3c/svg%3e") 50%/contain no-repeat;border:0;flex:none;margin:0}.menu-toggle input:checked{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20128%20128'%20width='128'%20height='128'%3e%3ctitle%3eAccept%3c/title%3e%3cpath%20fill='%23000'%20d='M102.4%2017.1%2086.6%2018.1%2072.2%2010.6%2070.9%2010.5%2025.6%2019.9%2024.2%2020.6%2021.6%2024.4%2012.2%2025.6%2012.0%2026.6%2015.0%2038.5%208.0%2052.6%208.4%2056.2%2016.5%2085.4%2030.9%2099.4%2036.4%20119.0%2038.6%20118.6%2066.5%20107.9%20101.1%20103.2%20102.2%20102.4%20106.9%2092.4%20120.6%2086.8%20120.9%2085.4%20116.6%2069.5%20117.6%2066.0%20117.4%2064.1Z'/%3e%3cpath%20fill='%2366dd11'%20d='M85.1%2029.4%2084.1%2029.2%2051.8%2080.5%2050.6%2080.5%2039.9%2056.2%2038.9%2056.4%2029.0%2066.0%2028.8%2067.1%2049.1%2096.1%2050.6%2095.9%20102.4%2050.0%20102.0%2048.2Z'/%3e%3c/svg%3e")}.menu-toggle input:focus-visible{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 2px #fff);outline:none}.menu-volume{justify-content:center;align-items:center;gap:var(--vol-gap);display:flex}.menu-volume-strip{cursor:default;flex:none}.menu-volume-level{width:var(--opt-mark,4.25rem);text-align:center;flex:none}.menu-volume-level:focus-visible{text-shadow:0 0 2px #fff,0 0 2px #fff;outline:none}.menu-volume-btn{width:var(--vol-btn);aspect-ratio:1;filter:drop-shadow(0 3px #0009);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;margin:0;padding:0;transition:transform .12s ease-out,filter .12s ease-out,opacity .12s ease-out}.menu-volume-btn img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@media (hover:hover){.menu-volume-btn:not(:disabled):hover{filter:drop-shadow(0 3px #0009)drop-shadow(0 8px 8px #0000008c);transform:translateY(-4px)}}.menu-volume-btn:not(:disabled):active{transform:translateY(-1px)}.menu-volume-btn:disabled{opacity:.35;cursor:default}.menu-countdown{width:var(--menu-btn-w);flex-direction:column;align-items:center;gap:.4rem;display:flex}.menu-countdown-text{color:#fff;font-family:var(--font-ui);text-shadow:0 2px 0 #000, 0 0 10px #000, 0 0 18px var(--menu-glow);font-size:clamp(2.4rem,1.8rem + 3.4vw,3.8rem);font-weight:400;line-height:1}.menu-countdown-track{background:#0000008c;border-radius:999px;width:100%;height:.5rem;display:block;overflow:hidden;box-shadow:0 0 10px #8f5bff8c}.menu-countdown-bar{background:linear-gradient(90deg, var(--menu-glow), #fff);transform-origin:0;height:100%;animation-name:menu-drain;animation-timing-function:linear;animation-fill-mode:forwards;display:block}@keyframes menu-drain{0%{transform:scaleX(var(--from,1))}to{transform:scaleX(0)}}@media (orientation:portrait){.menu-starting .menu-title{margin-top:28dvh}.menu-start-bob{bottom:42dvh}}@media (height<=500px){.menu-title{width:min(70 * var(--vw), 30rem, 105dvh)}.menu-starting .menu-title{width:min(84 * var(--vw), 40rem, 150dvh);margin-top:clamp(1rem,10dvh,3rem)}.menu-start-bob{bottom:clamp(1rem,12dvh,3rem)}.menu-credits{font-size:.8rem;line-height:1.3}.menu-list .rag-btn{min-height:min(calc(var(--menu-btn-w) / 7), 14dvh)}.menu-ready .menu-heading{font-size:min(1.5rem,9dvh)}.menu-ready .menu-text{font-size:min(1.25rem,7dvh)}.menu-countdown{gap:.25rem}.menu-countdown-text{font-size:min(2.4rem,12dvh)}.menu-icon-btn{width:min(4rem,15dvh)}.menu-toggle{min-height:calc(var(--menu-btn-w) / 7);padding-block:.4rem;font-size:1.1rem}.menu-toggle input{width:3rem;height:3rem}.menu-options{--vol-btn:min(2rem, 11dvh);gap:min(.4rem,1.5dvh)}.menu-body:has(.menu-options){padding-block:.5rem}.menu-options .menu-heading{font-size:min(1.3rem,8dvh)}.menu-options .menu-toggle,.menu-options .rag-btn{min-height:min(2.9rem,13dvh);padding-block:.15rem}.menu-options .menu-toggle input{width:min(2.4rem,11dvh);height:min(2.4rem,11dvh)}.menu-volume-level{width:min(2.4rem,11dvh)}}@media (height<=500px) and (orientation:landscape){.menu-credits-sep{height:auto;display:inline}.menu:has(.menu-options) .menu-title{clip-path:inset(50%);width:1px;height:1px;margin:-1px;transition:none;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.menu-logo-x,.menu-logo-y,.menu-start-bob,.menu:not(.menu-starting) .menu-body,.menu-dots>span{opacity:1;animation:none}.menu-title,.menu-icon-btn,.menu-volume-btn{transition:none}}.card[data-cause=true][data-burst=true]{--rim:4px;z-index:2;box-shadow:0 0 0 1px #fff, 0 0 8px 3px #ffffffd9, 0 0 22px 8px #96ffdc66, var(--card-outline);border-width:0;animation:none}.card[data-cause=true][data-burst=true][data-flip=true]{animation:flip-in var(--flip-ms) ease-out}.card[data-cause=true][data-burst=true]:before{content:"";aspect-ratio:1;background:conic-gradient(#7dfcff,#b48cff,#ff9de2,#ffe48a,#9dffb6,#7dfcff);width:175%;animation:3s linear infinite holo-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.card[data-cause=true][data-burst=true][data-flip=true]:before{animation:holo-spin 3s linear var(--flip-ms) infinite}.card[data-cause=true][data-burst=true]>.face{inset:var(--rim);padding:calc((100% - 2 * var(--rim)) * .12);border-radius:calc(.4rem - var(--rim))}.card[data-cause=true][data-burst=true]>.face:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffffff8c,#ffffff26 70%,#0000);position:absolute;inset:0}.card[data-cause=true][data-burst=true]>.face>svg{position:relative}.card[data-cause=true][data-burst=true]>.face>.holo-fringe{padding:12%;animation:2.4s linear infinite holo-split;position:absolute;inset:0}.card[data-cause=true][data-burst=true]>.face>.holo-fringe>svg{filter:drop-shadow(1.5px 0 #00f0ffd9)drop-shadow(-1.5px 0 #ff3cdcbf)drop-shadow(0 0 3px #fff);width:100%;height:100%;display:block}.burst-bloom{z-index:2;pointer-events:none;border-radius:.4rem;animation:1.3s ease-in-out infinite alternate burst-bloom;position:relative;box-shadow:0 0 0 2px #fff,0 0 14px 6px #fffffff2,0 0 34px 14px #96ffdc99}.burst-bloom[data-flip=true]{animation:burst-bloom 1.3s ease-in-out var(--flip-ms) infinite alternate backwards}.fruit-glow{--burst-scale:.8;z-index:3;pointer-events:none;mix-blend-mode:screen;filter:blur(calc(var(--card-size) * .04));box-shadow:0 0 calc(var(--card-size) * .55 * var(--burst-scale)) calc(var(--card-size) * .12 * var(--burst-scale)) #beffeb73;animation:.25s ease-out burst-in;position:relative}.fruit-glow[data-flip=true]{animation:burst-in .25s ease-out var(--flip-ms) backwards}.fruit-glow:before,.fruit-glow:after,.fruit-glow>span{content:"";aspect-ratio:1;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-composite:source-in;mask-composite:intersect}.fruit-glow>.burst-wash{width:calc(var(--card-size) * 3.4 * var(--burst-scale));background:conic-gradient(#5dffa08c,#4de8ff80,#a07bff8c,#ffd35a73,#ff8cd780,#5dffa08c);animation:30s linear infinite burst-turn,3.4s ease-in-out infinite alternate burst-breathe,9s linear infinite burst-hue;-webkit-mask-image:radial-gradient(closest-side,#000 10%,#0000008c 40%,#0000002e 70%,#0000);mask-image:radial-gradient(closest-side,#000 10%,#0000008c 40%,#0000002e 70%,#0000)}.fruit-glow:before{width:calc(var(--card-size) * 4.6 * var(--burst-scale));background:#fff;animation:26s linear infinite burst-turn,1.7s ease-in-out infinite alternate burst-flicker;-webkit-mask-image:radial-gradient(closest-side,#000 12%,#0000008c 32%,#0003 58%,#0000000f 82%,#0000),repeating-conic-gradient(#0000000d 0deg,#00000059 8deg,#000 14deg,#0006 21deg,#00000014 30deg,#0009 41deg,#0000000f 52deg,#0000000d 60deg);mask-image:radial-gradient(closest-side,#000 12%,#0000008c 32%,#0003 58%,#0000000f 82%,#0000),repeating-conic-gradient(#0000000d 0deg,#00000059 8deg,#000 14deg,#0006 21deg,#00000014 30deg,#0009 41deg,#0000000f 52deg,#0000000d 60deg)}.fruit-glow:after{width:calc(var(--card-size) * 4 * var(--burst-scale));background:conic-gradient(#5dffa0,#4de8ff,#a07bff,#5dffa0,#ffd35a,#4de8ff,#5dffa0);animation:17s linear infinite reverse burst-turn,2.6s ease-in-out infinite alternate burst-breathe,6s linear infinite burst-hue;-webkit-mask-image:radial-gradient(closest-side,#000 15%,#000c 38%,#00000059 68%,#0000),repeating-conic-gradient(from 17deg,#0000001a 0deg,#000000a6 7deg,#000 12deg,#0009 18deg,#0000001f 27deg,#00000073 34deg,#0000001a 45deg);mask-image:radial-gradient(closest-side,#000 15%,#000c 38%,#00000059 68%,#0000),repeating-conic-gradient(from 17deg,#0000001a 0deg,#000000a6 7deg,#000 12deg,#0009 18deg,#0000001f 27deg,#00000073 34deg,#0000001a 45deg)}.fruit-glow>.burst-fine{width:calc(var(--card-size) * 3.6 * var(--burst-scale));background:#fff;animation:40s linear infinite reverse burst-turn,.9s ease-in-out infinite alternate burst-flicker;-webkit-mask-image:radial-gradient(closest-side,#000 14%,#00000073 40%,#0000001f 70%,#0000),repeating-conic-gradient(from 5deg,#0000 0deg,#000c 2.5deg,#0000 5.5deg 11deg,#0009 13deg,#0000 16deg 19deg,#000000e6 21.5deg,#0000 25deg);mask-image:radial-gradient(closest-side,#000 14%,#00000073 40%,#0000001f 70%,#0000),repeating-conic-gradient(from 5deg,#0000 0deg,#000c 2.5deg,#0000 5.5deg 11deg,#0009 13deg,#0000 16deg 19deg,#000000e6 21.5deg,#0000 25deg)}@keyframes holo-spin{to{rotate:360deg}}@keyframes holo-split{to{filter:hue-rotate(360deg)}}@keyframes burst-bloom{0%{opacity:0}}@keyframes burst-in{0%{opacity:0}}@keyframes burst-turn{to{rotate:360deg}}@keyframes burst-flicker{0%{opacity:.7}to{opacity:1}}@keyframes burst-breathe{0%{opacity:.75;scale:.9}to{opacity:1;scale:1.08}}@keyframes burst-hue{to{filter:hue-rotate(360deg)}}@media (prefers-reduced-motion:reduce){.card[data-cause=true][data-burst=true],.card[data-cause=true][data-burst=true][data-flip=true]{box-shadow:0 0 0 2px #fff, 0 0 12px 5px #ffffffe6, 0 0 28px 10px #96ffdc80, var(--card-outline);animation:none}.burst-bloom{display:none}.card[data-cause=true][data-burst=true]:before,.card[data-cause=true][data-burst=true][data-flip=true]:before,.card[data-cause=true][data-burst=true]>.face>.holo-fringe,.fruit-glow,.fruit-glow[data-flip=true],.fruit-glow:before,.fruit-glow:after,.fruit-glow>span{animation:none}}.finished{position:absolute;inset:0}.board-wrap:has(.finished)>.board-grid{opacity:0}.card[data-static=true]{animation:none}.card[data-cause=true]{z-index:1;animation:.9s ease-in-out infinite alternate cause-pulse}.card[data-flip=true]{animation:flip-in var(--flip-ms) ease-out, cause-pulse .9s ease-in-out var(--flip-ms) infinite alternate}@keyframes cause-pulse{0%{box-shadow:0 0 6px 2px #ff3c6499, var(--card-outline)}to{box-shadow:0 0 18px 7px #ff3c64f2, var(--card-outline)}}@media (prefers-reduced-motion:reduce){.card[data-cause=true],.card[data-flip=true]{box-shadow:0 0 14px 5px #ff3c64e6, var(--card-outline);animation:none}}.banner-row{--banner-card-w:clamp(2.4rem, min(11vw, 16vh), 4.5rem);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem clamp(.6rem,2vw,1rem);display:flex}.banner-card{width:var(--banner-card-w);aspect-ratio:5/7;box-shadow:0 0 0 calc(var(--banner-card-w) * .045) #000;border:4px solid #f08fb0;border-radius:.35rem;position:relative;overflow:hidden}.banner-card[data-type="3"]{border-color:#e01818}.banner-card{animation:flip-in var(--flip-ms) ease-out var(--flip-delay), banner-back-edge var(--flip-delay) step-end}.banner-card-back{opacity:0;background:linear-gradient(to bottom right, var(--tone0-light,#ff7f9b) 50%, var(--tone0-fill,#ff3a5c) 50%);animation:banner-back var(--flip-delay) step-end;position:absolute;inset:0}.amount[data-delayed=true]{animation:amount-in .25s ease-out var(--reveal-delay) backwards}@keyframes banner-back{0%{opacity:1}}@keyframes banner-back-edge{0%{border-color:var(--tone0-border,#e9b949)}}@keyframes amount-in{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.banner-stars{display:flex}.banner-stars>.banner-card+.banner-card{margin-left:calc(var(--banner-card-w) / -3)}.amount{color:var(--gold);paint-order:stroke fill;-webkit-text-stroke:6px #000;font-size:clamp(1.6rem,min(8vw,11vh),3.2rem);font-style:italic;font-weight:900;line-height:1}.banner-row[data-settled=true] :is(.banner-card,.banner-card-back,.amount){animation:none}@media (prefers-reduced-motion:reduce){.banner-card,.banner-card-back,.amount[data-delayed=true]{animation:none}}.score-chart{width:100%;max-width:21rem;font-family:var(--font-menu);font-synthesis:none;display:block;overflow:visible}.chart-line{fill:none;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.chart-you{stroke:var(--gold)}.chart-opp{stroke:#c9d8cd;stroke-dasharray:4 8}.chart-axis{stroke:#ffffff2e;stroke-width:2px;stroke-linecap:round}.chart-dot[data-player=you]{fill:var(--gold)}.chart-dot[data-player=opp]{fill:#e4ece6}.chart-end{text-transform:uppercase;font-size:14px;font-weight:400}.chart-end-you{fill:var(--gold)}.chart-end-opp{fill:#c9d8cd}.match-end{position:absolute;inset:0}.match-end-stage{z-index:10;background:#0000008c;align-items:safe center;display:flex;position:fixed;inset:0;overflow-y:auto}.match-end-band{--accent:var(--gold);--opp:#dde7e0;background:#05160ce0;flex-direction:column;align-items:center;gap:1.1rem;width:100%;margin:auto 0;padding:1.5rem 1rem 1.75rem;animation:.3s ease-out match-end-in;display:flex;box-shadow:0 10px 30px #00000080}.match-end-band[data-outcome=lose]{--accent:#ef5f82}.match-end-caption,.match-end-subhead,.final-score-label,.final-limit span{font-family:var(--font-menu);font-synthesis:none;letter-spacing:.14em;text-transform:uppercase;color:#f4f1e8bf;font-size:.95rem}.match-end-caption{margin:0}.final-score-label,.final-limit span{white-space:nowrap}.match-end-headline{color:var(--accent);letter-spacing:.03em;text-transform:uppercase;paint-order:stroke fill;-webkit-text-stroke:8px #000;margin:-.4rem 0 0;font-size:clamp(2.6rem,12vw,4.75rem);font-style:italic;font-weight:900;line-height:1}.final-scores{justify-content:center;align-items:center;gap:clamp(.75rem,4vw,2rem);display:flex}.final-score{--colour:var(--gold);background:#14301ed9;border:2px solid #ffffff38;border-radius:.6rem;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem clamp(.75rem,3vw,1.5rem) .6rem;display:flex}.final-score[data-side=opp]{--colour:var(--opp)}.final-score[data-winner=true]{border-color:var(--colour);box-shadow:0 0 16px color-mix(in srgb, var(--colour) 55%, transparent)}.final-score[data-winner=true] .final-score-label{color:var(--colour)}.final-score-value{color:var(--colour);font-size:clamp(1.9rem,8.5vw,3.25rem);display:inline-flex}.final-score[data-winner=true] .seven-seg-digit{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--colour) 70%, transparent))}.final-score[data-winner=false] .final-score-value{opacity:.6}.final-limit{flex-direction:column;align-items:center;gap:.15rem;display:flex}.final-limit b{color:var(--gold);font-family:var(--font-ui);font-size:1.5rem;font-style:italic;font-weight:800}.match-end-details{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem clamp(1.5rem,6vw,4rem);width:100%;max-width:52rem;display:flex}.final-round{--banner-card-w:clamp(2.4rem, 9vw, 3.5rem);flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.final-round .banner-card{border-width:3px}.final-round .amount{font-size:clamp(1.6rem,6vw,2.6rem)}.match-end-reason{font-family:var(--font-menu);font-synthesis:none;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(1.35rem,5vw,1.75rem);font-weight:400}.match-end-details>.score-chart{flex:16rem}.match-end-leave{background:var(--gold);color:#1a1400;font:inherit;font-family:var(--font-menu);font-synthesis:none;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:.5rem;margin-top:1rem;padding:.6rem 1.5rem;font-size:1.35rem;font-weight:400}.match-end-leave:hover{filter:brightness(1.08)}.match-end-leave:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (width<=420px){.final-score-label,.final-limit span{letter-spacing:.08em;font-size:.8rem}.final-score{padding-inline:.6rem}}@media (height<=500px){.match-end-band{gap:.5rem;padding:.6rem 1rem .75rem}.match-end-headline{margin:0;font-size:2.2rem}.final-score{gap:.15rem;padding:.3rem 1rem .35rem}.final-score-value{font-size:1.5rem}.final-limit b{font-size:1.2rem}.match-end-details{gap:.75rem 2.5rem}.final-round{--banner-card-w:2.4rem;gap:.3rem}.final-round .amount{font-size:1.6rem}.match-end-details>.score-chart{flex:0 15rem}.match-end-leave{padding:.5rem 1.5rem}}@keyframes match-end-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.match-end-band{animation:none}}.reveal{cursor:pointer;position:absolute;inset:0}.reveal .card{cursor:pointer}.stage{z-index:10;cursor:pointer;position:fixed;inset:0;overflow:hidden}.banner{animation:banner-in var(--banner-in-ms) ease-out;background:#0009;flex-direction:column;align-items:center;gap:.9rem;padding:1rem .5rem;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 6px 18px #00000080}.banner-text{font-family:var(--font-menu);font-synthesis:none;text-transform:uppercase;text-align:center;margin:0;font-size:clamp(1.4rem,5vw,1.9rem);font-weight:400}.stage .banner-row{--banner-card-w:max(2.4rem, min(var(--board-card-w,4.5rem), 11vw, 16vh))}.stage .amount{font-size:calc(var(--banner-card-w) * .7)}@keyframes banner-in{0%{opacity:0;transform:translate(-30%,-50%)}to{opacity:1;transform:translateY(-50%)}}@media (height<=500px){.banner{gap:.5rem;padding:.6rem .5rem}}@media (prefers-reduced-motion:reduce){.banner{animation:none}}.match{flex-direction:column;flex:1;align-items:center;min-height:0;display:flex}.match>.hud{zoom:var(--hud-scale);width:100%}@property --hud-scale{syntax:"<number>";inherits:true;initial-value:1}@media (orientation:landscape) and (height>=501px){.match{--board-need:calc((var(--board-rows) * 1.4 + (var(--board-rows) - 1) * .2) * 5.5rem + .8rem);--hud-scale:clamp(1, min(tan(atan2(100dvh - 2 * var(--pad-y) - var(--board-need), 4.85rem)), tan(atan2(100vw - 2 * var(--pad-x), 54rem))), 1.4)}}.board-area{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:.4rem;display:flex;container:board/size}.board-area:has(.fruit-glow){overflow:clip}.match:before{content:"";z-index:-1;background:radial-gradient(ellipse at center, var(--table) 0%, var(--table-dark) 100%);transition:filter .4s;position:fixed;inset:0}.match[data-waiting=true]:before{filter:saturate(.6)brightness(.85)}.board-area[data-shake=true] .board-grid{animation:board-shake var(--settle-ms) ease-out var(--flip-ms)}@keyframes board-shake{0%,75%,to{transform:translate(0)}5%{transform:translate(20px,-14px)}11%{transform:translate(-20px,12px)}17%{transform:translate(16px,16px)}23%{transform:translate(-17px,-13px)}30%{transform:translate(13px,-10px)}37%{transform:translate(-11px,9px)}45%{transform:translate(8px,6px)}53%{transform:translate(-5px,-4px)}62%{transform:translate(3px,2px)}69%{transform:translate(-1px,-1px)}}@media (prefers-reduced-motion:reduce){.match:before{transition:none}.board-area[data-shake=true] .board-grid{animation:none}}:root{--table:#0f5a32;--table-dark:#08301b;--ink:#f4f1e8;--gold:#ffc928;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-digits:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-menu:"Patrick Hand", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--accent-purple:#7b3cff;--accent-gold:#f2cc1d;--a:var(--accent-purple)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-ui);color:var(--ink);background:radial-gradient(ellipse at center, var(--table) 0%, var(--table-dark) 100%);background-attachment:fixed}button{font:inherit}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{--pad-y:.75rem;--pad-x:1rem;height:100dvh;padding:max(var(--pad-y), env(safe-area-inset-top)) max(var(--pad-x), env(safe-area-inset-right)) max(var(--pad-y), env(safe-area-inset-bottom)) max(var(--pad-x), env(safe-area-inset-left));flex-direction:column;display:flex}@media (width<=640px),(height<=500px){.app{--pad-y:.4rem;--pad-x:.5rem}}.app-screen{display:contents}