tab-size *{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}*{transition:all .8s ease}body{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;background-color:#fff;color:#000;line-height:1.5}header{background-image:url('https://metsuke.com/assets/img/headerbg/aw.jpeg');background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:auto;color:#fff;padding:10px 0 10px 0;text-align:center;margin:0}header .logo{background-color:white;border:10px solid white;border-radius:50%;max-width:20%}header h1{font-size:2rem;color:white;line-height:3rem !important;background-color:rgba(0,0,0,0.5) !important}header h2{font-size:1.4rem;color:#ddd01b;line-height:1.6rem !important;background-color:rgba(0,0,0,0.5) !important}nav{background-color:#000;border-top:2px solid #b10505;border-bottom:1px solid #b10505;padding:10px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}nav a{color:#fff;text-decoration:none;padding:10px;margin:0 10px}main{padding:20px;margin-bottom:14rem;display:flex;flex-direction:column}main .columns{display:flex;flex-wrap:wrap;justify-content:start}main .column{flex-basis:48%;padding:10px}@media(max-width:1200px){main .column{flex-basis:100%}}footer{background-color:#000;color:#fff;padding:4px;text-align:center;height:8rem;width:100%}a{color:#a31600;text-decoration:underline}a:hover{text-decoration:underline}footer a{color:#fff}p img{width:100%;height:auto;max-width:100%;border:2px solid #a31600}.column p img{object-fit:cover;aspect-ratio:4 / 3;transition:all .1s ease}pre{background-color:#eef53f;border-top:4px solid #000;width:100%;padding:1rem;font-weight:bold;overflow-wrap:break-word !important}pre:not(:has(code)){background-color:#b2ffff;border:1px solid black;border-top:8px solid #000}pre.mermaid{background-color:white;color:#023b8b;border-top:8px solid #b10505;height:auto !important;max-height:none !important;padding-bottom:2rem;width:100%;overflow:visible;display:block}pre.mermaid svg{width:100%;height:auto !important;max-height:none !important;overflow:visible;display:block}code{font-family:'Courier New',Courier,monospace;background-color:#eef53f;color:#000;padding:.4rem;overflow:scroll;tab-size:2;line-height:1.4rem}pre:has(code.language-bash),code.language-bash{background-color:#000;color:#4adf47}pre:has(code.language-bash){border:1px solid #4adf47;border-top:5px solid #4adf47}pre:has(code.language-css),code.language-css{background-color:#1a6fe5;color:#fff}pre:has(code.language-html),code.language-html{background-color:#8b0000;color:#fff}pre:has(code.language-html){border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid black}pre:has(code.language-typescript),code.language-typescript{background-color:#fff;color:#000}pre:has(code.language-typescript){border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid black}blockquote{font-style:italic;border-left:4px solid #ab0404;padding-left:1rem}hr{border:1px solid #000}body,header,footer{max-width:1280px;margin:auto}pre,code{max-width:95%;white-space:pre-wrap;white-space:break-spaces;overflow-wrap:break-word}code code,code pre code{border-top:0}code pre{padding:0}table{width:100%;height:100vh;margin:0;border-collapse:collapse;font-family:'Courier New',Courier,monospace;background-color:#fff}th{background-color:#000;color:#fff;padding:10px;text-transform:uppercase;font-size:1em;letter-spacing:1px;border-bottom:2px solid #fff}td{color:#000;padding:8px;text-align:center;border-bottom:1px solid #000}tr{background-color:#fff;font-weight:bold}tr:hover{background-color:#0ff;color:#000;font-weight:bold}@media(max-width:600px){table{font-size:.85em}th,td{padding:6px}}.theme-light .mermaid{--color-red:#f77;--color-orange:#fb9;--color-yellow:#fea;--color-green:#bfb;--color-cyan:#bfe;--color-blue:#acf;--color-purple:#dbf;--color-pink:#fcc}.theme-light .mermaid .mindmap-node{border:2px solid black !important;font-weight:bold !important}h1:not(pre h1):not(code h1)+p:not(:has(img)){border-left:10px solid #b10505;padding-left:.5rem}h2:not(pre h2):not(code h2)+p:not(:has(img)){border-left:8px solid #b10505;padding-left:.5rem}h3:not(pre h3):not(code h3)+p:not(:has(img)){border-left:6px solid #04985b;padding-left:.5rem}h4:not(pre h4):not(code h4)+p:not(:has(img)){border-left:4px solid #0013bb;padding-left:.5rem}.pixi-app{position:relative;width:100%w;max-width:100%;aspect-ratio:4 / 3}.pixi-container{position:relative;border:1px solid #4a2f1f;border-top:20px solid #4a2f1f}.pixi-container canvas{width:100%;height:100%;display:block}@media(max-width:768px){nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}nav a{display:inline-block;padding:1rem 1.5rem;margin:-.5rem;line-height:1.5;min-height:2rem;box-sizing:border-box;text-align:center}.pixi-app{position:relative;aspect-ratio:3 / 4;border:1px solid #4a2f1f}}