a,abbr,acronym,address,applet,aside,audio,article,big,blockquote,body,button,b,canvas,caption,center,cite,code,dd,details,dfn,div,dt,del,dl,em,embed,figcaption,footer,form,fieldset,figure,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,span,strike,strong,sub,summary,sup,tbody,td,tfoot,th,thead,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}details,figcaption,figure,menu{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}html,body{min-height:100vh}a{text-decoration:none;color:inherit}a:visited{color:inherit}button{display:inline-block;cursor:pointer;border:none}html.light{--main-text-color: brown;--main-bg-color: bisque;--secondary-text-color: white;--secondary-bg-color: brown;--addition-text-color: brown;--modal-bg-color: bisque;--modal-cross-main: #474a51;--modal-cross-ends: rgb(112, 112, 112);--modal-cross-side1: black;--modal-cross-side2: rgb(46, 21, 21);--btn-bg-color: brown;--td-bg-falsy: white;--td-bg-truthy: #1d1a1a;--td-border: gray;--th-bg: brown;--border-fat: #808080;--bg-img: none;--bg-cell: url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.6066%2021.3934C22.2161%2021.0029%2021.5829%2021.0029%2021.1924%2021.3934C20.8019%2021.7839%2020.8019%2022.4171%2021.1924%2022.8076L22.6066%2021.3934ZM40.9914%2042.6066C41.3819%2042.9971%2042.0151%2042.9971%2042.4056%2042.6066C42.7961%2042.2161%2042.7961%2041.5829%2042.4056%2041.1924L40.9914%2042.6066ZM21.1924%2041.1924C20.8019%2041.5829%2020.8019%2042.2161%2021.1924%2042.6066C21.5829%2042.9971%2022.2161%2042.9971%2022.6066%2042.6066L21.1924%2041.1924ZM42.4056%2022.8076C42.7961%2022.4171%2042.7961%2021.7839%2042.4056%2021.3934C42.0151%2021.0029%2041.3819%2021.0029%2040.9914%2021.3934L42.4056%2022.8076ZM21.1924%2022.8076L40.9914%2042.6066L42.4056%2041.1924L22.6066%2021.3934L21.1924%2022.8076ZM22.6066%2042.6066L42.4056%2022.8076L40.9914%2021.3934L21.1924%2041.1924L22.6066%2042.6066Z'%20fill='black'/%3e%3c/svg%3e");--gallery-text: brown}html.dark{--main-text-color: white;--main-bg-color: rgb(41, 40, 40);--secondary-text-color: #1814d6;--secondary-bg-color: rgb(155, 155, 155);--addition-text-color: rgb(41, 40, 40);--modal-bg-color: rgb(114, 114, 114);--modal-cross-main: white;--modal-cross-ends: rgb(179, 179, 179);--modal-cross-side1: rgb(211, 211, 211);--modal-cross-side2: rgb(184, 184, 184);--btn-bg-color: rgb(18, 105, 158);--td-bg-truthy: rgb(190, 188, 188);--td-bg-falsy: #1d1a1a;--td-border: white;--th-bg: rgb(18, 105, 158);--border-fat: rgb(148, 154, 189);--bg-img: url(/Palmo-Edu/nonograms/assets/bg-dark-DBve8Uvv.jpg);--bg-cell: url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.6066%2021.3934C22.2161%2021.0029%2021.5829%2021.0029%2021.1924%2021.3934C20.8019%2021.7839%2020.8019%2022.4171%2021.1924%2022.8076L22.6066%2021.3934ZM40.9914%2042.6066C41.3819%2042.9971%2042.0151%2042.9971%2042.4056%2042.6066C42.7961%2042.2161%2042.7961%2041.5829%2042.4056%2041.1924L40.9914%2042.6066ZM21.1924%2041.1924C20.8019%2041.5829%2020.8019%2042.2161%2021.1924%2042.6066C21.5829%2042.9971%2022.2161%2042.9971%2022.6066%2042.6066L21.1924%2041.1924ZM42.4056%2022.8076C42.7961%2022.4171%2042.7961%2021.7839%2042.4056%2021.3934C42.0151%2021.0029%2041.3819%2021.0029%2040.9914%2021.3934L42.4056%2022.8076ZM21.1924%2022.8076L40.9914%2042.6066L42.4056%2041.1924L22.6066%2021.3934L21.1924%2022.8076ZM22.6066%2042.6066L42.4056%2022.8076L40.9914%2021.3934L21.1924%2041.1924L22.6066%2042.6066Z'%20fill='white'/%3e%3c/svg%3e");--gallery-text: #1814d6}body{font-family:Georgia,Times New Roman,Times,serif;background-color:var(--main-bg-color);min-height:100vh;background-image:var(--bg-img);background-repeat:no-repeat;background-size:100% 100%}#app{min-height:100vh}.app-container{max-width:1440px;margin-inline:auto;padding-inline:10px}header{background-color:var(--secondary-bg-color)}.header__container{display:flex;align-items:center;justify-content:space-between;min-height:64px;background-color:var(--secondary-bg-color);color:var(--secondary-text-color)}.header__link{font-size:16px;text-shadow:1px 1px 1px var(--modal-cross-side2);letter-spacing:2px;font-style:italic;font-weight:600;letter-spacing:1px}.header__link.accent{font-size:24px}.header__btn-group{display:flex;align-items:center;justify-content:center;gap:16px}@media (max-width: 480px){.header__btn-group{gap:8px}}.header__btn{box-sizing:content-box;border:none;border-radius:50%;width:30px;height:30px;padding:4px;position:relative;background-color:#fff}.header__btn.off:after{content:"";position:absolute;width:105%;height:3px;background-color:#707070;top:50%;left:0;transform:rotate(-45deg);opacity:.6}.switch-theme__container{display:flex;align-items:center;justify-content:center;gap:6px}.switch-theme__wrap-svg{background-color:#fff}.switch-theme__label{position:relative;display:inline-block;width:70px;height:36px}.switch-theme__input{opacity:0;width:0;height:0}.switch-theme__span{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;background-image:url(/Palmo-Edu/nonograms/assets/moon-rzur1Zz3.png);background-size:46%;background-position:90% 49%;background-repeat:no-repeat;-webkit-transition:.4s;transition:.4s;border-radius:34px}.switch-theme__span:before{position:absolute;content:"";height:28px;width:28px;left:4px;bottom:4px;background-color:var(--secondary-bg-color);-webkit-transition:.4s;transition:.4s;border-radius:50%}.switch-theme__input:checked+.switch-theme__span{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAtxJREFUWEfFl0nIjlEUx3+feR4yFSlkSJINVhKZFihRIjvzhmxkhSQbG4kyWwkpslAylVJKSiKKRIgyz1PG+69zdXvc9733ed7vy1l933PvOf//c4b/ed4m/rM1NYjf1/yfV43TKIG3BtyjpQlcBeYDDwpA7+z/7oXng4FjwLgUsdwM/AS+AZ0yCXwG2gOtm4vAdOAMsAQ4mAi6GDgAzADONhcBxdkPLAN+J4Iqq/uApSlwneeWoBirDTAVmGwxLgLngO85oOGdGIFLwARgEXC4ELAdcA0YBfwC/PhpHFsBd4ExwNeCn2IdAhR7YopAH+AO0BM46v5eaA7DDECToO5+VQDRKF5xpIcbwdt2fgRYALwBRgAvUgT8+WzglNW8A/AF2OmAVyXSvBVYC3QGNA3K8kyL9Y9rbg/cs/qOzKzxDaAbMCh1P4eA6i4NkNi8TwW08y7AB0CZk29NyyEwCzgJqPPL2A9gTq3U+0AhgV5OaB4HCF71NgCrXf17l0EHXrpG3u7UcLP5qR+8DfRNHBLoCqjW/pnfdCtc+rdFZDjFR4BrgL120Y+shGyolShLiPo7BXxic55SwTCz0okBwNNGe0D+qqdSuSn12na+EVif0zc5TaiY02yxdIyoXJGTxk9rWj7nU4TrEVhp9VMqZfedwHwCRieCPgMeAuPtniR6ObA75hcjMAS4ZTN8AphnjpJayWk9PRA5iVBbK5tcj7tncy1z2iF6kb8WI6C9P8W2nbZcaBrT64BkOmaPHOGbJr3h+SQrxwX7TqhLoF6GtX4VRGktml5G5eoXbMlUC2SNYTFjApFIaTmFpuXzsew3Ru4UhEASFolTTBPUbF54km+vC1UIaLTUIzHbA2h6sq0KAe0ENVXMTtuotigBvaE+OmK2y/XGumz0iiUY6+Z8Sw2QHan1GxudMoTDu/o48T88JL1aWqWtSg94EP1Y0deS7DVwuTR6xRJUwanp8wfzx30he/ngegAAAABJRU5ErkJggg==);background-position:10% 36%;background-size:38%}.switch-theme__input:checked+.switch-theme__span{box-shadow:0 0 1px #fff}.switch-theme__input:checked+.switch-theme__span:before{-webkit-transform:translateX(32px);-ms-transform:translateX(32px);transform:translate(32px)}.music-icon{fill:var(--addition-text-color)}.music-icon path{stroke:var(--addition-text-color)}@media (max-width: 840px){.header__container{flex-wrap:wrap;min-height:100px}.header__btn-group{width:100%}}.gameBtnGroup{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}@media (max-width: 810px){.gameBtnGroup{max-width:530px}}@media (max-width: 480px){.gameBtnGroup{gap:6px;margin-top:12px;max-width:400px}}.control-btn{font-size:14px;font-weight:600;line-height:1.2;height:46px;width:124px;padding:6px;color:var(--secondary-text-color);background-color:var(--secondary-bg-color);border-radius:24px;transition-duration:.5s}.control-btn:hover{filter:brightness(1.2);box-shadow:2px -2px 6px #fff}.modal__container{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#403f3dcc;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.2s;z-index:-998}.modal{position:relative;width:600px;height:400px;max-width:96%;padding-inline:16px;padding-block:48px;border-radius:40px;transform:scale(.5);transition:transform .5s;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2.5%;background-color:var(--modal-bg-color);background-repeat:no-repeat;z-index:-999}@media (max-width: 480px){.modal{padding-inline:6px;padding-block:12px}}.modal__container.active{opacity:1;pointer-events:all;z-index:998}.modal.active{transform:scale(1);z-index:999}.modal.confirm{background-image:url(/Palmo-Edu/nonograms/assets/confirm-DueYv2EA.png);background-size:24%;background-position:102% 90%}.modal.victory{background-image:url(/Palmo-Edu/nonograms/assets/victory-BQXQWot5.png);background-size:34%;background-position:100% 90%}.modal.alert{background-image:url(/Palmo-Edu/nonograms/assets/alert-BF9_5E1B.png);background-size:34%;background-position:96% 74%}.modal.records{background-image:url(/Palmo-Edu/nonograms/assets/records-DILwpQjn.png);background-size:24%;background-position:98% 74%}.close{position:absolute;top:4%;right:2%;background-color:var(--modal-bg-color);height:max-content;width:max-content}.close .cross__main{fill:var(--modal-cross-main)}.close .cross__ends{fill:var(--modal-cross-ends)}.close .cross__side{fill:var(--modal-cross-side1)}.close .cross__other-side{fill:var(--modal-cross-side2)}.alert-container{margin-top:44px;min-height:238px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media (max-width: 480px){.alert-container{margin-top:80px}}.help-text.alert-text{font-size:22px;line-height:1.2;max-width:85%;text-align:center}.help-text.alert-text2{font-size:32px;line-height:1.2;max-width:85%;text-align:center}.norecords-text{font-size:24px;color:var(--main-text-color);margin-top:50px;margin-bottom:20px}.two-btns-group{display:flex;align-items:center;justify-content:center;gap:12px}.difficulty-label,.nonogram-names-label{color:var(--main-text-color);font-size:18px;font-weight:600}@media (max-width: 480px){.difficulty-label,.nonogram-names-label{font-size:16px}}#difficulty-select,#nonogram-names-select{min-width:102px;display:inline-block;margin-left:6px;padding-left:4px;padding-block:4px;font-size:14px;line-height:1.5;outline:none;cursor:pointer}@media (max-width: 480px){#difficulty-select,#nonogram-names-select{padding-left:2px}}.label-title{display:inline-block;min-width:196px;min-width:auto}#playerName{min-width:102px;max-width:162px;display:inline-block;margin-left:6px;padding-left:4px;padding-block:4px;font-size:14px;line-height:1.5;outline:none}.settings-container{margin-top:30px;display:flex;flex-direction:column;gap:22px}@media (max-width: 480px){.settings-container{margin-top:22px}}.start-game-btn{margin-top:30px;align-self:center;color:#fff;background-color:var(--btn-bg-color);outline:none;border:none;cursor:pointer;font-size:16px}@media (max-width: 480px){.start-game-btn{margin-top:72px}}.start-game-btn:hover{filter:brightness(1)}.form-title{font-size:24px;text-align:center;justify-self:center}@media (max-width: 480px){.form-title{margin-right:34px}}.game-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;margin-block:20px;min-width:640px;min-height:calc(100vh - 170px);gap:20px}.game-container .bg-manicin-container{display:flex;align-items:center;justify-content:center;max-width:28%}.game-container .table-container{display:flex;align-items:center;justify-content:center;min-width:50%;min-height:400px;border:1px solid var(--secondary-bg-color);padding:10px;overflow-x:auto}.game-container .timer-section{width:100%;text-align:center;color:var(--main-text-color)}.game-container .timer-section span{font-family:monospace;font-size:18px;font-weight:400}.bg-manicin{width:280px;max-width:100%}.message-unselected{font-size:36px;color:var(--main-text-color);text-align:center}@media (max-width: 840px){.game-container{margin-block:12px;min-width:auto;min-height:calc(100vh - 248px)}.game-container .bg-manicin-container{display:none}.game-container .table-container{width:100%}}@media (max-width: 480px){.game-container .table-container{min-width:auto;border:none;padding:0;flex-direction:column}}table{font-family:monospace;border-collapse:collapse;font-size:14px;margin-inline:auto}th{background-color:var(--th-bg);color:#fff;border-bottom:1px solid white}.th_top:not(:first-of-type){border-bottom-color:var(--td-border);border-left:1px solid white}tbody tr:last-of-type th{border-bottom-color:var(--td-border)}th,td{text-align:center;vertical-align:middle}td{text-align:center;border:1px solid var(--td-border);background-color:var(--td-bg-falsy);cursor:pointer}td.empty{background-color:var(--td-bg-falsy)}td.colorized{background-color:var(--td-bg-truthy)}td.excluded{background-image:var(--bg-cell);background-repeat:no-repeat;background-position:center;background-size:260% 260%}.th_left{padding-inline:2px}@media (max-width: 480px){.th_left{padding-inline:1px}}.th_top{line-height:1.5}.th_top:first-of-type{font-size:32px}.th_top button{font-family:Georgia,Times New Roman,Times,serif;display:inline-block;width:100%;height:100%;text-align:center;line-height:60px;vertical-align:middle;cursor:pointer;background-color:transparent;color:inherit}td.border5x5H{border-bottom:3px solid var(--border-fat)}td.border5x5V{border-right:3px solid var(--border-fat)}.th_top.hard:not(:first-of-type){width:29px;min-width:29px}.th_top.hard:first-of-type{min-width:92px}.th_left.hard{height:29px}@media (max-width: 840px){.th_top.hard:not(:first-of-type){width:23px;min-width:23px}.th_left.hard{height:23px}}@media (max-width: 480px){.th_top.hard:not(:first-of-type){width:23px;min-width:23px}.th_left.hard{height:23px}.th_top.hard:first-of-type{min-width:104px}}.th_top.easy:not(:first-of-type){width:40px;min-width:40px}.th_top.easy:first-of-type{min-width:92px}.th_left.easy{height:40px}.th_top.medium:not(:first-of-type){width:30px;min-width:30px}.th_top.medium:first-of-type{min-width:92px}.th_left.medium{height:30px}@media (max-width: 480px){.th_top.medium:not(:first-of-type){width:26px;min-width:26px}.th_left.medium{height:26px}.th_top.medium:first-of-type{min-width:52px}}.help-info{display:flex;flex-direction:column;gap:16px}.help-info-title{font-size:32px;text-align:center;color:var(--main-text-color);margin-top:20px;margin-bottom:16px}.help-text{color:var(--main-text-color);max-width:74%}.control-btn.ok{display:flex;align-items:center;justify-content:center;align-self:center;margin-top:20px;background-color:var(--btn-bg-color);color:#fff;cursor:pointer}@media (max-width: 480px){.help-info-title{margin-top:16px;margin-right:30px}.help-text{max-width:none}}.records-container{margin-top:20px;display:flex;flex-direction:column;gap:20px;overflow-x:auto}.records-table{font-size:16px;border-collapse:collapse;background-color:var(--main-text-color);border:1px solid black}.records-table th{padding:4px;color:#fff;border:1px solid black}.records-table td{padding:4px;color:var(--th-bg);background-color:#fff;border:1px solid black}@media (max-width: 480px){.records-container{margin-top:24px}.records-table{font-size:14px}}.gallery-section{padding-inline:24px;padding-block:24px}.search-section{display:flex;justify-content:space-between;align-items:center}@media (max-width: 840px){.search-section{flex-direction:column-reverse;row-gap:24px}}.searchInputContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.heading{margin-bottom:1.5rem;font-size:1.2rem}.searchInputWrapper{position:relative}.searchInput{width:20rem;height:2rem;padding:0 1rem;border-radius:2rem;border:none;transition:transform .1s ease-in-out;color:var(--gallery-text)}::placeholder{color:#a1a1a1}:focus::placeholder{text-indent:-999px}.searchInput:focus{outline:none;transform:scale(1.05);transition:all .1s ease-in-out}.searchInputIcon{position:absolute;right:.8rem;top:.4rem;color:var(--gallery-text);transition:all .1s ease-in-out;cursor:pointer;padding:3px;background-color:#fff}.container:focus-within>.searchInputWrapper>.searchInputIcon{right:.2rem}@media (max-width: 480px){.searchInput{width:220px}}.gallery-form{max-width:1280px;min-height:22px;padding-inline:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:end}.gallery-form h3{color:var(--main-text-color)}.gallery-form select{color:var(--gallery-text);cursor:pointer}.image-galley{margin-top:10px;margin-bottom:20px;min-height:486px}@media (max-width: 840px){.gallery-form{justify-content:center}.gallery-form h3{text-align:center;width:100%}}#grid{width:100%;max-width:100%;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;overflow-x:hidden}.img{width:400px;max-width:96vw;height:214px;margin-top:15px;background-position:center;background-size:cover;border-radius:2px}