:root{--background-color-1:#080a1c;--background-color-2:#0c0f26;--background-color-3:#101432;--header-background-color-1:#0a0c23;--header-background-color-2:#12163c;--header-background-color-3:#5064dc40;--header-background-color-4:#3246b440;--body-background-color-1:#14193c66;--body-background-color-2:#28326466;--header-text-color-1:#82a0ff;--header-text-color-2:#e1e4ff;--body-text-color-1:#c3c8e6;--body-text-color-2:#9ba2c8;--body-text-color-3:#6e76a0;--detail-color-1:#3c5ac8;--detail-color-2:#503cb4;--detail-color-3:#372da0;--color-good:#00c800;--color-bad:#c80000;--color-warning:#c8c800;--header-font-size-1:clamp(2rem, 5vw, 6.5rem);--header-font-size-2:clamp(1.5rem, 2.5vw, 6rem);--header-font-size-3:clamp(1.25rem, 1.5vw + .5rem, 3.75rem);--body-font-size-1:clamp(2rem, 4vw , 4rem);--body-font-size-2:clamp(1.5rem, 3.5vw, 3rem);--body-font-size-3:clamp(1rem, 3vw, 2rem);--body-font-size-4:clamp(.75rem, 2.75vw, 1.5rem);--padding-1:2rem;--padding-2:1rem;--padding-3:.5rem;--padding-4:.25rem;--border-1:.2rem solid var(--detail-color-1);--border-2:.4rem solid var(--detail-color-2);--border-3:.2rem solid grey;--border-radius-1:16px;--border-radius-2:8px;--border-radius-3:4px;--border-radius-4:2px;--shadow-1:0 8px 16px #0006;--shadow-2:0 4px 8px #0000004d;--shadow-3:0 2px 4px #0003;--transition-1:.5s ease-in-out;--transition-2:.35s ease-in-out;--transition-3:.2s ease-in-out;--font-weight-1:700;--font-weight-2:500;--font-weight-3:300;--font-weight-4:100;--z-4:1000;--z-3:500;--z-2:200;--z-1:1;--max-width:1400px;--navbar-height:clamp(48px, 5vw, 120px);--navbar-width:clamp(200px, 7.5vw, 300px)}*{box-sizing:border-box;scrollbar-gutter:stable;scrollbar-color:var(--detail-color-1) var(--background-color-1);scrollbar-width:thin;font-family:Poppins,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color-1)}::-webkit-scrollbar-thumb{background:var(--detail-color-1);border-radius:var(--border-radius-2)}::-webkit-scrollbar-thumb:hover{background:var(--detail-color-2)}html,body,header{background:linear-gradient(125deg, var(--background-color-2), var(--background-color-3));min-height:100svh;overflow:hidden scroll}.main-content{margin:calc(var(--navbar-height) + var(--padding-3)) auto 0;justify-content:flex-start;align-items:center;gap:var(--padding-2);width:100%;max-width:var(--max-width);min-height:calc(100vh - var(--navbar-height));flex-flow:column wrap;display:flex}@media (width<=768px){.main-content{padding:0 var(--padding-3)}}.navbar{z-index:var(--z-4);width:100%;height:var(--navbar-height);background:linear-gradient(125deg, var(--header-background-color-1), var(--header-background-color-2));border-bottom:var(--border-1);padding:0 var(--padding-3);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar .nav-brand{height:100%;color:var(--header-text-color-1);font-size:var(--header-font-size-2);font-weight:var(--font-weight-1);transition:color var(--transition-3);align-items:center;text-decoration:none;display:flex}.navbar .nav-brand img{aspect-ratio:1;height:calc(var(--navbar-height) - var(--padding-3));width:auto;margin-right:var(--padding-2)}.navbar .nav-brand:hover{color:var(--detail-color-2)}.navbar .nav-links{height:100%;margin-right:calc(var(--padding-3) * -1);flex:1;justify-content:flex-end;align-items:center;display:flex;overflow:hidden}.navbar .nav-links a{height:100%;color:var(--body-text-color-1);font-size:var(--header-font-size-3);font-weight:var(--font-weight-2);padding:0 var(--padding-2);transition:background-color var(--transition-3);align-items:center;text-decoration:none;display:flex}.navbar .nav-links a.active{background-color:var(--detail-color-1)}.navbar .nav-links a:hover:not(.active){background-color:var(--detail-color-2)}.navbar .nav-hamburger{background-color:#0000;border:none;align-items:center;display:none}.navbar .nav-hamburger img{aspect-ratio:1;height:calc(var(--navbar-height) - var(--padding-3));filter:invert();width:auto}@media (width<=768px){.navbar .nav-links{top:var(--navbar-height);width:var(--navbar-width);transition:transform var(--transition-2);background:linear-gradient(125deg, var(--header-background-color-1), var(--header-background-color-2));border-bottom:var(--border-1);border-left:var(--border-1);border-top:var(--border-1);flex-direction:column;height:auto;display:flex;position:fixed;right:0;overflow:hidden;transform:translate(100%)}.navbar .nav-links a{text-align:center;width:100%;height:var(--navbar-height);padding:0 var(--padding-3);justify-content:center;display:flex}.navbar .nav-links.open{transform:translate(0)}.navbar .nav-hamburger{display:flex}.navbar .nav-hamburger img{margin-right:var(--padding-4)}}.info-block{margin:var(--padding-3) var(--padding-3);border:var(--border-2);border-radius:var(--border-radius-1);background:linear-gradient(45deg, var(--header-background-color-4), var(--header-background-color-3));flex-direction:row;align-items:flex-start;width:auto;height:auto;display:flex;overflow:hidden scroll}.info-block img{aspect-ratio:1;width:30%;height:auto;margin:var(--padding-2);border-radius:var(--border-radius-1);align-self:center}.info-block .info-body{padding:var(--padding-2) var(--padding-2);flex-direction:column;flex:1;justify-content:flex-start;width:100%;display:flex}.info-block .info-body .info-header-row{flex-wrap:wrap;align-items:center;width:100%;display:flex}.info-block .info-body .info-header-row h2{margin-bottom:var(--padding-3);flex:1}.info-block .info-body .info-header-row{margin-bottom:var(--padding-3)}.info-block .info-body .info-buttons{gap:var(--padding-3);flex-flow:wrap;display:flex}.info-block .info-body .info-button{padding:var(--padding-3) var(--padding-2);background-color:var(--header-background-color-4);color:var(--body-text-color-1);border:var(--border-1);border-radius:var(--border-radius-2);font-size:var(--body-font-size-3);font-weight:var(--font-weight-1);transition:background-color var(--transition-3);text-decoration:none}.info-block .info-body .info-button:hover{background-color:var(--detail-color-2)}.info-block .info-body .header-divider{height:var(--padding-3);background-color:var(--detail-color-2);border:var(--border-1);border-radius:var(--border-radius-2);width:100%;margin-top:var(--padding-3)}.info-block .info-body h2{white-space:pre-line;color:var(--header-text-color-2);font-size:var(--header-font-size-1);margin:0}.info-block .info-body p{white-space:pre-line;text-align:start;color:var(--body-text-color-1);font-size:var(--body-font-size-3)}.info-block .info-body .info-notes{flex-direction:column;justify-content:center;align-items:stretch;width:100%;display:flex}.info-block .info-body .info-notes .info-note{gap:var(--padding-4);flex-direction:column;align-items:stretch;display:flex;container-type:inline-size}.info-block .info-body .info-notes .info-note .info-note-body{grid-template-columns:40% 60%;align-items:baseline;display:grid}.info-block .info-body .info-notes .info-note .info-note-body strong{font-size:var(--body-font-size-4);color:var(--body-text-color-1);font-weight:var(--font-weight-1);text-overflow:ellipsis;min-width:0;overflow:hidden}.info-block .info-body .info-notes .info-note .info-note-body span,.info-block .info-body .info-notes .info-note .info-note-body a{font-size:var(--body-font-size-4);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.info-block .info-body .info-notes .info-note .info-note-body span{color:var(--body-text-color-1)}.info-block .info-body .info-notes .info-note .info-note-body a{color:var(--detail-color-2)}@container (width<=300px){.info-block .info-body .info-notes .info-note .info-note-body{grid-template-columns:1fr}.info-block .info-body .info-notes .info-note .info-note-body span,.info-block .info-body .info-notes .info-note .info-note-body a{text-align:left}}.info-block .info-body .info-notes .info-note .note-divider{width:100%}@media (width<=768px){.info-block{width:100%;margin:var(--padding-3) 0;align-items:stretch;flex-direction:column!important;flex:unset!important}.info-block img{align-self:center;width:80%!important}.info-block .info-notes{width:100%}}.flex-container-row{flex-direction:row;display:flex}.flex-container-column{flex-direction:column;display:flex}.flex-container-wrap{flex-wrap:wrap;display:flex}
