html{height:100%;--content-width: 960px;--background-color: #0e111b;--foreground-color: #202632;--soft-foreground-color: #202632cc;--dark-background: linear-gradient(45deg, var(--background-color), #151a28);--default-padding: .5rem;--wide-padding: 1.5rem;--default-margin: .5rem;--wide-margin: 1.5rem;--text-color: #e0e0e0;--link-color: #FFBF00;--border-glow-color: rgb(130,130,200);--soft-border-glow-color: rgba(130,130,200, .75);--debug-border: 2px solid red;--green: 0, 255, 0;--red: 255, 0, 0}body{font-family:sans-serif;background:var(--dark-background);color:var(--text-color)}main{box-sizing:border-box;position:absolute;top:2.5rem;right:0;bottom:0;left:2.5rem;padding:1rem;background-color:var(--foreground-color);border-left:1px solid var(--soft-border-glow-color);border-top:1px solid var(--soft-border-glow-color);border-top-left-radius:.5rem;background-image:url(/assets/SpielSchmiedeAmboss-Dy8yQ5xx.png);background-repeat:no-repeat;background-size:15rem;background-position:right 1rem bottom 1rem;overflow-y:scroll}.container{margin:auto;padding:.25rem;max-width:var(--content-width);background-color:var(--soft-foreground-color);border-radius:1rem}article{padding:1rem;background-color:var(--background-color);border:1px solid var(--soft-border-glow-color);border-radius:.5rem}img{max-width:100%;max-height:100%}p{margin-top:var(--wide-margin);margin-bottom:0}p+p{margin-top:var(--default-margin)}p:last-child{margin-bottom:var(--wide-margin)}.p{padding:var(--default-padding)}.px{padding:0 var(--default-padding)}.py{padding:var(--default-padding) 0}.pr{padding-right:var(--default-padding)}.pl{padding-left:var(--default-padding)}.pb{padding-bottom:var(--default-padding)}.pt{padding-top:var(--default-padding)}.m{margin:var(--default-margin)}.mx{margin:0 var(--default-margin)}.my{margin:var(--default-margin) 0}.mt{margin-top:var(--default-margin)}.mb{margin-bottom:var(--default-margin)}.w-full{width:100%}h1,h2,h3,h4,h5{padding:0 auto;margin:0 auto;color:#fff;text-shadow:-1px -1px 0 var(--border-glow-color),1px -1px 0 var(--border-glow-color),-1px 1px 0 var(--border-glow-color),1px 1px 0 var(--border-glow-color),0 0 .2em var(--border-glow-color),0 0 .2em var(--border-glow-color)}hr{margin:1rem 0;border:none;height:1px;background-color:#8282c84d}button{background-color:var(--link-color);border:1px solid rgba(0,0,0,0);border-radius:.25rem;padding:.25rem .5rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}button+button{margin-left:var(--default-margin)}mark{background-color:#0000;color:var(--link-color)}pre{background:var(--dark-background);padding:var(--default-padding)}.inverse{color:var(--link-color);border:1px solid var(--link-color);background:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--default-padding);align-items:start}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:var(--default-padding);align-items:start}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--default-padding);align-items:start}.row{display:flex;align-items:center}a{text-decoration:none;color:var(--link-color)}.right{text-align:right}.small{font-size:small}.xsmall{font-size:x-small}.flex{display:flex;flex-direction:row;gap:1rem}.block{display:inline-block}.debug{border:2px solid red}.primary{color:var(--pico-primary)!important;border-color:var(--pico-primary)!important}.pill{display:inline-block;border-radius:.5rem;padding:0 var(--default-padding);margin:0 calc(var(--default-margin)/2);font-size:small;border:1px solid var(--link-color)}.flex .width-1{flex:1}.flex .width-2{flex:2}.flex .width-3{flex:3}.flex .width-4{flex:4}.flex .width-5{flex:5}.flex .width-50{flex:50}.center{text-align:center}.capitalisize:first-letter{text-transform:capitalize}@keyframes greenGlow{0%{box-shadow:0 0 rgba(var(--green),0)}30%{box-shadow:0 0 4px 3px rgba(var(--green),.8)}60%{box-shadow:0 0 4px 3px rgba(var(--green),.8)}to{box-shadow:0 0 rgba(var(--green),0)}}@keyframes redGlow{0%{box-shadow:0 0 rgba(var(--red),0)}30%{box-shadow:0 0 4px 3px rgba(var(--red),.8)}60%{box-shadow:0 0 4px 3px rgba(var(--red),.8)}to{box-shadow:0 0 rgba(var(--red),0)}}.green-flash{animation:greenGlow 3s ease-in-out 1}.red-flash{animation:redGlow 3s ease-in-out 1}.image{background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:.25rem}.avatar-item:hover{background-color:var(--background-color);border-radius:.25rem}#avatar{border:1px solid var(--soft-border-glow-color)}.icon-text{height:1.5rem;vertical-align:middle;padding-right:.5rem}