@font-face{font-family:Main;src:url("/src/resources/KenneyMini.ttf")}.dContainer,.dMain{display:flex;align-self:center;justify-content:center;flex-direction:column}.dOverlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;background-color:rgba(0,0,0,.5);height:100%;display:none;transition:opacity .3s ease-in}.dContainer{background-color:rgba(48,81,204,.3);backdrop-filter:blur(12px);width:80%;font-family:Main,monospace;border:1.5px solid #4169e1;border-radius:24px;height:clamp(300px,65%,550px)}.dContent{position:fixed;top:0;padding:14px 22px;width:100%}.scroll{overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:lightgreen lightblue}.scroll::-webkit-scrollbar{width:2vw;height:2.5vw}.scroll::-webkit-scrollbar-track{background:#add8e6;border-radius:10px;margin:2vh 0}.scroll::-webkit-scrollbar-thumb{background:#90ee90;border-radius:10px}.scroll::-webkit-scrollbar-thumb:hover{background:#228b22}.dTitle{color:#fff;font-size:32px;text-shadow:0 0 12px #90ee90;margin-bottom:14px}.dMain{width:100%}.dInputLabel{font-size:18px;text-shadow:0 0 8px #228b22;margin:14px 8px}.dInput{padding:12px 24px;font-size:14px;border:1.5px solid #20b2aa;border-radius:12px}#confirm,#username{margin-bottom:22px}.dRegister{width:100%;margin:30px 0 0}.dCharContainer{background-color:rgba(116,224,137,.1);display:flex;justify-content:space-between;padding:24px 12px;border:1px solid #add8e6;border-radius:12px;overflow:hidden;margin-bottom:20px;margin-top:14px}.dChar{background-repeat:no-repeat;background-position:top;background-size:contain;image-rendering:pixelated;flex:1;height:130px;background-color:rgba(55,71,189,.1);border:2px dashed #4169e1;border-radius:12px;overflow:hidden;backdrop-filter:blur(6px);display:flex;align-items:end;justify-content:center;padding:6px;margin:0 14px;transition:opacity .25s ease-in-out,scale .25s ease-in-out,border .25s ease-in-out}.dChar:active{scale:1.25;opacity:.8;border:4px solid #0ff}.dCSelected{border:3px solid #0ff}.dCharName{align-self:bottom;font-size:18px}#maleImg{background-image:url("/src/resources/charIconM.png")}#femaleImg{background-image:url("/src/resources/charIconF.png")}.dRTitle{font-size:22px}#name{margin:12px 0 22px}input[type=radio]{-webkit-appearance:none;appearance:none}#submit{font-size:18px;font-family:Main,monospace;color:#fff;padding:12px 28px;background-color:rgba(27,140,40,.4);backdrop-filter:blur(6px);border:1.5px solid #90ee90;border-radius:14px}.subCon{display:flex;justify-content:right;align-items:center;margin:50px 0 12px}@media screen and (min-width:1024px){.dContainer{height:clamp(500px,80%,600px)}.dContent{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:14px 8%}.dTitle{grid-column:1/span 2;font-size:44px;text-shadow:0 0 22px #90ee90;margin-bottom:16px;text-align:center}.subCon{grid-column:1/span 2}#submit{font-size:20px;padding:12px 7vw;border:2px solid #90ee90;border-radius:18px}.dCharName{font-size:24px;text-shadow:8px 8px 24px #000}.scroll::-webkit-scrollbar{width:1vw;height:2vw}}