:root{--paper:#f1f3f5;--surface:#fff;--ink:#16202b;--ink-soft:#5a6674;--line:#d6dae0;--blue:#1b4fa0;--red:#c8202e;--yellow:#e0a800;--measure:38rem;--font-display:"Shippori Mincho B1",serif;--font-body:"Zen Kaku Gothic New",system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-feature-settings:"palt";margin:0;font-size:17px;line-height:1.9}img{max-width:100%;height:auto;display:block}a{color:var(--blue);text-underline-offset:.2em}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;line-height:1.45}.band{height:5px;display:flex}.band i{flex:1}.band i:first-child{background:var(--red)}.band i:nth-child(2){background:var(--yellow)}.band i:nth-child(3){background:var(--blue)}.wrap{max-width:var(--measure);margin:0 auto;padding:0 1.25rem}.wide{max-width:64rem;margin:0 auto;padding:0 1.25rem}header.site{background:var(--surface);border-bottom:1px solid var(--line)}header.site .inner{flex-wrap:wrap;align-items:baseline;gap:1.25rem;max-width:64rem;margin:0 auto;padding:1rem 1.25rem;display:flex}header.site .logo{font-family:var(--font-display);color:var(--ink);letter-spacing:.02em;font-size:1.35rem;font-weight:800;text-decoration:none}header.site nav{gap:1rem;font-size:.9rem;display:flex}header.site nav a{color:var(--ink-soft);text-decoration:none}header.site nav a:hover{color:var(--blue)}.badge{background:var(--blue);color:#fff;letter-spacing:.06em;padding:.2em .7em;font-size:.72rem;font-weight:700;line-height:1.6;display:inline-block}.badge.game{background:var(--red)}.badge.build{background:#1e7a5a}.badge.info{background:#6a4fa0}article.post h1{margin:.4em 0 .3em;font-size:1.95rem}article.post .meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.8rem;font-size:.85rem;display:flex}article.post .body{margin-top:2.5rem}article.post .body h2{border-left:5px solid var(--blue);margin:3rem 0 1rem;padding-left:.7rem;font-size:1.4rem}article.post .body h3{color:var(--blue);margin:2.2rem 0 .8rem;font-size:1.12rem}article.post .body p{margin:1.2em 0}article.post .body figure{margin:2rem 0}article.post .body figcaption{color:var(--ink-soft);margin-top:.5em;font-size:.82rem}.box{background:var(--surface);border:1px solid var(--line);margin:2rem 0}.box>.t{background:var(--ink);color:#fff;padding:.55rem 1rem;font-size:.95rem;font-weight:700}.box>.c{padding:.4rem 1.15rem 1rem}.point{background:var(--surface);border-left:5px solid var(--red);margin:2rem 0;padding:.4rem 1.15rem}.memo{background:#e9edf2;margin:2rem 0;padding:.4rem 1.15rem;font-size:.95rem}.tag-lead{background:var(--ink);color:#fff;z-index:1;margin:2rem 0 -1.6rem;padding:.25em .9em;font-size:.82rem;font-weight:700;display:inline-block;position:relative}.talk{align-items:flex-start;gap:.8rem;margin:1.6rem 0;display:flex}.talk .who{background:var(--blue);color:#fff;border-radius:50%;flex:0 0 2.6rem;place-items:center;height:2.6rem;font-size:.85rem;font-weight:700;display:grid}.talk .say{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;padding:.6rem 1rem}.step{gap:1rem;margin:1.4rem 0;display:flex}.step .n{background:var(--yellow);height:2.2rem;color:var(--ink);flex:0 0 2.2rem;place-items:center;font-weight:800;display:grid}.rinker{background:var(--surface);border:1px solid var(--line);align-items:flex-start;gap:1rem;margin:2.2rem 0;padding:1rem;display:flex}.rinker img{object-fit:contain;flex:0 0 110px;width:110px}.rinker .info{flex:1;min-width:0}.rinker .brand{color:var(--ink-soft);font-size:.75rem}.rinker .name{margin:.1rem 0 .7rem;font-size:.95rem;font-weight:700;line-height:1.6}.rinker .buy{flex-wrap:wrap;gap:.5rem;display:flex}.rinker .buy a{text-align:center;color:#fff;flex:1;min-width:6.5rem;padding:.5rem .4rem;font-size:.82rem;font-weight:700;text-decoration:none}.rinker .amazon{background:#e8901a}.rinker .rakuten{background:#bf0000}.rinker .yahoo{background:#f03}.cards{background:var(--line);border:1px solid var(--line);gap:1px;display:grid}.card{background:var(--surface);color:inherit;padding:1rem 1.1rem;text-decoration:none;display:block}.card:hover{background:#f7f9fb}.card .t{margin:.4rem 0 .2rem;font-size:.98rem;font-weight:700;line-height:1.6}.card .d{color:var(--ink-soft);font-size:.78rem}@media (width>=40rem){.cards.two{grid-template-columns:1fr 1fr}}footer.site{background:var(--surface);border-top:1px solid var(--line);color:var(--ink-soft);margin-top:5rem;padding:2rem 1.25rem;font-size:.82rem}footer.site .inner{max-width:64rem;margin:0 auto}footer.site .foot-nav{flex-wrap:wrap;gap:1.2rem;margin:1rem 0;display:flex}footer.site .foot-nav a{color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.sec{border-bottom:2px solid var(--ink);margin:0 0 1rem;padding-bottom:.5rem;font-size:1rem}.cards.two .card .d{color:var(--ink-soft);margin:0;font-size:.75rem}.cards.two .card .t{margin:.3rem 0 0;font-size:1rem;font-weight:700;line-height:1.65}.groups{background:var(--line);border:1px solid var(--line);gap:1px;display:grid}@media (width>=44rem){.groups{grid-template-columns:repeat(4,1fr)}}.groups section{background:var(--surface);padding:1rem 1.1rem 1.2rem}.groups h3{color:var(--blue);margin:0 0 .7rem;font-size:.9rem}.groups ul{margin:0;padding:0;list-style:none}.groups li{border-bottom:1px dotted var(--line);justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.87rem;line-height:2;display:flex}.groups li:last-child{border-bottom:none}.groups li a{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-decoration:none;overflow:hidden}.groups li a:hover{color:var(--blue)}.groups li span{color:var(--ink-soft);flex:none;font-size:.78rem}