html{--color-app-background: #1e1e1e;--color-surface: #ffffff;--color-primary: #22165f;--color-primary-hover: #312763;--color-primary-light: #6251af;--color-primary-lightest: #ede9ff;--color-tertiary: #9747ff;--color-tertiary-hover: #9f5afa;--color-tertiary-light: #9f78ca;--color-tertiary-lightest: #f2e5ff;--color-success: #10c045;--color-success-lightest: #9fe4b4;--color-success-darkest: #004515;--color-error: #ff3235;--color-error-light: #ff686b;--color-error-lightest: #f7babb;--color-error-darkest: #700002;--color-text: var(--color-primary);--color-disabled: #9c9c9c;--color-disabled-light: #b1b1b1;--color-disabled-lightest: #d1d1d1;--color-disabled-extra-lightest: #e1e1e1;--color-gold: gold;--color-silver: silver;--color-bronze: #CE8946;--text-font-family: "Kode mono", monospace;--text-big: 32px;--text-title: 20px;--text-standard: 14px;--text-subtitle: 16px;--text-small: 12px;--text-mini: 10px;--icon-small: 20px;--icon-standard: 24px;--border-radius: .25rem;--border-radius-large: .5rem;--transition-time: .25s;--field-max-width: 500px;font-size:16px}@font-face{font-family:Material Symbols Outlined Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(material-symbols-outlined-latin-fill-normal.4780f84785a6d6af.woff2) format("woff2-variations")}.material-symbols-outlined{font-family:Material Symbols Outlined Variable;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-variation-settings:"FILL" 1}.material-symbols-outlined.outlined{font-variation-settings:"FILL" 0}canvas#game{max-width:100dvw;max-height:100dvh}.retro-button{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:100%;background-color:transparent;box-shadow:none;height:40px;font-size:var(--text-standard);font-family:Kode mono,monospace;text-align:center;border-radius:var(--border-radius-large);cursor:pointer;transition:var(--transition-time) ease-in-out;border:0px;background-color:var(--color-primary);color:var(--color-surface)}.retro-button>.material-symbols-outlined{margin-right:.5rem}.retro-button.outline{background-color:transparent;border:1px solid var(--color-tertiary);color:var(--color-tertiary)}.retro-button.outline:hover:not([disabled]){background-color:var(--color-tertiary-lightest)}.retro-button.placeholder{margin-top:1rem}.retro-button.tertiary{background-color:var(--color-tertiary);color:var(--color-surface)}.retro-button.tertiary:hover:not([disabled]){background-color:var(--color-tertiary-hover)}.retro-button.error{background-color:var(--color-error);color:var(--color-surface)}.retro-button.error:hover:not([disabled]){background-color:var(--color-error-darkest)}.retro-button.button-price{text-align:left;font-size:.8rem;justify-content:space-between}.retro-button.button-price .badge-price{display:flex;width:50px;padding:.3rem;justify-content:flex-end;font-size:var(--text-small);color:var(--color-surface);background-color:var(--color-primary);border-radius:var(--border-radius)}.retro-button:hover:not([disabled]){background-color:var(--color-primary-hover)}.retro-button[disabled]{background-color:var(--color-disabled-lightest);color:var(--color-disabled);cursor:initial}.retro-content{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:auto;gap:.5rem}.retro-footer{display:flex;flex:1 0 auto;align-items:flex-end;justify-content:center;padding-bottom:.5rem;padding-top:.5rem;width:100%}.retro-title{font-size:var(--text-title);z-index:3;margin:0;margin-top:.5rem;color:var(--color-primary);font-weight:500;position:sticky;top:0;background-color:var(--color-surface)}.retro-title.placeholder{color:var(--color-tertiary);text-align:center}.retro-subtitle{display:flex;align-items:center;gap:.5rem;font-size:var(--text-subtitle);color:var(--color-primary);font-weight:500;position:sticky;top:24px;background-color:var(--color-primary-lightest);padding:.5rem .25rem;border-radius:var(--border-radius);z-index:2}.retro-subtitle .alternative{cursor:pointer;transition:color ease-in-out var(--transition-time)}.retro-subtitle .alternative:not(:first-child){border-left:1px solid var(--color-tertiary);padding-left:.5rem;font-size:var(--text-small)}.retro-subtitle .alternative:not(.active){color:var(--color-tertiary-light);font-weight:300!important}.retro-subtitle.error{color:var(--color-error)}.retro-text{padding:.25rem;font-size:var(--text-standard);color:var(--color-primary);font-weight:400}.retro-text ul,.retro-text p{margin:0}.retro-text.justified{text-align:justify}.retro-text.placeholder{text-align:center}.retro-text.tertiary{color:var(--color-tertiary)}.retro-text.error{color:var(--color-error)}.retro-hint{font-size:var(--text-small);color:var(--color-primary-light);text-align:right}.retro-link{color:var(--color-tertiary);font-weight:500}.retro-placeholder-image{display:flex;padding:2rem;justify-content:center;align-items:center}.retro-placeholder-image img{fill:var(--color-tertiary);color:var(--color-tertiary)}.retro-placeholder-image .icon{color:var(--color-tertiary);scale:1.5}.retro-placeholder{font-size:var(--text-small);padding:1rem .5rem;text-align:center;color:var(--color-tertiary-light)}.retro-placeholder.fill{display:flex;height:100%;align-items:center;justify-content:center}.retro-form-section{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.retro-data-line{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-standard);gap:.5rem}.retro-data-line .label{display:flex;padding:0 .25rem}.retro-data-line .value{display:flex;flex:1 1 auto;color:var(--color-tertiary)}.retro-form-line{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-standard);gap:.5rem}.retro-form-line.invalid .label{color:var(--color-error);font-weight:500}.retro-form-line.invalid .retro-input{color:var(--color-error);border-color:var(--color-error)}.retro-form-line .label{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;padding:0 .25rem}.retro-form-line select,.retro-form-line input{display:flex;flex:1 1 auto;padding:0 .5rem}.retro-form-line select{min-width:150px;max-width:50%}.retro-form-line input{padding-inline:1rem;min-width:calc(150px - 2rem);max-width:calc(50% - 2rem)}.retro-form-line input[type=number]{min-width:75px;max-width:25%}.retro-form-line input[type=datetime-local]{max-width:calc(60% - 2rem);width:calc(250px - 2rem)}.retro-input{font-size:var(--text-standard);border-radius:var(--border-radius-large);border-color:var(--color-primary);color:var(--color-primary);font-family:var(--text-font-family);height:40px;padding:0 .5rem;outline:none;border:1px solid}.retro-input[type=number]{text-align:right}.retro-command{display:flex;gap:1rem;align-items:center;font-size:var(--text-small);color:var(--color-text);padding:.2rem}.retro-command span{color:var(--color-tertiary);font-weight:500}.retro-items-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding:.5rem 0}.retro-items-list.no-scrollable{overflow-y:unset}.retro-items-list .retro-item{cursor:pointer;display:flex;flex-direction:row;padding:.5rem;border:0px;border-radius:var(--border-radius);font-size:var(--text-standard);color:var(--color-surface);background-color:var(--color-primary);justify-content:space-between;align-items:center;transition:var(--transition-time) ease-in-out}.retro-items-list .retro-item:hover{background-color:var(--color-primary-hover)}.retro-items-list .retro-item.tertiary{color:var(--color-surface);background-color:var(--color-tertiary)}.retro-items-list .retro-item.tertiary:hover{background-color:var(--color-tertiary-hover)}.retro-items-list .retro-item.inactive{background-color:var(--color-disabled-extra-lightest);color:var(--color-disabled)}.retro-items-list .retro-item.inactive .badge{background-color:var(--color-disabled);color:var(--color-surface)}.retro-items-list .retro-item.planned{background-color:var(--color-primary-lightest);color:var(--color-primary-light)}.retro-items-list .retro-item.planned .badge{background-color:var(--color-primary-light);color:var(--color-surface)}.retro-items-list .retro-item .icon{font-size:var(--icon-small)}.retro-items-list .retro-item>div{display:flex;align-items:center;gap:.5rem}.retro-buttons-list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.retro-ui-overlay{position:absolute;pointer-events:none;top:0;left:0;height:calc(100% - 1rem);width:calc(100% - 1rem);padding:.5rem;display:flex;flex-direction:column}.retro-ui-overlay .retro-dialog{display:flex;pointer-events:all;flex-direction:column;overflow-y:auto;width:calc(100% - 2rem);border-radius:var(--border-radius);padding:1rem;background-color:var(--color-primary-lightest);color:var(--color-primary-darkest);opacity:.95;transition:var(--transition-time) ease;gap:.5rem}.retro-ui-overlay .retro-dialog.tertiary{background-color:var(--color-tertiary);color:var(--color-surface)}.retro-ui-overlay .retro-dialog.error{background-color:var(--color-error-lightest);color:var(--color-error-darkest)}.retro-ui-overlay .retro-dialog.error .retro-title,.retro-ui-overlay .retro-dialog.error .retro-text{color:var(--color-error-darkest)}.retro-ui-overlay .retro-dialog .retro-title{margin-top:0;background-color:inherit}.retro-ui-overlay .retro-dialog .retro-subtitle{background-color:inherit}.retro-ui-overlay .retro-dialog .retro-button{margin-top:1rem}.retro-ui-overlay .retro-dialog .objective{display:flex;align-items:center;gap:.5rem}.touch-zone{position:absolute;pointer-events:none;width:40%;height:60%;top:20%;background-color:var(--color-tertiary-lightest);border-radius:100px;opacity:.2}.touch-zone.left{left:5%;background-color:var(--color-primary-lightest)}.touch-zone.right{right:5%;background-color:var(--color-tertiary-lightest)}.touch-zone.bottom{background-color:var(--color-error-lightest);top:82%;height:16%;width:90%;left:5%}.retro-medal{aspect-ratio:1;height:18px;display:inline-block;text-align:center;font-size:11px;font-weight:700;border-radius:100%;line-height:18px;background-color:var(--color-gold);color:var(--color-primary);margin-left:.25rem}.retro-medal.silver{background-color:var(--color-silver)}.retro-medal.bronze{background-color:var(--color-bronze)}.loading-placeholder{display:flex;position:absolute;padding:0 1rem;width:calc(100% - 2rem);height:100%;align-items:center;justify-content:center;text-align:center;background-color:#fffc;color:var(--color-tertiary);font-size:var(--text-title);z-index:10}span.tertiary{color:var(--color-tertiary)}html,body{font-family:var(--text-font-family);background-color:var(--color-app-background);margin:0;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}html .app-container,body .app-container{display:flex;width:100dvw;height:100dvh;align-items:center;justify-content:center}html ::-webkit-scrollbar,body ::-webkit-scrollbar{width:4px}html ::-webkit-scrollbar-track,body ::-webkit-scrollbar-track{background:var(--color-surface)}html ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-thumb{background:var(--color-tertiary-lightest);border-radius:var(--border-radius);cursor:pointer}html ::-webkit-scrollbar-thumb:hover,body ::-webkit-scrollbar-thumb:hover{background:var(--color-tertiary-light)}