:root{--background-color-1:#0a0a0c;--background-color-2:#0e0e12;--background-color-3:#121218;--header-background-color-1:#14141a;--header-background-color-2:#1c1c24;--header-background-color-3:#ffffff0a;--header-background-color-4:#ffffff0f;--body-background-color-1:#ffffff08;--body-background-color-2:#ffffff0f;--header-text-color-1:#dcdce6;--header-text-color-2:#f0f0f5;--body-text-color-1:#b4b4c3;--body-text-color-2:#828294;--body-text-color-3:#555564;--detail-color-1:#4b4b5f;--detail-color-2:#5f5f73;--detail-color-3:#373748;--color-good:#64c878;--color-bad:#dc5050;--color-warning:#d2b43c;--header-font-size-1:clamp(1.4rem, 2.5vw, 2.2rem);--header-font-size-2:clamp(1.05rem, 1.6vw, 1.4rem);--header-font-size-3:clamp(.9rem, 1.2vw, 1.1rem);--body-font-size-1:clamp(1.2rem, 2vw, 1.8rem);--body-font-size-2:clamp(1rem, 1.6vw, 1.35rem);--body-font-size-3:clamp(.88rem, 1.2vw, 1rem);--body-font-size-4:clamp(.78rem, 1vw, .9rem);--padding-1:2rem;--padding-2:1rem;--padding-3:.5rem;--padding-4:.25rem;--border-1:.15rem solid #ffffff1a;--border-2:.3rem solid #ffffff1f;--border-3:.15rem solid #ffffff0f;--border-radius-1:12px;--border-radius-2:8px;--border-radius-3:4px;--border-radius-4:2px;--shadow-1:0 8px 24px #0009;--shadow-2:0 4px 12px #0006;--shadow-3:0 2px 6px #00000040;--transition-1:.5s ease-in-out;--transition-2:.3s ease-in-out;--transition-3:.18s 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:1200px;--navbar-height:clamp(48px, 5vw, 64px);--navbar-width:clamp(160px, 45vw, 240px)}*{box-sizing:border-box;scrollbar-gutter:stable;scrollbar-color:var(--detail-color-2) var(--background-color-1);scrollbar-width:thin;font-family:Poppins,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background-color-1)}::-webkit-scrollbar-thumb{background:var(--detail-color-2);border-radius:var(--border-radius-2)}::-webkit-scrollbar-thumb:hover{background:var(--detail-color-1)}html,body{background:linear-gradient(135deg, var(--background-color-1), var(--background-color-3));min-height:100svh;overflow:hidden scroll}.main-content{margin:calc(var(--navbar-height) + var(--padding-2)) auto 0;padding:0 var(--padding-2);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-direction:column;display:flex}@media (width<=768px){.main-content{padding:0 var(--padding-3);gap:var(--padding-3)}}.navbar{z-index:var(--z-4);justify-content:space-between;align-items:center;gap:var(--padding-2);height:var(--navbar-height);padding:0 var(--padding-2);background:var(--header-background-color-1);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #ffffff12;display:flex;position:fixed;inset:0 0 auto}.nav-brand{color:var(--header-text-color-2);font-size:var(--header-font-size-2);font-weight:var(--font-weight-1);letter-spacing:-.01em;white-space:nowrap;transition:opacity var(--transition-3);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-brand img{height:calc(var(--navbar-height) * .52);aspect-ratio:1;border-radius:6px;width:auto}.nav-brand .tld{color:var(--body-text-color-2);font-weight:var(--font-weight-2)}.nav-brand:hover{opacity:.75}.nav-links{align-items:center;gap:2px;height:100%;display:flex}.nav-links a{height:100%;color:var(--body-text-color-2);font-size:var(--header-font-size-3);font-weight:var(--font-weight-2);white-space:nowrap;transition:color var(--transition-3);align-items:center;padding:0 14px;text-decoration:none;display:flex;position:relative}.nav-links a:after{content:"";background:var(--header-text-color-1);opacity:0;height:2px;transition:opacity var(--transition-3), transform var(--transition-3);border-radius:2px;position:absolute;bottom:6px;left:14px;right:14px;transform:scaleX(.4)}.nav-links a:hover,.nav-links a.active{color:var(--header-text-color-2)}.nav-links a.active:after{opacity:1;transform:scaleX(1)}.dropdown{align-items:center;height:100%;display:flex;position:relative}.dropdown-trigger{cursor:pointer;height:100%;color:var(--body-text-color-2);font-size:var(--header-font-size-3);font-weight:var(--font-weight-2);white-space:nowrap;transition:color var(--transition-3);background:0 0;border:none;align-items:center;gap:6px;padding:0 14px;font-family:inherit;display:flex;position:relative}.dropdown-trigger:after{content:"";background:var(--header-text-color-1);opacity:0;height:2px;transition:opacity var(--transition-3), transform var(--transition-3);border-radius:2px;position:absolute;bottom:6px;left:14px;right:14px;transform:scaleX(.4)}.dropdown-trigger:hover,.dropdown-trigger.open,.dropdown-trigger.active{color:var(--header-text-color-2)}.dropdown-trigger.active:after{opacity:1;transform:scaleX(1)}.dropdown-trigger .chevron{opacity:.5;transition:transform var(--transition-3), opacity var(--transition-3);flex-shrink:0}.dropdown-trigger:hover .chevron,.dropdown-trigger.open .chevron{opacity:1}.dropdown-trigger.open .chevron{transform:rotate(180deg)}.trigger-label{flex-direction:column;align-items:flex-start;gap:2px;line-height:1;display:flex}.trigger-sub{font-size:.65em;font-weight:var(--font-weight-2);color:var(--body-text-color-3);letter-spacing:.02em;line-height:1}.dropdown-panel{background:var(--header-background-color-2);border-radius:var(--border-radius-2);min-width:160px;box-shadow:var(--shadow-1);opacity:0;pointer-events:none;transition:opacity var(--transition-3), transform var(--transition-3);border:1px solid #ffffff17;flex-direction:column;display:flex;position:absolute;top:calc(100% + 1px);left:50%;overflow:hidden;transform:translate(-50%)translateY(-6px)}.dropdown-panel.open{opacity:1;pointer-events:all;transform:translate(-50%)translateY(0)}.dropdown-panel a{height:40px;font-size:var(--body-font-size-4);color:var(--body-text-color-1);border-bottom:1px solid #ffffff0d;padding:0 16px}.dropdown-panel a:after{display:none}.dropdown-panel a:last-child{border-bottom:none}.dropdown-panel a:hover{color:var(--header-text-color-2);background:#ffffff0d}.dropdown-panel a.active{color:var(--header-text-color-2);background:#ffffff12}.hamburger{cursor:pointer;border-radius:var(--border-radius-3);width:36px;height:36px;transition:background var(--transition-3);background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0;display:none}.hamburger span{background:var(--body-text-color-1);width:20px;height:2px;transition:transform var(--transition-2), opacity var(--transition-2), width var(--transition-2);transform-origin:50%;border-radius:2px;display:block}.hamburger:hover{background:#ffffff0f}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;width:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.drawer{top:var(--navbar-height);background:var(--header-background-color-2);width:clamp(220px,70vw,280px);transition:transform var(--transition-2);z-index:var(--z-3);border-left:1px solid #ffffff1a;flex-direction:column;display:flex;position:fixed;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer>a{padding:0 var(--padding-2);height:52px;color:var(--body-text-color-1);font-size:var(--header-font-size-3);font-weight:var(--font-weight-2);transition:background var(--transition-3), color var(--transition-3);border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;text-decoration:none;display:flex}.drawer>a:hover{color:var(--header-text-color-2);background:#ffffff0a}.drawer>a.active{color:var(--header-text-color-2);background:#ffffff12}.drawer-group{border-bottom:1px solid #ffffff0d;flex-direction:column;display:flex}.drawer-group-btn{padding:0 var(--padding-2);cursor:pointer;height:52px;color:var(--body-text-color-1);font-size:var(--header-font-size-3);font-weight:var(--font-weight-2);text-align:left;transition:background var(--transition-3), color var(--transition-3);background:0 0;border:none;flex-shrink:0;justify-content:space-between;align-items:center;font-family:inherit;display:flex}.drawer-group-btn .chevron{transition:transform var(--transition-3)}.drawer-group-btn.open .chevron{transform:rotate(180deg)}.drawer-group-btn.active,.drawer-group-btn.open{color:var(--header-text-color-2)}.drawer-group-btn:hover{color:var(--header-text-color-2);background:#ffffff0a}.drawer-sublinks{transition:grid-template-rows var(--transition-2);grid-template-rows:0fr;display:grid}.drawer-sublinks>*{overflow:hidden}.drawer-sublinks.open{grid-template-rows:1fr}.drawer-sublinks a{height:44px;padding-left:calc(var(--padding-2) + 14px);padding-right:var(--padding-2);color:var(--body-text-color-2);font-size:var(--body-font-size-3);font-weight:var(--font-weight-2);transition:background var(--transition-3), color var(--transition-3);background:#00000026;border-bottom:1px solid #ffffff0a;align-items:center;text-decoration:none;display:flex}.drawer-sublinks a:last-child{border-bottom:none}.drawer-sublinks a:hover{color:var(--header-text-color-2);background:#ffffff0a}.drawer-sublinks a.active{color:var(--header-text-color-2)}.nav-overlay{inset:var(--navbar-height) 0 0 0;z-index:calc(var(--z-3) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;position:fixed}@media (width<=768px){.nav-links{display:none}.hamburger{display:flex}}@media (width>=769px){.drawer,.nav-overlay{display:none!important}}.info-block{border:var(--border-2);border-radius:var(--border-radius-1);background:var(--header-background-color-4);width:100%;box-shadow:var(--shadow-2);align-items:stretch;display:flex;overflow:hidden}.info-img{object-fit:cover;width:200px;height:auto;margin:var(--padding-2);border-radius:var(--border-radius-2);flex-shrink:0;align-self:center}.info-body{min-width:0;padding:var(--padding-2);gap:var(--padding-3);flex-direction:column;flex:1;display:flex}.info-header-row{align-items:center;gap:var(--padding-3);flex-wrap:wrap;display:flex}.info-header-row.pos-right{flex-direction:row-reverse;justify-content:flex-end}.info-header-row.pos-center{text-align:center;justify-content:center}.info-header-row h2{font-size:var(--header-font-size-1);font-weight:var(--font-weight-1);color:var(--header-text-color-2);white-space:pre-line;flex:1;margin:0;line-height:1.2}.info-buttons{gap:var(--padding-3);flex-wrap:wrap;display:flex}.info-button{padding:6px var(--padding-3);border:var(--border-1);border-radius:var(--border-radius-2);color:var(--body-text-color-1);font-size:var(--body-font-size-4);font-weight:var(--font-weight-2);white-space:nowrap;transition:background var(--transition-3), color var(--transition-3);background:#ffffff0f;align-items:center;text-decoration:none;display:inline-flex}.info-button:hover{color:var(--header-text-color-2);background:#ffffff1f}.info-divider{background:#ffffff14;border-radius:1px;flex-shrink:0;width:100%;height:1px}.info-description{color:var(--body-text-color-1);font-size:var(--body-font-size-3);white-space:pre-line;margin:0;line-height:1.65}.info-notes{flex-direction:column;margin:0;padding:0;display:flex}.info-note{align-items:baseline;gap:var(--padding-3);border-top:1px solid #ffffff0f;grid-template-columns:38% 1fr;padding:6px 0;display:grid}.info-note:first-child{border-top:none}.info-note dt{font-size:var(--body-font-size-4);font-weight:var(--font-weight-2);color:var(--body-text-color-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.info-note dt:after{content:":"}.info-note dd{font-size:var(--body-font-size-4);color:var(--body-text-color-1);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.info-note dd a{color:var(--body-text-color-2);transition:color var(--transition-3);text-decoration:none}.info-note dd a:hover{color:var(--header-text-color-1)}@media (width<=768px){.info-block{margin:0;flex-direction:column!important;flex:unset!important}.info-img{max-width:180px;margin:var(--padding-2) auto var(--padding-3);align-self:center;width:50%!important}.info-note{grid-template-columns:1fr;gap:2px}.info-note dd{white-space:normal}}.flex-container-row{flex-direction:row;display:flex}.flex-container-column{flex-direction:column;display:flex}.flex-container-wrap{gap:var(--padding-2);flex-wrap:wrap;width:100%;display:flex}@media (width<=768px){.flex-container-wrap{gap:var(--padding-3);flex-direction:column}}
