/* Readable five-dragon formations: two above, a lead dragon, two below. */
.dragon-company{width:35%;max-width:98vh;top:0;height:100%}
.title-dragon{width:min(var(--size),32vh)}
.dragon-slot-0{--x:0%;--y:4%;--size:49%;--depth:2;--light:.94}
.dragon-slot-1{--x:50%;--y:4%;--size:49%;--depth:2;--light:1}
.dragon-slot-2{--x:0%;--y:67%;--size:50%;--depth:3;--light:.97}
.dragon-slot-3{--x:50%;--y:67%;--size:49%;--depth:3;--light:1}
.dragon-slot-4{--x:20%;--y:30%;--size:79%;--depth:4;--light:1.06;width:min(var(--size),48vh)}
.title-center-shade{left:26%;width:48%;background:radial-gradient(ellipse at 50% 49%,#171027c7 0,#19112c69 30%,#18112b16 49%,transparent 68%)}
@media(min-aspect-ratio:2/1){.dragon-company{width:35%;max-width:90vh}.dragon-slot-0{--x:2%;--y:2%;--size:44%}.dragon-slot-1{--x:53%;--y:2%;--size:44%}.dragon-slot-2{--x:2%;--y:66%;--size:44%}.dragon-slot-3{--x:53%;--y:66%;--size:44%}.dragon-slot-4{--x:18%;--y:25%;--size:76%}}
@media(max-width:1100px) and (min-aspect-ratio:1/1) and (max-aspect-ratio:2/1){.dragon-company{width:35%}.dragon-slot-1{--x:50%;--y:5%;--size:50%}.dragon-slot-4{--x:16%;--y:33%;--size:85%}.title-lockup{width:44%;top:49%}}
@media(max-aspect-ratio:1/1){.dragon-company{width:29%;max-width:none;height:100%;top:0}.title-dragon{width:100%;max-width:18vh}.dragon-slot-0{--x:0%;--y:3%;--light:.95}.dragon-slot-1{--x:8%;--y:20%;--light:1}.dragon-slot-2{--x:-8%;--y:38%;--light:.94}.dragon-slot-3{--x:1%;--y:62%;--light:1}.dragon-slot-4{--x:0%;--y:79%;width:112%;max-width:20vh;--light:1.06}.title-lockup{width:62%;top:48%}.title-munchin{font-size:clamp(36px,10.5vw,73px)}.title-dragons{font-size:clamp(50px,14.8vw,103px);letter-spacing:1px}.title-word:before{-webkit-text-stroke:4px #311525;text-shadow:0 4px #753d30,0 7px #2b1523}.title-menu button{width:81%;min-height:48px}.title-enter{font-size:26px;padding:10px 14px;gap:8px}.title-enter svg{width:18px;height:18px}.title-howto{font-size:10px;letter-spacing:1.6px;padding:14px 7px}.title-crest{margin-bottom:13px}.title-crest svg{width:20px;height:20px}.title-divider{margin:22px auto 26px}.title-center-shade{left:18%;width:64%;background:radial-gradient(ellipse at 50% 48%,#171027f0 0,#19112cdd 28%,#18112b77 48%,transparent 71%)}.company-left .dragon-slot-4{left:-1%}.company-right .dragon-slot-4{right:-1%}}