.mselect__list{font-family:"Noto Sans",sans-serif}.puzzle-openings__link em,.puzzle-openings em,.puzzle-themes__link h3 em,.puzzle-themes h2{font-family:Roboto,sans-serif;font-weight:300}.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{box-shadow:inset 0 1px 3px -2px hsl(0,0%,45%),inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 3))}html.light .cmn-toggle input:disabled+label::before,.cmn-toggle html.light input:disabled+label::before,html.light .cmn-toggle input:disabled+label::after,.cmn-toggle html.light input:disabled+label::after{box-shadow:inset 0 3px 3px -2px #fff,inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 5))}html.transp .cmn-toggle input:disabled+label::before,.cmn-toggle html.transp input:disabled+label::before,html.transp .cmn-toggle input:disabled+label::after,.cmn-toggle html.transp input:disabled+label::after{box-shadow:none}.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{background-image:linear-gradient(to bottom, var(--c-metal-top), var(--c-metal-bottom))}.cmn-toggle label::after,.mselect__label{box-shadow:inset 0 1px 3px -2px hsl(0,0%,45%),inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 3)),0 1px 3px 0 rgba(0,0,0,.2)}html.light .cmn-toggle label::after,.cmn-toggle html.light label::after,html.light .mselect__label{box-shadow:inset 0 3px 3px -2px #fff,inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)),0 1px 3px 0 rgba(0,0,0,.18)}html.transp .cmn-toggle label::after,.cmn-toggle html.transp label::after,html.transp .mselect__label{box-shadow:none}.cmn-toggle label::after,.mselect__label{background:linear-gradient(to bottom, var(--c-metal-top), var(--c-metal-bottom));text-shadow:.5px .5px 0 rgb(from var(--c-dimmer) r g b/calc(alpha * 0.8)) !important}.cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,.mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 1px 3px -2px var(--c-border-light),inset 0 -5px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)),0 2px 4px 0 rgba(0,0,0,.24)}html.light .cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,.cmn-toggle html.light label:hover:not(.disabled,:disabled,[disabled])::after,html.light .mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 4px 3px -2px #fff,inset 0 -5px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)),0 2px 4px 0 rgba(0,0,0,.21)}html.transp .cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,.cmn-toggle html.transp label:hover:not(.disabled,:disabled,[disabled])::after,html.transp .mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:none}.cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,.mselect__label:hover:not(.disabled,:disabled,[disabled]){background:linear-gradient(to bottom, var(--c-metal-top-hover), var(--c-metal-bottom-hover))}.mselect__label{box-shadow:inset 0 1px 3px -2px hsl(0,0%,30%),inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 3)),0 1px 3px 0 rgba(0,0,0,.1)}html.light .mselect__label{box-shadow:inset 0 2px 3px -2px #fff,inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)),0 1px 3px 0 rgba(0,0,0,.08)}html.transp .mselect__label{box-shadow:none}.mselect__label{border:1px solid var(--c-border)}.mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 1px 3px -2px var(--c-border-light),inset 0 -5px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)),0 2px 4px 0 rgba(0,0,0,.12)}html.light .mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 3px 3px -2px #fff,inset 0 -5px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)),0 2px 4px 0 rgba(0,0,0,.1)}html.transp .mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:none}html.transp .mselect__list::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;backdrop-filter:blur(6px)}.mselect__list{box-shadow:0 14px 28px rgba(0,0,0,.15),0 10px 10px rgba(0,0,0,.12)}.form-check__input input:not(:disabled):focus-visible+.form-check__label{box-shadow:0 0 12px var(--c-font-dimmer)}.puzzle-themes__db{padding:4vh var(---box-padding)}.puzzle-themes h2{padding:0 var(---box-padding)}.help{margin-left:var(---box-padding);margin-right:var(---box-padding)}.mselect__label::after,.toggle-box--toggle legend::after,.flash::before,.cmn-toggle label::before{font-size:1.2em;vertical-align:middle;font-family:lichess;font-style:normal;font-weight:normal;text-transform:none;speak:none;content:attr(data-icon);opacity:.9;unicode-bidi:isolate}.cmn-toggle input{touch-action:manipulation}.form-check__input input,.cmn-toggle input{position:absolute;inset-inline-start:-99999px}.flash,.form-check__container{display:flex;flex-flow:row nowrap;align-items:center}h2#openings,.puzzle-of-player__puzzle__meta,.form-actions,.form-split{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.mselect__label{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.mselect__list{display:flex;flex-flow:column}.puzzle-openings__link,.puzzle-themes__link,.mselect__list,.mselect__label,.form-help pre,.toggle-box legend,.toggle-box,.flash,.form-check__label,.flash-box,.flash-quiet,.help,.puzzle-recommended .puzzle-themes__link{border-radius:7px}.flash-box,.flash-quiet{box-shadow:0 2px 2px 0 rgba(0,0,0,.08),0 3px 1px -2px rgba(0,0,0,.18),0 1px 5px 0 rgba(0,0,0,.1)}html.transp .help,html.transp .puzzle-recommended .puzzle-themes__link,.puzzle-recommended html.transp .puzzle-themes__link{backdrop-filter:blur(6px)}.help,.puzzle-recommended .puzzle-themes__link{border:1px solid var(--c-border)}html.transp .flash-box,html.transp .flash-quiet{backdrop-filter:blur(6px)}.cmn-toggle-wrap{display:inline-flex;align-items:center;gap:.8ch;cursor:pointer;user-select:none}.cmn-toggle label{user-select:none;transition:background 150ms ease,box-shadow 150ms ease;display:block;position:relative;cursor:pointer;outline:none;padding:1px;width:40px;height:24px;border:1px solid var(--c-border);border-radius:24px;background-clip:padding-box;background-color:var(--c-font-dimmer)}.cmn-toggle label::before,.cmn-toggle label::after{display:block;position:absolute;content:"";width:22px;height:22px;bottom:0}html:not([dir=rtl]) .cmn-toggle label::before,html:not([dir=rtl]) .cmn-toggle label::after{left:0}html[dir=rtl] .cmn-toggle label::before,html[dir=rtl] .cmn-toggle label::after{right:0}.cmn-toggle label::before{transition:margin 150ms ease,color 150ms ease;font-size:1em;z-index:1;text-align:center;line-height:22px;content:"";color:var(--c-font-dimmer);border-radius:100%}.cmn-toggle label::after{transition:margin 150ms ease,box-shadow 150ms ease;border-radius:100%}html.transp .cmn-toggle label::after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 22%), hsl(var(---site-hue), 5%, 19%) 100%)}html.transp .cmn-toggle label:hover::after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 26%), hsl(var(---site-hue), 5%, 23%) 100%)}.cmn-toggle input:checked+label{background-color:var(--c-good)}.cmn-toggle input:checked+label::before,.cmn-toggle input:checked+label::after{margin-inline-start:16px}.cmn-toggle input:checked+label::before{content:"";color:var(--c-good)}.cmn-toggle input:disabled+label{opacity:.6;cursor:not-allowed !important}.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{box-shadow:none}.cmn-toggle input:focus-visible:not(:disabled)+label{box-shadow:0 0 12px var(--c-font-dimmer);border-color:var(--c-primary)}.form-check__container{user-select:none}.form-check__container .form-label{margin-bottom:0;cursor:pointer}.form-check__container .form-label a{text-decoration:underline}.form-check__container:has(.form-label:hover) .form-check__label{border-color:var(--c-good)}.form-check__input{position:relative;cursor:pointer}.form-check__input+.form-label{margin-inline-start:.75rem}.form-check__label{position:relative;display:block;margin-bottom:0;background-color:var(--c-bg-input);border:1px solid var(--c-border);cursor:pointer;height:24px;width:24px;transition:background-color .1s ease-in-out ease,border-color .1s ease-in-out ease}.form-check__label:hover{border-color:var(--c-good)}.form-check__label::after{border:2.5px solid #fff;border-top:none;border-right:none;content:"";width:12px;height:6px;left:50%;top:50%;opacity:0;position:absolute;transform:translate(-50%, -58%) rotate(-45deg)}.form-check__input input{position:absolute}.form-check__input input:disabled+.form-check__label{opacity:.6;cursor:not-allowed !important}.form-check__input input:not(:disabled):focus-visible+.form-check__label{border-color:var(--c-font)}.form-check__input input:checked+.form-check__label{background-color:var(--c-good);border-color:var(--c-good)}.form-check__input input:checked:hover+.form-check__label{background-color:rgb(from var(--c-good) r g b/calc(alpha * 0.8))}.form-check__input input:checked+.form-check__label::after{opacity:1}.flash{margin:1em 0 2em 0;padding:1em 2em;background:var(--c-good)}.flash::before{content:"";margin-inline:0 2rem;font-size:1.5em}.flash__content a{color:var(--c-over);unicode-bidi:plaintext}.flash-success{color:var(--c-over)}.flash-warning{background:var(--c-warn);color:var(--c-over)}.flash-warning::before{content:""}.flash-failure{background:var(--c-bad);color:var(--c-over)}.flash-failure::before{content:""}.flash-quiet{background:var(--c-bg-zebra)}.flash-box{background:var(--c-bg-zebra)}.flash-box a{color:var(--c-primary)}.toggle-box{border:1px solid var(--c-border);background:var(--c-bg-zebra);margin:1rem 0 3rem 0;padding:2rem var(---box-padding) 0}.toggle-box legend{user-select:none;background:var(--c-bg-zebra);padding:.5em 1.5em;text-align:right;font-size:1.2em;line-height:26px;border:1px solid rgba(0,0,0,0);border-top-color:var(--c-border)}.toggle-box legend:focus-visible{outline:2px solid var(--c-primary)}html.transp .toggle-box--toggle legend{backdrop-filter:blur(10px)}.toggle-box--toggle legend{padding:.5em 2.5em .5em 1.5em;cursor:pointer;position:relative}.toggle-box--toggle legend::after{content:"";position:absolute;font-size:14px;transform:rotate(-90deg);margin-left:.5em;opacity:.66;transition:transform .2s ease-in-out}.toggle-box--toggle legend:hover{color:var(--c-primary)}.toggle-box--toggle-off{background:none;border-color:rgba(0,0,0,0);border-top-color:var(--c-border);border-radius:0;padding-top:0}.toggle-box--toggle-off legend{border:1px solid var(--c-border);background:none}.toggle-box--toggle-off legend:hover{background:var(--c-bg-zebra)}.toggle-box--toggle-off legend::after{transform:rotate(90deg)}.toggle-box--toggle-off>*:not(legend){display:none}.form-group{margin-bottom:3rem}.form-split{align-items:inherit}.form-half{flex:1 1 48%;min-width:200px}.form-third{flex:1 1 31%}@media(min-width: 499.3px){.form-half,.form-third{flex-grow:0}}.form-label{font-weight:bold;display:inline-block;margin-bottom:.5rem;cursor:text}.form-control{display:block;width:100%;height:calc(2.7em + 2px);background-clip:padding-box}.clipboard{float:right}textarea.form-control{height:auto}.form-control:invalid,.form-group.is-invalid .form-control{border-color:var(--c-error)}.form3 .error,.form-help,.password-complexity-label{font-size:90%;margin-top:.25rem;unicode-bidi:plaintext}.form3 .error{color:var(--c-error)}.form-help,.password-complexity-label{color:var(--c-font-dim)}.form-help pre{padding:.2em 1em;margin:.2em 0;background:var(--c-bg-page)}.form-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--c-border)}.form-actions.single{justify-content:flex-end}.form3 hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid var(--c-border)}.mselect{position:relative;white-space:nowrap}.mselect__toggle{position:absolute;z-index:-1;opacity:0}html.transp .mselect__label{backdrop-filter:blur(6px)}.mselect__label{padding-inline:1rem .6rem;padding-top:.3rem;padding-bottom:.3rem;gap:1ch;cursor:pointer}.mselect__label::after{content:"";font-size:70%;color:var(--c-primary);margin-inline:.4em 0}.mselect__label:focus-visible{outline:2px solid var(--c-primary)}.mselect__toggle:checked~.mselect__label{transition:opacity 150ms ease;opacity:0}.mselect__toggle:focus-visible~.mselect__label{outline:2px solid var(--c-primary)}html:not([dir=rtl]) .mselect__list{left:0}html[dir=rtl] .mselect__list{right:0}.mselect__list{transition:transform 150ms ease;position:absolute;top:0;min-width:100%;max-height:60vh;overflow-y:auto;z-index:111;background:var(--c-bg-popup);transform:scale(1, 0);transform-origin:top}.mselect__toggle:checked~.mselect__list{transform:scale(1, 1)}@media(max-width: 800px){.mselect__toggle:checked~.mselect__list{position:fixed;top:50%;transform:translateY(-50%) scale(1, 1)}dialog .mselect__toggle:checked~.mselect__list{position:absolute;top:0;transform:scale(1, 1)}}.mselect__toggle:checked~.mselect__list *{opacity:1;visibility:visible;transition:opacity 125ms ease-in-out 125ms}.mselect__item{white-space:nowrap;display:block;padding:.3em 1em;visibility:hidden;opacity:0;color:var(--c-primary);border-left:3px solid rgba(0,0,0,0);transition:background-color 150ms ease,border-color 150ms ease}.mselect__item.current{background:var(--c-bg-zebra);border-color:var(--c-primary)}.mselect__item:hover{background:var(--c-primary);color:var(--c-over)}.mselect__item:focus-visible{outline:2px solid var(--c-primary);outline-offset:-2px}.mselect__item::before{margin-inline-end:.4em}.puzzle-themes h2:not(:first-child){margin-block:1em .5em}.puzzle-themes__list{display:grid;column-gap:.5em;margin-inline:calc(var(---box-padding)/2);grid-template-columns:repeat(auto-fill, minmax(50ch, 1fr))}@media(max-width: 499.29px){.puzzle-themes__list{grid-template-columns:repeat(auto-fill, minmax(40ch, 1fr))}}.puzzle-themes__list.puzzle-recommended{display:block}.puzzle-themes__link{transition:background-color 150ms ease,color 150ms ease;color:var(--c-font);display:flex;align-items:center;padding:1.5em 1em 1.5em 0}.puzzle-themes__link img{transition:opacity 150ms ease,filter 150ms ease;flex:0 0 7.5em;height:4.5em;opacity:.8;align-self:flex-start}.puzzle-themes__link:hover{background:color-mix(in oklab, var(--c-primary) 10%, var(--c-bg))}.puzzle-themes__link:hover img{opacity:1;filter:brightness(1.4)}html.light .puzzle-themes__link:hover img{filter:brightness(0.8)}@media(max-width: 499.29px){.puzzle-themes__link::before{display:none}.puzzle-themes__link{padding-inline-start:1em}}.puzzle-themes__link>span{flex:1 1 100%;margin:0}.puzzle-themes__link h3{font-weight:normal;font-size:1.7em;display:block;line-height:1em;margin-bottom:.2em}.puzzle-themes__link h3 em{color:var(--c-font-dimmer);font-size:.8em;margin-inline-start:.7ch;letter-spacing:-1px}.puzzle-recommended .puzzle-themes__link{font-size:1.2em;background:color-mix(in oklab, var(--c-secondary) 20%, var(--c-bg));border-color:color-mix(in oklab, var(--c-secondary) 35%, var(--c-bg));color:var(--c-good);margin:2em 0}.puzzle-recommended .puzzle-themes__link::before{color:var(--c-good)}.puzzle-recommended .puzzle-themes__link>span{color:var(--c-font)}.puzzle-recommended .puzzle-themes__link:hover{background:color-mix(in oklab, var(--c-secondary) 25%, var(--c-bg))}@media(max-width: 799.29px){.puzzle-recommended .puzzle-themes__link{margin:2em var(---box-padding) 2em 0}}.puzzle-themes__count{unicode-bidi:plaintext}.puzzle-themes__db{text-align:center}.puzzle-openings__mine{border-bottom:1px solid var(--c-border);background:var(--c-bg-zebra);padding-top:3vh}.puzzle-openings__mine h2{margin:0 0 1em 0}.puzzle-openings__list{display:grid;margin:0 0 3em var(---box-padding);grid-template-columns:repeat(auto-fill, minmax(40ch, 1fr))}@media(max-width: 499.29px){.puzzle-openings__list{grid-template-columns:repeat(auto-fill, minmax(30ch, 1fr))}}.puzzle-openings__link{display:flex;padding:.5em .7em .5em 1.5em}.puzzle-openings__link:hover{background:color-mix(in oklab, var(--c-primary) 10%, var(--c-bg))}.puzzle-openings__link.opening-mine{color:var(--c-brag);font-weight:bold}.puzzle-openings__link.opening-mine:hover{background:color-mix(in oklab, var(--c-brag) 20%, var(--c-bg))}@media(max-width: 499.29px){.puzzle-openings__link::before{display:none}.puzzle-openings__link{padding-inline-start:1em}}.puzzle-openings__link h3{font-weight:inherit;font-size:1.2em;display:block}.puzzle-openings__tree__family h2{margin:1em 0}.puzzle-openings__link em,.puzzle-openings em{color:var(--c-font-dimmer);font-size:.8em;margin-inline-start:.7ch;letter-spacing:-1px}.puzzle-of-player__form input{margin-inline-end:1em;width:30ch;display:inline-block}.puzzle-of-player__pager{display:grid;grid-template-columns:repeat(auto-fill, minmax(12em, 1fr));align-content:start}.puzzle-of-player__results p{font-size:1.5em;margin:2em 0}.puzzle-of-player__puzzle{padding:.4em}.puzzle-of-player__puzzle__meta{font-size:.9em;padding:0 .3em}.puzzle-of-player__puzzle__id{opacity:0;transition:all 150ms ease}.puzzle-of-player__puzzle:hover .puzzle-of-player__puzzle__id{opacity:1}h2#openings a{font-size:1rem}.help{padding:1.5em;background:var(--c-bg-zebra)}.help-touchscreen{display:none}.help-keyboard{display:block}@media(hover: none){.help-touchscreen{display:block}.help-keyboard{display:none}}