.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}:where(html.light) .cmn-toggle input:disabled+label:before{box-shadow:inset 0 3px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8)}.cmn-toggle :where(html.light) input:disabled+label:before{box-shadow:inset 0 3px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8)}:where(html.light) .cmn-toggle input:disabled+label:after{box-shadow:inset 0 3px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8)}.cmn-toggle :where(html.light) input:disabled+label:after{box-shadow:inset 0 3px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8)}.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 #737373, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 3)/.8), 0 1px 3px 0 #0003}:where(html.light) .cmn-toggle label:after{box-shadow:inset 0 3px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 1px 3px 0 #0000002e}.cmn-toggle :where(html.light) label:after{box-shadow:inset 0 3px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 1px 3px 0 #0000002e}:where(html.light) .mselect__label{box-shadow:inset 0 3px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 1px 3px 0 #0000002e}.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 * .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 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 2px 4px 0 #0000003d}:where(html.light) .cmn-toggle label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #00000036}.cmn-toggle :where(html.light) label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #00000036}:where(html.light) .mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #00000036}.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))}:where(html.transp) .cmn-toggle label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 1px 3px -2px var(--c-border-light), inset 0 -5px 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 2px 4px 0 #00000026}.cmn-toggle :where(html.transp) label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 1px 3px -2px var(--c-border-light), inset 0 -5px 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 2px 4px 0 #00000026}:where(html.transp) .mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 1px 3px -2px var(--c-border-light), inset 0 -5px 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 2px 4px 0 #00000026}:where(html.light) :where(html.transp) .cmn-toggle label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #0000001f}.cmn-toggle :where(html.light) :where(html.transp) label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #0000001f}:where(html.light) :where(html.transp) .mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #0000001f}.mselect__label{box-shadow:inset 0 1px 3px -2px #737373, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 3)/.8), 0 1px 3px 0 #0000001a}:where(html.light) .mselect__label{box-shadow:inset 0 2px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 1px 3px 0 #00000014}.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 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 2px 4px 0 #0000001f}:where(html.light) .mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #0000001a}:where(html.transp) .mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 1px 3px -2px var(--c-border-light), inset 0 -5px 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 2px 4px 0 #0000000f}:where(html.light) :where(html.transp) .mselect__label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #0000000d}:where(html.transp) .mselect__list{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mselect__list{box-shadow:0 14px 28px #00000026,0 10px 10px #0000001f}.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{vertical-align:middle;text-transform:none;speak:none;content:attr(data-icon);opacity:.9;unicode-bidi:isolate;font-family:lichess;font-size:1.2em;font-style:normal;font-weight:400}.cmn-toggle input{touch-action:manipulation}.form-check__input input,.cmn-toggle input{position:absolute;inset-inline-start:-99999px}.flash,.form-check__container{flex-flow:row;align-items:center;display:flex}h2#openings,.puzzle-of-player__puzzle__meta,.form-actions,.form-split{flex-flow:wrap;justify-content:space-between;align-items:center;display:flex}.mselect__label{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.mselect__list{flex-flow:column;display:flex}.puzzle-openings__link,.puzzle-themes__link,.mselect__list,.mselect__label,.form-help pre,.toggle-box legend,.toggle-box,.flash,.form-check__label,.cmn-toggle label:before,.cmn-toggle label,.flash-box,.flash-quiet,.help,.puzzle-recommended .puzzle-themes__link{border-radius:var(---ui-roundness,7px)}.flash,.flash-box,.flash-quiet{box-shadow:0 2px 2px #00000014,0 3px 1px -2px #0000002e,0 1px 5px #0000001a}:where(html.transp) .help{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:where(html.transp) .puzzle-recommended .puzzle-themes__link{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.puzzle-recommended :where(html.transp) .puzzle-themes__link{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.help,.puzzle-recommended .puzzle-themes__link{border:1px solid var(--c-border)}:where(html.transp) .flash-box{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:where(html.transp) .flash-quiet{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cmn-toggle-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.8ch;display:inline-flex}.cmn-toggle label{-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid var(--c-border);background-clip:padding-box;background-color:var(--c-font-dimmer);outline:none;width:40px;height:24px;padding:1px;transition:background .15s,box-shadow .15s;display:block;position:relative}.cmn-toggle label:before,.cmn-toggle label:after{content:"";width:23px;height:23px;display:block;position:absolute;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{z-index:1;text-align:center;content:"";color:var(--c-font-dimmer);font-size:1em;line-height:23px;transition:margin .15s,color .15s}.cmn-toggle label:after{border-radius:calc(var(---ui-roundness,7px) - 1px);transition:margin .15s,box-shadow .15s}:where(html.transp) .cmn-toggle label:after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 22%), hsl(var(---site-hue), 5%, 19%) 100%)}:where(html.transp.light) .cmn-toggle label:after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 88%), hsl(var(---site-hue), 5%, 91%) 100%)}:where(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%)}:where(html.transp.light) .cmn-toggle label:hover:after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 90%), hsl(var(---site-hue), 5%, 93%) 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{-webkit-user-select:none;user-select:none}.form-check__container .form-label{cursor:pointer;margin-bottom:0}.form-check__container:has(.form-label:hover) .form-check__label{border-color:var(--c-good)}.form-check__input{cursor:pointer;position:relative}.form-check__input+.form-label{margin-inline-start:.75rem}.form-check__label{background-color:var(--c-bg-input);border:1px solid var(--c-border);cursor:pointer;width:24px;height:24px;transition:background-color .1s ease-in-out ease, border-color .1s ease-in-out ease;margin-bottom:0;display:block;position:relative}.form-check__label:hover{border-color:var(--c-good)}.form-check__label:after{content:"";opacity:0;border-top:none;border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;border-right:none;width:12px;height:6px;position:absolute;top:50%;left:50%;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 * .8))}.form-check__input input:checked+.form-check__label:after{opacity:1}.flash{background:var(--c-good);margin:1em 0 2em;padding:1em 2em}.flash:before{content:"";margin-inline:0 .5rem;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,.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);padding:2rem var(---box-padding) 0;margin:1rem 0 3rem}.toggle-box legend{-webkit-user-select:none;user-select:none;background:var(--c-bg-zebra);text-align:right;border:1px solid #0000;border-top-color:var(--c-border);padding:.5em 1.5em;font-size:1.2em;line-height:26px}.toggle-box legend:focus-visible{outline:2px solid var(--c-primary)}:where(html.transp) .toggle-box--toggle legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-box--toggle legend{cursor:pointer;padding:.5em 2.5em .5em 1.5em;position:relative}.toggle-box--toggle legend:after{content:"";opacity:.66;margin-left:.5em;font-size:14px;transition:transform .2s ease-in-out;position:absolute;transform:rotate(-90deg)}.toggle-box--toggle legend:hover{color:var(--c-primary)}.toggle-box--toggle-off{border-color:#0000;border-top-color:var(--c-border);background:0 0;border-radius:0;padding-top:0}.toggle-box--toggle-off legend{border:1px solid var(--c-border);background:0 0}.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:48%;min-width:200px}.form-full{flex:100%}.form-third{flex:31%}@media (min-width:499.3px){.form-half,.form-third{flex-grow:0}}.form-label{cursor:text;margin-bottom:.5rem;font-weight:700;display:inline-block}.form-control{background-clip:padding-box;width:100%;height:calc(2.7em + 2px);display:block}.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{unicode-bidi:plaintext;margin-top:.25rem;font-size:90%}.form3 .error{color:var(--c-error)}.form-help,.password-complexity-label{color:var(--c-font-dim)}.form-help pre{background:var(--c-bg-page);margin:.2em 0;padding:.2em 1em}.form-actions{border-top:1px solid var(--c-border);margin-top:1.5rem;padding-top:1.5rem}.form-actions.single{justify-content:flex-end}.form3 hr{border:0;border-top:1px solid var(--c-border);margin-top:1rem;margin-bottom:1rem}.mselect{white-space:nowrap;position:relative}.mselect:has(>.mselect__toggle--mask:checked){z-index:111}.mselect__toggle{z-index:-1;opacity:0;position:absolute}:where(html.transp) .mselect__label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mselect__label{padding-inline:1rem .6rem;cursor:pointer;gap:1ch;padding-top:.3rem;padding-bottom:.3rem}.mselect__label:after{content:"";color:var(--c-primary);margin-inline:.4em 0;font-size:70%}.mselect__label:focus-visible{outline:2px solid var(--c-primary)}.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{z-index:111;background:var(--c-bg-popup);transform-origin:top;min-width:100%;max-height:60vh;transition:transform .15s;position:absolute;top:0;overflow-y:auto;transform:scaleY(0)}.mselect__toggle:checked~.mselect__list{transform:scale(1)}@media (max-width:800px){.mselect__toggle:checked~.mselect__list{top:calc(50vh - var(---site-header-height));position:fixed;transform:translateY(-50%)scale(1)}dialog .mselect__toggle:checked~.mselect__list{position:absolute;top:0;transform:scale(1)}}.mselect__toggle:checked~.mselect__list *{opacity:1;visibility:visible;transition:opacity .125s ease-in-out .125s}.mselect__item{white-space:nowrap;visibility:hidden;opacity:0;color:var(--c-primary);border-left:3px solid #0000;padding:.3em 1em;transition:background-color .15s,border-color .15s;display:block}.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{margin-inline:calc(var(---box-padding) / 2);grid-template-columns:repeat(auto-fill,minmax(50ch,1fr));column-gap:.5em;display:grid}@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{color:var(--c-font);align-items:center;padding:1.5em 1em 1.5em 0;transition:background-color .15s,color .15s;display:flex}.puzzle-themes__link img{opacity:.8;flex:0 0 7.5em;align-self:flex-start;height:4.5em;transition:opacity .15s,filter .15s}.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)}:where(html.light) .puzzle-themes__link:hover img{filter:brightness(.8)}@media (max-width:499.29px){.puzzle-themes__link:before{display:none}.puzzle-themes__link{padding-inline-start:1em}}.puzzle-themes__link>span{flex:100%;margin:0}.puzzle-themes__link h3{margin-bottom:.2em;font-size:1.7em;font-weight:400;line-height:1em;display:block}.puzzle-themes__link h3 em{color:var(--c-font-dimmer);letter-spacing:-1px;margin-inline-start:.7ch;font-size:.8em}.puzzle-recommended .puzzle-themes__link{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;font-size:1.2em}.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}.puzzle-openings__list{margin:0 0 3em var(---box-padding);grid-template-columns:repeat(auto-fill,minmax(40ch,1fr));display:grid}@media (max-width:499.29px){.puzzle-openings__list{grid-template-columns:repeat(auto-fill,minmax(30ch,1fr))}}.puzzle-openings__link{padding:.5em .7em .5em 1.5em;display:flex}.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:700}.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);letter-spacing:-1px;margin-inline-start:.7ch;font-size:.8em}.puzzle-of-player__form input{width:30ch;margin-inline-end:1em;display:inline-block}.puzzle-of-player__pager{grid-template-columns:repeat(auto-fill,minmax(12em,1fr));align-content:start;display:grid}.puzzle-of-player__results p{margin:2em 0;font-size:1.5em}.puzzle-of-player__puzzle{padding:.4em}.puzzle-of-player__puzzle__meta{padding:0 .3em;font-size:.9em}.puzzle-of-player__puzzle__id{opacity:0;transition:all .15s}.puzzle-of-player__puzzle:hover .puzzle-of-player__puzzle__id{opacity:1}h2#openings a{font-size:1rem}.help{background:var(--c-bg-zebra);padding:1.5em}.help-touchscreen{display:none}.help-keyboard{display:block}@media (hover:none){.help-touchscreen{display:block}.help-keyboard{display:none}}