:root{--primary:#FF9C00;--primary-light:#FFC266;--primary-dark:#CC7D00;--secondary:#F8F0E3;--background:#FFF;--foreground:#333;--muted:#666;--card:#FFF;--border:#EEE;--radius:0.5rem;--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--shimmer-hue-1:213deg;--shimmer-sat-1:95%;--shimmer-lit-1:71%;--shimmer-hue-2:248deg;--shimmer-sat-2:100%;--shimmer-lit-2:66%;--shimmer-hue-3:293deg;--shimmer-sat-3:78%;--shimmer-lit-3:69%;--glow-hue:222deg;--spring-duration:1.33s;--spring-easing:linear(0,0.002,0.01 0.9%,0.038 1.8%,0.156,0.312 5.8%,0.789 11.1%,1.015 14.2%,1.096,1.157,1.199,1.224 20.3%,1.231,1.231,1.226,1.214 24.6%,1.176 26.9%,1.057 32.6%,1.007 35.5%,0.984,0.968,0.956,0.949 42%,0.946 44.1%,0.95 46.5%,0.998 57.2%,1.007,1.011 63.3%,1.012 68.3%,0.998 84%,1)}
.dark{--primary:#FF9C00;--background:#121212;--foreground:#EEE;--card:#1E1E1E;--border:#333;--shimmer-lit-1:91%;--shimmer-lit-2:86%;--shimmer-lit-3:89%}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;transition:background-color 0.3s,color 0.3s}h1,h2,h3{font-weight:700;line-height:1.2;margin-bottom:0.5rem}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
.header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem}
.logo{display:flex;align-items:center}
.title{font-size:1.25rem}
.actions{display:flex;align-items:center;gap:0.5rem}
.theme-toggle{background:none;border:none;color:var(--foreground);width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}
.theme-toggle:hover{background-color:#EEE}
.emoji{font-size:2.5rem;margin-right:0.5rem}
.donation-button-info{position:fixed;bottom:20px;right:20px;width:80px;height:80px;background:var(--primary);color:#fff;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:999}
.donation-button-info:hover{background:var(--primary-dark)}
.donation-button-info i{font-size:1.5rem}
.services-vertical{position:fixed;bottom:0;right:0;background:var(--card);box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:998;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}@media (min-width:768px){.services-vertical{width:50%;height:80vh}}@media (max-width:767px){.services-vertical{width:100%;height:80vh}}
.service-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,0.05)}
.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px rgba(0,0,0,0.1)}
.service-card:nth-child(2){display:grid;grid-template-rows:auto auto auto;grid-template-columns:2fr;gap:10px}
.card-header{display:flex;align-items:center}
.card-header i{font-size:1.5rem;color:var(--primary);margin-right:0.5rem}
.card-header h2{font-size:1.5rem;margin:0}
.price-display{background:rgba(248,240,227,0.5);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem}
.contract-address{font-family:monospace;font-size:0.85rem;background:var(--card);padding:8px 12px;border-radius:var(--radius);border:1px dashed var(--border);word-break:break-all}
.contract-address:hover{background:rgba(255,156,0,0.1)}
.marketplace-info{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px}
.marketplace-info h2{font-size:clamp(0.9rem,2vw,1.25rem)}
.marketplace-info h3{font-size:clamp(0.75rem,1.5vw,1rem)}
.note{font-size:1rem;color:#888;text-align:justify}
.primary-btn{background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:0.75rem 1.5rem;font-size:clamp(0.7rem,1.5vw,0.875rem)}
.primary-btn:hover{background:var(--primary-dark)}
.bi-twitter-x{width:14px;height:14px;fill:currentColor}
/* Project Grid */
.project-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));grid-template-rows: auto;gap: clamp(10px, 2vw, 20px);padding: clamp(10px, 2vw, 20px);margin: 0 auto; /* Center the grid horizontally */width: 100%;max-width: 100%; /* Prevent overflow */box-sizing: border-box;}
#manhwa-container.project-grid {justify-content: center; }
@media (max-width: 678px) {.project-grid {grid-template-columns: repeat(2, 1fr); /* Force 2 columns on iPhone */gap: 5px;padding: 5px;}}
.title-cell{grid-column:1/-1;text-align:center;font-size:24px;padding:20px;background:#f0f0f0}
.glow-btn{background:linear-gradient(315deg,hsl(213,95%,71%) 0%,hsl(248,100%,66%) 47%,hsl(293,78%,69%) 100%);padding:0.8em 1.4em;border:none;border-radius:var(--radius);color:#fff;font-size:1.2em;box-shadow:0 2px 3px 1px hsl(222 50% 20% / 50%);position:relative}
.glow-btn .text{color:#121212}
.shimmer{position:absolute;inset:-40px;border-radius:inherit;mix-blend-mode:color-dodge}
.shimmer::before,.shimmer::after{content:"";position:absolute;inset:40px;border-radius:inherit;opacity:0;transition:all 0.5s ease}
.shimmer::before{box-shadow:0 0 3px 2px hsl(213 20% 95%),0 0 7px 4px hsl(213 20% 80%)}
.shimmer::after{box-shadow:inset 0 0 0 1px hsl(248 70% 95%)}
.glow-btn:hover .shimmer::before,.glow-btn:hover .shimmer::after{opacity:1}
.glow-btn:hover{transform:scale(1.1)}
.games-note{display:flex;justify-content:center;align-items:center}
.feature-list {margin: 0;padding: 0;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;max-height: 100%;flex-shrink: 1;box-sizing: border-box;}
.loader {width: fit-content;font-weight: bold;font-family: monospace;font-size: 30px;clip-path: inset(0 3ch 0 0);animation: l4 1s steps(4) infinite;}
.loader:before {content:"Loading..."}
@keyframes l4 {to{clip-path: inset(0 -1ch 0 0)}}
.service-card {display: grid;grid-template-columns: 7fr 3fr; /* 30:70 split for two columns */flex: 1;gap: 5px;padding: 5px;box-sizing: border-box;height: 100%; /* Ensure it fills the announcement height */}