body {margin: 0;padding: 0;font-family: system-ui, sans-serif;background: #000;color: #fff;overflow-x: auto;}
body::before {content: "";position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-repeat: repeat;background-position: top center;background-size: 1920px 1080px;z-index: -2;pointer-events: none;}
body.t1::before {background-image: url('https://kirbyceo.com/img/dogemain.webp');}
.gxctop {font-size: 24px;font-style: italic;font-weight: bold;color: #FFD700;text-align: center;margin: 0;padding: 0;}
.container {width: 1000px;margin: 0 auto;padding: 20px;box-sizing: border-box;}
h1 {font-size: 2em;margin-top: 0;font-style: italic;text-align: left;}
h2 {font-size: 1.8em;margin-top: 1em;font-weight: bold;}
h3 {font-size: 1.4em;margin-top: 1em;font-weight: bold;}
h4 {font-size: 1.2em;font-weight: bold;margin-top: 2em;}
p {font-size: 1em;line-height: 1.6;margin-top: 1em;}
ps {font-size: 0.7em;display: block;margin-left: 40px;}
.green {color: #00ff00;}
.red {color: #ff3333;}
.button-container {text-align: center;}
.download-btn {background-color: #28a745;color: white;padding: 20px 60px;border: none;border-radius: 10px;font-size: 24px;font-weight: bold;cursor: pointer;}
.hero-300{display:block;width:1000px;height:300px;}
a, a:link {color: #00ff00;text-decoration: underline;}
a:visited {color: #00cc00;text-decoration: underline;}
a:hover {color: #00cc00;text-decoration: none;}
a:active {color: #00ff00;text-decoration: underline;}
.photo-gallery-body {background-color: #111;color: #f0f0f0;font-family: sans-serif;margin: 0;padding: 2rem;}
@media (max-width:999px){.container{width:100%;padding:10px}.gxctop,h1,h2,h3,h4,.button-container{text-align:left}p,ps{word-wrap:break-word;margin-left:0}.hero-300{width:100%;height:auto;max-width:100%}}
.photo-gallery-title {text-align: center;color: #FFD700;margin-bottom: 2rem;font-size: 2.5rem;}
.photo-gallery-wrapper {max-width: 100%;margin: 0 auto;padding: 0 1rem;}
.gallery-item span { display:block; text-align:center; }
.thumbnail-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem;max-width: 800px;margin: 0 auto;justify-items: center;}
.thumbnail-grid-2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;max-width: 800px;margin: 0 auto;justify-items: center;}
.thumbnail-grid-1 {display: grid;grid-template-columns: repeat(1, 1fr);gap: 1rem;max-width: 800px;margin: 0 auto;justify-items: center;}
.photo-gallery-item img {display: block;border-radius: 8px;transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;border: 2px solid transparent;}
.photo-gallery-item:hover img {transform: scale(1.05);box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);border-color: #FFD700;}
@media (max-width: 768px) {.thumbnail-grid {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 480px) {.photo-gallery-body {padding: 1rem;}.photo-gallery-title {font-size: 2rem;}.thumbnail-grid {grid-template-columns: 1fr;}}
#nt-lightbox {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);display: flex;align-items: center;justify-content: center;z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out;}
#nt-lightbox.show {opacity: 1;visibility: visible;}
#nt-lightbox .lightbox-content {position: relative;height: 70%;max-width: 100%;display: flex;align-items: center;justify-content: center;}
#nt-lightbox .lightbox-content img,#nt-lightbox .lightbox-content iframe {display: block;width: auto;height: 100%;max-width: 100%;max-height: 100%;object-fit: contain;}
#nt-lightbox .lightbox-content img[data-aspect],#nt-lightbox .lightbox-content iframe[data-aspect] {aspect-ratio: attr(data-aspect);}
#nt-lightbox .lightbox-content iframe {border: 3px solid #fff;box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);}
#nt-lightbox .lightbox-btn {position: absolute;background-color: rgba(0, 0, 0, 0.5);color: #fff;border: 2px solid rgba(255, 255, 255, 0.5);border-radius: 50%;cursor: pointer;font-size: 2.5rem;font-weight: bold;line-height: 1;transition: background-color 0.1s, color 0.1s, transform 0.1s;z-index: 1001;display: flex;align-items: center;justify-content: center;}
#nt-lightbox .lightbox-btn:hover {background-color: rgba(255, 215, 0, 0.8);color: #000;}
#nt-lightbox .lightbox-close {top: 20px;right: 20px;width: 50px;height: 50px;padding-bottom: 5px;}
#nt-lightbox .lightbox-close:hover {transform: scale(1.1);}
#nt-lightbox .lightbox-prev,#nt-lightbox .lightbox-next {top: 50%;transform: translateY(-50%);width: 60px;height: 60px;}
#nt-lightbox .lightbox-prev:hover,#nt-lightbox .lightbox-next:hover {transform: translateY(-50%) scale(1.1);}
#nt-lightbox .lightbox-prev {left: 20px;padding-right: 5px;}
#nt-lightbox .lightbox-next {right: 20px;padding-left: 5px;}
#nt-lightbox .lightbox-patreon {bottom: 20px;left: 50%;transform: translateX(-50%);width: auto;height: auto;border-radius: 30px;padding: 12px 24px;font-size: 1rem;text-decoration: none;white-space: nowrap;}
#nt-lightbox .lightbox-patreon:hover {transform: translateX(-50%) scale(1.1);}