*{font-family:var(--Germania);letter-spacing:1px}:root{--obsidian: #080808;--slimeBlue: #1c75bc;--mustard: #e38a43;--headerHeight: 48px;--Germania: "Germania One", system-ui;--Roboto: "Roboto", san-serif;scrollbar-width:none}body{display:block;margin:0;background-image:url(/dqmjIndex/assets/dqmjBackup-DRbQO8Fs.png);background-position:center;background-size:cover}main{display:flex;justify-content:center;flex-direction:column;align-items:center;min-height:1080px;height:100dvh}header{height:var(--headerHeight);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}header img{height:calc(var(--headerHeight) - 8px)}header span{font-weight:bolder;font-size:1.5rem;color:var(--slimeBlue)}footer{color:#fff;text-align:center}#bgVid{position:fixed;top:0;height:100svh;z-index:-10}@media screen and (min-width:720px){#bgVid{height:100dvw}}#titleImg{transition:filter .25s}#titleImg:hover{filter:invert(100%)}#searchResults{margin-top:16px;max-width:512px;background-color:#fff;background-clip:border-box;max-height:240px;overflow-y:scroll;border-radius:2rem;scrollbar-width:none;opacity:1;transition:opacity .5s;filter:drop-shadow(0 0 1rem .5rem black)}@starting-style{#searchResults{opacity:0}}#searchResults button:focus{background-color:var(--slimeBlue);color:#fff}#searchResults .resultButton{display:flex;border:none;background-color:#fff;width:100%;height:fit-content;padding-block:4px;justify-content:center;align-items:center;column-gap:16px}#searchResults .resultButton:hover{background-color:var(--mustard)}#bookMenu{--difference: 4px;display:inline;height:calc(48px - var(--difference));aspect-ratio:1/1;border:none;border-radius:50%;background-color:var(--slimeBlue);background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2028.3.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201080%201080'%20style='enable-background:new%200%200%201080%201080;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cg%3e%3cpath%20d='M1032.7,234.5c-11.3-0.4-24.2-0.7-38.2-0.8v-67.3c0-7.7-3-14.8-8-20.1c-5-5.3-11.9-8.7-19.6-9.2%20c-82.9-5-357.9-9.1-415.4,148.3c-1.1,3.1-1.7,6.4-1.7,9.9v600.4c0,15.2,6.9,29.3,18.9,38.6c8.7,6.8,19.2,10.3,29.9,10.3%20c4,0,8-0.5,12-1.5c173.2-43.6,337.4-48.2,419.8-47c13.2,0.2,25.6-4.8,35-14.1c9.4-9.3,14.6-21.6,14.6-34.9V283.4%20C1080,256.9,1059.2,235.4,1032.7,234.5z%20M569.4,295.2c0-1.2,0.2-2.2,0.5-3.2c22.5-61.5,85.9-103,188.6-123.5%20c54.3-10.8,110-13.5,152-13.5c23.7,0,43,0.9,55.2,1.6c5.2,0.3,9.2,4.6,9.2,9.8v615.7c0,2.7-1.1,5.2-3.1,7.1c-2,1.9-4.6,2.8-7.3,2.7%20c-35.2-2-105.1-3.8-178.2,6.9c-92.1,13.5-159.5,42.3-200.2,85.6c-4.2,4.4-9.2,2.9-10.6,2.3c-1.5-0.6-6.2-2.9-6.2-9.1V295.2z%20M1060.4,847.1c0,7.9-3.1,15.4-8.7,20.9c-5.6,5.6-13.1,8.6-21,8.4c-83.4-1.2-249.5,3.5-424.9,47.6c-8.8,2.2-17.9,0.3-25.1-5.3%20c-4.3-3.4-7.6-7.8-9.4-12.8c2.6,0.8,5.3,1.1,8,1.1c7.9,0,15.6-3.2,21.2-9.2c88.8-94.5,300.3-90,363-86.4c8,0.5,16-2.4,21.9-8%20c5.8-5.5,9.2-13.3,9.2-21.4V253.3c14.3,0.1,27,0.4,37.5,0.8c15.9,0.5,28.4,13.4,28.4,29.3V847.1z'/%3e%3cpath%20class='st0'%20d='M974.9,166.4v615.7c0,2.7-1.1,5.2-3.1,7.1c-2,1.9-4.6,2.8-7.3,2.7c-35.2-2-105.1-3.8-178.2,6.9%20c-92.1,13.5-159.5,42.3-200.2,85.6c-4.2,4.4-9.2,2.9-10.6,2.3c-1.5-0.6-6.2-2.9-6.2-9.1V295.2c0-1.2,0.2-2.2,0.5-3.2%20c22.5-61.5,85.9-103,188.6-123.5c54.3-10.8,110-13.5,152-13.5c23.7,0,43,0.9,55.2,1.6C970.9,156.9,974.9,161.2,974.9,166.4z'/%3e%3cpath%20d='M528.5,285.3c-47.7-130.4-244.7-149.9-358-149.9c-23.4,0-43.2,0.8-57.4,1.7c-15.5,0.9-27.6,13.8-27.6,29.3v67.3%20c-14,0.1-26.9,0.4-38.2,0.8C20.8,235.4,0,256.9,0,283.4v563.7c0,13.2,5.2,25.6,14.6,34.9c9.4,9.3,21.8,14.3,35,14.1%20c82.4-1.2,246.6,3.4,419.8,47c4,1,8,1.5,12,1.5c10.7,0,21.2-3.6,29.9-10.3c12-9.4,18.9-23.4,18.9-38.6V295.2%20C530.2,291.8,529.6,288.4,528.5,285.3z%20M499.3,918.8c-7.2,5.6-16.3,7.5-25.1,5.3c-161.1-40.5-314.3-47.7-402.8-47.7%20c-7.9,0-15.2,0-22,0.1c-8,0.1-15.4-2.9-21-8.4c-5.6-5.6-8.7-13-8.7-20.9V283.4c0-15.9,12.5-28.8,28.4-29.3%20c10.6-0.3,23.2-0.6,37.5-0.8v528.8c0,8.1,3.4,15.8,9.2,21.4c5.9,5.5,13.8,8.4,21.9,8c62.7-3.6,274.2-8,363,86.4%20c5.7,6,13.3,9.2,21.2,9.2c2.7,0,5.4-0.4,8-1.1C506.9,911,503.6,915.4,499.3,918.8z%20M510.6,877.7c0,6.2-4.8,8.6-6.2,9.1%20c-1.4,0.6-6.4,2.1-10.6-2.3c-40.7-43.3-108-72.1-200.2-85.6c-44.9-6.6-88.6-8.5-123.7-8.5c-22.1,0-40.9,0.7-54.5,1.5%20c-2.7,0.2-5.3-0.8-7.3-2.7c-2-1.9-3.1-4.4-3.1-7.1V166.4c0-2.6,1-4.9,2.7-6.7c1.7-1.7,3.9-2.9,6.5-3.1c34-2.1,122.3-5,207.3,11.9%20c102.7,20.5,166.1,62,188.6,123.5c0.4,0.9,0.5,2,0.5,3.2V877.7z'/%3e%3cpath%20class='st0'%20d='M510.6,295.2v582.5c0,6.2-4.8,8.6-6.2,9.1c-1.4,0.6-6.4,2.1-10.6-2.3c-40.7-43.3-108-72.1-200.2-85.6%20c-44.9-6.6-88.6-8.5-123.7-8.5c-22.1,0-40.9,0.7-54.5,1.5c-2.7,0.2-5.3-0.8-7.3-2.7c-2-1.9-3.1-4.4-3.1-7.1V166.4%20c0-2.6,1-4.9,2.7-6.7c1.7-1.7,3.9-2.9,6.5-3.1c34-2.1,122.3-5,207.3,11.9c102.7,20.5,166.1,62,188.6,123.5%20C510.5,293,510.6,294.1,510.6,295.2z'/%3e%3c/g%3e%3c/svg%3e");background-size:calc(32px - var(--difference)),cover;background-repeat:no-repeat;background-position:center;position:absolute;padding:0;left:2px;z-index:4}#bookMenu:hover{background-blend-mode:exclusion;filter:drop-shadow(0 0 4px black)}#bookMenu:focus{background-color:var(--mustard)}#searchBoxWrapper{display:inline}#searchBox{height:var(--headerHeight);width:90vw;max-width:512px;align-self:center;display:flex;flex-direction:row;justify-content:space-between;background-color:#fff;background-clip:border-box;border:0px solid transparent;border-radius:2rem;transition:border .1s ease-in-out,border-radius .1s ease-in-out,background-color .1s ease-in-out;padding:0}#searchBox:focus{border:2px solid var(--mustard)}#searchBox input{height:inherit;background-color:transparent;width:100%;border:0 solid transparent;outline:none;z-index:1;font-size:1rem;text-align:center}#monsterCollection{display:block;aspect-ratio:9/16;width:75vw;max-width:400px;max-height:712px;filter:drop-shadow(0 0 .5rem var(--mustard))}#topBar{position:absolute;top:0;z-index:10}#mainContent{align-self:center}@media screen and (min-width:768px){#mainContent{margin-top:128px}}#arrowContainer{width:calc(16vh + 24px);display:flex;justify-content:space-between;margin:24px auto}#arrowContainer .ArrowCircle{background-color:#fff;min-height:48px;height:8vh;max-height:64px;aspect-ratio:1/1;border:0 solid transparent;border-radius:50%;transition:background-color .05s,transform .5s;display:flex;align-items:center;justify-content:center;transform:scale(1)}#arrowContainer .ArrowCircle:active{transform:scale(.8)}#arrowContainer .ArrowCircle:hover{background-color:var(--slimeBlue)}#arrowContainer .ArrowCircle:hover #leftArrow{border-right:24px solid var(--mustard);transform:scale(1.3)}#arrowContainer .ArrowCircle:hover #rightArrow{border-left:24px solid var(--mustard);transform:scale(1.3)}#arrowContainer .ArrowCircle:focus #leftArrow{border-right:24px solid var(--mustard);transform:scale(1.3)}#arrowContainer .ArrowCircle:focus #rightArrow{border-left:24px solid var(--mustard);transform:scale(1.3)}#arrowContainer .ArrowCircle #leftArrow,#arrowContainer .ArrowCircle #rightArrow{height:0px;width:0px;transition:transform .5s}#arrowContainer .ArrowCircle #leftArrow{border-top:12px solid transparent;border-right:24px solid var(--slimeBlue);border-bottom:12px solid transparent}#arrowContainer .ArrowCircle #rightArrow{border-top:12px solid transparent;border-left:24px solid var(--slimeBlue);border-bottom:12px solid transparent}#activeCard{display:block;opacity:1;transform:scale(1) translateY(0)}@starting-style{#activeCard{opacity:0;transform:scale(0) translateY(-256px)}}#cardGoLeft,#cardGoRight{display:block;opacity:0}#cardGoLeft{opacity:1;transform:scaleY(1) translate(0) rotate(0) skew(0)}@starting-style{#cardGoLeft{opacity:0;transform:scaleY(0) translate(-512px) rotate(90deg) skew(-45deg,45deg)}}#cardGoRight{opacity:1;transform:scaleY(1) translate(0) rotate(0) skew(0)}@starting-style{#cardGoRight{opacity:0;transform:scaleY(0) translate(512px) rotate(-90deg) skew(45deg,-45deg)}}#monsterName{font-size:1.2rem;color:#fff;filter:drop-shadow(0 0 .2rem black) drop-shadow(0 0 .1rem black)}#listWrapper{height:90vh;width:100%;margin:0;padding:0;position:fixed;top:64px;z-index:11;border:none;background-color:transparent;justify-self:center;outline:none;translate:0 -100%;transition:opacity .25s,translate 1s,display 1s}#listWrapper[open]{translate:0 0}#listWrapper[open]::backdrop{background-color:#000000f2}@media screen and (min-width:1600px){#listWrapper[open]{translate:-35% 0}}@starting-style{#listWrapper[open]{opacity:0;translate:0 100%}@media screen and (min-width:1600px){#listWrapper[open]{translate:-100% 0}}}#listWrapper::backdrop{background-color:transparent;transition:opacity 2s,background-color 2s}#listWrapper section{display:flex;flex-direction:column;height:inherit;align-items:center;border:0px solid transparent;border-radius:2rem}#listWrapper section div{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;background-color:var(--slimeBlue);width:90vw;max-width:512px;height:64px;border:none;border-top-left-radius:2rem;border-top-right-radius:2rem}#listWrapper section div button#xButton{--buttonHeight: 32px;height:var(--buttonHeight);width:var(--buttonHeight);background-color:#fff;border:2px solid black;border-radius:50%;padding:0;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201077.99%201078.12'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23000;%20stroke-width:%200px;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M1077.99,1012.43c-.74,27.43-14.31,48.02-39.56,59.81-23.11,10.79-52.51,6.78-71.74-12.46-140.31-140.4-280.68-280.73-421.04-421.08q-6.66-6.66-13.22-.11c-139.9,139.9-279.96,279.64-419.52,419.87-22.58,22.68-62.4,25.86-87.85,4.86-27.09-22.35-33.24-60.64-13.32-89.45,1.92-2.78,4.36-5.24,6.76-7.65,140.03-140.07,280.09-280.11,420.14-420.17,8.05-8.05,7.95-6.41-.21-14.57C298.54,391.58,158.63,251.69,18.73,111.79-8.66,84.4-5.48,39.12,24.79,14.63c23.12-18.7,56.23-19.21,79.13-3.05,2.77,1.95,5.25,4.35,7.65,6.76,140.22,140.18,280.42,280.39,420.62,420.59q6.79,6.79,13.68-.1c139.9-139.9,279.95-279.65,419.56-419.83,22.42-22.51,62.1-25.47,87.36-4.61,27.25,22.5,33.37,60.57,13.45,89.43-1.92,2.78-4.35,5.25-6.76,7.65-140.18,140.22-280.38,280.43-420.58,420.63q-6.77,6.77.13,13.68c140.09,140.09,280.16,280.19,420.28,420.25,12.62,12.62,18.45,27.86,18.67,46.4Z'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:calc(var(--headerHeight) * .3);position:relative;top:1rem;left:1rem;align-self:flex-start;transition:background-color .1s}#listWrapper section div button#xButton:hover{background-color:var(--mustard)}#listWrapper section div button#xButton:focus{background-color:var(--mustard)}#listWrapper section div p{font-size:1.5rem;width:fit-content;height:fit-content;margin:0;filter:drop-shadow(0 .1rem 1rem white);position:relative;bottom:1rem}#fullList{--itemHeight: 72px;background-color:var(--slimeBlue);display:grid;grid-template-columns:repeat(3,calc(var(--itemHeight) + 1rem));grid-template-rows:1fr;justify-content:center;row-gap:1rem;column-gap:1rem;height:512px;width:90vw;max-width:512px;overflow-x:hidden;overflow-y:scroll;padding-top:1rem;padding-bottom:1rem;height:100%;scrollbar-width:none;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}#fullList:focus{outline:none}#fullList button{border:none;background:none;transition:scale .25s}#fullList button:hover{scale:1.1}#fullList button:active{scale:.95}#fullList figure{display:flex;flex-direction:column;justify-content:space-between;background-image:linear-gradient(to bottom,var(--mustard),var(--slimeBlue));margin:0;border:2px solid var(--obsidian);border-radius:1rem;aspect-ratio:9/16}#fullList figure span{font-size:1rem}#fullList figure img{width:90%;aspect-ratio:1/1;filter:drop-shadow(0 0 .1rem var(--obsidian));margin-inline:auto}#fullList figure figcaption{position:static;bottom:0;background-color:var(--obsidian);min-height:32px;color:#fff;text-align:center;font-size:.75rem;word-wrap:break-word;border-radius:0 0 1rem 1rem;padding:.5rem;margin:0}.monsterId{display:block;position:fixed;top:-24px;right:-24px;color:#fff;z-index:6}.monsterId span#poundSign{position:fixed;top:-82px;right:-48px;font-size:10rem}.monsterId span#numberSign{display:block;color:#000;font-size:4rem;width:fit-content;min-width:64px;text-align:center;filter:drop-shadow(0 0 .1rem var(--slimeBlue)) drop-shadow(0 0 .4rem var(--mustard))}.statsRow{display:flex;justify-content:space-evenly;align-items:start;min-height:4rem}.statsRow span{display:block;text-align:center}.statsRow p{font-family:var(--Roboto)}.detailsWrapper{padding:1rem;background-clip:content-box;height:calc(100% - 2rem);border:0px solid transparent;border-radius:2rem}.monsterDetailContainer{display:none;background:linear-gradient(to top,#fff 10%,transparent 5%),linear-gradient(to top,var(--slimeBlue) 75%,var(--mustard));transition-property:transform,opacity;transition-duration:.5s;transition-timing-function:ease-in-out;height:100%;border:0 solid transparent;border-radius:2rem}.detailGrid{--borderDifference: .2rem;min-height:128px;display:flex;flex-direction:column;justify-content:space-evenly;border:var(--borderDifference) solid var(--obsidian);border-radius:1.5rem;height:calc(100% - var(--borderDifference));background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2028.3.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20972.9%201061.9'%20style='enable-background:new%200%200%20972.9%201061.9;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%231C75BC;}%20%3c/style%3e%3cpath%20class='st0'%20d='M972.9,688.4c0,206.3-217.8,373.6-486.4,373.6S0,894.7,0,688.4c0-155.6,123.9-289,300-345.2h0c0,0,0,0,0.1,0%20c1.2-0.3,10.7-2.6,25.3-7.5c63.9-20.9,226.1-87.9,226.1-229.9C551.6,47.4,599,0,657.4,0s105.8,47.4,105.8,105.8%20c0,0-0.6,5.9-1.2,16.3c-3.1,52.6-5.5,220.1,79.4,310.8c7.9,8.5,16.6,16.3,26.2,23.3c0,0,0,0,0,0%20C933.4,519.9,972.8,600.6,972.9,688.4L972.9,688.4z'/%3e%3c/svg%3e") 10%,linear-gradient(var(--obsidian),var(--slimeBlue) 50%);background-repeat:no-repeat;animation:2s infinite bgSpin;@keyframes bgSpin{0%{rotate:0deg}to{rotate:360deg}}}.detailGrid div div span:not(#poundSign,#numberSign){color:var(--obsidian)}.detailGrid div div p{text-align:center;font-size:.75rem;color:#fff;margin:0;filter:drop-shadow(0 0 .2rem black) drop-shadow(0 0 .1rem black)}@media screen and (min-width:540px){.detailGrid div div p{font-size:1rem}}.monsterSprite{width:auto;aspect-ratio:1/1;margin:auto;display:block;filter:drop-shadow(-.25rem .25rem .25rem #165b94)}.centerFlex{display:flex;flex-direction:column;align-items:center;justify-content:center}.centerBlock{display:block;margin-left:auto;width:90%;overflow-y:hidden;margin-right:auto}@media only screen and (max-width:300px){*{font-size:.8rem}.monsterSprite{width:80%}}@media only screen and (min-width:544px){#fullList{grid-template-columns:repeat(4,calc(var(--itemHeight) + 1rem))}}@media only screen and (min-width:960px){.monsterDetailContainer{margin-left:auto;margin-right:auto}}@media only screen and (min-height:668px){#monsterName{font-size:1.4rem}}