.modal{display:none;position:fixed;z-index:208;top:0;left:0;width:100%;height:100%;background-color:var(--medium-black-opacity)}.modal *{color:var(--modal-font-color);line-height:1.5rem}.modal-content{position:absolute;background-color:var(--modal-header-background-color);left:50%;top:-100%;transform:translate(-50%,-50%);max-width:calc(100% - 20px);min-width:300px;max-height:calc(100% - 20px);height:auto;overflow:hidden;border-radius:20px;box-shadow:2px 2px 2px var(--heavy-black-opacity);transition:.2s ease-in-out}#modal-contact-failure .modal-content,#modal-bug-failure .modal-content{background-color:var(--cancel-button-color-hover)}@media(min-width:1101px){#modal-settings .modal-content,#modal-calendar .modal-content,#modal-statistics .modal-content{min-width:800px}}@media(max-width:1100px){.modal-content{width:calc(75%)}#modal-contact-failure .modal-content,#modal-bug-failure .modal-content,#modal-contact-success .modal-content,#modal-bug-success .modal-content,#modal-login .modal-content{max-width:450px}}@media(max-width:900px){.modal-content{width:calc(80%)}}@media(max-width:700px){.modal-content{width:calc(100% - 20px)}}.modal-header{padding:10px;display:flex;align-items:center}.modal-header .modal-title{margin:1rem auto;font-size:1.8rem;font-weight:700;color:var(--modal-header-font-color);text-align:center;line-height:1.8rem}.modal-header img{margin:0 20px;cursor:pointer;transition:.2s ease-in-out}.modal-header img:hover{transform:scale(1.1)}.modal-body{padding:20px;height:auto;overflow-y:auto;background-clip:padding-box;max-height:60dvh;background:var(--background-color)}.modal-body .content>div{height:auto;overflow-y:auto;background-clip:padding-box}.modal-bar{display:flex;padding:0 10px}.modal-bar div{cursor:pointer;color:var(--modal-header-font-color);font-weight:700;padding:10px;border-radius:15px 15px 0 0}.modal-bar div.active{background-color:var(--background-color);color:var(--header-font-color);margin-bottom:-1px}.modal-content label{margin-left:10px;margin-right:10px;font-weight:700}.modal-content .disclaimer{padding:0 10px}.modal-content .disclaimer *{font-style:italic;font-size:.875rem;margin-bottom:5px}.modal-content .disclaimer ul{margin-left:5px;margin-right:5px}.modal-content .disclaimer li{list-style-type:disc;margin-left:10px;margin-right:10px}.modal-content input[type=email],.modal-content input[type=text],.modal-content textarea{width:calc(100% - 20px);padding:10px;margin:10px;border:1px solid var(--modal-border-color);box-sizing:border-box;resize:vertical}.modal-content input[type=email]:focus,.modal-content input[type=text]:focus,.modal-content textarea:focus{border:1px solid var(--modal-focus-color)}.modal-content textarea{min-height:200px}.modal-content input[type=submit],#reset-color{font-weight:700;cursor:pointer;display:block;height:auto;width:fit-content;margin:20px auto 10px;padding:10px 20px;background:var(--background-color);color:var(--modal-button-color);border:1px solid var(--modal-button-color);border-radius:10px;box-shadow:2px 2px 2px var(--heavy-black-opacity);transition:.2s ease-in-out}#reset-color{margin-left:10px;margin-top:auto;vertical-align:middle;margin-bottom:auto;cursor:pointer}.modal-content input[type=submit]:hover,#reset-color:hover{background:var(--modal-button-color);color:var(--background-color)}.modal-content a{text-decoration:underline;color:var(--modal-link-color)}.modal-content .content form{display:flex;flex-wrap:wrap;padding:10px 0}.modal-content .content form:not(:last-child){border-bottom:1px solid var(--font-secondary-color)}.modal-content .content form *,.modal-content .content div{margin:5px}.modal-content .content form>span,.modal-content .content p span:first-child,.modal-content .content div{font-weight:700}.modal-content .content p{unicode-bidi:bidi-override}.modal-content .color-picker{display:flex}.modal-content input[type=color]{width:80px;height:80px;margin-left:10px;padding:2px;background:lightgrey;border:1px solid grey;border-radius:5px;cursor:pointer}.modal-content .content form[name=card-back-image] *,.modal-content .content form[name=background-image] *{margin:0}.modal-content .content form[name=card-back-image]>div,.modal-content .content form[name=background-image]>div{display:flex;flex-wrap:wrap;width:100%}.modal-content .content form[name=card-back-image] label,.modal-content .content form[name=background-image] label{display:flex;flex-direction:column;justify-content:center;cursor:pointer;position:relative}.modal-content .content form[name=card-back-image] label{width:calc(25%)}.modal-content .content form[name=background-image] label{width:calc(100%/3)}.modal-content .content form[name=card-back-image] picture img,.modal-content .content form[name=background-image] label>img{display:block;width:90%;height:auto;margin:5px auto;border:4px solid transparent;transition:.2s ease-in-out;box-sizing:border-box}.modal-content .content form[name=background-image] label>img{border-radius:20px}@media(max-width:900px){.modal-content .content form[name=background-image] label>img{border-radius:10px}}.modal-content .content form[name=card-back-image] input,.modal-content .content form[name=background-image] input{display:none}.modal-content .content form[name=card-back-image] input:checked+picture img,.modal-content .content form[name=background-image] input:checked+img{border-color:var(--game-bar-button-color-secondary);transform:scale(1.05);box-shadow:0 0 2px var(--game-bar-button-color-secondary),2px 2px 5px var(--heavy-black-opacity);border-radius:10px}.modal-content .content form .check-overlay{display:none;position:absolute;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 2px 5px var(--medium-black-opacity)}.modal-content .content form[name=card-back-image] .check-overlay{bottom:5%;right:8%}.modal-content .content form[name=background-image] .check-overlay{bottom:8%;right:5%}.modal-content .content form .check-overlay img{width:48px;height:48px;border:0;margin:0;padding:0;border-radius:50%}@media(max-width:900px){.modal-content .content form .check-overlay img{width:32px;height:32px}}@media(max-width:600px){.modal-content .content form .check-overlay img{width:24px;height:24px}}.modal-content .content form[name=card-back-image] input:checked~.check-overlay,.modal-content .content form[name=background-image] input:checked~.check-overlay{display:flex}.modal-content .content form[name=card-back-image] picture source{display:none}#google-login-button{margin:10px auto;width:fit-content}#google-login-button *{font-weight:700;color:var(--modal-header-font-color)}#settings-general form>div{max-width:calc(100% - 80px)}#settings-general form span{font-size:1.1rem;margin:0}#settings-general form p{color:var(--font-secondary-color);font-weight:400;font-size:.9rem;margin:0}.modal-content .content form .switch{position:relative;display:inline-block;width:56px;height:30px;margin:auto 5px}html[dir=ltr] .modal-content .content form .switch{margin-left:auto}html[dir=rtl] .modal-content .content form .switch{margin-right:auto}.modal-content .content form .switch input{opacity:0;width:0;height:0}.modal-content .content form .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--switch-background-color);transition:.4s;border-radius:34px;margin:0}.modal-content .content form .slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:var(--modal-header-font-color);transition:.4s;border-radius:50%}.modal-content .content form input:checked+.slider{background-color:var(--modal-header-background-color)}.modal-content .content form input:focus+.slider{box-shadow:0 0 1px var(--modal-header-background-color)}.modal-content .content form input:checked+.slider:before{transform:translateX(26px)}#keyboard-shortcuts-button{display:flex}@media(hover:none) and (pointer:coarse){#keyboard-shortcuts-button{display:none!important}}#modal-shortcuts{--kb-draw:#2e9d4a;--kb-undo:#4169e1;--kb-hint:#d99a00;--kb-new_game:#0f9a9a;--kb-restart:#e0662a;--kb-fullscreen:#8a4fd8;--kb-help:#d6417f;--kb-panel:#e6ebe6;--kb-key:#fbfcfb;--kb-key-edge:#c3cbc3;--kb-key-font:#9aa39a}[data-theme=dark] #modal-shortcuts{--kb-panel:#1d1f1d;--kb-key:#3a3d3a;--kb-key-edge:#232523;--kb-key-font:#80867f}#modal-shortcuts .modal-content{width:min(880px,calc(100% - 20px))}#modal-shortcuts .modal-body{max-height:calc(100dvh - 140px);padding:24px}#modal-shortcuts .keyboard{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;background:var(--kb-panel);box-shadow:inset 0 2px 6px var(--light-black-opacity)}#modal-shortcuts .kb-row{display:flex;gap:6px}#modal-shortcuts .key{position:relative;flex:var(--w,1)1 0;min-width:0;height:clamp(30px,4.4vw,44px);display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--kb-key);border-bottom:4px solid var(--kb-key-edge);color:var(--kb-key-font);font-size:.85rem;font-weight:700;line-height:1;user-select:none;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}#modal-shortcuts .key small{position:absolute;top:3px;left:6px;font-size:.65rem;opacity:.8;color:inherit}#modal-shortcuts .key.wide{font-size:.75rem;font-weight:400}#modal-shortcuts .key[data-action]{background:var(--c);border-bottom-color:color-mix(in srgb,var(--c) 60%,#000);color:#fff;font-size:1.05rem;cursor:default;box-shadow:0 2px 8px color-mix(in srgb,var(--c) 45%,transparent)}#modal-shortcuts .key.modifier[data-action]{background:color-mix(in srgb,var(--c) 55%,var(--kb-key));font-size:.8rem}#modal-shortcuts [data-action=draw]{--c:var(--kb-draw)}#modal-shortcuts [data-action=undo]{--c:var(--kb-undo)}#modal-shortcuts [data-action=hint]{--c:var(--kb-hint)}#modal-shortcuts [data-action=new_game]{--c:var(--kb-new_game)}#modal-shortcuts [data-action=restart]{--c:var(--kb-restart)}#modal-shortcuts [data-action=fullscreen]{--c:var(--kb-fullscreen)}#modal-shortcuts [data-action=help]{--c:var(--kb-help)}#modal-shortcuts.focusing .key[data-action]:not(.focus),#modal-shortcuts.focusing .shortcut-legend li:not(.focus){opacity:.35}#modal-shortcuts .key.focus{transform:translateY(-3px)scale(1.06);z-index:1}#modal-shortcuts .shortcut-legend{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 16px}#modal-shortcuts .shortcut-legend li{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;border-inline-start:5px solid var(--c);background:color-mix(in srgb,var(--c) 10%,transparent);font-weight:700;transition:opacity .15s ease}#modal-shortcuts .shortcut-legend .keys{display:flex;align-items:center;gap:4px;flex:none}#modal-shortcuts .shortcut-legend b{font-weight:400}#modal-shortcuts kbd{display:inline-block;min-width:1.8em;padding:2px 7px;border-radius:6px;background:var(--c);border-bottom:3px solid color-mix(in srgb,var(--c) 60%,#000);color:#fff;font-family:inherit;font-size:.85rem;font-weight:700;text-align:center;line-height:1.3rem}