@font-face{font-family:pixel;src:url(/bbt.ttf)format("truetype")}.back-button{display:inline-block;font-family:pixel;font-size:18px;color:#fff;background:#000;border:2px solid #fff;padding:4px 8px;cursor:pointer;margin-bottom:16px;image-rendering:pixelated}.back-button:hover{background:#fff;color:#000}#projects li{cursor:pointer;padding:4px 0}#projects li:hover{text-decoration:underline}html{background:#000;font-family:pixel;color:#fff}.top{display:grid;grid-template-columns:256px 1fr;gap:16px;margin-bottom:16px}.pixelbox{image-rendering:pixelated;image-rendering:crisp-edges;border:16px solid transparent;border-image:url(/images/border_img.png)16 round;padding:16px;box-sizing:border-box}.logo{display:flex;align-items:center;justify-content:center}.logo-inner{width:128px;height:128px;background-image:url(/images/logo_gray.png);background-size:contain;background-repeat:no-repeat;background-position:50%;image-rendering:pixelated}.logo-inner:hover{background-image:url(/images/logo_color.png)}@media(max-width:700px){.main-ui{display:flex!important;flex-direction:column!important;width:100%!important;gap:16px!important}.top{grid-template-columns:1fr!important;gap:16px!important}.pixelbox{width:100%!important;padding:8px!important;box-sizing:border-box!important}.logo-inner{width:100px!important;height:100px!important}.desc{font-size:20px!important}.menu a{font-size:18px!important;padding:8px!important;text-align:center!important}.menu{display:flex!important;flex-direction:column!important;gap:8px!important}.menu a{font-size:18px!important;padding:8px!important;text-align:center!important}.content{display:flex!important;flex-direction:column!important;gap:16px!important}.screen{width:100%!important}.container{padding:0 8px!important}.back-button{font-size:16px!important;padding:4px 6px!important}}.logo img{image-rendering:pixelated;min-width:128px}.desc{font-size:24px;text-align:center;line-height:1.6}.menu a{display:block;color:#fff;text-decoration:none;margin-bottom:8px}.menu a::before{content:"▶ ";opacity:0}.menu a:hover::before{opacity:1}.menu a.active::before{opacity:1}li a:active,li a:focus,li a:visited{color:#fff}li a:hover{color:#666!important}.menu-content{min-height:120px;margin-top:16px}.screen{display:none}.screen.active{display:block}.main-ui{align-items:start;display:grid;grid-template-columns:256px 1fr;gap:16px;margin:0 auto}.screen-inner{font-family:pixel;font-size:20px;line-height:1.2;color:#fff;white-space:normal;overflow-wrap:break-word;word-break:break-word}.screen-inner p{margin:.5em 0}.screen-inner h1,.screen-inner h2,.screen-inner h3{margin:.5em 0}.container{max-width:100%;margin:32px auto;padding:0 16px}