*{box-sizing:border-box;font-family:DejaVu Serif,serif}body{color:#fff;background-color:#10121e;margin:0}.screen{aspect-ratio:16/9;background-image:url(/deadlock-select-screen/backgrounds/base3.png);background-repeat:no-repeat;background-size:100%;width:min(100vw,177.778vh);margin:0 auto;position:relative;overflow:hidden;container-type:size}.video-background{width:100%;height:auto;animation:50s infinite rgb;position:absolute;top:0;left:0}@keyframes rgb{0%{filter:brightness(.5)sepia()saturate(1.3)hue-rotate(120deg)}to{filter:brightness(.5)sepia()saturate(1.3)hue-rotate(480deg)}}.mute-button{cursor:pointer;z-index:10;filter:brightness(.5);background-color:#0000;border:none;align-items:center;gap:.5rem;height:3%;margin-left:.25%;display:flex;position:absolute;top:0;left:0}.mute-button img{width:auto;height:100%}.mute-button:hover{filter:brightness()}.mute-button p{color:#fff;font-size:.75cqw;font-weight:bolder}.top-bar{width:100%;position:absolute}.top-bar-button{width:10%;height:auto}.top-bar-button img{width:50%;height:auto}.character-selection{z-index:1;width:37%;height:100%;padding-top:2%;padding-left:2.5%;position:relative}@keyframes rotate-clock{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}.character-selection-title p{color:gray;margin:0;font-size:2cqmin;font-weight:700}.character-selection-title h1{white-space:nowrap;color:teal;margin:0;font-size:2.5cqw}.characters-grid{grid-template-rows:auto;grid-template-columns:repeat(8,1fr);gap:.8cqmin;width:100%;padding-top:3.25%;padding-left:2%;display:grid}.character-cell{background-color:#282828;border:.3cqmin solid #3c3c3c;border-radius:5px;width:auto;height:100%;margin:0;position:relative;aspect-ratio:3/5!important}.character-cell:after{content:"";pointer-events:none;filter:blur(.2px);background:linear-gradient(#0000 70%,#0009);width:100%;height:100%;position:absolute;top:0;left:0}.character-cell.selected{z-index:5;transition:all .1s;rotate:5deg;scale:1.1}.character-cell.done-selected{border-color:#c8c8dc;animation:.2s select-animation!important}@keyframes select-animation{0%{scale:1.1}50%{scale:1.3}to{scale:1.1}}.character-cell.done-unselected img{filter:saturate(.2)}.character-cell:not(.done-unselected):hover{z-index:5;animation:4s linear infinite rotate-portrait}.character-cell img{width:100%;height:100%;margin:0}.character-cell-hover{z-index:-1;pointer-events:none;position:absolute;top:-35%;left:0;transform:scaleX(1.5)scaleY(1.7)}@keyframes rotate-portrait{0%{rotate:0deg}25%{rotate:-5deg}50%{rotate:0deg}75%{rotate:5deg}to{rotate:0deg}}.play-button-container{justify-content:center;margin-top:7%;display:flex;position:relative}.play-button-image{width:100%;height:100%;position:absolute;top:0;left:0}.play-button{cursor:pointer;color:#fff;background-color:#0000;border:none;padding:7% 13%;position:relative}.play-button img:nth-child(2){opacity:0;visibility:hidden;width:159%;height:auto;transition:opacity .2s,transform .2s,visibility 0s linear .2s;position:absolute;top:-54%;left:-9%;transform:scale(.9)}.play-button.hover img:nth-child(2){opacity:1;visibility:visible;transition:opacity .2s,transform .2s,visibility;transform:scale(1)}.play-button.hover{color:#000;transform:rotate(-2deg)}.play-button.hover p{transform:rotate(-1deg)skew(-2deg)}.play-button p{z-index:1;margin:0;font-size:5cqmin;font-weight:800;line-height:0;position:relative}.player-character{perspective:5000px;position:absolute;inset:0;overflow:hidden}.player-character>img:first-child{z-index:5;width:100%;height:100%;display:block}.player-character img:nth-child(3){z-index:0;width:100%;height:100%;position:absolute;top:0;right:0}.player-character-info{width:35%;position:absolute;bottom:5%;right:2%}.player-character-info-name{width:100%;max-height:8cqw;margin:0 auto;display:block}.player-character-info-tags-container{justify-content:center;gap:1rem;margin-top:5%;display:flex}.player-character-tag-container{background-color:#0000;position:relative}.player-character-info-tag{z-index:1;margin:0;padding:.25rem 1rem;font-size:1.35cqw;font-weight:700;position:relative}.player-character-tag-background{z-index:0;position:absolute;inset:0}.player-character-tag-container:first-child .player-character-tag-background{animation:2s steps(3,end) infinite tag-animation-1}.player-character-tag-container:nth-child(2) .player-character-tag-background{animation:2s steps(3,end) infinite tag-animation-2}.player-character-tag-container:nth-child(3) .player-character-tag-background{animation:2s steps(3,end) infinite tag-animation-3}.player-character-tag-container:first-child p{rotate:-7deg}.player-character-tag-container:nth-child(2) p{rotate:3deg}.player-character-tag-container:nth-child(3) p{rotate:7deg}@keyframes tag-animation-1{0%{rotate:-10deg}to{rotate:0deg}}@keyframes tag-animation-2{0%{rotate:7deg}to{rotate:2deg}}@keyframes tag-animation-3{0%{rotate:10deg}to{rotate:0deg}}.player-character-info-skills-container{grid-template-columns:repeat(4,1fr);justify-content:center;gap:5%;width:55%;margin-top:5%;margin-left:25%;display:grid}.player-character-info-skill{z-index:1;cursor:pointer;background-color:color-mix(in srgb, currentColor 90%, black);border-radius:50%;padding:1cqmin}.player-character-info-skill img{filter:brightness(0);opacity:.8;width:100%;height:auto}.bottom-bar{z-index:2;justify-content:space-between;align-items:center;width:100%;height:5%;padding:0 1%;display:flex;position:absolute;bottom:1%;left:0}.bottom-bar-buttons-container{align-items:center;gap:2cqmin;height:100%;display:flex}.bottom-bar-buttons-container a{text-decoration:none;color:#828282!important}.bottom-bar-escape{cursor:pointer;color:#828282;align-items:center;gap:1cqmin;height:100%;font-size:1.75cqmin;font-weight:800;display:flex}.bottom-bar-escape img{width:auto;height:50%}.bottom-bar-randomizer{cursor:pointer;color:#828282;background-color:#0000;border:none;align-items:center;gap:1cqmin;height:100%;font-size:1.75cqmin;font-weight:800;display:flex}.bottom-bar-randomizer:hover div{background-color:#fff}.bottom-bar-randomizer:active img{transition:all .1s;transform:scale(1.5)}.bottom-bar-randomizer div{background-color:#73706b;border-radius:4px;justify-content:center;align-items:center;width:4.5cqmin;height:50%;display:flex}.bottom-bar-randomizer img{filter:brightness(.05);width:auto;height:90%}.lore-button-container{height:100%}.lore-button{cursor:pointer;z-index:100;background-color:#0000;border:none;width:100%;height:100%;padding:0}.lore-button img{opacity:.75;width:auto;height:100%}.character-lore-container{color:#ffefd7;z-index:111;background-color:#1414149b;width:100%;height:100%;padding:3% 8%;position:relative;overflow:hidden}.character-lore-container h2,h3{font-size:1.5cqw}a{font-weight:800;text-decoration:underline}a:visited{color:currentColor}ul{list-style-type:square}.character-lore-container img{z-index:-1;filter:brightness(.5);width:auto;height:100%;position:absolute;top:0;left:0}.character-lore-container h1{margin:0 0 .25cqmin;font-size:3cqmin}.character-lore-text-container{height:78%;overflow-y:scroll}.character-lore-text-container p{white-space:pre-line;font-size:1.4cqmin;font-weight:600;line-height:1.5}.character-lore-container button{cursor:pointer;color:#c2b49c;background-color:#0000;border:.25cqh solid #c2b49c;border-radius:2cqmin;margin-top:3%;margin-left:2%;padding:.75cqmin 2cqmin;font-size:1.5cqmin;font-weight:800}.character-lore-container button:hover{color:#0f0f0f;background-color:#a69884}.character-background{animation:.5s fade-in}@keyframes fade-in{0%{opacity:.5}to{opacity:1}}.character-shadow{filter:brightness(0);width:100%;height:100%;transform-style:preserve-3d;transform-origin:70%;animation:50s steps(60,end) infinite distort;position:absolute;top:0;right:0;scale:1}@keyframes distort{0%{transform:rotate(-2deg)scale(1.02,.98)skew(2deg)}20%{transform:rotate(3deg)scale(.97,1.03)skewY(-3deg)}40%{transform:rotate(-1deg)scale(1.04,.96)skew(-2deg)}60%{transform:rotate(2deg)scale(.98,1.02)skewY(2deg)}80%{transform:rotate(-1deg)scale(1.01,.99)skew(1deg)}to{transform:rotate(0)scale(1)}}.character{transform-style:preserve-3d;transform-origin:70% 100%;animation:.5s character-fade-in;position:relative}@keyframes character-fade-in{0%{opacity:.5;filter:brightness(0)}to{opacity:1;ilter:brightness(1)}}@keyframes rotate-animation{0%{transform:rotateY(-2deg)}25%{transform:rotateY(2deg)}50%{transform:rotateY(-2deg)}75%{transform:rotateY(2deg)}to{transform:rotateY(-2deg)}}.modal{z-index:10;background:#00000059;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.menubutton button{cursor:pointer;color:#000;background-color:gray;border:2px solid #000;padding:.5rem 2rem;font-weight:800}.menubutton button:hover{background-color:#fff}.modal-content{-webkit-backdrop-filter:blur(50px)brightness(1.5);backdrop-filter:blur(50px)brightness(1.5);border:2px solid #525149;width:37%;height:50%;position:relative;overflow-y:auto}