*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #1a1a2e;--color-bg-section: #16213e;--color-bg-card: #0f3460;--color-primary: #4ecca3;--color-text: #e0e0e0;--color-text-muted: #a0a0b0;--color-twitch: #9146ff;--color-discord: #5865f2;--font-pixel: "DotGothic16", cursive;--font-body: "Noto Sans JP", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.8;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.container{max-width:800px;margin:0 auto;padding:0 1.5rem}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:20vh;background:linear-gradient(135deg,#1a1a2e,#0f3460,#1a1a2e);overflow:hidden}.hero-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(78,204,163,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(78,204,163,.05) 1px,transparent 1px);background-size:32px 32px}.hero-content{position:relative;text-align:center;padding:2rem}.site-title{font-family:var(--font-pixel);font-size:clamp(2rem,6vw,3.5rem);color:var(--color-primary);letter-spacing:.05em;text-shadow:0 0 20px rgba(78,204,163,.3);margin-bottom:.5rem}.site-subtitle{font-size:1.1rem;color:var(--color-text-muted);letter-spacing:.1em}.site-subtitle-ja{font-size:.9rem;color:var(--color-text-muted);margin-top:.5rem}.slideshow{position:relative;max-width:640px;margin:2rem auto;overflow:hidden;background:#000}.slideshow-track{position:relative;width:100%;aspect-ratio:16 / 9}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}.slide.active{opacity:1}.slide-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;font-size:1.5rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s;z-index:2}.slide-btn:hover{background:#000c}.slide-prev{left:0;border-radius:0 4px 4px 0}.slide-next{right:0;border-radius:4px 0 0 4px}.slide-dots{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:2}.slide-dot{width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0;transition:background .2s}.slide-dot.active{background:#fff}.section{padding:4rem 0}.section:nth-child(2n){background-color:var(--color-bg-section)}.section h2{font-family:var(--font-pixel);font-size:1.5rem;color:var(--color-primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid rgba(78,204,163,.2)}.section p{margin-bottom:1rem;color:var(--color-text)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.card{display:block;background:var(--color-bg-card);border-radius:12px;padding:2rem;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.05);color:var(--color-text)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;opacity:1}.card-icon{width:2rem;height:2rem;margin-bottom:.75rem}.card h3{font-size:1.2rem;margin-bottom:.75rem}.card p{font-size:.95rem;color:var(--color-text-muted);margin-bottom:1rem}.card-link{font-size:.85rem;font-weight:700}.card-twitch{border-top:3px solid var(--color-twitch)}.card-twitch .card-icon,.card-twitch .card-link{color:var(--color-twitch)}.card-discord{border-top:3px solid var(--color-discord);cursor:default}.card-discord .card-icon,.card-discord .card-link{color:var(--color-discord)}.info a{font-weight:700;border-bottom:1px dashed var(--color-primary);padding-bottom:1px}.footer{padding:2rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.footer p{font-size:.85rem;color:var(--color-text-muted)}@media(max-width:600px){.hero{min-height:45vh}.section{padding:3rem 0}.cards{grid-template-columns:1fr}}