:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:clamp(14px,.6vw + 11px,18px);line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Windows98}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden}#root{height:100dvh}h1{font-size:clamp(1.6rem,4vw,3.2rem);line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.hero{padding:clamp(.75rem,2vw,2rem)}.app-shell{display:flex;height:100dvh;min-height:100dvh;width:100%;overflow:hidden}.app-content{flex:1;min-width:0;min-height:0;padding:clamp(.5rem,1.5vw,1.25rem);overflow:auto}@media(prefers-color-scheme:dark){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Windows98;src:url(/assets/Windows98-BChK6Dzn.ttf)}@font-face{font-family:Windows;src:url(/assets/MS-Sans-Serif-BTn84B5r.ttf)}#root{width:100%;margin:0 auto;padding:0;text-align:center}.popup-window{position:fixed;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;background:silver;border:3px solid;border-color:#dfdfdf #5c5c5c #5c5c5c #dfdfdf;box-shadow:10px 10px #00000017,-1px -1px #fff}.popup-image-window{background:transparent;border:0;box-shadow:none;--popup-image-outline-color: rgba(3, 3, 3, .85);--popup-image-outline-distance: 1px;--popup-image-outline-distance-neg: -1px}.popup-inner{flex:1;background:silver;border:2px solid;border-color:#dfdfdf #808080 #808080 #dfdfdf;box-shadow:inset 1px 1px #000,inset -1px -1px #fff;font-family:"MS Sans Serif",Arial,sans-serif;font-size:clamp(11px,13px,18px);display:flex;flex-direction:column;margin:5px;min-height:0;overflow:hidden}.popup-title-bar{background:linear-gradient(to right,#050533,#03538b);color:#fff;padding:2px;display:flex;justify-content:space-between;align-items:center;cursor:move;flex-shrink:0}.popup-title{font-weight:700;padding:2px 4px;flex:1}.popup-content{flex:1;display:flex;flex-direction:column;min-height:0;background:silver;padding:4px;overflow:auto;color:#000}.popup-content-image{background:transparent;padding:0;overflow:visible;align-items:center;justify-content:center}.popup-image-window .popup-media{width:100%;height:100%}.popup-image-window .popup-media img,.popup-image-window .popup-media video,.popup-image-window .popup-media canvas,.popup-image-window .popup-media svg,.popup-image-window .popup-media iframe{filter:drop-shadow(var(--popup-image-outline-distance) 0 0 var(--popup-image-outline-color)) drop-shadow(var(--popup-image-outline-distance-neg) 0 0 var(--popup-image-outline-color)) drop-shadow(0 var(--popup-image-outline-distance) 0 var(--popup-image-outline-color)) drop-shadow(0 var(--popup-image-outline-distance-neg) 0 var(--popup-image-outline-color)) drop-shadow(var(--popup-image-outline-distance) var(--popup-image-outline-distance) 0 var(--popup-image-outline-color)) drop-shadow(var(--popup-image-outline-distance-neg) var(--popup-image-outline-distance) 0 var(--popup-image-outline-color)) drop-shadow(var(--popup-image-outline-distance) var(--popup-image-outline-distance-neg) 0 var(--popup-image-outline-color)) drop-shadow(var(--popup-image-outline-distance-neg) var(--popup-image-outline-distance-neg) 0 var(--popup-image-outline-color)) drop-shadow(0 10px 18px rgba(0,0,0,.25))}.popup-content>*{min-width:0}.popup-content img,.popup-content video,.popup-content canvas,.popup-content svg{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.popup-content iframe{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:16 / 9}.popup-media{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.popup-media img,.popup-media video,.popup-media canvas,.popup-media svg,.popup-media iframe{max-width:100%;max-height:100%}.popup-close-btn{width:18px;height:14px;padding:0;margin:2px;background:linear-gradient(to bottom right,#dfdfdf,gray);border:1px solid;border-color:#dfdfdf #000000 #000000 #dfdfdf;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;flex-shrink:0;color:#700303}.popup-close-btn:active{border-color:#000000 #dfdfdf #dfdfdf #000000}.popup-close-btn:hover{background:linear-gradient(to bottom right,#e8e8e8,#a0a0a0)}.popup-mobile{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:calc(100vw - 20px)!important;max-width:100vw!important;height:auto!important;max-height:85dvh!important;cursor:default!important}.popup-mobile .popup-title-bar{cursor:default}.popup-mobile.popup-image-window{width:min(calc(100vw - 20px),var(--popup-image-mobile-width, 260px))!important;height:auto!important;max-height:none!important}@media(max-width:767px){.popup-window{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:calc(100vw - 20px)!important;max-width:100vw!important;height:auto!important;max-height:85dvh!important}.popup-title-bar{cursor:default}.popup-content{max-height:calc(85dvh - 26px)}.popup-window.popup-image-window{width:min(calc(100vw - 20px),var(--popup-image-mobile-width, 260px))!important;height:auto!important;max-height:none!important}}.popup-desktop{cursor:auto}.popup-desktop .popup-title-bar{cursor:move}.navbar{--nav-items: 8;--nav-row-height: calc((95dvh - 2.5rem) / var(--nav-items));width:clamp(72px,18vw,200px);padding:clamp(.5rem,1vw,1rem) clamp(.35rem,.8vw,.5rem);height:95dvh;flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.navbar-grid{list-style:none;margin:0;padding:clamp(.35rem,.8dvh,.75rem);display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(--nav-items),minmax(0,1fr));gap:clamp(.1rem,.35dvh,.35rem);width:100%;height:100%;min-height:0;overflow:hidden}.navbar-item{display:flex;justify-content:center;min-height:0}.navbar-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.05rem,.2dvh,.25rem);text-decoration:none;color:#333;width:100%;height:100%;min-height:0;padding:clamp(.12rem,.35dvh,.35rem);border-radius:8px;transition:background-color .2s ease,transform .15s ease}.navbar-link:hover,.navbar-link:focus{background-color:#01696bb3;color:#a7a6a6;transform:translateY(-3px)}.navbar-icon{width:clamp(16px,calc(var(--nav-row-height) * .55),64px);height:clamp(16px,calc(var(--nav-row-height) * .55),64px);object-fit:contain;display:block;transition:width .22s ease,height .22s ease,transform .15s ease}.navbar-label{font-weight:500;font-size:clamp(.5rem,calc(var(--nav-row-height) * .16),.95rem);line-height:1;text-align:center;transition:font-size .22s ease,color .15s ease}.navbar-link:focus-visible{outline:2px solid rgba(1,60,61,.7);outline-offset:2px}@media(max-width:640px){.navbar{width:clamp(60px,16vw,80px);padding:.35rem;--nav-row-height: calc((100dvh - 1.5rem) / var(--nav-items))}.navbar-icon{width:clamp(14px,calc(var(--nav-row-height) * .62),32px);height:clamp(14px,calc(var(--nav-row-height) * .62),32px)}.navbar-label{display:none}}body{background-color:#017374;font-family:Windows98;margin:10;padding:0}
