fieldset[disabled] .multiselect {pointer-events: none;}.multiselect__spinner {position: absolute;right: 1px;top: 1px;width: 48px;height: 35px;background: #fff;display: block;}.multiselect__spinner:after, .multiselect__spinner:before {position: absolute;content: "";top: 50%;left: 50%;margin: -8px 0 0 -8px;width: 16px;height: 16px;border-radius: 100%;border-color: #41b883 transparent transparent;border-style: solid;border-width: 2px;-webkit-box-shadow: 0 0 0 1px transparent;box-shadow: 0 0 0 1px transparent;}.multiselect__spinner:before {-webkit-animation: a 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);animation: a 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}.multiselect__spinner:after {-webkit-animation: a 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);animation: a 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}.multiselect__loading-enter-active, .multiselect__loading-leave-active {-webkit-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;opacity: 1;}.multiselect__loading-enter, .multiselect__loading-leave-active {opacity: 0;}.multiselect, .multiselect__input, .multiselect__single {font-family: inherit;font-size: 16px;-ms-touch-action: manipulation;touch-action: manipulation;}.multiselect {-webkit-box-sizing: content-box;box-sizing: content-box;display: block;position: relative;width: 100%;min-height: 40px;text-align: left;color: #35495e;}.multiselect * {-webkit-box-sizing: border-box;box-sizing: border-box;}.multiselect:focus {outline: none;}.multiselect--disabled {opacity: 0.6;}.multiselect--active {z-index: 1;}.multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}.multiselect--active .multiselect__select {-webkit-transform: rotate(180deg);transform: rotate(180deg);}.multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags {border-top-left-radius: 0;border-top-right-radius: 0;}.multiselect__input, .multiselect__single {position: relative;display: inline-block;min-height: 20px;line-height: 20px;border: none;border-radius: 5px;background: #fff;padding: 0 0 0 5px;width: 100%;-webkit-transition: border 0.1s ease;transition: border 0.1s ease;-webkit-box-sizing: border-box;box-sizing: border-box;margin-bottom: 8px;vertical-align: top;}.multiselect__input::-webkit-input-placeholder {color: #35495e;}.multiselect__input:-ms-input-placeholder {color: #35495e;}.multiselect__input::-moz-placeholder {color: #35495e;}.multiselect__input::-ms-input-placeholder {color: #35495e;}.multiselect__input::placeholder {color: #35495e;}.multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single {width: auto;}.multiselect__input:hover, .multiselect__single:hover {border-color: #cfcfcf;}.multiselect__input:focus, .multiselect__single:focus {border-color: #a8a8a8;outline: none;}.multiselect__single {padding-left: 5px;margin-bottom: 8px;}.multiselect__tags-wrap {display: inline;}.multiselect__tags {min-height: 40px;display: block;padding: 8px 40px 0 8px;border-radius: 5px;border: 1px solid #e8e8e8;background: #fff;font-size: 14px;}.multiselect__tag {position: relative;display: inline-block;padding: 4px 26px 4px 10px;border-radius: 5px;margin-right: 10px;color: #fff;line-height: 1;background: #41b883;margin-bottom: 5px;white-space: nowrap;overflow: hidden;max-width: 100%;text-overflow: ellipsis;}.multiselect__tag-icon {cursor: pointer;margin-left: 7px;position: absolute;right: 0;top: 0;bottom: 0;font-weight: 700;font-style: normal;width: 22px;text-align: center;line-height: 22px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;border-radius: 5px;}.multiselect__tag-icon:after {content: "\D7";color: #266d4d;font-size: 14px;}.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {background: #369a6e;}.multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after {color: #fff;}.multiselect__current {min-height: 40px;overflow: hidden;padding: 8px 12px 0;padding-right: 30px;white-space: nowrap;border-radius: 5px;border: 1px solid #e8e8e8;}.multiselect__current, .multiselect__select {line-height: 16px;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;margin: 0;text-decoration: none;cursor: pointer;}.multiselect__select {position: absolute;width: 40px;height: 38px;right: 1px;top: 1px;padding: 4px 8px;text-align: center;-webkit-transition: -webkit-transform 0.2s ease;transition: -webkit-transform 0.2s ease;transition: transform 0.2s ease;transition: transform 0.2s ease, -webkit-transform 0.2s ease;}.multiselect__select:before {position: relative;right: 0;top: 65%;color: #999;margin-top: 4px;border-style: solid;border-width: 5px 5px 0;border-color: #999 transparent transparent;content: "";}.multiselect__placeholder {color: #adadad;display: inline-block;margin-bottom: 10px;padding-top: 2px;}.multiselect--active .multiselect__placeholder {display: none;}.multiselect__content-wrapper {position: absolute;display: block;background: #fff;width: 100%;max-height: 240px;overflow: auto;border: 1px solid #e8e8e8;border-top: none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;z-index: 1;-webkit-overflow-scrolling: touch;}.multiselect__content {list-style: none;display: inline-block;padding: 0;margin: 0;min-width: 100%;vertical-align: top;}.multiselect--above .multiselect__content-wrapper {bottom: 100%;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom: none;border-top: 1px solid #e8e8e8;}.multiselect__content::webkit-scrollbar {display: none;}.multiselect__element {display: block;}.multiselect__option {display: block;padding: 12px;min-height: 40px;line-height: 16px;text-decoration: none;text-transform: none;vertical-align: middle;position: relative;cursor: pointer;white-space: nowrap;}.multiselect__option:after {top: 0;right: 0;position: absolute;line-height: 40px;padding-right: 12px;padding-left: 20px;font-size: 13px;}.multiselect__option--highlight {background: #41b883;outline: none;color: #fff;}.multiselect__option--highlight:after {content: attr(data-select);background: #41b883;color: #fff;}.multiselect__option--selected {background: #f3f3f3;color: #35495e;font-weight: 700;}.multiselect__option--selected:after {content: attr(data-selected);color: silver;}.multiselect__option--selected.multiselect__option--highlight {background: #ff6a6a;color: #fff;}.multiselect__option--selected.multiselect__option--highlight:after {background: #ff6a6a;content: attr(data-deselect);color: #fff;}.multiselect--disabled {background: #ededed;pointer-events: none;}.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select, .multiselect__option--disabled {background: #ededed;color: #a6a6a6;}.multiselect__option--disabled {cursor: text;pointer-events: none;}.multiselect__option--group {background: #ededed;color: #35495e;}.multiselect__option--group.multiselect__option--highlight {background: #35495e;color: #fff;}.multiselect__option--group.multiselect__option--highlight:after {background: #35495e;}.multiselect__option--disabled.multiselect__option--highlight {background: #dedede;}.multiselect__option--group-selected.multiselect__option--highlight {background: #ff6a6a;color: #fff;}.multiselect__option--group-selected.multiselect__option--highlight:after {background: #ff6a6a;content: attr(data-deselect);color: #fff;}.multiselect-enter-active, .multiselect-leave-active {-webkit-transition: all 0.15s ease;transition: all 0.15s ease;}.multiselect-enter, .multiselect-leave-active {opacity: 0;}.multiselect__strong {margin-bottom: 8px;line-height: 20px;display: inline-block;vertical-align: top;}[dir="rtl"] .multiselect {text-align: right;}[dir="rtl"] .multiselect__select {right: auto;left: 1px;}[dir="rtl"] .multiselect__tags {padding: 8px 8px 0 40px;}[dir="rtl"] .multiselect__content {text-align: right;}[dir="rtl"] .multiselect__option:after {right: auto;left: 0;}[dir="rtl"] .multiselect__clear {right: auto;left: 12px;}[dir="rtl"] .multiselect__spinner {right: auto;left: 1px;}@-webkit-keyframes a {0% {-webkit-transform: rotate(0);transform: rotate(0);}to {-webkit-transform: rotate(2turn);transform: rotate(2turn);}}@keyframes a {0% {-webkit-transform: rotate(0);transform: rotate(0);}to {-webkit-transform: rotate(2turn);transform: rotate(2turn);}}a, aside, body, button, details, div, fieldset, figcaption, figure, footer, h1, h2, h3, html, img, input, li, main, nav, ol, p, section, select, span, summary, table, textarea, ul {border: 0;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 100%;margin: 0;outline: none;padding: 0;vertical-align: baseline;}@font-face {font-family: retro;font-style: normal;font-weight: 400;src: url(../fonts/nokiafc22-webfont.4dfb5254.eot);src: url(../fonts/nokiafc22-webfont.4dfb5254.eot?#iefix) format("embedded-opentype"), url(../fonts/nokiafc22-webfont.ae88b517.woff) format("woff"), url(../fonts/nokiafc22-webfont.1c8625f8.ttf) format("truetype"), url(../img/nokiafc22-webfont.14b16d20.svg#nokia_cellphone_fcsmall) format("svg");}:root {--default-base: #424957;--default-secondary: #272c34;--default-secondary-50: rgba(40, 44, 52, 0.5);--default-accent: #f58d47;--default-text: #fff;--default-secondary-text: #fff;--default-accent-text: #fff;--default-accent-shadow: hsla(0, 0%, 0%, 50%);--retro-border: url(/img/border.png);--active-base: var(--default-base);--active-secondary: var(--default-secondary);--active-secondary-50: var(--default-secondary-50);--active-accent: var(--default-accent);--active-text: var(--default-text);--active-secondary-text: var(--default-secondary-text);--active-secondary-text-25: hsla(0, 0%, 100%, 0.25);--active-accent-text: var(--default-accent-text);--unplayed-color: #365463;--unfinished-color: #7b3737;--beaten-color: #d1d1d1;--completed-color: #ecd579;--endless-color: #573271;--none-color: hsla(264, 27%, 11%, 40%);--follow-color: #17cf17;--mention-color: #cf1717;--dm-color: #aa17cf;--likes-color: #ffc038;}.cc {background-color: var(--active-accent);border-radius: 100px;}html {font-family: Lato, arial, helvetica, sans-serif;font-size: 0.9rem;overflow-x: hidden;overflow-y: overlay;scroll-behavior: smooth;scroll-padding-top: 60px;}body {background-attachment: fixed;background-color: var(--active-base);color: var(--active-text);margin: 0;padding: 0;}#app > div:last-of-type {display: grid;grid-gap: 0 10px;grid-template-columns: repeat(12, 1fr);grid-template-rows: auto;grid-template-areas: "card card card card card card card card card card card card" "side side side side side side side side side side side side" "main main main main main main main main main main main main";max-width: 1200px;margin: 50px auto 0;padding: 0 2vw 0 1vw;}aside, main {margin-bottom: 1vh;}section {margin: 0 0 1vh;padding: 2vh 1vw 2vh;}section.highlight {background-color: hsla(0, 0%, 100%, 0.1);-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);}a {color: var(--active-text);text-decoration: none;}a.external:after {content: "↗";opacity: 0.5;padding: 0 3px;}.link {color: var(--active-text);font-weight: 700;text-decoration: underline;cursor: pointer;}.link.external:after {font-size: 0.75em;}.link:hover {color: var(--active-accent);}hr {border: none;border-bottom: 3px solid var(--active-secondary);margin: 30px 5px;}img {max-width: 100%;}h1, h2 {font-family: Titillium Web, Tahoma, Arial, Helvetica, sans-serif;font-variant: small-caps;letter-spacing: 2px;}h1 a, h2 a {color: var(--active-text);text-decoration: none;}h1 button, h2 button {margin: 0 3px;position: relative;top: -2px;}h1 .icon_row, h2 .icon_row {float: right;}h1 .icon_row > button, h2 .icon_row > button {background-color: transparent;border: none;height: 30px;max-width: 40px;}h1 {border-bottom: 1px solid var(--active-text);font-size: 18px;margin: 30px 0 10px;padding-left: 5px;}h1:first-of-type {margin: 0 0 15px;}h2 {border-bottom: 1px solid var(--active-text);font-size: 16px;margin: 20px 0 10px;padding-left: 2px;}@media screen and (max-width: 400px) {h1 {font-size: 1rem;}h2 {font-size: 0.9rem;}}ul {margin: 1vh 2vw;width: 50%;}ol {margin: 2vh 2vw;width: 60%;}ol li {margin: 0 2rem 1rem 0.5rem;padding-left: 0.5rem;}table {border-collapse: collapse;border-spacing: 0;margin: 10px;}button {background: rgba(0, 0, 0, 0.05);border: 1px solid rgba(0, 0, 0, 0.5);border-radius: 6px;-webkit-box-sizing: border-box;box-sizing: border-box;color: var(--active-text);cursor: pointer;font-size: 14px;font-weight: 700;line-height: 14px;outline: none;position: relative;text-align: center;width: auto;white-space: nowrap;margin: 0.5vh 1vw;padding: 5px 10px 4px;}button:focus-visible, button:hover {background-image: -webkit-gradient( linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.1)) ) !important;background-image: linear-gradient( hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.1) ) !important;}button:active {background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15)) ) !important;background-image: linear-gradient( rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) ) !important;}button:disabled {cursor: not-allowed !important;opacity: 0.5 !important;}button.flat {background-color: var(--active-secondary);color: var(--active-secondary-text);border-radius: 0.5rem;cursor: pointer;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin-bottom: 0.5rem;min-width: 8rem;max-width: 100%;opacity: 0.8;padding: 0.4rem 0.5rem 0.55rem;}button.minimal {background-color: transparent;border: none;-ms-flex-negative: 4;flex-shrink: 4;margin: 0;max-width: -webkit-fit-content;max-width: -moz-fit-content;max-width: fit-content;}button.lowlight {background: transparent;border: none;text-shadow: none;}button.lowlight:hover {background-color: var(--active-base);opacity: 1 !important;}button.primary {background-color: var(--active-accent) !important;color: var(--active-accent-text) !important;}button.sticky {border-radius: 4px 0 0 4px;position: fixed;right: 0;bottom: 2vh;font-size: 19px;padding: 15px 20px;}button.sticky:active {bottom: calc(2vh - 2px);top: auto;padding-top: 17px;padding-bottom: 13px;}button.big {font-size: 18px;padding: 12px 15px;max-height: 39px;}button.small {font-size: 14px;}button.small:active {opacity: 1;padding-top: 6px;padding-bottom: 4px;}button.primary.thin {max-width: 100px;width: 100px;}button.thin {max-width: 45px;}button.thin svg.icon {width: 20px;height: 20px;padding: 0;}button.inline {font-size: 1.2rem;margin: 5px;padding: 0 1.5rem;}.mini_menu {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;position: relative;}.mini_menu, .mini_menu > button {max-width: 100%;text-align: center;}.mini_menu > button {font-size: 1.52rem;line-height: 18px;margin: 2px 1vw;padding: 0.5rem 0.75rem;}.mini_menu:focus-within > .items {display: block;}.mini_menu > .items {border: 1px solid #000;border-radius: 6px;-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);display: none;position: absolute;bottom: 100%;right: 0;z-index: 9;}.mini_menu > .items button {background-color: var(--active-base);background-image: -webkit-gradient( linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.05)), to(hsla(0, 0%, 100%, 0.05)) );background-image: linear-gradient( hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0.05) );color: var(--active-text);cursor: pointer;border: none;border-bottom: 1px solid rgba(0, 0, 0, 0.3);display: block;font-weight: 700;margin: 0 auto;min-width: 160px;padding: 12px 16px;}.mini_menu > .items button:first-of-type {border-radius: 6px 6px 0 0;}.mini_menu > .items button:last-of-type {border: none;border-radius: 0 0 6px 6px;}.mini_menu > .items button:only-of-type {border: none;border-radius: 6px;}.mini_menu > .items button:hover {-webkit-box-shadow: none;box-shadow: none;background-color: var(--active-secondary);color: var(--active-secondary-text);}label {display: block;margin: 1.5vh 0 0;}textarea {border-radius: 4px;font-family: Lato, Tahoma, Arial, Helvetica, sans-serif;margin: 0.5vh 0;padding: 4px 10px;width: 100%;}input, select, textarea {background-color: var(--active-secondary);color: var(--active-secondary-text);border: 1px solid rgba(0, 0, 0, 0.25);border-radius: 4px;opacity: 0.85;margin: 0.5vh 4px 0.5vh 0;padding: 10px;}input.wide, select.wide, textarea.wide {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}input:disabled, select:disabled, textarea:disabled {opacity: 0.5;}input:focus, select:focus, textarea:focus {background-color: #fff;color: rgba(0, 0, 0, 0.85);opacity: 1;}details {margin: 1vh 0;}details summary {background: rgba(0, 0, 0, 0.4);border-radius: 6px;cursor: pointer;font-size: 1rem;padding: 0.7rem 1.5rem;}details div {background: rgba(0, 0, 0, 0.2);border-radius: 0 0 6px 6px;line-height: 1.25;margin: 0 1vw 2vh;padding: 0.7rem 1.5rem;}details div ol {margin-top: 0;width: 100%;}input[type="checkbox"], input[type="file"], input[type="radio"] {display: none;}input[type="checkbox"]:checked + label:before {content: "✔";}.toggers {display: inline-block;margin-right: 0.5rem;}.toggers input[type="checkbox"] {display: block;position: absolute;left: -9999px;}.toggers > input[type="checkbox"]:not(:checked) + label, .toggers input[type="checkbox"]:checked + label {background-color: var(--active-secondary);color: var(--active-secondary-text);border-radius: 0.5rem;cursor: pointer;font-size: 0.8rem;margin: 0.25rem 0 0.2rem;opacity: 0.8;padding: 0.4rem 0.7rem 0.45rem;text-align: center;text-transform: capitalize;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.toggers input[type="checkbox"]:checked + label:before, .toggers input[type="checkbox"]:not(:checked) + label:before {display: none;}.toggers input:focus + label, .toggers label:hover {opacity: 1 !important;}.toggers > input[type="checkbox"]:checked + label {background-color: var(--active-accent);color: var(--active-accent-text);font-weight: 700;}.button-row .toggers {margin: 0 0.5rem;}input[type="color"] {cursor: pointer;height: 80px;width: 100%;}.img-upload {cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 100px;width: 400px;margin: 5px 0 45px;background: linear-gradient( 45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.0980392) 0, rgba(0, 0, 0, 0.0980392) 0 ), linear-gradient( 45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.0980392) 0, rgba(0, 0, 0, 0.0980392) 0 ), #fff;background-repeat: repeat, repeat;background-position: 0 0, 5px 5px;background-origin: padding-box, padding-box;background-clip: border-box, border-box;background-size: 10px 10px, 10px 10px;border: 1px solid rgba(0, 0, 0, 0.65);border-radius: 4px;-webkit-box-shadow: none;box-shadow: none;text-shadow: none;-webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;-webkit-transition: none;transition: none;-webkit-transform: scaleX(1) scaleY(1) scaleZ(1);transform: scaleX(1) scaleY(1) scaleZ(1);}.img-upload.small {height: 200px;width: 200px;}.img-upload > img {max-height: 100%;}.img-upload div, .img-upload div:first-of-type {position: absolute;text-align: center;}.img-upload div:first-of-type {border: 1px solid rgba(0, 0, 0, 0.5);border-radius: 0 0 4px 4px;bottom: -43px;left: 0;right: 0;background-color: var(--active-secondary);color: var(--active-secondary-text);font-size: 17px;font-weight: 700;padding: 10px 5px;text-shadow: 0 0 2px var(--secondary-shadow-color), 0 0 3px var(--secondary-shadow-color), 0 0 3px var(--secondary-shadow-color);}.img-upload div:last-of-type {color: #ff5252;font-size: 1.75rem;font-weight: 700;right: 0;top: -5px;padding: 10px;text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff;}.button-section {background: var(--active-secondary);border-radius: 2vw;border: 2px solid var(--active-secondary-text);color: var(--active-secondary-text);display: block;font-variant: small-caps;margin: 1vh auto 2.5vh;opacity: 0.8;padding: 1.5vh 1vw 1.5vh 3vw;text-align: left;min-width: 70%;max-width: 100%;}.butt-switch {font-family: Arial, Helvetica, sans-serif;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 5px;width: 50px;}.butt-switch, .butt-switch label {cursor: pointer;}.butt-switch .switch {position: relative;display: inline-block;width: 50px;height: 30px;margin: 0 !important;}.butt-switch .switch input {display: none;}.butt-switch .switch .slider {border-radius: 4px;position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--active-secondary);-webkit-transition: 0.2s;transition: 0.2s;}.butt-switch .switch .slider:before {border-radius: 4px;position: absolute;content: "";height: 22px;width: 22px;margin: 3px 0;left: 4px;background-color: var(--active-text);border: 1px solid rgba(0, 0, 0, 0.5);-webkit-transition: 0.2s;transition: 0.2s;}.butt-switch .switch input:checked + .slider {background-color: var(--active-accent);}.butt-switch .switch input:focus + .slider {-webkit-box-shadow: 0 0 1px var(--active-accent);box-shadow: 0 0 1px var(--active-accent);}.butt-switch .switch input:checked + .slider:before {-webkit-transform: translateX(20px);transform: translateX(20px);}.butt-switch label:last-of-type {margin-top: 2px;text-align: center;}svg.icon {fill: var(--active-text) !important;width: auto;height: auto;}svg, svg text {fill: var(--active-text);}svg text {font-family: Titillium Web, Tahoma, Arial, Helvetica, sans-serif;}.nav-bg {background: rgba(0, 0, 0, 0.65);-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 900;}.button-row, .nav-bg {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.button-row {-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 30px 0 0 0;}.button-row.sticky {background-color: var(--active-base);position: sticky;z-index: 7;}.button-row.small {height: 30px;}.button-row > button:only-of-type {margin: 0 auto;min-width: 100px;max-width: 300px;}.button-row.in-list {margin-top: 5px;}.button-row.no-wrap {-ms-flex-wrap: nowrap;flex-wrap: nowrap;margin: 0;}.button-row.limit {-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;}.button-row.limit button {max-width: 150px;}.button-row > .mini_menu {margin-left: 10px;}.button-row > button.radio {font-size: 0.7rem;font-weight: 400;line-height: 1.1;padding: 5px 5px 5px 30px;text-align: left;white-space: normal;}.button-row > button.radio:before {background-color: rgba(0, 0, 0, 0.5);border-radius: 5px;color: transparent;content: "-";display: block;position: absolute;left: 9px;top: calc(50% - 6px);width: 12px;height: 12px;}.button-row > button.radio.active:before {background-color: var(--active-accent);-webkit-box-shadow: 0 0 9px var(--active-accent-75);box-shadow: 0 0 9px var(--active-accent-75);}.button-row label {margin: 0;}.button-row a, .button-row button, .button-row input {display: inline-block;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-ms-flex-positive: 1;flex-grow: 1;margin: 5px;padding: 10px;text-align: center;}.button-row a:first-of-type, .button-row button:first-of-type, .button-row input:first-of-type {margin-left: 0;}.button-row a:last-of-type, .button-row button:last-of-type, .button-row input:last-of-type {margin-right: 0;}.button-row .h-link {font-weight: 700;margin: 0 5vw;padding: 5px;white-space: nowrap;}.button-row .icon {padding: 0 5px 0 0;height: 11px;width: 11px;}.button-row .b-icon {max-width: 40px;}::-webkit-input-placeholder {font-size: 14px;opacity: 0.8;}::-moz-placeholder {font-size: 14px;opacity: 0.8;}:-ms-input-placeholder {font-size: 14px;opacity: 0.8;}::-ms-input-placeholder {font-size: 14px;opacity: 0.8;}::placeholder {font-size: 14px;opacity: 0.8;}.button-row.tabs {margin: 0;}.button-row.tabs button {max-width: none;}.form-tip {font-size: 13px;margin: 0 0 0 3px;padding: 0;opacity: 0.65;}.form-tip.file, .form-tip li {margin: 0 0 0 10px;}ul.form-tip {list-style-type: none;margin-bottom: 15px;width: 100%;}ul.form-tip li {margin-left: 2px;}ul.form-tip .fail:before {content: "✗ ";color: #f66;display: inline-block;font-weight: 700;margin-right: 0.5rem;text-align: center;text-shadow: 0 1px #000, 0 -1px #000, 1px 0 #000, -1px 0 #000;height: 1.2rem;width: 1rem;}ul.form-tip .pass:before {content: "✓ ";color: #0f0;}ul.form-tip .load:before {content: "┅ ";color: #ff0;}.glass {background: rgba(0, 0, 0, 0.85);backdrop-filter: blur(4px);border-radius: 4px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.85);box-shadow: 0 0 10px rgba(0, 0, 0, 0.85);color: #fff;padding: 2vh 3vh;}.large {font-size: 8vh;}.retro {background-color: var(--active-secondary);color: var(--active-secondary-text);border: 12px solid transparent;border-radius: 8px;-o-border-image: var(--retro-border);border-image: var(--retro-border);border-image-slice: 16;border-image-repeat: round;border-image-width: 16px;display: -webkit-box;display: -ms-flexbox;display: flex;font-family: retro;grid-area: card;height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;line-height: 28px;margin: 5vh auto 2vh;padding: 10px;width: -webkit-max-content;width: -moz-max-content;width: max-content;max-width: 100%;}.retro > div:first-of-type {text-align: center;min-width: 100px;max-width: 100px;}.retro > div:first-of-type img {margin: 10px auto;}.retro > div:last-of-type {-ms-flex-line-pack: center;align-content: center;margin: 0 1vw;}.retro > div:last-of-type input {background: transparent;border-bottom: 4px solid hsla(0, 0%, 100%, 0.6666666666666666);border-radius: 0;color: #fff;font-family: retro;font-size: 18px;line-height: 22px;padding: 0;}.retro > div:last-of-type input[type="number"] {text-align: right;width: 5em;}.retro > button {background-color: transparent;border: 1px solid #fff;border-radius: 0;}.retro > button:hover {background-color: #222;}.retro .link {border-bottom: 2px solid var(--active-secondary-text);text-decoration: none;}.retro p {line-height: 1.5;padding: 1vh 0.5vw;}@media screen and (max-width: 550px) {.retro {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;max-width: 98%;width: 100%;}.retro > div:first-of-type {max-width: none;}}.table-list {height: auto;width: 98%;}.table-list tr td:first-of-type {font-weight: 700;text-align: right;border-radius: 8px 0 0 8px;}.table-list tr td:last-of-type {border-radius: 0 8px 8px 0;}.table-list tr:nth-child(odd) {background: rgba(0, 0, 0, 0.1);}.table-list td, .table-list th {padding: 5px 10px;}.slide-left-enter-active, .slide-left-leave-active {-webkit-transition: -webkit-transform 0.2s;transition: -webkit-transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;}.slide-left-enter, .slide-left-leave-to {-webkit-transform: translateX(-500px);transform: translateX(-500px);}.hide_arrow {-webkit-transform: translateX(100px);transform: translateX(100px);}.scroll-button {border-radius: 8px;background: var(--active-secondary);color: var(--active-secondary-text);cursor: pointer;display: block;font-size: 18px;opacity: 0.7;pointer-events: all;position: fixed;bottom: 20px;right: 20px;text-align: center;line-height: 26px;height: 30px;width: 30px;-webkit-transition: -webkit-transform 0.5s;transition: -webkit-transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s;}.scroll-button:hover {opacity: 1;}.scroll-button:active, .scroll-button:focus {background: var(--active-secondary-text);color: var(--active-secondary);}.tabs {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 3rem;padding: 0.3rem 0;}.tabs a, .tabs div {background-color: var(--active-secondary-50);border-bottom: 2px solid var(--active-text);color: var(--active-secondary-text);cursor: pointer;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-family: Titillium Web, Tahoma, Arial, Helvetica, sans-serif;font-size: 1rem;letter-spacing: 1px;opacity: 0.7;padding: 0.5rem 0 0.4rem;text-align: center;text-transform: uppercase;white-space: nowrap;}.tabs a:hover, .tabs div:hover {opacity: 1;}.tabs a, .tabs a.router-link-active {border-top: 2px solid var(--active-text);}.tabs a.router-link-active {background: var(--active-accent);border-bottom: 2px solid var(--active-text);color: var(--active-accent-text);font-weight: 700;opacity: 1;position: relative;}.tabs a.router-link-active a {border: none;display: block;padding-right: 10%;position: absolute;top: -7px;right: 0;text-align: right;width: 100%;}@media screen and (max-width: 700px) {.tabs a {font-size: 0.65rem;}}.highlight {text-decoration: underline;}.endless, .Endless {background-color: var(--endless-color) !important;color: hsla(0, 0%, 100%, 0.75);text-shadow: none;}.added, .unplayed, .Unplayed {background-color: var(--unplayed-color) !important;color: hsla(0, 0%, 100%, 0.75);text-shadow: none;}.started, .unfinished, .Unfinished {background-color: var(--unfinished-color) !important;color: hsla(0, 0%, 100%, 0.75);text-shadow: none;}.beat, .beaten, .Beaten {background-color: var(--beaten-color) !important;color: rgba(0, 0, 0, 0.75);text-shadow: none;}.completed, .Completed {background-color: var(--completed-color) !important;color: rgba(0, 0, 0, 0.75);text-shadow: none;}.none, .None {background-color: var(--none-color) !important;color: hsla(0, 0%, 100%, 0.75);text-shadow: none;}.status-dot.none {background-color: #000 !important;}.Playing {background-color: #202020 !important;color: hsla(0, 0%, 100%, 0.75);}.spinner {-webkit-animation: spinner 0.4s linear infinite;animation: spinner 0.4s linear infinite;}.anim-bob {-webkit-animation: floater 3s ease-in-out infinite;animation: floater 3s ease-in-out infinite;}@-webkit-keyframes floater {0% {-webkit-transform: translateY(-2px);transform: translateY(-2px);}50% {-webkit-transform: translateY(2px);transform: translateY(2px);}to {-webkit-transform: translateY(-2px);transform: translateY(-2px);}}@keyframes floater {0% {-webkit-transform: translateY(-2px);transform: translateY(-2px);}50% {-webkit-transform: translateY(2px);transform: translateY(2px);}to {-webkit-transform: translateY(-2px);transform: translateY(-2px);}}@-webkit-keyframes spinner {0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}25% {-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);}50% {-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}75% {-webkit-transform: rotateY(-270deg);transform: rotateY(-270deg);}to {-webkit-transform: rotateY(-359deg);transform: rotateY(-359deg);}}@keyframes spinner {0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}25% {-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);}50% {-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}75% {-webkit-transform: rotateY(-270deg);transform: rotateY(-270deg);}to {-webkit-transform: rotateY(-359deg);transform: rotateY(-359deg);}}@-webkit-keyframes fadein {0% {opacity: 0;-webkit-transform: translateY(-10px);transform: translateY(-10px);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes fadein {0% {opacity: 0;-webkit-transform: translateY(-10px);transform: translateY(-10px);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}.slide-fade-enter-active {-webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);}.slide-fade-leave-active {-webkit-transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);}.slide-fade-enter, .slide-fade-leave-to {-webkit-transform: translateY(2vh);transform: translateY(2vh);opacity: 0;}.spoiler {background-color: var(--active-text);color: var(--active-text);border-radius: 4px;text-shadow: none;}.avatar_box {width: 100px;height: 100px;text-align: center;}.avatar_box .avatar {max-width: 100px;max-height: 100px;}.multiselect {margin: 0.5vh 0;max-width: 500px;z-index: 5;}.multiselect .multiselect__option {background-color: var(--active-secondary);color: var(--active-secondary-text);}.multiselect .multiselect__option--selected {background-color: var(--active-accent-75);color: var(--active-accent-text);}.multiselect .multiselect__option--highlight {font-weight: 700;}.multiselect .multiselect__option--highlight, .multiselect .multiselect__tag, .multiselect .multiselect__tag-icon {background-color: var(--active-accent);color: var(--active-accent-text);}.multiselect .multiselect__tag-icon:after {background-color: transparent;color: var(--active-accent-text);}.multiselect .multiselect__tag:hover .multiselect__tag-icon {color: var(--active-base);background-color: var(--active-text);}.multiselect.subtle .multiselect__input, .multiselect.subtle .multiselect__single, .multiselect.subtle .multiselect__tags {border: none;background: transparent;color: var(--active-text);}.multiselect.subtle .multiselect__input:focus-within, .multiselect.subtle .multiselect__single:focus-within, .multiselect.subtle .multiselect__tags:focus-within {background: #fff;color: #000;}.multiselect .multiselect__content-wrapper {max-height: 60vh;min-width: 100%;width: auto;}.multiselect .multiselect__placeholder {display: none;}.multiselect .multiselect__input, .multiselect .multiselect__single, .multiselect .multiselect__tags {border: none;background: var(--active-secondary);color: var(--active-secondary-text);}.multiselect .multiselect__input:focus-within, .multiselect .multiselect__single:focus-within, .multiselect .multiselect__tags:focus-within {background: #fff;color: #000;}.multiselect--disabled {background: transparent;opacity: 0.35;}.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select, .multiselect__option--disabled {background: transparent;}.draggable {border: 2px solid rgba(0, 0, 0, 0.5);border-radius: 4px;cursor: -webkit-grab;cursor: grab;display: -webkit-box;display: -ms-flexbox;display: flex;margin: 10px 0;}.draggable div {line-height: 32px;padding: 5px 10px;}.draggable:nth-child(odd) {background: rgba(0, 0, 0, 0.15);}.ghost {background: hsla(0, 0%, 100%, 0.15) !important;cursor: -webkit-grabbing;cursor: grabbing;margin-left: 12px !important;}.block {display: block !important;}.borderless {border: none !important;}.center {text-align: center;}.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}.flex > div {margin-right: 1vw;min-width: 150px;}.flex > div select {width: 100%;}.flex > div:last-of-type {margin-right: 0;}.flex.even {-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;}.flex-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.box_1 {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.box_2 {-webkit-box-flex: 2;-ms-flex: 2;flex: 2;}.box_3 {-webkit-box-flex: 3;-ms-flex: 3;flex: 3;}.box_4 {-webkit-box-flex: 4;-ms-flex: 4;flex: 4;}.box-spacer {-webkit-box-flex: 2 !important;-ms-flex-positive: 2 !important;flex-grow: 2 !important;}.fs_m {font-size: 1.5rem;}.ms_0 {margin-left: 0 !important;margin-right: 0 !important;}.mt_l {margin-top: 4rem !important;}.mr_s {margin-right: 0.75rem !important;}.ml_15 {margin-left: 15px !important;}.ml_l {margin-left: 4rem !important;}.ms_m {margin-left: 2rem !important;margin-right: 2rem !important;}.mxw_100 {max-width: 100px !important;}.mxw_none {max-width: none !important;}.pt_s {padding-top: 1rem !important;}.m-r0 {margin-right: 0;}.m-r2v {margin-right: 2vw !important;}.m-l0 {margin-left: 0 !important;}.m-l50 {margin-left: 50px !important;}.m-110 {margin-left: 110px;}.m-t5 {margin-top: 5px !important;}.m-t10 {margin-top: 10px !important;}.mb-s {margin-bottom: 2.5vh;}.m-tb2 {margin-top: 2px;margin-bottom: 2px;}.min-w {min-width: auto !important;}.mw50 {min-width: 50%;}.mw20 {min-width: 20%;}.fade {opacity: 0.5 !important;}.right {float: right;}.w25 {min-width: 300px;width: 25%;}.w50 {width: 50%;}.w75 {width: 75%;}.w95 {width: 95%;}.w100 {width: 100% !important;}.underline {text-decoration: underline;}.symbol_dropper {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 25px;margin-top: 10px;}.symbol_dropper .icon {height: 20px;width: 20px;position: relative;top: 5px;}.symbol_dropper select {background: transparent;border: none;font-size: 0.9rem;margin: 0;padding: 5px;}.symbol_dropper select option {background-color: var(--active-secondary);color: var(--active-secondary-text);font-size: 1rem;padding: 3px 5px;}.flex_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 2% 2%;}.flex_wrap > div {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;min-width: max(200px, 40%);max-width: 48%;}.flex_wrap > div > input, .flex_wrap > div > select, .flex_wrap > div > textarea {max-width: 100%;width: 100%;}.flex_wrap label {white-space: nowrap;}@media screen and (max-width: 500px) {.flex_wrap > div {max-width: 100%;}}.quick-options {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 8px 2%;margin: 8px 0;text-align: center;}.quick-options.nowrap {-ms-flex-wrap: nowrap;flex-wrap: nowrap;}.quick-options a, .quick-options button {background-color: var(--active-secondary);color: var(--active-secondary-text);border: 2px solid rgba(0, 0, 0, 0.5);border-radius: 0.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 0.9rem;font-weight: 400;line-height: normal;opacity: 0.8;margin: auto;padding: 0.5rem 1rem 0.55rem;white-space: nowrap;}.quick-options a:only-of-type, .quick-options button:only-of-type {max-width: 250px;}.quick-options a.active, .quick-options a:active, .quick-options button.active, .quick-options button:active {background-color: var(--active-accent);color: var(--active-accent-text);}.quick-options a.thin, .quick-options button.thin {min-width: 3rem;max-width: 15%;}.quick-options a.wide, .quick-options button.wide {font-weight: 700;min-width: 51%;}.quick-options a:hover, .quick-options button:hover {opacity: 1;}.quick-options a > svg, .quick-options button > svg {padding: 0 5px 0 0;height: 11px;width: 11px;}.quick-options a > span, .quick-options button > span {margin-right: 0.35rem;opacity: 0.6;}.side-menu {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 25px;}.side-menu a {border-top: 1px solid var(--active-text);border-bottom: 1px solid var(--active-text);display: block;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 1.1rem;opacity: 0.65;padding: 10px 5px;text-align: center;text-transform: uppercase;white-space: nowrap;}.side-menu a:hover {opacity: 1;}.side-menu .router-link-exact-active {background-color: var(--active-accent);color: var(--active-accent-text);opacity: 1;}@media screen and (max-width: 700px) {.side-menu {background-color: var(--active-secondary);border: 2px solid rgba(0, 0, 0, 0.75);border-radius: 16px;display: block;height: 40px;width: 98%;margin: 20px 15px 0 0;position: relative;z-index: 99;}.side-menu:focus-within a, .side-menu:focus a {background-color: #fff;color: #000;border-radius: 0;opacity: 1;position: unset;}.side-menu:focus-within a.router-link-active, .side-menu:focus a.router-link-active {background-color: #fff;color: #000;z-index: 1;}.side-menu:focus-within a.router-link-active:hover, .side-menu:focus a.router-link-active:hover {background-color: var(--active-accent);color: var(--active-accent-text);}.side-menu:after {content: "▼";position: absolute;top: 9px;right: 30px;z-index: 2;pointer-events: none;}.side-menu a {border: 1px solid #bbb;display: block;font-variant: normal;margin: 0 10px;padding: 7px 0 0 20px;position: absolute;top: 0;left: 0;width: 96%;height: 100%;text-align: left;}.side-menu a:hover {background-color: var(--active-accent);color: var(--active-accent-text);}.side-menu a.router-link-active {border: none;background-color: var(--active-secondary);color: var(--active-secondary-text);z-index: 1;}}@media screen and (min-width: 1024px) {.side-menu {display: block;}.side-menu a {border: none;border-left: 4px solid transparent;border-radius: 0 9px 9px 0;font-size: 1.1rem;padding: 10px;text-align: left;}.side-menu .router-link-exact-active {background-color: var(--active-secondary-50);border-left: 4px solid var(--active-accent);color: var(--active-secondary-text);}}p {max-width: 800px;padding: 1.25vh 0.5vw;}h1 + p, h2 + p {padding-top: 0.25vh;}.alert {background-color: var(--active-text);border: 2px solid var(--active-secondary);border-radius: 0.5rem;color: var(--active-base);margin: 0 auto 1.5rem;max-width: 500px;min-width: 300px;padding: 0.5rem 0.75rem;}.alert h1 {font-size: 1rem;margin: 0;text-align: center;}.alert a {color: var(--active-base);font-weight: 700;text-decoration: underline;}.badges {cursor: pointer;margin: 0.2rem 0 0;}.badges > button {border: none;font-style: italic;margin: 0;opacity: 0.5;}.badges img {margin: 0 0.4rem 0.2rem 0;height: 36px;width: 36px;}.badges img, .pixel {-ms-interpolation-mode: nearest-neighbor;image-rendering: -webkit-optimize-contrast;image-rendering: pixelated;}button.dropdown:focus-within, button.dropdown:hover {background-color: var(--active-accent);}button.dropdown:focus-within > .dropdown_menu, button.dropdown:hover > .dropdown_menu {display: block;}button.dropdown > .dropdown_menu {background: var(--active-secondary);border-radius: 4px;color: var(--active-secondary-text);display: none;overflow: hidden;position: absolute;padding: 0;z-index: 99;right: 0;}button.dropdown > .dropdown_menu h3 {background-color: var(--active-secondary-text);color: var(--active-secondary);font-size: 0.9rem;margin: 0;padding: 8px 0;}button.dropdown > .dropdown_menu button {border-radius: 0;border: none;display: block;margin: 1px 0 0;padding: 15px 20px;text-align: right;width: 100%;}button.dropdown svg {max-height: 20px;max-width: 20px;padding: 0;}.legal {font-size: 0.8rem;font-style: italic;margin-top: 5rem;}.option-grid {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 2rem auto 0;max-width: 600px;text-align: center;}.option-grid a {background-color: var(--active-secondary);border-radius: 0.5rem;color: var(--active-secondary-text);display: block;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 1.4rem;font-weight: 700;margin: 0.5rem;padding: 1rem;text-transform: uppercase;}.option-grid a:hover {background-color: var(--active-accent);color: var(--active-accent-text);}.status-dot {width: 12px;height: 12px;max-width: 12px;background-color: #000;border-radius: 8px;border: 2px solid #000;display: inline-block;margin-right: 3px;opacity: 1;position: relative;top: 1px;}.radio {display: -webkit-box;display: -ms-flexbox;display: flex;}.radio button {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 0.8rem;margin: 0 5px;max-width: 30vw;padding: 10px 15px 10px 50px;text-align: left;white-space: normal;}.radio button:before {background-color: rgba(0, 0, 0, 0.5);border-radius: 5px;color: transparent;content: "-";display: block;position: absolute;left: 19px;top: calc(50% - 6px);width: 12px;height: 12px;}.radio button.active:before {background-color: #7fff7f;-webkit-box-shadow: 0 0 5px #0f0;box-shadow: 0 0 5px #0f0;}label.toggle {cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}label.toggle .toggle-switch {display: inline-block;background: var(--active-secondary);border-radius: 4px;width: 58px;height: 32px;position: relative;vertical-align: middle;-webkit-transition: background 0.25s;transition: background 0.25s;}label.toggle .toggle-switch:after, label.toggle .toggle-switch:before {content: "";}label.toggle .toggle-switch:before {display: block;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background: var(--active-text);border-radius: 4px;-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);width: 24px;height: 24px;position: absolute;top: 4px;left: 4px;-webkit-transition: left 0.25s;transition: left 0.25s;}label.toggle .toggle:hover .toggle-switch:before {background: var(--active-text);-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);}label.toggle .toggle-checkbox:checked + .toggle-switch {background: var(--active-accent);}label.toggle .toggle-checkbox:checked + .toggle-switch:before {left: 30px;}label.toggle .toggle-checkbox {position: absolute;visibility: hidden;}label.toggle .toggle-label {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-weight: 400;margin-left: 10px;}label.toggle .toggle-label strong {display: block;font-weight: 700;}input[type="text"]::-webkit-input-placeholder {color: var(--active-secondary-text);font-style: italic;opacity: 0.35;}input[type="text"]::-moz-placeholder {color: var(--active-secondary-text);font-style: italic;opacity: 0.35;}input[type="text"]:-ms-input-placeholder {color: var(--active-secondary-text);font-style: italic;opacity: 0.35;}input[type="text"]::-ms-input-placeholder {color: var(--active-secondary-text);font-style: italic;opacity: 0.35;}input[type="text"]::placeholder {color: var(--active-secondary-text);font-style: italic;opacity: 0.35;}.small_switch {font-family: Arial, Helvetica, sans-serif;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;float: right;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 8px 0 0;}.small_switch, .small_switch label {cursor: pointer;}.small_switch .switch {position: relative;display: inline-block;width: 22px;height: 14px;margin: 0 !important;}.small_switch .switch input {display: none;}.small_switch .switch .slider {border-radius: 4px;position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--active-secondary);-webkit-transition: 0.2s;transition: 0.2s;}.small_switch .switch .slider:before {border-radius: 4px;position: absolute;content: "";height: 10px;width: 10px;margin: 1px 0;left: 2px;background-color: var(--active-text);border: 1px solid rgba(0, 0, 0, 0.5);-webkit-transition: 0.2s;transition: 0.2s;}.small_switch .switch input:checked + .slider {background-color: var(--active-accent);}.small_switch .switch input:focus + .slider {-webkit-box-shadow: 0 0 1px var(--active-accent);box-shadow: 0 0 1px var(--active-accent);}.small_switch .switch input:checked + .slider:before {-webkit-transform: translateX(7px);transform: translateX(7px);}.small_switch label:last-of-type {margin-top: 2px;text-align: center;}.search {position: relative;height: 28px;margin: 0 5px;}.search svg {cursor: pointer;position: absolute;top: 6px;right: 6px;height: 18px;width: 18px;z-index: 5;}.search input {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding-right: 24px;}.search:focus-within svg.icon {fill: #000 !important;}.block {display: block;}.mt_0 {margin-top: 0 !important;}.mt_m {margin-top: 2rem !important;}.mb_s {margin-bottom: 1rem !important;}.mb_m {margin-bottom: 2rem !important;}.mb_l {margin-bottom: 4rem !important;}.mr_m {margin-right: 2rem !important;}.ps_m {padding-left: 1rem !important;padding-right: 1rem !important;}.scrollbars {scrollbar-color: var(--active-base) var(--active-secondary);}.scrollbars::-webkit-scrollbar-thumb {background: var(--active-accent);border-radius: 10px;}.scrollbars::-webkit-scrollbar-track {background: var(--active-secondary);border-radius: 10px;}.loader[data-v-69dcc101] {width: 30px;height: 30px;padding-top: 10px;padding: 1.35rem;margin: 25px;opacity: 0.75;position: relative;border-radius: 4px;}.loader.center[data-v-69dcc101] {margin: 25px auto;}.loader.small[data-v-69dcc101] {margin-top: 3px;margin-bottom: 3px;}.loader.small .loader-box[data-v-69dcc101] {width: 10px;height: 10px;}.loader .loader-box[data-v-69dcc101] {background-color: var(--active-accent);width: 15px;height: 15px;-webkit-transform-origin: left top;transform-origin: left top;position: absolute;left: 50%;-webkit-animation: loading-69dcc101 2.5s infinite;animation: loading-69dcc101 2.5s infinite;border-radius: 0 0 3px 0;border: 1px solid var(--active-secondary);}.loader .loader-box[data-v-69dcc101]:nth-child(2) {-webkit-animation-delay: -0.8333s;animation-delay: -0.8333s;}.loader .loader-box[data-v-69dcc101]:nth-child(3) {-webkit-animation-delay: -1.6666s;animation-delay: -1.6666s;}@-webkit-keyframes loading-69dcc101 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}5% {-webkit-transform: rotate(90deg);transform: rotate(90deg);}25% {-webkit-transform: rotate(90deg);transform: rotate(90deg);}30% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}55% {-webkit-transform: rotate(270deg);transform: rotate(270deg);}75% {-webkit-transform: rotate(270deg);transform: rotate(270deg);}80% {-webkit-transform: rotate(1turn);transform: rotate(1turn);}to {-webkit-transform: rotate(1turn);transform: rotate(1turn);}}@keyframes loading-69dcc101 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}5% {-webkit-transform: rotate(90deg);transform: rotate(90deg);}25% {-webkit-transform: rotate(90deg);transform: rotate(90deg);}30% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}55% {-webkit-transform: rotate(270deg);transform: rotate(270deg);}75% {-webkit-transform: rotate(270deg);transform: rotate(270deg);}80% {-webkit-transform: rotate(1turn);transform: rotate(1turn);}to {-webkit-transform: rotate(1turn);transform: rotate(1turn);}}.markdown {overflow-x: hidden;padding: 0 0.25rem;white-space: pre-wrap;}.markdown img {margin: 0 2px;width: 36px;vertical-align: middle;position: relative;top: -1px;}.markdown span {background-color: var(--active-text);border-radius: 3px;color: transparent;cursor: pointer;margin: 0 2px;opacity: 0.5;padding: 0 2px;-webkit-transition: color 0.5s ease 0s;transition: color 0.5s ease 0s;}.markdown span:focus, .markdown span:focus-within {background-color: var(--active-base);color: var(--active-text);opacity: 1;}.markdown span::-moz-selection {color: var(--active-secondary);opacity: 1;}.markdown span::selection {color: var(--active-secondary);opacity: 1;}.markdown a {font-weight: 700;margin: 0 0.2rem;text-decoration: underline;}.markdown a:hover {color: var(--active-accent);background-color: var(--active-accent-text);}.markdown span a {pointer-events: none;}.markdown span a::-moz-selection {color: var(--active-secondary);opacity: 1;}.markdown span a::selection {color: var(--active-secondary);opacity: 1;}.markdown span a:hover {color: var(--active-text);background-color: var(--active-text);}.markdown span:focus-within a, .markdown span:focus a {pointer-events: auto;}.markdown span:focus-within a:hover, .markdown span:focus a:hover {color: var(--active-accent);background-color: var(--active-accent-text);}#about_note hr, .full_notes hr, .multitap-card hr {border-bottom: 2px solid var(--active-text);margin: 20px 0 0;opacity: 0.2;border-radius: 1rem;}.clipped hr {display: inline-block;margin: 0 0 4px;width: 2em;}.compact hr {display: none;}.clipped .markdown img, .compact .markdown img {width: 18px !important;}nav {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #454545;border-bottom: 1px solid rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);display: -webkit-box;display: -ms-flexbox;display: flex;font-family: Titillium Web, sans-serif;grid-area: navi;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0 0 20px;padding: 0;position: fixed;-webkit-transition: -webkit-transform 0.2s;transition: -webkit-transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;-webkit-transform: translateY(-50px);transform: translateY(-50px);top: 0;left: 0;right: 0;z-index: 9999;}nav.init {-webkit-transform: translateY(0);transform: translateY(0);}nav .icon {max-width: 80px;padding: 0 10px;}nav .icon.left {margin-left: 5vw;}nav .icon.right {margin-right: 5vw;}nav .icon.thin {max-width: 50px;padding: 0;}nav .icon.thin > .icon {padding: 0;height: 50px;width: 40px;}nav .icon.bell {margin-top: 6px;width: 28px;}nav .notify {position: relative;}nav .notify span {background-color: #000;border: 2px solid #454545;border-radius: 50%;display: block;font-size: 12px;line-height: 0.6;padding: 4px;position: absolute;text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;height: 20px;width: 20px;}nav .notify span.mentions {background-color: var(--mention-color);bottom: 7px;right: 11px;}nav .notify span.follows {background-color: var(--follow-color);bottom: 6px;left: 11px;}nav .notify span.likes {background-color: var(--likes-color);top: 6px;right: 11px;}nav .notify span.dms {background-color: var(--dm-color);top: 6px;left: 11px;}nav a {-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #fff;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 2;-ms-flex: 2;flex: 2;font-size: 1.1rem;font-weight: 700;height: 53px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 1vh 1vw;text-align: center;text-decoration: none;white-space: nowrap;text-transform: uppercase;letter-spacing: 1px;}nav a.icon {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}nav a.version {color: #ffd900;font-size: 12px;-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;line-height: 1.2;max-width: 9rem;text-align: left;text-transform: none;}nav a.version:hover {color: #ffd900;}nav a.version.refresh {background-color: #ffd900;color: #454545;font-size: 14px;}nav a.version.refresh:hover {color: #000;}nav a:hover {background-color: #1a1a1a;}nav div {background-color: #454545;-webkit-box-flex: 2;-ms-flex: 2;flex: 2;-webkit-box-flex: 4;-ms-flex-positive: 4;flex-grow: 4;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;z-index: 999;}nav div a {border-bottom: 1px solid rgba(26, 26, 26, 0.4);color: #fff;display: block;font-size: 1.1rem;font-weight: 700;padding: 1vh 2vw;text-decoration: none;width: 100%;}nav div a:last-of-type {border: none;}nav div a:hover {background-color: #1a1a1a;}nav div.left {border-radius: 0 4px 4px 0;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;position: fixed;left: 0;top: 60px;max-width: 300px;}nav div.left a {text-align: left;font-size: 0.9rem;}nav div.menu-guest, nav div.menu-right, nav div.menu-right-mobile {border-radius: 4px 0 0 4px;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;margin-right: 5vw;max-width: 300px;position: fixed;right: 0;top: 60px;-webkit-transition: right 0.2s;transition: right 0.2s;}nav div.menu-guest .user_avatar, nav div.menu-right-mobile .user_avatar, nav div.menu-right .user_avatar {padding: 5px 2vw;}nav div.menu-guest .user_avatar div, nav div.menu-right-mobile .user_avatar div, nav div.menu-right .user_avatar div {background-color: #2e2e2e;border: 2px solid #000;border-radius: 50%;padding: 3px 0;height: 45px;width: 45px;}nav div.menu-guest .user_avatar div img, nav div.menu-right-mobile .user_avatar div img, nav div.menu-right .user_avatar div img {border-radius: 50%;height: 36px;width: auto;max-width: none;}nav div.menu-guest ul, nav div.menu-right-mobile ul, nav div.menu-right ul {background-color: #454545;border-radius: 0 0 4px 4px;border-top: 1px solid rgba(26, 26, 26, 0.4);display: none;list-style-type: none;margin-left: 0;position: relative;top: -5px;left: -65px;min-width: 170px;width: 10vw;z-index: 50;text-align: center;}nav div.menu-guest > div, nav div.menu-right-mobile > div, nav div.menu-right > div {height: 52px;margin-left: 10px;text-align: center;width: 50px;}nav div.menu-guest > div:hover, nav div.menu-right-mobile > div:hover, nav div.menu-right > div:hover {background-color: #1a1a1a;}nav div.menu-guest > div:hover ul, nav div.menu-right-mobile > div:hover ul, nav div.menu-right > div:hover ul {display: block;}nav div.menu-guest > div:hover ul li, nav div.menu-right-mobile > div:hover ul li, nav div.menu-right > div:hover ul li {border-bottom: 1px solid rgba(26, 26, 26, 0.4);}nav div.menu-guest > div:hover ul li:last-of-type, nav div.menu-right-mobile > div:hover ul li:last-of-type, nav div.menu-right > div:hover ul li:last-of-type {border-radius: 0 0 4px 4px;}nav div.menu-guest {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-shadow: none;box-shadow: none;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;max-width: none;top: 0;}nav div.menu-guest a {border-bottom: none;line-height: 2.5rem;text-align: center;}nav div.menu-right {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-shadow: none;box-shadow: none;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;max-width: none;top: 0;}nav div.menu-right a {border-bottom: none;line-height: 2.5rem;text-align: center;}nav div.menu-right-mobile {margin-right: 0;right: -40vw;width: 40vw;}nav div.menu-right-mobile a {font-size: 1rem;text-align: right;max-width: 300px;}nav div.right-open {display: -webkit-box;display: -ms-flexbox;display: flex;right: 0;}nav img, nav svg.icon {fill: #fff !important;height: 42px;width: 42px;}nav .menu-right.small-screen {margin-right: 0;}nav .menu-right.small-screen .icon svg {margin: 0 10px 0 -5px;padding: 0;}.modal .link {margin-top: 1rem;text-decoration: none !important;}@media screen and (max-width: 800px) {.small-screen {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}.big-screen {display: none !important;}nav div a {font-size: 0.9rem;}nav .icon.left {margin: 0;}nav .menu-right.small-screen .notify svg {margin: 6px 0 0;}nav .notify span.mentions {right: 0;}nav .notify span.follows {left: 0;}nav .notify span.likes {right: 0;}nav .notify span.dms {left: 0;}}@media screen and (min-width: 800px) {.small-screen {display: none !important;}.big-screen {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}}@media screen and (max-width: 500px) {.home_logo {display: none !important;}.version {padding: 0 0.5rem;}}.toast {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: rgba(13, 13, 13, 0.8);backdrop-filter: blur(4px);color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 1.35rem;font-weight: 700;gap: 12px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;max-height: 50px;height: 50px;margin: 0;position: fixed;bottom: -200px;width: 100vw;text-align: center;z-index: 999;-webkit-transition: bottom 0.5s;transition: bottom 0.5s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}.toast.pixel > img {-ms-interpolation-mode: nearest-neighbor;image-rendering: -webkit-optimize-contrast;image-rendering: pixelated;}.toast > img {margin-right: 0;height: 36px;width: 36px;}.toast.active {bottom: 0;}@media screen and (max-width: 800px) {.toast {width: 100%;}}.modal {background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(4px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-scroll-chaining: none;overscroll-behavior: contain;padding: 60px 1vw 1vh;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 900;}.modal > .container {background-color: var(--active-base);border-radius: 4px;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;max-height: calc(100vh - 140px);max-width: 800px;width: 100%;padding: 3rem 1rem 1rem;position: relative;}.modal > .container h1.title {background-color: var(--active-secondary);color: var(--active-secondary-text);border: none;border-radius: 4px 4px 0 0;font-size: 1.15rem;overflow: hidden;padding: 0.25rem 2.5rem 0.25rem 0.75rem;text-overflow: ellipsis;white-space: nowrap;position: absolute;top: 0;left: 0;right: 0;}.modal > .container > .scroller {max-height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;-ms-scroll-chaining: none;overscroll-behavior: contain;padding: 0 1vw 0 0;}.modal > .container .closer {background-color: var(--active-accent);border: 2px solid #000;border-radius: 4px;color: var(--active-accent-text);cursor: pointer;font-size: 1rem;font-weight: 700;line-height: 1.1rem;overflow: hidden;text-align: center;position: absolute;right: 0.35rem;top: 0.35rem;height: 1.5rem;width: 1.5rem;z-index: 99;}.modal > .container .closer:hover {background-color: var(--active-accent-text);color: var(--active-accent);}.modal > .container h2:first-of-type {margin-top: 0;}.modal > .container h2 {margin: 5vh 0 0 1vw;}div.home {grid-template-areas: "main main main main main main main main main main main main" "side side side side side side side side side side side side" !important;}div.home main {display: -webkit-box;display: -ms-flexbox;display: flex;grid-area: main;margin-top: 2rem;}div.home main .title-screen {background-image: url(../img/videogames.dca9e709.png);background-repeat: no-repeat;background-size: auto 100%;background-position: top;border: 2px solid #000;border-radius: 1rem;-webkit-box-shadow: inset 0 0 400px #000;box-shadow: inset 0 0 400px #000;-webkit-box-flex: 3;-ms-flex: 3;flex: 3;height: 400px;max-width: 700px;overflow: hidden;width: 100%;}div.home main .title-screen h1, div.home main .title-screen h2 {border: none;margin: 0;text-align: center;text-shadow: 0 5px #000, 0 0 5px #000, 0 0 15px #000, 0 0 10px #000, 0 0 15px #000;text-transform: uppercase;}div.home main .title-screen h1 {color: #fff;font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 4.5rem;margin: 100px auto 0;}div.home main .title-screen h2 {color: #d6d6d6;font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 1.45rem;margin-top: 0;}div.home main .title-screen h2 span {color: #f58d47;}div.home main .title-screen .button-row {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin: 30px auto;width: 40%;}div.home main .title-screen .button-row a {background-color: rgba(0, 0, 0, 0.85);border-radius: 0.5rem;font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 1.25rem;font-weight: 700;margin: 0.5rem;padding: 1rem;text-shadow: 0 0 3px #000, 0 0 5px #000;text-transform: uppercase;white-space: nowrap;}div.home main .title-screen .button-row a:hover {background-color: #f58d47;}div.home main .pitch {-webkit-box-flex: 2;-ms-flex: 2;flex: 2;margin-top: 1rem;}div.home main .pitch > h1 {border: none;color: #ff9d5c;font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 2rem;line-height: 1.5rem;margin-bottom: 2rem;text-shadow: 1px 2px rgba(0, 0, 0, 0.726);text-transform: uppercase;}div.home main .pitch ul {font-size: 1.25rem;margin: 1rem 1rem 1rem 2rem;width: 90%;}div.home main .pitch ul li {margin-bottom: 0.65rem;}div.home aside {display: -webkit-box;display: -ms-flexbox;display: flex;grid-area: side;margin: 3rem auto;width: 100%;}div.home aside div {background: var(--active-secondary);border: 1px solid #000;border-radius: 8px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin: 1rem;color: #fff;padding: 2vh 3vh;}div.home aside div:last-of-type {margin-right: 0;}div.home aside div h1 {border-color: hsla(0, 0%, 100%, 0.801);font-size: 1.35rem;padding-bottom: 0.6rem;text-transform: uppercase;}div.home aside div p {font-size: 1.15rem;}div.home aside div p a {color: #ff9d5c;}@media screen and (max-width: 1075px) {div.home main {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}div.home main .pitch, div.home main .title-screen {margin: 1.5rem auto;}div.home main .title-screen h1 {font-size: 4rem;}}@media screen and (max-width: 900px) {div.home aside {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}div.home aside div:last-of-type {margin: 1rem;}}@media screen and (max-width: 600px) {div.home main .pitch {margin: 1.5rem;}div.home main .pitch > h1 {font-size: 1.75rem;}div.home main .title-screen {margin: 1.5rem auto;}div.home main .title-screen h1 {font-size: 8vw;}div.home main .title-screen h2 {font-size: 1rem;}}.follow-card {-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 8px;display: -webkit-box;display: -ms-flexbox;display: flex;gap: 0.5rem;height: 60px;padding: 0.5rem;}.follow-card:nth-child(odd) {background-color: oklab(from var(--active-secondary) l a b/.35);}.follow-card .avatar {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;text-align: center;}.follow-card .avatar > img {height: 45px;}.follow-card .info {-webkit-box-flex: 9;-ms-flex: 9;flex: 9;overflow: hidden;text-overflow: ellipsis;}.follow-card .info > a {font-size: 1.1rem;max-width: unset;}.follow-card .info > .markdown {font-size: 0.9rem;margin: 0;opacity: 0.6;overflow: hidden;padding: 0;white-space: nowrap;}.follow-card .info > .markdown hr {border: none;display: inline-block;margin: 0;width: 20px;}.follow-card .action {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.follow-card .action button {background-color: var(--active-secondary);color: var(--active-secondary-text);cursor: pointer;border-radius: 8px;font-size: 0.85rem;height: 2.25rem;margin: 0.5rem 1rem;padding: 0.55rem;min-width: 80px;width: 80px;text-align: center;}.follow-card .action button:hover {background-color: var(--active-secondary-text);color: var(--active-secondary);}.follow-card .action button.unfollow {background-color: transparent;color: var(--active-text);border: 1px solid var(--active-secondary);}.follow-card .action button.unfollow:hover {background-color: var(--active-secondary-text);color: var(--active-secondary);}.vuemodal {background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(4px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-scroll-chaining: none;overscroll-behavior: contain;padding: 60px 1vw 1vh;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 900;}.vuemodal > .container {background-color: var(--active-base);border-radius: 4px;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;max-height: calc(100vh - 140px);max-width: 800px;width: 100%;padding: 3rem 1rem 1rem;position: relative;}.vuemodal > .container h1.title {background-color: var(--active-secondary);color: var(--active-secondary-text);border: none;border-radius: 4px 4px 0 0;font-size: 1.15rem;padding: 0.25rem 0.75rem;position: absolute;top: 0;left: 0;right: 0;}.vuemodal > .container > .scroller {max-height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;-ms-scroll-chaining: none;overscroll-behavior: contain;padding: 0 1vw 0 0;}.vuemodal > .container .closer {background-color: var(--active-accent);border: 2px solid #000;border-radius: 4px;color: var(--active-accent-text);cursor: pointer;font-size: 1rem;font-weight: 700;line-height: 1.1rem;overflow: hidden;text-align: center;position: absolute;right: 0.35rem;top: 0.35rem;height: 1.5rem;width: 1.5rem;z-index: 99;}.vuemodal > .container .closer:hover {background-color: var(--active-accent-text);color: var(--active-accent);}@media screen and (min-width: 800px) {.modal > .container > .scroller {min-width: 600px;}}div.profile main {grid-area: main;}div.profile aside {grid-area: side;margin-top: 1.5rem;}div.profile aside .profile_button {background-color: var(--active-secondary-50);border: 1px solid var(--active-secondary);font-size: 0.85rem;margin: 0;width: 100%;}div.profile .card {background-position: 50%;background-repeat: no-repeat;background-size: contain;display: block;grid-area: card;margin-top: 4px;width: 100%;height: 0;padding-bottom: 25%;}div.profile .networks > tr td:first-of-type {width: 150px;}.user {background-color: var(--active-secondary-50);border: 1px solid var(--active-secondary);border-radius: 0.4rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-column-gap: 2%;-moz-column-gap: 2%;column-gap: 2%;margin: 0 auto 1rem;padding: 0.5rem;width: 100%;}.user > div:last-of-type {-webkit-box-flex: 3;-ms-flex: 3;flex: 3;}.user > div:last-of-type h1 {border-bottom: 2px solid var(--active-secondary);font-size: 1.5rem;margin-bottom: 0.5rem;padding: 0 0 0.5rem;width: 100%;}.filter {margin: 40px 0;}.filter .flex label {margin-top: 5px;}.filter .button-row {margin-top: 10px;}#about_note {margin: 0 0.75rem;overflow: hidden;}#about_note h2 {cursor: pointer;}#about_note h2 span {float: right;}#about_note .markdown, #about_note p {padding: 0 0.2vw;white-space: pre-wrap;word-wrap: break-word;}.shortnote {max-height: 12rem;}.ellipsis {cursor: pointer;text-align: center;}@media screen and (min-width: 800px) {div.profile {grid-template-areas: "card card card card card card card card card card card card" "side side side side main main main main main main main main" !important;}div.profile .card {display: block;width: 100%;}#about_note {margin: 0;}.tabs {margin-top: 0;}}.history[data-v-1965bb60] {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;}.history > p[data-v-1965bb60] {-ms-flex-preferred-size: 100%;flex-basis: 100%;margin: 1vh 0 3vh;padding: 0;text-align: center;}.history .retro[data-v-1965bb60] {margin-top: 2vh;}.history .list[data-v-1965bb60], .history .retro[data-v-1965bb60] {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.history .list > div[data-v-1965bb60] {font-size: 14px;}.history .list > div:first-of-type h2[data-v-1965bb60] {margin-top: 0;}.history .list > div h2[data-v-1965bb60] {display: block;font-size: 13px;}.history .list > div > div.row[data-v-1965bb60] {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 4px;}.history .list > div > div.row > div[data-v-1965bb60]:first-of-type {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin-right: 5px;opacity: 0.65;text-align: right;}.history .list > div > div.row > div[data-v-1965bb60]:last-of-type {-webkit-box-flex: 2;-ms-flex: 2;flex: 2;}.history .list > div > div.row > div:last-of-type span[data-v-1965bb60] {opacity: 0.65;}.history .list > div > div.row .status-dot[data-v-1965bb60] {top: 3px;margin-right: 5px;}.history .list .x[data-v-1965bb60] {cursor: pointer;float: right;margin-right: 2vw;opacity: 0.66;padding: 1px 10px;}.history .list .x[data-v-1965bb60]:hover {opacity: 1;}.history .side[data-v-1965bb60] {margin-left: 40px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.history .side .year-tally[data-v-1965bb60] {cursor: pointer;font-size: 14px;opacity: 0.7;margin: 25px 0 15px 0;padding: 10px 10px 10px;}.history .side .year-tally.active[data-v-1965bb60] {background-color: var(--active-secondary-50);color: var(--active-secondary-text);border-left: 3px solid var(--active-accent);border-radius: 0 1rem 1rem 0;opacity: 1;}.history .side .year-tally[data-v-1965bb60]:hover {opacity: 1;}.history .side .year-tally[data-v-1965bb60]:first-of-type {margin-top: 0;}.history .side .year-tally h2[data-v-1965bb60] {border: none;margin: 0 0 5px;}.history .side .year-tally h2 span[data-v-1965bb60] {float: right;font-size: 14px;padding-top: 5px;}.history .side .year-tally div[data-v-1965bb60] {display: table-row;}.history .side .year-tally div div[data-v-1965bb60] {display: table-cell;padding: 1px 3px;vertical-align: middle;}.history .side .year-tally div div[data-v-1965bb60]:first-of-type {text-align: right;}.history .side .year-tally div div[data-v-1965bb60]:nth-child(2) {-webkit-box-flex: 0;-ms-flex: 0;flex: 0;border-right: 2px solid #000;padding: 0 5px 0 3px;text-align: center;min-width: 40px;}.history .side .year-tally div div[data-v-1965bb60]:last-child {padding: 4px 0;width: 100%;}.history .side .year-tally div div:last-child div[data-v-1965bb60] {-webkit-animation: width_in 1s ease-in-out;animation: width_in 1s ease-in-out;border: 2px solid #000;border-left: none;border-radius: 0 4px 4px 0;display: block;font-size: 14px;height: 16px;overflow: hidden;text-align: left;}@media screen and (max-width: 700px) {.history[data-v-1965bb60] {display: block;}.history .side[data-v-1965bb60] {margin-left: 0;margin-top: 50px;}}.donut {display: block;}.confirm {background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(4px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 1vh 1vw;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 900;}.confirm > .container {background-color: var(--active-base);border-radius: 4px;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);max-height: 85vh;min-width: 20vw;width: 90vw;max-width: 400px;padding: 3rem 1rem 6.5rem;position: relative;top: 2vh;}.confirm > .container p {font-size: 1.5rem;white-space: pre-wrap;}.confirm > .container .buttons {border-top: 1px solid rgba(0, 0, 0, 0.25);border-radius: 0 0 4px 4px;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0;position: absolute;bottom: 0;left: 0;right: 0;}.confirm > .container .buttons button {background-color: var(--active-secondary);color: var(--active-secondary-text);border: none;border-radius: 0;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 1.15rem;margin: 0;padding: 1.25rem 0;}.confirm > .container .buttons button:first-of-type {border-right: 1px solid rgba(0, 0, 0, 0.25);background-color: var(--active-accent);color: var(--active-accent-text);}.text-box:focus-within textarea {background-color: #fff;color: rgba(0, 0, 0, 0.9);opacity: 1;}.text-box label {font-weight: 700;margin-left: 0.5vw;text-transform: capitalize;opacity: 0.8;}.text-box > span {font-size: 0.85rem;font-weight: 700;opacity: 0.65;right: 20px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index: 9;}.text-box > span, .text-box textarea {color: var(--active-secondary-text);}.text-box textarea {background-color: var(--active-secondary);border-radius: 4px 4px 0 0;margin-bottom: -3px;min-height: 12rem;padding: 0.5rem 0.5rem 1rem;}.text-box textarea::-webkit-scrollbar-thumb {background: var(--active-accent);}.text-box .toolbar {background-color: var(--active-secondary-50);color: var(--active-secondary-text);border-radius: 0 0 4px 4px;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 0.8rem;position: relative;height: 32px;width: 100%;}@-moz-document url-prefix() {.text-box .toolbar {margin-top: 3px;}}.text-box .toolbar > button, .text-box .toolbar > div {background: transparent;border: 1px solid rgba(0, 0, 0, 0.25);border-right: none;border-radius: 0;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin: 0;padding: 0.5rem 0;text-align: center;}.text-box .toolbar button {max-width: 5rem;}.text-box .toolbar button.on {background-color: var(--active-secondary);color: var(--active-secondary-text);}.text-box .toolbar button:hover {background-color: rgba(0, 0, 0, 0.25);}.text-box .toolbar button img {height: 100%;max-height: 18px;}.text-box .toolbar button svg.icon {width: 100%;height: 100%;max-height: 18px;}.text-box .toolbar button.labeled svg.icon {max-width: 2rem;}.text-box .toolbar button.labeled span {position: relative;top: -2px;left: -5px;display: inline-block;text-align: left;}.text-box .toolbar div:last-of-type {border-radius: 0 0 4px 0;color: var(--active-text);line-height: 16px;}.text-box .toolbar .multiselect {min-height: auto;text-align: left;}.text-box .toolbar .multiselect .multiselect__tags {margin-top: -7px;padding: 2px;width: 190px;}.text-box .toolbar .multiselect .multiselect__option--group {background-color: var(--active-secondary-50);color: var(--active-secondary-text);min-height: 20px;padding: 4px;text-align: center;}.text-box .dm-desc {border-radius: 4px;color: var(--active-secondary-text-50);margin: 0;}.text-box .dm-desc, .text-box .quick_menu {background-color: var(--active-secondary);padding: 0.5rem;}.text-box .quick_menu {position: absolute;max-width: 90vw;border: 1px solid var(--active-text-25);border-radius: 8px !important;-webkit-box-shadow: 0 0 4px #000;box-shadow: 0 0 4px #000;max-width: 320px;width: 100%;z-index: 999;}.text-box .quick_menu.markdown {max-width: 500px;}.text-box .emoji {border-radius: 0 0 4px 4px;color: var(--active-secondary-text);margin: 0 0 1rem;}.text-box .emoji > div {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;max-height: 215px;overflow-y: auto;}.text-box .emoji > div > button {background: none;border: none;border-radius: 4px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 1.25rem;margin: 3px 7px;padding: 3px;text-align: center;white-space: nowrap;width: 100%;}.text-box .emoji > div > button img {width: 36px;max-width: 36px;}.text-box span.spacer {background-color: transparent;color: inherit;letter-spacing: 3px;margin: 0;opacity: 1;padding: 0;}.text-box .table-list {border: 1px solid rgba(0, 0, 0, 0.5);border-top: none;border-radius: 0 0 4px 4px;margin: 0 0 1rem;width: 100%;}.text-box .table-list td {text-align: center !important;}.text-box .table-list td:first-of-type, .text-box .table-list td:last-of-type {font-weight: 400;width: 45%;}.game-item {margin-bottom: -5px;overflow: hidden;padding-right: 20px;position: relative;}.game-item.hide_format {padding-right: 0;}.game-item.hide_format > img.format {display: none;}.game-item > img.format {position: absolute;right: 0;top: 4px;width: 20px;height: 46px;}.game-item.compact > div:first-child > .main {padding-top: 0;}.game-item.compact > div:first-child > .main > .top_row > .title {margin-top: 3px;}.game-item.compact > .full_notes {display: none;}.game-item.clipped > .full_notes {max-height: 32px;}.game-item.clipped > .full_notes.clipped:hover {opacity: 1;}.game-item.clipped > .full_notes > .markdown {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.game-item > .full_notes {background-color: rgba(0, 0, 0, 0.15);background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)) );background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));border: 2px solid rgba(0, 0, 0, 0.5);border-top: none;border-radius: 0 0 4px 4px;cursor: pointer;opacity: 0.8;font-size: 0.9rem;margin: -12px 4px 15px 5px;padding: 0.5rem 0.25rem;}.game-item > div:first-child {background-color: hsla(0, 0%, 100%, 0.05);border: 2px solid rgba(0, 0, 0, 0.5);border-radius: 4px;cursor: pointer;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 10px;max-height: 54px;overflow: hidden;position: relative;text-align: center;width: 100%;}.game-item > div:first-child > div {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.game-item > div:first-child > .platform {background-color: var(--active-secondary);border-radius: 2px 0 0 2px;color: var(--active-secondary-text);cursor: default;min-height: 50px;min-width: 50px;max-width: 50px;overflow: hidden;}.game-item > div:first-child > .platform img, .game-item > div:first-child > .platform p {opacity: 0.85;}.game-item > div:first-child > .platform img {position: relative;top: 10px;left: -1px;width: 36px;}.game-item > div:first-child > .platform img.sub {margin-bottom: 1px;top: 6px;width: 32px;}.game-item > div:first-child > .platform img.bw {-webkit-filter: var(--platform-bw);filter: var(--platform-bw);}.game-item > div:first-child > .platform p {font-family: Teko, Tahoma, Arial, Helvetica, sans-serif;font-size: 1.5rem;letter-spacing: -0.5px;margin-top: 11px;padding: 0;text-align: center;white-space: nowrap;}.game-item > div:first-child > .platform p.sub:first-of-type {font-size: 1.5rem;line-height: 30px;margin: 5px 0 -7px -3px;}.game-item > div:first-child > .platform p.sub:last-of-type {font-size: 0.9rem;letter-spacing: 0;line-height: 20px;margin: 0 0 0 -3px;opacity: 0.75;}.game-item > div:first-child > .status {max-width: 48px;padding: 5px 9px;}.game-item > div:first-child > .status img {margin-top: 3px;max-width: 32px;}.game-item > div:first-child > .main {-webkit-box-flex: 9;-ms-flex-positive: 9;flex-grow: 9;padding: 4px 5px 3px 4px;text-align: left;min-width: 0;}.game-item > div:first-child > .main > .top_row {display: -webkit-box;display: -ms-flexbox;display: flex;max-height: 24px;}.game-item > div:first-child > .main > .top_row > .title {font-family: Titillium Web, sans-serif;font-size: 1.2rem;line-height: 1.5rem;margin: 0 0 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.game-item > div:first-child > .main > .top_row > .icons {display: inline-block;height: auto;max-height: unset;margin: 8px 4px 0 7px;min-width: -webkit-fit-content;min-width: -moz-fit-content;min-width: fit-content;}.game-item > div:first-child > .main > .top_row > .icons > .icon_std {width: 16px;height: 10px;}.game-item > div:first-child > .main .icons {line-height: 1rem;}.game-item > div:first-child > .main .icons > img {margin-right: 5px;}.game-item > div:first-child > .main .icons > div {display: inline-block;position: relative;top: -1px;}.game-item > div:first-child > .main .icons > div > .stars_empty {margin: 0;}.game-item > div:first-child > .main .icons > div > .stars_full {position: absolute;left: 0;top: 2px;height: 10px;-o-object-fit: cover;object-fit: cover;-o-object-position: left center;object-position: left center;}.game-item > div:first-child > .main > .markdown {font-size: 0.8rem;line-height: 1rem;max-height: 32px;opacity: 0.65;padding: 0;width: auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}.game-item > div:first-child > .priority {max-width: 50px;}.game-item > div:first-child > .priority img {margin-top: 3px;max-width: 32px;opacity: 1;}.game-item .game-info {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)) );background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));border-radius: 0 0 5px 5px;-webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.5);box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.5);margin: -10px 8px 15px 30px;padding: 10px;position: relative;}.game-item .game-info label {font-size: 12px;font-weight: 700;letter-spacing: 0.5px;margin-left: 4px;opacity: 0.9;text-transform: uppercase;}.game-item .game-info .markdown, .game-item .game-info p {font-size: 16px;margin: 0 0 12px 0.3rem;padding: 0;}.game-item .game-info input, .game-item .game-info select {width: 100%;}.game-item .game-info textarea:disabled {background: transparent;color: var(--active-text);padding: 1px 0;}.game-item .game-info .form-tip {font-size: 11px;}.game-item .game-info .game-tabs {cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;height: 50px;margin-bottom: 20px;position: absolute;top: 0;left: 0;right: 0;text-align: center;}.game-item .game-info .game-tabs a {background-color: rgba(0, 0, 0, 0.15);border: 2px solid rgba(0, 0, 0, 0.33);border-right: none;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 100%;font-weight: 700;line-height: 50px;text-decoration: none;}.game-item .game-info .game-tabs a.active {background: none;border-bottom: none;border-left: 2px solid rgba(0, 0, 0, 0.33);border-right: none;}.game-item .game-info .game-tabs a.active:first-of-type {border-left: none;}.game-item .game-info .data, .game-item .game-info .history, .game-item .game-info .review {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 50px auto 15px;}.game-item .game-info .history {-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;}.game-item .game-info .history .milestone_form {margin: 1rem 2rem 0 0;text-align: center;}.game-item .game-info .history .milestone_form button {margin: 0.5rem auto 0;}.game-item .game-info .history .list {font-size: 14px;}.game-item .game-info .history .list > div {display: -webkit-box;display: -ms-flexbox;display: flex;}.game-item .game-info .history .list > div > div:first-of-type {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin: 0 5px;opacity: 0.65;text-align: right;white-space: nowrap;}.game-item .game-info .history .list > div > div {-webkit-box-flex: 3;-ms-flex: 3;flex: 3;}.game-item .game-info .review textarea {height: 10rem;}.game-item .game-info .progress-box {height: 4.3rem;}.game-item .game-info .flex input:first-of-type {margin-right: 5px;}.game-item .game-info .box_2 {margin-right: 15px;}.game-item .game-guest label {opacity: 0.5;}.game-item .add {background: transparent;-webkit-box-shadow: none;box-shadow: none;margin: 0;top: -50px;}.game-item .mini_menu {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;max-width: 80px;min-width: 80px;}.game-item .mini_menu > button {font-size: 2rem;width: 100%;}.comp:hover {background-color: var(--active-accent) !important;cursor: pointer !important;}.comp.comp_active img {-webkit-transform: rotateX(-180deg);transform: rotateX(-180deg);}.comp img {-webkit-transition: -webkit-transform 0.2s;transition: -webkit-transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;}.children {margin: 0 0 1rem 1.8rem;}.child, .now-playing .childnow-playing {display: none;}.lists .child, .show_children .child {display: block;}.lists .child:before, .show_children .child:before {content: "◤";font-size: 10px;opacity: 0.5;position: absolute;left: 2px;z-index: 99;}.show_children .child .platform:hover:after {content: "Part of compilation surfaced by filter";background-color: var(--active-secondary-text);border-radius: 0 1rem 1rem 1rem;color: var(--active-secondary);font-size: 0.9em;font-weight: 700;padding: 5px 10px;position: absolute;left: 5px;top: 5px;z-index: 100;}.now-playing .child, .parent .child {display: block;}@media screen and (max-width: 700px) {.game-item .game-info {margin-left: 8px;}.game-item .game-info .box_2 {margin-right: 0;}.game-item .game-info .data, .game-item .game-info .history, .game-item .game-info .review {display: block;}.game-item .game-info .data .flex div {min-width: auto !important;}.game-item .game-info .data .box_1 div {display: inline-block;margin-right: 1%;width: 48%;}.game-item .game-info .data .box_1 .cheevos div {width: 100%;}.game-item .game-info .data .box_1 .cheevos div input {display: inline-block;margin: 0.5vh 0;width: 48%;}.game-item .game-info .data .box_1 .cheevos div input:first-of-type {margin-right: 3%;}}@media screen and (max-width: 520px) {.game-item > .game-info .form-tip {margin-bottom: 20px;}.game-item > div:first-child {max-height: 40px;}.game-item > div:first-child > .platform {min-height: 40px;min-width: 40px;max-width: 40px;}.game-item > div:first-child > .platform p {font-size: 1.1rem;letter-spacing: -0.25px;}.game-item > div:first-child > .platform img {top: 8px;width: 28px;}.game-item > div:first-child > .platform img.sub {top: 6px;width: 28px;}.game-item > div:first-child > .platform p.sub:first-of-type {font-size: 1.1rem;margin-top: 3px;}.game-item > div:first-child > .platform p.sub:last-of-type {font-size: 0.6rem;line-height: 12px;margin-top: 0;}.game-item > div:first-child > .status {max-width: 36px;padding: 5px;}.game-item > div:first-child > .status img {max-width: 26px;}.game-item > div:first-child > .main > .top_row {max-height: 20px;}.game-item > div:first-child > .main > .top_row > .title {font-size: 0.9rem;margin-bottom: 0;}.game-item > div:first-child > .main > .markdown {font-size: 0.6rem;}.game-item > div:first-child > .priority {max-width: 34px;padding-right: 3px;}.game-item > div:first-child > .priority img {max-width: 22px;}.game-item {padding-right: 12px;}.game-item > img.format {top: 4px;width: 12px;height: 32px;}.button-row .box-spacer {display: none;}}.platform-card {border: 2px solid #000;border-radius: 6px;display: -webkit-box;display: -ms-flexbox;display: flex;font-weight: 700;margin: 0 0 4px;text-align: center;width: 100%;}.platform-card .bars {border-radius: 0 4px 4px 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;border-left: 2px solid #000;-webkit-box-flex: 9;-ms-flex: 9;flex: 9;}.platform-card .bars a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-right: 2px solid #000;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 14px;margin: 0;padding: 0 3px;-webkit-transition: -webkit-box-flex 0.5s ease-in-out;transition: -webkit-box-flex 0.5s ease-in-out;transition: flex 0.5s ease-in-out;transition: flex 0.5s ease-in-out, -webkit-box-flex 0.5s ease-in-out, -ms-flex 0.5s ease-in-out;white-space: nowrap;}.platform-card .bars a:first-of-type {border-left: none;}.platform-card .bars a.remove_flex {border: none;-webkit-box-flex: 0;-ms-flex: 0;flex: 0;min-width: unset;padding: 0;}.platform-card .abbr, .platform-card .title {background: var(--active-secondary);border-radius: 4px 0 0 4px;color: var(--active-secondary-text);-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 4;-ms-flex: 4;flex: 4;font-size: 17px;font-weight: 700;min-width: 50px;overflow: hidden;padding: 5px;white-space: nowrap;}.platform-card .abbr {display: none;}.platform-card .total {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: var(--active-secondary);border-radius: 0 4px 4px 0;color: var(--active-secondary-text);-webkit-box-pack: right;-ms-flex-pack: right;justify-content: right;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 2;-ms-flex: 2;flex: 2;font-size: 17px;font-weight: 700;overflow: hidden;padding-right: 10px;white-space: nowrap;width: 100px;}.platform-card .total span {margin-left: 6px;}@media screen and (max-width: 1200px) {.platform-card .total span {display: none;}}@media screen and (max-width: 1024px) {.platform-card .title {display: none;}.platform-card .abbr {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 80px;}.platform-card .bars a:last-of-type {width: 50px;}.platform-card .bars a:last-of-type span {display: none;}}@media screen and (max-width: 680px) {.platform-card .bars a {content: "";font-size: 0.6rem;}.platform-card .abbr, .platform-card .title {font-size: 0.8rem;min-width: 45px;}.platform-card .total {font-size: 0.8rem;}.platform-card .total > span {display: none;}}.now-playing .decay {opacity: 0.5;}.now-playing .decay:active, .now-playing .decay:focus, .now-playing .decay:focus-within, .now-playing .decay:hover {opacity: 1;}.backlog-breakdown {display: block;text-align: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}.backlog-breakdown .backlog-charts {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;}.backlog-breakdown .mem-sum {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.backlog-breakdown .mem-sum .donut {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin: 0 3vw;}.backlog-breakdown .mem-sum .donut h3 {background: none;border: none;line-height: 30px;text-align: center;font-size: 40px;position: absolute;left: 0;bottom: 0;right: 0;top: 20%;}.backlog-breakdown .mem-sum .donut h3 span {display: block;font-size: 15px;opacity: 0.5;}.search {height: 36px;margin: 0 0 3rem;max-width: 100%;}.search input {border: 2px solid rgba(0, 0, 0, 0.5);border-radius: 0.5rem;height: 36px;}.search svg {top: 9px;right: 9px;height: 28px;width: 28px;opacity: 0.5;}.search:focus-within svg {opacity: 1;}.status-tally {-webkit-box-flex: 4;-ms-flex: 4;flex: 4;font-size: 1rem;margin: 15px 0 25px 0;}.status-tally a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: -5px 20px 0;}.status-tally a.gap {margin-bottom: 20px;}.status-tally a div {padding: 1px 3px;vertical-align: middle;}.status-tally a div img {max-width: 32px;}.status-tally a div:first-child {text-align: right;width: 60px;}.status-tally a div:nth-child(2) {border-right: 2px solid #000;padding: 4px 5px 4px 0;width: 40px;}.status-tally a div:last-child {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 4px 0;width: 99%;}.status-tally a div:last-child div {-webkit-animation: width_in 1s ease-in-out;animation: width_in 1s ease-in-out;border: 2px solid #000;border-left: none;border-radius: 0 0.5rem 0.5rem 0;display: block;font-weight: 700;overflow: hidden;padding: 7px 0 7px 7px;text-align: left;-webkit-transition: width 0.5s ease-in-out;transition: width 0.5s ease-in-out;white-space: nowrap;}.status-tally img {max-width: none;position: relative;top: 2px;}.status-tally .backlog-tally {background-color: #000;border: 2px solid #000;border-radius: 0.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0;margin-bottom: 5px;}.status-tally .backlog-tally div {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 1rem;font-weight: 700;height: 3.25rem;-webkit-transition: width 0.5s ease-in-out;transition: width 0.5s ease-in-out;}.status-tally .backlog-tally div span {width: 100%;}.status-tally .backlog-tally .border_right {border-right: 2px solid #000;}.status-tally .backlog-tally .backlog_tally_empty, .status-tally .backlog-tally .backlog_tally_full {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-item-align: center;align-self: center;}.status-tally .backlog-tally .backlog_tally_empty span, .status-tally .backlog-tally .backlog_tally_full span {font-size: 1rem;line-height: 1.2rem;}.status-tally .backlog-tally .backlog_tally_full {border-radius: 0.4rem 0 0 0.4rem;background-color: var(--active-accent);color: var(--active-accent-text);text-align: center;}.status-tally .backlog-tally .backlog_tally_empty {border-radius: 0 0.4rem 0.4rem 0;background-color: var(--active-secondary);color: var(--active-secondary-text);border-right: none;padding-left: 1rem;text-align: left;}@media screen and (min-width: 1024px) {.backlog-breakdown, .backlog-breakdown .backlog-charts {display: -webkit-box;display: -ms-flexbox;display: flex;}.backlog-breakdown .backlog-charts {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;width: 100%;}.backlog-breakdown .backlog-charts .status-tally {margin: 15px 0 25px 25px;}.backlog-breakdown .mem-sum {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-width: 160px;max-width: 160px;}.backlog-breakdown .mem-sum .donut {margin: 0;}.backlog-breakdown .mem-sum .donut:last-of-type {position: relative;top: -10px;}}@media screen and (max-width: 400px) {.status-tally > a > div:last-child div {font-size: 0.7rem !important;line-height: 1rem !important;}.status-tally .backlog-tally .backlog_tally_empty span, .status-tally .backlog-tally .backlog_tally_full span {font-size: 0.9rem;line-height: 1.2rem;}}.poster textarea {background-color: #fff !important;color: rgba(0, 0, 0, 0.9) !important;}.multitap-card {border: 1px solid var(--active-secondary);background-color: var(--active-secondary-50);color: var(--active-secondary-text);border-radius: 4px;font-family: Lato, sans-serif;margin: 1vh 0 0;padding: 0.75rem 0.75rem 0;position: relative;}.multitap-card:last-of-type {margin-bottom: 5rem;}.multitap-card.me {border: 1px solid rgba(0, 0, 0, 0.4);background-color: var(--active-secondary);color: var(--active-secondary-text);}.multitap-card.notif {padding: 0 0.75rem;}.multitap-card.notif .main {margin: 0.5rem 0 0;}.multitap-card.notif .main div:last-of-type {min-width: 0;}.multitap-card.notif .main h1 {font-size: 1.2rem !important;margin-top: 0.4rem;}.multitap-card.notif .double {text-align: right;}.multitap-card.notif .double img {margin-left: 35%;width: 38% !important;}.multitap-card.notif .double .notif_type {border-radius: 50%;-webkit-box-shadow: 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000;box-shadow: 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000;display: inline-block;margin-bottom: 5%;position: relative;left: -10%;top: 10%;aspect-ratio: 1/1;width: 30%;}.multitap-card.notif .double .notif_type.follow {background-color: var(--follow-color);}.multitap-card.notif .double .notif_type.like {background-color: var(--likes-color);}.multitap-card.notif .main .markdown {opacity: 0.6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;-ms-flex-negative: 1;flex-shrink: 1;min-width: 0;}.multitap-card.notif .main .markdown hr {display: inline-block;margin: 0 0 4px;width: 2em;}.multitap-card.unread {border-left: 3px solid var(--active-accent);}.multitap-card .main {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0 0 0.5rem;padding: 0;width: 100%;}.multitap-card .main div {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.multitap-card .main div:first-of-type {margin-right: 5px;text-align: center;}.multitap-card .main div:first-of-type .double {position: relative;white-space: nowrap;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;max-height: 55px;}.multitap-card .main div:first-of-type .double img {display: inline-block;max-height: 55px;width: 55%;}.multitap-card .main div:first-of-type .double img:last-of-type {position: relative;left: -8px;}.multitap-card .main div:last-of-type {-webkit-box-flex: 5;-ms-flex: 5;flex: 5;}.multitap-card .main .badges {cursor: default;margin: 10px 5px 0 !important;}.multitap-card .main .badges img {width: 18px;height: 18px;}.multitap-card .main .timeago {float: right;font-size: 12px;opacity: 0.75;padding: 6px 7px;text-align: center;}.multitap-card .main h1 {border-bottom: 1px solid var(--active-secondary-text-50);border-bottom: none;font-size: 1rem;font-variant: normal;line-height: 1.3rem;margin: 0.2rem 0 0;padding: 0 0.9rem 0.35rem 0.5rem;width: 100%;}.multitap-card .main h1 a {color: var(--active-secondary-text);}.multitap-card .main h1 > span {font-weight: 700;}.multitap-card .main h1 > span .subtle {font-weight: 400;opacity: 0.8;}.multitap-card .main h1 .icon {height: 14px;width: 14px;}.multitap-card .main .markdown {opacity: 0.85;padding: 0.25rem 1rem 0 0.5rem;white-space: pre-wrap;overflow-wrap: break-word;word-break: break-word;}.multitap-card .text-box {margin: 0 0 0.1rem 0;}.multitap-card .modal .thread {display: none;}.multitap-card .button-row {border-top: 1px solid var(--active-secondary-text-25);-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 30px 0 -9px;}.multitap-card .button-row .empty, .multitap-card .button-row > .mini_menu, .multitap-card .button-row > button {background-color: transparent;border-radius: 6px;border: none;color: var(--active-secondary-text);font-size: 0.8rem;font-weight: 400;height: 48px;width: 80px;margin: 5px !important;max-width: 80px;min-width: 80px;opacity: 0.65;}.multitap-card .button-row .empty > button, .multitap-card .button-row > .mini_menu > button, .multitap-card .button-row > button > button {width: 100%;}.multitap-card .button-row .empty svg.icon, .multitap-card .button-row > .mini_menu svg.icon, .multitap-card .button-row > button svg.icon {fill: var(--active-secondary-text) !important;stroke: var(--active-secondary-text) !important;position: relative;top: 2px;width: 16px;height: 16px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}.multitap-card .button-row .empty svg.icon + span, .multitap-card .button-row > .mini_menu svg.icon + span, .multitap-card .button-row > button svg.icon + span {position: relative;top: -2px;}.multitap-card .button-row .empty:hover, .multitap-card .button-row > .mini_menu:hover, .multitap-card .button-row > button:hover {background-image: none;opacity: 1;}.multitap-card .button-row > button.liked {opacity: 1;}.multitap-card .button-row > button.liked svg {rotate: y 180deg;-webkit-transform-origin: 8px 0;transform-origin: 8px 0;fill: var(--active-accent) !important;stroke: var(--active-accent) !important;}.multitap-card .sticky_reply {background-color: var(--active-base);padding: 0;}.multitap-card .sticky_reply .text-box textarea {min-height: 10rem;}.multitap-card .sticky_reply .button-row {border: none;margin-top: 5px;}.multitap-card .sticky_reply .button-row > button {font-size: 14px;font-weight: 700;opacity: 1;padding: 8px 5px;}@media screen and (max-width: 600px) {.multitap-card .main > div:first-of-type {max-width: 50px;}.multitap-card .main > div:first-of-type .avatar_box {width: 50px;height: 50px;}.multitap-card .main > div:first-of-type .avatar_box .avatar {max-width: 50px;max-height: 50px;}.multitap-card .main .double + .badges {position: relative;top: -16px;}.multitap-card .main .badges {margin: 2px 2px 0 !important;}.multitap-card .main .badges img {margin: 0 2px 2px;}.multitap-card .button-row {-ms-flex-wrap: nowrap;flex-wrap: nowrap;margin: 20px 0 0;}.multitap-card .button-row .button, .multitap-card .button-row .mini_menu, .multitap-card .button-row button {margin: 2px 0 0;height: 20px;width: 40px;max-width: 40px;min-width: 40px;padding: 4px;}.multitap-card .button-row .button .items > button, .multitap-card .button-row .mini_menu .items > button, .multitap-card .button-row button .items > button {width: 100px;max-width: 100px;min-width: 100px;}.multitap-card .button-row .button svg.icon + span.no_hide, .multitap-card .button-row .mini_menu svg.icon + span.no_hide, .multitap-card .button-row button svg.icon + span.no_hide {margin-left: 3px;}.multitap-card .button-row .button svg.icon + span:not(.no_hide), .multitap-card .button-row .mini_menu svg.icon + span:not(.no_hide), .multitap-card .button-row button svg.icon + span:not(.no_hide) {display: none;}.multitap-card .button-row .button svg.icon, .multitap-card .button-row .mini_menu svg.icon, .multitap-card .button-row button svg.icon {padding: 0;top: 2px;width: 16px;height: 16px;}.multitap-card .button-row .mini_menu {padding: 0;}.multitap-card .button-row .mini_menu > button {line-height: 12px;}.multitap-card .button-row .mini_menu .items > button {height: 30px;}}.multitap > h2 {border: none;display: -webkit-box;display: -ms-flexbox;display: flex;margin: 10px 0;text-align: center;}.multitap > h2 span, .multitap > h2.title {border-bottom: 2px solid var(--active-text);}.multitap > h2 span {cursor: pointer;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;opacity: 0.5;padding: 0.1rem 0.75rem 0;}.multitap > h2 span.active {opacity: 1;}.multitap > h2 span:hover {opacity: 0.8;}.multitap > p {margin: -1vh 1vw 3vh;padding: 0;}.multitap .odd {background: inherit;}@media screen and (max-width: 450px) {.multitap h2 {font-size: 0.75rem;}}.library {position: relative;overflow: initial !important;height: 200px;}.library .sort-reset {border-bottom: 1px solid var(--active-text);-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.library .sort-reset > .multiselect {-ms-flex-item-align: baseline;align-self: baseline;}.library .sort-reset .search {margin-bottom: 0.5rem;}.library .sort-reset .search input {padding-left: 28px;}.library .sort-reset .search .search_closer {top: 8px;left: 3px;width: 20px;}.library .options_list > label {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 8px;}.library .options {background: transparent;border: none;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 30px;margin: 0;max-width: 40px;padding-bottom: 2px;}.library .options svg.icon {width: 20px;height: 20px;padding: 0;}.library .filter_container, .library .sort-reset {display: -webkit-box;display: -ms-flexbox;display: flex;height: 40px;white-space: nowrap;margin-top: 0;}.library .filter_container .multiselect, .library .sort-reset .multiselect {cursor: pointer;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;max-width: 10%;}.library .filter_container .multiselect .multiselect__single, .library .sort-reset .multiselect .multiselect__single {font-size: 0.8rem;width: 22px;}.library .filter_container .multiselect .multiselect__option--group, .library .sort-reset .multiselect .multiselect__option--group {font-weight: 700;text-align: center;}.library .filter_container .multiselect .icon, .library .sort-reset .multiselect .icon {height: 20px;width: 20px;}.library .filter_container .multiselect .multiselect__content-wrapper, .library .sort-reset .multiselect .multiselect__content-wrapper {min-width: 150px;position: relative;top: -8px;}.library .filter_container .reset, .library .sort-reset .reset {cursor: pointer;display: block;font-size: 0.9rem;margin: 1rem 0.65rem 0 0;text-align: right;}.library .filters {margin: 0.25rem 0 2rem;width: 100%;}.library .filters > div {cursor: pointer;padding: 1rem;width: 95%;}.library .filters .empty-filters {border: 2px solid rgba(0, 0, 0, 0.5);background-color: var(--active-secondary);color: var(--active-secondary-text);border-radius: 0.5rem;margin: 0.5rem auto;opacity: 0.8;padding: 0.4rem;text-align: center;}.library .filters .empty-filters:hover {opacity: 1;}.library .filters .item {border: 2px solid rgba(0, 0, 0, 0.5);background-color: var(--active-secondary);color: var(--active-secondary-text);border-radius: 0.5rem;display: inline-block;font-size: 0.8rem;margin: 0.25rem;opacity: 0.8;padding: 0.45rem 2rem 0.5rem 1rem;position: relative;white-space: nowrap;}.library .filters .item.reset {border: none;background-color: transparent;padding: 0.45rem 1rem 0.5rem;}.library .filters .item .filter_clear {border-radius: 0.5rem;padding: 0.425rem 0.5rem 0.475rem;position: absolute;right: 0;top: 0;}.library .filters .item .filter_clear:hover {background-color: var(--active-secondary-text-25);}.library .filters .item:hover {opacity: 1;}.library .edit-filters > label {cursor: pointer;font-size: 1.1rem;margin: 1.25rem 0 0.25rem 0.5rem;width: -webkit-max-content;width: -moz-max-content;width: max-content;}.library .edit-filters > label:after {content: "↻";opacity: 0.25;padding-left: 0.4rem;}.library .edit-filters > label:hover:after {opacity: 1;}.library .edit-filters .toggle_container {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 3%;}.library .edit-filters .toggle_container > div {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;max-width: 100px;min-width: 100px;}.library .edit-filters .toggle_container > div > label {margin-top: 2rem;}.library .edit-filters .toggle_container > div .toggers {display: block;width: 100%;}.library .unibar {border: 2px solid rgba(0, 0, 0, 0.5);border-radius: 8px;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;}.library .unibar div {border-left: 2px solid rgba(0, 0, 0, 0.5);cursor: pointer;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 1.25rem;font-weight: 700;line-height: 1.25rem;padding: 0.5rem;text-align: center;}.library .unibar div:first-of-type {background-color: var(--active-secondary);border: none;border-radius: 6px 0 0 6px;color: var(--active-secondary-text);cursor: auto;max-width: 30%;padding: 0.5rem 1rem;white-space: nowrap;}.library .unibar div:first-of-type span {margin-right: 1rem;}.library .unibar div:last-of-type {border-radius: 0 6px 6px 0;}.library .unibar div.unplayed {background-color: var(--unplayed-color);}.library .unibar div.unfinished {background-color: var(--unfinished-color);}.library .unibar div.beaten {background-color: var(--beaten-color);}.library .unibar div.completed {background-color: var(--completed-color);}.library .unibar div.endless {background-color: var(--endless-color);}.library .unibar div.none {background-color: var(--none-color);}.library .retro {margin: 10px 0 0;}.library .retro input {max-width: 30% !important;}.library > .button-row {margin: 15px 0.5vw 30px;}.library .library-list {margin-top: 20px;}.library .sticky {bottom: 0;}.library .cookie > div {opacity: 0;-webkit-animation: fadein 1s forwards;animation: fadein 1s forwards;}.library .cookie > div > div:nth-child(3) img {mix-blend-mode: normal;opacity: 0.5;}.pager {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 1rem 0 2rem;}.pager > button, .pager > select {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 30px;margin: 0 0.5rem;padding: 0 10px;}.pager > button:first-of-type {margin-left: 0;}.pager > button:last-of-type {margin-right: 0;}@media screen and (max-width: 600px) {.library .unibar div {font-size: 3vw;}.library .unibar div:first-of-type span {margin-right: 0.5rem;}.sort-reset .box-spacer {-webkit-box-flex: 1 !important;-ms-flex-positive: 1 !important;flex-grow: 1 !important;}#modal_options .flex {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-bottom: 3rem !important;}}@media screen and (max-width: 400px) {.library .unibar div {font-size: 3vw;}.edit-filters .flex {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.mobile_hidder {display: none;}}.lists label {font-weight: 700;opacity: 0.8;margin-left: 0.5vw;}.lists h1 {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;line-height: 1.35rem;}.lists h1 span {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.lists h1 span svg {opacity: 0.8;width: 1.25rem;height: 1.25rem;}.lists h1 .ranked {max-width: 1.5rem;}.lists h1 .ranked svg {fill: var(--active-accent) !important;stroke: var(--active-secondary) !important;}.lists h1 .title {-webkit-box-flex: 9;-ms-flex-positive: 9;flex-grow: 9;padding: 0.2rem;}.lists h1 .right {cursor: pointer;font-size: 1rem;opacity: 0.6;padding: 0.1rem;text-align: right;white-space: nowrap;}.lists h1 .right:hover {opacity: 1;}.lists .viewing .sticky {top: 52px;}.lists .viewing > div > div > .list {border-bottom: 2px solid var(--active-text-25);cursor: pointer;display: block;margin: 0 0 0.5rem;padding: 0.25rem 0.25rem 0.5rem;}.lists .viewing > div > div > .list:last-of-type {border: none;}.lists .viewing > div > div > .list > div {display: -webkit-box;display: -ms-flexbox;display: flex;}.lists .viewing > div > div > .list > div > div {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 1.35rem;margin: 0;max-width: 2rem;padding: 0;text-align: center;}.lists .viewing > div > div > .list > div > .ranked {-ms-flex-item-align: center;align-self: center;padding: 0.2rem;}.lists .viewing > div > div > .list > div > .ranked svg {fill: var(--active-accent-75) !important;stroke: #000 !important;width: 2rem;height: 2rem;}.lists .viewing > div > div > .list > div > .title {font-weight: 700;max-width: none;padding: 0.4rem 1rem;text-align: left;width: 100%;}.lists .viewing > div > div > .list > .desc {display: block;font-size: 1rem;margin: 0 0 1rem 3.1rem;max-width: 100%;opacity: 0.7;text-align: left;}.lists .viewing .list-desc {padding: 0 2.1rem 2.25rem;}.lists svg.private {fill: var(--active-text) !important;stroke: var(--active-secondary) !important;margin: 0 0.25rem -0.1rem;width: 1.25rem;height: 1.25rem;}.lists .draggable_list, .lists .listed_game {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}.lists .draggable_list > div, .lists .listed_game > div {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.lists .draggable_list .game-item > div:first-of-type > .text, .lists .listed_game .game-item > div:first-of-type > .text {font-weight: 700;letter-spacing: 1px;margin-top: -1px;padding: 0 1.3rem 0 0.1rem;}.lists .draggable_list .game-item > div:first-of-type > .text .markdown, .lists .listed_game .game-item > div:first-of-type > .text .markdown {display: none;}.lists .draggable_list .game-item > div:first-of-type > .platform.rank, .lists .listed_game .game-item > div:first-of-type > .platform.rank {border-right: 1px solid rgba(0, 0, 0, 0.75);}.lists .draggable_list .game-item > div:first-of-type > .platform.rank p, .lists .listed_game .game-item > div:first-of-type > .platform.rank p {font-size: 2.2rem;margin-top: 6px;}.lists .draggable_list .game-info, .lists .listed_game .game-info {margin-left: 18px;}.lists .draggable_list > .text-box > label, .lists .listed_game > .text-box > label {display: none;}.lists .draggable_list .add_note, .lists .draggable_list .edit_note, .lists .listed_game .add_note, .lists .listed_game .edit_note {font-size: 10px;font-weight: 400;margin: 0 85% 1rem 6.5rem;padding: 2px 9px;opacity: 0.65;}.lists .draggable_list .add_note:hover, .lists .draggable_list .edit_note:hover, .lists .listed_game .add_note:hover, .lists .listed_game .edit_note:hover {opacity: 1;}.lists .draggable_list .list_note, .lists .listed_game .list_note {margin: 5px 2rem 0 2.7rem;min-width: 90%;}.lists .draggable_list .button-row, .lists .listed_game .button-row {margin: 7px 0 2rem;}.lists .draggable_list > .delete, .lists .draggable_list > .drag, .lists .listed_game > .delete, .lists .listed_game > .drag {cursor: pointer;font-size: 1.75rem;position: relative;top: 6px;}.lists .draggable_list > .drag, .lists .listed_game > .drag {cursor: -webkit-grab;cursor: grab;max-width: 2.5rem;padding: 0.18rem 0.6rem 0;}.lists .draggable_list > .drag:active, .lists .listed_game > .drag:active {cursor: -webkit-grabbing;cursor: grabbing;}.lists .draggable_list > .delete, .lists .listed_game > .delete {opacity: 0.5;max-height: 2rem;max-width: 2rem;padding: 0.25rem 0.6rem;}.lists .draggable_list > .delete:hover, .lists .listed_game > .delete:hover {opacity: 1;}.lists .draggable_list > .markdown, .lists .listed_game > .markdown {margin: 0 55px 20px 5px;padding: 0 0 0.5rem 4rem;min-width: 98%;}.lists .draggable_list.editing .markdown, .lists .listed_game.editing .markdown {margin-top: -2px;padding: 0 1rem 0 6.4rem;min-width: 85%;}.lists .draggable_list.editing .edit_note, .lists .listed_game.editing .edit_note {margin: -0.8rem 0 1rem 6.4rem;}.lists .draggable_list.editing .button-row, .lists .draggable_list.editing .text-box, .lists .listed_game.editing .button-row, .lists .listed_game.editing .text-box {margin: -0.75rem 0 1rem 3.4rem;}.lists .draggable_list.editing .button-row > label, .lists .draggable_list.editing .text-box > label, .lists .listed_game.editing .button-row > label, .lists .listed_game.editing .text-box > label {display: none;}.lists .making > p {padding: 0 0 2vh 0.45rem;}