:root{color-scheme:dark!important}html{background-color:#0000!important;color:#e0e0e0!important}body{background-color:#0000!important;color:#e0e0e0!important}@media(prefers-color-scheme:light),(prefers-color-scheme:dark){html,body{background-color:#0000!important;color:#e0e0e0!important}.navbar-custom,footer{background:#2c2c2c!important}.well,.card,.jumbotron,.panel{background-color:#2d2d2d!important;color:#e0e0e0!important}a{color:#63c0f5!important}a:hover{color:#8bd0ff!important}pre,code{background-color:#2d2d2d!important;color:#e0e0e0!important}blockquote{border-left:4px solid #007bff;padding:1.5rem;margin:2rem 0;background-color:#f8f9fa;font-style:normal;border-radius:0 4px 4px 0;color:#333}blockquote a{color:#006ce0!important;text-decoration:none}blockquote a:hover{color:#006ce0!important;text-decoration:underline}table tr{background-color:#181818}table tr:nth-child(2n){background-color:#303030}.pager li a{background:#444;color:#fff}}img{border-radius:20px;overflow:hidden;margin:10px 0}.youtube-embed-container{border-radius:20px;overflow:hidden;margin:10px 0}:root{--font-family-base:'Sarabun', 'Noto Serif Thai', 'Times New Roman', Georgia, serif;--font-family-headings:'Orbitron', 'Inter', 'Noto Sans Thai', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}body,.navbar,.footer{font-family:var(--font-family-base);font-weight:400;line-height:1.8}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings);font-weight:600;letter-spacing:.5px}.navbar-brand{font-family:var(--font-family-headings);font-weight:700;letter-spacing:1px}.main-content{padding-top:3rem}p{margin-bottom:1.5rem}.navbar{border-bottom:1px solid #eee;box-shadow:none}.navbar-brand{font-weight:600;color:#eee!important}.navbar-nav>li>a{font-family:var(--font-family-headings)!important;font-size:1.5rem!important;font-weight:500!important;color:#eee!important}.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:#fff!important}.navbar-toggle{display:none!important}.navbar-collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}@media(max-width:767px){.navbar-header{width:100%;text-align:center}.navbar-nav{float:none!important;margin:0;padding:0 15px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;text-align:center;display:flex;justify-content:center}.navbar-nav>li{display:inline-block;float:none;flex-shrink:0}.navbar-nav>li>a{padding:10px 15px;line-height:20px}}.post-meta{display:none}.blog-tags{display:none}.share-box{display:none}.post-preview{border-bottom:1px solid #eee;padding:2rem 0}.post-preview:last-child{border-bottom:none}.post-content,.page-content{padding:0 1rem;margin-bottom:2rem}ul,ol{margin-bottom:2rem;padding-left:2rem}li{margin-bottom:.5rem}.footer{background-color:#f8f9fa;border-top:1px solid #eee;padding:10px 0!important;margin-top:1rem}@media only screen and (min-width:768px){footer{padding:10px 0!important}}.footer .container{padding:0}.footer-content{text-align:center;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-header{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 0}.footer-title{font-family:var(--font-family-headings);font-weight:600;font-size:1.1rem;margin:0;color:#e1e1e1}.community-logo{margin:0}.community-logo img{max-height:25px;max-width:180px;opacity:.7;object-fit:contain}.referral-section{margin:0 0 10px}.referral-text{margin:0 0 3px;font-size:1.5rem;color:#e1e1e1;line-height:1.4}.referral-help{margin-left:5px;color:#e1e1e1;text-decoration:none;font-size:1.3rem;font-weight:700;border:2px solid #e1e1e1;border-radius:100%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.referral-help:hover{color:#007bff;border-color:#007bff;text-decoration:none}.referral-link{margin:0;font-size:1.3rem}.referral-link a{color:#e1e1e1;text-decoration:none;font-weight:200}.referral-link a:hover{color:#3c9aff;text-decoration:underline}.legal-notice{font-size:.8rem;color:#c7c7c7;margin-top:2px;margin-bottom:0;line-height:1.4}@media(max-width:768px){.footer{padding:10px 0}.footer-header{flex-direction:column;gap:5px}.footer-title{font-size:1rem}.community-logo img{max-height:25px;max-width:180px}.referral-text{font-size:.85rem}.referral-link{font-size:.85rem}.legal-notice{font-size:.75rem;padding:0 1rem}}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:1.5rem}h1{margin-top:5rem}h2{margin-top:4rem}h3{margin-top:3rem}h4,h5,h6{margin-top:2rem}hr{margin-top:4rem}h1:first-child,h2:first-child,h3:first-child{margin-top:0}.post-heading .post-meta,.post-heading .post-subheading{display:none}pre{background-color:#1e1e1e!important;border:1px solid #333!important;color:#d4d4d4!important;padding:1.5rem!important;border-radius:6px!important;font-family:fira code,consolas,monaco,courier new,monospace!important;font-size:14px!important;line-height:1.6!important;overflow-x:auto!important}code{background-color:#2d2d2d!important;color:#f8f8f2!important;padding:2px 6px!important;border-radius:3px!important;font-family:fira code,consolas,monaco,courier new,monospace!important;font-size:.9em!important;border:none!important}p code,li code,h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{background-color:#2d2d2d!important;color:#f8f8f2!important;padding:2px 6px!important;border-radius:3px!important;font-size:.85em!important}pre code{background-color:transparent!important;color:#d4d4d4!important;padding:0!important}.intro-header .page-heading h1,.intro-header .post-heading h1,.intro-header .site-heading h1,.intro-header .list-heading h1,.intro-header .guides-heading h1,.intro-header .ships-heading h1,.intro-header .concepts-heading h1,.intro-header .development-heading h1{font-size:4rem!important;font-weight:800;margin-bottom:.5rem;line-height:1.2}.intro-header .page-heading .page-subheading,.intro-header .post-heading .post-subheading,.intro-header .site-heading .home-subheading,.intro-header .list-heading .list-subheading,.intro-header .guides-heading .guides-subheading,.intro-header .ships-heading .ships-subheading,.intro-header .concepts-heading .concepts-subheading,.intro-header .development-heading .development-subheading{font-size:2rem!important;font-weight:500;font-family:var(--font-family-headings);margin-top:.8rem;line-height:1.4;text-align:center!important}.intro-header .page-heading,.intro-header .post-heading,.intro-header .site-heading,.intro-header .list-heading,.intro-header .guides-heading,.intro-header .ships-heading,.intro-header .concepts-heading,.intro-header .development-heading{text-align:center!important}@media(max-width:768px){.intro-header .page-heading h1,.intro-header .post-heading h1,.intro-header .site-heading h1,.intro-header .list-heading h1,.intro-header .guides-heading h1,.intro-header .ships-heading h1,.intro-header .concepts-heading h1,.intro-header .development-heading h1{font-size:2.5rem!important;line-height:1.3!important;margin-bottom:1rem!important}.intro-header .page-heading .page-subheading,.intro-header .post-heading .post-subheading,.intro-header .site-heading .home-subheading,.intro-header .site-heading h2,.intro-header .list-heading .list-subheading,.intro-header .guides-heading .guides-subheading,.intro-header .ships-heading .ships-subheading,.intro-header .concepts-heading .concepts-subheading,.intro-header .development-heading .development-subheading{font-size:1.2rem!important;line-height:1.4!important;margin-top:.5rem!important}.intro-header{margin-top:120px!important;margin-bottom:30px!important;padding:1.5rem 0!important;min-height:auto!important;display:block!important}.intro-header.no-img{display:block!important;visibility:visible!important;height:auto!important;min-height:100px!important;margin-top:120px!important;margin-bottom:20px!important}.intro-header .page-heading,.intro-header .post-heading,.intro-header .site-heading,.intro-header .list-heading,.intro-header .guides-heading,.intro-header .ships-heading,.intro-header .concepts-heading,.intro-header .development-heading{padding:1rem 0!important;display:block!important;visibility:visible!important}.intro-header .site-heading h1,.intro-header .site-heading h2{display:block!important;visibility:visible!important;opacity:1!important}.main-content{padding-top:1rem!important}}.navbar-nav .nav-item{margin:0 .5rem}.pager{margin-top:2rem}html{scroll-padding-top:30px}h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]{scroll-margin-top:80px}html{scroll-behavior:smooth}.star-layer-distant{z-index:-3}.star-layer-mid{z-index:-2}.star-layer-close{z-index:-1}