:root{--paper:#eadcaf;--paper-light:#f4e8c8;--paper-dark:#cfbc87;--paper-control:#e5d5aa;--paper-hover:#dec995;--ink:#172f36;--navy:#003a4a;--navy-dark:#002b38;--teal:#17606b;--gold:#aa8847;--gold-muted:#c4ad73;--brown:#725a32;--green:#456b3c;--danger:#7f291f;--border-light:#fff0c4;--border-mid:#928667;--border-dark:#403b2e;--border-frame:1px solid var(--border-dark);--border-inset:2px inset var(--border-mid);--border-raised:2px outset var(--border-mid);--bevel-frame:inset 1px 1px 0 var(--border-light), inset -1px -1px 0 var(--border-mid);--bevel-raised:inset 1px 1px 0 var(--border-light), inset -1px -1px 0 var(--border-dark);--border-page-frame:var(--border-frame);--border-accent-frame:var(--border-frame);--border-section-frame:var(--border-frame);--border-line-frame:var(--border-frame);--border-panel-frame:var(--border-frame);--border-control-raised:var(--border-raised);--border-control-recessed:var(--border-inset);--border-primary-control:var(--border-raised);--border-divider:1px solid var(--border-mid);--shadow-hard:none;--shadow-panel:none;--shadow-control:none;--paper-light-rgb:244, 232, 200;--paper-grain-rgb:114, 90, 50;--shadow-rgb:28, 50, 55;--navy-rgb:6, 56, 73;--counter:#e5bb3b;--chrome-text:#f4e8c8;--accent-ink:#063849;--text-muted:#506466;--link-text:#063849;--link-hover:#725a32;--selected-text:#172f36;--placeholder-text:#725a32;--disabled-text:#725a32;--danger-on-surface:#fff0c8;--scrollbar-face:silver;--scrollbar-track:#fff;--scrollbar-ink:#000;--font-display:"Comic Sans MS", "Comic Sans", cursive;--font-ui:"Comic Sans MS", "Comic Sans", cursive;--font-size-caption:11px;--font-size-ui-sm:12px;--font-size-nav:13px;--font-size-ui:14px;--font-size-body:14px;--font-size-section:16px;--font-size-heading:20px;--font-size-brand:52px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--radius:1px;--sidebar-width:280px;--workspace-editor-max-width:980px}:root[data-color-mode=dark]{--paper:#18262b;--paper-light:#22353a;--paper-dark:#344b50;--paper-control:#2c4247;--paper-hover:#3a5358;--ink:#f4e8c8;--navy:#0a3541;--navy-dark:#041f27;--teal:#79b7be;--gold:#d0ad63;--brown:#c0a16e;--green:#8caf78;--danger:#ff9b86;--border-light:#82999b;--border-mid:#526b70;--border-dark:#020c10;--paper-light-rgb:34, 53, 58;--paper-grain-rgb:180, 157, 102;--shadow-rgb:2, 12, 16;--navy-rgb:10, 53, 65;--counter:#f0c94f;--chrome-text:#f4e8c8;--accent-ink:#a6d2d4;--text-muted:#c8d5d2;--link-text:#b9e0e1;--link-hover:#f0c94f;--selected-text:#041f27;--placeholder-text:#b7c9c6;--disabled-text:#b7c9c6;--danger-on-surface:#041f27;--scrollbar-face:#344b50;--scrollbar-track:#18262b;--scrollbar-ink:#f4e8c8}body{background:radial-gradient(rgba(var(--shadow-rgb), .035) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--paper-light-rgb), .35), transparent 30%), var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:5px 5px,100% 100%,auto;margin:0;overflow-x:hidden}body,button,input,textarea{transition:background-color,border-color,color}html,body,#root{width:100%;min-height:100%}button,input,textarea{font-family:var(--font-ui)}button:disabled,button[aria-disabled=true],[role=button][aria-disabled=true],.MuiButtonBase-root.Mui-disabled{cursor:not-allowed!important}.MuiButtonBase-root.Mui-disabled{pointer-events:auto!important}input::placeholder,textarea::placeholder{color:var(--placeholder-text);opacity:1}:focus-visible{outline:2px solid var(--teal);outline-offset:1px}code{font-family:var(--font-ui)}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retro-view-loader{cursor:wait;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;min-height:clamp(180px,45vh,420px);display:flex;position:relative}.retro-view-loader *{cursor:wait}.retro-loader-frame{background-color:var(--paper-control);border:var(--border-raised);box-shadow:var(--bevel-raised);padding:12px}.retro-loader-grid{transform-origin:50%;will-change:transform;grid-template-rows:repeat(3,9px);grid-template-columns:repeat(3,9px);gap:5px;animation:.8s steps(8,end) infinite retro-loader-turn;display:grid}.retro-loader-pixel,.retro-loader-core{width:9px;height:9px;display:block}.retro-loader-pixel{background-color:var(--navy);box-shadow:1px 1px 0 var(--border-dark);opacity:.22;animation:.8s step-end infinite retro-loader-pulse}.retro-loader-core{background-color:var(--gold);border:1px solid var(--navy-dark);box-sizing:border-box;transform:rotate(45deg)scale(.72)}.retro-loader-pixel:first-child{animation-delay:0s}.retro-loader-pixel:nth-child(2){animation-delay:.1s}.retro-loader-pixel:nth-child(3){animation-delay:.2s}.retro-loader-pixel:nth-child(6){animation-delay:.3s}.retro-loader-pixel:nth-child(9){animation-delay:.4s}.retro-loader-pixel:nth-child(8){animation-delay:.5s}.retro-loader-pixel:nth-child(7){animation-delay:.6s}.retro-loader-pixel:nth-child(4){animation-delay:.7s}@keyframes retro-loader-pulse{0%,12.5%{background-color:var(--gold);opacity:1}12.6%,to{background-color:var(--navy);opacity:.22}}@keyframes retro-loader-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.retro-loader-grid,.retro-loader-pixel{animation:none}.retro-loader-pixel{opacity:.65}}::-webkit-scrollbar{background-color:var(--scrollbar-face);width:18px;image-rendering:pixelated}::-webkit-scrollbar-track{background-color:var(--scrollbar-track);background-image:linear-gradient(45deg, transparent 25%, var(--scrollbar-face) 25% 50%, transparent 50% 75%, var(--scrollbar-face) 75%);-webkit-user-select:none;user-select:none;background-size:2px 2px;flex-direction:column;flex:1 0 auto;width:100%;height:0;display:flex;position:relative}::-webkit-scrollbar-thumb{background:var(--scrollbar-face);width:16px;min-height:8px;box-shadow:inset -1px -1px var(--scrollbar-ink), inset 1px 1px var(--border-light), inset -2px -2px var(--border-mid), inset 2px 2px var(--paper-light);image-rendering:pixelated;-webkit-user-select:none;user-select:none;unicode-bidi:isolate;display:block}::-webkit-scrollbar-button:vertical:increment{z-index:2;background:silver url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='optimizeSpeed' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpolygon points='11,9 11,10 4,10 4,9 5,9 5,8 6,8 6,7 7,7 7,6 8,6 8,7 9,7 9,8 10,8 10,9'/%3E%3C/svg%3E");width:16px;min-width:16px;height:16px;min-height:16px;position:relative;box-shadow:inset -1px -1px #000,inset 1px 1px silver,inset -2px -2px gray,inset 2px 2px #fff}::-webkit-scrollbar-button:vertical:decrement{z-index:2;background:silver url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='optimizeSpeed' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpolygon points='11,9 11,10 4,10 4,9 5,9 5,8 6,8 6,7 7,7 7,6 8,6 8,7 9,7 9,8 10,8 10,9'/%3E%3C/svg%3E");width:16px;min-width:16px;height:16px;min-height:16px;position:relative;box-shadow:inset -1px -1px #000,inset 1px 1px silver,inset -2px -2px gray,inset 2px 2px #fff}::-webkit-scrollbar-button:vertical:increment{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='optimizeSpeed' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpolygon points='4,7 4,6 11,6 11,7 10,7 10,8 9,8 9,9 8,9 8,10 7,10 7,9 6,9 6,8 5,8 5,7'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:vertical:increment:active{box-shadow:inset -2px -2px gray}::-webkit-scrollbar-button:vertical:decrement:active{box-shadow:inset -2px -2px gray}.primary-navigation-link{color:var(--chrome-text);text-decoration:none}.primary-navigation-link:hover,.primary-navigation-link:focus-visible,.primary-navigation-link.active{color:var(--gold-muted);text-decoration:underline}.mobile-navigation-link{color:var(--ink);font-family:var(--font-ui);font-size:var(--font-size-nav);padding:7px 8px;text-decoration:none}.mobile-navigation-link:hover,.mobile-navigation-link:focus-visible,.mobile-navigation-link.active{background-color:var(--paper-hover)}
