:root{--olive:#5a6e35;--olive-dark:#47571f;--olive-light:#7a8f4a;--background:#7a8b71;--ink:#1a1a1a;--mid:#1a1a1a;--border:#d4d0c8;--card-bg:#faf8f4;--twitter-x:#000;--youtube:red;--twitch:#9146ff;--discord:#5865f2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-jp),sans-serif;background-color:var(--background);color:var(--ink);line-height:1.7}.section-sub{opacity:.7;margin-left:30px;font-size:.5em;font-weight:400}nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f5f2ebe0;position:sticky;top:0}.nav-inner{justify-content:flex-end;gap:2rem;max-width:860px;margin:0 auto;padding:.85rem 1.5rem;display:flex}.nav-link{font-family:var(--font-display),sans-serif;color:var(--mid);letter-spacing:.06em;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--olive);width:0;height:1.5px;transition:width .25s;position:absolute;bottom:-2px;left:0}.nav-link:hover{color:var(--olive)}.nav-link:hover:after{width:100%}main{max-width:860px;margin:0 auto;padding:3rem 1.5rem 5rem}.section-title{font-family:var(--font-display),sans-serif;color:var(--ink);letter-spacing:-.02em;border-bottom:2px solid var(--ink);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:2rem;font-weight:700}section{margin-bottom:4rem}.about-banner{background:linear-gradient(135deg,var(--olive-dark)0%,var(--olive)60%,var(--olive-light)100%);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:2rem 2.5rem;display:grid;position:relative;overflow:hidden}.about-banner:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.about-name{font-family:var(--font-jp),sans-serif;color:#fff;letter-spacing:.06em;text-shadow:0 2px 8px #0003;margin-bottom:.75rem;font-size:2.4rem;font-weight:700}.about-desc{color:#ffffffd9;font-size:.9rem;line-height:1.8}.about-avatar{background:#ffffff26;border:3px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;font-size:2rem;display:flex;overflow:hidden}.about-avatar img{object-fit:cover;object-position:center 15px;width:100%;height:100%}.links-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.sns-card{color:#fff;border-radius:10px;align-items:center;gap:.875rem;padding:.875rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.sns-card:after{content:"";background:#fff0;transition:background .2s;position:absolute;inset:0}.sns-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.sns-card:hover:after{background:#ffffff12}.sns-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sns-card.twitter{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border:1px solid #333}.sns-card.youtube{background:linear-gradient(135deg,#c00 0%,#f44 100%)}.sns-card.twitch{background:linear-gradient(135deg,#6f35cc 0%,#9146ff 100%)}.sns-card.discord{background:linear-gradient(135deg,#404eed 0%,#5865f2 100%)}.contributions-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.contrib-card,.sites-card,.project-card{color:inherit;text-decoration:none}.contrib-card{border:1px solid var(--border);background:var(--card-bg);cursor:pointer;border-radius:10px;transition:transform .2s,box-shadow .2s;overflow:hidden}.contrib-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}.contrib-thumb{aspect-ratio:16/9;width:100%;color:var(--mid);letter-spacing:.05em;background:linear-gradient(135deg,#e8e4dc 0%,#d4d0c8 100%);justify-content:center;align-items:center;font-size:.8rem;display:flex;position:relative;overflow:hidden}.contrib-thumb:after{content:"";background:linear-gradient(#0000 50%,#0000000d 100%);position:absolute;inset:0}.contrib-info{border-top:1px solid var(--border);padding:.875rem 1rem}.contrib-title{color:var(--ink);margin-bottom:.25rem;font-size:.95rem;font-weight:700}.contrib-desc{color:var(--mid);font-size:.8rem}.projects-list{flex-direction:column;gap:1.25rem;display:flex}.project-card{border:1px solid var(--border);background:var(--card-bg);cursor:pointer;border-radius:10px;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.project-card.img-right{grid-template-columns:1fr 280px}.project-card.img-left{grid-template-columns:280px 1fr}.project-thumb{color:var(--mid);letter-spacing:.05em;aspect-ratio:16/9;background:linear-gradient(135deg,#e8e4dc 0%,#d4d0c8 100%);justify-content:center;align-items:center;width:100%;min-height:auto;font-size:.8rem;display:flex}.project-info{flex-direction:column;justify-content:center;gap:.5rem;padding:1.5rem;display:flex}.project-title{color:var(--ink);font-size:1.1rem;font-weight:700}.project-desc{color:var(--mid);font-size:.875rem;line-height:1.7}.sites-list{flex-direction:column;gap:1.25rem;display:flex}.sites-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.sites-info{border-top:1px solid var(--border);padding:.875rem 1rem}.sites-title{color:var(--ink);margin-bottom:.25rem;font-size:.95rem;font-weight:700}.sites-desc{color:var(--mid);font-size:.8rem}.sites-card{border:1px solid var(--border);background:var(--card-bg);cursor:pointer;border-radius:10px;transition:transform .2s,box-shadow .2s;overflow:hidden}.sites-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}footer{text-align:center;color:var(--mid);border-top:1px solid var(--border);background:var(--background);padding:2rem;font-size:.8rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{animation:.5s both fadeUp}section:first-child{animation-delay:50ms}section:nth-child(2){animation-delay:.15s}section:nth-child(3){animation-delay:.25s}section:nth-child(4){animation-delay:.35s}section:nth-child(5){animation-delay:.45s}@media (max-width:640px){.links-grid,.contributions-grid,.project-card.img-right,.project-card.img-left{grid-template-columns:1fr}.project-card.img-left .project-thumb{order:-1}.about-banner{grid-template-columns:1fr}.about-avatar{display:none}.about-name{font-size:1.8rem}.sites-grid,.trpg-grid{grid-template-columns:1fr 1fr}}a{text-decoration:none}