*{box-sizing:border-box}:root{--black:#000;--white:#fff;--blue:navy;--bg:#bdbdbd;--panel:#efefef;--light:#f2f2f2;--button:#e6e6e6;--shadow:gray;--error:#c00000;--inset-out:inset 2px 2px #fff, inset -2px -2px gray;--inset-in:inset 2px 2px gray, inset -2px -2px #fff}body{background:linear-gradient(90deg, #ffffff2e 1px, transparent 1px), linear-gradient(#ffffff24 1px, transparent 1px), var(--bg);color:var(--black);background-size:4px 4px;margin:0;font-family:MS Sans Serif,Tahoma,Arial,sans-serif;font-size:16px}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.retro-desktop,.auth-desktop{justify-content:center;min-height:100vh;display:flex}.retro-desktop{align-items:flex-start;padding:12px}.auth-desktop{align-items:center;padding:40px}.centered-window{width:100%;max-width:1500px}.retro-window,.retro-modal-window,.auth-card,.landing-hero,.landing-panel{border:2px solid var(--black);background:var(--light);box-shadow:3px 3px 0 var(--shadow), var(--inset-out)}.auth-card{background:var(--panel);width:520px;box-shadow:var(--inset-out), 5px 5px 0 #555;border-width:3px;padding:34px 38px}.retro-title-bar{background:var(--blue);height:40px;color:var(--white);justify-content:center;align-items:center;padding:0 8px;font-size:24px;font-weight:700;display:flex;position:relative}.retro-window-buttons{gap:3px;display:flex;position:absolute;top:5px;right:4px}.retro-window-buttons button,.retro-icon-button,.retro-collapse-button,.retro-add-button,button.retro-choice-button{border:2px solid var(--black);background:var(--button);color:var(--black);box-shadow:var(--inset-out);font-weight:700}.retro-window-buttons button{width:28px;height:26px;padding:0}.retro-menu-bar{border-bottom:2px solid var(--shadow);background:var(--button);align-items:center;gap:28px;height:38px;padding:6px 16px;font-size:20px;display:flex}.retro-menu-bar span:first-letter{text-decoration:underline}.retro-top-panel,.retro-toolbar,.project-add-row,.environment-card-header,.selected-project-title-row,.retro-section-header,.retro-project,.retro-choice-group{align-items:center;display:flex}.retro-top-panel{justify-content:flex-end;gap:18px;padding:22px 28px 10px}.retro-toolbar{justify-content:flex-end;margin-bottom:16px}.project-add-row{justify-content:flex-start;margin-top:14px}.retro-username,.retro-field label{font-weight:700}.retro-username{font-size:20px}.retro-button,.retro-button-link{border:3px solid var(--black);color:var(--black);background:#e5e5e5;font-size:24px;font-weight:700;box-shadow:3px 3px #777}.retro-button{min-width:140px;min-height:54px;padding:10px 18px}.retro-button-link{margin-right:16px;padding:12px 28px;font-size:22px;text-decoration:none;display:inline-block}.retro-button:active,.retro-add-button:active,.retro-collapse-button:active,button.retro-choice-button:active{box-shadow:var(--inset-in)}.retro-button:disabled{opacity:.6;cursor:not-allowed}.retro-window-body{padding:28px}.retro-section,.retro-env{border:3px solid var(--black);background:var(--panel)}.retro-section{margin-bottom:26px;padding:18px 24px 22px}.retro-section-header{gap:18px;margin-bottom:14px}.retro-section-header h2,.retro-section-header h3,.environment-card-header h3,.selected-project-title-row h2,.selected-project-title-row p{margin:0}.retro-section-header h2{font-size:22px}.retro-section-header h3,.environment-card-header h3{font-size:20px}.retro-description{margin:0 0 16px;font-size:18px}.retro-form{grid-template-columns:1fr 1fr auto;gap:10px;margin-bottom:18px;display:grid}.retro-form input,.retro-field input,.retro-input,.retro-textarea,.retro-token-textarea{border:2px solid var(--black);background:var(--white);width:100%;color:var(--black);box-shadow:var(--inset-in)}.retro-form input,.retro-field input{height:42px;padding:8px 12px;font-size:18px}.retro-input{border-width:3px;outline:none;height:52px;padding:8px 12px;font-size:24px}.retro-input:focus{background:#eaf2ff}.retro-textarea,.retro-token-textarea{resize:vertical;padding:10px;font-family:Courier New,monospace;font-size:16px}.retro-textarea{min-height:110px}.retro-token-textarea{min-height:90px}.retro-error{color:var(--error);font-weight:700}.retro-project-list,.retro-env-list,.retro-modal-form,.auth-form,.retro-token-created{flex-direction:column;display:flex}.retro-project-list{gap:10px}.retro-env-list{gap:8px;margin-bottom:12px}.retro-modal-form{gap:14px}.auth-form{gap:18px}.retro-token-created{gap:14px}.retro-project,.retro-env-tab{border:2px solid var(--black);background:var(--light);width:100%;color:var(--black);text-align:left;box-shadow:var(--inset-out);font-size:18px}.retro-project{justify-content:space-between;min-height:46px;padding:8px 12px}.retro-env-tab{cursor:pointer;min-height:42px;padding:8px 12px}.retro-project.active,.retro-env-tab.active,button.retro-choice-button-active,button.retro-choice-button-active:hover{background:var(--blue);color:var(--white)}.retro-project.active .retro-project-actions{color:var(--white)}.retro-project-actions{color:#005bd8;letter-spacing:8px;align-items:center;gap:8px;font-size:20px;display:flex}.retro-icon-button{min-width:34px;padding:4px 8px}.retro-env{margin-top:16px;padding:16px 22px}.retro-table{border-collapse:collapse;background:var(--white);width:100%;margin:12px 0;font-size:18px}.retro-table th,.retro-table td{border:2px solid var(--black);text-align:center;padding:8px 10px}.retro-table th{background:var(--button);font-weight:700}.sdk-table{max-width:900px}.retro-add-button{justify-content:center;width:auto;min-width:46px;height:34px;margin:10px 0 16px;padding:0 10px;font-size:20px;line-height:1;display:inline-flex}.retro-add-button.big{margin-top:20px}.project-add-button{margin:0}.env-add-button{margin:0 0 18px}.retro-modal-overlay{z-index:1000;background:#0000002e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.retro-modal-window{width:100%;max-width:460px}.retro-modal-body{padding:20px}.retro-field{flex-direction:column;gap:6px;display:flex}.retro-field label{font-size:16px}.retro-modal-actions{justify-content:center;gap:12px;margin-top:10px;display:flex}.retro-confirm-text,.retro-token-created p{text-align:center;font-size:18px}.retro-confirm-text{margin-bottom:20px}.retro-token-created p{margin:0}.selected-project-title-row{gap:24px;margin-bottom:24px}.selected-project-title-row h2{min-width:70px;font-size:24px;line-height:1}.selected-project-title-row p{font-size:22px;line-height:1}.environment-card-header{gap:12px;margin-bottom:16px}.environment-card-header .retro-project-actions{margin-left:auto}.retro-collapse-button{min-width:44px;height:34px;font-size:18px}.auth-title{margin:0 0 8px;font-size:34px;line-height:1}.auth-actions{justify-content:center;gap:16px;margin-top:16px;display:flex}.auth-actions .retro-button{min-width:160px}.auth-link-row{text-align:center;font-size:20px}.auth-link-row a{color:var(--blue);font-weight:700;text-decoration:underline}button.retro-choice-button{min-width:92px;height:36px;padding:0 12px;font-size:16px;line-height:1}button.retro-choice-button:hover{background:#f4f4f4}button.retro-choice-button-active{box-shadow:inset 2px 2px #000, inset -2px -2px var(--shadow)}.retro-choice-group{flex-wrap:wrap;gap:8px}.landing-hero,.landing-panel{border-width:3px;max-width:900px}.landing-hero{margin:40px auto;padding:40px;box-shadow:6px 6px #555}.landing-subtitle{font-size:24px;line-height:1.4}.landing-panel{background:#f7f7f7;margin:28px auto;padding:28px 40px;box-shadow:4px 4px #777}.landing-panel h2{margin-top:0}.landing-panel li{margin:10px 0;font-size:20px}.landing-panel pre{border:2px solid var(--black);background:var(--white);padding:20px;font-size:16px;overflow-x:auto}@media (width<=900px){.retro-desktop{padding:8px}.retro-form{grid-template-columns:1fr}.retro-title-bar{font-size:18px}.retro-menu-bar{font-size:16px}.retro-table{font-size:14px}.retro-top-panel{flex-direction:column;align-items:flex-end}}.landing-hero,.landing-panel,.landing-hero p,.landing-panel p,.landing-panel li{font-size:22px;line-height:1.35}.landing-panel h2{margin-top:0;font-size:30px}.landing-panel pre{font-family:Courier New,monospace;font-size:17px;line-height:1.35}.retro-title-home{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;font-weight:700}.retro-title-home:hover{text-decoration:underline}
