```metadata
title: Bladerunner Basic Template
description: An attempt at a very basic BladeRunner RPG template.
tags:
  - system:bladerunner
  - type:template
  - reddit
  - example
systems: []
renderer: V3
theme: 5ePHB

```

```css
@import url('https://fonts.cdnfonts.com/css/panfleta-stencil');
@import url('https://fonts.cdnfonts.com/css/hydrogen-type');

.page {
  background-image: none;
  background-color: black;
  padding-top: 2.0cm;
  column-gap: 10px;
  --borderWidth: 1.5px;
  --borderColor: #ACA086;
  --headerColor: #930E20f0;
  --headerColorG1: #930E20c0;
  --headerColorG2: #930E20a0;
  --headerColorG3: #930E2080;
  --headerColorG4: #930E2060;
  --headerColorG5: #930E2040;
  --noteBackgroundColor: #D2D0CE;
}


.page:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(2 * var(--borderWidth));
  border: var(--borderWidth) solid var(--borderColor);
}
.page:nth-of-type(even):before{
  left: calc(2 * var(--borderWidth));
  right: unset;
}
.page:nth-of-type(odd):before{
  left: unset;
  right: calc(2 * var(--borderWidth));
}


.page:after {
  content: '';
  background-image: none;
  position: absolute;
  width: 100%;
  height: calc(40px - var(--borderWidth));
  bottom: 0;
  border-top: var(--borderWidth) solid var(--borderColor);
}
.page:nth-of-type(even):after{
  left: calc(2 * var(--borderWidth));
  right: unset;
}
.page:nth-of-type(odd):after{
  left: unset;
  right: calc(2 * var(--borderWidth));
}

.page h1,
.page h2 {
  font-family: 'Panfleta Stencil', sans-serif;
  letter-spacing: 0.25em;
  color: var(--headerColor);
  font-weight: 400;
}

.page h1 {
  text-align: center;
  font-size: 40px;
}


.page .title {
  position: absolute;
  display: block;
  top: calc(2 * var(--borderWidth));
  width: 100%;
  height: 30px;
  background-color: transparent;
  padding: 7px 12px;
  color: var(--borderColor);
  border-bottom: var(--borderWidth) solid var(--borderColor);
  font-family: 'Lato';
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.page:nth-of-type(odd) .title {
  right: calc(2 * var(--borderWidth));
}
.page:nth-of-type(even) .title {
  left: calc(2 * var(--borderWidth));
}


.page .note {
  position: relative;
  background-color: var(--noteBackgroundColor);
  border: none;
  border-image: none;
  box-shadow: none;
  padding: 5px 10px;
  width: 100%;
  font-family: BookInsanityRemake;
  margin-top: 0;
  border: 10px solid var(--noteBackgroundColor);
}
.page .note h2 {
  font-family: 'Panfleta Stencil', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 24px;
  padding-bottom: 8px;
}
.page .note p {
  line-height: 1.5em;
}

.page .note .counter {
  position: absolute;
  top: -10px;
  background: var(--headerColor);
  width: 40px;
  text-align: center;
  color: white;
  font-family: 'Lato';
  font-weight: bold;
  font-size: 18px;
  padding: 6px;
}
.page .note .counter.left {
  right: calc(100% + 15px);
}
.page .note .counter.right {
  left: calc(100% + 15px);
}
.page .note .counter:after {
  --div: 5px;
  --width: 2px;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(100% + var(--div) - var(--width));
  left: 0;
  background-color: transparent;
  background-image: linear-gradient(to bottom,
    var(--headerColorG1) calc(0 * var(--div)), var(--headerColorG1) calc(0 * var(--div) + var(--width)), transparent calc(0 * var(--div) + var(--width)), transparent calc(1 * var(--div)),
    var(--headerColorG2) calc(1 * var(--div)), var(--headerColorG2) calc(1 * var(--div) + var(--width)), transparent calc(1 * var(--div) + var(--width)), transparent calc(2 * var(--div)),
    var(--headerColorG3) calc(2 * var(--div)), var(--headerColorG3) calc(2 * var(--div) + var(--width)), transparent calc(2 * var(--div) + var(--width)), transparent calc(3 * var(--div)),
    var(--headerColorG4) calc(3 * var(--div)), var(--headerColorG4) calc(3 * var(--div) + var(--width)), transparent calc(3 * var(--div) + var(--width)), transparent calc(4 * var(--div)),
    var(--headerColorG5) calc(4 * var(--div)), var(--headerColorG5) calc(4 * var(--div) + var(--width)), transparent calc(4 * var(--div) + var(--width)), transparent calc(5 * var(--div)),
    transparent);
}

.page .pageNumber {
  position: absolute;
  font-family: 'Lato';
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.25em;
  bottom: -1px;
  border: var(--borderWidth) solid var(--borderColor);
  width: 80px;
  height: 40px;
}
.page .pageNumber:after {
  content: counter(phb-page-numbers, decimal-leading-zero) !important;
  position: absolute;
  bottom: 8px;
}
.page:nth-of-type(odd) .pageNumber {
  right: calc(2 * var(--borderWidth));
}
.page:nth-of-type(odd) .pageNumber:after {
  right: calc(10 * var(--borderWidth));
}
.page:nth-of-type(even) .pageNumber {
  left: calc(2 * var(--borderWidth));
}
.page:nth-of-type(even) .pageNumber:after {
  left: calc(10 * var(--borderWidth));
}

.page .note h3 {
  font-family: 'HydrogenType', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  color: red;
  font-size: 24px;
  padding-bottom: 8px;
}
```


{{title Core Rules}}

{{note,height:250px
{{counter,left 04}}
## Moral Conflict

The driving inspiration in noir storytelling is moral conflict - the intense inner turmoil to maintain your empath, humanity, and moral code against the relentless desires, seductions, and corruptions of an unsympathetic world that doesn't reward you for playing by the rules. The life of a Blade Runner is a dichotomous emotional journey filled with light and darkness, hopeful triumphs and cautionary tales alike, as you make one impossible choice after another and then live with the consequences.
}}

\column

{{note,height:250px
{{counter,right 05}}
##  Soul Searching

A detective's life is not without its respites of deep reflection over a stiff dring or warm embrace. This job forces you to process your choices, come to terms with your regrets and failures, and ask the hard questions that weigh what you think is right or worth fighting for. What makes us who we are. What it even means to be human. Every step deeper into this world will challenge you to reevaluate who you really are, what you're truly capable of, how much you're will to justify or sacrifice, and just how far you're willing to go.
}}

::::::::::

# ROLEPLAYING<br /> BLADE RUNNER
:
{{wide
{{note,width:240px,float:right
## The Game Runner

The final player of the game is the Game Runner. They describe the world of BLADE RUNNER to the other playes and portray all the people you meet during the game. Characters controlled by the Game Runner are called non-player characters, or NPCs for short.

It is the Game Runner's job to put obstacles in your path and challenge you PCs, forcing them to show what they're really made of. But it is not up to the Game Runner to decide what happens in the game -- and above all, not how your story is supposed to end. that is why you are playing the game -- to find out how your story ends.
}}
{{note,width:420px
So, now you know all you need all you need to about the LA of 2037 and what it's like to be a Blade Runner. In theory. It's time to get your boots on the ground and learn how to bring this neon noir wonderworld to your gaming table.
}}
:
{{note,width:420px
## The Players

Each player in this game -- except one -- takes the role of a Blade Runner in the LAPD Rep-Detect Unit.
}}

}}

{{pageNumber,auto}}

\page

{{title Core Rules}}

{{note,height:250px
{{counter,left 04}}
## Moral Conflict

The driving inspiration in noir storytelling is moral conflict - the intense inner turmoil to maintain your empath, humanity, and moral code against the relentless desires, seductions, and corruptions of an unsympathetic world that doesn't reward you for playing by the rules. The life of a Blade Runner is a dichotomous emotional journey filled with light and darkness, hopeful triumphs and cautionary tales alike, as you make one impossible choice after another and then live with the consequences.
}}

\column

{{note,height:250px
{{counter,right 05}}
##  Soul Searching

A detective's life is not without its respites of deep reflection over a stiff dring or warm embrace. This job forces you to process your choices, come to terms with your regrets and failures, and ask the hard questions that weigh what you think is right or worth fighting for. What makes us who we are. What it even means to be human. Every step deeper into this world will challenge you to reevaluate who you really are, what you're truly capable of, how much you're will to justify or sacrifice, and just how far you're willing to go.
}}

::::::::::

# ROLEPLAYING<br /> BLADE RUNNER
:
{{wide
{{note,width:240px,float:right
## The Game Runner

The final player of the game is the Game Runner. They describe the world of BLADE RUNNER to the other playes and portray all the people you meet during the game. Characters controlled by the Game Runner are called non-player characters, or NPCs for short.

It is the Game Runner's job to put obstacles in your path and challenge you PCs, forcing them to show what they're really made of. But it is not up to the Game Runner to decide what happens in the game -- and above all, not how your story is supposed to end. that is why you are playing the game -- to find out how your story ends.
}}
{{note,width:420px
So, now you know all you need all you need to about the LA of 2037 and what it's like to be a Blade Runner. In theory. It's time to get your boots on the ground and learn how to bring this neon noir wonderworld to your gaming table.
}}
:
{{note,width:420px
### The Players

Each player in this game -- except one -- takes the role of a Blade Runner in the LAPD Rep-Detect Unit.
}}

}}

{{pageNumber,auto}}