@charset "UTF-8";@font-face{font-family:Almarai;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/almarai-400.woff2) format("woff2")}@font-face{font-family:Almarai;font-style:normal;font-weight:700;font-display:block;src:url(../fonts/almarai-700.woff2) format("woff2")}@font-face{font-family:Almarai;font-style:normal;font-weight:800;font-display:block;src:url(../fonts/almarai-800.woff2) format("woff2")}@font-face{font-family:Red Rose;font-style:normal;font-weight:300 700;font-display:block;src:url(../fonts/red-rose.woff2) format("woff2")}:root{--color-dark: #303131;--color-yellow: #f0ea6e;--color-yellow-hover: #e4de5f;--color-text-light: #ffffff;--color-text-dark: #26262a;--font-base: "Almarai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Red Rose", var(--font-base);--player-blue: #2d9cdb;--player-orange: #f2994a}*{box-sizing:border-box}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body{margin:0;min-height:100vh;font-family:var(--font-base)}.page--dark{background-color:var(--color-dark);color:var(--color-text-light)}.home{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100vh;padding:0 10vw;overflow:hidden}.home:before{content:"";position:absolute;left:-60px;bottom:-80px;width:620px;height:700px;background-image:url(./stadia_controller-CcsXEKot.svg);background-repeat:no-repeat;background-size:contain;background-position:bottom left;pointer-events:none}.home>*{position:relative;z-index:1}.home__kicker{margin:0;font-size:48px;line-height:1;align-self:flex-start;padding-left:90px}.home__title{margin:0;font-family:var(--font-display);font-size:clamp(48px,9.72vw,140px);font-weight:700;line-height:1;letter-spacing:0}.home .button{align-self:center;margin-top:56px}.button{display:inline-flex;align-items:center;gap:24px;padding:24px 20px;border:none;background-color:var(--color-yellow);color:var(--color-dark);font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1.25;text-decoration:none;cursor:pointer;transition:background-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out,padding-inline .15s ease-out}.button:hover:not(:disabled){padding-inline:28px;background-color:var(--color-yellow-hover);transform:translateY(-2px);box-shadow:0 8px 18px #00000040}.button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #00000040}.button__icon{width:44px;height:32px;background-image:url("data:image/svg+xml,%3csvg%20width='44'%20height='32'%20viewBox='0%200%2044%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.37514%2032C5.3683%2032%203.65412%2031.2833%202.23261%2029.85C0.811098%2028.4167%200.0668947%2026.6833%200%2024.65C0%2024.35%200.0167237%2024.05%200.050171%2023.75C0.0836184%2023.45%200.133789%2023.15%200.200684%2022.85L4.41505%206.05C4.88332%204.25%205.83656%202.79167%207.2748%201.675C8.71304%200.558333%2010.352%200%2012.1916%200H31.7583C33.5979%200%2035.2368%200.558333%2036.675%201.675C38.1133%202.79167%2039.0665%204.25%2039.5348%206.05L43.7491%2022.85C43.816%2023.15%2043.8746%2023.4583%2043.9247%2023.775C43.9749%2024.0917%2044%2024.4%2044%2024.7C44%2026.7333%2043.2725%2028.4583%2041.8176%2029.875C40.3626%2031.2917%2038.615%2032%2036.5747%2032C35.1699%2032%2033.8655%2031.6333%2032.6613%2030.9C31.4572%2030.1667%2030.5542%2029.1667%2029.9521%2027.9L28.5473%2025C28.3801%2024.6667%2028.1292%2024.4167%2027.7948%2024.25C27.4603%2024.0833%2027.1091%2024%2026.7412%2024H17.2087C16.8407%2024%2016.4895%2024.0833%2016.1551%2024.25C15.8206%2024.4167%2015.5697%2024.6667%2015.4025%2025L13.9977%2027.9C13.3957%2029.1667%2012.4926%2030.1667%2011.2885%2030.9C10.0844%2031.6333%208.77993%2032%207.37514%2032ZM7.52566%2028C8.16116%2028%208.73812%2027.8333%209.25656%2027.5C9.77499%2027.1667%2010.168%2026.7167%2010.4356%2026.15L11.8404%2023.3C12.3421%2022.2667%2013.0779%2021.4583%2014.0479%2020.875C15.0179%2020.2917%2016.0715%2020%2017.2087%2020H26.7412C27.8784%2020%2028.932%2020.3%2029.9019%2020.9C30.8719%2021.5%2031.6245%2022.3%2032.1596%2023.3L33.5644%2026.15C33.832%2026.7167%2034.225%2027.1667%2034.7434%2027.5C35.2619%2027.8333%2035.8388%2028%2036.4743%2028C37.4109%2028%2038.2136%2027.6917%2038.8826%2027.075C39.5515%2026.4583%2039.9027%2025.6833%2039.9361%2024.75C39.9361%2024.7833%2039.9027%2024.4667%2039.8358%2023.8L35.6214%207.05C35.3873%206.15%2034.919%205.41667%2034.2166%204.85C33.5143%204.28333%2032.6948%204%2031.7583%204H12.1916C11.255%204%2010.4272%204.28333%209.7081%204.85C8.98898%205.41667%208.52908%206.15%208.32839%207.05L4.11403%2023.8C4.04713%2024%204.01368%2024.3%204.01368%2024.7C4.01368%2025.6333%204.35652%2026.4167%205.04219%2027.05C5.72786%2027.6833%206.55568%2028%207.52566%2028ZM24.9852%2014C25.5538%2014%2026.0304%2013.8083%2026.4151%2013.425C26.7997%2013.0417%2026.992%2012.5667%2026.992%2012C26.992%2011.4333%2026.7997%2010.9583%2026.4151%2010.575C26.0304%2010.1917%2025.5538%2010%2024.9852%2010C24.4166%2010%2023.9399%2010.1917%2023.5553%2010.575C23.1707%2010.9583%2022.9783%2011.4333%2022.9783%2012C22.9783%2012.5667%2023.1707%2013.0417%2023.5553%2013.425C23.9399%2013.8083%2024.4166%2014%2024.9852%2014ZM28.9989%2010C29.5675%2010%2030.0441%209.80833%2030.4287%209.425C30.8134%209.04167%2031.0057%208.56667%2031.0057%208C31.0057%207.43333%2030.8134%206.95833%2030.4287%206.575C30.0441%206.19167%2029.5675%206%2028.9989%206C28.4303%206%2027.9536%206.19167%2027.569%206.575C27.1843%206.95833%2026.992%207.43333%2026.992%208C26.992%208.56667%2027.1843%209.04167%2027.569%209.425C27.9536%209.80833%2028.4303%2010%2028.9989%2010ZM28.9989%2018C29.5675%2018%2030.0441%2017.8083%2030.4287%2017.425C30.8134%2017.0417%2031.0057%2016.5667%2031.0057%2016C31.0057%2015.4333%2030.8134%2014.9583%2030.4287%2014.575C30.0441%2014.1917%2029.5675%2014%2028.9989%2014C28.4303%2014%2027.9536%2014.1917%2027.569%2014.575C27.1843%2014.9583%2026.992%2015.4333%2026.992%2016C26.992%2016.5667%2027.1843%2017.0417%2027.569%2017.425C27.9536%2017.8083%2028.4303%2018%2028.9989%2018ZM33.0125%2014C33.5811%2014%2034.0578%2013.8083%2034.4424%2013.425C34.8271%2013.0417%2035.0194%2012.5667%2035.0194%2012C35.0194%2011.4333%2034.8271%2010.9583%2034.4424%2010.575C34.0578%2010.1917%2033.5811%2010%2033.0125%2010C32.4439%2010%2031.9673%2010.1917%2031.5827%2010.575C31.198%2010.9583%2031.0057%2011.4333%2031.0057%2012C31.0057%2012.5667%2031.198%2013.0417%2031.5827%2013.425C31.9673%2013.8083%2032.4439%2014%2033.0125%2014ZM14.951%2017C15.3858%2017%2015.7453%2016.8583%2016.0296%2016.575C16.3139%2016.2917%2016.4561%2015.9333%2016.4561%2015.5V13.5H18.4629C18.8978%2013.5%2019.2573%2013.3583%2019.5416%2013.075C19.8259%2012.7917%2019.9681%2012.4333%2019.9681%2012C19.9681%2011.5667%2019.8259%2011.2083%2019.5416%2010.925C19.2573%2010.6417%2018.8978%2010.5%2018.4629%2010.5H16.4561V8.5C16.4561%208.06667%2016.3139%207.70833%2016.0296%207.425C15.7453%207.14167%2015.3858%207%2014.951%207C14.5162%207%2014.1566%207.14167%2013.8723%207.425C13.588%207.70833%2013.4458%208.06667%2013.4458%208.5V10.5H11.439C11.0042%2010.5%2010.6446%2010.6417%2010.3603%2010.925C10.076%2011.2083%209.93387%2011.5667%209.93387%2012C9.93387%2012.4333%2010.076%2012.7917%2010.3603%2013.075C10.6446%2013.3583%2011.0042%2013.5%2011.439%2013.5H13.4458V15.5C13.4458%2015.9333%2013.588%2016.2917%2013.8723%2016.575C14.1566%2016.8583%2014.5162%2017%2014.951%2017Z'%20fill='%23303131'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center;transition:transform .2s ease-out}.button:hover:not(:disabled) .button__icon:not(.button__icon--play){transform:rotate(-10deg)}.button__icon--play{width:20px;height:16px;background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='16'%20viewBox='0%200%2020%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.275%2012L13.85%208.425C14%208.325%2014.075%208.18333%2014.075%208C14.075%207.81667%2014%207.675%2013.85%207.575L8.275%204C8.10833%203.88333%207.9375%203.875%207.7625%203.975C7.5875%204.075%207.5%204.225%207.5%204.425V11.575C7.5%2011.775%207.5875%2011.925%207.7625%2012.025C7.9375%2012.125%208.10833%2012.1167%208.275%2012ZM2%2016C1.45%2016%200.979167%2015.8042%200.5875%2015.4125C0.195833%2015.0208%200%2014.55%200%2014V2C0%201.45%200.195833%200.979167%200.5875%200.5875C0.979167%200.195833%201.45%200%202%200H18C18.55%200%2019.0208%200.195833%2019.4125%200.5875C19.8042%200.979167%2020%201.45%2020%202V14C20%2014.55%2019.8042%2015.0208%2019.4125%2015.4125C19.0208%2015.8042%2018.55%2016%2018%2016H2ZM2%2014H18V2H2V14Z'%20fill='%23303131'/%3e%3c/svg%3e")}.button__arrow{position:relative;display:inline-block;width:34px;height:40px;font-size:32px;transition:transform .15s ease-out}.button:hover:not(:disabled) .button__arrow{transform:translate(6px)}.button__arrow:before,.button__arrow:after{content:"→";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1;transition:opacity .13s ease-out,transform .13s ease-out}.button__arrow:before{transition-delay:.13s}.button__arrow:after{font-size:52px;opacity:0;transform:translate(-6px)}.button:hover:not(:disabled) .button__arrow:before{opacity:0;transition-delay:0ms}.button:hover:not(:disabled) .button__arrow:after{opacity:1;transform:translate(0);transition-delay:.13s}.button--small{gap:8px;height:49px;padding:0 20px;font-size:18px;line-height:1;white-space:nowrap}.button--small:hover:not(:disabled){padding-inline:20px}.button--small:disabled{background-color:#e6e3d6;color:#9a9a9a;cursor:not-allowed}.button--small:disabled .button__icon{opacity:.35}.settings{max-width:1200px;margin:0 auto;padding:48px 40px;color:var(--color-text-dark)}.settings__title{position:relative;display:inline-block;margin:0 0 48px;padding-bottom:20px;font-family:var(--font-display);font-size:48px;font-weight:700}.settings__title:before{content:"";position:absolute;left:-22px;bottom:-5px;width:14px;height:14px;background-color:var(--color-yellow);transform:rotate(45deg)}.settings__title:after{content:"";position:absolute;left:-15px;bottom:0;width:265px;height:5px;background-color:var(--color-yellow)}.settings__body{display:grid;grid-template-columns:1fr minmax(0,460px);gap:48px;align-items:start}.settings__form{display:flex;flex-direction:column;gap:40px}.settings__side{display:flex;flex-direction:column;gap:24px}.option{border:none;margin:0;padding:0}.option__title{padding:0 0 12px;font-size:24px;font-weight:700}.option__icon{display:inline-block;width:27px;height:27px;margin-right:10px;vertical-align:-6px;background-repeat:no-repeat;background-size:contain;background-position:center}.option__icon--theme{background-image:url("data:image/svg+xml,%3csvg%20width='27'%20height='27'%20viewBox='0%200%2027%2027'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.3333%2026.6667C11.5111%2026.6667%209.78889%2026.3167%208.16667%2025.6167C6.54444%2024.9167%205.12778%2023.9611%203.91667%2022.75C2.70556%2021.5389%201.75%2020.1222%201.05%2018.5C0.35%2016.8778%200%2015.1556%200%2013.3333C0%2011.4889%200.361111%209.75556%201.08333%208.13333C1.80556%206.51111%202.78333%205.1%204.01667%203.9C5.25%202.7%206.68889%201.75%208.33333%201.05C9.97778%200.35%2011.7333%200%2013.6%200C15.3778%200%2017.0556%200.305556%2018.6333%200.916667C20.2111%201.52778%2021.5944%202.37222%2022.7833%203.45C23.9722%204.52778%2024.9167%205.80556%2025.6167%207.28333C26.3167%208.76111%2026.6667%2010.3556%2026.6667%2012.0667C26.6667%2014.6222%2025.8889%2016.5833%2024.3333%2017.95C22.7778%2019.3167%2020.8889%2020%2018.6667%2020H16.2C16%2020%2015.8611%2020.0556%2015.7833%2020.1667C15.7056%2020.2778%2015.6667%2020.4%2015.6667%2020.5333C15.6667%2020.8%2015.8333%2021.1833%2016.1667%2021.6833C16.5%2022.1833%2016.6667%2022.7556%2016.6667%2023.4C16.6667%2024.5111%2016.3611%2025.3333%2015.75%2025.8667C15.1389%2026.4%2014.3333%2026.6667%2013.3333%2026.6667ZM6%2014.6667C6.57778%2014.6667%207.05556%2014.4778%207.43333%2014.1C7.81111%2013.7222%208%2013.2444%208%2012.6667C8%2012.0889%207.81111%2011.6111%207.43333%2011.2333C7.05556%2010.8556%206.57778%2010.6667%206%2010.6667C5.42222%2010.6667%204.94444%2010.8556%204.56667%2011.2333C4.18889%2011.6111%204%2012.0889%204%2012.6667C4%2013.2444%204.18889%2013.7222%204.56667%2014.1C4.94444%2014.4778%205.42222%2014.6667%206%2014.6667ZM10%209.33333C10.5778%209.33333%2011.0556%209.14444%2011.4333%208.76667C11.8111%208.38889%2012%207.91111%2012%207.33333C12%206.75556%2011.8111%206.27778%2011.4333%205.9C11.0556%205.52222%2010.5778%205.33333%2010%205.33333C9.42222%205.33333%208.94444%205.52222%208.56667%205.9C8.18889%206.27778%208%206.75556%208%207.33333C8%207.91111%208.18889%208.38889%208.56667%208.76667C8.94444%209.14444%209.42222%209.33333%2010%209.33333ZM16.6667%209.33333C17.2444%209.33333%2017.7222%209.14444%2018.1%208.76667C18.4778%208.38889%2018.6667%207.91111%2018.6667%207.33333C18.6667%206.75556%2018.4778%206.27778%2018.1%205.9C17.7222%205.52222%2017.2444%205.33333%2016.6667%205.33333C16.0889%205.33333%2015.6111%205.52222%2015.2333%205.9C14.8556%206.27778%2014.6667%206.75556%2014.6667%207.33333C14.6667%207.91111%2014.8556%208.38889%2015.2333%208.76667C15.6111%209.14444%2016.0889%209.33333%2016.6667%209.33333ZM20.6667%2014.6667C21.2444%2014.6667%2021.7222%2014.4778%2022.1%2014.1C22.4778%2013.7222%2022.6667%2013.2444%2022.6667%2012.6667C22.6667%2012.0889%2022.4778%2011.6111%2022.1%2011.2333C21.7222%2010.8556%2021.2444%2010.6667%2020.6667%2010.6667C20.0889%2010.6667%2019.6111%2010.8556%2019.2333%2011.2333C18.8556%2011.6111%2018.6667%2012.0889%2018.6667%2012.6667C18.6667%2013.2444%2018.8556%2013.7222%2019.2333%2014.1C19.6111%2014.4778%2020.0889%2014.6667%2020.6667%2014.6667ZM13.3333%2024C13.5333%2024%2013.6944%2023.9444%2013.8167%2023.8333C13.9389%2023.7222%2014%2023.5778%2014%2023.4C14%2023.0889%2013.8333%2022.7222%2013.5%2022.3C13.1667%2021.8778%2013%2021.2444%2013%2020.4C13%2019.4667%2013.3222%2018.7222%2013.9667%2018.1667C14.6111%2017.6111%2015.4%2017.3333%2016.3333%2017.3333H18.6667C20.1333%2017.3333%2021.3889%2016.9056%2022.4333%2016.05C23.4778%2015.1944%2024%2013.8667%2024%2012.0667C24%209.37778%2022.9722%207.13889%2020.9167%205.35C18.8611%203.56111%2016.4222%202.66667%2013.6%202.66667C10.5778%202.66667%208%203.7%205.86667%205.76667C3.73333%207.83333%202.66667%2010.3556%202.66667%2013.3333C2.66667%2016.2889%203.70556%2018.8056%205.78333%2020.8833C7.86111%2022.9611%2010.3778%2024%2013.3333%2024Z'%20fill='%23DA1EBA'/%3e%3c/svg%3e")}.option__icon--player{background-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='27'%20viewBox='0%200%2022%2027'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.66667%2026.6667C1.93333%2026.6667%201.30556%2026.4056%200.783333%2025.8833C0.261111%2025.3611%200%2024.7333%200%2024V21.3667C0%2020.9222%200.1%2020.5111%200.3%2020.1333C0.5%2019.7556%200.766667%2019.4333%201.1%2019.1667C2.63333%2017.9222%203.78333%2016.6667%204.55%2015.4C5.31667%2014.1333%205.85556%2013%206.16667%2012H4C3.62222%2012%203.30556%2011.8722%203.05%2011.6167C2.79444%2011.3611%202.66667%2011.0444%202.66667%2010.6667C2.66667%2010.2889%202.79444%209.97222%203.05%209.71667C3.30556%209.46111%203.62222%209.33333%204%209.33333H5.66667C5.35556%208.84444%205.11111%208.32222%204.93333%207.76667C4.75556%207.21111%204.66667%206.62222%204.66667%206C4.66667%204.33333%205.25%202.91667%206.41667%201.75C7.58333%200.583333%209%200%2010.6667%200C12.3333%200%2013.75%200.583333%2014.9167%201.75C16.0833%202.91667%2016.6667%204.33333%2016.6667%206C16.6667%206.62222%2016.5778%207.21111%2016.4%207.76667C16.2222%208.32222%2015.9778%208.84444%2015.6667%209.33333H17.3333C17.7111%209.33333%2018.0278%209.46111%2018.2833%209.71667C18.5389%209.97222%2018.6667%2010.2889%2018.6667%2010.6667C18.6667%2011.0444%2018.5389%2011.3611%2018.2833%2011.6167C18.0278%2011.8722%2017.7111%2012%2017.3333%2012H15.1667C15.4778%2013%2016.0167%2014.1333%2016.7833%2015.4C17.55%2016.6667%2018.7%2017.9222%2020.2333%2019.1667C20.5667%2019.4333%2020.8333%2019.7556%2021.0333%2020.1333C21.2333%2020.5111%2021.3333%2020.9222%2021.3333%2021.3667V24C21.3333%2024.7333%2021.0722%2025.3611%2020.55%2025.8833C20.0278%2026.4056%2019.4%2026.6667%2018.6667%2026.6667H2.66667ZM2.66667%2024H18.6667V21.3333C16.6222%2019.7333%2015.1444%2018.0833%2014.2333%2016.3833C13.3222%2014.6833%2012.7111%2013.2222%2012.4%2012H8.93333C8.62222%2013.2222%208.01111%2014.6833%207.1%2016.3833C6.18889%2018.0833%204.71111%2019.7333%202.66667%2021.3333V24ZM10.6667%209.33333C11.6%209.33333%2012.3889%209.01111%2013.0333%208.36667C13.6778%207.72222%2014%206.93333%2014%206C14%205.06667%2013.6778%204.27778%2013.0333%203.63333C12.3889%202.98889%2011.6%202.66667%2010.6667%202.66667C9.73333%202.66667%208.94444%202.98889%208.3%203.63333C7.65556%204.27778%207.33333%205.06667%207.33333%206C7.33333%206.93333%207.65556%207.72222%208.3%208.36667C8.94444%209.01111%209.73333%209.33333%2010.6667%209.33333Z'%20fill='%231AE5BE'/%3e%3c/svg%3e")}.option__icon--size{background-image:url("data:image/svg+xml,%3csvg%20width='27'%20height='26'%20viewBox='0%200%2027%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.66667%2022.4444L1.53333%2021.9778C0.844444%2021.6889%200.383333%2021.1889%200.15%2020.4778C-0.0833333%2019.7667%20-0.0444444%2019.0667%200.266667%2018.3778L2.66667%2013.1778V22.4444ZM8%2025.3778C7.26667%2025.3778%206.63889%2025.1167%206.11667%2024.5944C5.59444%2024.0722%205.33333%2023.4444%205.33333%2022.7111V14.7111L8.86667%2024.5111C8.93333%2024.6667%209%2024.8167%209.06667%2024.9611C9.13333%2025.1056%209.22222%2025.2444%209.33333%2025.3778H8ZM14.8667%2025.2444C14.1556%2025.5111%2013.4667%2025.4778%2012.8%2025.1444C12.1333%2024.8111%2011.6667%2024.2889%2011.4%2023.5778L5.46667%207.31111C5.2%206.6%205.22222%205.90556%205.53333%205.22778C5.84444%204.55%206.35556%204.08889%207.06667%203.84444L17.1333%200.177778C17.8444%20-0.0888889%2018.5333%20-0.0555556%2019.2%200.277778C19.8667%200.611111%2020.3333%201.13333%2020.6%201.84444L26.5333%2018.1111C26.8%2018.8222%2026.7778%2019.5167%2026.4667%2020.1944C26.1556%2020.8722%2025.6444%2021.3333%2024.9333%2021.5778L14.8667%2025.2444ZM12%209.37778C12.3778%209.37778%2012.6944%209.25%2012.95%208.99445C13.2056%208.73889%2013.3333%208.42222%2013.3333%208.04445C13.3333%207.66667%2013.2056%207.35%2012.95%207.09444C12.6944%206.83889%2012.3778%206.71111%2012%206.71111C11.6222%206.71111%2011.3056%206.83889%2011.05%207.09444C10.7944%207.35%2010.6667%207.66667%2010.6667%208.04445C10.6667%208.42222%2010.7944%208.73889%2011.05%208.99445C11.3056%209.25%2011.6222%209.37778%2012%209.37778ZM13.9333%2022.7111L24%2019.0444L18.0667%202.71111L8%206.37778L13.9333%2022.7111Z'%20fill='%230635C9'/%3e%3c/svg%3e")}.option__row{display:flex;align-items:center;gap:12px;padding:6px 0 6px 24px;cursor:pointer}.option__input{display:grid;place-content:center;width:20px;height:20px;margin:0;border:2px solid var(--color-text-dark);border-radius:50%;appearance:none;cursor:pointer}.option__input:after{content:"";width:10px;height:10px;border-radius:50%;background-color:var(--color-text-dark);transform:scale(0);transition:transform .12s ease-in-out}.option__input:checked:after{transform:scale(1)}.option__input:focus-visible{outline:2px solid var(--color-yellow);outline-offset:2px}.option__label{font-size:18px}.option__input:checked+.option__label{position:relative;text-shadow:.4px 0 0 currentColor}.option__input:checked+.option__label:after{content:"";position:absolute;left:calc(100% + 12px);top:50%;width:56px;height:4px;margin-top:-2px;background-color:var(--color-yellow)}.option__input:checked+.option__label:before{content:"";position:absolute;left:calc(100% + 63px);top:50%;width:10px;height:10px;margin-top:-5px;background-color:var(--color-yellow);transform:rotate(45deg)}.preview{display:block;width:100%;max-width:460px;aspect-ratio:460/412;height:auto}.summary{display:flex;align-items:center;gap:24px;width:calc(100% + 240px);align-self:flex-end;height:80px;padding:0 16px 0 24px;background-color:#f7f7f7}.summary__item{display:flex;align-items:center;gap:24px;font-size:20px;line-height:100%;color:#303131;white-space:nowrap}.summary__item+.summary__item:before{content:"";width:56px;height:8px;margin:0 -15px;background-color:#f0ea6e;transform:rotate(-70.67deg)}.summary .button{margin-left:auto;flex-shrink:0}.page--game{height:100dvh;overflow:hidden;background-image:linear-gradient(221deg,var(--bg-from, #303131),var(--bg-to, #6d6d6d));color:var(--color-text-light)}.game{display:flex;flex-direction:column;gap:32px;height:100%;max-width:1440px;margin:0 auto;padding:32px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;border-radius:16px;background-color:#ffffff1f}.topbar__current{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--font-display);font-size:26px;font-weight:400;line-height:100%;color:#fff}.field{--gap-x: 16px;--gap-y: 24px;--avail-h: calc(100dvh - 184px) ;--avail-w: calc(min(100vw, 1440px) - 80px) ;--card-height: min( var(--card-max-height, 120px), calc((var(--avail-h) - (var(--rows, 4) - 1) * var(--gap-y)) / var(--rows, 4)), calc((var(--avail-w) - (var(--columns, 4) - 1) * var(--gap-x)) / var(--columns, 4) / var(--card-ratio-num, 1)) );display:grid;grid-template-columns:repeat(var(--columns, 4),auto);column-gap:var(--gap-x);row-gap:var(--gap-y);justify-content:center;align-content:center;flex:1;min-height:0}.score{display:flex;align-items:center;gap:20px;padding:8px 16px;border-radius:12px;background-color:#f6f1f3;color:var(--color-text-dark)}.score__item{display:flex;align-items:center;gap:8px}.score__value{font-family:var(--font-display);font-size:26px;font-weight:700}.score__pawn{width:var(--player-icon-width, 22px);height:var(--player-icon-height, 27px);mask-image:var(--player-icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--player-icon);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.score__pawn--blue{background-color:var(--player-blue)}.score__pawn--orange{background-color:var(--player-orange)}.exit{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;background-color:transparent;cursor:pointer;border:2px solid #ed5565;border-radius:12px;color:var(--color-text-light);font-family:var(--font-display);font-size:26px;text-decoration:none;transition:background-color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out}.exit:hover{background-color:#ed5565;box-shadow:0 8px 18px #ed55654d;transform:translateY(-2px)}.exit:active{transform:translateY(0);box-shadow:0 2px 6px #ed55654d}.exit:focus-visible{outline:2px solid var(--color-yellow);outline-offset:3px}.exit__icon{display:none}.modal{width:min(529px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:hidden;padding:44px 40px 37px;border:none;border-radius:24px;background-color:#f6f1f3;color:#23434f}.modal::backdrop{background-color:#00000073}.modal__title{margin:0 0 55px;font-family:var(--font-display);font-size:30px;font-weight:700;line-height:130%;text-align:center}.modal__actions{display:flex;justify-content:center;gap:24px}.modal__button{height:44px;padding:0 20px;border:2px solid #ed1b76;border-radius:8px;font-family:var(--font-display);font-size:20px;line-height:40px;text-decoration:none;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}.modal__button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ed1b764d}.modal__button:focus-visible{outline:2px solid #ed1b76;outline-offset:3px}.modal__button--solid{background-color:#ed1b76;color:#fff}.modal__button--solid:hover{background-color:#c9155f;border-color:#c9155f}.modal__button--ghost{background-color:transparent;color:#ed1b76}.modal__button--ghost:hover{background-color:#ed1b76;color:#fff}.modal__button:active{transform:translateY(0);box-shadow:0 2px 6px #ed1b764d}.card{width:auto;height:var(--card-height, 120px);aspect-ratio:var(--card-ratio, 1/1);padding:0;background-color:transparent;border:none;cursor:pointer;transition:transform .16s ease-out}.card:hover:not(:disabled):not(.is-flipped){transform:translateY(-6px)}.card:hover:not(:disabled):not(.is-flipped) .card__face{box-shadow:0 12px 22px #0000004d}.card:active:not(:disabled):not(.is-flipped){transform:translateY(-2px) scale(.96)}.card.is-flipped{cursor:default}.card__inner{position:relative;height:100%;width:100%;transform-style:preserve-3d;transition:transform .3s ease-in-out}.card__face{position:absolute;inset:0;border-radius:12px;background-color:#f6f1f3;background-position:center;background-repeat:no-repeat;background-size:contain;backface-visibility:hidden}.card__face--back,.card.is-flipped .card__inner{transform:rotateY(180deg)}.card.is-matched{cursor:default}.card.is-matched .card__face--back{outline:3px solid var(--accent, #ed1b76);outline-offset:-3px}@keyframes confetti-drop{0%{opacity:0;transform:translateY(-140%) rotate(-12deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.confetti{position:absolute;top:0;left:0;right:0;height:40%;overflow:hidden;pointer-events:none}.confetti img{position:absolute;max-width:20%;height:auto;animation:confetti-drop .9s cubic-bezier(.25,1.2,.4,1) backwards}.confetti img:nth-child(1){animation-delay:0ms}.confetti img:nth-child(2){animation-delay:.12s}.confetti img:nth-child(3){animation-delay:60ms}.confetti img:nth-child(4){animation-delay:.2s}.confetti img:nth-child(5){animation-delay:90ms}.confetti img:nth-child(6){animation-delay:.26s}.confetti img:nth-child(7){animation-delay:.15s}.confetti img:nth-child(8){animation-delay:30ms}.confetti img:nth-child(9){animation-delay:.22s}.confetti img:nth-child(1){left:-2%;top:4%}.confetti img:nth-child(2){left:10%;top:-3%}.confetti img:nth-child(3){left:22%;top:6%}.confetti img:nth-child(4){left:34%;top:0}.confetti img:nth-child(5){left:43%;top:8%}.confetti img:nth-child(6){left:57%;top:-2%}.confetti img:nth-child(7){left:67%;top:5%}.confetti img:nth-child(8){left:78%;top:-4%}.confetti img:nth-child(9){left:88%;top:3%}.endscreen{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:0;text-align:center}.endscreen__title{margin:0 0 59px;color:var(--accent, #4dd5bc);font-family:var(--font-display);font-size:56px;font-weight:700}.endscreen__title--big{font-size:96px;letter-spacing:.04em}.endscreen__title--blue{color:var(--player-blue)}.endscreen__title--orange{color:var(--player-orange)}.endscreen__label{margin:0 0 19px;font-family:var(--font-display);font-size:24px}.endscreen__art{display:flex;align-items:center;justify-content:center;height:min(364px,40vh);margin-bottom:62px}.endscreen__image{height:100%;width:auto}.endscreen__art--pawn{width:min(200px,30vh);mask-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='27'%20viewBox='0%200%2022%2027'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.66667%2026.6667C1.93333%2026.6667%201.30556%2026.4056%200.783333%2025.8833C0.261111%2025.3611%200%2024.7333%200%2024V21.3667C0%2020.9222%200.1%2020.5111%200.3%2020.1333C0.5%2019.7556%200.766667%2019.4333%201.1%2019.1667C2.63333%2017.9222%203.78333%2016.6667%204.55%2015.4C5.31667%2014.1333%205.85556%2013%206.16667%2012H4C3.62222%2012%203.30556%2011.8722%203.05%2011.6167C2.79444%2011.3611%202.66667%2011.0444%202.66667%2010.6667C2.66667%2010.2889%202.79444%209.97222%203.05%209.71667C3.30556%209.46111%203.62222%209.33333%204%209.33333H5.66667C5.35556%208.84444%205.11111%208.32222%204.93333%207.76667C4.75556%207.21111%204.66667%206.62222%204.66667%206C4.66667%204.33333%205.25%202.91667%206.41667%201.75C7.58333%200.583333%209%200%2010.6667%200C12.3333%200%2013.75%200.583333%2014.9167%201.75C16.0833%202.91667%2016.6667%204.33333%2016.6667%206C16.6667%206.62222%2016.5778%207.21111%2016.4%207.76667C16.2222%208.32222%2015.9778%208.84444%2015.6667%209.33333H17.3333C17.7111%209.33333%2018.0278%209.46111%2018.2833%209.71667C18.5389%209.97222%2018.6667%2010.2889%2018.6667%2010.6667C18.6667%2011.0444%2018.5389%2011.3611%2018.2833%2011.6167C18.0278%2011.8722%2017.7111%2012%2017.3333%2012H15.1667C15.4778%2013%2016.0167%2014.1333%2016.7833%2015.4C17.55%2016.6667%2018.7%2017.9222%2020.2333%2019.1667C20.5667%2019.4333%2020.8333%2019.7556%2021.0333%2020.1333C21.2333%2020.5111%2021.3333%2020.9222%2021.3333%2021.3667V24C21.3333%2024.7333%2021.0722%2025.3611%2020.55%2025.8833C20.0278%2026.4056%2019.4%2026.6667%2018.6667%2026.6667H2.66667ZM2.66667%2024H18.6667V21.3333C16.6222%2019.7333%2015.1444%2018.0833%2014.2333%2016.3833C13.3222%2014.6833%2012.7111%2013.2222%2012.4%2012H8.93333C8.62222%2013.2222%208.01111%2014.6833%207.1%2016.3833C6.18889%2018.0833%204.71111%2019.7333%202.66667%2021.3333V24ZM10.6667%209.33333C11.6%209.33333%2012.3889%209.01111%2013.0333%208.36667C13.6778%207.72222%2014%206.93333%2014%206C14%205.06667%2013.6778%204.27778%2013.0333%203.63333C12.3889%202.98889%2011.6%202.66667%2010.6667%202.66667C9.73333%202.66667%208.94444%202.98889%208.3%203.63333C7.65556%204.27778%207.33333%205.06667%207.33333%206C7.33333%206.93333%207.65556%207.72222%208.3%208.36667C8.94444%209.01111%209.73333%209.33333%2010.6667%209.33333Z'%20fill='%231AE5BE'/%3e%3c/svg%3e");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='27'%20viewBox='0%200%2022%2027'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.66667%2026.6667C1.93333%2026.6667%201.30556%2026.4056%200.783333%2025.8833C0.261111%2025.3611%200%2024.7333%200%2024V21.3667C0%2020.9222%200.1%2020.5111%200.3%2020.1333C0.5%2019.7556%200.766667%2019.4333%201.1%2019.1667C2.63333%2017.9222%203.78333%2016.6667%204.55%2015.4C5.31667%2014.1333%205.85556%2013%206.16667%2012H4C3.62222%2012%203.30556%2011.8722%203.05%2011.6167C2.79444%2011.3611%202.66667%2011.0444%202.66667%2010.6667C2.66667%2010.2889%202.79444%209.97222%203.05%209.71667C3.30556%209.46111%203.62222%209.33333%204%209.33333H5.66667C5.35556%208.84444%205.11111%208.32222%204.93333%207.76667C4.75556%207.21111%204.66667%206.62222%204.66667%206C4.66667%204.33333%205.25%202.91667%206.41667%201.75C7.58333%200.583333%209%200%2010.6667%200C12.3333%200%2013.75%200.583333%2014.9167%201.75C16.0833%202.91667%2016.6667%204.33333%2016.6667%206C16.6667%206.62222%2016.5778%207.21111%2016.4%207.76667C16.2222%208.32222%2015.9778%208.84444%2015.6667%209.33333H17.3333C17.7111%209.33333%2018.0278%209.46111%2018.2833%209.71667C18.5389%209.97222%2018.6667%2010.2889%2018.6667%2010.6667C18.6667%2011.0444%2018.5389%2011.3611%2018.2833%2011.6167C18.0278%2011.8722%2017.7111%2012%2017.3333%2012H15.1667C15.4778%2013%2016.0167%2014.1333%2016.7833%2015.4C17.55%2016.6667%2018.7%2017.9222%2020.2333%2019.1667C20.5667%2019.4333%2020.8333%2019.7556%2021.0333%2020.1333C21.2333%2020.5111%2021.3333%2020.9222%2021.3333%2021.3667V24C21.3333%2024.7333%2021.0722%2025.3611%2020.55%2025.8833C20.0278%2026.4056%2019.4%2026.6667%2018.6667%2026.6667H2.66667ZM2.66667%2024H18.6667V21.3333C16.6222%2019.7333%2015.1444%2018.0833%2014.2333%2016.3833C13.3222%2014.6833%2012.7111%2013.2222%2012.4%2012H8.93333C8.62222%2013.2222%208.01111%2014.6833%207.1%2016.3833C6.18889%2018.0833%204.71111%2019.7333%202.66667%2021.3333V24ZM10.6667%209.33333C11.6%209.33333%2012.3889%209.01111%2013.0333%208.36667C13.6778%207.72222%2014%206.93333%2014%206C14%205.06667%2013.6778%204.27778%2013.0333%203.63333C12.3889%202.98889%2011.6%202.66667%2010.6667%202.66667C9.73333%202.66667%208.94444%202.98889%208.3%203.63333C7.65556%204.27778%207.33333%205.06667%207.33333%206C7.33333%206.93333%207.65556%207.72222%208.3%208.36667C8.94444%209.01111%209.73333%209.33333%2010.6667%209.33333Z'%20fill='%231AE5BE'/%3e%3c/svg%3e");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.endscreen__art--blue{background-color:var(--player-blue)}.endscreen__art--orange{background-color:var(--player-orange)}.endscreen__actions{display:flex;align-items:center;justify-content:center;gap:24px}.endscreen__button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;background-color:transparent;border-radius:8px;color:var(--color-text-light);font-family:var(--font-display);text-decoration:none;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}.endscreen__button:hover{transform:translateY(-2px)}.endscreen__button:focus-visible{outline:2px solid var(--color-yellow);outline-offset:3px}.endscreen__button--ghost{min-width:110px;height:45px;padding:0 20px;border:2px solid var(--accent, #4dd5bc);font-size:20px}.endscreen__button--ghost:hover{background-color:color-mix(in srgb,var(--accent, #4dd5bc) 22%,transparent);box-shadow:0 8px 18px #00000040,0 0 0 4px color-mix(in srgb,var(--accent, #4dd5bc) 20%,transparent)}.endscreen__button--solid{height:62px;padding:0 28px;border:none;background-color:var(--accent-dark, #286f62);font-size:24px;font-weight:700}.endscreen__button--solid:hover{background-color:color-mix(in srgb,var(--accent, #4dd5bc) 30%,var(--accent-dark, #286f62));box-shadow:0 10px 22px #0000004d}.endscreen__button:active{transform:translateY(0);box-shadow:0 2px 6px #00000040}@media(prefers-reduced-motion:reduce){.confetti img{animation:none}.button,.button__icon,.button__arrow,.button__arrow:before,.button__arrow:after,.card,.exit,.modal__button,.endscreen__button{transition:none}.button:hover:not(:disabled),.button:hover:not(:disabled) .button__icon,.button:hover:not(:disabled) .button__arrow,.card:hover:not(:disabled):not(.is-flipped),.exit:hover,.modal__button:hover,.endscreen__button:hover{transform:none}}