*{box-sizing:border-box}html{color-scheme:dark;background:#191919}body{margin:0;color:#ededeb;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}main{max-width:680px;margin:auto;padding:100px 28px 64px}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible,video:focus-visible{outline:2px solid #8ed7ad;outline-offset:6px}h1,h2,p{margin:0}h1{font-size:25px;font-weight:550;letter-spacing:-.8px;line-height:1.25}h2,.label{font-size:13px;font-weight:450;color:#93938f}p{color:#b7b7b1}header>p{margin-top:18px;max-width:530px}section{margin-top:48px}section>h2{margin-bottom:20px}.muted{color:#8e8e88}.accent{color:#a3d8b4}.projects{list-style:none;padding:0;margin:0}.projects li{padding:0 0 22px}.projects p{font-size:14px;margin-top:3px}.project-title{font-size:16px}.feature{display:block;border:1px solid #343632;border-radius:8px;padding:22px 24px;margin-bottom:26px;background:#1c201c;transition:border-color .18s}.feature:hover{border-color:#6b8873;text-decoration:none}.feature .label{display:block;margin-bottom:14px}.feature .project-title{font-size:19px}.feature p{margin:5px 0 14px;font-size:14px}.feature .go{color:#a3d8b4;font-size:13px}.links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;margin-top:24px}.links a{color:#c6c6bf}footer{border-top:1px solid #30302e;padding-top:23px;margin-top:48px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#898983}.back{display:inline-block;font-size:13px;color:#aaa9a2;margin-bottom:44px}.game h1{font-size:36px;letter-spacing:-1.3px}.game header>p{font-size:18px;max-width:460px;margin-top:12px}.tag{display:block;margin-bottom:13px;font-size:12px;letter-spacing:.03em;color:#a3d8b4}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border-radius:5px;background:#d2e6d8;color:#19291f;font-size:14px;font-weight:550}.button:hover{background:#e2f0e6;text-decoration:none}.secondary{background:transparent;color:#d1d1c9;border:1px solid #494a44}.secondary:hover{background:#262924}.preview{margin:30px 0 0}.preview video{width:100%;display:block;aspect-ratio:3/2;background:#111;border:1px solid #353833;border-radius:7px;object-fit:contain}.preview figcaption{margin-top:9px;font-size:12px;color:#8e8e88}.steps{padding-left:20px;color:#b7b7b1;font-size:14px}.steps li{padding:4px 0}.note{font-size:13px;line-height:1.65;margin-top:18px}.game section{margin-top:35px}.game section>h2{margin-bottom:12px}.update{border-top:1px solid #30302e;padding-top:25px}.update p{font-size:14px}.textlink{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){main{padding:55px 24px 35px}h1{font-size:24px}.game h1{font-size:30px}.game header>p{font-size:17px}.back{margin-bottom:32px}section{margin-top:36px}.feature{padding:19px}.actions{gap:10px}.button{padding:10px 14px}footer{margin-top:36px}.preview{margin-top:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Personal homepage: portrait, warm type accents, compact project index. */
.home .identity{display:flex;align-items:center;gap:24px;margin-bottom:30px}
.home .portrait{width:88px;height:88px;object-fit:cover;border-radius:18px;transform:rotate(-4deg);border:1px solid #655b49;box-shadow:5px 5px 0 #2f2c25}
.home .hello{display:block;font:11px/1.5 ui-monospace,SFMono-Regular,monospace;color:#c9ad83;margin-bottom:8px}
.home h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:35px;letter-spacing:-1.1px}
.home header>p{margin-top:16px}
.home h2{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:#c9ad83}
.home .projects{counter-reset:projects}
.home .projects li{position:relative;padding:18px 0 18px 34px;border-bottom:1px solid #2b2b28;counter-increment:projects}
.home .projects li:last-child{border:0}
.home .projects li:before{content:counter(projects,decimal-leading-zero);position:absolute;left:0;top:22px;font:10px ui-monospace,SFMono-Regular,monospace;color:#91816a}
.home .feature{border:0;border-top:1px solid #504636;border-bottom:1px solid #504636;border-radius:0;background:none;padding:23px 0 24px;margin-bottom:10px}
.home .feature .label{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;color:#c9ad83;margin-bottom:13px}
.home .feature .project-title{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:400;letter-spacing:-.4px}
.home .feature p{margin:9px 0 16px}
.home .feature .go{color:#c9ad83}
.home .feature:hover{border-color:#c9ad83}
.home .feature:hover .project-title{color:#dfc39a}
.home .project-title{font-weight:500}
.home .links a:hover,.home .textlink:hover{color:#dfc39a}
@media(max-width:600px){.home .identity{gap:18px}.home .portrait{width:72px;height:72px;border-radius:14px}.home h1{font-size:28px}.home .hello{font-size:9px}}
@media(max-width:360px){.home .identity{gap:14px}.home .portrait{width:62px;height:62px}.home h1{font-size:24px}}

.game .seen{border-top:1px solid #3f392e;border-bottom:1px solid #3f392e;padding:21px 0}.game .seen h2{color:#c9ad83}.game .seen p{font-size:14px}.game .seen .links{margin-top:14px;gap:10px 20px;font-size:13px}

.home .feature .go{display:inline-block;border-bottom:1px solid #64563f;padding-bottom:2px;transition:border-color .18s}.home .feature:hover .go{border-bottom-color:#dfc39a}.back{text-decoration:underline;text-decoration-color:#555149;text-underline-offset:5px}
