nav{background-color:#121212;color:#fff;padding:2rem 1rem;display:flex;flex-direction:column;align-items:flex-start;position:fixed;top:0;left:0;height:100vh;width:220px;z-index:1000;box-shadow:2px 0 10px #0009;border-right:1px solid #333}#nav_container{display:flex;flex-direction:column;gap:1.5rem;width:100%}#nav_container img.nav_logo{width:24px;height:24px;border-radius:50%}.nav_button{display:block;width:100%;padding:.75rem 1rem;color:#ccc;text-decoration:none;font-size:1.5rem;font-weight:500;border-left:4px solid transparent;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.nav_button:hover{background-color:#1f1f1f;color:#7cf1e4;border-color:#7cf1e4}.nav_button.active{background-color:#2c2c2c;color:#ff79c6;border-color:#ff79c6}@media (max-width: 800px),(orientation: portrait){nav{position:fixed;top:0;left:0;width:100%;height:auto;flex-direction:row;align-items:center;justify-content:space-around;padding:1rem;border-right:none;border-bottom:1px solid #333;box-shadow:0 2px 10px #0009}#nav_container{flex-direction:row;justify-content:space-around;gap:1rem;width:100%}.nav_button{font-size:1.5rem;font-weight:500;border-left:none;border-bottom:2px solid transparent;text-align:center}.nav_button:hover{border-bottom:2px solid #7cf1e4}.nav_button.active{border-bottom:2px solid #ff79c6}}.unity_game_wrapper{position:fixed;top:0;left:220px;height:100vh;width:calc(100% - 220px);display:flex;justify-content:center;align-items:center;background-color:#000;overflow:hidden}.unity_game_iframe{width:100%;height:100%;max-width:1200px;border:none}@media (max-width: 800px),(orientation: portrait){.unity_game_wrapper{position:fixed;top:100px;left:0;width:100%;height:calc(100vh - 100px);padding:0}.unity_game_iframe{width:100%;height:100%;max-width:none}}body{margin:0;font-family:Segoe UI,sans-serif;background-color:#1a1a1d;color:#e0e0e0;padding-left:220px;overflow-x:hidden;box-sizing:border-box}*{box-sizing:inherit}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.app-content{position:relative}#background_container,#sim_container{top:0;left:0;height:0;width:0}#page_container{position:relative;width:100%;padding:2rem 1rem;margin:0 auto;overflow-x:hidden;max-width:800px}.page-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#ff79c6}.post-card{background:rgba(40,42,54,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.5rem;margin-bottom:1.5rem;border-radius:10px;box-shadow:0 4px 16px #ff79c61a;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:scale(1.015);box-shadow:0 6px 20px #ff79c64d}.post-title{font-size:1.5rem;font-weight:600;color:#bd93f9;margin-bottom:.5rem}.post-meta{font-size:.85rem;color:#999;margin-bottom:1rem}.post-content{font-size:1rem;line-height:1.6;color:#f8f8f2}.blog-container{width:100%;max-width:800px;margin:2rem auto;padding:0 1rem;text-align:left}.load-more-button{padding:.5rem 1rem;background-color:#50fa7b;color:#121212;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.load-more-button:hover{background-color:#3ae374}a{color:#8be9fd;text-decoration:none;font-weight:500;transition:color .2s ease,border-bottom .2s ease}a:hover{color:#50fa7b;border-bottom:1px solid #50fa7b}a:visited{color:#bd93f9}a:active{color:#f55}.main_text_container{width:100%;max-width:800px;margin:0 auto;text-align:left;padding:0 1rem}.main_text_container_wrapper{position:relative;background-color:#282a36cc;width:100%;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 12px #0000004d}.general-text-inner{background-color:#282a36cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.5rem;margin-bottom:1.5rem;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #ffffff0d}.general-text-header{font-size:1.5rem;font-weight:600;color:#ffb86c;margin:0 1rem;padding:1rem}.general-text-content{font-size:1rem;line-height:1.5;color:#f8f8f2;padding:1rem}.main_text_container h1{font-size:1.5rem;color:#f1fa8c;margin:0;line-height:1.4}@media (max-width: 800px),(orientation: portrait){body{padding-left:0;padding-top:100px}#page_container{max-width:100%;padding:1rem}.blog-container,.main_text_container{max-width:90vw}.general-text-inner{padding:1rem 0}.page-title,.post-title,.post-meta,.post-content,.general-text-header,.general-text-content,.main_text_container h1{font-size:3.5vw}}