.spinner-icon{animation-name:spinner-icon;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes spinner-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.link-like{cursor:pointer}.change-log{display:flex;flex-direction:column;row-gap:15px;contain:size}.change-log .change-log-heading{background-color:#ddd;padding:10px 13px 10px 20px;display:flex;align-items:center;justify-content:space-between}.change-log .release{font-size:14px;margin:0 10px 0 20px}.change-log .testing-server-badge{display:inline-block;background-color:#ddd;border:1px solid #888;color:#333;border-radius:2px;padding:2px 4px;margin-top:-2px;margin-bottom:-2px;font-weight:400;font-size:12px;font-size:10px}.change-log .release .heading{font-weight:700;margin-bottom:4px}.change-log .release .changes{display:flex;flex-direction:column;row-gap:4px;margin:0;padding-left:0}.change-log .show-report-form-button{font-size:12px;padding:5px 10px;opacity:.8}.big-button.button-base{width:100%;height:40px;font-size:16px;margin-top:8px}.big-button.loading{animation:big-button-loading-animation 4s linear infinite;background-image:linear-gradient(90deg,#007e78,#007e78 35%,#00a39b,#007e78 65%);background-size:300%}.big-button.loading:disabled{animation:big-button-loading-animation 4s linear infinite;background-image:linear-gradient(90deg,#7e7e7e,#7e7e7e 35%,#a3a3a3,#7e7e7e 65%);background-size:300%}@keyframes big-button-loading-animation{0%{background-position:100%}to{background-position:0%}}.button-base{--button-base-bg-color: #007e78;--button-base-bg-hover-color: #00736d;display:flex;align-items:center;justify-content:center;background-color:var(--button-base-bg-color);border:1px solid var(--button-base-bg-color);color:#f0f0f0;border-radius:3px;box-sizing:border-box;cursor:pointer;transition:background-color .1s linear,border-color .1s linear;user-select:none;font-size:11px}.button-base:hover{background-color:var(--button-base-bg-hover-color);border-color:var(--button-base-bg-hover-color);text-decoration:none}.button-base:disabled{cursor:default;color:#f0f0f0;border:1px solid #7e7e7e;background:#7e7e7e}.button-base:not(.button-base-on-light-background):disabled{color:#000}.button-base:not(.button-base-on-light-background):focus{border-color:#ddd;outline:none}.report-form{display:flex;flex-direction:column;flex-grow:1}.report-form .report-form-heading{display:flex;align-items:center;justify-content:space-between;background-color:#ddd;padding:0 0 0 20px;margin-bottom:15px}.report-form .report-form-heading .heading-text{padding:10px 0}.report-form .bug-description-label{margin-left:20px;font-size:10px;text-transform:lowercase;margin-bottom:2px}.report-form .bug-description{width:calc(100% - 30px);box-sizing:border-box;flex-grow:1;margin:0 10px 15px 20px;resize:vertical;border:1px solid #999;border-radius:3px;transition:border-color .1s linear;background-color:#f1f1f1;outline:none;padding:3px;min-height:100px}.report-form .bug-description:focus{border-color:#333}.report-form .submit-button{margin:0 10px 0 20px;width:calc(100% - 30px);font-size:12px;height:30px}.report-form .cancel-button{padding:10px 15px;cursor:pointer;height:14px;color:#666;background-color:#0000;transition:color .1s linear;margin:0}.report-form .status{margin:5px 10px 0 20px;font-size:12px}.report-form .thank-you{margin:0 10px 10px 20px;font-size:12px}.global-dropdown-menu{display:flex;flex-direction:row;color:#000;max-width:100vw;box-sizing:border-box;background-color:#f7f7f7;padding:20px 20px 20px 0;border-bottom-left-radius:3px;align-items:stretch;width:max-content;min-height:250px}.global-dropdown-menu .link-bar{flex-direction:column;display:flex;margin-left:20px}.global-dropdown-menu .link-bar>a{margin-bottom:10px;white-space:nowrap}.global-dropdown-menu .link-bar>a:last-of-type{margin-bottom:0}.global-dropdown-menu .feature-bar{display:flex;flex-direction:column;font-size:16px;overflow:auto;width:340px}.account-dropdown{display:flex;align-items:center}.account-dropdown .toggle-button{display:flex;padding:0 20px;font-size:inherit;margin:0;border:none;cursor:pointer;align-items:center;justify-content:center;height:55px}.account-dropdown .display-name{margin-right:12px;margin-top:-1px;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden;max-width:120px;flex-shrink:0}.account-dropdown .display-name-loading{margin-right:12px;color:#888}.account-dropdown .toggle-button.toggled{background-color:#f7f7f7;color:#000;border-left:1px solid rgb(255 255 255 / 0%)}.account-dropdown .toggle-button:not(.toggled){background:none;border-left:1px solid rgb(255 255 255 / 0%);color:inherit}.account-dropdown .toggle-button.separator-needed{border-left:1px solid rgb(255 255 255 / 20%)}.account-dropdown .toggle-button svg{height:14px;display:block}.account-dropdown .subscription-needed{margin-right:15px;opacity:.5}.account-dropdown .hanging-menu-container{display:flex;justify-content:flex-end;position:absolute;top:55px;right:0;z-index:1000;box-shadow:-2px 2px 2px #0003}@media (max-width: 500px){.account-dropdown .display-name{display:none}}.downtime-warning-banner-container{display:flex;justify-content:center;position:absolute;top:55px;left:0;right:0;z-index:999;font-size:18px}.downtime-warning-banner{box-shadow:-2px 2px 2px #0003;background-color:#f7f7f7;padding:20px;color:#000;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.downtime-warning-banner .when,.downtime-warning-banner .duration{font-weight:700}.downtime-warning-banner .dismiss-button-container{padding:10px 20px 0}.tooltip-container{position:relative}.tooltip-container .tooltip{position:absolute;background-color:#fff;font-weight:400;border-radius:3px;filter:drop-shadow(2px 2px 2px rgb(0 0 0 / 20%));left:50%;transform:translate(-50%);white-space:nowrap;padding:10px;font-size:12px;pointer-events:none;user-select:none;opacity:0;transition:opacity .1s ease-in;color:#000;z-index:100}.tooltip-container .tooltip.bottom{top:calc(100% + 5px)}.tooltip-container .tooltip.top{bottom:calc(100% + 5px)}.tooltip-container .tooltip.visible,.tooltip-container:hover .tooltip.visible-on-hover{opacity:1}.tooltip-container .tooltip.bottom:after{content:" ";position:absolute;top:-10px;left:50%;margin-left:-10px;border-width:0 10px 10px 10px;border-style:solid;border-color:transparent transparent #fff transparent}.tooltip-container .tooltip.top:after{content:" ";position:absolute;bottom:-10px;left:50%;margin-left:-10px;border-width:10px 10px 0 10px;border-style:solid;border-color:#fff transparent transparent transparent}.expiring-subscription-warning{display:flex;gap:6px;margin:0 5px;padding:4px 6px;border:3px solid var(--urgency-color);border-radius:3px;align-items:center;color:var(--urgency-color);background-color:#fff;box-sizing:border-box}.sub-warning-tooltip{white-space:normal!important;width:200px}.expiring-subscription-warning .clock-icon{width:14px}.expiring-subscription-warning .time-remaining{font-size:12px}@media (max-width: 500px){.expiring-subscription-warning{display:none}}.number-field{display:flex;align-items:center}.number-field .label-text{white-space:nowrap;margin-right:10px}.number-field .input-container{display:flex;border:1px solid #007e78;border-radius:3px;transition:border-color .1s linear;width:100px;box-sizing:border-box;overflow:hidden;background-color:#f1f1f1}.number-field:not(.disabled) .input-container:hover,.number-field .input-container:focus-within{border-color:#00736d;outline:none}.number-field.disabled .input-container{border-color:#7e7e7e}.number-field input{flex-grow:1;width:0;font-size:inherit;padding:3px;display:block;background-color:transparent;outline:none;margin:0;border:none}.number-field .step-tray{display:flex;flex-direction:column;border-left:inherit}.number-field .step-tray button{display:flex;align-items:center;justify-content:center;border:none;margin:0;padding:0 5px;background-color:#007e78;color:#fff;box-sizing:border-box;height:13px}.number-field .step-tray button:not(:disabled):hover{background-color:#00736d}.number-field .step-tray button:disabled{background:#7e7e7e}.number-field .step-tray button:active{color:#fff}.number-field .step-tray button svg{height:10px}.map-settings{position:relative;background-color:#fff;width:min-content;padding:10px;border-radius:3px;--arrow-width: 20px;margin-top:calc(.5 * var(--arrow-width));box-shadow:2px 2px 2px #0003;color:#000}.map-settings:after{position:absolute;display:block;content:" ";top:calc(-1 * var(--arrow-width) / 2);left:calc(50% - var(--arrow-width) / 2);border-left:calc(var(--arrow-width) / 2) solid transparent;border-right:calc(var(--arrow-width) / 2) solid transparent;border-bottom:calc(var(--arrow-width) / 2) solid white;padding:0;width:0;height:0}.map-settings .conversion-values{align-items:flex-end;display:flex}.map-settings .conversion-values>*{margin-right:5px}.map-settings>*:last-child{margin-right:0}.map-settings .conversion-description{height:28px;box-sizing:border-box;font-size:inherit;padding:3px 0;white-space:nowrap}.map-settings .unit-input{border:1px solid #007e78;border-radius:3px;transition:border-color .1s linear;width:100px;background-color:#f1f1f1;padding:3px;margin:0;font-size:inherit;box-sizing:border-box;height:28px;outline:none}.map-settings .unit-input:hover,.map-settings .unit-input:focus-within{border-color:#00736d;outline:none}.map-settings .label-text{font-size:14px;opacity:.8}.map-settings-button{position:relative;margin:0 10px}.map-settings-button .toggle-button{transition:background-color .1s linear;appearance:none;opacity:.8;display:flex;border:1px solid #ccc;border-radius:3px;background:#0000;padding:4px 6px;margin:0;color:#fff;font-size:12px;max-width:100px}.map-settings-button .toggle-button:not(:disabled){cursor:pointer}.map-settings-button .toggle-button:not(:disabled):hover{background:#0006}.map-settings-button .icon{display:block;height:16px;width:16px;flex-shrink:0}.map-settings-button .toggle-button .multiplier{margin-right:3px;margin-left:4px;flex-shrink:1}.map-settings-button .toggle-button .multiplier,.map-settings-button .toggle-button .name{white-space:nowrap;overflow:hidden;flex-shrink:1}.map-settings-button .dropdown-container{position:absolute;top:100%;margin-left:50%;z-index:1000}.bar-button{height:36px;padding:0 20px;font-size:12px;margin:5px;white-space:nowrap;overflow:hidden}.nav-sidebar{color:#000;box-sizing:border-box;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100%;width:375px;max-width:100%;background-color:#f7f7f7;z-index:1000}.nav-sidebar .need-subscription{background-color:#ddd;text-align:center;padding:8px 4px 2px;font-size:12px}.nav-sidebar .new-game-bar{background-color:#ddd}.nav-sidebar .new-game-bar .darker-link{filter:brightness(80%)}.nav-sidebar .new-game-bar .buttons{display:flex;flex-shrink:0}.nav-sidebar .new-game-bar .bar-button.new-game{flex-grow:1;margin-right:0}.nav-sidebar .new-game-bar .bar-button svg{height:13px;display:inline-block;margin-bottom:-2px;margin-right:6px}.nav-sidebar .header{display:flex;height:55px;align-items:center;flex-shrink:0}.nav-sidebar .body{overflow-y:auto;flex-grow:1}.nav-sidebar .deleted-games-explainer{margin:20px 15px;font-size:14px;text-align:center;font-style:italic;color:#666}.nav-sidebar .logo{margin:0 10px 0 15px;width:30px;flex-shrink:0}.nav-sidebar .see-archived-items{flex-grow:1;text-align:right;font-size:14px;margin-right:15px;font-style:italic}.nav-sidebar .see-archived-items>.separator{font-style:normal;color:#999}.nav-sidebar.slide{animation-name:nav-sidebar-slide-in;animation-duration:.3s;animation-timing-function:slide-in;animation-iteration-count:1;overflow:hidden;animation-fill-mode:forwards}.nav-sidebar.slide-out{animation-direction:reverse}@keyframes nav-sidebar-slide-in{0%{width:0}80%{width:375px}}.nav-sidebar.slide .body{animation-name:nav-sidebar-slide-in-body;animation-duration:.3s;animation-timing-function:slide-in;animation-iteration-count:1}.nav-sidebar.slide-out .body{animation-direction:reverse}@keyframes nav-sidebar-slide-in-body{0%{opacity:0}80%{opacity:0}to{opacity:1}}.nav-sidebar.slide .new-game-bar{animation-name:nav-sidebar-slide-in-new-game-bar;animation-duration:.3s;animation-timing-function:slide-in;animation-iteration-count:1}.nav-sidebar.slide-out .new-game-bar{animation-direction:reverse}@keyframes nav-sidebar-slide-in-new-game-bar{0%{opacity:0}80%{opacity:0}to{opacity:1}}.nav-sidebar.slide .see-archived-items{animation-name:nav-sidebar-slide-in-see-archived;animation-duration:.3s;animation-timing-function:slide-in;animation-iteration-count:1}.nav-sidebar.slide-out .see-archived-items{animation-direction:reverse}@keyframes nav-sidebar-slide-in-see-archived{0%{opacity:0}80%{opacity:0}to{opacity:1}}.game-item-menu{display:flex;flex-flow:row nowrap;position:relative;width:min-content}.game-item-menu .toggle-button,.game-item-menu .archive-button{justify-content:center;color:#fff;border-radius:3px;align-items:center;background:#007e78;box-sizing:border-box;display:flex;outline:none;height:27px;padding:0 9px;pointer-events:auto;user-select:none;opacity:.7;cursor:pointer;width:min-content;border:1px solid #007e78;border-bottom:none;position:relative;font-size:11px;margin:0}.game-item-menu.button-and-dropdown .archive-button{border-top-right-radius:0;border-bottom-right-radius:0}.game-item-menu.button-and-dropdown .toggle-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:#fff}.game-item-menu .toggle-button .expand-icon{height:12px;transform:rotate(0);transition:transform .2s ease-out}.game-item-menu .sub-menu{display:flex;position:absolute;flex-direction:column;right:0;top:26px;z-index:1;border:1px solid #007e78;background:#fff;opacity:0}.game-item-menu .sub-menu .button{color:inherit;text-decoration:none;display:none;text-align:left;border:none;padding:6px 10px;background:#fff;cursor:pointer;min-width:130px;font-size:11px}.game-item-menu .toggle-button:focus,.game-item-menu .toggle-button:hover,.game-item-menu .archive-button:focus,.game-item-menu .archive-button:hover,.game-item-menu.expanded .toggle-button{opacity:1}.game-item-menu.expanded .toggle-button{z-index:2;color:#000;background:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-color:#007e78}.game-item-menu.expanded .sub-menu{opacity:1}.game-item-menu.expanded .toggle-button .expand-icon{transform:rotate(180deg)}.game-item-menu.expanded .sub-menu .button{display:flex;animation-duration:.2s;animation-name:game-item-menu-fade-in;animation-iteration-count:1;animation-timing-function:ease-out}@keyframes game-item-menu-fade-in{0%{opacity:.4}to{opacity:1}}.game-item-menu .sub-menu .button:hover,.game-item-menu .sub-menu .button:focus{background-color:#eee}.game-item-menu .toggle-button .spinner-icon{height:12px}.game-item-menu.show-spinner .toggle-button{color:#fff;background:#7e7e7e;opacity:1;border:none;border-left:1px solid #fff}.nav-sidebar .game-item{color:inherit;display:flex;margin:20px 15px;text-decoration:none;justify-content:space-between;align-items:center}.nav-sidebar .game-item .game-title{font-size:16px;margin-right:20px;word-break:break-word}.nav-sidebar .game-item .game-title .highlight{font-weight:700;filter:brightness(.9)}.nav-sidebar .game-item .game-title-container{flex-grow:1}.nav-sidebar .game-item .game-last-visited{font-weight:lighter;font-size:12px}.nav-sidebar .game-item .game-last-visited .your-game{margin-left:4px;color:#bf4d28;opacity:.7;white-space:nowrap}.nav-sidebar .game-item .game-last-visited .your-game .crown{height:8px}.nav-sidebar .game-item .actions{display:flex;flex-flow:row nowrap}.shmeppy-progress-bar{--bar-height: 10px;--bar-background: #474340;--bar-foreground: #fff;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:400px;gap:6px}.shmeppy-progress-bar .bar-container{position:relative;background-color:var(--bar-background);height:var(--bar-height);border-radius:calc(var(--bar-height) / 2);width:100%;overflow:hidden}.shmeppy-progress-bar .bar{height:var(--bar-height);border-radius:calc(var(--bar-height) / 2);background-color:var(--bar-foreground)}.shmeppy-progress-bar .bar.indeterminate{position:absolute;left:-20%;animation-name:shmeppy-progress-bar-indeterminate;animation-duration:2s;animation-timing-function:ease-in;animation-iteration-count:infinite;width:20%}@keyframes shmeppy-progress-bar-indeterminate{0%{left:-20%}to{left:100%}}.shmeppy-progress-bar .caption{color:#eee}.nav-sidebar .task-item .shmeppy-progress-bar{--bar-height: 6px;--bar-background: #333;--bar-foreground: #007e78}.nav-sidebar .task-item.error .game-title{text-decoration:line-through}.nav-sidebar .task-item .task-subtitle{margin-top:6px;font-size:12px}.game-search-bar{display:flex;background-color:#ddd;align-items:center;user-select:none;padding:0}.game-search-bar:not(:focus-within) *{cursor:pointer}.game-search-bar .search{flex-grow:1;font-size:16px;padding:10px 0 10px 15px;color:#000;border:none;margin:0;box-sizing:border-box;background:none}.game-search-bar .search:focus{outline:none}.game-search-bar .search-icon{padding:10px 15px;cursor:pointer;height:14px;color:#666;background-color:#0000;transition:color .1s linear;margin:0}.game-search-bar .search-icon:hover{color:#000}.toggle-sidebar-button{opacity:.9;padding:5px 10px;font-size:12px;position:relative;z-index:5000}.toggle-sidebar-button svg{height:12px;display:inline-block;margin-bottom:-2px;margin-right:2px}.toggle-sidebar-button svg.show-sidebar-icon{margin-left:5px}.toggle-sidebar-button svg.hide-sidebar-icon{margin-right:5px}.toggle-sidebar-button-clipper{overflow:hidden}.toggle-sidebar-button .toggle-sidebar-button-shifter{display:flex;align-items:center;margin-left:-14px}.toggle-sidebar-button.onscreen .toggle-sidebar-button-shifter{margin-right:-14px;margin-left:0}.toggle-sidebar-button.slide .toggle-sidebar-button-shifter{animation-name:nav-sidebar-slide-in-games-button;animation-duration:.3s;animation-timing-function:slide-in;animation-iteration-count:1}.toggle-sidebar-button.slide-out .toggle-sidebar-button-shifter{animation-direction:reverse}@keyframes nav-sidebar-slide-in-games-button{0%{margin-left:-14px;margin-right:0}to{margin-left:0;margin-right:-14px}}.editable-title{display:flex;align-items:center;justify-content:center;min-width:0}.editable-title svg{height:14px;padding-right:10px;opacity:.2;transition:opacity .1s linear;cursor:pointer;flex-shrink:0;transform:translateZ(0)}.editable-title:focus-within svg{opacity:.8}.editable-title:hover svg{opacity:.8}.editable-title .title-text-container{position:relative;max-width:300px;min-width:0}.editable-title .hidden-title{visibility:hidden;pointer-events:none;text-overflow:inherit;line-height:inherit;padding:1px}.editable-title input{display:inline-block;color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;text-overflow:inherit;line-height:inherit;border:none;background:none;padding:1px;position:absolute;left:0;top:0;width:100%;height:100%;border-bottom:1px dotted rgb(0 0 0 / 0%);margin-bottom:-1px;transition:border-bottom-color .1s linear;border-radius:0}.editable-title input:focus{text-overflow:clip;white-space:normal;outline:none}.editable-title input:hover,.editable-title input:focus{border-bottom-color:#f0f0f0cc}.read-only-title{max-width:300px;overflow-x:hidden}.title-container{display:flex;justify-content:center;min-width:0;margin:0 10px}.title-container .title-text{color:#fff;font-size:16px;white-space:pre;text-overflow:ellipsis;line-height:20px}.top-bar{background-color:#474340;color:#eee;height:55px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:200}.top-bar .logo-grouping{display:flex;align-items:center}.top-bar:not(.with-game-controls) .menu{flex-grow:1}.top-bar .title-container{display:flex;align-items:center}.top-bar.with-game-controls .title-container{flex-grow:1}.top-bar .menu{text-align:right;padding-right:30px;box-sizing:border-box}.top-bar .shmeppy-logo-container{position:relative;z-index:5000;margin:0 10px 0 15px}.top-bar .shmeppy-logo{margin-top:3px;width:30px;height:30px}.top-bar .shmeppy-title{font-weight:700;font-size:20px;letter-spacing:1px;margin-right:3px;margin-top:-4px}.top-bar .shmeppy-title>a{text-decoration:none;color:inherit}.about-page{margin-bottom:100px}.about-page .banner{box-sizing:border-box;display:block;max-width:900px;width:100%;margin:100px auto;padding:0 10px}.about-page .about-content{color:#f5f5f5;line-height:1.3;font-size:18px;max-width:700px;margin:50px auto}.about-page .about-the-team{display:flex;gap:30px}@media (max-width: 600px){.about-page .banner{margin:50px auto}.about-page .about-the-team{flex-direction:column;gap:20px}.about-page .self-portrait{margin:20px auto 0}}.about-page .self-portrait{width:200px}.about-page h1{text-align:center;color:#f5f5f5;margin-top:80px;font-weight:700;font-size:30px}@media (max-width: 750px){.about-page .about-content{margin:30px}.about-page h1{font-size:24px;margin-top:40px}}.privacy-policy-page .privacy-policy-content,.privacy-policy-page .breadcrumbs{color:#fff;margin:40px auto;max-width:800px;line-height:1.5;font-size:18px}@media (max-width: 850px){.privacy-policy-page .privacy-policy-content,.privacy-policy-page .breadcrumbs{margin:30px;font-size:14px}}.terms-of-service-page .terms-of-service-content,.terms-of-service-page .breadcrumbs{color:#fff;margin:40px auto;max-width:800px;line-height:1.5;font-size:18px}@media (max-width: 850px){.terms-of-service-page .terms-of-service-content,.terms-of-service-page .breadcrumbs{margin:30px;font-size:14px}}.form-container{background-color:#474340;border-radius:4px;box-shadow:0 2px 10px #0003;margin:50px auto 60px;width:392px;max-width:100%;padding:40px;box-sizing:border-box;color:#eee}.form-container .form-message{color:#fff;margin:30px -40px -40px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:15px 40px;line-height:1.3}.form-container .form-message a{color:inherit;font-weight:700}.form-container .form-message.error{background-color:#a51d1d}.form-container .form-message.success{background-color:#1da55f}.form-container .form-message.warning{background-color:#c57307}@media (max-width: 450px){.form-container{border-radius:0;margin:0;box-shadow:none;width:100%;padding:30px;border-top:1px solid #333}}.form-title{font-weight:lighter;color:#fff;text-align:center;margin-bottom:10px;font-size:24px}.text-input{display:block;margin-bottom:20px}.text-input .text-label{color:#ddd;text-transform:uppercase;font-size:10px;margin-bottom:6px}.text-input input{font-size:16px;width:100%;height:40px;box-sizing:border-box;border:1px solid rgb(0 0 0 / 30%);background-color:#0000001a;border-radius:3px;color:#fff;padding:0 10px;transition:border-color .1s linear}.text-input input:hover{border-color:#000c}.text-input input:focus{border-color:#b26c27;outline:none}.text-input.disabled .text-label{color:#aaa}.text-input.disabled input{border-color:#777;background-color:#7773;color:#ccc}.error-block{background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;padding:30px 20px;min-height:100px}.error-block .alert{width:40px}.error-block .message{margin-top:10px;font-size:14px;text-align:center}.loading-block{background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;height:100px}.loading-block .spinner{width:40px}.last-payment .payment-info{font-weight:lighter;font-size:14px}.powered-by-stripe{display:block;opacity:.8;width:125px}.payment-input .small-input-tray{display:flex}.payment-input .small-input-tray>*{flex-basis:50%;flex-shrink:1}.payment-input .small-input-tray>*:nth-child(n+2){margin-left:20px}.payment-input .stripe-text-input{display:block;margin-bottom:20px}.payment-input .stripe-text-input .field-label{color:#ddd;text-transform:uppercase;font-size:10px;margin-bottom:6px}.payment-input .stripe-text-input .mount-container{display:flex;align-items:center;width:100%;height:40px;box-sizing:border-box;border:1px solid rgb(0 0 0 / 30%);background-color:#0000001a;border-radius:3px;padding:0 10px;transition:border-color .1s linear}.payment-input .stripe-text-input .mount-container:hover{border-color:#000c}.payment-input .stripe-text-input .mount-container.focused{border-color:#b26c27;outline:none}.payment-input .stripe-text-input .mount-point{flex-grow:1;padding-top:2px}.subscription-editor-not-subscribed .description,.subscription-editor-not-subscribed .upgrade-description{font-weight:lighter;font-size:14px}.subscription-editor-not-subscribed .description{margin:10px 0 5px}.subscription-editor-not-subscribed .upgrade-description{margin:10px 0 20px}.subscription-editor-not-subscribed .upgrade-description.tailing{margin:0 0 15px}.subscription-editor-not-subscribed .cancel-text{font-weight:lighter;font-size:14px;color:#9f9f9f}.subscription-editor-not-subscribed .stripe-badge{margin-top:20px}.subscription-editor-subscribed .description{font-weight:lighter;font-size:14px;margin:10px 0 5px}.subscription-editor-subscribed .change-payment-description{font-weight:lighter;font-size:14px;margin:10px 0 15px}.subscription-editor-subscribed .payment-input{margin-bottom:-19px}.subscription-editor-subscribed .downgrade-blurb{font-weight:lighter;font-size:14px;margin-top:10px;color:#9f9f9f}.subscription-editor-subscribed .stripe-badge{margin-top:20px}.subscription-editor-subscribed-expiring .description,.subscription-editor-subscribed-expiring .upgrade-description{font-weight:lighter;font-size:14px}.subscription-editor-subscribed-expiring .description{margin:10px 0 5px}.subscription-editor-subscribed-expiring .upgrade-description{margin:10px 0 20px}.subscription-editor-subscribed-expiring .upgrade-description.tailing{margin:0 0 15px}.subscription-editor-subscribed-expiring .cancel-text{font-weight:lighter;font-size:14px;color:#9f9f9f}.subscription-editor-subscribed-expiring .stripe-badge{margin-top:20px}.account-form .deletion-text{font-weight:lighter;color:#9f9f9f;margin-top:10px;font-size:14px}.account-form .deletion-text a{color:#5caca3;text-decoration:none}.account-form .deletion-text a:hover{text-decoration:underline}.account-form .form-component{margin-bottom:20px}.account-form .form-component-label{color:#ddd;text-transform:uppercase;font-size:10px;margin-bottom:6px}.account-form .subscription-status,.account-form .payment-status{font-weight:lighter;font-size:14px;margin:8px 0 0;line-height:1.2}.payment-history-table-container{font-weight:lighter;border:1px solid #666;background-color:#403c39;border-radius:4px;box-shadow:0 2px 10px #0003;font-size:14px;overflow-x:auto}.payment-history-table{width:100%;table-layout:fixed;border-collapse:collapse;min-width:800px}.payment-history-table thead tr{font-size:12px;text-align:left;border-bottom:1px solid #666}.payment-history-table th{font-weight:inherit;text-transform:uppercase;letter-spacing:1px}.payment-history-table .title-case{text-transform:capitalize}.payment-history-table tbody tr:nth-child(odd){background-color:#ffffff0d}.payment-history-table th,.payment-history-table td{padding:10px}.payment-history-table thead th:nth-child(1){width:20%}.payment-history-table thead th:nth-child(2){width:40%}.payment-history-table thead th:nth-child(3){width:10%}.payment-history-table thead th:nth-child(4){width:7%}.payment-history-table thead th:nth-child(5){width:15%}.payment-history-table thead th:nth-child(6){width:8%}.payment-history-table time{border-bottom:1px dotted #ccc}.payment-history-page-body{background-color:#474340;margin:0;width:100%;padding:30px;border-top:1px solid #333;box-sizing:border-box;color:#eee}.payment-history-page .breadcrumbs{color:#fff;margin:0 0 25px;line-height:1.5;font-size:18px}.payment-history-page .status-message{display:flex;flex-direction:column;align-items:center;margin:40px 0}.payment-history-page .status-message.error{color:#f69412}.payment-history-page .status-message .icon{width:50px;margin-bottom:10px}.payment-history-page .status-message .text{text-align:center;max-width:300px}.unsubscribe-page .unsubscribe-form p{font-weight:lighter;line-height:1.2}.unsubscribe-page .return-blurb{margin:8px 0 0}.delete-account-form hr{border:none;border-top:1px solid #fff}.delete-account-form img{max-width:100%;margin-top:10px}.delete-account-form .should-anonymize label{display:block}.delete-account-form .should-anonymize label:nth-child(n+1){margin-top:10px}.delete-account-form .fetching{font-style:italic}.delete-account-form .fetching .spinner{margin-bottom:-1px;height:14px}.plus-minus-tray-button{position:relative;display:flex;width:min-content;user-select:none}.plus-minus-tray-button .count{position:absolute;left:-10px;top:-10px;text-align:center;color:#fff;font-size:12px;line-height:16px;vertical-align:middle;border-radius:8px;height:16px;padding:0 6px;background-color:#666}.plus-minus-tray-button .minus,.plus-minus-tray-button .plus{cursor:pointer;margin:0;background:none;white-space:nowrap;height:30px;background-color:#fff;font-size:14px;box-sizing:border-box;padding:0 8px;transition:background-color .1s linear,border-color .1s linear;border-radius:3px;border:1px solid #fff}.plus-minus-tray-button .minus{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.plus-minus-tray-button .plus:not(.alone){border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.plus-minus-tray-button .spacer{background-color:#ccc;width:1px}.plus-minus-tray-button .minus:disabled+.spacer{background-color:#7e7e7e}.plus-minus-tray-button .minus:not(:disabled):hover,.plus-minus-tray-button .plus:not(:disabled):hover{border-color:#d9d9d9;background-color:#d9d9d9}.plus-minus-tray-button .minus:disabled,.plus-minus-tray-button .plus:disabled{cursor:default;color:#000;border-color:#7e7e7e;background:#7e7e7e}.dice-tray-buttons{background-color:#eee;padding:8px;overflow-y:auto;overflow-x:hidden}.dice-tray-buttons .dice-button{margin:2px auto}.dice-tray-roll-button.dice-tray-roll-button{padding:0 10px;height:30px;white-space:nowrap;font-size:12px}.pending-divider{display:flex;align-items:center;gap:8px;margin:0 4px;color:#666;font-size:12px}.pending-divider .spinner-tooltip-container{display:flex;padding:4px}.pending-divider .spinner-tooltip{white-space:normal;width:140px}.pending-divider .spinner{height:12px}.pending-divider .line{flex-grow:1;background-color:currentcolor;height:1px}.editable-text{display:flex;gap:8px;align-items:center}.editable-text.inline,.editable-text.inline .text-input{display:inline}.editable-text.inline .spinner-icon,.editable-text.inline .edit-icon{display:inline-block}.editable-text.inline:not(.empty) .spinner-icon,.editable-text.inline:not(.empty) .edit-icon,.editable-text.inline:focus-within .spinner-icon,.editable-text.inline:focus-within .edit-icon{margin-left:6px}.editable-text .spinner-icon,.editable-text .edit-icon{height:12px;color:#999;flex-shrink:0}.editable-text .edit-icon{transition:color .1s linear;cursor:pointer}.editable-text:hover .edit-icon,.editable-text:focus-within .edit-icon{color:#000}.editable-text .text-input{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;text-decoration-color:#fff;transition:text-decoration-color .1s linear;overflow-wrap:anywhere;margin:0;outline:none}.editable-text .text-input.editable:focus,.editable-text .text-input.editable:hover{text-decoration-color:#000}.roll-reason{font-style:italic}.roll-reason.empty:before,.roll-reason.empty:after{color:#999}.roll-reason.empty:focus-within:before,.roll-reason.empty:focus-within:after{color:#000}.roll-reason:before{content:" ("}.roll-reason:after{content:")"}.roll-result{display:flex;justify-content:space-between;align-items:center;background-color:#eee;border-radius:2px;gap:8px;padding:8px;margin-top:3px}.roll-result .total{display:flex;gap:2px;font-weight:700}.roll-result .total .divider{font-weight:300;color:#888}.dice-tray-log{min-width:200px;overflow-y:scroll;background-color:#fff;contain:size;user-select:text}.dice-tray-log.empty{display:flex;justify-content:center;align-items:center;color:#666}.dice-tray-log>.entry{display:flex;flex-direction:column;margin:8px 4px;box-sizing:border-box}.dice-tray-log>.entry.pending{color:#888}.dice-tray-log>.entry.visibility-gm,.dice-tray-log>.entry.visibility-private{border-left:2px solid var(--dice-tray-visibility-color);padding-left:2px;margin-left:0}.dice-tray-log>.entry.visibility-gm{--dice-tray-visibility-color: #a18a57}.dice-tray-log>.entry.visibility-private{--dice-tray-visibility-color: #616387}.dice-tray-log>.entry .visibility{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--dice-tray-visibility-color);margin-top:2px}.dice-tray-log>.entry .visibility-icon{height:9px}.dice-tray-log>.entry>.header{display:flex;flex-wrap:wrap;align-items:baseline;font-size:14px;gap:0 6px}.dice-tray-log>.entry .author{font-weight:700;display:inline}.dice-tray-log>.entry .timestamp{color:#777;font-size:12px}.dice-tray-log>.entry .pending-spinner{color:#777;height:15px;margin-left:6px}.dice-tray-log>.entry .description{font-size:14px}.dice-tray-log .copy-button-container{display:inline-block}.dice-tray-log .copy-button{display:flex;align-items:center;justify-content:center;background-color:#eee;color:#000;border:none;height:18px;width:18px;padding:0}.dice-tray-log .copy-button:hover{background-color:#ccc;border-color:#ccc}.dice-tray-log .copy-button .copy-icon{width:8px}.roll-reason-input{border:1px solid #007e78;border-radius:3px;transition:border-color .1s linear;box-sizing:border-box;background-color:#fff;flex-grow:1;height:30px;font-size:14px;padding-left:4px;min-width:0}.roll-reason-input::placeholder{color:#888}.roll-reason-input:focus{border-color:#00736d;outline:none}.dice-tray-toggle-button{display:flex;align-items:center;justify-content:center;margin:0;border-radius:4px 4px 0 0;background:#fff;color:#000;cursor:pointer;height:40px;width:40px}.dice-tray-toggle-button.expanded{width:auto;border-bottom:1px solid #ccc}.dice-tray-toggle-button:hover{background-color:#d9d9d9}.dice-tray-toggle-button .dice-icon{height:16px}.visibility-dropdown{--dropdown-height: 28px;position:relative;display:flex;background-color:#fff;height:var(--dropdown-height);font-size:12px;align-items:center;justify-content:space-between;border:1px solid #007e78;border-radius:2px;cursor:pointer;user-select:none;white-space:nowrap}.visibility-dropdown .current-value{margin:0 6px}.visibility-dropdown:hover .toggle-button{background-color:#00736d;border-color:#00736d}.visibility-dropdown .toggle-button{height:var(--dropdown-height);width:calc(var(--dropdown-height) - 8px);border-radius:0;border:none;border-left:1px solid #007e78;padding:0}.visibility-dropdown.expanded .toggle-button{z-index:2;color:#000;background:#fff;border-bottom-right-radius:2px}.visibility-dropdown .toggle-button .expand-icon{height:12px;width:12px;transform:rotate(0);transition:transform .2s ease-out}.visibility-dropdown.expanded .toggle-button .expand-icon{transform:rotate(180deg)}.visibility-dropdown .sub-menu{z-index:1;display:none;flex-direction:column;position:absolute;right:-1px;bottom:calc(var(--dropdown-height) - 1px);background-color:#fff;border:1px solid #007e78;box-sizing:border-box;box-shadow:2px 2px 2px #0003}.visibility-dropdown.expanded .sub-menu{display:flex}.visibility-dropdown .option{background-color:transparent;border:none;text-align:left;padding:6px 10px;font-size:inherit}.visibility-dropdown .option:hover{background-color:#eee;cursor:pointer}.visibility-dropdown.expanded .explainer-tooltip{display:none}.dice-tray{color:#000;pointer-events:auto;box-shadow:2px 2px 2px #0003}.dice-tray.expanded{display:grid;grid-template:"a a" max-content "b c" 1fr "d d" max-content / max-content 1fr;width:100%;max-width:300px;max-height:100%}.dice-tray.expanded.extra-wide{max-width:none}.dice-tray>.dice-tray-toggle-button{grid-area:a}.dice-tray>.dice-tray-log{grid-area:c}.dice-tray>.dice-tray-buttons{grid-area:b}.dice-tray>.roll-button-area{grid-area:d;display:flex;background-color:#fff;align-items:center;padding:4px;border-top:1px solid #ccc;gap:2px}.dice-tray>.drawer{display:flex;gap:10px;align-items:flex-end}.dice-tray .dice-tray-log{flex-grow:1}.laser-trails{position:absolute;left:0;top:0;pointer-events:none}.in-game-popup{box-sizing:border-box;width:min-content;position:absolute;background-color:#fff;text-align:center;font-size:12px;padding:10px;border-radius:3px;filter:drop-shadow(2px 2px 2px rgb(0 0 0 / 20%))}.in-game-popup:after{position:absolute;display:block;content:" ";padding:0;width:0;height:0}.in-game-popup.orientation-top{margin-top:calc(-.5 * var(--arrow-width))}.in-game-popup.orientation-top:after{top:100%;left:calc(50% - var(--arrow-width) / 2);border-left:calc(var(--arrow-width) / 2) solid transparent;border-right:calc(var(--arrow-width) / 2) solid transparent;border-top:calc(var(--arrow-width) / 2) solid #fff}.in-game-popup.orientation-bottom{margin-top:calc(.5 * var(--arrow-width))}.in-game-popup.orientation-bottom:after{top:calc(-.5 * var(--arrow-width));left:calc(50% - var(--arrow-width) / 2);border-left:calc(var(--arrow-width) / 2) solid transparent;border-right:calc(var(--arrow-width) / 2) solid transparent;border-bottom:calc(var(--arrow-width) / 2) solid #fff}.in-game-popup.orientation-right{margin-left:calc(.5 * var(--arrow-width))}.in-game-popup.orientation-right:after{top:calc(50% - .5 * var(--arrow-width));left:calc(-.5 * var(--arrow-width));border-right:calc(var(--arrow-width) / 2) solid #fff;border-top:calc(var(--arrow-width) / 2) solid transparent;border-bottom:calc(var(--arrow-width) / 2) solid transparent}.in-game-popup.orientation-left{margin-left:calc(-.5 * var(--arrow-width))}.in-game-popup.orientation-left:after{top:calc(50% - .5 * var(--arrow-width));left:100%;border-left:calc(var(--arrow-width) / 2) solid #fff;border-top:calc(var(--arrow-width) / 2) solid transparent;border-bottom:calc(var(--arrow-width) / 2) solid transparent}.creation-status{display:flex;flex-direction:column;background-color:#00000014;margin-bottom:10px;text-align:left;row-gap:8px;padding:8px}.creation-status .row{display:flex;align-items:center;column-gap:4px}.creation-status .sub-line{font-weight:lighter;text-align:center}.creation-status .icon{height:16px;display:block}.creation-status .icon.waiting{color:#333}.creation-status .icon.success{color:#1da55f}.creation-status .icon.error{color:#a51d1d}.multiplier-button{padding:5px 10px;font-size:12px}.resize-controls{display:flex;flex-direction:column;align-items:flex-end}.resize-controls .field{margin-bottom:5px}.resize-controls .multiplier-tray{display:flex;width:100%;margin-top:4px}.resize-controls .multiplier-tray .button{flex-grow:1;flex-basis:40%}.resize-controls .multiplier-tray .button:nth-child(1){margin-right:5px}.resize-controls .multiplier-tray .button:nth-child(2){margin-left:5px}.background-image-properties .hint{margin-top:6px;font-size:10px;font-style:italic;color:#777}.editable-label{font:14px/20px sans-serif;position:absolute;background:none;border:none;color:#fff;box-sizing:border-box;padding:0;margin:0;text-align:center;outline:none;resize:none;overflow:hidden}.editable-label.gm-label{font-style:italic;color:#000}.token-lost-warning{width:200px;pointer-events:none;transition:opacity .1s linear;opacity:1}.token-lost-warning.hidden{opacity:0}.color-reset-button-tooltip-container{display:flex}.color-reset-button-tooltip-container button{flex-grow:1}.token-hidden-checkbox{display:flex;user-select:none;align-items:center;margin:0 auto;gap:4px;cursor:default;width:max-content;font-size:11px}.token-hidden-checkbox .toggle{aspect-ratio:1 / 1;padding:3px;background-color:transparent;border-width:2px;margin:0;cursor:default;border-color:#007e78!important}.token-hidden-checkbox .toggle.checked{background-color:#007e78}.token-hidden-checkbox .check-icon{height:9px;visibility:hidden}.token-hidden-checkbox .toggle.checked .check-icon{visibility:visible}.token-shape-dropdown{--dropdown-height: 22px;position:relative;display:flex;background-color:#fff;height:var(--dropdown-height);font-size:11px;align-items:center;justify-content:space-between;border:1px solid #007e78;border-radius:2px;cursor:pointer;user-select:none;white-space:nowrap}.token-shape-dropdown .current-value{margin:0 6px}.token-shape-dropdown:hover .toggle-button{background-color:#00736d;border-color:#00736d}.token-shape-dropdown .toggle-button{height:var(--dropdown-height);width:var(--dropdown-height);border-radius:0;border:none;border-left:1px solid #007e78;padding:0}.token-shape-dropdown.expanded .toggle-button{z-index:2;color:#000;background:#fff;border-top-right-radius:2px}.token-shape-dropdown .toggle-button .expand-icon{height:12px;transform:rotate(0);transition:transform .2s ease-out}.token-shape-dropdown.expanded .toggle-button .expand-icon{transform:rotate(180deg)}.token-shape-dropdown .sub-menu{z-index:1;display:none;flex-direction:column;position:absolute;right:-1px;top:calc(var(--dropdown-height) - 1px);background-color:#fff;border:1px solid #007e78;box-sizing:border-box;box-shadow:2px 2px 2px #0003}.token-shape-dropdown.expanded .sub-menu{display:flex}.token-shape-dropdown .option{background-color:transparent;border:none;text-align:left;padding:6px 10px;font-size:inherit}.token-shape-dropdown .option:hover{background-color:#eee;cursor:pointer}.token-properties{display:flex;flex-direction:column;gap:4px}.token-properties .token-image-button{white-space:nowrap;padding:5px 10px;margin:0}.token-properties .token-upload-status{min-width:140px}.impromptu-map{position:relative;contain:strict}.impromptu-map-canvas{display:block}.abort-and-retry-widget{text-align:center;padding:15px;font-size:12px;background:#fff;line-height:1.3;display:flex;flex-direction:column;gap:8px}.abort-and-retry-widget .cancel-container{display:flex}.abort-and-retry-widget .cancel-tooltip-contents{width:var(--network-box-max-width);white-space:normal;box-sizing:border-box}.abort-and-retry-widget button{flex-grow:1;padding-top:6px;padding-bottom:6px}.abort-and-retry-widget .subline{font-weight:lighter;font-size:10px}.connection-status{display:flex;align-items:center;padding:12px 16px}.connection-status.connection-status-expanded{padding:12px 16px 12px 0}.connection-status.connection-status-expanded .connection-status-icon-container{width:var(--left-column-width);display:flex;align-items:center;justify-content:center;flex-shrink:0}.connection-status-local-error-tooltip-container .connection-status-local-error-tooltip{width:calc(var(--network-box-max-width) - 10px);white-space:normal;box-sizing:border-box}.connection-status-local-error-tooltip-container .connection-status-local-error-tooltip .refresh-action{margin-top:5px;font-weight:lighter;font-size:10px}.connection-status .connection-status-icon{height:16px;display:block}.connection-status .connection-status-label{font-size:12px}.connection-status .connection-status-sub-line{font-size:80%;opacity:.7}@keyframes connection-status-attention{0%{color:inherit}to{color:#bb5b06}}.connection-status.connection-status-attention .connection-status-icon-container,.connection-status.connection-status-attention .connection-status-label-main-line{animation-duration:.75s;animation-name:connection-status-attention;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease}.connection-status.connection-status-extreme-attention{animation:connection-status-extreme-attention-jump 4s ease-out infinite;contain:layout}.connection-status.connection-status-extreme-attention:after,.connection-status.connection-status-extreme-attention:before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;contain:size}.connection-status.connection-status-extreme-attention:after{animation:connection-status-extreme-attention-shockwave 4s .65s ease-out infinite}.connection-status.connection-status-extreme-attention:before{animation:connection-status-extreme-attention-shockwave 4s .5s ease-out infinite}@keyframes connection-status-extreme-attention-jump{0%{transform:scale(1)}10%{transform:scale(1.08)}12.5%{transform:scale(.98)}13.75%{transform:scale(1.02)}15%{transform:scale(.98)}25%{transform:scale(1)}to{transform:scale(1)}}@keyframes connection-status-extreme-attention-shockwave{0%{transform:scale(1);box-shadow:0 0 2px #00000040,inset 0 0 1px #ffffff40}23.75%{box-shadow:0 0 50px #0000,inset 0 0 30px #fff0}25%{transform:scale(2.25)}to{transform:scale(2.25)}}.invite-tutorial{text-align:center;padding:20px;font-size:12px;background:#fff}.invite-tutorial input{font-style:normal;display:block;margin-top:12px;width:100%;border:1px solid rgb(0 0 0 / 20%);border-radius:2px;padding:3px;background-color:#f1f1f1;box-sizing:border-box;font-size:inherit}.network-box-header{outline:none;cursor:pointer;display:flex;background:#fff;color:#000;font-family:inherit;border:none;border-top-left-radius:3px;border-top-right-radius:3px;justify-content:space-between;align-items:center}.network-box-header:hover{background-color:#d9d9d9}.network-box-header .network-box-header-cell{border-left:1px solid #ccc}.network-box-header .network-box-header-cell:first-child{border-left:none}.network-box-header .minimize-icon{width:12px;margin-right:10px;color:#555}.network-box-stack{display:flex;flex-direction:column}.network-box-stack .network-box-stack-cell{border-top:1px solid #ccc}.network-box-stack .network-box-stack-cell:first-child{border-top:none}.peer-count{display:flex;margin:12px 16px 12px 0;align-items:center}.peer-count.collapsed{margin:12px 16px}.peer-count .peer-count-label{font-size:12px;margin-bottom:-1px}.peer-count .peer-count-icon-container{display:flex;justify-content:center;align-items:center;width:var(--left-column-width);flex-shrink:0}.peer-count.collapsed .peer-count-icon-container{width:auto;margin-right:12px}.peer-count .peer-count-icon{display:block;height:15px}.peer-dropdown{display:block;margin-left:8px;opacity:.7}.peer-dropdown.expanded,.peer-dropdown.loading,.peer-dropdown:hover{opacity:1}.peer-dropdown .toggle-button{position:relative;width:14px;height:14px;padding:0}.peer-dropdown .toggle-button:focus{border-color:#007e78}.peer-dropdown.expanded .toggle-button{z-index:2;color:#000;background:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-color:#007e78;border-bottom:none}.peer-dropdown .loading-icon{height:8px;color:#fff}.peer-dropdown .expand-icon{height:10px;transform:rotate(0);transition:transform .2s ease-out}.peer-dropdown.expanded .expand-icon{transform:rotate(180deg)}.peer-dropdown .sub-menu{display:flex;position:absolute;flex-direction:column;right:0;top:26px;z-index:1;border:1px solid #007e78;background:#fff;opacity:0;box-shadow:2px 2px 2px #0003;color:#000}.peer-dropdown.expanded .sub-menu{opacity:1}.peer-dropdown .sub-menu button{display:none;text-align:left;border:none;padding:3px 5px;background:#fff;cursor:pointer;min-width:100px;font-size:11px}.peer-dropdown .sub-menu button:hover,.peer-dropdown .sub-menu button:focus{background-color:#eee}.peer-dropdown.expanded .sub-menu button{display:flex;animation-duration:.2s;animation-name:game-item-menu-fade-in;animation-iteration-count:1;animation-timing-function:ease-out}.peer-tooltip-container .tooltip{position:absolute;background-color:#fff;font-weight:400;border-radius:3px;filter:drop-shadow(2px 2px 2px rgb(0 0 0 / 20%));transform:translate(-50%) translateY(10px);white-space:nowrap;padding:10px;font-size:12px;pointer-events:none;user-select:none;opacity:0;transition:opacity .1s ease-in;color:#000;z-index:100}.peer-tooltip-container:hover .tooltip{opacity:1}.peer-tooltip-container .tooltip:after{content:" ";position:absolute;top:-10px;left:50%;margin-left:-10px;border-width:0 10px 10px 10px;border-style:solid;border-color:transparent transparent #fff transparent}.peer-status{cursor:default}.peer-status .peer-icon{width:12px;flex-shrink:0}.peer-status .owner-circle{--width: 20px;border:1px dotted currentcolor;width:var(--width);height:var(--width);border-radius:calc(var(--width) / 2);box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-shrink:0}.peer-list{background:#fff;max-height:200px;overflow-y:auto}.peer-list .peer-list-item{display:flex;font-size:12px;margin:16px 16px 16px 0}.peer-list .peer-list-item.disconnected{color:#888}.peer-list .peer-list-item-name{text-overflow:ellipsis;overflow-x:hidden}.peer-list .peer-list-item-icon-container{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--left-column-width);flex-shrink:0}.read-only-warning{text-align:center;padding:20px;font-size:12px;background:#fff;line-height:1.3}.read-only-warning .darker-link{filter:brightness(80%)}.upgrade-available-warning{display:flex;align-items:center;padding:12px 16px}.upgrade-available-warning.expanded{background-color:#fff;padding:12px 0}.upgrade-available-warning .icon-container{display:flex;justify-content:center;align-items:center;width:var(--left-column-width);flex-shrink:0}.upgrade-available-warning .icon{height:16px;animation-duration:10s;animation-name:upgrade-available-attention;animation-iteration-count:infinite;animation-direction:normal;animation-timing-function:linear;animation-delay:10s}.upgrade-available-warning .text{font-size:12px}.upgrade-available-warning .subtext{font-size:10px}@keyframes upgrade-available-attention{1%,9%{transform:translateY(-1px)}2%,8%{transform:translateY(2px)}3%,5%,7%{transform:translateY(-4px)}4%,6%{transform:translateY(4px)}}.network-box,.shmeppy-storybook{--left-column-width: 45px;--network-box-max-width: 210px}.network-box{max-width:var(--network-box-max-width);user-select:none;flex-shrink:0;margin:0 10px;pointer-events:auto;box-shadow:2px 2px 2px #0003}.network-box.expanded{min-width:190px;flex-shrink:1}body{--toolbox-button-base-hover-color: #d9d9d9}.toolbox-button-base{--hover-color: var(--toolbox-button-base-hover-color);--label-margin: 10px;user-select:none;box-shadow:2px 2px 2px #0003;background:#fff;align-items:center;border:none;box-sizing:border-box;display:flex;outline:none;padding:0 18px 0 12px;pointer-events:auto}.toolbox-button-base .label{vertical-align:middle;white-space:nowrap;font-size:11px}.toolbox-button{position:relative;display:flex;flex-direction:row;flex-shrink:1;min-height:9px;flex-basis:38px}.toolbox-button.action:not(.collapsed){border-top-left-radius:100vh;border-bottom-left-radius:100vh}.toolbox-button.first:not(.action){border-top-left-radius:3px;border-top-right-radius:3px}.toolbox-button:not(.action):last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.toolbox-button .select-tool{border-radius:inherit;margin:0;flex-grow:1}.toolbox-button .select-tool:not(:disabled):active{color:inherit}.toolbox-button.collapsed .select-tool{padding:0 12px}.toolbox-button.action{margin-bottom:5px;flex-basis:34px}.toolbox-button.action.collapsed{width:min-content}.toolbox-button.action .select-tool{border-radius:100vh}.toolbox-button.has-checkbox .select-tool{border-bottom-right-radius:0;border-top-right-radius:0}.toolbox-button:not(.action) .select-tool{transition:color .1s linear}.toolbox-button .select-tool:not(:disabled){cursor:pointer}.toolbox-button .select-tool.selected,.toolbox-button .select-tool.selected:active{color:#007e78}.toolbox-button .select-tool:focus{outline:none}.toolbox-button:not(.no-hover):not(.force-layer-select-hover) .select-tool:hover:not(:disabled),.toolbox-button.force-tool-hover .select-tool:not(:disabled){background-color:var(--toolbox-button-base-hover-color)}.toolbox-button .select-tool svg{width:11px}.toolbox-button .select-tool .label{margin-left:var(--label-margin)}.toolbox-button .toolbar-help-text{visibility:hidden}.toolbox-button.has-help-text:hover:not(.collapsed):not(.no-hover),.toolbox-button.has-help-text.force-tool-hover:not(.collapsed),.toolbox-button.force-layer-select-hover:not(.collapsed){background-color:var(--toolbox-button-base-hover-color)}.toolbox-button.has-help-text:hover:not(.collapsed):not(.action):not(.no-hover):not(.force-layer-select-hover) .select-tool,.toolbox-button.has-help-text.force-tool-hover:not(.collapsed):not(.action) .select-tool{border-top-right-radius:0;border-bottom-right-radius:0}.toolbox-button:hover:not(.collapsed):not(.no-hover):not(.force-layer-select-hover) .select-tool,.toolbox-button.force-tool-hover:not(.collapsed) .select-tool{box-shadow:none}.toolbox-button:hover:not(.collapsed):not(.no-hover):after,.toolbox-button.force-tool-hover:not(.collapsed):after,.toolbox-button.force-layer-select-hover:not(.collapsed):after{content:"";display:block;position:absolute;inset:0;box-shadow:2px 2px 2px #0003;box-sizing:border-box;border-radius:3px;z-index:-1}.toolbox-button.action:hover:not(.collapsed):not(.no-hover):after,.toolbox-button.action.force-tool-hover:not(.collapsed):after{border-radius:100vh}.toolbox-button:not(.collapsed):not(.no-hover):not(.force-layer-select-hover) .select-tool:hover .toolbar-help-text,.toolbox-button.force-tool-hover:not(.collapsed) .select-tool .toolbar-help-text{visibility:visible}.toolbox-button .layer-select{display:flex;justify-content:center;align-items:center;box-sizing:border-box;height:100%;border:none;background-color:#fff;margin-left:0;border-left:1px solid #ccc;width:40px;padding:0;flex-grow:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;pointer-events:auto;outline:none}.toolbox-button .layer-select:active{color:inherit}.toolbox-button .layer-select:not(:disabled){cursor:pointer}.toolbox-button .layer-select .checkbox-icon{height:15px}.toolbox-button:not(.no-hover):not(.force-tool-hover) .layer-select:hover:not(:disabled),.toolbox-button.force-layer-select-hover .layer-select:not(:disabled){background-color:var(--toolbox-button-base-hover-color)}.toolbox-button:not(.collapsed):not(.no-hover):not(.force-tool-hover) .layer-select:hover .toolbar-help-text,.toolbox-button.force-layer-select-hover:not(.collapsed) .layer-select .toolbar-help-text{visibility:visible}.toolbar-help-text{text-align:left;z-index:100;position:absolute;background-color:#d9d9d9;color:#000;left:100%;width:calc(20em + 30px);font-size:14px;padding:0 15px;pointer-events:none;box-shadow:2px 2px 2px #0003;box-sizing:border-box}.toolbar-help-text .key-binding{font-weight:700}.toolbar-help-text .hotkey-description{opacity:.7}.toolbar-help-text h1{font-size:14px;text-align:center}.tool-selector{display:flex;flex-direction:column;position:relative;width:min-content;min-height:0;justify-content:flex-end;pointer-events:auto}.tool-selector>*{pointer-events:auto}.tool-selector .tool-separator{margin:0;padding:0;border:none;border-top:1px solid #ccc}.lightness-saturation-graph{position:relative;width:100%;cursor:pointer;height:200px;min-height:5px;display:flex;flex-direction:column;flex-shrink:1}.lightness-saturation-graph .bubble{--bubble-height: 20px;height:var(--bubble-height);width:var(--bubble-height);margin-left:calc(-1 * var(--bubble-height) / 2);margin-top:calc(-1 * var(--bubble-height) / 2);position:absolute;border-radius:calc(var(--bubble-height) / 2);box-sizing:border-box;border:2px solid white;z-index:1}.lightness-saturation-graph>canvas{width:100%;height:100%;contain:size}.small-round-button{display:flex;align-items:center;justify-content:center;outline:none;background-color:#007e78;width:30px;height:30px;border:1px solid #fff;border-radius:50%;box-sizing:border-box;cursor:pointer;transition:background-color .1s linear,border-color .1s linear,opacity .1s linear;user-select:none}.small-round-button:hover{background-color:#00736d;border-color:#ddd;opacity:1!important}.small-round-button>*{width:15px;color:#fff}body.eyedropper-cursor *{cursor:inherit!important}.hex-editor{flex-grow:1;display:flex;align-items:center;justify-content:center}.hex-editor .color-padding{display:flex;align-items:center;padding:8px 14px;border-radius:2px}.hex-editor svg{height:14px;padding-right:10px;opacity:.2;transition:opacity .1s linear;cursor:pointer;flex-shrink:0}.hex-editor:focus-within svg{opacity:.8}.hex-editor:hover svg{opacity:.8}.hex-editor .hex-editor-text-container{position:relative;white-space:pre}.hex-editor .hidden-color{visibility:hidden;pointer-events:none;text-overflow:inherit;max-width:300px;display:inline-block;padding:1px}.hex-editor input{display:inline-block;color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;text-overflow:inherit;line-height:inherit;border:none;background:none;padding:1px;position:absolute;left:0;top:0;width:100%;height:100%;border-bottom:1px dotted rgb(0 0 0 / 0%);margin-bottom:-1px;transition:border-bottom-color .1s linear;border-radius:0}.hex-editor input:focus{text-overflow:clip;outline:none}.hex-editor input:hover,.hex-editor input:focus{border-bottom-color:currentcolor}.palette-selector-footer{display:flex;align-items:center;font-weight:700;text-align:center;padding:15px 0;border-radius:0 0 3px 3px;position:relative}.palette-selector-footer.dark{color:#fff}.palette-selector-footer>*{margin-right:8px}.palette-selector-footer>*:first-child{margin-right:0}.palette-selector-footer .apply-color-icon{height:14px;flex-shrink:0}.palette-slider{position:relative;width:100%;cursor:pointer;padding:15px 0;height:var(--bar-height);background-color:#fff}.palette-slider .bubble{--bubble-height: 20px;top:18px;height:var(--bubble-height);width:var(--bubble-height);margin-left:calc(-1 * var(--bubble-height) / 2);margin-top:calc(-1 * var(--bubble-height) / 2);position:absolute;border-radius:calc(var(--bubble-height) / 2);box-sizing:border-box;border:2px solid white}.palette-slider .bar{display:block;width:100%;height:var(--bar-height)}.palette-slider.hue-slider{border-radius:3px 3px 0 0}.palette-slider.hue-slider:not(.only-slider){padding-bottom:8px}.palette-slider.alpha-slider{padding-top:8px}.palette-slider.alpha-slider .bubble{top:12px}.palette-list{margin:8px 0 0;display:flex;align-items:center;flex-wrap:wrap;--palette-slot-button-height: clamp(20px, 4.8vh, 30px) ;--palette-slot-button-selected-height: calc( var(--palette-slot-button-height) + 10px );row-gap:calc(8px - (var(--palette-slot-button-selected-height) - var(--palette-slot-button-height)) / 2)}.palette-list.edit-mode{margin-top:4px}.palette-list .palette-choice-container{display:flex;height:var(--palette-slot-button-selected-height);flex-direction:column;justify-content:center;margin:0 4px 0 0}.palette-list .palette-choice{cursor:pointer;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;width:var(--palette-slot-button-height);height:var(--palette-slot-button-height);border:none;border-radius:3px;transition:height .1s linear,opacity .1s linear;box-shadow:2px 2px 2px #0003;padding:0;position:relative;flex-shrink:0;pointer-events:auto}.palette-list .palette-choice.alt-toggle{padding:4px;justify-content:center;align-items:center;color:#000;border:1px dotted #000;font-size:clamp(9px,2.2vh,15px)}.palette-list .palette-choice.alt-toggle.dark{color:#fff;border:1px dotted #fff}.palette-list .palette-choice .hotkey-hint{display:block;text-align:right;color:#000c;margin-right:3px;font-size:12px;user-select:none}.palette-list .palette-choice.dark .hotkey-hint{color:#fff}.palette-list.edit-mode .palette-choice{transition:opacity .1s linear}.palette-list .palette-choice:focus{outline:none}.palette-list:not(.dragging) .palette-choice.with-hover-style:hover{opacity:.8}.palette-list:not(.dragging) .palette-choice.with-hover-style.selected:hover{opacity:1}.palette-list.dragging .palette-choice.drag-placeholder{opacity:0}.palette-list .palette-choice.selected{height:var(--palette-slot-button-selected-height)}.palette-list.edit-mode .palette-choice.selected.may-be-tall{height:calc(var(--palette-slot-button-selected-height) + 20px);margin-top:calc(var(--palette-slot-button-height) - var(--palette-slot-button-selected-height) - 10px)}.palette-list .palette-choice.edit-palette-button{display:flex;justify-content:center;align-items:center;background:#333;padding:0;border:solid 1px #eee;color:#eee}.palette-list .palette-choice.edit-palette-button svg{height:12px}.palette-list .palette-choice.new-slot-button{display:flex;justify-content:center;align-items:center;background:#333;padding:0;border:solid 1px #eee;color:#eee}.palette-list .palette-choice.new-slot-button svg{height:12px}.color-editor{display:flex;flex-direction:column;position:relative;z-index:10;border-radius:3px;width:320px;margin:8px 0 0;pointer-events:auto;min-height:0}.color-editor .swatch-row{height:20px;line-height:20px;margin-bottom:3px}.color-editor .color-swatch{width:20px;height:20px;padding:0;border:none;outline:none;box-sizing:border-box;margin-right:3px}.grid-snapping-off-icon{width:9px;height:8px;border-radius:2px;border:1px solid #555;border-style:dotted;margin-top:1px}.mobile-footer{display:flex;flex-direction:column;z-index:100;pointer-events:none;flex-grow:1}.mobile-footer>div>*{pointer-events:auto}.mobile-footer .action-button-tray{display:flex;flex-direction:column;margin-left:10px;width:min-content}.mobile-footer .button-tray{display:flex;flex-direction:row}.mobile-footer .message{font-style:italic}.mobile-footer .button-tray button{--height: 40px;cursor:pointer;height:var(--height);border:none;border-top-left-radius:3px;border-top-right-radius:3px;background-color:#fff;color:#000;display:flex;justify-content:center;align-items:center;box-shadow:2px 2px 2px #0003;padding:0;box-sizing:border-box}.mobile-footer .button-tray .toggle-hidden{margin-left:10px}.mobile-footer .button-tray .toggle-hidden,.mobile-footer .button-tray .toggle-interface{margin-right:10px;width:var(--height);flex-shrink:0}.mobile-footer .button-tray .toggle-interface.expanded{width:auto;padding:0 12px;font-size:12px}.mobile-footer .button-tray .toggle-interface.expanded .icon{margin-right:7px}.mobile-footer .icon{display:block;height:16px}.mobile-footer .tutorial-content{background-color:#fff;padding:20px 10px;z-index:1;position:relative;width:100vw;box-sizing:border-box}.mobile-footer .tutorial-content.hidden{display:none}button,*[role=button]{user-select:none}.performance-monitor{display:grid;width:max-content;grid-template-columns:min-content repeat(8,max-content);column-gap:12px;background-color:#fff;font-size:12px;font-family:monospace;margin-bottom:10px;padding:4px;white-space:nowrap;opacity:.6;user-select:none;row-gap:3px}.performance-monitor.absolutely-positioned{position:absolute;top:10px;left:10px}.performance-monitor .unit{margin-left:-10px;color:#888}.performance-monitor .value{background-color:#ddd;min-width:5ch}.rotate-button{border-radius:100vh;padding-right:0;height:34px;cursor:default}.rotate-button.collapsed{padding-left:0}.rotate-button .sub-button{display:flex;align-items:center;justify-content:center;border:none;background:none;height:34px;width:24px;cursor:pointer;padding:0}.rotate-button.collapsed .sub-button{width:34px}.rotate-button.collapsed .sub-button.left{border-top-left-radius:100vh;border-bottom-left-radius:100vh}.rotate-button .sub-button.right{border-top-right-radius:100vh;border-bottom-right-radius:100vh}.rotate-button .sub-button:hover{background-color:var(--hover-color)}.rotate-button .icon{width:11px}.rotate-button .label{margin-right:calc(var(--label-margin) - 6px)}.tool-action-buttons{display:flex;justify-content:center;align-items:flex-end;flex-flow:row wrap;align-self:end;gap:2px 6px}.tool-action-buttons .hotkey{opacity:.7}.tool-action-buttons .toolbox-button{height:34px;margin-bottom:0}.toolbox{padding:10px 5px 10px 10px;touch-action:none;display:grid;max-height:100%;box-sizing:border-box;justify-content:flex-end;grid-template:"a a" max-content "b c" 1fr "d d" max-content / max-content 1fr;flex-grow:1}.performance-monitor{grid-area:a}.tool-selector{grid-area:b}.tool-action-buttons{grid-area:c}.palette-list{grid-area:d}.color-editor{grid-area:b}.zoom-warning{position:absolute;background-color:#f7f7f7;padding:8px;border-radius:3px;z-index:1000;box-shadow:-2px 2px 2px #0003}body.game-page{overflow:hidden}body.game-page .controls-overlay{position:absolute;z-index:100;display:flex;align-items:flex-end;pointer-events:none;user-select:none}body.game-page .right-bar{display:flex;flex-direction:column;align-items:flex-end}.page-status-container{display:flex;justify-content:center;align-items:center;color:#eee;height:calc(100vh - 55px)}.page-status-inner{display:flex;box-sizing:border-box;flex-basis:680px;background-color:#ffffff0d;border-radius:4px;padding:40px;align-items:center;margin:0 20px}@media (max-width: 500px){.page-status-inner{flex-direction:column;border-radius:0;box-shadow:none;width:100%;padding:20px;margin:10px;border-top:1px solid #333;gap:30px}}.page-error-status{gap:40px}.page-error-status>.error-logo{width:140px}.page-error-status>.error-text{display:flex;flex-direction:column;justify-content:center;color:#eee;gap:5px;font-size:16px}.page-error-status>.error-text>.support-direction{margin-top:5px;font-weight:lighter;font-size:12px;opacity:.8}.page-error-status>.error-text>.error-heading{font-size:24px}.page-error-status>.error-text>.button-tray{margin-top:5px}.page-error-status>.error-text>.button-tray>button{font-size:14px;padding:5px 18px}@media (max-width: 500px){.page-error-status{gap:30px}}.page-loading-status{flex-direction:column;gap:8px}.page-loading-status>.loading-heading{font-size:24px;margin-bottom:20px}.page-loading-status>.loading-cancel-and-retry{margin-top:20px;display:flex;gap:15px;align-items:center}.page-loading-status>.loading-cancel-and-retry .warning-logo{width:100px}.page-loading-status>.loading-cancel-and-retry .warning-body{display:flex;flex-direction:column;font-size:14px;line-height:1.3;gap:8px}.page-loading-status>.loading-cancel-and-retry .cancel-container{width:min-content}.page-loading-status>.loading-cancel-and-retry .cancel-button{padding:6px 12px;font-size:14px;white-space:nowrap}.page-loading-status>.loading-cancel-and-retry .subline{font-weight:lighter;font-size:12px;opacity:.8}.page-loading-status .shmeppy-progress-bar{align-self:stretch;max-width:none}.magnitudes-table{color:#fff}.results-record-table{color:#fff;width:100%;overflow-x:scroll}.results-record-table table{border-collapse:collapse}.results-record-table td{border:1px solid #ccc;padding:4px}.results-record-table td.wrong{background-color:#c00}.tray .small-tray{display:flex;flex-direction:row;width:100%}.tray .tray-item{flex-shrink:1}.tray .tray-item-content>*{width:100%;display:block}.tray .tray-item .title{color:#fff}.tray .highlighted,.tray .highlighted-content,.tray .highlighted-content>*{width:100%}.grid-detector-tester-page .image-nav{display:flex;justify-content:space-between;color:#fff}.grid-detector-tester-page .updater{padding:15px;color:#fff}.grid-detector-tester-page button{color:#000}.login-container .form-subtitle{font-weight:lighter;color:#9f9f9f;text-align:center;margin-bottom:20px;font-size:14px;padding:0 10px}.login-container .forgot-password-text{font-weight:lighter;font-size:14px;margin-top:-10px;margin-bottom:15px}.login-container .register-text{font-weight:lighter;color:#9f9f9f;margin-top:10px;font-size:14px}.login-container .register-text a{color:#5caca3;text-decoration:none}.login-container .register-text a:hover{text-decoration:underline}.login-container a{font-weight:400}.debug-settings-page .checkbox-container{display:flex;align-items:center;column-gap:8px;background-color:#00000026;padding:15px 10px;border-radius:3px;user-select:none}.new-game-loader{color:#eee;position:absolute;width:100%;text-align:center;padding:20px;box-sizing:border-box}.browser-bar{display:flex;width:100%;height:30px;background-color:#d3d3d3;align-items:center;padding:0 10px;box-sizing:border-box}.browser-bar .browser-bar-button{width:10px;height:10px;border-radius:5px;margin-right:5px;flex-shrink:0}.browser-bar .browser-bar-button.red{background-color:#f46f48}.browser-bar .browser-bar-button.yellow{background-color:#edaa2d}.browser-bar .browser-bar-button.green{background-color:#7cc439;margin-right:10px}.browser-bar .browser-bar-address{background-color:#f6f6f6;flex-grow:1;height:15px;font-size:8px;line-height:15px;vertical-align:15px;padding-left:5px;color:#0000007f;box-sizing:border-box;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-table-container{position:relative;z-index:0}.price-table-container .shmeppy-logo-behind{position:absolute;width:100px;height:100px;z-index:1;bottom:100%;left:50%;transform:translate(-50%,60%);transition:transform .2s ease-in-out}.price-table-container:hover .shmeppy-logo-behind{transform:translate(-50%,30%)}.price-table{position:relative;z-index:2;border-radius:4px;background-color:#fff;color:#000}.price-table>*{padding:15px 22px}.price-table .heading{text-align:center;border-bottom:1px solid var(--blurb-bg-color)}.price-table .points{display:flex;flex-direction:column;gap:8px}.price-table .points .point{display:flex;align-items:center;gap:8px}.price-table .points .point .check-icon{color:#1da55f;height:12px}.masonry{display:flex;flex-direction:row;justify-content:center;align-content:stretch;box-sizing:border-box;gap:10px;width:100%}.masonry .column{display:flex;flex-direction:column;justify-content:flex-start;align-content:stretch;width:0;flex:1;gap:10px}.showcase{position:relative;width:100%}.showcase .toggle-expanded{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:14px;font-weight:700;padding:8px 15px;opacity:.8}.showcase .collapsible.collapsed{height:60vh;overflow-y:hidden;mask:linear-gradient(to bottom,#000 0%,#000 80%,#fff0 100%) 100% 50% / 100% 100% repeat-x}.showcase .showcase-image{display:flex;height:min-content;position:relative;z-index:0}.showcase .showcase-image img{width:100%;border-radius:8px}.showcase .showcase-image .attribution{display:flex;align-items:center;gap:6px;position:absolute;bottom:4px;left:4px;padding:4px;background-color:#5d67f1;color:#fff;border-radius:3px;font-size:12px;z-index:1}.showcase .showcase-image .attribution .discord-logo{height:12px}html.landing-page-root,body.landing-page-body,body.landing-page-body #root{min-height:100vh;overflow-x:hidden}.landing-page{position:relative;min-height:100vh;background-image:radial-gradient(rgba(255 255 255 / 15%) 7%,transparent 7%);background-size:25px 25px;background-repeat:repeat;background-position-y:5px}.landing-page .blurb{--blurb-bg-color: #484340;position:relative;color:#fff;box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:90px 60px;flex-wrap:wrap}.landing-page .blurb:before{content:"";background-color:var(--blurb-bg-color);position:absolute;inset:0;z-index:-1}.landing-page .blurb:nth-child(2n){--blurb-bg-color: #333}.landing-page .blurb .floating-text{display:inline-block;background-color:var(--blurb-bg-color);padding:5px;margin:-5px}.landing-page .blurb.hero{min-height:calc(80vh - 55px);box-sizing:border-box;display:grid;grid-template:"button video" "by-line by-line" min-content}.landing-page .blurb.hero .by-line{color:#ccc;grid-area:by-line;display:flex;gap:4px;font-size:14px;justify-content:center;align-items:center;margin-top:50px}.landing-page .mastodon-link{--button-base-bg-color: #6667fe;--button-base-bg-hover-color: #5151f0;gap:4px;padding:4px 8px;color:#fff}.landing-page .mastodon-link.twitter{--button-base-bg-color: #000;--button-base-bg-hover-color: #000}.landing-page .mastodon-link .mastodon-icon{height:18px}.landing-page .blurb.hero>*{margin:0 35px}.landing-page .blurb.hero .text-container{grid-area:button}.landing-page .video-container{grid-area:video;position:relative;box-sizing:border-box;border-radius:6px;overflow:hidden;border:1px solid #d3d3d3}.landing-page .video-spinner{position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);width:20px;height:20px;z-index:0;color:currentcolor}.landing-page .video-container .video-spinner{left:calc(50% - 10px);top:calc(50% + 5px)}.landing-page .video-container>video,.landing-page .video-container>img{display:block;max-width:100%;width:550px;height:auto;aspect-ratio:1708 / 960;position:relative}.landing-page .blurb.hero .mobile-title{grid-area:mobile-text;display:none}.landing-page .blurb.hero .elevator-pitch{color:#fff}.landing-page .pricing{margin-top:10px;color:#eee;font-size:14px;text-align:center}.landing-page .blurb.hero .cta-container{margin-top:20px}.landing-page .blurb.three-traits{text-align:center;flex-flow:column;font-size:18px}.landing-page .blurb.three-traits .read-more{margin-top:20px}.landing-page .bold-and-brash{font-size:38px;font-weight:700}.landing-page .blurb.three-traits .trait-list{text-align:left;padding:0;counter-reset:item;list-style-type:none;margin-top:30px}.landing-page .blurb.three-traits .trait-list li{display:flex;align-items:center;position:relative;margin-top:20px}.landing-page .blurb.three-traits .trait-list li:before{content:counter(item) " ";counter-increment:item;color:#fff;background:#f49313;height:50px;width:50px;line-height:50px;border-radius:50px;font-weight:700;font-size:24px;text-align:center;display:block;margin-right:15px;flex-shrink:0}.landing-page .big-smol-words{margin:35px 60px}.landing-page .big-smol-words .smol{margin-top:3px;font-size:14px;max-width:460px}.landing-page .preview-stack{color:#080808;position:relative;width:475px;max-width:100%}.landing-page .dice-preview{color:#080808;width:30%;min-width:200px;max-height:450px}.landing-page .images-preview{color:#080808;width:475px;max-width:100%}.landing-page .view-as-player-screenshot{width:475px;max-width:100%}.landing-page .dual-screencast{position:relative}.landing-page .dual-screencast.phone{position:absolute;bottom:-20px;right:10px;width:30%;z-index:4}.landing-page .dual-screencast .phone-frame{position:relative;z-index:2;pointer-events:none}.landing-page .dual-screencast .phone-screencast-container{position:absolute;left:9%;top:4%;width:82%;z-index:1;display:flex;border-radius:9%;overflow:hidden;box-sizing:border-box}.landing-page .dual-screencast .phone-screencast{height:100%;width:100%}.landing-page .dual-screencast .tablet-frame{position:relative;max-height:350px;max-width:100%;z-index:2;pointer-events:none}.landing-page .dual-screencast .tablet-screencast{position:absolute;left:3.5%;top:5%;width:93%;height:89%;z-index:1}.landing-page .map-count{text-align:center;flex-direction:column}.landing-page .map-count .bold-and-brash{margin-bottom:10px}.landing-page .map-count .subtitle{margin-bottom:20px}.landing-page .map-count .cta-container{width:min(100%,400px)}.landing-page .showcase-heading{margin-bottom:50px}.landing-page .indie-creator{flex-direction:column}.landing-page .indie-creator .image-letter-pair{display:flex;align-items:center;gap:30px;margin-top:40px}.landing-page .indie-creator .self-portrait{height:250px;border-radius:50%}.landing-page .indie-creator .letter{grid-area:letter;position:relative;max-width:500px;background-color:#fcf1c4;color:#000;padding:30px;box-sizing:border-box;border-radius:4px}.landing-page .indie-creator .letter p:first-child{font-size:20px}.landing-page .indie-creator .letter .pen-and-ink{position:absolute;bottom:0;right:0;width:175px;transform:translate(30%,30%);color:#222}@media (max-width: 1280px){.landing-page .blurb.hero video{display:block;width:450px}.landing-page .bold-and-brash{font-size:30px}.landing-page .blurb.three-traits{font-size:16px}}@media (max-width: 1028px){.landing-page .blurb{flex-flow:column nowrap;padding:90px 35px}.landing-page .blurb.hero{grid-template:"mobile-text" "video" "button" "by-line";flex-flow:column-reverse nowrap;padding:35px}.landing-page .hide-on-small-screen{display:none}.landing-page .big-smol-words{margin-left:0;margin-right:0;margin-bottom:0}.landing-page .blurb.hero>*{margin:0 0 40px}.landing-page .blurb.hero .mobile-title{display:block;text-align:center}.landing-page .bold-and-brash{font-size:26px}.landing-page .blurb.hero .text-container{width:100%;max-width:450px;margin-bottom:0}.landing-page .blurb.hero .cta-container{margin:0}.landing-page .blurb.hero .text-container .elevator-pitch{display:none}.landing-page .indie-creator .image-letter-pair{flex-direction:column}}.sso-page-form{text-align:center}.sso-page-form svg{max-width:50%;width:100px;display:block;margin:0 auto 20px}.email-status{font-weight:lighter;border-left:1px solid #fff;padding:3px 0 0 10px;box-sizing:border-box}.email-status .status-heading{font-weight:700;margin-bottom:5px}.email-status.warning .status-heading{color:#fd9d02}.email-status.failure .status-heading{color:#f66}.email-status.success .status-heading{color:#1da55f}.email-status .status-body{line-height:1.2}.email-status .status-footer,.email-status .loading{color:#9f9f9f;margin-top:5px;font-size:14px;line-height:1.2}.email-status.error{color:#fd9d02;margin-top:5px;font-size:14px;line-height:1.2}.email-status .loading:after{content:"...";display:inline-block;vertical-align:bottom;animation:email-status-ellipsis-loading 2s infinite}@keyframes email-status-ellipsis-loading{25%{content:""}50%{content:"."}75%{content:".."}to{content:"..."}}.please-validate-email{color:#fff}.please-validate-email .please-validate-email-title{margin-bottom:20px}.please-validate-email .what-just-happened{font-weight:lighter;line-height:1.2}.please-validate-email .what-just-happened:last-of-type{margin-bottom:20px}.loading-please-validate-email{color:#eee;position:absolute;width:100%;text-align:center}.register-validate-form p{font-weight:lighter}.account-type-selection{margin-bottom:20px}.account-type-selection .component-label{color:#ddd;text-transform:uppercase;font-size:10px;margin-bottom:6px}.account-type-selection .radio-tray{display:flex;width:100%}.account-type-selection .radio-tray button{margin:0;border:1px solid rgb(0 0 0 / 30%);background-color:#0000001a;padding:0 20px;height:40px;font-size:15px;color:#fff;box-sizing:border-box;transition:background-color .1s linear}.account-type-selection .radio-tray button.preferred{flex-grow:1}.account-type-selection .radio-tray button:nth-child(n+2){border-left:none}.account-type-selection .radio-tray button:focus{border-left:1px solid;border-color:#b26c27;outline:none}.account-type-selection .radio-tray button:first-of-type{border-top-left-radius:3px;border-bottom-left-radius:3px}.account-type-selection .radio-tray button:last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px}.account-type-selection .radio-tray button.selected{background-color:#222}.account-type-selection .radio-tray button:not(.selected){cursor:pointer}.account-type-selection .radio-tray button:not(.selected):hover{background-color:#0003}.account-type-selection .account-type-info{font-weight:lighter;font-size:14px;line-height:1.2;margin-top:20px;margin-bottom:0}.account-type-selection .no-account-needed-note{font-size:14px;line-height:1.2;color:#ccc;font-weight:lighter;margin-top:20px;margin-bottom:20px}.register-form .register-form-title{margin-bottom:20px}.register-form .legal-text{font-weight:lighter;color:#9f9f9f;margin-top:10px;font-size:14px;line-height:1.2}.register-form .legal-text a{color:#5caca3;text-decoration:none}.register-form .legal-text a:hover{text-decoration:underline}.register-form a{font-weight:400}.register-form .free-trial-heading{color:#ddd;font-size:10px;text-transform:uppercase;margin-bottom:6px}.register-form .free-trial-explainer{color:#ddd;font-size:14px;line-height:1.2;font-weight:lighter;margin-top:0;margin-bottom:20px}.register-form .payment-explainer{font-size:14px;line-height:1.2;font-weight:lighter;margin-top:10px;margin-bottom:10px}.register-form .payment-explainer-last{margin-bottom:20px}.register-form .failed-loading-payment-form{background-color:#a51d1d;padding:20px 40px;margin-left:-40px;margin-right:-40px;font-size:14px;line-height:1.2;margin-bottom:20px}.register-form .loading-payment-form{text-align:center;font-size:14px;font-weight:lighter;margin:25px 0 20px}.register-form .loading-payment-form .spinner{width:60px}.register-form .loading-payment-form .description{margin-top:10px}.register-form .stripe-badge{margin-bottom:12px}.reset-password-form p{text-align:center;font-weight:lighter;font-size:14px;color:#ddd}.reset-password-form .email{font-weight:400}.reset-password-form .password-input{margin-top:20px}.request-reset-password-form p{font-weight:lighter;margin-bottom:20px;font-size:14px}body{background-color:#333;margin:0;padding:0;font-family:Wotfard,sans-serif;text-rendering:optimizelegibility}a{color:#5caca3;text-decoration:none}a:hover{text-decoration:underline}svg path{fill:currentcolor}button,input{color:inherit;font-family:inherit}button:disabled{color:#aaa}@font-face{font-family:Wotfard;src:url(/assets/wotfard-semibold-webfont-B8SIFzz8.eot);src:url(/assets/wotfard-semibold-webfont-B8SIFzz8.eot?#iefix) format("embedded-opentype"),url(/assets/wotfard-semibold-webfont-k74-Pt6G.woff2) format("woff2"),url(/assets/wotfard-semibold-webfont-B798rL10.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Wotfard;src:url(/assets/wotfard-regular-webfont-B76scy8w.eot);src:url(/assets/wotfard-regular-webfont-B76scy8w.eot?#iefix) format("embedded-opentype"),url(/assets/wotfard-regular-webfont-BQo2JHOR.woff2) format("woff2"),url(/assets/wotfard-regular-webfont-BLuwtoC9.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Wotfard;src:url(/assets/wotfard-light-webfont-uth5mJES.eot);src:url(/assets/wotfard-light-webfont-uth5mJES.eot?#iefix) format("embedded-opentype"),url(/assets/wotfard-light-webfont-D_q88BHK.woff2) format("woff2"),url(/assets/wotfard-light-webfont-COcFQput.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Wotfard;src:url(/assets/wotfard-regularitalic-webfont-CRgQdGpX.eot);src:url(/assets/wotfard-regularitalic-webfont-CRgQdGpX.eot?#iefix) format("embedded-opentype"),url(/assets/wotfard-regularitalic-webfont-BA-WdXWd.woff2) format("woff2"),url(/assets/wotfard-regularitalic-webfont-CFXEgv_j.ttf) format("truetype");font-weight:400;font-style:italic}