@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}[data-theme=auto]{color-scheme:light dark}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}*,:before,:after{box-sizing:border-box}::selection{background-color:#aa88}html{--accent-color:#c185a5;--main-background:hsl(from var(--accent-color) h s l / 50%);--input-valid-color:limegreen;--input-invalid-color:red;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;color-scheme:light dark;scroll-behavior:smooth;accent-color:var(--accent-color);caret-color:var(--accent-color);text-size-adjust:none;margin:0;font-family:Nunito,Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-weight:400}body{align-content:space-between;min-height:100vh;margin:0;display:grid}#skipNavLink{color:#000;z-index:10;background-color:#fff;border:2px solid #000;padding:.2em;transition:transform .25s;position:absolute;transform:translateY(-4em)}#skipNavLink:focus{transform:translate(0)}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,figcaption,.tooltip span{text-wrap:pretty}p,span{hanging-punctuation:first last}code{font-family:var(--font-mono);background-color:#8883;padding-inline:3px}img,video{max-width:100%;display:block}figure{width:fit-content;margin:0 auto}figure.captionOverImage{position:relative;& figcaption{inset-inline:0;color:light-dark(#000,#fff);backdrop-filter:blur(5px);background-color:light-dark(#fff8,#1118);border-top:1px solid #888;padding:2px 5px;font-size:80%;font-style:italic;position:absolute;bottom:0}}dt{font-style:italic;text-decoration:underline}.hidden{display:none!important}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.remark{opacity:.5;text-align:center;font-size:75%}.dangerMessage{color:red;font-style:italic}.greenPastille{position:relative}.greenPastille:after{content:"";background-color:#32cd32;border-radius:10px;width:14px;height:14px;position:absolute}.iiicon:empty{background-color:#8883;background-image:linear-gradient(#8883 0%,#0000 50%,#8883 100%);background-size:100% 200%;min-width:1em;min-height:1em;animation:2s linear infinite iiiconLoading;display:inline-block}@keyframes iiiconLoading{0%{background-position:0 0}to{background-position:0 200%}}.feedbackMessage{background-color:#65b6dd60;border:1px solid #65b6dd;border-radius:5px;margin:0;padding:.5ch 1ch;&[data-type=success]{background-color:#65dd6560;border-color:#65dd65}&[data-type=warning]{background-color:#ddd56560;border-color:#ddd565}&[data-type=error]{background-color:#dd656560;border-color:#dd6565}&:empty{display:none}}fieldset{border-radius:5px}.inputGroup{flex-wrap:wrap;display:flex}.inputCont{align-items:center;gap:.5em;margin:.5em;transition:background-color .25s;display:flex}.inputCont label{position:relative}.inputCont:has(>:required) label:after{content:"*" / "";color:var(--input-invalid-color)}.requiredAsterix{color:red}.inputCont:has(:focus-visible){background-color:#8881}.inputCont[data-dir=vertical]{flex-direction:column;justify-content:center;align-items:normal}.inputCont[data-dir=vertical]:has(textarea){grid-template-columns:1fr;display:grid}.inputCont[data-dir=vertical] textarea{resize:vertical}.inputCont[data-dir=vertical]:has(input[type=checkbox]),.inputCont[data-dir=vertical]:has(input[type=radio]){grid-template-columns:auto auto;justify-content:start;display:grid}input[type=text],input[type=url],input[type=tel],input[type=email],input[type=number],input[type=password],input[type=time],input[type=search],input[type^=date],textarea,select{font:inherit;border:2px solid #888;border-radius:5px;max-width:100%;padding:5px 10px}:is(input:user-valid,textarea:user-valid,select:user-valid){border-color:var(--input-valid-color)}:is(input:user-invalid,textarea:user-invalid,select:user-invalid){border-color:var(--input-invalid-color)}.inputCont:has(input:user-invalid) label:after{content:"⚠" / "";color:var(--input-invalid-color)}.inputCont:has(textarea:user-invalid) label:after{content:"⚠" / "";color:var(--input-invalid-color)}.inputCont:has(select:user-invalid) label:after{content:"⚠" / "";color:var(--input-invalid-color)}textarea{max-width:100vw}input[type=checkbox],input[type=radio]{cursor:pointer}input[type=checkbox]:checked+label,input[type=radio]:checked+label{color:var(--accent-color)}input[type=checkbox]:has(+label){opacity:0;outline:none;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important}input[type=checkbox]+label:before{content:"";border-color:var(--accent-color);background-color:#fff;border-style:solid;border-width:1px;border-radius:2em;width:1.6em;height:.8em;margin-inline-end:1ch;transition:all .25s ease-out;display:inline-block}input[type=checkbox]:not(:checked)+label:before{border-inline-width:1px 1em;border-color:#888}input[type=checkbox]:checked+label:before{border-inline-width:1em 1px}input[type=checkbox]:not(:disabled):not(:checked):active+label:before{border-block-width:4px;border-inline-start-width:4px}input[type=checkbox]:not(:disabled):checked:active+label:before{border-block-width:4px;border-inline-end-width:4px}input[type=checkbox]:disabled+label:before{border-inline-width:.7em;cursor:not-allowed;border-color:#888}input[type=checkbox][type=checkbox]:indeterminate+label:before{border-inline-width:.7em;border-color:#888}input[type=checkbox][type=checkbox]:indeterminate:active+label:before{border-inline-width:.5em;border-color:#888}button,input[type=submit],.linkBtn{font:inherit;color:inherit;cursor:pointer;background-color:#0000;border:1px solid;border-radius:5px;margin:.5em;padding:5px 10px;text-decoration:none;transition:all .25s;display:inline-block}button:has(.iiicons),a:has(.iiicons),input[type=submit]:has(.iiicons),.linkBtn:has(.iiicons){flex-direction:row;justify-content:center;align-items:center;gap:1ch;display:inline-flex}button:not(:disabled):hover,input[type=submit]:not(:disabled):hover,.linkBtn:hover{background-color:light-dark(#fff2,#0002)}button:not(:disabled):active,input[type=submit]:not(:disabled):active,.linkBtn:active{background-color:#8888}button:disabled,input[type=submit]:disabled{color:#8888;cursor:not-allowed}button.inline,.btnLink.inline{background-color:#0000;margin:0;padding:0;display:inline}button.inline:hover,.btnLink.inline:hover{scale:none}button.inline:active,.btnLink.inline:active{color:unset}.loadingSpinner{position:relative;overflow:hidden}.loadingSpinner:after{content:"";aspect-ratio:1;background:radial-gradient(at 50% 25%, transparent 52%, rgb(var(--accent-color), 1) 52%) padding-box, linear-gradient(#8883, #8883);backdrop-filter:blur(2px);cursor:wait;background-size:120% 120%;border-radius:100%;height:75%;max-height:5em;margin:auto;animation:2s linear infinite spinner;display:block;position:absolute;inset:0}@keyframes spinner{50%{border-color:#0008}to{rotate:2turn}}.btnLink{border:none;text-decoration:underline}.btnLink:not(:disabled):focus{background-color:#0000}button.discret,input[type=submit].discret,.btnLink.discret{background-color:#0000;border:none}button.discret:not(:disabled):hover,input[type=submit].discret:not(:disabled):hover,.linkBtn.discret:hover,button.discret:not(:disabled):focus,input[type=submit].discret:not(:disabled):focus,.linkBtn.discret:focus{background-color:#8883}.btnSecondary{background-color:#0000;border:none;text-decoration:underline}.btnSecondary:hover:not(:disabled){color:var(--accent-color)}.btnSecondary:focus-visible:not(:disabled){color:inherit}a{color:inherit;border-radius:.2em;transition:background-color .5s;&:hover{background-color:#fff1}}kbd{vertical-align:baseline;font-family:var(--font-mono);margin-inline:.2ch}kbd:not(:has(kbd)){background-color:#8884;border:2px solid #888;border-radius:5px;padding:.1em .4em;font-size:.8em;display:inline-block;box-shadow:2px 2px #8888}kbd:not(:has(kbd)):active{translate:2px 2px;box-shadow:0 0 #8888}.btnAdditionalText{display:none}.app-dialog{backdrop-filter:blur(10px);border:solid 2px var(--accent-color);z-index:3;border-radius:2em;width:min(100vw - min(7rem,3vw),71ch);max-height:100vh;padding:2rem;font-size:1.2rem;transition:opacity .5s,transform .5s;display:none;position:fixed;inset:0;overflow:hidden}.app-dialog[open],.popoverOpen{opacity:1;display:block;transform:translateY(0)}.app-dialog:popover-open{opacity:1;display:block;transform:translateY(0)}@starting-style{.app-dialog[open],.popoverOpen{opacity:0;transform:translateY(1em)}.app-dialog:popover-open{opacity:0;transform:translateY(1em)}}.app-dialog::backdrop{backdrop-filter:grayscale()contrast(.7)blur(10px);background-color:#0008}.app-dialog:not(dialog)[popover]::backdrop{box-shadow:0 0 0 max(100vw,100vh) #8884}.app-dialog:not(:modal){box-shadow:0 0 0 max(100vw,100vh) #8884}.app-dialog .dialogCloseBtn{cursor:pointer;border-radius:0;border-top-right-radius:inherit;background-color:#0000;border:none;width:3em;height:2.5em;margin:0;padding-bottom:.5em;position:absolute;top:0;right:0;&:not(:disabled):focus{color:#fff;background-color:#f008}&:not(:disabled):hover{color:#fff;background-color:#f00a}&:not(:disabled):active{color:#fff;background-color:red}}.app-dialog .dialogCloseBtn:after{content:"ESC" / "Escape key to close";font-size:60%;position:absolute;bottom:0;left:0;right:0}#toastsWrapper{z-index:-1;pointer-events:none;opacity:0;width:fit-content;margin:auto;font-size:1rem;transition:opacity .5s;position:fixed;bottom:0;left:1em;right:1em}#toastsWrapper.show{z-index:5;opacity:1;pointer-events:unset}#toastsCommands{z-index:1;position:absolute;bottom:0;right:-1em;& button{backdrop-filter:blur(10px);color:#fff;background-color:#050505bb;border:1px solid #888;border-radius:100px;justify-content:center;align-items:center;height:1.8em;margin:0;padding:6px;display:flex}}#toastExpandToggle path{transition:all .25s}#chevronUp{transform-origin:50% 25%}#chevronDown{transform-origin:50% 75%}#toastsWrapper[data-expanded=false]{& #chevronUp,& #chevronDown{transform:rotateX(180deg)}}#toastsWrapper:not(:has(.toast:nth-child(2))) #toastExpandToggle{display:none}#toastQueueScrollCont{scrollbar-width:none;max-height:50vh;padding:.5em .5em 0;overflow:auto}#toastQueue{flex-direction:column;justify-content:center;align-items:center;gap:.5em;margin-block-end:1em;display:flex;position:relative}.toast{color:#fff;border-color:var(--toast-accent-color);background-color:#050505bb;border-style:solid;border-width:2px;border-radius:2em;max-width:fit-content;font-size:1em;transition:all .5s ease-in;box-shadow:0 0 .5em #000}.toast:first-child,#toastsWrapper[data-expanded=true] .toast,#toastQueue:focus-visible .toast{backdrop-filter:blur(10px);max-width:unset;width:100%}#toastsWrapper[data-expanded=false]{& .toast:not(:first-child){z-index:-1;text-wrap:nowrap;opacity:.5;border-color:#0000;position:absolute;top:0;transform:scale(.8)translateY(1em)}& .toast:nth-child(n+3){opacity:0}}.toast.fadeOut{opacity:0;transform:translateY(2em)}.closeToastBtn.discret{backdrop-filter:blur(10px);color:#fff;z-index:1;opacity:0;background-color:#050505bb;border:1px solid #888;border-radius:100px;margin:0;padding:5px;font-size:.7em;transition:opacity .25s,background-color .25s;position:absolute;top:-1ch;right:-1ch}.toast:first-child .closeToastBtn,.toast:focus-within .closeToastBtn,.toast:hover .closeToastBtn{opacity:1}.toastMsg{padding:1ch;grid-template-columns:auto 1fr;align-items:center;gap:1ch;padding-inline:2ch;display:grid;position:relative}.toastMsg>.iiicons{font-size:120%}#toastQueueNumber{opacity:0;backdrop-filter:blur(10px);color:#fff;min-width:2em;height:2em;font-size:.7rem;font-family:var(--font-mono);background-color:#050505bb;border-radius:100px;padding:5px;transition:all 1s;position:absolute;bottom:-1.5em;left:-1em}#toastsWrapper[data-expanded=false] #toastQueueNumber:not(:empty){opacity:1;bottom:.5em}.tooltipTarget:has(.tooltip:not(:empty)){text-decoration:underline dashed;position:relative}.tooltipTarget:not(a,button):has(.tooltip:not(:empty)){cursor:help}.tooltip{z-index:1;background-color:var(--background,#111d);color:#fff;letter-spacing:normal;backdrop-filter:blur(10px);text-align:center;opacity:0;visibility:hidden;border:1px solid #8888;border-radius:10px;align-items:center;gap:1ch;width:max-content;max-width:min(90vw,40ch);padding:5px 10px;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:1rem;font-weight:300;transition:opacity .5s ease-in .25s,transform .5s ease-in .25s,visibility 0s ease-in 1s;display:flex;position:absolute;box-shadow:0 0 1em #0008;&:empty{display:none}& .iiicons{margin-inline-start:-.5ch}& hr{width:100%}}.tooltip:focus{outline:2px solid var(--accent-color);box-shadow:0 0 2em #000}.tooltipTarget:hover .tooltip,.tooltipTarget:focus-within .tooltip{opacity:1;visibility:visible;transition:opacity .25s ease-out .5s,transform .15s ease-out .5s,visibility 0s ease-out .5s}.tooltipTarget:not([data-tooltip-pos]) .tooltip,.tooltipTarget[data-tooltip-pos=top] .tooltip{transform-origin:bottom;bottom:calc(100% + 5px);left:50%;transform:translateY(10px)rotateX(45deg)translate(-50%)}.tooltipTarget[data-tooltip-pos=bottom] .tooltip{transform-origin:top;top:calc(100% + 5px);left:50%;transform:translateY(-10px)rotateX(45deg)translate(-50%)}.tooltipTarget[data-tooltip-pos=left] .tooltip{transform-origin:100%;top:50%;right:calc(100% + 5px);transform:translate(10px)rotateY(45deg)translateY(-50%)}.tooltipTarget[data-tooltip-pos=right] .tooltip{transform-origin:0;top:50%;left:calc(100% + 5px);transform:translate(-10px)rotateY(45deg)translateY(-50%)}.tooltipTarget:not([data-tooltip-pos]):hover .tooltip,.tooltipTarget:not([data-tooltip-pos]):focus-within .tooltip,.tooltipTarget[data-tooltip-pos=top]:hover .tooltip,.tooltipTarget[data-tooltip-pos=top]:focus-within .tooltip,.tooltipTarget[data-tooltip-pos=bottom]:hover .tooltip,.tooltipTarget[data-tooltip-pos=bottom]:focus-within .tooltip{transform:translateY(0)}.tooltipTarget[data-tooltip-pos=left]:hover .tooltip,.tooltipTarget[data-tooltip-pos=left]:focus-within .tooltip,.tooltipTarget[data-tooltip-pos=right]:hover .tooltip,.tooltipTarget[data-tooltip-pos=right]:focus-within .tooltip{transform:translate(0)}@media (width>=1000px){.btnAdditionalText{display:inline}}header{color:#fff;background-image:linear-gradient(#5989b1,#c285a6,#ffb16f);padding:1em;font-family:Dancing Script,sans-serif;font-size:min(1em,4vw);& a{padding:5px 10px}}#headerContent{grid-template-columns:auto 1fr auto;justify-content:center;align-items:center;gap:2em;max-width:85rem;margin-inline:auto;display:grid}#gameSelectorWrapper{margin-inline-end:auto;position:relative}#openGameSelector{border-color:#fff8;margin:0;padding-inline-end:5px;& .iiicons{font-size:.8em}}#gameSelector{color:#fff;background-color:#4e8601;border:none;border-radius:0 0 5px 5px;width:100%;padding:0;box-shadow:0 1em 1em #0004;& a{width:100%;padding:5px 10px;text-decoration:none;display:block}}#headerTitle a{border-radius:10px;align-items:center;gap:1em;padding:1em;text-decoration:none;transition:background-color .5s;display:inline-flex;&:hover{background-color:#fff1}& img{height:3em}& h1{margin:0}}nav{flex-wrap:wrap;justify-content:center;gap:1ch 2ch;font-size:clamp(20px,4vw,2em);display:flex}.comingSoon{position:relative;&:after{content:"Coming Soon™";top:100%;color:#fff;text-align:center;font-family:Nunito,Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:30%;position:absolute;inset-inline:0}}a[data-active-page="1"]{text-decoration:none;animation:.5s forwards activatePage}@keyframes activatePage{to{color:var(--accent-color);background-color:#fff}}footer{text-align:center;color:light-dark(#000,#fff);background-image:linear-gradient(#ffb16f88,#c285a688,#5989b188);padding:2em}#iaDisclaimerBtn{border:none;margin:0;padding:5px;font-size:2em}#aiDisclaimer{& h2{justify-content:center;align-items:center;gap:.5ch;display:flex}& #aiDisclaimerGeneral{background-color:hsl(from var(--accent-color) h s l / 20%);border:solid var(--accent-color) 1px;border-radius:10px;padding:.5em 1em}}@media (width<=1000px){#headerContent{grid-template-columns:1fr;gap:0}#headerTitle a{justify-content:center;display:flex}}