#game{width:100%;display:flex;flex-wrap:wrap;justify-content:center}#sudoku{width:100%;max-width:400px;border:3px solid #81acdc;display:flex;flex-wrap:wrap;position:relative;margin:auto}#sudoku.paused{position:relative}#play-button{display:none;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}#play-button>img{margin:auto}#sudoku.paused #play-button{display:flex}#victory-screen{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;background-image:url("/static/assets/Sprites/Winpanel/WinningBackground.png");background-size:contain}#well-done{position:absolute;top:10px;left:50%;transform:translateX(-50%);color:#fff;font-size:2rem}.panel-resume{display:grid;grid-template-columns:1fr 1fr;position:absolute;font-size:20px}#main-resume{width:100%;top:64px}#secondary-resume{display:none;top:200px;right:10px;white-space:nowrap;grid-template-columns:1fr auto}#secondary-resume.visible{display:grid}#secondary-title{grid-column:1/3;text-align:center;font-size:24px}#challenge-resume{display:none;bottom:10px;right:10px;white-space:nowrap;grid-template-columns:1fr auto}#challenge-resume.visible{display:block}.panel-label{color:#4f739c;text-align:right}.panel-value{margin-left:10px;color:orange}#challenge{display:none;position:absolute;right:10px;bottom:0;padding:5px 10px;border-radius:15px;margin:10px;box-shadow:#777 0 2px 3px;border:2px solid ;background-color:#fff;align-items:center;justify-content:center;grid-area:button;color:;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:.1s box-shadow linear;font-weight:700}#challenge.visible{display:flex}#challenge:active{box-shadow:none}#challenge:hover{background-color:#DDBC95}#share-icon{margin-right:5px}.cell{position:relative;width:calc(100% / 9);aspect-ratio:1;border:1px solid #81acdc;display:flex;align-items:center;justify-content:center;font-size:larger;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:0;overflow:hidden}#sudoku.size-4 .cell{width:calc(100% / 4)}#sudoku.size-6 .cell{width:calc(100% / 6)}.cell::after{content:attr(data-value);position:absolute;top:50%;left:50%;font-size:40px;transform:translate3d(-50%,-50%,0);color:#057eff}#sudoku.letters .cell[data-value="1"]::after{content:'A'}#sudoku.letters .cell[data-value='2']::after{content:'B'}#sudoku.letters .cell[data-value='3']::after{content:'C'}#sudoku.letters .cell[data-value='4']::after{content:'D'}#sudoku.letters .cell[data-value='5']::after{content:'E'}#sudoku.letters .cell[data-value='6']::after{content:'F'}.cell.active::after{color:#fff}.cell.invalid2::after,.cell.invalid::after{color:#ff6363}.cell.fixed::after{color:#4f739c}.cell:hover{background-color:#ffa50080}.cell.highlighted{background-color:#d4e5f6;background-color:#e2f1fe}.cell.highlighted2{background-color:#cbe4ff}.cell.invalid,.cell.invalid2{background-color:#ffbcbc}.cell.active{background-color:#DDBC95}.cell[data-column="2"],.cell[data-column="5"]{border-right-width:3px}.cell[data-row="2"],.cell[data-row="5"]{border-bottom-width:3px}#sudoku.size-4 .cell[data-column="2"],#sudoku.size-4 .cell[data-column="5"]{border-right-width:1px}#sudoku.size-4 .cell[data-row="2"],#sudoku.size-4 .cell[data-row="5"]{border-bottom-width:1px}#sudoku.size-4 .cell[data-column="1"]{border-right-width:3px}#sudoku.size-4 .cell[data-row="1"]{border-bottom-width:3px}#sudoku.size-6 .cell[data-column="5"]{border-right-width:1px}#sudoku.size-6 .cell[data-row="2"],#sudoku.size-6 .cell[data-row="5"]{border-bottom-width:1px}#sudoku.size-6 .cell[data-row="1"],#sudoku.size-6 .cell[data-row="3"]{border-bottom-width:3px}.cell .annotations{display:none}.cell[data-value=""] .annotations{display:grid;position:absolute;top:0;left:0;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;font-size:12px}#sudoku.size-4 .cell[data-value=""] .annotations{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}#sudoku.size-4 .annotation{font-size:25px}#sudoku.size-6 .cell[data-value=""] .annotations{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}#sudoku.size-6 .annotation{font-size:15px}.annotation{display:flex;justify-content:center;align-items:center;overflow:hidden;line-height:0;visibility:hidden}.annotation.visible{visibility:visible}#sudoku.paused .annotation,#sudoku.paused .cell::after{display:none}.color-1{color:#003B46}.color-2{color:#7f7f7f}.color-3{color:#25b250}.color-4{color:#7192be}.color-5{color:#a852a8}.color-6{color:#804001}.color-7{color:#ff5f5f}.color-8{color:#828303}.color-9{color:#20a9e9}#controls{max-width:400px;flex-grow:1;margin:0 1rem;display:grid;align-content:space-between;grid-template-areas:"button" "numbers" "actions"}#new-game{width:calc(100% - 20px);height:70px;border-radius:15px;margin:10px;box-shadow:#777 0 2px 3px;background:#d4e5f6;display:flex;align-items:center;justify-content:center;grid-area:button;color:#4f739c;font-size:32px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;position:relative;transition:.1s box-shadow linear}#new-game:active{box-shadow:none}#new-game:hover{background-color:#DDBC95}#new-game-menu{position:absolute;display:flex;flex-direction:column;top:90%;background:#fff;box-shadow:0 3px 4px grey;text-align:center;border-radius:5px;padding:5px;cursor:initial}.new-game-button{padding:10px;margin:0 30px;border-bottom:1px solid grey;cursor:pointer}.new-game-button:hover{color:#fff;background-color:#4f739c}.new-game-button:last-child{border-bottom:0;color:#ff6363}.new-game-button:last-child:hover{color:#fff;background-color:#ff6363}#numbers{display:grid;grid-gap:2px;grid-template-columns:repeat(3,1fr);width:100%;font-size:35px;grid-area:numbers;color:#4f739c}#controls.size-4 #numbers{grid-template-columns:repeat(2,1fr)}.number{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border:1px solid #81acdc;border-radius:5px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:.1s box-shadow linear}.number.completed{color:#057eff}.number:hover{background-color:#DDBC95}.number:active{box-shadow:inset 0 0 5px 2px #707070}#actions{display:flex;align-items:center;width:100%;justify-content:space-around;grid-area:actions;margin:10px 0}#actions>div{cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#003B46}#actions>div:hover{color:#003B46}#actions>div:hover .fill{fill:#003B46}#actions>div:hover .stroke{stroke:#003B46}#notes #notes-on{display:none}#notes.active #notes-on{display:block}#notes.active #notes-off{display:none}#modal{width:100vw;height:100vh;background-color:rgba(0,0,0,.3);position:fixed;top:0;left:0;z-index:5}#modal-window{position:fixed;top:25%;left:50%;transform:translate3d(-50%,-50%,0);background:var(--darkwhite);padding:2rem;border-radius:5px;border:1px solid var(--border-color);max-width:100%;min-width:300px;background:#fff}#modal-window h2{margin-top:0}#modal-window span{height:2rem;padding:.5rem;margin-left:1rem}#modal-buttons{display:flex;justify-content:space-around;margin-top:2rem}.action-button{padding:5px 10px;cursor:pointer;color:var(--darkcyan);font-weight:700;display:flex;align-items:center;justify-content:center;text-shadow:1px 1px 0 rgba(0,0,0,.1);border:2px solid #6fadcc;box-shadow:0 2px 1px 0 rgba(0,0,0,.2);background:#fff;transition:background-color .218s,box-shadow .218s;user-select:none;letter-spacing:1px}.action-button:disabled,fieldset:disabled .action-button{opacity:50%;cursor:not-allowed}.action-button:not(:disabled):hover{box-shadow:0 0 3px 3px rgba(111,204,204,.3);background:#fafafa}.action-button.cancel{background-color:#fff;color:#d13131;border-color:#d13131}.action-button.cancel:not(:disabled):hover{box-shadow:0 0 3px 3px rgba(204,111,111,.3);color:#fff;background-color:#d13131}@media screen and (max-width:900px){#controls{grid-template-areas:"actions" "numbers" "button";margin:0}#numbers{grid-template-columns:repeat(9,1fr);grid-gap:0px;margin:.5rem 0}.number{height:80%;border-radius:0;aspect-ratio:auto}#new-game-menu{top:unset;bottom:90%;box-shadow:0 -2px 4px grey}#secondary-resume{bottom:50px;top:initial}.panel-resume{font-size:16px}#secondary-title{font-size:20px}#challenge{padding:2px 5px;right:0}.number:hover{background-color:inherit}.number:active{background-color:#DDBC95}#challenge:hover{background-color:inherit}#challenge:active{background-color:#f7ba48}#new-game:hover{background:#d4e5f6}#new-game:active{background-color:#DDBC95}#actions>div:hover{color:#003B46}#actions>div:active{color:hsl(39, 92%, 63%)}#actions>div:hover .fill{fill:#003B46}#actions>div:active .fill{fill:#003B46!important}#actions>div:hover .stroke{stroke:#003B46}#actions>div:active .stroke{stroke:#003B46!important}}@media screen and (max-width:750px){#modal-window{top:30%}#modal-buttons{flex-direction:column}#submit_modal{margin-bottom:1rem}}.input-container{position:relative;align-self:flex-end;margin-top:1rem}.input-container .action-button{height:40px;min-width:258px;padding-left:40px}.input-container img{position:absolute;left:10px;top:10px;height:20px;width:auto}.loader.loading{position:absolute;left:100px;top:.5rem;width:1.5rem;height:1.5rem;border:5px solid #c1c1c1;border-top:5px solid #6fadcc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#sudoku.printing #victory-screen{display:none!important}#sudoku.printing .cell::after{display:block}#sudoku.printing .cell:not(.fixed)::after{display:none!important}#sudoku.printing .cell{background-color:inherit!important}#sudoku.printing .annotation{visibility:hidden!important}#sudoku.printing #play-button{display:none}#app-stores{background-color:#eff6fc;border-radius:11px;width:100%}#app-stores .app-store-text{color:#81acdc;font-family:Roboto;font-size:18px;font-weight:500;letter-spacing:0;line-height:21px}#app-stores .game-store-logo{height:94px;width:93px;border-radius:23px;border:3px solid #fff}#app-stores .game-store-labels{color:#b0b2b4;font-family:Roboto;font-size:12px;font-weight:500;letter-spacing:0;line-height:14px}#app-stores .app-store-border{border-bottom:2px solid #e4e4e4}#app-stores .app-rating-star{height:18px;width:18px}#app-stores .apple-store{height:40px;width:120px}#app-stores .play-store{height:58px;width:150px}.lateral-border{border:1px solid #81acdc;border-radius:11px}#container-game .selected-drop{background-color:#555}#container-game #game-header{user-select:None;-webkit-user-select:none}#container-game .label-text{color:#284769;font-family:Roboto;font-size:16px;font-weight:700;letter-spacing:0;line-height:19px}#container-game .dropdown-text{color:#8097b2;font-family:Roboto;font-size:16px;font-weight:700;letter-spacing:0;line-height:19px}#container-game .custom-switch .custom-control-label::before{width:3rem}#container-game .custom-switch .custom-control-label::after{background-image:url("/static/images/icons/BT_OFF.png");background-color:transparent;background-size:contain;width:calc(2rem);height:calc(2rem);top:calc(-.2rem + 0px);left:calc(-3.4rem + 0px)}#container-game .change-image::after{background-image:url(/static/images/icons/BT_ON.png)!important}@media (min-width:576px){#container-game .custom-switch .custom-control-label::after{left:calc(-3rem)}#container-game .custom-switch .custom-control-label::before{width:3.75rem}}#container-game #pause .custom-control-label::before{position:absolute;top:-.2rem}#container-game #pause .custom-switch .custom-control-label::before{width:2rem;height:2rem;background-color:transparent;background-image:url(/static/images/icons/BT_Play.png);background-repeat:no-repeat;background-size:cover;border-color:transparent;border-radius:unset}#container-game #pause .custom-switch .custom-control-label::after{background-image:url(/static/images/icons/BT_Pause.png);left:calc(-2.4rem + 2px)}#container-game #pause .custom-switch .custom-control-input:checked~.custom-control-label::after{display:none}#container-game .custom-switch .custom-control-input:checked~.custom-control-label::after{transform:translateX(2.75rem)}#container-game #law-box-1{background-color:#5985b7;color:#fff}#container-game #law-box-1 .btn{background-color:#feb24d;color:#fff;font-weight:700;text-transform:uppercase}#container-game #law-box-1 .far{font-size:25px}#container-game #law-box-1 img{height:24px;width:auto}h1{color:#5985b7;font-family:Roboto;font-size:24px;font-weight:700;letter-spacing:0;line-height:24px}h2{color:#5985b7;font-family:Roboto;font-size:22px;font-weight:700;letter-spacing:0;line-height:24px}h3{color:#5985b7;font-family:Roboto;font-size:18px;font-weight:700;letter-spacing:0;line-height:19px}.hint-icon{height:31px;width:22px}@media (min-width:1200px){.blue-after-xl{background-color:#eff6fc}}.white-after-xl{background-color:#eff6fc}@media (min-width:1200px){.white-after-xl{background-color:transparent}}#container-sudoku-tips{background-color:#eff6fc}canvas{width:100%!important;height:auto!important;image-rendering:high-quality;user-select:None;-webkit-user-select:none}a:hover{font-weight:700;text-decoration:none}.tips-image-size{width:100%;height:250px;object-fit:cover}.continue-button{background-color:#fff;font-family:Roboto;color:#3f75af;font-size:16px;font-weight:700;letter-spacing:0;line-height:19px;text-align:center;border-radius:25px;border:1px solid #3f75af}.continue-button:hover{background-color:#003B46;color:#fff}.top-radio-image{max-width:100%;height:205px;width:100%;object-fit:contain}.limit-size{width:300px}#radio-embed-playing .top{height:147px;border-bottom:solid 1px #a6a6a6}#radio-embed-playing .player-containerS{margin:auto;position:relative;padding:initial}#radio-embed-playing .thumb{width:135px;height:135px;border:solid 1px #e2e2e2;border-radius:5px}#radio-embed-playing .player{background-image:url("assets/background.png");background-size:cover;background-position:center;background-repeat:no-repeat;color:#E6FAEA;font-family:'Open Sans',sans-serif;font-weight:300;position:absolute;left:0;right:0;top:0;bottom:0}.div-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#play-pause-button.play{height:60px;width:60px;background:url("../images/player/player_options_sprite.png") 106px 6px}#play-pause-button.pause{background:url("../images/player/player_options_sprite.png") 3px 6px;height:60px;width:60px}#play-pause-button.error{background:url("../images/player/player_options_sprite.png") 53px 6px;height:60px;width:60px}#play-pause-button.loading{background:url("../images/player/player-loading.gif");height:60px;width:60px}.overlay{background-color:#f8f8ff;width:60px;height:60px;border-radius:50%}.powered-by{color:#494949;font-family:Roboto;font-size:10px;letter-spacing:0;font-weight:300}.app-store-text{color:#81acdc;font-family:Roboto;font-size:18px;font-weight:500;letter-spacing:0;line-height:21px}#law-box-3{z-index:999;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);background-color:#5985b7;color:#fff;width:90%}@media (min-width:568px){#law-box-3{display:none!important}}#law-box-3 .btn{background-color:#feb24d;color:#fff;font-weight:700;text-transform:uppercase}#law-box-3 .far{font-size:25px}#law-box-3 img{height:24px;width:auto}#law-box-4{z-index:999;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);background-color:#5985b7;color:#fff;width:90%}#law-box-4 .btn{background-color:#feb24d;color:#fff;font-weight:700;text-transform:uppercase}#law-box-4 .far{font-size:25px}#law-box-4 img{height:24px;width:auto}#pop_up_background{background-color:#000;width:100vw;height:100vh;opacity:60%;position:absolute;z-index:99;top:0}#pop_up_foreground{z-index:999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#pop_up_foreground img{object-fit:fill;border:2px solid #fff;border-radius:10px}@supports (-webkit-touch-callout:none){#pop_up_foreground img{width:90vw;height:80vh}}@supports not (-webkit-touch-callout:none){#pop_up_foreground img{width:90vw;height:85vh}}#pop_up_foreground .btn{z-index:999;position:absolute;top:87%;left:50%;color:#fff;transform:translate(-50%,-50%);white-space:nowrap;height:60px;font-size:25px}#pop_up_foreground .far{z-index:1000;position:absolute;top:5%;left:87%;color:#fff;font-size:25px}