:root{--max-width: 1040px;--paper: #f2f2f2;--surface: #ffffff;--ink: #18181b;--heading: #41989d;--text: #215053;--text-muted: #215053;--border: #18181b;--accent: #0d9488;--lane-present: #14b8a6;--shadow-pixel: 4px 4px 0 0 rgba(0, 0, 0, .8);--shadow-pixel-sm: 2px 2px 0 0 rgba(0, 0, 0, .8);--border-w: 2px;--font-pixel: "Pixelify Sans", monospace;--font-body: "IBM Plex Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background-color:var(--paper);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.8;letter-spacing:.01em;display:flex;flex-direction:column;min-height:100vh}.font-pixel{font-family:var(--font-pixel);letter-spacing:.05em}a{color:var(--accent);text-decoration:none;transition:color .12s ease}a:hover{color:var(--ink)}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:1.25rem}main.container{flex:1 0 auto;padding-block:2.5rem 4rem}.breadcrumb{padding-block:1.25rem 0}.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.82rem}.breadcrumb li{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.breadcrumb li:not(:first-child):before{content:"›";color:var(--text-muted)}.breadcrumb a{color:var(--heading)}.breadcrumb a:hover{text-decoration:underline;text-underline-offset:.2em}.breadcrumb [aria-current=page]{color:var(--text-muted);max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-footer{background:var(--lane-present);color:#fff;font-size:.85rem;text-align:center;padding-block:1.1rem}.site-footer__inner{display:flex;flex-direction:column;align-items:center;gap:.75rem}.site-footer__social{display:flex;gap:1.25rem}.site-footer__social a{color:#fff;font-family:var(--font-pixel);letter-spacing:.06em;font-size:.95rem;padding-bottom:2px;border-bottom:2px solid transparent;transition:border-color .12s ease,opacity .12s ease}.site-footer__social a:hover{color:#fff;border-bottom-color:#fff;opacity:.85}.site-footer__copy{margin:0;font-family:var(--font-pixel);letter-spacing:.06em}.hero{position:relative;min-height:clamp(360px,56vh,560px);display:flex;align-items:center;background:linear-gradient(180deg,#14323714,#14323766),radial-gradient(120% 80% at 70% 20%,#d8efee,#66c2bd 32%,#41989d 60%,#215053);overflow:hidden}.hero--home{min-height:100vh}.hero__meta{position:absolute;left:0;right:0;bottom:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff}.hero__social{display:flex;gap:1.25rem}.hero__social a{color:#fff;font-family:var(--font-pixel);letter-spacing:.06em;font-size:.95rem;padding-bottom:2px;border-bottom:2px solid transparent;transition:border-color .12s ease,opacity .12s ease}.hero__social a:hover{border-bottom-color:#fff;opacity:.85}.hero__copy{margin:0;font-family:var(--font-pixel);letter-spacing:.06em;font-size:.8rem;text-shadow:1px 1px 0 rgba(0,0,0,.35)}.hero__inner{width:100%;max-width:1100px;margin-inline:auto;padding:2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.hero__title{margin:0;color:#fff;font-weight:700;font-size:clamp(1.8rem,5vw,3.2rem);letter-spacing:.08em;text-shadow:2px 2px 0 rgba(0,0,0,.35)}.hero__nav{display:flex;flex-direction:column;gap:.6rem;align-items:flex-end}.hero__nav a{color:#fff;font-size:1.2rem;letter-spacing:.25em;padding:.2em .1em;text-shadow:1px 1px 0 rgba(0,0,0,.35);transition:color .12s ease,transform .12s ease}.hero__nav a:hover{color:var(--lane-present);transform:translate(-2px)}.about__intro{border-bottom:1px solid var(--text);padding-bottom:1.75rem}.about__section-title{color:var(--heading)}.about{display:flex;gap:1.25rem;align-items:flex-start}.about__avatar{flex:0 0 auto;width:64px;height:64px;object-fit:cover;background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-pixel-sm)}.about__body{margin:0}.about__body p{margin:0 0 .6rem}.about__name{font-weight:700}.tabs{margin-top:.5rem}.tabs__radio{position:absolute;opacity:0;pointer-events:none}.tabs__labels{display:flex;margin-bottom:1.5rem}.tabs__label{flex:1 1 0;position:relative;text-align:center;cursor:pointer;padding:.6em 1.1em;font-size:1.05rem;letter-spacing:.08em;color:var(--text-muted);background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-pixel-sm);transition:background .1s ease,box-shadow .1s ease,transform .1s ease}.tabs__label+.tabs__label{margin-left:calc(-1 * var(--border-w))}.tabs__label:hover{background:#41989d29}.tab-panel{display:none}#tab-game:checked~.tabs__labels label[for=tab-game],#tab-app:checked~.tabs__labels label[for=tab-app]{color:#fff;background:var(--heading);transform:translateY(2px);box-shadow:inset 4px 4px #00000047;z-index:1}#tab-game:checked~.tabs__labels label[for=tab-app]{border-left-color:transparent}#tab-app:checked~.tabs__labels label[for=tab-game]{border-right-color:transparent}#tab-game:checked~.tabs__panels .tab-panel[data-tab=game],#tab-app:checked~.tabs__panels .tab-panel[data-tab=app]{display:block}@media(max-width:680px){.hero__inner{align-items:flex-end}}.page-heading{font-family:var(--font-pixel);font-size:1.9rem;font-weight:700;letter-spacing:.03em;margin:0 0 .5rem;line-height:1.3;color:var(--heading)}.page-lead{color:var(--text-muted);margin:0 0 2rem}.filter{display:grid;grid-template-columns:1fr 180px;gap:1.5rem 2rem;align-items:start}.filter .post-list{grid-column:1;grid-row:1}.filter__radio{position:absolute;opacity:0;pointer-events:none}.filter__chips{grid-column:2;grid-row:1;position:sticky;top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.filter__heading{flex-basis:100%;margin:0 0 .25rem;font-family:var(--font-pixel);font-size:.95rem;letter-spacing:.06em;color:var(--heading)}.filter__chip{cursor:pointer;text-align:center;font-size:.85rem;line-height:1;padding:.55em .85em;color:var(--text);background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-pixel-sm);transition:background .1s ease,box-shadow .1s ease,transform .1s ease}.filter__chip:hover{background:#41989d29}.filter__chip:active{transform:translate(1px,1px);box-shadow:none}@media(max-width:720px){.filter{grid-template-columns:1fr}.filter .post-list{grid-column:1;grid-row:auto}.filter__chips{grid-column:1;grid-row:auto;position:static;flex-direction:row;flex-wrap:wrap;margin-bottom:.5rem}.filter__heading{flex-basis:100%}}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.post-item a{display:block;background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-pixel-sm);padding:1.1rem 1.35rem;color:inherit;transition:transform .1s ease,box-shadow .1s ease}.post-item a:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-pixel)}.post-item a:active{transform:translate(1px,1px);box-shadow:none}.post-item__date{display:block;font-size:.9rem;letter-spacing:.02em;color:var(--text-muted)}.post-item__title{margin:.35rem 0 .4rem;font-size:1.2rem;font-weight:700;line-height:1.5;color:var(--text)}.post-item__desc{margin:0;color:var(--text-muted);font-size:.95rem}.post-item__tags{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.4rem}.tag{display:inline-flex;align-items:center;gap:.4em;background:var(--surface);color:var(--ink);border:var(--border-w) solid var(--border);font-family:var(--font-pixel);font-size:.78rem;letter-spacing:.04em;line-height:1;padding:.4em .65em;white-space:nowrap;transition:all .1s ease}a.tag{box-shadow:var(--shadow-pixel-sm)}a.tag:hover{background:var(--accent);color:#fff}a.tag:active{transform:translate(1px,1px);box-shadow:none}a.tag span{background:var(--ink);color:#fff;padding:.15em .45em;font-size:.95em}.tag-cloud{display:flex;flex-wrap:wrap;gap:.7rem}.link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.link-card a{display:flex;background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-pixel-sm);color:inherit;overflow:hidden;transition:transform .1s ease,box-shadow .1s ease}.link-card a:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-pixel)}.link-card a:active{transform:translate(1px,1px);box-shadow:none}.link-card__thumb{flex:0 0 auto;width:160px;align-self:stretch;background-size:cover;background-position:center;background-color:var(--paper);background-image:linear-gradient(135deg,#d7cdbb,#b9aa90);border-right:var(--border-w) solid var(--border)}.link-card__body{display:flex;flex-direction:column;gap:.3rem;padding:1.1rem 1.35rem;min-width:0}.link-card__name{display:inline-flex;align-items:center;gap:.4em;font-weight:700;font-size:1.15rem;color:var(--text)}.link-card__ext{color:var(--accent);font-size:.9rem}.link-card__desc{color:var(--text-muted);font-size:.95rem}.empty-note{color:var(--text-muted)}@media(max-width:560px){.link-card a{flex-direction:column}.link-card__thumb{width:100%;aspect-ratio:16 / 9;border-right:none;border-bottom:var(--border-w) solid var(--border)}}.post-layout{display:grid;grid-template-columns:1fr 200px;gap:3.75rem;align-items:start}.post-layout>article{grid-column:1;min-width:0}.toc{grid-column:2;position:sticky;top:2rem;margin-top:5rem;font-size:.85rem;line-height:1.5}.toc__heading{margin:0 0 .6rem;font-family:var(--font-pixel);font-size:.95rem;letter-spacing:.06em;color:var(--heading)}.toc ul{list-style:none;margin:0;padding:0;border-left:var(--border-w) solid var(--border)}.toc__item a{display:block;padding:.25rem 0 .25rem .75rem;margin-left:calc(-1 * var(--border-w));border-left:var(--border-w) solid transparent;color:var(--text-muted)}.toc__item a:hover{color:var(--heading);border-left-color:var(--heading)}.toc__item--h3 a{padding-left:1.5rem;font-size:.95em}@media(max-width:880px){.post-layout{grid-template-columns:1fr}.post-layout>article{grid-column:1;grid-row:2}.toc{grid-column:1;grid-row:1;position:static;margin-top:0;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:var(--border-w) solid var(--border)}}.post-header{margin-bottom:1.5rem;border-bottom:var(--border-w) solid var(--border);padding-bottom:1.25rem}.post-header__date{display:block;font-size:.9rem;letter-spacing:.02em;color:var(--text-muted)}.post-header__title{margin:.4rem 0 .75rem;font-family:var(--font-body);font-size:2.1rem;font-weight:700;line-height:1.35;color:var(--text)}.post-header__meta{display:flex;flex-wrap:wrap;gap:.4rem}.post-cover{width:100%;border:var(--border-w) solid var(--border);box-shadow:var(--shadow-pixel);margin-bottom:1.75rem}.post-nav{margin-top:3rem;padding-top:1.5rem;border-top:var(--border-w) solid var(--border);font-family:var(--font-pixel);letter-spacing:.04em;font-size:.95rem}.prose{font-size:1.02rem;line-height:1.95;max-width:760px}.prose>:first-child{margin-top:0}.prose h2{margin:2.5rem 0 1rem;font-family:var(--font-pixel);font-size:1.45rem;font-weight:700;letter-spacing:.02em;line-height:1.5;border-left:6px solid var(--accent);padding-left:.6rem;scroll-margin-top:1rem}.prose h3{margin:2rem 0 .75rem;font-family:var(--font-pixel);font-size:1.2rem;font-weight:600;scroll-margin-top:1rem}.prose p{margin:0 0 1.25rem}.prose ul,.prose ol{margin:0 0 1.25rem;padding-left:1.5rem}.prose li{margin-bottom:.4rem}.prose a{text-decoration:underline;text-underline-offset:.2em}.prose blockquote{margin:1.5rem 0;padding:.75rem 1.25rem;border:var(--border-w) solid var(--border);border-left-width:6px;box-shadow:var(--shadow-pixel-sm);background:var(--surface);color:var(--text-muted)}.prose blockquote p:last-child{margin-bottom:0}.prose code{background:var(--paper);border:var(--border-w) solid var(--border);padding:.05em .4em;font-size:.88em}.prose pre{background:var(--ink);color:#f6f2ec;border:var(--border-w) solid var(--border);box-shadow:var(--shadow-pixel);padding:1rem 1.25rem;overflow-x:auto;line-height:1.6}.prose pre code{background:none;border:none;padding:0;font-size:.9rem;color:inherit}.prose img{border:var(--border-w) solid var(--border);box-shadow:var(--shadow-pixel);margin:1.5rem 0}.prose img,.post-cover{background-color:var(--surface);background-image:linear-gradient(100deg,#21505300 30%,#41989d29,#21505300 70%);background-size:200% 100%;background-repeat:no-repeat;animation:img-skeleton 1.2s ease-in-out infinite;min-height:160px}.prose img.is-loaded,.post-cover.is-loaded{background-image:none;animation:none;min-height:0}@keyframes img-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.prose img,.post-cover{animation:none}}.prose hr{border:none;border-top:var(--border-w) solid var(--border);margin:2.5rem 0}@media(max-width:600px){.post-header__title{font-size:1.7rem}.post-item a{padding:1rem 1.15rem}}