:root{color-scheme:dark;--ink:#f5eee5;--red:#eb6255;--head:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--body:Inter,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#090d10;color:var(--ink);font-family:var(--body)}
.cover{width:min(100%,1680px);aspect-ratio:3/2;position:relative;margin-inline:auto;isolation:isolate;container-type:inline-size}
.artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.access{position:absolute;top:0;right:0;left:42%;height:10.1%;display:flex;align-items:center;justify-content:flex-end;gap:2cqw;padding:0 4.2cqw 0 2cqw;background:linear-gradient(90deg,transparent 0,#080b0ded 7%,#060809 30%)}
.access>span{color:#e0dad2;font-size:clamp(13px,1.15cqw,19px)}
.access a,.play{color:var(--ink);text-decoration:none}
.access a{display:flex;align-items:center;gap:.75em;padding:.4em .95em;background:linear-gradient(#a52620,#641311);border:1px solid #ba5145;font:800 clamp(16px,1.65cqw,29px)/1.1 var(--head);text-transform:uppercase;letter-spacing:.035em;box-shadow:inset 0 0 0 2px #361111}
.access a:hover{background:#a92b20}
.wordmark{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.play{position:absolute;left:10.3%;top:36.2%;width:38.4%;height:12.6%;display:grid;place-items:center;clip-path:polygon(5% 1%,96% 0,100% 20%,100% 77%,96% 98%,5% 100%,0 76%,0 28%)}
.play span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.play:hover{background:#f375551e;box-shadow:inset 0 0 30px #ffe0b230}.play:focus-visible{background:#ffd3b138;box-shadow:inset 0 0 0 6px #ffe1ac}
.access a:focus-visible{outline:3px solid #ffdb9d;outline-offset:4px}
.intro{position:absolute;left:7.2%;top:50.7%;width:38.25%;padding:0 .55cqw .8cqw;text-align:center;background:radial-gradient(ellipse at center,#0c1216 66%,#10171bd9 88%,#0b111790);border-bottom:1px solid #a09d924c}
.features{list-style:none;margin:0;padding:.5cqw 0 1.05cqw;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #b0aca36b}
.features li{display:grid;justify-items:center;align-content:start;gap:.55cqw;padding:.2cqw;border-right:1px solid #a6a09755;color:#f7f1e9;font:800 clamp(15px,1.65cqw,28px)/.98 var(--head);text-transform:uppercase}
.features li:last-child{border:0}
.features svg{width:3cqw;height:3cqw;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.welcome{padding:1.3cqw .4cqw .3cqw}
.welcome h2{margin:0 0 .7cqw;color:var(--red);font:900 italic clamp(25px,3.05cqw,51px)/1 var(--head);text-transform:uppercase;white-space:nowrap}
.welcome p{margin:0 auto .5cqw;max-width:40ch;font-size:clamp(13px,1.39cqw,23px);line-height:1.29}
.welcome strong{color:var(--red);font:800 clamp(20px,2.05cqw,34px)/1.12 var(--head)}
@media(min-width:831px){
.access{left:40.6%;background:linear-gradient(90deg,transparent,#080b0d 4%,#060809 36%)}
.intro{background:#0e1418}
}
.mobile-cover{display:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:830px){
  .desktop-cover{display:none}
  .mobile-cover{display:block;width:min(100%,620px);margin-inline:auto}
  .mobile-top{position:relative;z-index:1;min-height:49px;display:flex;align-items:center;gap:clamp(3px,1.2vw,8px);padding:2px 7px;background:#08090a;border-bottom:1px solid #2c2422}
  .mobile-logo{margin:0 auto 0 0;flex:1;max-width:258px;aspect-ratio:386/80;background:url("prisonkings-mobile.jpg") left top / 223.84% auto no-repeat}
  .mobile-top a,.mobile-menu summary{display:grid;place-items:center;min-height:44px;color:#fff1e6;text-decoration:none;font:800 clamp(16px,4.6vw,24px)/1 var(--head)}
  .mobile-enter{padding:0 5px}
  .mobile-join{padding:0 clamp(7px,2.2vw,14px);background:linear-gradient(#b32016,#5c110d);border:1px solid #f65e42;border-radius:5px;box-shadow:inset 0 0 0 2px #4a100b}
  .mobile-menu summary{cursor:pointer;width:36px;list-style:none}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary span{width:19px;height:13px;border-block:2px solid currentColor;position:relative}
  .mobile-menu summary span::after{position:absolute;content:"";top:calc(50% - 1px);inset-inline:0;border-top:2px solid currentColor}
  .mobile-menu nav{position:absolute;right:7px;top:100%;width:170px;background:#131312;border:1px solid #673b33;box-shadow:0 10px 20px #000b}
  .mobile-menu nav a{justify-content:start;padding:0 12px;border-bottom:1px solid #342623}
  .mobile-poster{position:relative;aspect-ratio:864/1452;overflow:hidden}
  .mobile-poster img{position:absolute;top:-5.785%;left:0;width:100%;height:auto;display:block}
  .poster-link{position:absolute;display:block;border-radius:9px;touch-action:manipulation}
  .poster-play{top:46.8%;left:10.4%;width:79.2%;height:8.4%}
  .poster-gym,.poster-crew,.poster-arena,.poster-map{top:56.6%;width:21%;height:11.8%}
  .poster-gym{left:5.6%}.poster-crew{left:28.6%}.poster-arena{left:51.2%}.poster-map{left:74%}
  .poster-link:focus-visible,.mobile-top a:focus-visible,.mobile-menu summary:focus-visible{outline:3px solid #ffe1a7;outline-offset:-3px;background-color:#ffd78c24}
  .poster-link:active{background:#fff0d52b}
}