@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Red+Rose:wght@300..700&family=Orbitron:wght@400..900&family=Figtree:wght@300..900&family=Klee+One:wght@400;600&family=Delius+Unicase:wght@400;700&display=swap";#playButton{cursor:pointer;transform-origin:top;background-color:#f0ea6e;border:none;justify-content:center;align-items:center;gap:20px;width:250px;height:98px;margin-top:0;padding:24px;transition:transform .2s ease-out,box-shadow .2s ease-out;display:flex}#playButton img{flex-shrink:0;width:24px;height:24px}#playButton img#button-controller{width:44px;height:32px;transition:transform .2s ease-out}#playButton img#button-arrow{width:33px}#playButton p{color:#303131;margin:0;font-family:Red Rose;font-size:40px;font-weight:700;transition:transform .2s ease-out}#playButton:hover{transform:scale(1.077,1.04);box-shadow:0 10px 24px #0000002e}#playButton:hover img#button-arrow{content:url(../assets/ui/arrow_hover.svg)}#playButton:hover p{transform:translate(8px)}#playButton:hover img#button-controller{transform:rotate(-25deg)scale(1.1)}body{background-color:#fff;max-width:1440px;font-family:Almarai}#settingsContainer{flex-direction:row;align-items:flex-start;gap:361px;width:1103px;min-height:539px;margin:0 auto;display:flex}#settingsContainer p{color:#303131;margin:0;padding-bottom:17px;font-family:Almarai;font-size:24px;font-weight:700}#settingsContainer ul img{width:32px;height:32px;margin-right:10px}.settingsHeading{align-items:center;gap:10px;width:1103px;margin:50px auto 0;display:flex}.settingsHeading h1{padding-bottom:14px;font-family:Red Rose;font-size:54px;font-weight:700;display:inline-block;position:relative}.settingsHeading h1:after{content:"";background:url(../assets/ui/settings_underline.svg) 0/100% 130% no-repeat;width:251px;height:18px;position:absolute;bottom:0;left:-16px}#gameSettings{flex-direction:column;justify-content:space-between;min-height:539px;display:flex}#gameSettings label{letter-spacing:0;font-family:Almarai;font-size:20px;font-weight:400;line-height:100%}#gameSettings label:hover,#gameSettings label:focus-within{font-weight:700}#gameSettings label:has(input:checked){font-weight:700}#gameSettings p img{padding-right:8px}#themeSettings ul{min-width:260px}#themeSettings label{white-space:nowrap}ul{flex-direction:column;justify-content:start;align-items:start;gap:13px;min-width:200px;margin:0;padding-bottom:0;display:flex}ul li{padding-left:8px;list-style:none}#preview_gameBar{flex-direction:column;justify-content:start;align-items:flex-end;gap:45px;min-height:539px;display:flex}#preview_gameBar img#themePreview{width:460px;height:412px}#preview_gameBar #gameBar{opacity:1;box-sizing:border-box;background-color:#f6f6f6;align-items:center;gap:16px;width:max-content;min-width:546px;height:81px;padding:14px 20px;display:flex}#preview_gameBar #gameBar p{white-space:nowrap;flex-shrink:0;margin:0;padding-bottom:0;font-family:Almarai;font-size:20px;font-weight:400}#preview_gameBar #gameBar #game_theme{text-align:center;min-width:140px}#preview_gameBar #gameBar #player{min-width:70px}#preview_gameBar #gameBar #board_size{min-width:110px}#preview_gameBar #gameBar #startButton{color:#303131;letter-spacing:.2px;background-color:#f0ea6e;border:none;justify-content:center;align-items:center;gap:8px;width:126px;height:53px;padding:0 14px;font-family:Red Rose;font-size:20px;font-weight:700;line-height:1;text-decoration:none;transition:transform .14s ease-out,box-shadow .14s ease-out,background-color .14s ease-out;display:inline-flex}#preview_gameBar #gameBar #startButton img{flex-shrink:0;width:22px;height:22px}#preview_gameBar #gameBar #startButton:hover{background-color:#ece558;transform:translateY(-1px);box-shadow:0 6px 14px #0000001f}#preview_gameBar #gameBar #startButton:active{transform:translateY(0);box-shadow:0 2px 6px #0000001f}#preview_gameBar #gameBar #startButton:focus-visible{outline-offset:2px;outline:2px solid #303131a6}label{cursor:pointer;isolation:isolate;align-items:center;gap:10px;font-family:Almarai;font-weight:400;display:inline-flex;position:relative;overflow:visible}label:hover,label:focus-within{text-shadow:0 0 .01px}label img{z-index:-1;opacity:0;pointer-events:none;transition:opacity .16s ease-out;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}label:hover img,label:focus-within img{opacity:1}input[type=radio]{appearance:none;cursor:pointer;background:url(../assets/ui/unchecked_radio.svg) 50%/contain no-repeat;border:0;width:24px;height:24px;margin:0}input[type=radio]:checked,input[type=radio]:hover{background-image:url(../assets/ui/checked_radio.svg)}