:root{--bg-primary-hsl:240 0% 7%;--bg-secondary-hsl:240 0% 11%;--bg-tertiary-hsl:240 0% 14%;--text-primary-hsl:220 13% 91%;--text-secondary-hsl:218 9% 70%;--border-color-hsl:210 2% 23%;--shadow-color-hsl:0 0% 0%;--separator-color-hsl:210 2% 23%;--accent-primary-hsl:340 100% 62%;--accent-primary-hover-hsl:340 100% 72%;--accent-secondary-hsl:51 100% 50%;--accent-secondary-hover-hsl:51 100% 60%;--accent-tertiary-hsl:195 100% 50%;--accent-tertiary-hover-hsl:195 100% 65%;--link-color-hsl:195 100% 50%;--link-hover-hsl:195 100% 65%;--clr-wind:#1ae6c3;--clr-water:#75b3f0;--clr-fire:#ffd633;--clr-soul:#b37de8;--clr-light:#e5e7eb;--clr-curse:#ff3d7e;--clr-orange:hsl(var(--accent-secondary-hsl));--clr-unknown:#95a5a6;--clr-default-element:hsl(var(--accent-primary-hsl));--bg-primary:hsl(var(--bg-primary-hsl));--bg-secondary:hsl(var(--bg-secondary-hsl));--bg-tertiary:hsl(var(--bg-tertiary-hsl));--text-primary:hsl(var(--text-primary-hsl));--text-secondary:hsl(var(--text-secondary-hsl));--border-color:hsl(var(--border-color-hsl));--separator-color:hsl(var(--separator-color-hsl));--accent-primary:hsl(var(--accent-primary-hsl));--accent-primary-hover:hsl(var(--accent-primary-hover-hsl));--accent-secondary:hsl(var(--accent-secondary-hsl));--accent-secondary-hover:hsl(var(--accent-secondary-hover-hsl));--accent-tertiary:hsl(var(--accent-tertiary-hsl));--accent-tertiary-hover:hsl(var(--accent-tertiary-hover-hsl));--link-color:hsl(var(--link-color-hsl));--link-hover:hsl(var(--link-hover-hsl));--shadow-color:hsla(var(--shadow-color-hsl), .6);--glitch-color-1:hsl(var(--accent-primary-hsl));--glitch-color-2:hsl(var(--accent-tertiary-hsl));--neon-glow-color:hsl(var(--accent-primary-hsl));--font-main:var(--font-roboto-condensed), system-ui, -apple-system, sans-serif;--font-heading:var(--font-rajdhani), system-ui, -apple-system, sans-serif;--transition-speed:.3s;--transition-speed-fast:.15s;--transition-speed-slow:.5s;--border-radius-small:4px;--border-radius:8px;--border-radius-large:12px;--border-radius-round:50%;--header-height:70px;--container-max-width:1600px;--container-padding:1rem;--active-element-hsl:var(--accent-primary-hsl);--star-color:gold}*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--border-color);margin:0;padding:0}html,body,body>div:first-child,div#__next{height:100%;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;flex-direction:column;min-height:100vh;font-size:16px;line-height:1.6;display:flex;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1rem);-moz-text-size-adjust:100%;text-size-adjust:100%;tab-size:4;line-height:1.5}main{flex-direction:column;flex-grow:1;width:100%;display:flex}img,video,svg,canvas{max-width:100%;height:auto;display:block}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--border-radius-small);text-decoration:none}:focus:not(:focus-visible){outline:none}.image-container-protected{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:inline-block;position:relative}.image-container-protected:after{content:"";z-index:10;cursor:default;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}.image-container-protected img{z-index:1;pointer-events:none;display:block;position:relative}