/*20250520*/
@font-face   {font-family:unifont; src:url(font/unifont.woff2);} /* https://savannah.gnu.org/projects/unifont/ */
:root        {--bg0: #101010; --bg1:#131313; --d:#161616; --t:#98a0a7;}
html         {touch-action:manipulation; overflow:hidden;}
body         {font-family:unifont; background-color:var(--bg0); background-image:linear-gradient(0deg, var(--bg1), 1px, transparent 1px), linear-gradient(90deg, var(--bg1), 1px, transparent 1px); background-size:1em 1em; color:var(--t); height:100vh; display:grid; margin:0; user-select:none; -webkit-user-select:none;/*CholerneSafari*/}
main         {margin:auto; background-color:var(--d); display:grid; grid-template-areas:'l t r' 'l c r' 'l b r';}
span         {position:fixed; z-index:4;}
img          {height:160px; width:160px; margin:-3px;}
h1           {font-size:55px; margin:0.6ex auto; text-align:center;}
a            {text-decoration:none; color:var(--t);}
a:hover      {background-color:var(--t); color:var(--d);}
p, a         {margin:0 0 0.8ex 0; padding:13px;}
#H > div     {display:flex;}
#A0          {width:100vw; border-top:1em solid var(--d);}
#A1          {border-left:6em solid var(--d); border-bottom:6em solid transparent;}
#A2          {height:100vh; border-left:1em solid var(--d);}
#A3          {height:30vh; border-left:2em solid var(--d); border-bottom:2em solid transparent;}
#A4          {height:30vh; border-left:2em solid var(--d); border-top:2em solid transparent;}
#A5          {border-left:6em solid var(--d); border-top:6em solid transparent;}
#A6          {width:23vh; border-bottom:1em solid var(--d); border-right:1em solid transparent;}
#A7          {border-right:6em solid var(--d); border-bottom:6em solid transparent;}
#A8          {height:50vh; border-right:1em solid var(--d);}
#A9          {top:30vh; right:0; height:32vh; border-top:2em solid transparent; border-right:2em solid var(--d); border-bottom:2em solid transparent;}
#B           {grid-area:t; border-left:1em solid transparent; border-right:1em solid transparent; border-top:1em solid var(--bg0); margin-left:12em; width:10em;}
#C           {grid-area:l; height:13ex; border-top:1em solid transparent; border-bottom:1em solid transparent; border-right:1em solid var(--d); margin-left:-1em;}
#D           {grid-area:r; border-top:1em solid transparent; border-bottom:1em solid transparent; border-left:1em solid var(--d); margin-right:-1em;}
#E           {grid-area:b; border-left:1em solid transparent; border-right:1em solid transparent; border-top:1em solid var(--d); margin-bottom:-1em; width:30ex;}
#F           {grid-area:c; display:grid; padding:1em 1em 1em 2em; margin:0;}
#G           {padding:1em 2em 1em 1em; width:min-content; filter:blur(11px); grid-column-start:-2; grid-column-end:1;}
#H           {grid-column-start:1; grid-column-end:2;}
#I           {display:flex; margin: 1ex 0 1ex 1ex; grid-column-start:-2; grid-column-end:2;}
.a           {top:0; left:0;}
.b           {bottom:0; left:0;}
.c           {top:0; right:0;}
.d           {filter:invert(100%);}
.e           {background-color:var(--bg0); border-radius:1ex 0 0 1ex; width:6em;}
.f           {background-color:var(--bg1); border-radius:0 1ex 1ex 0; width:-moz-available; width:-webkit-fill-available;}