:root{--gray:silver;--gray-dark:gray;--gray-darker:#404040;--white:#fff;--black:#000;--navy:navy;--teal:teal}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#000;-webkit-font-smoothing:none;background:var(--teal);font-family:MS Sans Serif,Pixelated MS Sans Serif,Segoe UI,Tahoma,Arial,sans-serif;font-size:12px}.desktop{background-color:var(--teal);background-image:repeating-linear-gradient(45deg,#00000029 0 2px,#0000 2px 12px),repeating-linear-gradient(-45deg,#0000001a 0 2px,#0000 2px 12px);flex-direction:column;align-items:center;min-height:100%;padding:26px 12px 64px;display:flex;overflow-y:auto}.win{background:var(--gray);border:2px solid;border-color:var(--white) var(--black) var(--black) var(--white);width:100%;max-width:960px;margin-bottom:16px;box-shadow:2px 2px #00000080}.titlebar{background:var(--navy);color:var(--white);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:3px 5px;font-size:12px;font-weight:700;display:flex}.title{align-items:center;gap:6px;display:flex}.title-ico{text-align:center;background:var(--gray);width:14px;height:14px;color:var(--navy);border:1px solid var(--white);font-size:9px;line-height:14px;display:inline-block}.title-btns{gap:2px;display:flex}.title-btns button{background:var(--gray);color:#000;text-align:center;cursor:pointer;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;width:16px;height:14px;padding:0;font:700 8px/12px MS Sans Serif,sans-serif}.title-btns button:active{border-color:#404040 #fff #fff #404040}.menubar{border-bottom:1px solid var(--gray-dark);padding:1px 2px;display:flex}.menubar a{color:#000;padding:2px 12px;font-size:12px;text-decoration:none}.menubar a.active,.menubar a:hover{background:var(--navy);color:#fff}.client{padding:12px 14px;overflow:auto}.statusbar{border-top:1px solid var(--white);box-shadow:inset 0 1px 0 var(--gray-dark);padding:2px 8px;font-size:11px}.taskbar{z-index:50;background:var(--gray);border-top:2px solid var(--white);box-shadow:0 -1px 0 var(--gray-dark);align-items:center;gap:6px;padding:3px 6px;display:flex;position:fixed;bottom:0;left:0;right:0}.start{cursor:pointer;align-items:center;gap:5px;font-weight:700;display:flex}.start-ico{color:var(--navy);font-weight:700}.tb-item{color:#000;border:1px solid #0000;padding:2px 10px;font-size:11px;text-decoration:none}.tb-item:hover{border:1px solid #404040;border-color:#fff #404040 #404040 #fff}.tb-active{background:var(--gray-dark);color:#fff;box-shadow:inset 1px 1px #000}.clock{border:1px solid;border-color:var(--gray-dark) var(--white) var(--white) var(--gray-dark);margin-left:auto;padding:1px 8px;font-size:11px}.btn{background:var(--gray);color:#000;cursor:pointer;border:2px solid;border-color:var(--white) var(--gray-darker) var(--gray-darker) var(--white);box-shadow:1px 1px 0 var(--black);padding:3px 14px;font:12px MS Sans Serif,sans-serif}.btn:active{border-color:var(--gray-darker) var(--white) var(--white) var(--gray-darker)}.btn-sm{color:#000;background:var(--gray);text-align:center;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;margin-top:6px;padding:2px 6px;font-size:11px;text-decoration:none;display:inline-block}input,textarea{background:var(--white);color:#000;border:2px solid;border-color:var(--gray-darker) var(--white) var(--white) var(--gray-darker);width:100%;padding:3px 5px;font:12px MS Sans Serif,sans-serif}.group-title{background:var(--gray);border:1px solid gray;border-color:#fff gray gray #fff;margin-bottom:8px;padding:0 6px;font-weight:700;display:inline-block}.icons{grid-template-columns:repeat(5,1fr);justify-items:center;gap:16px 10px;display:grid}.icon{cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:76px;text-decoration:none;display:flex}.glyph{text-align:center;background:var(--gray);border:2px solid;border-color:var(--white) var(--black) var(--black) var(--white);width:34px;height:34px;font-size:18px;line-height:34px;box-shadow:1px 1px #0006}.glyph.sm{width:26px;height:26px;font-size:14px;line-height:26px}.icon .cap{text-align:center;color:#fff;text-shadow:1px 1px #000000b3;padding:0 2px;font-size:11px}.icon:hover .glyph,.icon:hover .glyph.sm{background:var(--navy)}.icon:hover .cap{background:var(--navy);text-shadow:none;outline:1px dotted #fff}.grid5{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.card{background:var(--gray);border:2px solid;border-color:var(--white) var(--gray-darker) var(--gray-darker) var(--white);flex-direction:column;gap:4px;min-height:72px;padding:8px;font-size:11px;display:flex}.card b{font-size:12px}.card.center{justify-content:center;align-items:center;min-height:34px;font-size:12px;font-weight:700}.dialog{max-width:660px}.hero h1{margin-bottom:6px;font-size:16px}.page h1{color:#fff;text-shadow:1px 1px #000;margin-bottom:10px;font-size:15px}p{margin:6px 0;line-height:1.45}.mission{margin-bottom:10px;font-size:13px;font-weight:700}.tick{text-align:center;border:1px solid #fff;border-color:gray #fff #fff gray;padding:6px 2px;font-weight:700}.form{flex-direction:column;gap:8px;display:flex}.form label{flex-direction:column;gap:3px;font-size:11px;display:flex}.form-actions{gap:8px;margin-top:4px;display:flex}.contact-lines{flex-direction:column;gap:8px;display:flex}.contact-lines>div{align-items:center;gap:8px;display:flex}.contact-lines a{color:var(--navy)}.hint{color:#fff;text-shadow:1px 1px #000;font-size:11px}::-webkit-scrollbar{background:var(--gray);width:16px;height:16px}::-webkit-scrollbar-thumb{background:var(--gray);border:2px solid #404040;border-color:#fff #404040 #404040 #fff}::-webkit-scrollbar-button{display:none}@media (width<=760px){.icons,.grid5{grid-template-columns:repeat(2,1fr)}.desktop{padding:14px 8px 60px}.menubar a{padding:2px 8px;font-size:11px}.tb-item{display:none}}
