:root{--color-brand: #0e7e4a;--color-brand-tint: #e1f5ec;--color-on-brand: #ffffff;--color-bg: #f8f9fa;--color-surface: #fbfcfe;--color-border: #e5e7eb;--color-text: #111827;--color-text-sub: #6b7280;--color-scrim: #00000099;--color-brand-hover: #0d7143;--color-brand-active: #0b673d;--color-tint-hover: #e5e7eb80;--color-tint-active: #e5e7eb;--color-link-active: #0f5f40;--color-halo-hover: #87878721;--color-halo-active: #87878738;--color-error: #b42318;--duration-state: .12s;--underline-offset: .2em;--font-base: "Noto Sans JP", sans-serif;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--text-xs: 12px;--text-s: 14px;--text-m: 16px;--text-l: 20px;--text-xl: 24px;--leading-title: 1.3;--leading-heading: 1.4;--leading-subheading: 1.5;--leading-body: 1.7;--leading-nav: 1.5;--leading-button: 1;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 24px;--space-xl: 32px;--radius-s: 4px;--radius-m: 8px;--radius-l: 12px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-base);font-size:var(--text-m);font-weight:var(--weight-regular);line-height:var(--leading-body);--page-width: 720px;display:grid;gap:var(--space-m)}body.layout-list{--page-width: 1120px}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}img{display:block;max-width:100%}a{color:var(--color-brand)}a:not([class]){text-decoration:none;text-underline-offset:var(--underline-offset);transition:color var(--duration-state)}@media(hover:hover){a:not([class]):hover{text-decoration:underline}}a:not([class]):active{text-decoration:underline;color:var(--color-link-active)}.container{width:min(100% - 2 * var(--space-m),var(--page-width));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-header{padding-top:var(--space-m)}.site-header .container{display:flex}.brand{position:relative;color:var(--color-brand);text-decoration:none}.brand:before{content:"";position:absolute;inset:calc((100% - 44px)/2) 0}.brand .logo{display:block;height:22px;width:auto;aspect-ratio:1024 / 263.22}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-s)}.site-footer ul{display:flex;flex-wrap:wrap;gap:0 var(--space-m)}.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text-sub);font-size:var(--text-s);line-height:var(--leading-nav);text-decoration:none}.site-footer a:active{color:var(--color-text)}.game-list{display:grid;gap:var(--space-l)}.game-card{display:block;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-l);color:var(--color-text);text-decoration:none;transition:box-shadow var(--duration-state)}@media(hover:hover){.game-card:hover,.howto-card:hover{box-shadow:0 0 0 var(--space-xs) var(--color-halo-hover)}}.game-card:active,.howto-card:active{box-shadow:0 0 0 var(--space-xs) var(--color-halo-active)}.game-card img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.game-card-title{padding:var(--space-m);font-size:var(--text-m);font-weight:var(--weight-bold);line-height:var(--leading-subheading)}.howto-slot{display:none}.howto-card{display:flex;flex-direction:column;justify-content:center;gap:var(--space-l);box-sizing:border-box;min-height:100%;padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-l);color:var(--color-text);text-decoration:none;transition:box-shadow var(--duration-state)}.howto-card-title{display:flex;align-items:center;gap:var(--space-s);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-subheading)}.howto-card-title svg{width:28px;height:28px;color:var(--color-brand)}.howto-card-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-m)}.howto-card-steps li{display:grid;place-content:center;justify-items:center;gap:var(--space-s);height:150px;border:1px solid var(--color-border);border-radius:var(--radius-m);font-size:var(--text-s)}.howto-card-steps svg{width:28px;height:28px;color:var(--color-text-sub)}.howto-card-link{display:inline-flex;align-items:center;gap:var(--space-xs);align-self:flex-end;color:var(--color-brand);font-weight:var(--weight-bold);line-height:var(--leading-nav)}.howto-card-link svg{width:18px;height:18px}.page-main,.page-head{display:grid;gap:var(--space-m)}.title-block h1{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-title)}.game-area{display:flex;justify-content:center}.game-area iframe{display:block;width:min(100%,(100dvh - 56px) * 9 / 16);aspect-ratio:9 / 16;border:0}.page-body{display:grid;gap:var(--space-xl)}.page-body.policy-body{gap:var(--space-m)}.page-section{display:grid;gap:var(--space-m)}.page-section.with-divider{position:relative}.page-section.with-divider:before{content:"";position:absolute;top:calc(var(--space-xl) / -2);right:0;left:0;border-top:1px solid var(--color-border)}.section-heading{display:flex;align-items:center;gap:var(--space-s);font-size:var(--text-l);font-weight:var(--weight-bold);line-height:var(--leading-heading)}.section-heading:before{content:"";width:4px;height:20px;border-radius:2px;background:var(--color-brand)}.page-section.share{gap:var(--space-s)}.share-label{color:var(--color-text-sub);font-size:var(--text-s);font-weight:var(--weight-regular);text-align:center}.share-buttons{display:flex;justify-content:space-around}.social-button{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:none;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-state)}@media(hover:hover){.social-button:hover{background:var(--color-tint-hover)}}.social-button:active{background:var(--color-tint-active)}.social-button img,.social-button svg{width:32px;height:32px;object-fit:contain}.social-button svg{width:28px;height:28px}.copy-button{position:relative}.copy-icon-copied,.copy-icon-failed,.copy-button[data-copy-result] .copy-icon-ready{display:none}.copy-button[data-copy-result=copied] .copy-icon-copied{display:block;color:var(--color-brand)}.copy-button[data-copy-result=failed] .copy-icon-failed{display:block;color:var(--color-error)}.copy-tip{position:absolute;bottom:calc(100% + var(--space-xs));left:0;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);background:var(--color-text);color:var(--color-surface);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-nav);white-space:nowrap;opacity:0;transition:opacity var(--duration-state);pointer-events:none}.copy-tip:after{content:"";position:absolute;top:100%;left:calc(26px - var(--space-xs));border:var(--space-xs) solid transparent;border-top-color:var(--color-text)}.copy-button[data-copy-result] .copy-tip{opacity:1}.howto-list{display:grid;gap:var(--space-m)}.howto-item{display:flex;gap:var(--space-m)}.howto-item img{flex:none;width:96px;height:96px;border-radius:var(--radius-m);object-fit:cover}.howto-item>div{display:grid;align-content:start;gap:var(--space-xs)}.howto-item h3{font-size:var(--text-m);font-weight:var(--weight-bold);line-height:var(--leading-subheading)}.howto-item p{color:var(--color-text-sub);font-size:var(--text-s)}.license{display:grid;gap:var(--space-m);font-size:var(--text-s)}.license-group{display:grid;gap:var(--space-s)}.license-group h3{font-size:var(--text-s);font-weight:var(--weight-bold);line-height:var(--leading-subheading)}.license-note{color:var(--color-text-sub)}.policy-content,.policy-service{display:grid;gap:var(--space-s)}.policy-service h3{font-size:var(--text-m);font-weight:var(--weight-bold);line-height:var(--leading-subheading)}.marker-list{display:grid;gap:var(--space-s)}.marker-list li{position:relative;padding-left:var(--space-l)}.marker-list li:has(>.marker-list){display:grid;gap:var(--space-s)}.marker-list li:before{content:"";position:absolute;top:calc((1lh - 6px)/2);left:5px;width:6px;height:6px;border-radius:50%;background:var(--color-text-sub)}.follow{display:flex;flex-direction:column;align-items:center;gap:var(--space-s)}.follow-lead{color:var(--color-text-sub);font-size:var(--text-s)}.follow-button{display:inline-flex;align-items:center;gap:var(--space-s);height:48px;padding:0 var(--space-l);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-m);color:var(--color-text);font-weight:var(--weight-bold);line-height:var(--leading-button);text-decoration:none;transition:background-color var(--duration-state)}@media(hover:hover){.follow-button:hover{background:var(--color-tint-hover)}}.follow-button:active{background:var(--color-tint-active)}.follow-button img{width:20px;height:20px}.button-primary{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 var(--space-l);background:var(--color-brand);border-radius:var(--radius-m);color:var(--color-on-brand);font-weight:var(--weight-bold);line-height:var(--leading-button);text-decoration:none;transition:background-color var(--duration-state)}@media(hover:hover){.button-primary:hover{background:var(--color-brand-hover)}}.button-primary:active{background:var(--color-brand-active)}.not-found{text-align:center}.not-found .page-section{justify-items:center}.not-found-icon{width:48px;height:48px;color:var(--color-text-sub)}.not-found-title{font-size:var(--text-l);font-weight:var(--weight-bold);line-height:var(--leading-title)}.not-found-lead{color:var(--color-text-sub);font-size:var(--text-s)}@media(min-width:768px){.game-list{grid-template-columns:1fr 1fr}.howto-slot{display:block}.game-area iframe{width:min(100%,360px)}.share-buttons{width:100%;max-width:375px;margin-inline:auto}.howto-list{grid-template-columns:1fr 1fr}}