:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}nav{display:grid;grid-template-columns:repeat(2,1fr);max-width:1000px;width:100%;margin:120px auto 100px;position:relative;gap:0;padding:0 10px;box-sizing:border-box}a{position:relative}img{position:relative;max-width:100%;margin-bottom:-8px}.img{display:flex}.hover_img{position:absolute;top:0;left:0;display:none}.img:hover .hover_img{display:inline}.main-menu-nav{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;max-width:1024px;margin:0 auto;padding:30px 3%;width:100%}.main-menu-nav a{font-weight:700;color:#2c3e50;text-decoration:none;font-size:20px;transition:color .2s ease}.main-menu-nav a:hover{color:#d4af37}.main-menu-logo-wrap{position:relative;width:100%;max-width:250px}.main-menu-logo{width:100%;position:relative}.logo-image{max-width:250px;width:100%;height:auto;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.logo-stack{position:relative;width:100%}.logo-base{position:relative;display:block}.logo-overlay{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .6s ease-in-out;will-change:opacity;pointer-events:none}.logo-overlay.show-color{opacity:1}.logo-text{width:100%;max-width:250px}.logo-text h2{margin:0;font-size:24px;color:#324458;text-align:center}@media screen and (max-width: 768px){.main-menu-nav{flex-direction:column;justify-content:center;align-items:center;gap:26px}.main-menu-logo-wrap{max-width:200px}}.social-links{display:flex;align-items:center;justify-content:center;gap:3px;font-size:20px}.social-links img{max-height:22px}#trigger{display:none}.checker{background-image:url(/assets/color-switch-v9-146a217b.png);background-position:right center;background-size:auto 100%;width:120px;height:20px;background-repeat:no-repeat;display:block;cursor:pointer}#trigger:checked+.checker{background-position:left center}.comic-header{display:flex;justify-content:space-between;align-items:flex-end;max-width:97%}.comic-header h1{text-align:left;padding-left:3%;display:inline-block}.header-right{display:flex;gap:20px}.comic-strip{width:100%;max-width:1024px;margin:20px auto}.comic-strip img{width:100%;height:auto;mix-blend-mode:multiply}.comic-strip-placeholder{width:100%;max-width:1024px;height:400px;background-color:#8b0000;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin:0 auto}.comic-carousel{position:relative;max-width:100%;margin:20px auto;display:flex;flex-direction:column;align-items:center}.comic-panels-container{width:100%;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom;cursor:grab;-webkit-user-select:none;user-select:none}.comic-panels-container:active{cursor:grabbing}.comic-panels-slider{display:flex;transition:transform .3s ease-in-out;width:100%}.comic-panel{min-width:100%;display:flex;justify-content:center;align-items:center;padding:10px}.comic-panel img{width:100%;height:auto;display:block}.comic-panel-placeholder{width:400px;height:400px;min-width:400px;min-height:400px;background-color:#8b0000;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;color:#000;border:none;outline:none;font-size:2rem;padding:10px 15px;cursor:pointer;z-index:10;transition:opacity .2s;-webkit-user-select:none;user-select:none}.carousel-btn:hover:not(:disabled){opacity:.6}.carousel-btn:disabled{opacity:.2;cursor:not-allowed}.carousel-btn-prev{left:10px}.carousel-btn-next{right:10px}.carousel-dots{display:flex;gap:8px;margin-top:15px;justify-content:center}.dot{background-color:transparent;border:none;outline:none;cursor:pointer;padding:0;font-size:1.5rem;color:gray;transition:color .2s;line-height:1}.dot.active{color:#000}.dot:hover{color:#333}@media screen and (max-width: 768px){.comic-header{flex-direction:column;align-items:center;gap:20px}}.comic-controls{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:80%;margin:0 auto;font-size:28px;gap:10px}.comic-controls a{text-decoration:none;color:inherit;white-space:nowrap}.comic-controls .disabled{color:#c1c1c1;pointer-events:none}@media screen and (max-width: 768px){.comic-controls{font-size:22px;max-width:90%}}@media screen and (max-width: 320px){.comic-controls{font-size:20px;max-width:95%;justify-content:space-between;gap:10px}.comic-controls a:nth-child(2),.comic-controls a:nth-child(3){order:1;flex:0 0 48%}.comic-controls a:nth-child(2){text-align:left}.comic-controls a:nth-child(3){text-align:right}.comic-controls a:nth-child(1),.comic-controls a:nth-child(4){order:2;flex:0 0 48%}.comic-controls a:nth-child(1){text-align:left}.comic-controls a:nth-child(4){text-align:right}}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:#666}h1,h2{text-align:center}.about{max-width:640px;margin:0 auto;text-align:left}.about span{text-align:left;display:block;margin-bottom:20px}h1{text-align:center}.shop{max-width:640px;margin:40px auto;text-align:center}.shop p{text-align:center;margin:20px 0;font-size:18px;line-height:1.6}footer{padding:10px 0 20px;width:100%;font-weight:700;font-size:18px;margin-top:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:AVJAMFB;src:url(/assets/AVJAMFB-5c4a7582.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:AVJAMFR;src:url(/assets/AVJAMFR-51865c46.ttf) format("truetype");font-weight:400;font-style:normal}#root{font-family:AVJAMFB,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#324458}h1{margin:0}a{text-decoration:none;color:#324458;transition:.3s}a:hover{color:#d4af37;text-decoration:underline}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90vh}.loading-text{display:flex;align-items:center;justify-content:center;font-size:32px}.main-view{display:flex;flex-direction:column;justify-content:space-between;min-height:97vh}.loading-img{max-width:140px;animation:rotation 2s infinite linear}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.page{max-width:1024px;margin:0 auto;width:100%}